<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!
 *
 * Author      : ThemeLooks
 * Author URI  : https://themeforest.net/user/themelooks
 *
 */

/**

[Table of Contents]

1: General Styles
   1.1: Links

2: Utilities

3: Components
   3.1: Back To Top Button
   3.2: Background Image
   3.3: Badge Items
   3.4: Banner
   3.5: Buttons
   3.6: Call To Action
   3.7: Copyright Text
   3.8: Entry Content
   3.9: Feature Box
   3.10: Feature Image
   3.11: Feature Content
   3.12: Preloader
   3.13: Products Slider
   3.14: Section Title
   3.15: Support Boxes

*/

/* ----------------------------------------- *\
   1: General Styles
\* ----------------------------------------- */
body {
    color: #555;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.85714;
    font-weight: 400;
}

p:last-child {
    margin-bottom: 0;
}

img,
.nav &gt; li &gt; a &gt; img {
    max-width: 100%;
    height: auto;
}

::-moz-selection {
    color: #fff;
    background-color: #2772ee;
}

::selection {
    color: #fff;
    background-color: #2772ee;;;
}

.no-outlines :focus {
    outline: 0;
}

/* 1.1: Links */
a, .btn {
    -webkit-transition-property: color, background-color, border-color, box-shadow;
    transition-property: color, background-color, border-color, box-shadow;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease, ease-in-out, ease, ease-in-out;
            transition-timing-function: ease, ease-in-out, ease, ease-in-out;
}

a {
    color: #2772ee;;;
    text-decoration: none;
}

a i{
    color: #2772ee;;;
}

a:hover {
    color: #2772ee;;;
    text-decoration: none;
    
}

.btn-link {
    color: inherit;
    font-weight: inherit;
}

.btn-link:hover,
.btn-link:focus {
    color: #2772ee;
    text-decoration: none;
}

/* ----------------------------------------- *\
   2: Utilities
\* ----------------------------------------- */
.mb_50 { margin-bottom: 50px; }
.mb_60 { margin-bottom: 60px; }
.mb_30 { margin-bottom: 30px; }
.mb_130 { margin-bottom: 130px; }

.pt_10 { padding-top: 10px; }
.pt_20 { padding-top: 20px; }
.pt_30 { padding-top: 30px; }
.pt_40 { padding-top: 40px; }
.pt_60 { padding-top: 60px; }
.pt_70 { padding-top: 70px; }
.pt_80 { padding-top: 80px; }
.pt_100 { padding-top: 100px; }
.pt_110 { padding-top: 110px; }
.pt_120 { padding-top: 120px; }
.pt_140 { padding-top: 140px; }

.pb_10 { padding-bottom: 10px; }
.pb_20 { padding-bottom: 20px; }
.pb_30 { padding-bottom: 30px; }
.pb_40 { padding-bottom: 40px; }
.pb_60 { padding-bottom: 60px; }
.pb_70 { padding-bottom: 70px; }
.pb_80 { padding-bottom: 80px; }
.pb_100 { padding-bottom: 100px; }
.pb_110 { padding-bottom: 110px; }
.pb_120 { padding-bottom: 120px; }
.pb_140 { padding-bottom: 140px; }

.bg-primary { background-color: #2772ee;; !important; }

[class*="bg_overlay"] {
    position: relative;
    z-index: 0;
}
[class*="bg_overlay"]:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.95;
    z-index: -1;
}

/* ----------------------------------------- *\
   3: Components
\* ----------------------------------------- */
/* 3.1: Back To Top Button */
#backToTop {
    position: fixed;
    right: 30px;
    bottom: 21px;
    -webkit-animation-name: backToTopBounce;
            animation-name: backToTopBounce;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    z-index: 999;
}
    
#backToTop.show {
    -webkit-animation-name: backToTopShowBounce;
            animation-name: backToTopShowBounce;
}
    
#backToTop a {
    display: block;
    min-width: 40px;
    padding: 11px 0 10px;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

#backToTop a.bg-primary{
    background-color: #2772ee;; !important;
}

#backToTop a.bg-primary:hover{
    background-color: #2772ee;; !important;
}
        
#backToTop i {
    display: block;
    padding-top: 8px;
    font-size: 24px;
    line-height: 10px;
    color: #fff;
}
        
#backToTop span {
    display: block;
}

@-webkit-keyframes backToTopShowBounce {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);
    }
    
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
    }
    
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes backToTopShowBounce {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);
    }
    
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
    }
    
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes backToTopBounce {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    
    40%,
    45% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
    }
    
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
    }
}

@keyframes backToTopBounce {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    
    40%,
    45% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
    }
    
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
    }
}

/* 3.2: Background Image */
[data-bg-img] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 3.3: Badge Items */
.badge-items {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
       -webkit-box-align: center;
            align-items: center;
      -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
    
.badge-items &gt; span {
    display: block;
    position: relative;
    width: 66px;
    height: 38.11px;
    margin: 19.05px 25px 39px;
    color: #2772ee;;;
    border-left: solid 2px;
    border-right: solid 2px;
}

.badge-items &gt; span:before,
.badge-items &gt; span:after {
    content: " ";
    position: absolute;
    left: 8px;
    width: 46px;
    height: 46px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
            transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    z-index: 1;
}

.badge-items &gt; span:before {
    top: -23.3345px;
    border-top: solid 2.8284px;
    border-right: solid 2.8284px;
}

.badge-items &gt; span:after {
    bottom: -23.3345px;
    border-bottom: solid 2.8284px;
    border-left: solid 2.8284px;
}

.badge-items &gt; span &gt; img {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    max-width: 45px;
    margin: 0 auto;
}

/* 3.4: Banner */
.banner-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 100vh;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 0;
}

.banner-section:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-clip-path: polygon(50% 95%, 100% 25%, 100% 100%, 0 100%, 0 25%);
            clip-path: polygon(50% 95%, 100% 25%, 100% 100%, 0 100%, 0 25%);
    z-index: -1;
}

.banner-content {
    padding-top: 200px;
    padding-bottom: 200px;
}

.banner-content .h2 {
    margin-bottom: 0;
    padding-top: 34px;
    padding-bottom: 11px;
    font-family: 'Great Vibes', cursive;
    font-size: 36px;
}

.banner-content .buttons {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.banner-content.text-center .buttons {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.banner-content .buttons &gt; .btn {
    margin: 15px 15px 0;
}

.banner-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 0;
}

.banner-img &gt; div[data-bg-img] {
    position: relative !important;
    background-size: 100% auto;
    background-position: right top;
    z-index: 0;
}

.banner-img &gt; div:nth-child(1) {
    max-width: 320px;
    margin-top: 117px;
    padding: 25px 29px 0 163px;
}

.banner-img &gt; div:nth-child(2) {
    max-width: 500px;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -240px;
    padding: 30px 23px 28px 201px;
    z-index: -1;
}

.banner-img &gt; div:nth-child(3) {
    max-width: 840px;
    margin-top: 40px;
    margin-left: -290px;
    padding: 19px 119px 0 225px;
}

.banner-img &gt; span[data-bg-img] {
    display: block;
    position: absolute !important;
    background-size: contain;
}

.banner-img &gt; span[data-bg-img]:nth-child(4) {
    top: 10px !important;
    left: 111px !important;
    width: 220px;
    height: 210px;
    z-index: -2;
}

.banner-img &gt; span[data-bg-img]:nth-child(5) {
    top: -55px !important;
    left: 45% !important;
    width: 120px;
    height: 100px;
    z-index: -1;
}

.banner-img &gt; span[data-bg-img]:nth-child(6) {
    top: 30px !important;
    left: auto !important;
    right: 17px !important;
    width: 90px;
    height: 270px;
    z-index: -1;
}

/* 3.5: Buttons */
.btn {
    padding: 12px 45px 10px;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    background-color: #2772ee;;;
    color: #fff;
    font-size: 16px;
    -webkit-transition: color .15s ease-in-out, background .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn:hover,
.btn:focus,
.btn:active {
    color: #fff;
    background: #2772ee;;;
    box-shadow: none;
}
.btn-transparent {
    background: transparent;
    color: #2772ee;;;
    border-color: #2772ee;;;
}

.btn-white {
    background: #fff !important;
    color: #2772ee;; !important;
}

/* 3.6: Call To Action */
.call-to-action {
    text-align: center;
}

.call-to-action .title {
    margin-bottom: 10px;
    font-family: 'Great Vibes', cursive;
    font-size: 36px;
    font-size: 36px;
    font-size: 2.25rem;
}

.call-to-action .sub-title {
    margin-bottom: 26px;
    font-size: 36px;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
}

.call-to-action .btn {
    padding: 13px 35px 11px;
}

/* 3.7: Copyright Text */
.copyright-text {
    padding: 41px 0 40px;
    color: #777;
    background-color: #fcfcfc;
    font-size: 12px;
    text-align: center;
}
    
.copyright-text p {
    margin-bottom: 0;
}
    
.copyright-text a {
    text-decoration: none;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

/* 3.8: Entry Content */
.entry-content:after {
    content: " ";
    display: block;
    clear: both;
}

/* 3.9: Feature Box */
.feature-box {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 100%;
    padding: 23px 15px 22px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    line-height: 20px;
    text-align: center;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.feature-box:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.feature-box i {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #2772ee;;;
    font-size: 28px;
    line-height: 40px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.feature-box img {
    height: 28px;
    width: 24px;
    display: block;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.feature-box:hover i,
.feature-box:hover img {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}

.feature-box p {
    color: #333;
    font-weight: 500;
    display: block;
    width: 100%;
}

.whmcs_img img {
    -webkit-transition: .3s cubic-bezier(0.25,0.5,0.5,1);
    transition: .3s cubic-bezier(0.25,0.5,0.5,1);
    border-radius: 20px;
    overflow: hidden;
}

.whmcs_img:hover img {
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    box-shadow: 0 25px 50px 0 rgba(10,10,10,0.2);
}

/* 3.10: Feature Image */
.feature-img {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 0;
}

.feature-img img {
    display: block;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20);
}

.feature-img img:nth-child(1) {
    margin-left: auto;
    margin-right: auto;
}

.feature-img img:nth-child(2) {
    margin-top: -30px;
    margin-left: auto;
}

.feature-img img:nth-child(3) {
    margin-top: -60px;
    margin-right: auto;
}

.feature-img--overlap img:nth-child(1) { z-index: 0; }
.feature-img--overlap img:nth-child(2) { z-index: -1; }
.feature-img--overlap img:nth-child(3) { z-index: -2; }

/* 3.11: Feature Content */
.feature-content {
    padding-left: 60px;
}

.feature-action {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.feature-action i {
    margin-left: 14px;
}

/* 3.12: Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
}

/* 3.13: Products Slider */
.products-slider.swiper-container {
    padding-bottom: 70px;
}

.products-slider .swiper-slide {
    max-width: 320px;
}

.product-item {
    display: block;
    color: #333;
    background-color: #eaeaea;
    border-radius: 8px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-transition: .3s cubic-bezier(0.25,0.5,0.5,1);
    transition: .3s cubic-bezier(0.25,0.5,0.5,1);
}

.product-item:hover {
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    box-shadow: 0 25px 50px 0 rgba(10,10,10,0.2);
}

.product-item.coming-soon {
    position: relative;
    cursor: not-allowed;
    z-index: 1;
}

.product-item.coming-soon:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.product-item.coming-soon:before {
    position: absolute;
    content: 'Coming Soon';
    color: #ff0000;
    font-size: 14px;
    font-weight: 700;
    z-index: 9999;
    width: 200px;
    height: 35px;
    display: block;
    text-transform: uppercase;
    background-color: #ffea00;
    line-height: 35px;
    left: -58px;
    top: 25px;
    transform: rotate(-45deg);
}

.product-item.coming-soon:hover:after {
    opacity: .3;
    visibility: visible;
}

.product-img {
    height: 350px;
    display: block;
    width: 100%;
    background-size: cover!important;
    background-position: center top!important;
    -webkit-transition: background 6s linear;
    transition: background 6s linear;
}

.product-item:hover .product-img {
    background-position: center bottom !important;
}
    
.product-item .h6 {
    margin-bottom: 0;
    padding: 15px 20px 14px;
    background-color: #fcfcfc;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

.product-item.new {
    position: relative;
}

.product-item.new img {
    position: absolute;
    right: 0;
    top: -20px;
}

/* 3.14: Section Title */
.section-title {
    position: relative;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    z-index: 0;
}
.section-title.title-white,
.section-title.title-white .h1,
.section-title.title-white p {
    color: #fff;
}
.section-title.title-white .h1:before {
    background-color: #fff;
}
    
.section-title p {
    margin-top: -8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}
        
.section-title p:last-child {
    padding-bottom: 3px;
}

.section-title .h1 {
    position: relative;
    margin-top: -2px;
    margin-bottom: 0;
    padding-bottom: 30px;
    font-size: 36px;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 900;
    z-index: 0;
    text-transform: uppercase;
}
        
.section-title .h1:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    width: 80px;
    height: 5px;
    margin: 0 auto;
    background-color: #2772ee;;;
}

.section-title.text-left .h1,
.section-title.text-left p:not(:last-child) {
    padding-left: 35px;
}
.section-title.text-left .h1:before {
    right: auto;
}

.section-title.text-right .h1,
.section-title.text-right p:not(:last-child) {
    padding-right: 35px;
}
.section-title.text-right .h1:before {
    left: auto;
}

.section-title.style--2 .h1 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin-top: 0;
    padding-left: 80px;
    padding-bottom: 10px;
    font-size: 114px;
    line-height: 80px;
    font-weight: 200;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}

.section-title.style--2 .h1 span {
    display: block;
    white-space: nowrap;
}

.section-title.style--2 .h1 span:nth-child(2) {
    margin-left: -3px;
    padding-bottom: 18px;
    font-size: 52px;
    line-height: 52px;
    font-weight: 400;
}

.section-title.style--2 .h1 span:nth-child(3) {
    margin-left: 10px;
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 800;
    white-space: normal;
}

.section-title.style--2 .h2 {
    position: absolute;
    left: 182px;
    bottom: 5px;
    margin-bottom: 0;
    color: #2772ee;;;
    font-family: 'Great Vibes', cursive;
    font-size: 30px;
}
.section-title.style--3 .h1 {
    padding-bottom: 22px;
}
.section-title.style--3 span {
    padding-bottom: 22px;
    display: block;
    max-width: 450px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
}

.section-title.style--3 .h1:before {
    display: none;
}

/* 3.15: Support Boxes */
.support-boxes {
    max-width: 820px;
    margin: 0 auto;
    color: #333;
}

.support-box {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 230px;
    margin: 0 auto 30px;
    padding: 27px 5px 17px;
    color: inherit;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    white-space: nowrap;
}

a.support-box:hover {
    color: inherit;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.support-box i.fa {
    margin: 0 10px 10px;
    color: #2772ee;;;
    font-size: 36px;
}

.support-box span {
    margin: 0 10px 10px;
}

.plugins {
    margin-left: 70px;
}

.plugins .single_pligins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(252, 252, 251, .1);
    width: 100%;
    padding: 25px 30px;
    border-radius: 5px;
}
.single-plugins-icon {
    min-width: 50px;
}
.single_pligins p,
.single-plugins-icon {
    display: table-cell;
    vertical-align: middle;
}
.single_pligins p {
    padding-left: 10px;
    line-height: 1.5;
}
.single_pligins:not(:last-child) {
    margin-bottom: 20px;
}

.feature-img.style--2 img:nth-child(2) {
    margin-top: -231px;
    margin-left: -180px;
}

.feature-img.style--2 img:nth-child(3) {
    margin-right: 45px;
    margin-top: -80px;
}

.feature-img.style--2 img {
    box-shadow: none;
}

.feature-img.style--1 {
    position: relative;
}

.feature-image.style--02 {
    position: relative;
}
.feature-image.style--02 img:nth-child(2) {
    position: absolute;
    top: 137px;
    right: -20px;
}
.feature-image.style--02 img:nth-child(3) {
    position: absolute;
    bottom: -50px;
    right: -45px;
}


.section-title.style--4 {
    position: relative;
}

.section-title.style--4 h3 {
    font-size: 24px;
    font-weight: 800;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: capitalize;
}

.section-title.style--4 h3 span {
    font-size: 114px;
    font-weight: 300;
}

.absoulate-text {
    font-family: 'Great Vibes', cursive;
    font-size: 30px;
    color: #2772ee;;;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 139px;
    letter-spacing: 8px;
    width: 250px;
}

.section-title.style--4 .plus {
    font-size: 52px;
}

.subtitle h5 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.products-slider .product-item &gt; img {
    height: auto !important;
}

.single_pligins.sticky {
    border: 1px solid #fcff00;
}

.single_pligins.sticky .sell {
    position: absolute;
    right: -20px;
    top: -40px;
    height: 80px;
    width: 80px;
    font-weight: 700;
    background-color: yellow;
    color: #2772ee;;;
    text-align: center;
    font-size: 26px;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    border-radius: 100%;
    line-height: 1;
    display: table;
}

.sell-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.single_pligins.sticky .sell small {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .banner-img &gt; div:nth-child(1) {
        margin-top: 97px;
        padding-left: 153px;
    }
    .banner-img &gt; div:nth-child(2) {
        padding-left: 183px;
    }
    .banner-img &gt; div:nth-child(3) {
        padding-left: 198px;
        padding-right: 107px;
    }
}

@media (max-width: 991px) {
    .banner-img {
        display: none;
    }
    .plugins {
        margin-top: 50px;
        margin-left: 60px;
        margin-right: 50px;
    }
    .plugins .row {
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    }
    .feature-img {
        max-width: 480px;
        margin: 0 auto;
    }
    .feature-img img {
        -webkit-transform: none !important;
                transform: none !important;
    }
    .feature-image.style--02 {
        text-align: center;
    }
    .feature-image.style--02 img:nth-child(2) {
        right: 100px;
    }
    .feature-image.style--02 img:nth-child(3) {
        right: 0;
    }
    .feature-img.style--2 img:nth-child(2) {
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .products-slider .swiper-slide {
        max-width: 320px;
    }
}

@media (max-width: 575px) {
    .product-item {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .section-title .h1 {
        font-size: 2rem;
    }
    .section-title.style--2 .h1 {
        font-size: 84px;
        line-height: 70px;
    }
    .section-title.style--2 .h1 span:nth-child(2) {
        font-size: 42px;
        line-height: 42px;
    }
    .section-title.style--2 .h1 span:nth-child(3) {
        font-size: 20px;
        line-height: 20px;
    }
    .section-title.style--2 .h2 {
        left: 152px;
        bottom: 10px;
        font-size: 27px;
    }
}


</pre></body></html>