#header__top .header__container .header__left a:not(:last-child),#header__top .header__container .header__right a:not(:last-child) {
    border-right: 1px solid #acc4cb;
    padding-right: 20px;
    margin-right: 20px
}

#header__top .header__container a span,section#packets .packets__wrapper .packet .info svg {
    margin-right: 8px
}

section#comments,section#services {
    padding: 70px 15px 20px 15px;
    background: var(--section--bg)
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top .pattern span:not(:last-child),section#comments .comments__wrapper .item .item__top .item__right .circle:not(:last-child) {
    margin-right: 3px
}

section#order .order__wrapper .left .packet__name .detail ul li::before,section#packets .packets__wrapper .packet .packet__body ul li::before {
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzE1JyBoZWlnaHQ9JzE1JyB2aWV3Qm94PScwIDAgMTUgMTUnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTExLjg3NSA1LjQ2ODc1QzEwLjU4MTMgNS40Njg3NSA5LjUzMTI1IDQuNDE4NzUgOS41MzEyNSAzLjEyNUM5LjUzMTI1IDEuODMxMjUgMTAuNTgxMyAwLjc4MTI1IDExLjg3NSAwLjc4MTI1QzEzLjE2ODggMC43ODEyNSAxNC4yMTg4IDEuODMxMjUgMTQuMjE4OCAzLjEyNUMxNC4yMTg4IDQuNDE4NzUgMTMuMTY4OCA1LjQ2ODc1IDExLjg3NSA1LjQ2ODc1Wk0xMS44NzUgMS43MTg3NUMxMS4xIDEuNzE4NzUgMTAuNDY4OCAyLjM1IDEwLjQ2ODggMy4xMjVDMTAuNDY4OCAzLjkgMTEuMSA0LjUzMTI1IDExLjg3NSA0LjUzMTI1QzEyLjY1IDQuNTMxMjUgMTMuMjgxMiAzLjkgMTMuMjgxMiAzLjEyNUMxMy4yODEyIDIuMzUgMTIuNjUgMS43MTg3NSAxMS44NzUgMS43MTg3NVonIGZpbGw9JyM3Qzg0OTknLz48cGF0aCBkPSdNNy41IDE0LjIxODhDMy43OTM3NSAxNC4yMTg4IDAuNzgxMjUgMTEuMjA2MyAwLjc4MTI1IDcuNUMwLjc4MTI1IDMuNzkzNzUgMy43OTM3NSAwLjc4MTI1IDcuNSAwLjc4MTI1QzcuOTU2MjUgMC43ODEyNSA4LjQxMjUgMC44MjUgOC44NTYyNSAwLjkxODc1QzkuMTEyNSAwLjk2ODc1IDkuMjc1IDEuMjE4NzUgOS4yMTg3NSAxLjQ3NUM5LjE2ODc1IDEuNzMxMjUgOC45MTg3NSAxLjg5Mzc1IDguNjY4NzUgMS44Mzc1QzguMjg3NSAxLjc1NjI1IDcuODkzNzUgMS43MTg3NSA3LjUgMS43MTg3NUM0LjMxMjUgMS43MTg3NSAxLjcxODc1IDQuMzEyNSAxLjcxODc1IDcuNUMxLjcxODc1IDEwLjY4NzUgNC4zMTI1IDEzLjI4MTIgNy41IDEzLjI4MTJDMTAuNjg3NSAxMy4yODEyIDEzLjI4MTIgMTAuNjg3NSAxMy4yODEyIDcuNUMxMy4yODEyIDcuMTEyNSAxMy4yNDM3IDYuNzI1IDEzLjE2ODcgNi4zNUMxMy4xMTg3IDYuMDkzNzUgMTMuMjgxMiA1Ljg1IDEzLjUzNzUgNS44QzEzLjc5MzcgNS43NDM3NSAxNC4wMzc1IDUuOTEyNSAxNC4wODc1IDYuMTY4NzVDMTQuMTc1IDYuNjA2MjUgMTQuMjE4OCA3LjA1NjI1IDE0LjIxODggNy41MDYyNUMxNC4yMTg4IDExLjIwNjMgMTEuMjA2MyAxNC4yMTg4IDcuNSAxNC4yMTg4WicgZmlsbD0nIzdDODQ5OScvPjwvc3ZnPgo=);
    content: ""
}

section#order .order__wrapper .right .form__box .form__content .button__box button.active svg path,section#su-info .info__wrapper .info__wrapper--item:hover .item__content .item__icon svg path {
    fill: #7844e4
}

.bgths a i,.su-banner .su__banner--wrapper .left .left__content .content__top .top__detail svg,section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro .like-content .like-count i {
    margin-right: 5px
}

section#contact .contact__wrapper .right .form__box .form__content .form-box button svg,section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content,section#intro .intro__wrapper .intro__area--1 .area__content--button a svg,section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content {
    margin-left: 10px
}

a,article,audio,b,body,del,div,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,nav,ol,output,p,ruby,section,small,span,strike,strong,table,tbody,td,th,thead,tr,u,ul,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: middle
}

ol,ul {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px
}

a {
    text-decoration: none!important
}

.btn:focus,button:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

html {
    scroll-behavior: smooth
}

body.noscroll,main {
    overflow: hidden
}

body {
    font-family: Gilroy;
    background: var(--sitebg);
    outline: 0!important;
    overflow-x: hidden
}

body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(46,54,71,.8);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

body.offcanvas-menu:before {
    opacity: 1;
    z-index: 1002;
    visibility: visible
}

:root {
    --sitebg: #f5ecdc;
    --white: #fff;
    --soft: #f9f9f9;
    --color--1: #183b56;
    --color--2: #3f3f50;
    --color--3: #7c8499;
    --background--1: #7844e4;
    --section--bg: #e3f3fb;
    --bg: #f8f7fa;
    --menutxtcl: 111, 115, 145;
    --menutxtweight: 600;
    --intlinear: 90, 99, 129;
    --txtall: var(--white);
    --cl1: 141, 72, 189;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
    --main-color: #FC8529;
    --main-color-rgb: 252, 133, 41;
    --font: Gilroy, sans-serif;
    --secondary-color: #01c267;
    --dark-color: #23232e;
    --main-text-color: #3f3f50;
    --dark-text-color: #2d2e3a;
    --soft-text-color: #838ca3;
    --container: 1440px;
    --radius: 7px;
    --white: #fff;
    --dwhite: #fff;
    --black: #000;
    --scrollbg: #f5f5f5;
    --scrollcl: #c5c5c5
}

@-webkit-keyframes movedelement {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(15px,15px);
        transform: translate(15px,15px)
    }

    50% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    75% {
        -webkit-transform: translate(15px,-8px);
        transform: translate(15px,-8px)
    }
}

@keyframes movedelement {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(15px,15px);
        transform: translate(15px,15px)
    }

    50% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    75% {
        -webkit-transform: translate(15px,-8px);
        transform: translate(15px,-8px)
    }
}

@-webkit-keyframes movedelement1 {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0)
    }

    25% {
        -webkit-transform: translate(10px,10px);
        transform: translate(10px,10px);
        -moz-transform: translate(10px,10px);
        -ms-transform: translate(10px,10px);
        -o-transform: translate(10px,10px)
    }

    50% {
        -webkit-transform: translate(5px,5px);
        transform: translate(5px,5px);
        -moz-transform: translate(5px,5px);
        -ms-transform: translate(5px,5px);
        -o-transform: translate(5px,5px)
    }

    75% {
        -webkit-transform: translate(10px,-5px);
        transform: translate(10px,-5px);
        -moz-transform: translate(10px,-5px);
        -ms-transform: translate(10px,-5px);
        -o-transform: translate(10px,-5px)
    }
}

@keyframes movedelement1 {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0)
    }

    25% {
        -webkit-transform: translate(10px,10px);
        transform: translate(10px,10px);
        -moz-transform: translate(10px,10px);
        -ms-transform: translate(10px,10px);
        -o-transform: translate(10px,10px)
    }

    50% {
        -webkit-transform: translate(5px,5px);
        transform: translate(5px,5px);
        -moz-transform: translate(5px,5px);
        -ms-transform: translate(5px,5px);
        -o-transform: translate(5px,5px)
    }

    75% {
        -webkit-transform: translate(10px,-5px);
        transform: translate(10px,-5px);
        -moz-transform: translate(10px,-5px);
        -ms-transform: translate(10px,-5px);
        -o-transform: translate(10px,-5px)
    }
}

@-webkit-keyframes movedelement2 {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-10px,-10px);
        transform: translate(-10px,-10px)
    }

    50% {
        -webkit-transform: translate(-5px,-5px);
        transform: translate(-5px,-5px)
    }

    75% {
        -webkit-transform: translate(-10px,5px);
        transform: translate(-10px,5px)
    }
}

@keyframes movedelement2 {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-10px,-10px);
        transform: translate(-10px,-10px)
    }

    50% {
        -webkit-transform: translate(-5px,-5px);
        transform: translate(-5px,-5px)
    }

    75% {
        -webkit-transform: translate(-10px,5px);
        transform: translate(-10px,5px)
    }
}

@-webkit-keyframes sway {
    0% {
        -webkit-transform: rotate(2deg) translateY(5px);
        transform: rotate(2deg) translateY(5px)
    }

    100% {
        -webkit-transform: rotate(-2deg) translateY(-5px);
        transform: rotate(-2deg) translateY(-5px)
    }
}

@keyframes sway {
    0% {
        -webkit-transform: rotate(2deg) translateY(5px);
        transform: rotate(2deg) translateY(5px)
    }

    100% {
        -webkit-transform: rotate(-2deg) translateY(-5px);
        transform: rotate(-2deg) translateY(-5px)
    }
}

@-webkit-keyframes sway-collumn {
    0% {
        -webkit-transform: rotate(-2deg) translateY(-5px);
        transform: rotate(-2deg) translateY(-5px)
    }

    100% {
        -webkit-transform: rotate(2deg) translateY(5px);
        transform: rotate(2deg) translateY(5px)
    }
}

@keyframes sway-collumn {
    0% {
        -webkit-transform: rotate(-2deg) translateY(-5px);
        transform: rotate(-2deg) translateY(-5px)
    }

    100% {
        -webkit-transform: rotate(2deg) translateY(5px);
        transform: rotate(2deg) translateY(5px)
    }
}

@-webkit-keyframes sway-x {
    0% {
        -webkit-transform: rotate(-2deg) translateX(-5px);
        transform: rotate(-2deg) translateX(-5px)
    }

    100% {
        -webkit-transform: rotate(2deg) translateX(5px);
        transform: rotate(2deg) translateX(5px)
    }
}

@keyframes sway-x {
    0% {
        -webkit-transform: rotate(-2deg) translateX(-5px);
        transform: rotate(-2deg) translateX(-5px)
    }

    100% {
        -webkit-transform: rotate(2deg) translateX(5px);
        transform: rotate(2deg) translateX(5px)
    }
}

@-webkit-keyframes animName {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes animName {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 70px;
    text-align: center
}

.site-navbar,.site-navbar .site-navigation .site-menu {
    margin-bottom: 0
}

.title h2 {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    color: var(--color--2);
    margin-bottom: 10px
}

.title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--3)
}

.not__index {
    position: absolute;
    top: 45px;
    width: 100%;
    height: 110px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(-466.36%,#e9e9f9),to(rgba(225,226,255,0)));
    background: linear-gradient(360deg,#e9e9f9 -466.36%,rgba(225,226,255,0) 100%)
}

.orderpop .modal-dialog {
    max-width: 570px
}

.orderpop .modal-dialog .modal-content,.orderpop .modal-dialog .modal-content .modal-header {
    background: 0 0;
    border: none
}

.orderpop .modal-dialog .modal-content .modal-header .close {
    padding: 0;
    color: #fff;
    opacity: 1;
    font-weight: 400;
    text-shadow: none
}

.orderpop .modal-dialog .modal-content .modal-body {
    background: radial-gradient(117.19% 1466.03% at -28.25% -27.67%,#8e5cf5 0,#7844e4 100%);
    border: none;
    border-radius: 10px;
    padding: 30px 40px 0;
    text-align: center
}

.orderpop .modal-dialog .modal-content .modal-body span {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    color: var(--white)
}

.orderpop .modal-dialog .modal-content .modal-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--white);
    margin-top: 8px;
    margin-bottom: 30px
}

.orderpop .modal-dialog .modal-content .modal-body .coupon-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 33px
}

.orderpop .modal-dialog .modal-content .modal-body .coupon-wrapper input {
    border: 0;
    background: #e5f2fc;
    border-radius: 5px;
    outline: 0;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--color--2);
    height: 48px;
    padding: 15px
}

.orderpop .modal-dialog .modal-content .modal-body .coupon-wrapper input::-webkit-input-placeholder {
    color: var(--color--2)
}

.orderpop .modal-dialog .modal-content .modal-body .coupon-wrapper input:-ms-input-placeholder {
    color: var(--color--2)
}

.orderpop .modal-dialog .modal-content .modal-body .coupon-wrapper input::-ms-input-placeholder {
    color: var(--color--2)
}

.orderpop .modal-dialog .modal-content .modal-body .coupon-wrapper input::placeholder {
    color: var(--color--2)
}

.orderpop .modal-dialog .modal-content .modal-body .coupon-wrapper .coupon-button {
    position: absolute;
    right: 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--color--2);
    border: none;
    background: #7844e4;
    border-radius: 3px;
    padding: 6px 18px
}

#header__top {
    background: var(--soft);
    padding: 12px 0;
    z-index: 1
}

#header__top .header__container,footer .container .footer__wrapper .footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#header__top .header__container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--color--1)
}





#header__top .header__container a span i,#header__top .header__container a span svg {
    font-size: 18px;
    font-weight: 400
}

#header__top .header__container .header__left,#header__top .header__container .header__right,.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#header__top .header__container .header__right a strong {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: rgba(124,132,153,.2);
    color: var(--color--3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-left: 8px
}

.site-navbar {
    z-index: 1999;
    position: relative;
    width: 100%
}

.site-navbar .toggle-button {
    right: 0
}

.site-navbar .toggle-button a {
    color: var(--main__text)
}

.site-navbar .toggle-button a span i {
    color: var(--main__text);
    font-size: 25px
}

.site-navbar .site-navigation .site-menu a {
    text-decoration: none!important;
    display: inline-block
}

.bgths a,.butto,.site-navbar .site-navigation .site-menu>li {
    display: inline-block
}

.site-navbar .site-navigation .site-menu>li:not(:last-child) {
    margin-right: 35px
}

.site-navbar .site-navigation .site-menu>li>a {
    position: relative;
    font-weight: 500;
    font-size: 15px;
    line-height: 110px;
    mix-blend-mode: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color--1);
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.site-navbar .site-navigation .site-menu>li>a .soon {
    position: absolute;
    top: 25px;
    right: 0;
    font-weight: 500;
    font-size: 7px;
    line-height: 9px;
    letter-spacing: .065em;
    color: var(--color--2);
    background: #e1e3eb;
    border-radius: 3px;
    padding: 3px
}

.site-navbar .site-navigation .site-menu>li>a .icon {
    font-size: 20px;
    margin-right: 8px;
    line-height: 0
}

.site-navbar .site-navigation .site-menu>li>a .icon svg path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.site-navbar .site-navigation .site-menu>li>a:hover {
    color: var(--background--1)
}

.site-navbar .site-navigation .site-menu>li>a:hover .icon svg path {
    fill: var(--background--1)
}

.site-navbar .site-navigation .site-menu>li>a:hover .icon.blog svg path {
    fill: unset;
    stroke: var(--background--1)
}

.site-navbar .site-navigation .site-menu .has-children {
    position: relative
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    -webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,.1);
    box-shadow: 0 2px 10px -2px rgba(0,0,0,.1);
    border-radius: 0 0 3px 3px;
    padding: 0;
    margin-top: 20px;
    margin-left: 0;
    background: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    border-top: 2px solid #7844e4
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu {
    padding: 30px;
    left: -50px;
    border-top: 2px solid #7844e4;
    border-radius: 0 0 5px 5px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu ul li:not(:last-child),header .menu .links ul>.menu__top:not(:last-child) {
    margin-right: 25px;
    padding-right: 25px;
    border-right: 1px solid #d3e2ec
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu ul li .single-dropdown-block .mega-drop-menu-item {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--2)
}

.new-order-box .item,.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu ul li .single-dropdown-block .mega-drop-menu-item:not(:last-child) {
    margin-bottom: 20px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu ul li .single-dropdown-block .mega-drop-menu-item:hover,.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
    color: #7844e4
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--3)
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top .pattern {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top .pattern span {
    width: 8px;
    height: 8px;
    border-radius: 100%
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top .pattern span.pattern1 {
    background: rgba(120,68,228,.1)
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top .pattern span.pattern2 {
    background: rgba(120,68,228,.3)
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu .menu__top .pattern span.pattern3 {
    background: rgba(120,68,228,.5)
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--1);
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: .3s;
    transition: .3s
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-transition: .3s;
    transition: .3s;
    min-width: 200px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
    padding: 9px 20px;
    display: block
}

.site-navbar .site-navigation .site-menu .has-children:active,.site-navbar .site-navigation .site-menu .has-children:focus,.site-navbar .site-navigation .site-menu .has-children:hover {
    cursor: pointer
}

.site-navbar .site-navigation .site-menu .has-children:active>.dropdown,.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0;
    visibility: visible;
    opacity: 1
}

.position-relative {
    -webkit-transition: .3s;
    transition: .3s
}

.sticky-wrapper {
    position: relative;
    z-index: 20;
    width: 100%
}

.sticky-wrapper .site-navbar {
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%!important
}

.sticky-wrapper .site-navbar .site-logo img {
    max-height: 50px;
    max-width: 100%
}

.sticky-wrapper.is-sticky .site-navbar {
    -webkit-box-shadow: 4px 0 20px -5px rgba(0,0,0,.2);
    box-shadow: 4px 0 20px -5px rgba(0,0,0,.2);
    background: var(--white)
}

.sticky-wrapper.is-sticky .site-navbar ul li a {
    color: var(--color--1)
}

.sticky-wrapper.is-sticky .site-navbar ul li a.active {
    color: #00f!important
}

.sticky-wrapper .shrink {
    padding-top: 0!important;
    padding-bottom: 0!important
}

section#intro .intro__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#intro .intro__wrapper .intro__area--1 .area__content--title {
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    color: var(--color--2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}


#new-box-body h1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    color: var(--color--2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

section#intro .intro__wrapper .intro__area--1 .area__content--title span {
    font-weight: 600
    
}

section#intro .intro__wrapper .intro__area--1 .area__content--text {
    margin: 30px 0 35px
}

section#intro .intro__wrapper .intro__area--1 .area__content--text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: var(--color--3)
}

section#intro .intro__wrapper .intro__area--1 .area__content--button a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    background: var(--background--1);
    border-radius: 5px;
    padding: 17px 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

section#intro .intro__wrapper .intro__area--1 .area__content--button a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

section#intro .intro__wrapper .intro__area--1 .area__content--button a:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 115px
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 {
    border-right: 1px solid rgba(124,132,153,.15);
    margin-right: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 .bottom__text {
    margin-left: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--color--2);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 .bottom__text span {
    color: var(--color--3);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: unset
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 .bottom__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 .bottom__image .image {
    border: 2px solid #fff;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    overflow: hidden
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 .bottom__image .image img {
    max-width: 100%
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 .bottom__image .image.item__2 {
    position: absolute;
    left: 17px;
    z-index: -1
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--1 .bottom__image .image.item__3 {
    position: absolute;
    left: 34px;
    z-index: -2
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--color--2);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--2 span {
    color: #f50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#intro .intro__wrapper .intro__area--1 .area__content--bottom .bottom__content--2 span i {
    font-size: 14px
}

section#comments .comments__wrapper,section#intro .intro__wrapper .intro__area--2 .area__content {
    position: relative
}

section#intro .intro__wrapper .intro__area--2 .area__content .content__hero {
    position: relative;
    z-index: 0;
    text-align: right
}

section#intro .intro__wrapper .intro__area--2 .area__content .content__hero img,section#intro .intro__wrapper .intro__area--2 .area__content .position__image .item img {
    -webkit-animation: 1.1s zoomIn!important;
    animation: 1.1s zoomIn!important
}

section#intro .intro__wrapper .intro__area--2 .area__content .content__hero::after {
    content: "";
    position: absolute;
    right: 82px;
    top: 32%;
    z-index: -1;
    width: 239px;
    height: 223px;
    background: linear-gradient(148.79deg,#f82c2c 12.9%,#ec874e 29.15%,#e78b20 41.54%,#6c3df4 54.7%,#ff2633 70.18%,#ff1818 87.21%);
    -webkit-filter: blur(82px);
    filter: blur(82px);
    -webkit-animation: 10s linear infinite animName;
    animation: 10s linear infinite animName
}

.accordion__wrapper .accordion .accordion-title.active span,section#su-info .info__wrapper .info__wrapper--item:hover .item__content .item__icon {
    background: rgba(120,68,228,.2)
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .item--1 {
    position: absolute;
    top: 20%;
    left: 75px;
    -webkit-animation: 3s linear infinite alternate sway;
    animation: 3s linear infinite alternate sway
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .item--2 {
    position: absolute;
    top: 36%;
    right: 0;
    -webkit-animation: 3s linear infinite alternate sway-x;
    animation: 3s linear infinite alternate sway-x
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .item--3 {
    position: absolute;
    top: 50%;
    left: 38%;
    -webkit-animation: 3s linear infinite alternate sway;
    animation: 3s linear infinite alternate sway
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .item--4 {
    position: absolute;
    top: 51%;
    right: 95px;
    -webkit-animation: 3s linear infinite alternate sway-collumn;
    animation: 3s linear infinite alternate sway-collumn
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .item--5 {
    position: absolute;
    bottom: 25%;
    left: 30%;
    -webkit-animation: 3s linear infinite alternate sway-x;
    animation: 3s linear infinite alternate sway-x
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro {
    position: absolute;
    top: 24%;
    left: 180px
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro.magic {
    top: 45%;
    left: 75px
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro.follow {
    top: 45%;
    right: 0;
    left: unset
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro.single {
    top: 13%;
    right: 64px;
    left: unset
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro.single .image {
    width: 34px!important;
    height: 34px!important
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro.single .image .triangle {
    height: 9px!important;
    width: 8px!important;
    bottom: -4px!important;
    left: calc(50% - 3px)!important
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro .like-content {
    -webkit-animation: 1.1s zoomIn!important;
    animation: 1.1s zoomIn!important
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro .like-content .image {
    border: 2px solid #beb1d7;
    background-color: #beb1d7;
    border-radius: 100%;
    position: relative;
    width: 51px;
    height: 51px
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro .like-content .image img {
    max-width: 100%;
    border-radius: 100%
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro .like-content .image .triangle {
    display: block;
    height: 12px;
    width: 12px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    bottom: -6px;
    left: calc(50% - 6px);
    -webkit-clip-path: polygon(0% 0%,100% 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 100%,0% 100%);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 0 0 0 4px;
    z-index: -1
}

section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro .like-content .like-count {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--white);
    margin-top: 16px;
    background: #beb1d7;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px
}

section#ticker {
    background: var(--background--1);
    margin-bottom: 70px;
    margin-top: -67px;
    border-bottom: 5px solid #6e3ed1
}

section#ticker .container .ticker__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0;
    overflow: hidden
}

section#ticker .container .ticker__wrapper .ticker__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: var(--white);
    border-right: 1px solid #6e3ed1;
    margin-right: 18px;
    padding-right: 18px
}

section#ticker .container .ticker__wrapper .ticker__left .icon {
    padding: 3px 2px 2px 3px;
    background: #6e3ed1;
    border-radius: 3px;
    margin-right: 17px
}

section#ticker .container .ticker__wrapper .ticker__item ul {
    height: auto
}

section#ticker .container .ticker__wrapper .ticker__item ul li {

    color: var(--white)!important
}

section#ticker .container .ticker__wrapper .control button {
    border: none;
    background: 0 0;
    border-radius: none;
    font-size: 20px;
    color: var(--white);
    padding: 0
}

section#su-info {
    padding-bottom: 70px
}

section#comments .title,section#su-info .title {
    margin-bottom: 40px
}

section#su-info .info__wrapper .info__wrapper--item {
    margin-top: 30px
}

section#su-info .info__wrapper .info__wrapper--item .item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 25px
}

section#su-info .info__wrapper .info__wrapper--item .item__content .item__icon {
    min-width: 61px;
    height: 71px;
    border-radius: 5px;
    background: #ecf9ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 25px;
    -webkit-transition: .3s;
    transition: .3s
}

section#su-info .info__wrapper .info__wrapper--item .item__content .item__icon svg path {
    -webkit-transition: .3s;
    transition: .3s
}

section#su-info .info__wrapper .info__wrapper--item .item__content .item__detail .item__title {
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    color: var(--color--2);
    margin-bottom: 10px
}

section#su-info .info__wrapper .info__wrapper--item .item__content .item__detail .item__info {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: var(--color--3)
}

section#services {
    margin-top: -70px
}

section#services .services__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

section#services .services__wrapper .image__area .services__image img {
    max-width: 100%
}

section#services .services__wrapper .image__area .services--pattern .item--1 {
    position: absolute;
    top: 54px;
    left: 97px;
    -webkit-animation: 3s linear infinite alternate sway;
    animation: 3s linear infinite alternate sway
}

section#services .services__wrapper .image__area .services--pattern .item--2 {
    position: absolute;
    top: 54px;
    right: 208px;
    -webkit-animation: 3s linear infinite alternate sway-x;
    animation: 3s linear infinite alternate sway-x
}

section#services .services__wrapper .image__area .services--pattern .item--3 {
    position: absolute;
    top: 143px;
    right: 173px;
    -webkit-animation: 3s linear infinite alternate sway-collumn;
    animation: 3s linear infinite alternate sway-collumn
}

section#services .services__wrapper .image__area .services--pattern .item--4 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    top: 35%;
    left: 85px;
    border: 5px solid #fff;
    background-color: #22cc74;
    overflow: hidden;
    -webkit-animation: 3s linear infinite alternate sway-x;
    animation: 3s linear infinite alternate sway-x
}

section#services .services__wrapper .image__area .services--pattern .item--5 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    top: 34%;
    right: 175px;
    border: 5px solid #fff;
    background-color: #22cc74;
    overflow: hidden;
    -webkit-animation: 3s linear infinite alternate sway;
    animation: 3s linear infinite alternate sway
}

footer .container,section#services .services__wrapper .packet__area .item__area {
    position: relative;
    z-index: 0
}

section#services .services__wrapper .packet__area .item__area .title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
    margin-bottom: 0
}

section#services .services__wrapper .packet__area .item__area .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#services .services__wrapper .packet__area .item__area .item::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

section#services .services__wrapper .packet__area .item__area .item .item__text--area .item__title {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px
}

section#services .services__wrapper .packet__area .item__area .item .item__text--area .item__text {
    font-weight: 700;
    font-size: 17px;
    line-height: 22px
}

.su-banner,section#packets,section#textbox {
    margin-top: 35px;
    margin-bottom: 0
}

section#blog--top,section#cat--packets {
    padding-bottom: 20px
}

section#packets .packets__wrapper .packet {
    background: #fff;
    border-radius: 10px;
    position: relative;
    margin-top: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.03)
}

section#packets .packets__wrapper .packet .packet__top {
    text-align: center;
    padding: 30px 0 25px;
    margin: 0 30px;
    border-bottom: 1px solid #ecf9ff
}

section#packets .packets__wrapper .packet .packet__top .packet__icon {
    background: #ecf9ff;
    border-radius: 5px;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 30px;
    font-size: 24px;
    color: var(--color--3)
}

section#packets .packets__wrapper .packet .packet__top .packet__icon img {
    max-width: 100%;
    height: 25px
}

section#packets .packets__wrapper .packet .packet__top .packet__name {
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section#packets .packets__wrapper .packet .packet__top .packet__name span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--3)
}

section#packets .packets__wrapper .packet .packet__body {
    padding: 13px 0 0;
    margin: 0 17px;
    max-height: 210px;
    overflow-y: auto
}

section#packets .packets__wrapper .packet .packet__body::-webkit-scrollbar-track {
    border-radius: 100px;
    background: #e2f3fb;
    margin-top: 10px;
    margin-bottom: 10px
}

section#packets .packets__wrapper .packet .packet__body::-webkit-scrollbar {
    width: 3px
}

section#packets .packets__wrapper .packet .packet__body::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    background-clip: padding-box;
    border-radius: 100px;
    background: rgba(124,132,153,.5)
}

section#packets .packets__wrapper .packet .packet__body ul li {
    position: relative;
    padding-left: 25px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: var(--color--2);
    margin-bottom: 15px;
    list-style: none
}

section#packets .packets__wrapper .packet .packet__body ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

section#packets .packets__wrapper .packet .info {
    background: rgba(120,68,228,.1);
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #7844e4;
    padding: 15.5px 25px 15.5px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -30px
}

section#order .order__wrapper .left .box__title svg,section#order .order__wrapper .left .info__content .info__top--icon svg {
    margin-right: 10px
}

section#packets .packets__wrapper .packet .packet__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 30px 25px;
    padding: 30px 0
}

section#packets .packets__wrapper .packet .packet__price .price {
    background: rgba(120,68,228,.1);
    border-radius: 5px;
    margin-right: 14px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #7844e4;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 55px
}

section#packets .packets__wrapper .packet .packet__price .buying {
    background: #7844e4;
    border-radius: 5px;
    width: 100%
}

section#packets .packets__wrapper .packet .packet__price .buying a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 55px
}

section#packets .packets__wrapper .packet .discount {
    position: absolute;
    top: 50px;
    left: -10px;
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: .08em;
    color: var(--white);
    background: var(--special-color);
    border-radius: 0 3px 3px 0;
    padding: 6px 10px
}

section#packets .packets__wrapper .packet .discount::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 7px 0;
    border-color: transparent var(--special-color)transparent transparent;
    position: absolute;
    left: 0;
    bottom: -7px;
    filter: brightness(.5)
}

section#comments .comments__wrapper .item {
    background: #fff;
    border-radius: 5px;
    padding: 25px;
    margin-top: 30px
}

section#comments .comments__wrapper .item .item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px
}

section#comments .comments__wrapper .item .item__top .item__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#comments .comments__wrapper .item .item__top .item__left .item__image {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 100%;
    overflow: hidden
}

section#comments .comments__wrapper .item .item__top .item__left .item__image img {
    max-width: 100%
}

section#comments .comments__wrapper .item .item__top .item__left .item__comment--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--2)
}

section#comments .comments__wrapper .item .item__top .item__left .item__comment--info span {
    margin-top: 3px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--color--3)
}

section#comments .comments__wrapper .item .item__top .item__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section#comments .comments__wrapper .item .item__top .item__right .circle {
    width: 8px;
    height: 8px;
    border-radius: 100%
}

section#comments .comments__wrapper .item .item__top .item__right .circle.circle-1 {
    background: rgba(120,68,228,.1)
}

section#comments .comments__wrapper .item .item__top .item__right .circle.circle-2 {
    background: rgba(120,68,228,.3)
}

section#comments .comments__wrapper .item .item__top .item__right .circle.circle-3 {
    background: rgba(120,68,228,.5)
}

section#banner .banner__wrapper .banner__wrapper--content .social .social__item .social__icon.whatsapp,section#contact .contact__wrapper .left .contact__info .contact__item .item.whatsapp .item__icon {
    background: #18d3a6
}

section#comments .comments__wrapper .item .item__text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--color--2)
}

section#comments .comments__wrapper::before {
    content: "";
    position: absolute;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzQ5MicgaGVpZ2h0PSc0NzcnIHZpZXdCb3g9JzAgMCA0OTIgNDc3JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxnIGlkPSdTaGFwZS0yJz48cGF0aCBpZD0nUG9seWdvbicgb3BhY2l0eT0nMC4wNScgZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J004OC42OTE3IDg3Ljg2NDJDOTQuMzc1OCA4Mi4xODAyIDEwMi42NiA3OS45NjAzIDExMC40MjUgODIuMDQwOEwxODMuMjA3IDEwMS41NDNDMTkwLjk3MSAxMDMuNjIzIDE5Ny4wMzYgMTA5LjY4OCAxOTkuMTE3IDExNy40NTNMMjE4LjYxOSAxOTAuMjM0QzIyMC42OTkgMTk3Ljk5OSAyMTguNDc5IDIwNi4yODQgMjEyLjc5NSAyMTEuOTY4TDE1OS41MTUgMjY1LjI0OEMxNTMuODMxIDI3MC45MzIgMTQ1LjU0NiAyNzMuMTUyIDEzNy43ODIgMjcxLjA3MUw2NSAyNTEuNTY5QzU3LjIzNTUgMjQ5LjQ4OSA1MS4xNzA2IDI0My40MjQgNDkuMDkwMSAyMzUuNjU5TDI5LjU4ODMgMTYyLjg3OEMyNy41MDc4IDE1NS4xMTMgMjkuNzI3NyAxNDYuODI4IDM1LjQxMTcgMTQxLjE0NEw4OC42OTE3IDg3Ljg2NDJaJyBmaWxsPSd1cmwoI3BhaW50MF9saW5lYXJfNDc3XzE1NjYpJy8+PHBhdGggaWQ9J1BvbHlnb25fMicgb3BhY2l0eT0nMC4wNScgZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00yNDMuNTY0IDIzNS4xOTVDMjQ5LjI0OCAyMjkuNTEgMjU3LjUzMyAyMjcuMjkxIDI2NS4yOTcgMjI5LjM3MUwzMzguMDc5IDI0OC44NzNDMzQ1Ljg0NCAyNTAuOTUzIDM1MS45MDggMjU3LjAxOCAzNTMuOTg5IDI2NC43ODNMMzczLjQ5MSAzMzcuNTY1QzM3NS41NzEgMzQ1LjMyOSAzNzMuMzUxIDM1My42MTQgMzY3LjY2NyAzNTkuMjk4TDMxNC4zODcgNDEyLjU3OEMzMDguNzAzIDQxOC4yNjIgMzAwLjQxOCA0MjAuNDgyIDI5Mi42NTQgNDE4LjQwMUwyMTkuODcyIDM5OC45QzIxMi4xMDggMzk2LjgxOSAyMDYuMDQzIDM5MC43NTQgMjAzLjk2MiAzODIuOTlMMTg0LjQ2IDMxMC4yMDhDMTgyLjM4IDMwMi40NDMgMTg0LjYgMjk0LjE1OSAxOTAuMjg0IDI4OC40NzVMMjQzLjU2NCAyMzUuMTk1WicgZmlsbD0ndXJsKCNwYWludDFfbGluZWFyXzQ3N18xNTY2KScvPjxwYXRoIGlkPSdQb2x5Z29uXzMnIG9wYWNpdHk9JzAuMDUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgY2xpcC1ydWxlPSdldmVub2RkJyBkPSdNMjg0LjQ0NiAzNS40MTE4QzI5MC4xMyAyOS43Mjc4IDI5OC40MTUgMjcuNTA3OSAzMDYuMTc5IDI5LjU4ODRMMzc4Ljk2MSA0OS4wOTAyQzM4Ni43MjYgNTEuMTcwNyAzOTIuNzkxIDU3LjIzNTYgMzk0Ljg3MSA2NS4wMDAxTDQxNC4zNzMgMTM3Ljc4MkM0MTYuNDU0IDE0NS41NDcgNDE0LjIzNCAxNTMuODMxIDQwOC41NSAxNTkuNTE1TDM1NS4yNyAyMTIuNzk1QzM0OS41ODYgMjE4LjQ3OSAzNDEuMzAxIDIyMC42OTkgMzMzLjUzNiAyMTguNjE5TDI2MC43NTQgMTk5LjExN0MyNTIuOTkgMTk3LjAzNiAyNDYuOTI1IDE5MC45NzIgMjQ0Ljg0NSAxODMuMjA3TDIyNS4zNDMgMTEwLjQyNUMyMjMuMjYyIDEwMi42NjEgMjI1LjQ4MiA5NC4zNzU5IDIzMS4xNjYgODguNjkxOEwyODQuNDQ2IDM1LjQxMThaJyBmaWxsPSd1cmwoI3BhaW50Ml9saW5lYXJfNDc3XzE1NjYpJy8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQwX2xpbmVhcl80NzdfMTU2NicgeDE9JzE5NS44MjUnIHkxPSc1Mi43MTM0JyB4Mj0nMC41OTE3NTMnIHkyPScxMDUuMDI2JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nIzdDODQ5OScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzdDODQ5OScgc3RvcC1vcGFjaXR5PScwLjAxJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50MV9saW5lYXJfNDc3XzE1NjYnIHgxPSczNTAuNjk3JyB5MT0nMjAwLjA0NCcgeDI9JzE1NS40NjQnIHkyPScyNTIuMzU2JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nIzdDODQ5OScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzdDODQ5OScgc3RvcC1vcGFjaXR5PScwLjAxJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50Ml9saW5lYXJfNDc3XzE1NjYnIHgxPSczOTEuNTc5JyB5MT0nMC4yNjEwMjQnIHgyPScxOTYuMzQ2JyB5Mj0nNTIuNTczNScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyM3Qzg0OTknLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM3Qzg0OTknIHN0b3Atb3BhY2l0eT0nMC4wMScvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPgo=);
    width: 454px;
    height: 428px;
    left: -187px;
    top: -73px
}

section#accordion--faq.page {
    background: var(--section--bg);
    padding: 70px 0 120px;
    margin-bottom: -50px
}

section#accordion--faq .title {
    margin-bottom: 40px
}

.accordion__wrapper .accordion {
    margin-top: 30px
}

.accordion__wrapper .accordion .accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 5px;
    padding: 20px 20px 20px 25px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.accordion__wrapper .accordion .accordion-title p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--2)
}

.accordion__wrapper .accordion .accordion-title span {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e4f6ff;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s
}

.accordion__wrapper .accordion .accordion-title span i {
    color: var(--color--3);
    font-size: 20px
}

.accordion__wrapper .accordion .accordion-title span i.ri-arrow-up-s-line {
    display: none;
    -webkit-transition: .3s;
    transition: .3s
}

.accordion__wrapper .accordion .accordion-title.active span i {
    color: #7844e4
}

.accordion__wrapper .accordion .panel {
    display: none;
    background: var(--white);
    padding: 20px 20px 20px 25px;
    border-radius: 0 0 5px 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: var(--color--3)
}

section#banner {
    margin-top: 75px;
    margin-bottom: -50px
}

section#banner .banner__wrapper {
    background: #ea6f09;
    border-radius: 5px 5px 0 0;
    padding: 24px 30px;
    position: relative
}

section#banner .banner__wrapper::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 7px;
    background: #f5512e;
    border-radius: 0 0 5px 5px
}

section#banner .banner__wrapper .banner__wrapper--content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#banner .banner__wrapper .banner__wrapper--content .banner__text {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section#banner .banner__wrapper .banner__wrapper--content .banner__text span {
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    margin-top: 2px
}

section#banner .banner__wrapper .banner__wrapper--content .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section#banner .banner__wrapper .banner__wrapper--content .social .social__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#banner .banner__wrapper .banner__wrapper--content .social .social__item:not(:last-child) {
    margin-right: 45px
}

section#banner .banner__wrapper .banner__wrapper--content .social .social__item .social__icon {
    min-width: 45px;
    height: 45px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    color: var(--white);
    font-size: 20px
}

section#banner .banner__wrapper .banner__wrapper--content .social .social__item .social__icon.email {
    background: #d01c53
}

section#banner .banner__wrapper .banner__wrapper--content .social .social__item .social__text a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

section#banner .banner__wrapper .banner__wrapper--content .social .social__item .social__text a span {
    margin-top: 2px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

section#banner .banner__wrapper .banner__image {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

section#banner .banner__wrapper .banner__image img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated
}

footer {
    background: #3f3f50;
    padding-top: 106px;
    padding-bottom: 50px
}

footer .container .footer__wrapper .left__content .footer__logo img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

footer .container .footer__wrapper .left__content .footer__desc {
    padding: 27px 0
}

footer .container .footer__wrapper .left__content .footer__desc p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--white)
}

footer .container .footer__wrapper .footer__menu .nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

footer .container .footer__wrapper .footer__menu .nav__menu strong {
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: var(--white);
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 24px
}

footer .container .footer__wrapper .footer__menu .nav__menu strong::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0
}

footer .container .footer__wrapper .footer__menu .nav__menu ul li {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

footer .container .footer__wrapper .footer__menu .nav__menu ul li:not(:last-child) {
    margin-bottom: 14px
}

footer .container .footer__wrapper .footer__menu .nav__menu ul li:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

footer .container .footer__wrapper .footer__menu .nav__menu ul li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: var(--white)
}

footer .container .footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #3b3b4a;
    border-radius: 5px;
    padding: 15px 20px;
    margin-top: 50px
}

footer .container .footer__bottom .copyright {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: var(--white)
}

footer .container .footer__bottom .social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .container .footer__bottom .social ul li:not(:last-child) {
    margin-right: 14px
}

footer .container .footer__bottom .social ul li a {
    padding: 8px 10px;
    background: #3f3f50;
    border-radius: 5px;
    color: var(--white);
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s
}

footer .container .footer__bottom .social ul li a:hover {
    background-color: #f50
}

footer .container::before {
    content: "";
    position: absolute;
    left: -144px;
    top: -45px;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzMyNycgaGVpZ2h0PSczNzAnIHZpZXdCb3g9JzAgMCAzMjcgMzcwJyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxnIG9wYWNpdHk9JzAuMic+PHBhdGggb3BhY2l0eT0nMC4wNScgZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xMTUuMzU2IDE4LjYzODRDNjQuNDIxMiA0Ny43NjEyIDMxLjAzOTggNzYuODEzMiAxMi4zOTIgMTEwLjk5OEMyLjEyNjU1IDEyOS44MTYgLTEuMzU2MTYgMTQyLjkzMSAwLjQ1OTM4OCAxNTYuODYxQzIuMTIwMDYgMTY5LjYwMyA3LjYzNzg5IDE4Mi4zMzggMjEuODU3NCAyMDguMjgyQzI3LjgyOTkgMjE5LjE3OSAyNy42NjI2IDIzNi42NjEgMjIuODk1OCAyNjEuNTQ0QzIxLjc1NjQgMjY3LjQ5MiAyMC40MDgyIDI3My42NDMgMTguNTk1MSAyODEuMzU1QzE5LjAyOCAyNzkuNTE0IDE0LjU1NDggMjk4LjI1OSAxMy41ODA1IDMwMi42NTFDMTEuOTg0IDMwOS44NDggMTEuMDk1NiAzMTQuOTU1IDEwLjg0MjkgMzE4LjgzM0M5LjI4OTg0IDM0Mi42NjggMjUuMjk1NyAzNjAuMzU1IDUxLjAzNjggMzY2LjgwM0M3NS45MzMzIDM3My4wMzkgMTA0LjgyOCAzNjcuMzYyIDEyNC43MTQgMzUxLjIwMUMxMjcuMzgyIDM0OS4wMzMgMTM0LjE4NSAzNDMuNDc1IDEzOC4yMjMgMzQwLjE3NkMxMzkuNzk0IDMzOC44OTMgMTQwLjk0NiAzMzcuOTUxIDE0MS4yNzUgMzM3LjY4NEMxNDcuMzc2IDMzMi43MTIgMTUxLjg2MSAzMjkuMTA4IDE1Ni4wODkgMzI1LjgwMUMxNjYuNDg0IDMxNy42NzEgMTc0Ljc4IDMxMS44MDQgMTgyLjc4IDMwNy4wNzFDMjA1LjcyNiAyOTMuNDk0IDIyNy44NjQgMjg4LjY3NyAyNjAuNjg4IDI5MC45NzRDMjc1LjU2NiAyOTIuMDE1IDI4OS41NjMgMjg2LjAzNCAzMDEuMTUgMjc0LjQxOUMzMTEuOTI4IDI2My42MTQgMzIwLjA1MSAyNDguNDIxIDMyNC4wMTYgMjMxLjkzNEMzMjguMDY5IDIxNS4wODMgMzI3LjUyOSAxOTguMDAyIDMyMi4xNTIgMTgzLjY3N0MzMTYuMjI4IDE2Ny44OTcgMzA0Ljc1OCAxNTYuMDkgMjg4LjE0OCAxNDkuODMxQzI3MC4xMjggMTQzLjA0MiAyNjIuMzcgMTM0LjU4NCAyNjIuMTc0IDEyMy41MThDMjYyLjA5IDExOC44IDI2My4zNDIgMTEzLjU4IDI2NS44ODggMTA3LjI2QzI2Ny43MzggMTAyLjY2NSAyNjguMTI5IDEwMS44NjMgMjc0LjQ2NCA4OS4yMzYyQzI4MS4yMzcgNzUuNzM1NSAyODQuNDg1IDY3Ljc0MTEgMjg2LjA3NyA1OC44MzIzQzI4OC4xNTcgNDcuMTkyNiAyODYuMzA1IDM2LjYxOTQgMjc5LjY0MyAyNi41MDMyQzI2OS4yOCAxMC43NjQ2IDI0MS41NDggMS4zMjc5NCAyMDYuNjU1IDAuMTI3NTc2QzE3Mi44MSAtMS4wMzY3MyAxMzcuNzc4IDUuODE4NSAxMTUuMzU2IDE4LjYzODRaTTEuNjUwMTcgMTU2LjcwNkMtMC4xMjc3NDEgMTQzLjA2NCAzLjI5MTc2IDEzMC4xODggMTMuNDQ2MiAxMTEuNTczQzMxLjk2ODMgNzcuNjE4OCA2NS4xOTI4IDQ4LjcwMzMgMTE1Ljk1MiAxOS42ODA4QzEzOC4xNiA2Ljk4MzM3IDE3Mi45NzYgMC4xNzA0OTMgMjA2LjYxNCAxLjMyNzY4QzI0MS4xNTUgMi41MTU5MyAyNjguNTQ5IDExLjgzNzggMjc4LjY0MSAyNy4xNjM2QzI4NS4xMjUgMzcuMDExNiAyODYuOTIzIDQ3LjI3MjYgMjg0Ljg5NSA1OC42MjA5QzI4My4zMjkgNjcuMzgyMiAyODAuMTE1IDc1LjI5NTcgMjczLjM5IDg4LjY5NzZDMjY3LjAzMyAxMDEuMzY4IDI2Ni42NDMgMTAyLjE3MSAyNjQuNzc0IDEwNi44MTJDMjYyLjE3MyAxMTMuMjY3IDI2MC44ODYgMTE4LjYzNCAyNjAuOTczIDEyMy41MzlDMjYxLjE3OSAxMzUuMTY5IDI2OS4yODggMTQ0LjAwOCAyODcuNzI0IDE1MC45NTVDMzA0LjAwNSAxNTcuMDg5IDMxNS4yMjMgMTY4LjYzNyAzMjEuMDI4IDE4NC4wOTlDMzI2LjMxNiAxOTguMTg2IDMyNi44NDggMjE1LjAyNSAzMjIuODQ4IDIzMS42NTNDMzE4LjkzMyAyNDcuOTMyIDMxMC45MTYgMjYyLjkyOCAzMDAuMyAyNzMuNTdDMjg4Ljk0NyAyODQuOTUyIDI3NS4yODEgMjkwLjc5MSAyNjAuNzcyIDI4OS43NzZDMjI3LjcxMiAyODcuNDYyIDIwNS4zMzEgMjkyLjMzMiAxODIuMTY4IDMwNi4wMzdDMTc0LjExNyAzMTAuODAxIDE2NS43ODEgMzE2LjY5NiAxNTUuMzQ5IDMyNC44NTVDMTUxLjExNCAzMjguMTY4IDE0Ni42MjMgMzMxLjc3NiAxNDAuNTE2IDMzNi43NTNDMTQwLjE4NyAzMzcuMDIxIDEzOS4wMyAzMzcuOTY2IDEzNy40NTUgMzM5LjI1M0MxMzMuNDE1IDM0Mi41NTMgMTI2LjYyMiAzNDguMTA0IDEyMy45NTcgMzUwLjI2OUMxMDQuMzczIDM2Ni4xODQgNzUuODY4MiAzNzEuNzg1IDUxLjMyODYgMzY1LjYzOEMyNi4xMDYzIDM1OS4zMiAxMC41Mjk4IDM0Mi4xMDcgMTIuMDQxMiAzMTguOTExQzEyLjI4ODggMzE1LjExIDEzLjE2ODggMzEwLjA1MyAxNC43NTI5IDMwMi45MTFDMTUuNzI0OCAyOTguNTMgMjAuMTk0NyAyNzkuNzk5IDE5Ljc2NDEgMjgxLjYzQzIxLjU4MDcgMjczLjkwMyAyMi45MzIxIDI2Ny43MzcgMjQuMDc1MiAyNjEuNzdDMjguODkyNyAyMzYuNjIzIDI5LjA2MiAyMTguOTI4IDIyLjkxMDQgMjA3LjcwNEM4Ljc2MjQ2IDE4MS44OTEgMy4yODQ5OSAxNjkuMjUgMS42NTAxNyAxNTYuNzA2WicgZmlsbD0nd2hpdGUnLz48cGF0aCBvcGFjaXR5PScwLjE1JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTE4My4wNzIgMTQuNjE3NUMxNTguMTIyIDE3LjE4MDMgMTI5Ljk5NSAyNy4zOTM0IDEwNS4yNTkgNDEuOTAyNUMxMDQuMTIyIDQyLjU2OTcgMTAxLjEzOCA0NC4yNzUgOTcuMzgwMiA0Ni40MjE5Qzg4Ljc4MjkgNTEuMzM0MyA3Ni4xMzg3IDU4LjU1OTIgNzIuMzEzMSA2MC45NTE5QzYwLjM5NDIgNjguNDA2NyA1Mi40ODM3IDc1LjMwMTUgNDQuNjkyOCA4NS41Njg5QzM3LjAxMDEgOTUuNjkzNyAyOS4zMjc5IDEwOS40MDggMTkuNzQ0MyAxMzAuMDg0QzE1Ljg5IDE0MS4xMDYgMTUuMzY0MSAxNTAuNjY0IDE3LjYxNTEgMTU5Ljg3N0MxOS4zNDU1IDE2Ni45NTkgMjIuMDIwMiAxNzIuNDgzIDI4LjA0NDQgMTgyLjcyOUMyOC4yNDIyIDE4My4wNjUgMjguNDQwOCAxODMuNDAyIDI4LjgzNzQgMTg0LjA3NkMzNS43NTc5IDE5NS44MzIgMzguNTMxMSAyMDEuNjQ5IDQwLjIwNjUgMjA5LjY3N0M0Mi40MDkyIDIyMC4yMzEgNDEuMTMxOSAyMzEuNDk3IDM1LjU4NjkgMjQ0LjgzM0MyMy41NTcxIDI3NS41NDggMTkuNjgxNSAzMDAuNTQzIDIzLjIyODYgMzE5LjU4NEMyNi40MDAxIDMzNi42MDkgMzUuNDc4MyAzNDguNDc0IDQ5LjA3NDkgMzU0Ljc2OEM3My43NzE4IDM2Ni4xOTggMTExLjA3MyAzNTcuNDQ0IDEzNC4xNzMgMzM1LjgzNUMxMzYuODk0IDMzMy4yOSAxNDQuOTQxIDMyNS43MjEgMTQ2Ljg5NiAzMjMuODgyTDE0Ny4zMjYgMzIzLjQ3N0MxNTIuMjI4IDMxOC44NzYgMTU1Ljc4MyAzMTUuNTc3IDE1OS4xNTUgMzEyLjUxOUMxNjcuNTAxIDMwNC45NDkgMTc0LjE2MiAyOTkuMzk4IDE4MC41ODIgMjk0Ljc4QzIwMC45MzUgMjgwLjE0IDIyMC41MzcgMjc0LjExNSAyNTAuODA4IDI3NC4xMTVDMjc2Ljc5MSAyNzQuMTE1IDI5Ny45NTQgMjQ5LjcxNiAzMDMuMyAyMTcuODczQzMwNS44NDkgMjAyLjY5MiAzMDQuMzEzIDE4Ny41OTEgMjk4LjY1OSAxNzUuMjMxQzI5Mi40MjggMTYxLjYxMiAyODEuNTI3IDE1MS44NTcgMjY2LjQxMSAxNDcuMzRDMjUwLjEyNSAxNDIuNDc0IDI0Mi43NDYgMTM1LjUyMyAyNDEuODQyIDEyNS44MzVDMjQxLjQ1NiAxMjEuNjk2IDI0Mi4yMTUgMTE3LjAzMSAyNDQuMDQ0IDExMS4zM0MyNDUuMzg2IDEwNy4xNDcgMjQ1Ljk2MyAxMDUuNzA4IDI1MC40NjEgOTQuOTQ2QzI1Ni42MzkgODAuMTYxMSAyNTkuMTY0IDcxLjgyOTkgMjU5LjI2NiA2Mi41MTEyQzI1OS4zNjEgNTMuODczOCAyNTYuODY1IDQ2LjAyNTIgMjUxLjI4NiAzOC43MTk4QzIzNi4zNTUgMTkuMTcxMSAyMTIuNjE1IDExLjU4MyAxODMuMDcyIDE0LjYxNzVaTTk3Ljk0MTMgNDcuNDg0NEMxMDEuNzE2IDQ1LjMyNzUgMTA0LjcxOSA0My42MTE1IDEwNS44NjcgNDIuOTM4NEMxMzAuNDYzIDI4LjUxMDkgMTU4LjQzIDE4LjM1NTkgMTgzLjE5NSAxNS44MTIyQzIxMi4zNTcgMTIuODE2NyAyMzUuNjg1IDIwLjI3MzQgMjUwLjMzMSAzOS40NDg4QzI1NS43NDUgNDYuNTM2OCAyNTguMTU3IDU0LjEyMzUgMjU4LjA2NSA2Mi40OTgxQzI1Ny45NjYgNzEuNjEzMyAyNTUuNDczIDc5LjgzNjUgMjQ5LjM1MiA5NC40ODMxQzI0NC44MzcgMTA1LjI4OCAyNDQuMjU3IDEwNi43MzIgMjQyLjkgMTEwLjk2NEMyNDEuMDI2IDExNi44MDUgMjQwLjI0MyAxMjEuNjIxIDI0MC42NDYgMTI1Ljk0N0MyNDEuNjAzIDEzNi4xOTMgMjQ5LjM1NyAxNDMuNDk3IDI2Ni4wNjcgMTQ4LjQ5MUMyODAuODQ1IDE1Mi45MDcgMjkxLjQ3OCAxNjIuNDIxIDI5Ny41NjYgMTc1LjczMUMzMDMuMTE1IDE4Ny44NiAzMDQuNjI2IDIwMi43MTkgMzAyLjExNiAyMTcuNjc0QzI5Ni44NTYgMjQ4Ljk5OSAyNzYuMTEyIDI3Mi45MTQgMjUwLjgwOCAyNzIuOTE0QzIyMC4yOTEgMjcyLjkxNCAyMDAuNDQzIDI3OS4wMTUgMTc5Ljg4IDI5My44MDVDMTczLjQxOCAyOTguNDU0IDE2Ni43MjUgMzA0LjAzMSAxNTguMzQ4IDMxMS42M0MxNTQuOTcxIDMxNC42OTMgMTUxLjQxIDMxNy45OTYgMTQ2LjUwNCAzMjIuNjAyTDE0Ni4wNzggMzIzLjAwM0MxNDQuMTI5IDMyNC44MzYgMTM2LjA3NCAzMzIuNDEzIDEzMy4zNTMgMzM0Ljk1OEMxMTAuNTg4IDM1Ni4yNTQgNzMuNzk4NSAzNjQuODg3IDQ5LjU3OTIgMzUzLjY3OEMzNi4zMzg3IDM0Ny41NSAyNy41MDk5IDMzNi4wMSAyNC40MDkgMzE5LjM2NEMyMC45MDg0IDMwMC41NzIgMjQuNzUwNCAyNzUuNzk0IDM2LjcwMDIgMjQ1LjI4M0M0Mi4zMzA3IDIzMS43NDIgNDMuNjM1NyAyMjAuMjMxIDQxLjM4MTkgMjA5LjQzMUMzOS42NzE0IDIwMS4yMzYgMzYuODU2OCAxOTUuMzMyIDI5Ljg3MjEgMTgzLjQ2N0MyOS40NzU1IDE4Mi43OTMgMjkuMjc3MSAxODIuNDU2IDI5LjA3OTUgMTgyLjEyQzIzLjExMTkgMTcxLjk3MSAyMC40NzYgMTY2LjUyNyAxOC43ODE1IDE1OS41OTJDMTYuNTg2MyAxNTAuNjA3IDE3LjA5OTIgMTQxLjI4NiAyMC44NTU4IDEzMC41MzRDMzAuMzg0MSAxMDkuOTg0IDM4LjAyNzkgOTYuMzM4OSA0NS42NDkzIDg2LjI5NDlDNTMuMzQ1OCA3Ni4xNTE5IDYxLjE0NzUgNjkuMzUyIDcyLjk0OTggNjEuOTcwMUM3Ni43NTExIDU5LjU5MjUgODkuMzQ2NSA1Mi4zOTU1IDk3Ljk0MTMgNDcuNDg0NFonIGZpbGw9J3doaXRlJy8+PHBhdGggb3BhY2l0eT0nMC4yJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTE4MS4zNzggMjguNTc5NEMxNjQuNDU2IDMyLjQwMzMgMTQ2LjI4NSA0MC40ODA5IDExMy40OTUgNTcuNjI1OEM5Mi4yOTA5IDY4LjcxMjUgODUuMjcxNCA3Mi42NTcgNzguNzYxNSA3Ny40ODU3QzcyLjU0NyA4Mi4wOTUyIDY4LjMxOTggODYuNzUzOSA2NC4wNTUzIDkzLjYwNzRDNjEuNDM2MSA5Ny44MTY4IDU4Ljg4MDQgMTAyLjY0MyA1NC41MzYgMTExLjQwOEM1NC4xNjE0IDExMi4xNjQgNTMuMTEzMyAxMTQuMjg4IDUxLjk2NTUgMTE2LjYxNkM1MC41OTI1IDExOS4zOTkgNDkuMDc2OCAxMjIuNDcyIDQ4LjQwMDUgMTIzLjgzN0M0NS42ODU5IDEyOS4zMTUgNDMuMjI3OCAxMzQuMjA1IDQwLjYwMDYgMTM5LjMzQzM0LjM3MzEgMTUxLjQ3OCAzMi4yMTcxIDE1OS40MjUgMzMuNDEwNyAxNjQuNzY2QzM0LjM4NTEgMTY5LjEyNiAzNi45OTM0IDE3MS4zNjMgNDMuMTE0IDE3NC4zMzNDNDMuMzY2MyAxNzQuNDU1IDQ0LjAyMDUgMTc0Ljc2OSA0NC41Mzc5IDE3NS4wMThDNDQuODQ3NSAxNzUuMTY2IDQ1LjEwOCAxNzUuMjkyIDQ1LjIwNDMgMTc1LjMzOEM0Ni4wMzU0IDE3NS43NCA0Ni42OTExIDE3Ni4wNjUgNDcuMzI0IDE3Ni4zOTJDNTQuMTk5MyAxNzkuOTUxIDU4LjAzMjggMTgzLjk5NSA1OS44NzU2IDE5MS4zNzZDNjIuMjY4MyAyMDAuOTU5IDYwLjU4NjUgMjE1LjM5NCA1My45NDA3IDIzNi4zMzZDNTMuMzY1MyAyMzguMTUgNTIuNzc4OCAyMzkuOTg3IDUyLjAwNzIgMjQyLjM5NkM1Mi4wOTk3IDI0Mi4xMDcgNTAuNTM4NiAyNDYuOTc4IDUwLjExNjUgMjQ4LjI5OEM0OC42MTE2IDI1My4wMDQgNDcuNTQ3OCAyNTYuMzc2IDQ2LjU1MTggMjU5LjYxOUM0NC4wMTYxIDI2Ny44NzYgNDIuMjE5NCAyNzQuMzggNDAuOTA2NCAyODAuMjZDMzcuNzYxNSAyOTQuMzQ2IDM3LjQ5NjQgMzA0Ljc0OCA0MC41NzIgMzEzLjAzNUM0OC4zMDggMzMzLjg3OCA2NC43NTkzIDM0MS45NTQgODYuMzQ1OCAzMzguNzM4QzEwMy45OTQgMzM2LjEwOCAxMjQuMDE5IDMyNS43MDkgMTM3LjMwOSAzMTMuMjY0QzEzNy44MjMgMzEyLjc4MyAxMzkuMTM1IDMxMS41NDcgMTQwLjY4NiAzMTAuMDg2QzE0My4zNjkgMzA3LjU1OCAxNDYuNzY4IDMwNC4zNTUgMTQ3Ljk5MiAzMDMuMjE4QzE1MS42OTIgMjk5Ljc3OCAxNTQuNTY3IDI5Ny4yMjMgMTU3LjM0NSAyOTQuOTRDMTY2Ljg5OSAyODcuMDg4IDE3NS44MzUgMjgyLjIwMyAxODkuMDIxIDI3OC4wMzZDMTkyLjY1OCAyNzYuODg3IDE5NS45MjMgMjc1LjY0NCAxOTguOTgyIDI3NC4yNzVDMjAxLjc1NyAyNzMuMDMyIDIwNC4yMzkgMjcxLjc1IDIwNy4wNzcgMjcwLjE0QzIwNy4yMTkgMjcwLjA2IDIwNy42NzIgMjY5Ljc5OCAyMDguMjgyIDI2OS40NDVDMjA5LjkwMyAyNjguNTA4IDIxMi42MzQgMjY2LjkyOSAyMTMuNTg3IDI2Ni40MDdDMjIwLjQxNCAyNjIuNjcxIDIyNi4wODMgMjYxLjE1MiAyMzUuNjc2IDI2MS4xNTJDMjU3LjY1NyAyNjEuMTUyIDI3NS41NDkgMjQwLjUwNCAyODAuMDY4IDIxMy41NjRDMjgyLjIyMiAyMDAuNzIzIDI4MC45MjQgMTg3Ljk0OCAyNzYuMTQ0IDE3Ny40ODlDMjcwLjg3NSAxNjUuOTYxIDI2MS42NTQgMTU3LjcwMiAyNDguODcxIDE1My44NzhDMjM1LjE4NSAxNDkuNzg1IDIyOC4zNDYgMTQyIDIyNi42MTggMTMwLjMyNEMyMjUuMjgzIDEyMS4zMDIgMjI2LjU5NSAxMTIuMjkgMjMwLjk1MyA5My43NjY4QzIzMS4wNDUgOTMuMzc1OSAyMzEuMTMzIDkzLjAwNTQgMjMxLjI3NSA5Mi40QzIzNC43ODYgNzcuNTA2NiAyMzUuOTk4IDcxLjIyNTggMjM2LjM0OCA2My44MzAyQzIzNi44MTUgNTMuOTgzMiAyMzQuODc2IDQ2LjQzMzIgMjI5Ljg0OSA0MC43Njc2QzIxNy45NzggMjcuMzg4MyAyMDIuMzA2IDIzLjg1MDQgMTgxLjM3OCAyOC41Nzk0Wk03OS40NzY4IDc4LjQ1Qzg1LjkxNSA3My42NzQ1IDkyLjkxMjcgNjkuNzQyMyAxMTQuMDUxIDU4LjY4OThDMTQ2Ljc0OCA0MS41OTM1IDE2NC44NTcgMzMuNTQzNiAxODEuNjQzIDI5Ljc1MDVDMjAyLjE3NiAyNS4xMTA2IDIxNy40MDEgMjguNTQ3NSAyMjguOTUxIDQxLjU2NDVDMjMzLjc0IDQ2Ljk2MjIgMjM1LjYwMiA1NC4yMTE3IDIzNS4xNDkgNjMuNzczMUMyMzQuODAzIDcxLjA2NzMgMjMzLjU5OSA3Ny4zMDc0IDIzMC4xMDYgOTIuMTI0MkMyMjkuOTY0IDkyLjcyOTkgMjI5Ljg3NiA5My4xMDA1IDIyOS43ODQgOTMuNDkxNkMyMjUuMzkgMTEyLjE2OSAyMjQuMDY1IDEyMS4yNzIgMjI1LjQzIDEzMC40OTlDMjI3LjIyNyAxNDIuNjQgMjM0LjM5NyAxNTAuODAyIDI0OC41MjcgMTU1LjAyOUMyNjAuOTcyIDE1OC43NTEgMjY5LjkyNCAxNjYuNzY5IDI3NS4wNTIgMTc3Ljk4OEMyNzkuNzI2IDE4OC4yMTcgMjgwLjk5OSAyMDAuNzUgMjc4Ljg4NCAyMTMuMzY1QzI3NC40NTIgMjM5Ljc4NiAyNTYuOTc4IDI1OS45NTEgMjM1LjY3NiAyNTkuOTUxQzIyNS44NzYgMjU5Ljk1MSAyMjAuMDEgMjYxLjUyMyAyMTMuMDEgMjY1LjM1NEMyMTIuMDQgMjY1Ljg4NSAyMDkuMjc4IDI2Ny40ODIgMjA3LjY2IDI2OC40MTdDMjA3LjA2MiAyNjguNzYzIDIwNi42MjEgMjY5LjAxOCAyMDYuNDg1IDI2OS4wOTVDMjAzLjY3OCAyNzAuNjg3IDIwMS4yMjggMjcxLjk1MyAxOTguNDkxIDI3My4xNzhDMTk1LjQ3NCAyNzQuNTI5IDE5Mi4yNTIgMjc1Ljc1NSAxODguNjYgMjc2Ljg5QzE3NS4zMjUgMjgxLjEwNCAxNjYuMjU0IDI4Ni4wNjQgMTU2LjU4MiAyOTQuMDEyQzE1My43ODMgMjk2LjMxMyAxNTAuODkxIDI5OC44ODMgMTQ3LjE3NCAzMDIuMzM4QzE0NS45NDcgMzAzLjQ3OSAxNDIuNTQgMzA2LjY4OSAxMzkuODU1IDMwOS4yMThDMTM4LjMwOCAzMTAuNjc2IDEzNyAzMTEuOTA4IDEzNi40ODggMzEyLjM4N0MxMjMuMzY4IDMyNC42NzMgMTAzLjU2MyAzMzQuOTU4IDg2LjE2ODcgMzM3LjU1QzY1LjEwOTggMzQwLjY4OCA0OS4yMjEzIDMzMi44ODggNDEuNjk3NyAzMTIuNjE3QzM4LjcxOTYgMzA0LjU5MiAzOC45NzkzIDI5NC40MDIgNDIuMDc4MyAyODAuNTIyQzQzLjM4MzMgMjc0LjY3NyA0NS4xNzIzIDI2OC4yMDEgNDcuNjk5NiAyNTkuOTcyQzQ4LjY5NCAyNTYuNzMzIDQ5Ljc1NjUgMjUzLjM2NiA1MS4yNjAyIDI0OC42NjRDNTEuNjgyMSAyNDcuMzQ0IDUzLjI0MzEgMjQyLjQ3MyA1My4xNTA3IDI0Mi43NjJDNTMuOTIyNiAyNDAuMzUyIDU0LjUwOTQgMjM4LjUxNCA1NS4wODUyIDIzNi42OTlDNjEuNzkyMSAyMTUuNTY1IDYzLjQ5NzYgMjAwLjkyNiA2MS4wNDA2IDE5MS4wODVDNTkuMTAzMSAxODMuMzI0IDU1LjAzMTIgMTc5LjAyOSA0Ny44NzU5IDE3NS4zMjZDNDcuMjMxNiAxNzQuOTkyIDQ2LjU2NjggMTc0LjY2MiA0NS43MjY1IDE3NC4yNTdDNDUuNjI4MiAxNzQuMjA5IDQ1LjM2MjUgMTc0LjA4MSA0NS4wNDg1IDE3My45MzFDNDQuNTMyOCAxNzMuNjgzIDQzLjg4NjggMTczLjM3MyA0My42MzgxIDE3My4yNTJDMzcuODIxNSAxNzAuNDMgMzUuNDUzIDE2OC4zOTkgMzQuNTgyNiAxNjQuNTA0QzMzLjQ2NjUgMTU5LjUxIDM1LjU1OTMgMTUxLjc5NiA0MS42NjkxIDEzOS44NzdDNDQuMjk5IDEzNC43NDcgNDYuNzU5NSAxMjkuODUzIDQ5LjQ3NjMgMTI0LjM3QzUwLjE1MzUgMTIzLjAwNCA1MS42NzA1IDExOS45MjggNTMuMDQzOSAxMTcuMTQzQzU0LjE5MDkgMTE0LjgxOCA1NS4yMzc4IDExMi42OTUgNTUuNjExOSAxMTEuOTQxQzU5LjkzOTggMTAzLjIxIDYyLjQ4MTggOTguNDA4OCA2NS4wNzQ4IDk0LjI0MTdDNjkuMjYxMSA4Ny41MTM4IDczLjM4NjEgODIuOTY3NiA3OS40NzY4IDc4LjQ1WicgZmlsbD0nd2hpdGUnLz48L2c+PC9zdmc+Cg==);
    width: 327px;
    height: 370px;
    z-index: -1
}

.su-banner .su__banner--wrapper {
    background: radial-gradient(43% 318.5% at 50% 50%, #ff8004 0, #f78735 100%);
    border-radius: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.su-banner .su__banner--wrapper .right__content {
    height: 100%
}

.su-banner .su__banner--wrapper .right__content .image {
    position: absolute;
    bottom: 0;
    right: 120px
}

.su-banner .su__banner--wrapper .left .left__content {
    margin-left: 25px
}

.su-banner .su__banner--wrapper .left .left__content .content__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.su-banner .su__banner--wrapper .left .left__content .content__top .top__icon {
    background: #9462fb;
    border-radius: 5px;
    min-width: 45px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-right: 15px
}

.su-banner .su__banner--wrapper .left .left__content .content__top .top__icon i {
    font-size: 20px;
    color: var(--white)
}

.su-banner .su__banner--wrapper .left .left__content .content__top .top__icon .triangle {
    display: block;
    height: 8px;
    width: 8px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    top: 16px;
    right: -4px;
    -webkit-clip-path: polygon(0% 0%,100% 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 100%,0% 100%);
    -webkit-transform: rotate(228deg);
    transform: rotate(227deg);
    border-radius: 0 0 0 4px
}

.su-banner .su__banner--wrapper .left .left__content .content__top .top__detail {
    padding: 10px;
    background: #9462fb;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.su-banner .su__banner--wrapper .left .left__content .content__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
    color: var(--white);
    margin-bottom: 10px
}

.su-banner .su__banner--wrapper .left .left__content .content__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: var(--white)
}

.su-banner .su__banner--wrapper .right {
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border-radius: 10px
}

.su-banner .su__banner--wrapper .right::after {
    content: ""
}

section#cat--packets .cat--packets__wrapper .packet__item,section#order .order__wrapper .left .order__action--btn {
    margin-bottom: 30px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content {
    background: #fff;
    border-radius: 5px;
    min-height: 565px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--top {
    margin: 0 25px;
    padding: 25px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--top .item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #a454d2;
    min-width: 50px;
    height: 50px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--top .item__text {
    margin-left: 17px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--top .item__text span {
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    margin-bottom: 1px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--top .item__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--3)
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .packet__body--item {
    max-height: 340px;
    overflow: hidden
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .packet__body--item li {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    margin-right: 25px;
    margin-left: 25px;
    border-top: 1px solid #ecf9ff;
    margin-top: 25px;
    padding-top: 25px;
    position: relative;
    padding-left: 23px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .packet__body--item li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 60%;
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzE1JyBoZWlnaHQ9JzE1JyB2aWV3Qm94PScwIDAgMTUgMTUnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTExLjg3NSA1LjQ2ODc1QzEwLjU4MTMgNS40Njg3NSA5LjUzMTI1IDQuNDE4NzUgOS41MzEyNSAzLjEyNUM5LjUzMTI1IDEuODMxMjUgMTAuNTgxMyAwLjc4MTI1IDExLjg3NSAwLjc4MTI1QzEzLjE2ODcgMC43ODEyNSAxNC4yMTg4IDEuODMxMjUgMTQuMjE4OCAzLjEyNUMxNC4yMTg4IDQuNDE4NzUgMTMuMTY4NyA1LjQ2ODc1IDExLjg3NSA1LjQ2ODc1Wk0xMS44NzUgMS43MTg3NUMxMS4xIDEuNzE4NzUgMTAuNDY4OCAyLjM1IDEwLjQ2ODggMy4xMjVDMTAuNDY4OCAzLjkgMTEuMSA0LjUzMTI1IDExLjg3NSA0LjUzMTI1QzEyLjY1IDQuNTMxMjUgMTMuMjgxMiAzLjkgMTMuMjgxMiAzLjEyNUMxMy4yODEyIDIuMzUgMTIuNjUgMS43MTg3NSAxMS44NzUgMS43MTg3NVonIGZpbGw9JyM3Qzg0OTknLz48cGF0aCBkPSdNNy41IDE0LjIxODhDMy43OTM3NSAxNC4yMTg4IDAuNzgxMjUgMTEuMjA2MiAwLjc4MTI1IDcuNUMwLjc4MTI1IDMuNzkzNzUgMy43OTM3NSAwLjc4MTI1IDcuNSAwLjc4MTI1QzcuOTU2MjUgMC43ODEyNSA4LjQxMjUgMC44MjUgOC44NTYyNSAwLjkxODc1QzkuMTEyNSAwLjk2ODc1IDkuMjc1IDEuMjE4NzUgOS4yMTg3NSAxLjQ3NUM5LjE2ODc1IDEuNzMxMjUgOC45MTg3NSAxLjg5Mzc1IDguNjY4NzUgMS44Mzc1QzguMjg3NSAxLjc1NjI1IDcuODkzNzUgMS43MTg3NSA3LjUgMS43MTg3NUM0LjMxMjUgMS43MTg3NSAxLjcxODc1IDQuMzEyNSAxLjcxODc1IDcuNUMxLjcxODc1IDEwLjY4NzUgNC4zMTI1IDEzLjI4MTIgNy41IDEzLjI4MTJDMTAuNjg3NSAxMy4yODEyIDEzLjI4MTIgMTAuNjg3NSAxMy4yODEyIDcuNUMxMy4yODEyIDcuMTEyNSAxMy4yNDM3IDYuNzI1IDEzLjE2ODcgNi4zNUMxMy4xMTg3IDYuMDkzNzUgMTMuMjgxMiA1Ljg1IDEzLjUzNzUgNS44QzEzLjc5MzcgNS43NDM3NSAxNC4wMzc1IDUuOTEyNSAxNC4wODc1IDYuMTY4NzVDMTQuMTc1IDYuNjA2MjUgMTQuMjE4OCA3LjA1NjI1IDE0LjIxODggNy41MDYyNUMxNC4yMTg4IDExLjIwNjMgMTEuMjA2MiAxNC4yMTg4IDcuNSAxNC4yMTg4WicgZmlsbD0nIzdDODQ5OScvPjwvc3ZnPgo=)
}

.mobileMenu,.mobileMenuBTN,.os-tabs,.splide__arrow,section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .packet__body--item span.hidemore,section#packets .itemtoggle {
    display: none
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .packet__body--item::-webkit-scrollbar-track {
    border-radius: 100px;
    background: #e2f3fb;
    margin-top: 10px;
    margin-bottom: 10px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .packet__body--item::-webkit-scrollbar {
    width: 5px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .packet__body--item::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    background-clip: padding-box;
    border-radius: 100px;
    background: rgba(124,132,153,.5)
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .loadMore {
    padding: 21px 0;
    margin-top: 25px;
    cursor: pointer;
    background: #f1f9fd;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body .loadMore svg {
    margin-left: 6px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__item--body.more ul {
    height: 338px;
    max-height: 338px;
    overflow: auto
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 30px 25px;
    padding: 0 25px;
    width: 100%
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__price .price {
    background: rgba(120,68,228,.1);
    border-radius: 5px;
    margin-right: 14px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #7844e4;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 55px;
    -webkit-transition: .3s;
    transition: .3s
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__price .buying {
    background: #7844e4;
    border-radius: 5px;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .share ul li a:hover,section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content:hover .discount,section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content:hover .packet__item--top .item__icon,section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content:hover .packet__price .buying,section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox:checked+.form-label::before,section.cart .box .body .chooseBank.checked::after,section.features .item:hover span.icon {
    background: #f50
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .packet__price .buying a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    width: 100%;
    max-width: 103px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 55px
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .discount {
    position: absolute;
    top: 100px;
    left: -10px;
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: .08em;
    color: var(--white);
    background: #7844e4;
    border-radius: 0 3px 3px 0;
    padding: 4px 7px;
    -webkit-transition: .3s;
    transition: .3s
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content .discount::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 7px 0;
    border-color: transparent #6336c0 transparent transparent;
    position: absolute;
    left: 0;
    bottom: -7px;
    -webkit-transition: .3s;
    transition: .3s
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content:hover .discount::after {
    border-color: transparent #f50 transparent transparent
}

section#cat--packets .cat--packets__wrapper .packet__item .packet__item--content:hover .packet__price .price {
    background: rgba(255,85,0,.1);
    color: #f50
}

section#textbox .textbox__wrapper .content {
    padding: 15px;
    background: #fff;
    border-radius: 15px
}

section#textbox .textbox__wrapper .content .text:not(:last-child) {
    margin-bottom: 35px
}

section#textbox .textbox__wrapper .content .text h1,section#textbox .textbox__wrapper .content .text h2,section#textbox .textbox__wrapper .content .text h3,section#textbox .textbox__wrapper .content .text h4,section#textbox .textbox__wrapper .content .text h5,section#textbox .textbox__wrapper .content .text h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: var(--color--2);
    margin-bottom: 15px;
    margin-top: 15px
}

section#textbox .textbox__wrapper .content .text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: var(--color--2)
}

section#order {
    padding: 0;
    margin-top: -75px;
    margin-bottom: 30px
}

section#order .order__wrapper .left .info__content {
    background: #e5f2fc;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 30px
}

section#order .order__wrapper .left .box__title,section#order .order__wrapper .left .packet__name .detail ul li:not(:last-child),section#order .order__wrapper .left .summary .detail ul li {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ecf9ff
}

section#order .order__wrapper .left .info__content .info__top--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    margin-bottom: 20px
}

section#order .order__wrapper .left .info__content .info__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: var(--color--3)
}

section#order .order__wrapper .left .order__action--btn button {
    background: #7844e4;
    border-radius: 5px;
    border: none;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    padding: 17px;
    position: relative;
    z-index: 0
}

section#order .order__wrapper .left .order__action--btn button svg {
    margin-left: 20px
}

section#order .order__wrapper .left .order__action--btn button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

section#order .order__wrapper .left .order__action--btn button:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

section#order .order__wrapper .left .box__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2)
}

section#order .order__wrapper .left .summary {
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px
}

section#order .order__wrapper .left .summary .detail ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section#order .order__wrapper .left .summary .detail ul li:last-child .text,section#order .order__wrapper .left .summary .detail ul li:last-child span {
    color: #7844e4
}

section#order .order__wrapper .left .summary .detail ul li:last-child .text::before {
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzE1JyBoZWlnaHQ9JzE1JyB2aWV3Qm94PScwIDAgMTUgMTUnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcuNTQzNjggMTMuNzM3NUM2LjY2MjQzIDEzLjczNzUgNS43NzQ5MyAxMy40IDUuMTA2MTggMTIuNzMxM0wyLjI3NDkzIDkuOTAwMDVDMS41ODc0MyA5LjIxMjU1IDEuMjI0OTMgOC4yNjI1NSAxLjI2ODY4IDcuMjkzOEwxLjQxODY4IDQuMTY4OEMxLjQ4NzQzIDIuNjc1MDUgMi42Njg2OCAxLjQ5MzggNC4xNjg2OCAxLjQxODhMNy4yOTM2OCAxLjI2ODhDOC4yNjI0MyAxLjIzMTMgOS4yMTI0MyAxLjU4NzU1IDkuODk5OTMgMi4yNzUwNUwxMi43MzEyIDUuMTA2M0MxNC4wNzQ5IDYuNDUwMDUgMTQuMDc0OSA4LjY0MzggMTIuNzMxMiA5Ljk4NzU1TDkuOTg3NDMgMTIuNzMxM0M5LjMxMjQzIDEzLjQgOC40MzExOCAxMy43Mzc1IDcuNTQzNjggMTMuNzM3NVpNMi45Mzc0MyA5LjIzMTNMNS43Njg2OCAxMi4wNjI1QzYuMjQzNjggMTIuNTM3NSA2Ljg3NDkzIDEyLjggNy41NDM2OCAxMi44QzguMjEyNDMgMTIuOCA4Ljg0MzY4IDEyLjUzNzUgOS4zMTg2OCAxMi4wNjI1TDEyLjA2MjQgOS4zMTg4QzEyLjUzNzQgOC44NDM4IDEyLjc5OTkgOC4yMTI1NSAxMi43OTk5IDcuNTQzOEMxMi43OTk5IDYuODc1MDUgMTIuNTM3NCA2LjI0MzggMTIuMDYyNCA1Ljc2ODhMOS4yMzExOCAyLjkzNzU1QzguNzMxMTggMi40Mzc1NSA4LjAzNzQzIDIuMTY4OCA3LjMzNzQzIDIuMjA2M0w0LjIxMjQzIDIuMzU2M0MzLjE5MzY4IDIuNDAwMDUgMi4zOTk5MyAzLjE5MzggMi4zNDk5MyA0LjIwNjNMMi4xOTk5MyA3LjMzMTNDMi4xNjg2OCA4LjAzNzU1IDIuNDM3NDMgOC43MzEzIDIuOTM3NDMgOS4yMzEzWicgZmlsbD0nIzc4NDRFNCcvPjxwYXRoIGQ9J001LjkzNzUgNy45Njg3NUM0LjgxODc1IDcuOTY4NzUgMy45MDYyNSA3LjA1NjI1IDMuOTA2MjUgNS45Mzc1QzMuOTA2MjUgNC44MTg3NSA0LjgxODc1IDMuOTA2MjUgNS45Mzc1IDMuOTA2MjVDNy4wNTYyNSAzLjkwNjI1IDcuOTY4NzUgNC44MTg3NSA3Ljk2ODc1IDUuOTM3NUM3Ljk2ODc1IDcuMDU2MjUgNy4wNTYyNSA3Ljk2ODc1IDUuOTM3NSA3Ljk2ODc1Wk01LjkzNzUgNC44NDM3NUM1LjMzNzUgNC44NDM3NSA0Ljg0Mzc1IDUuMzM3NSA0Ljg0Mzc1IDUuOTM3NUM0Ljg0Mzc1IDYuNTM3NSA1LjMzNzUgNy4wMzEyNSA1LjkzNzUgNy4wMzEyNUM2LjUzNzUgNy4wMzEyNSA3LjAzMTI1IDYuNTM3NSA3LjAzMTI1IDUuOTM3NUM3LjAzMTI1IDUuMzM3NSA2LjUzNzUgNC44NDM3NSA1LjkzNzUgNC44NDM3NVonIGZpbGw9JyM3ODQ0RTQnLz48L3N2Zz4K)
}

section#order .order__wrapper .left .summary .detail ul li span {
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--2)
}

section#order .order__wrapper .left .summary .detail ul li .text {
    position: relative;
    padding-left: 23px;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--2)
}

section#order .order__wrapper .left .summary .detail ul li .text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzE1JyBoZWlnaHQ9JzE1JyB2aWV3Qm94PScwIDAgMTUgMTUnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcuNTQzNjggMTMuNzM3NUM2LjY2MjQzIDEzLjczNzUgNS43NzQ5MyAxMy40IDUuMTA2MTggMTIuNzMxM0wyLjI3NDkzIDkuOTAwMDVDMS41ODc0MyA5LjIxMjU1IDEuMjI0OTMgOC4yNjI1NSAxLjI2ODY4IDcuMjkzOEwxLjQxODY4IDQuMTY4OEMxLjQ4NzQzIDIuNjc1MDUgMi42Njg2OCAxLjQ5MzggNC4xNjg2OCAxLjQxODhMNy4yOTM2OCAxLjI2ODhDOC4yNjI0MyAxLjIzMTMgOS4yMTI0MyAxLjU4NzU1IDkuODk5OTMgMi4yNzUwNUwxMi43MzEyIDUuMTA2M0MxNC4wNzQ5IDYuNDUwMDUgMTQuMDc0OSA4LjY0MzggMTIuNzMxMiA5Ljk4NzU1TDkuOTg3NDMgMTIuNzMxM0M5LjMxMjQzIDEzLjQgOC40MzExOCAxMy43Mzc1IDcuNTQzNjggMTMuNzM3NVpNMi45Mzc0MyA5LjIzMTNMNS43Njg2OCAxMi4wNjI1QzYuMjQzNjggMTIuNTM3NSA2Ljg3NDkzIDEyLjggNy41NDM2OCAxMi44QzguMjEyNDMgMTIuOCA4Ljg0MzY4IDEyLjUzNzUgOS4zMTg2OCAxMi4wNjI1TDEyLjA2MjQgOS4zMTg4QzEyLjUzNzQgOC44NDM4IDEyLjc5OTkgOC4yMTI1NSAxMi43OTk5IDcuNTQzOEMxMi43OTk5IDYuODc1MDUgMTIuNTM3NCA2LjI0MzggMTIuMDYyNCA1Ljc2ODhMOS4yMzExOCAyLjkzNzU1QzguNzMxMTggMi40Mzc1NSA4LjAzNzQzIDIuMTY4OCA3LjMzNzQzIDIuMjA2M0w0LjIxMjQzIDIuMzU2M0MzLjE5MzY4IDIuNDAwMDUgMi4zOTk5MyAzLjE5MzggMi4zNDk5MyA0LjIwNjNMMi4xOTk5MyA3LjMzMTNDMi4xNjg2OCA4LjAzNzU1IDIuNDM3NDMgOC43MzEzIDIuOTM3NDMgOS4yMzEzWicgZmlsbD0nIzdDODQ5OScvPjxwYXRoIGQ9J001LjkzNzUgNy45Njg3NUM0LjgxODc1IDcuOTY4NzUgMy45MDYyNSA3LjA1NjI1IDMuOTA2MjUgNS45Mzc1QzMuOTA2MjUgNC44MTg3NSA0LjgxODc1IDMuOTA2MjUgNS45Mzc1IDMuOTA2MjVDNy4wNTYyNSAzLjkwNjI1IDcuOTY4NzUgNC44MTg3NSA3Ljk2ODc1IDUuOTM3NUM3Ljk2ODc1IDcuMDU2MjUgNy4wNTYyNSA3Ljk2ODc1IDUuOTM3NSA3Ljk2ODc1Wk01LjkzNzUgNC44NDM3NUM1LjMzNzUgNC44NDM3NSA0Ljg0Mzc1IDUuMzM3NSA0Ljg0Mzc1IDUuOTM3NUM0Ljg0Mzc1IDYuNTM3NSA1LjMzNzUgNy4wMzEyNSA1LjkzNzUgNy4wMzEyNUM2LjUzNzUgNy4wMzEyNSA3LjAzMTI1IDYuNTM3NSA3LjAzMTI1IDUuOTM3NUM3LjAzMTI1IDUuMzM3NSA2LjUzNzUgNC44NDM3NSA1LjkzNzUgNC44NDM3NVonIGZpbGw9JyM3Qzg0OTknLz48L3N2Zz4K)
}

section#order .order__wrapper .left .summary .detail .coupon-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

section#order .order__wrapper .left .summary .detail .coupon-wrapper input {
    border: 0;
    background: #e5f2fc;
    border-radius: 5px;
    outline: 0;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--color--3);
    height: 48px;
    padding: 15px
}

section#order .order__wrapper .left .summary .detail .coupon-wrapper .coupon-button {
    position: absolute;
    right: 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--color--2);
    border: none;
    background: #e1e3eb;
    border-radius: 3px;
    padding: 6px 13px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .right__content .image,section#order .order__wrapper .right .su-banner .su__banner--wrapper .right__content .image {
    right: 42px
}

section#order .order__wrapper .left .packet__name {
    padding: 25px;
    background: #fff;
    border-radius: 10px
}

section#order .order__wrapper .left .packet__name .detail ul li {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--2);
    padding-left: 23px;
    position: relative
}

section#order .order__wrapper .left .packet__name .detail ul li:last-child::before {
    top: 53%
}

section#order .order__wrapper .left .packet__name .detail ul li::before {
    position: absolute;
    left: 0;
    top: 25%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

section#order .order__wrapper .right::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 142px;
    height: 170px;
    background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzIwMycgaGVpZ2h0PScxNzAnIHZpZXdCb3g9JzAgMCAyMDMgMTcwJyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxtYXNrIGlkPSdtYXNrMF81MzNfMTE4Mycgc3R5bGU9J21hc2stdHlwZTphbHBoYScgbWFza1VuaXRzPSd1c2VyU3BhY2VPblVzZScgeD0nMCcgeT0nMCcgd2lkdGg9JzIwMycgaGVpZ2h0PScxNzAnPjxwYXRoIGQ9J00wLjQ1NzAzMSAwSDE5M0MxOTguNTIzIDAgMjAzIDQuNDc3MTUgMjAzIDEwVjE2MEMyMDMgMTY1LjUyMyAxOTguNTIzIDE3MCAxOTMgMTcwSDAuNDU3MDMxVjBaJyBmaWxsPScjNzg0NEU0Jy8+PC9tYXNrPjxnIG1hc2s9J3VybCgjbWFzazBfNTMzXzExODMpJz48cGF0aCBvcGFjaXR5PScwLjE1JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTE4Ny43IDM0Mi40MjlDMjg4LjQyOSAzNDIuNDI5IDM3MC4wODUgMjYwLjc3MiAzNzAuMDg1IDE2MC4wNDNDMzcwLjA4NSA1OS4zMTQxIDI4OC40MjkgLTIyLjM0MjggMTg3LjcgLTIyLjM0MjhDODYuOTcwOCAtMjIuMzQyOCA1LjMxMzk2IDU5LjMxNDEgNS4zMTM5NiAxNjAuMDQzQzUuMzEzOTYgMjYwLjc3MiA4Ni45NzA4IDM0Mi40MjkgMTg3LjcgMzQyLjQyOVpNMTg3LjY5OSAyODAuOTE2QzEyMC45NDMgMjgwLjkxNiA2Ni44MjY1IDIyNi43OTkgNjYuODI2NSAxNjAuMDQzQzY2LjgyNjUgOTMuMjg2NyAxMjAuOTQzIDM5LjE3MDEgMTg3LjY5OSAzOS4xNzAxQzI1NC40NTYgMzkuMTcwMSAzMDguNTcyIDkzLjI4NjcgMzA4LjU3MiAxNjAuMDQzQzMwOC41NzIgMjI2Ljc5OSAyNTQuNDU2IDI4MC45MTYgMTg3LjY5OSAyODAuOTE2WicgZmlsbD0ndXJsKCNwYWludDBfbGluZWFyXzUzM18xMTgzKScvPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50MF9saW5lYXJfNTMzXzExODMnIHgxPSczNzAuMDg1JyB5MT0nLTIxLjg1NjYnIHgyPSc2LjI4NjM3JyB5Mj0nLTIxLjg1NjYnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPSd3aGl0ZScgc3RvcC1vcGFjaXR5PScwLjAxJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPSd3aGl0ZScvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPgo=);
    border-radius: 0;
    border: none;
    z-index: -1
}

section.customers .item,section.features .item {
    height: 100%;
    background-color: #fff;
    border-radius: 8px
}

section#order .order__wrapper .right .su-banner {
    padding-top: 0;
    padding-bottom: 30px
}

section#order .order__wrapper .right .su-banner .su__banner--wrapper {
    height: 170px;
    margin: 0
}

.buttons .btnsl,section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top,section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top {
    margin-bottom: 15px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__title,section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__title {
    margin-bottom: 5px
}

section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top .top__icon {
    min-width: 26px;
    height: 26px;
    margin-right: 10px
}

section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top .triangle {
    top: 10px
}

section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top .top__detail {
    padding: 6px 7px;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px
}

section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__title h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px
}

section#order .order__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px
}

section#order .order__wrapper .right .form__box .form__content .form__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    margin-bottom: 25px
}

section#order .order__wrapper .right .form__box .form__content .button__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

section#order .order__wrapper .right .form__box .form__content .button__box button {
    width: 100%;
    border: 1px solid #ecf9ff;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--2);
    background: 0 0;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    padding: 0 0 0 15px;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden
}

section#order .order__wrapper .right .form__box .form__content .button__box button span {
    background: #7844e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px 19px;
    border-radius: 100%;
    width: 94px;
    height: 94px;
    margin-right: -47px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

section#order .order__wrapper .right .form__box .form__content .button__box button span svg {
    margin-right: 0;
    margin-left: -41px
}

section#order .order__wrapper .right .form__box .form__content .button__box button svg {
    margin-right: 15px
}

section#order .order__wrapper .right .form__box .form__content .button__box button svg path {
    -webkit-transition: .3s;
    transition: .3s
}

section#order .order__wrapper .right .form__box .form__content .button__box button.active {
    border-color: #7844e4;
    color: #7844e4
}

section#order .order__wrapper .right .form__box .form__content .button__box button.active span {
    opacity: 1
}

section#order .order__wrapper .right .form__box .form__content .button__box button.active span svg path {
    fill: #fff
}

section#order .order__wrapper .right .form__box .form__content .info p {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    border-bottom: 1px solid #ecf9ff;
    margin-bottom: 25px;
    padding-bottom: 25px;
    color: var(--color--3)
}

.new-order-box h4,section#contact .contact__wrapper .right .form__box .form__content .form-box,section#order .order__wrapper .right .form__box .form__content .form-box {
    margin-bottom: 25px
}

section#contact .contact__wrapper .right .form__box .form__content .form-box input,section#order .order__wrapper .right .form__box .form__content .form-box input {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    height: 48px;
    color: var(--color--3);
    width: 100%;
    border: 1px solid #ecf9ff;
    border-radius: 5px;
    padding: 0 15px
}

section#order .order__wrapper .right .form__box .form__content .form-box input:focus {
    outline: 0
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-label {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox:checked+.form-label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox+.form-label {
    padding-left: 30px;
    position: relative;
    vertical-align: baseline;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: var(--color--2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox+.form-label span {
    font-weight: 400;
    margin-left: 2px
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox+.form-label a {
    color: #f50;
    text-decoration: underline!important
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox+.form-label::before {
    background-color: #fff;
    border: 1px solid #ecf9ff;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: 50ms ease-out;
    transition: 50ms ease-out
}

section#order .order__wrapper .right .form__box .form__content .check-form .form-checkbox+.form-label::after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: 50ms ease-out;
    transition: 50ms ease-out;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzEyJyBoZWlnaHQ9JzknIHZpZXdCb3g9JzAgMCAxMiA5JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J000LjM3ODkxIDcuODQzNzVDNC41NzQyMiA4LjAzOTA2IDQuOTA2MjUgOC4wMzkwNiA1LjEwMTU2IDcuODQzNzVMMTAuODQzOCAyLjEwMTU2QzExLjAzOTEgMS45MDYyNSAxMS4wMzkxIDEuNTc0MjIgMTAuODQzOCAxLjM3ODkxTDEwLjE0MDYgMC42NzU3ODFDOS45NDUzMSAwLjQ4MDQ2OSA5LjYzMjgxIDAuNDgwNDY5IDkuNDM3NSAwLjY3NTc4MUw0Ljc1IDUuMzYzMjhMMi41NDI5NyAzLjE3NTc4QzIuMzQ3NjYgMi45ODA0NyAyLjAzNTE2IDIuOTgwNDcgMS44Mzk4NCAzLjE3NTc4TDEuMTM2NzIgMy44Nzg5MUMwLjk0MTQwNiA0LjA3NDIyIDAuOTQxNDA2IDQuNDA2MjUgMS4xMzY3MiA0LjYwMTU2TDQuMzc4OTEgNy44NDM3NVonIGZpbGw9J3doaXRlJy8+PC9zdmc+Cg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(26,99,162,.999);
    content: "";
    text-align: center;
    height: 12px;
    width: 12px;
    top: 5px;
    left: 4px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

section#blog--top {
    padding-top: 50px
}

section#blog--top .blog__wrapper .blog__item .blog__item--content {
    position: relative;
    z-index: 0
}

section#blog--top .blog__wrapper .blog__item .blog__item--content .content__text {
    position: absolute;
    padding: 30px;
    bottom: 0;
    z-index: 1
}

section#blog--top .blog__wrapper .blog__item .blog__item--content .content__text h3 {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    color: var(--white);
    margin-bottom: 7px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-image: -webkit-gradient(linear,left top,left bottom,from(var(--white)),to(var(--white)));
    background-image: linear-gradient(var(--white),var(--white));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .8s;
    transition: background-size .8s;
    display: initial!important
}

section#blog--top .blog__wrapper .blog__item .blog__item--content .content__text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--white);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

section#blog--top .blog__wrapper .blog__item .blog__item--content:hover .content__text h3 {
    background-size: 100% 2px
}

.modal-body.aboutVideo,section#blog--top .blog__wrapper .blog__item .blog__item--content .content__image {
    border-radius: 5px;
    overflow: hidden
}

section#blog--top .blog__wrapper .blog__item .blog__item--content .content__image img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section#blog--top .blog__wrapper .blog__item .blog__item--content::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(12.6deg,#183b56 16.28%,rgba(24,59,86,0) 75.45%);
    border-radius: 5px
}

section#blog .blog__box--wrapper .blog__item,section#blog--top .blog__wrapper .right__content--row .blog__item,section.cart .box .body .paymenttypes {
    margin-bottom: 30px
}

section#blog--top .blog__wrapper .right__content--row .blog__item .blog__item--content .content__text {
    padding: 16px
}

section#blog--top .blog__wrapper .right__content--row .blog__item .blog__item--content .content__text h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

section#blog--top .blog__wrapper .right__content--row .blog__item .blog__item--content .content__text h3 a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white)
}

section#blog--top .blog__wrapper .right__content--row .blog__item .blog__item--content::after {
    background: linear-gradient(39.75deg,#183b56 25.27%,rgba(24,59,86,0) 117.46%)
}

section#blog .blog__box--wrapper .blog__item .item {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section#blog .blog__box--wrapper .blog__item .item .blog__thumb {
    overflow: hidden;
    margin-bottom: 25px
}

section#blog .blog__box--wrapper .blog__item .item .blog__text--text,section#blog .blog__box--wrapper .blog__item .item .blog__text--title {
    margin-bottom: 20px;
    padding: 0 20px
}

section#blog .blog__box--wrapper .blog__item .item .blog__thumb img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section#blog .blog__box--wrapper .blog__item .item .blog__text--title h3 a {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: var(--color--2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center
}

.bgths a,.bgths a i,section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--item ul li .item__title a:hover {
    color: #7844e4
}

.icon__liste::after,.su-banner .su__banner--wrapper .right::after {
    content: "";
    position: absolute;
    right: -250px;
    bottom: -60%;
    width: 528px;
    height: 528px;
    background: #7844e4;
    border-radius: 100%;
    border: 100px solid rgba(255,255,255,.15);
    z-index: -1
}

section#blog .blog__box--wrapper .blog__item .item .blog__text--text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: var(--color--3);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

section#blog .blog__box--wrapper .blog__item .item .blog__text--action {
    padding: 0 20px;
    margin-bottom: 25px
}

section#blog .blog__box--wrapper .blog__item .item .blog__text--action a {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#ff5500a6 0,#bf00cb 100%);
    border-radius: 5px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0;
    -webkit-transition: .3s;
    transition: .3s
}

section#blog .blog__box--wrapper .blog__item .item:hover .blog__text--action a,section#blog .pagi .pagination li.active a {
    background: #7844e4;
    color: var(--white)
}

section#blog .pagi .pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section#blog .pagi .pagination li:not(:last-child) {
    margin-right: 20px
}

section#blog .pagi .pagination li a {
    border-radius: 10px;
    background: #e5f2fc;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #7c8499;
    border: none;
    padding: 15px 20px
}

section#blog__detail {
    padding: 50px 0
}

section#blog__detail .blog__detail--wrapper .post .post__image {
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

section#blog__detail .blog__detail--wrapper .post .post__image img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section#blog__detail .blog__detail--wrapper .post .image__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 20px;
    background: #e5f2fc
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item,section#blog__detail .blog__detail--wrapper .post .image__bottom .share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item .breadcrumb__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item .breadcrumb__list li {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--color--3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item .breadcrumb__list li.active {
    white-space: normal
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item .breadcrumb__list li span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item .breadcrumb__list li a {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--color--3)
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item .breadcrumb__list li i {
    margin-top: 3px;
    color: var(--color--3)
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .share ul li:not(:last-child),section#blog__detail .blog__detail--wrapper .sidebar .contact .contact__top svg,section#contact .contact__wrapper .left .box__title svg,section#contact .contact__wrapper .left .info__content .info__top--icon svg,section.cart .box .body .form-group span.icon,section.customers .item {
    margin-right: 10px
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .share ul li a {
    padding: 6px 8px;
    background: #d2e0eb;
    border-radius: 5px;
    color: var(--white);
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .share ul li a i {
    color: var(--color--3);
    -webkit-transition: .3s;
    transition: .3s
}

section#blog__detail .blog__detail--wrapper .post .image__bottom .share ul li a:hover i,section#services .services__wrapper .packet__area .item__area .item .item__text--area {
    color: var(--white)
}

section#blog__detail .blog__detail--wrapper .post .text {
    padding: 30px;
    background: #fff
}

section#blog__detail .blog__detail--wrapper .post .text h1,section#blog__detail .blog__detail--wrapper .post .text h2,section#blog__detail .blog__detail--wrapper .post .text h3,section#blog__detail .blog__detail--wrapper .post .text h4,section#blog__detail .blog__detail--wrapper .post .text h5,section#blog__detail .blog__detail--wrapper .post .text h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 15px
}

section#blog__detail .blog__detail--wrapper .post .text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--color--3);
    margin-bottom: 30px
}

section#blog__detail .blog__detail--wrapper .post .text img {
    margin: 30px 0;
    max-width: 100%
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 30px
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--title {
    border-bottom: 1px solid #ecf9ff;
    margin-bottom: 25px;
    padding-bottom: 25px;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--title span {
    width: 20px;
    height: 20px;
    background: rgba(120,68,228,.4);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 11px
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--title span i {
    color: #7844e4;
    font-size: 18px
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--item ul li:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ecf9ff
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--item ul li .item__image {
    margin-right: 15px
}

section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--item ul li .item__title a {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: .3s;
    transition: .3s
}

section#blog__detail .blog__detail--wrapper .sidebar .contact {
    background: #e5f2fc;
    border-radius: 10px;
    padding: 25px;
    text-align: center
}

section#blog__detail .blog__detail--wrapper .sidebar .contact .contact__top {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section#blog__detail .blog__detail--wrapper .sidebar .contact .contact__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--color--3);
    margin: 20px 0
}

section#blog__detail .blog__detail--wrapper .sidebar .contact .contact__btn a {
    background: #7844e4;
    border-radius: 5px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    display: inline-block;
    padding: 17px;
    position: relative;
    z-index: 1
}

section#blog__detail .blog__detail--wrapper .sidebar .contact .contact__btn a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

section#blog__detail .blog__detail--wrapper .sidebar .contact .contact__btn a:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

section#blog__detail .blog__detail--wrapper .sidebar .banner {
    background: #8452ee;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    z-index: 0
}

section#blog__detail .blog__detail--wrapper .sidebar .banner::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    width: 148px;
    height: 250px;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzE0OCcgaGVpZ2h0PScyNTAnIHZpZXdCb3g9JzAgMCAxNDggMjUwJyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxtYXNrIGlkPSdtYXNrMF81MzBfMjcyMycgc3R5bGU9J21hc2stdHlwZTphbHBoYScgbWFza1VuaXRzPSd1c2VyU3BhY2VPblVzZScgeD0nMCcgeT0nMCcgd2lkdGg9JzE0OCcgaGVpZ2h0PScyNTAnPjxwYXRoIGQ9J00wIDBIMTQzQzE0NS43NjEgMCAxNDggMi4yMzg1OCAxNDggNVYyNDVDMTQ4IDI0Ny43NjEgMTQ1Ljc2MSAyNTAgMTQzIDI1MEgwVjBaJyBmaWxsPScjNzg0NEU0Jy8+PC9tYXNrPjxnIG1hc2s9J3VybCgjbWFzazBfNTMwXzI3MjMpJz48cGF0aCBvcGFjaXR5PScwLjE1JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTI3Mi44MzIgNTA0LjczMUM0MjEuMzAzIDUwNC43MzEgNTQxLjY2NCAzODQuMzcxIDU0MS42NjQgMjM1Ljg5OUM1NDEuNjY0IDg3LjQyNzIgNDIxLjMwMyAtMzIuOTMyOSAyNzIuODMyIC0zMi45MzI5QzEyNC4zNiAtMzIuOTMyOSA0IDg3LjQyNzIgNCAyMzUuODk5QzQgMzg0LjM3MSAxMjQuMzYgNTA0LjczMSAyNzIuODMyIDUwNC43MzFaTTI3Mi44MzEgNDE0LjA2MkMxNzQuNDM1IDQxNC4wNjIgOTQuNjY4MSAzMzQuMjk2IDk0LjY2ODEgMjM1Ljg5OUM5NC42NjgxIDEzNy41MDIgMTc0LjQzNSA1Ny43MzU2IDI3Mi44MzEgNTcuNzM1NkMzNzEuMjI4IDU3LjczNTYgNDUwLjk5NSAxMzcuNTAyIDQ1MC45OTUgMjM1Ljg5OUM0NTAuOTk1IDMzNC4yOTYgMzcxLjIyOCA0MTQuMDYyIDI3Mi44MzEgNDE0LjA2MlonIGZpbGw9J3VybCgjcGFpbnQwX2xpbmVhcl81MzBfMjcyMyknLz48L2c+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDBfbGluZWFyXzUzMF8yNzIzJyB4MT0nNTQxLjY2NCcgeTE9Jy0zMi4yMTYyJyB4Mj0nNS40MzMzJyB5Mj0nLTMyLjIxNjInIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPSd3aGl0ZScgc3RvcC1vcGFjaXR5PScwLjAxJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPSd3aGl0ZScvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPgo=)
}

section#blog__detail .blog__detail--wrapper .sidebar .banner .content {
    padding: 43px 30px
}

section#blog__detail .blog__detail--wrapper .sidebar .banner .content .banner__icon {
    width: 40px;
    height: 40px;
    background: #9462fb;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px
}

section#blog__detail .blog__detail--wrapper .sidebar .banner .content .banner__image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

section#blog__detail .blog__detail--wrapper .sidebar .banner .content .banner__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.5px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section#blog__detail .blog__detail--wrapper .sidebar .banner .content .banner__text span {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: unset
}

.buttons .btnsl {
    border-radius: 13px;
    padding: 14px;
    width: 100%;
    font-size: 14px;
    line-height: 15px
}

.buttons .pa-text-ba,.pa-text-ba {
    text-align: center;
    font-size: 24px
}

.buttons .faf-text-faf,.faf-text-faf {
    text-align: center;
    font-size: 50px
}

.buttons .pa-text-p,.pa-text-p {
    text-align: center;
    margin-bottom: 35px
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #f50!important;
    border-color: #f50!important
}

.btn-primary {
    color: #fff;
    background-color: #7844e4;
    border-color: #7844e4
}

section#textbox .textbox__wrapper .scroolt {
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 10px
}

section#contact {
    padding: 64px 0 70px
}

section#contact .contact__wrapper .left .info__content {
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px;
    margin-bottom: 30px
}

section#contact .contact__wrapper .left .info__content .info__top--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    margin-bottom: 7px
}

section#contact .contact__wrapper .left .info__content .info__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: var(--color--3)
}

section#contact .contact__wrapper .left .box__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    margin-bottom: 25px;
    padding-bottom: 25px;
    margin-right: 25px;
    margin-left: 25px;
    padding-top: 25px;
    border-bottom: 1px solid #ecf9ff
}

section#contact .contact__wrapper .left .contact__info {
    background: #fff;
    border-radius: 10px
}

section#contact .contact__wrapper .left .contact__info .contact__item .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px
}

section#contact .contact__wrapper .left .contact__info .contact__item .item .item__icon {
    padding: 15px 25px;
    border-radius: 0 5px 5px 0;
    background: #3e6acd;
    margin-right: 25px
}

section#contact .contact__wrapper .left .contact__info .contact__item .item.phone .item__icon {
    background: #3ba9da
}

section#contact .contact__wrapper .left .contact__info .contact__item .item i {
    font-size: 20px;
    color: var(--white)
}

section#contact .contact__wrapper .left .contact__info .contact__item .item .item__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2)
}

section#contact .contact__wrapper .left .contact__info .contact__item .item .item__text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--3)
}


.custom-h3 {
    font-size: 24px; /* Yazı boyutu 24px */
    font-weight: bold; /* Yazı kalın */
    text-align: center; /* Metin ortalanmış */
    margin-bottom: 5px; /* Alttan 5px boÅŸluk */
}

section#contact .contact__wrapper .left .contact__info .info {
    padding-top: 35px;
    margin-right: 25px;
    margin-left: 25px;
    padding-bottom: 35px;
    border-top: 1px solid #ecf9ff
}

section#contact .contact__wrapper .left .contact__info .info .info__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    margin-bottom: 10px
}

section#contact .contact__wrapper .left .contact__info .info .info__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: var(--color--3)
}

section#contact .contact__wrapper .right .su-banner {
    padding: 0 15px 32px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper {
    height: 120px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top .top__icon {
    min-width: 26px;
    height: 26px;
    margin-right: 10px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top .triangle {
    top: 10px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__top .top__detail {
    padding: 6px 7px;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__title h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px
}

section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content .content__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px
}

section#contact .contact__wrapper .right::after {
    content: none
}

section#contact .contact__wrapper .right::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 142px;
    height: 120px;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzE0MycgaGVpZ2h0PScxMjAnIHZpZXdCb3g9JzAgMCAxNDMgMTIwJyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxtYXNrIGlkPSdtYXNrMF81NThfMjEyMicgc3R5bGU9J21hc2stdHlwZTphbHBoYScgbWFza1VuaXRzPSd1c2VyU3BhY2VPblVzZScgeD0nMCcgeT0nMCcgd2lkdGg9JzE0MycgaGVpZ2h0PScxMjAnPjxwYXRoIGQ9J00wLjAyODMyMDMgMEgxMzNDMTM4LjUyMyAwIDE0MyA0LjQ3NzE1IDE0MyAxMFYxMTBDMTQzIDExNS41MjMgMTM4LjUyMyAxMjAgMTMzIDEyMEgwLjAyODMyMDNWMFonIGZpbGw9JyM3ODQ0RTQnLz48L21hc2s+PGcgbWFzaz0ndXJsKCNtYXNrMF81NThfMjEyMiknPjxwYXRoIG9wYWNpdHk9JzAuMTUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgY2xpcC1ydWxlPSdldmVub2RkJyBkPSdNMTMyLjIgMjQxLjcxNEMyMDMuMzAzIDI0MS43MTQgMjYwLjk0MyAxODQuMDc0IDI2MC45NDMgMTEyLjk3MUMyNjAuOTQzIDQxLjg2ODcgMjAzLjMwMyAtMTUuNzcxNSAxMzIuMiAtMTUuNzcxNUM2MS4wOTcyIC0xNS43NzE1IDMuNDU3MDMgNDEuODY4NyAzLjQ1NzAzIDExMi45NzFDMy40NTcwMyAxODQuMDc0IDYxLjA5NzIgMjQxLjcxNCAxMzIuMiAyNDEuNzE0Wk0xMzIuMiAxOTguMjkzQzg1LjA3NzkgMTk4LjI5MyA0Ni44NzggMTYwLjA5MyA0Ni44NzggMTEyLjk3MUM0Ni44NzggNjUuODQ5NCA4NS4wNzc5IDI3LjY0OTQgMTMyLjIgMjcuNjQ5NEMxNzkuMzIyIDI3LjY0OTQgMjE3LjUyMiA2NS44NDk0IDIxNy41MjIgMTEyLjk3MUMyMTcuNTIyIDE2MC4wOTMgMTc5LjMyMiAxOTguMjkzIDEzMi4yIDE5OC4yOTNaJyBmaWxsPSd1cmwoI3BhaW50MF9saW5lYXJfNTU4XzIxMjIpJy8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQwX2xpbmVhcl81NThfMjEyMicgeDE9JzI2MC45NDMnIHkxPSctMTUuNDI4MycgeDI9JzQuMTQzNDMnIHkyPSctMTUuNDI4MycgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9J3doaXRlJyBzdG9wLW9wYWNpdHk9JzAuMDEnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9J3doaXRlJy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+Cg==)
}

section#contact .contact__wrapper .right .form__box,section#order .order__wrapper .right .form__box {
    background: #fff;
    border-radius: 10px;
    padding: 25px
}

section#contact .contact__wrapper .right .form__box .form__content .form-box input:focus {
    outline: 0
}

section#contact .contact__wrapper .right .form__box .form__content .form-box textarea {
    border: 1px solid #ecf9ff;
    border-radius: 5px;
    min-height: 110px;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--3);
    width: 100%;
    padding: 15px
}

section#contact .contact__wrapper .right .form__box .form__content .form-box textarea:focus {
    outline: 0
}

section#contact .contact__wrapper .right .form__box .form__content .form-box button {
    border: none;
    background: #7844e4;
    border-radius: 5px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    height: 55px;
    color: var(--white);
    position: relative;
    z-index: 1
}

section#contact .contact__wrapper .right .form__box .form__content .form-box button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

section#contact .contact__wrapper .right .form__box .form__content .form-box button:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

section#contact .contact__wrapper .right .form__box .form__content .form__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: var(--color--2);
    border-bottom: 1px solid #ecf9ff;
    width: 100%;
    margin: 0 15px 35px;
    padding-bottom: 25px
}

.intro-product {
    margin-top: 30px;
}

@media(max-width: 767.98px) {
    .intro-product {
        margin:50px 0;
        transform: translateY(0)
    }
}

@media(max-width: 575.98px) {
    .intro-product {
        margin:0;
        transform: translateY(0)
    }
}

.intro-product-title {
    padding: 18px 37px;
    border-radius: 100vh;
    background-color: #09afef;
    color: #fff;
    font-weight: 600;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    font-size: 16px;
    margin-bottom: 35px
}

.intro-product-card {
    background: var(--main-color);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 26px 12px;
    height: 220px;
    transition: all ease-in-out 200ms;
}

.intro-product-card:hover {
    transform: translateY(-10px)
}

.intro-product-card.twitter {
    background-color: #25bef9
}

.intro-product-card.twitter:hover {
    background-color: rgba(37,190,249,.9)
}

.intro-product-card.instagram {
    background-color: #e12f6d
}

.intro-product-card.instagram:hover {
    background-color: rgba(225 47 109/89%)
}

.intro-product-card.whatsapp {
    background-color: #25d366
}

.intro-product-card.whatsapp:hover {
    background-color: rgba(37 211 102/90%)
}

.intro-product-card.facebook {
    background-color: #3089ff
}

.intro-product-card.facebook:hover {
    background-color: rgba(48,137,255,.9)
}

.intro-product-card.twitch {
    background-color: #9752ff
}

.intro-product-card.twitch:hover {
    background-color: rgba(151,82,255,.9)
}

.intro-product-card.youtube {
    background-color: #ff3535
}

.intro-product-card.youtube:hover {
    background-color: rgba(255,53,53,.9)
}

.intro-product-card.spotify {
    background-color: #29d266
}

.intro-product-card.spotify:hover {
    background-color: rgba(41,210,102,.9)
}

.intro-product-card.linkedin {
    background-color: #168ccd
}

.intro-product-card.linkedin:hover {
    background-color: rgba(22,140,205,.9)
}

.intro-product-card.snapchat {
    background-color: #ffbb38
}

.intro-product-card.snapchat:hover {
    background-color: rgba(255,187,56,.9)
}

.intro-product-card.telegram {
    background-color: #18a4ea
}

.intro-product-card.telegram:hover {
    background-color: rgba(24,164,234,.9)
}

.intro-product-card.discord {
    background-color: #5562ea
}

.intro-product-card.discord:hover {
    background-color: rgba(227,25,65,.9)
}

.intro-product-card.tiktok {
    background-color: #23272a
}

.intro-product-card.tiktok:hover {
    background-color: rgba(35,39,42,.9)
}

.intro-product-card.x {
    background-color: #353b3f
}

.intro-product-card.x:hover {
    background-color: rgba(35,39,42,.9)
}

.intro-product-card.threads {
    background-color: #23272a
}

.intro-product-card.threads:hover {
    background-color: rgba(35,39,42,.9)
}

.intro-product-card.google {
    background-color: #5594fd
}

.intro-product-card.google:hover {
    background-color: rgba(85,148,253,.9)
}

.intro-product-card.soundcloud {
    background-color: #f97637
}

.intro-product-card.soundcloud:hover {
    background-color: rgba(85,148,253,.9)
}

.intro-product-card.pinterest {
    background-color: #e00022
}

.intro-product-card.kick {
    background-color: #00e701
}

.intro-product-card.pinterest:hover {
    background-color: rgba(224 0 34/85%)
}

.intro-product-card.organik-turk- {
    background-color: #18a4ea
}

.intro-product-card.organik-turk-:hover {
    background-color: rgba(85,148,253,.9)
}

.intro-product-card-content {
    display: grid;
    gap: 8px
}

.intro-product-card-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.intro-product-card-text {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center
}

.intro-product-card-title {
    color: #fff;
    font-weight: 600
}

.intro-product-card-subtitle {
    color: #fff;
    font-size: 14px
}

.btn-product-sm {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    background-color: rgba(255,255,255,.15);
    border-radius: 4px;
    padding: 13px 10px;
    font-size: 12px;
    color: #fff!important
}

@media(min-width: 1366px) {
    .container {
        max-width: 1400px;
    }
}

@media(min-width: 1200px) {
    .site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu {
        min-width:877px
    }
}

@media(max-width: 1200px) {
    section#blog__detail .blog__detail--wrapper .sidebar .banner {
        max-width:-webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }

    section#blog__detail .blog__detail--wrapper .post {
        margin-bottom: 30px
    }

    section#blog__detail .blog__detail--wrapper .post .post__image img {
        width: 100%
    }

    section#order .order__wrapper .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    section#order .order__wrapper .left .info__content {
        margin-top: 30px
    }

    section#order .order__wrapper .left .order__action--btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .site-mobile-menu .site-nav-wrap a i.ri-arrow-down-s-line,.site-navbar .site-navigation .site-menu,.soon,section#banner .banner__wrapper .banner__wrapper--content .banner__text,section#order .order__wrapper .left .packet__name {
        display: none
    }

    section#services .services__wrapper .packet__area .item__area .title h3,section#services .services__wrapper .packet__area .item__area .title p {
        text-align: center;
        width: 100%
    }

    .su-banner .su__banner--wrapper .right__content .image {
        right: 0
    }

    .site-menu-toggle {
        display: block!important
    }

    section#ticker {
        margin-top: unset
    }

    section#ticker .container .ticker__wrapper {
        max-width: 100%
    }

    section#services .services__wrapper .image__area {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin-bottom: 30px
    }

    section#banner .banner__wrapper .banner__wrapper--content .col-md-5 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    section#banner .banner__wrapper .banner__wrapper--content .banner__image {
        left: 5%;
        top: unset;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    section#banner .banner__wrapper .banner__wrapper--content .social {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(max-width: 998px) {
    footer .container .footer__wrapper .footer__menu .nav__menu,section#blog--top .blog__wrapper .blog__item .blog__item--content,section#contact .contact__wrapper .right .form__box {
        margin-bottom:30px
    }

    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content {
        margin-right: 150px
    }

    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .right {
        position: absolute;
        right: 0
    }

    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .right__content .image {
        right: 0
    }

    section#blog--top .blog__wrapper .blog__item .blog__item--content .content__image img {
        width: 100%
    }

    footer .container .footer__wrapper .footer__menu {
        margin-top: 30px
    }

    section#intro .intro__wrapper .intro__area--2 {
        margin: 30px 0
    }

    section#intro .intro__wrapper .intro__area--2 .area__content .content__hero {
        text-align: center
    }

    section#intro .intro__wrapper .intro__area--2 .area__content .content__hero::after {
        right: 25%
    }
}

@media(max-width: 860px) {
    .su-banner .su__banner--wrapper {
        z-index:0
    }

    .su-banner .su__banner--wrapper .left {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    .su-banner .su__banner--wrapper .right {
        position: absolute;
        right: 0;
        z-index: -1
    }

    .su-banner .su__banner--wrapper .right__content .image {
        display: none
    }

    section#blog .blog__box--wrapper .blog__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }
}

@media(max-width: 768px) {
    section#blog__detail .blog__detail--wrapper .post .image__bottom {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item {
        margin-bottom: 10px
    }

    section#banner .banner__wrapper .banner__wrapper--content .banner__image,section#ticker .container .ticker__wrapper .ticker__left {
        display: none
    }

    section#banner .banner__wrapper .banner__wrapper--content .social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    section#intro .intro__wrapper .intro__area--2 .area__content .content__hero::after {
        right: 25%
    }

    #header__top .header__container a .text {
        display: none!important
    }
}

@media(max-width: 576px) {
    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .right__content .image,section#intro .intro__wrapper .intro__area--2 .area__content .position__image .item,section#services .services__wrapper .image__area .services--pattern .item--4 {
        display:none
    }

    section#blog__detail .blog__detail--wrapper .post .image__bottom .breadcrumb__item .breadcrumb__list li span {
        max-width: 220px
    }

    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .left__content {
        margin-right: unset
    }

    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .content__title h1 {
        font-size: 15px!important;
        line-height: 20px!important
    }

    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .left .content__desc {
        font-size: 13px!important;
        line-height: 22px!important
    }

    section#contact .contact__wrapper .right .su-banner .su__banner--wrapper .right {
        position: absolute;
        right: 0
    }

    section#contact .contact__wrapper .right .form__box {
        margin-bottom: 30px
    }

    section#contact .contact__wrapper .left .contact__info .contact__item .item .item__icon {
        padding: 15px 10px;
        margin-right: 13px
    }

    section#blog .blog__box--wrapper .blog__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    footer .container .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    footer .container .footer__bottom .copyright {
        margin-top: 15px
    }

    section#banner .banner__wrapper .banner__wrapper--content .social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    section#banner .banner__wrapper .banner__wrapper--content .social .social__item:not(:last-child) {
        margin-right: 70px;
        margin-bottom: 15px
    }

    section#services .services__wrapper .image__area .services--pattern .item--1 {
        left: 20px;
        height: 25px
    }

    section#services .services__wrapper .image__area .services--pattern .item--1 img {
        height: 100%
    }

    section#services .services__wrapper .image__area .services--pattern .item--2 {
        right: 71px
    }

    section#services .services__wrapper .image__area .services--pattern .item--5 {
        top: 68%;
        right: unset;
        left: 30px
    }

    section#services .services__wrapper .image__area .services--pattern .item--3 {
        top: 180px
    }

    section#intro .intro__wrapper .intro__area--1 .area__content--title {
        font-size: 30px
    }

    section#intro .intro__wrapper .intro__area--1 .area__content--title span {
        font-size: 40px;
        margin-top: 15px;
        line-height: 40px
    }

    section#intro .intro__wrapper .intro__area--2 .area__content .content__hero img {
        max-width: 100%
    }

    section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro {
        top: 20%;
        left: 36px
    }

    section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro.magic {
        left: 0
    }

    section#intro .intro__wrapper .intro__area--2 .area__content .position__image .intro.single {
        right: 0
    }
}

.dropBox .dropMain {
    display: flex;
    align-items: center;
    height: 55px;
    border: 1px solid #dfdfe9;
    border-radius: 2px;
    padding: 15px;
    cursor: pointer;
    position: relative
}

.dropBox .dropMain .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #9292a5;
    background: #e6e6e7;
    margin-right: 15px
}

.dropBox .dropDown {
    display: none;
    position: relative;
    width: 100%;
    bottom: calc(100% - 1px);
    left: 0;
    right: 0;
    height: auto;
    background: var(--white);
    border: 1px solid #dfdfe9;
    border-bottom: none!important;
    max-height: 258px;
    overflow: auto;
    z-index: 100;
    border-radius: 10px;
    top: 5px
}

section#intro .intro__wrapper .intro__area--1 .area__content--title {
    margin-top: 40px;
    font-size: inherit;
    line-height: inherit;
    width: 70%;
    text-align: center
}

section#intro .intro__wrapper .intro__area--1 .area__content--title p {
    color: #ff5602;
    font-size: 24px
}

section#intro .intro__wrapper .intro__area--1 .area__content--title span {
    font-size: 30px;
    margin-top: 0;
    line-height: inherit
}

.dropBox .dropDown .element {
    padding: 12px 15px;
    border-bottom: 1px solid #a9a9bc54;
    cursor: pointer;
    transition: .2s;
    user-select: none
}

.dropBox .dropDown .element:hover {
    background-color: #00000005
}

.dropBox .dropDown .element,.dropBox .dropMain .text {
    color: #3f3f3f;
    font-weight: 600;
    font-size: 15px
}

.butto:hover {
    opacity: .75;
    transition: .3s
}

.butto {
    color: #fff;
    border: 0;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: var(--radius)
}

.packet__icon i.fab.fa-twitter,.packet__icon i.fas.fa-shopping-bag {
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px;
    color: #fff!important
}

.dropBox .dropMain.active .icon {
    background: #01773f
}

.btngro a:hover,.btngro button:hover,.dropBox .dropMain.active .icon i,.new-bottom-bar a:nth-child(3) i,.new-bottom-bar a:nth-child(3) span,section#packets .top .rightnav ul li button.active {
    color: #fff
}

.ms-auto {
    margin-left: auto!important
}

[data-mcolor=instagram] {
    color: #fc01c2
}

[data-mcolor=whatsapp] {
    color: #4dc247
}

[data-mcolor=dolap] {
    color: #25d6a2
}

[data-mcolor=twitter] {
    color: #00acee
}

[data-mcolor=tiktok] {
    color: #be2a2a
}

[data-mcolor=facebook] {
    color: #1873eb
}

[data-mcolor=youtube] {
    color: #f60b0b
}

[data-mcolor=pinterest] {
    color: #ff001d
}

[data-mcolor=telegram] {
    color: rgba(0,136,204)
}

[data-mcolor=twitch] {
    color: #9147ff
}

[data-mcolor=spotify] {
    color: #1ed760
}

[data-mcolor=google] {
    color: #4285f4
}

[data-mcolor=snapchat] {
    color: #d3d112
}

[data-mcolor=tumblr] {
    color: #1a3461
}

[data-mcolor=clubhouse] {
    color: #000
}

[data-mcolor=discord] {
    color: #4148a0
}

[data-mcolor=soundcloud] {
    color: #f97637
}

[data-pcolor=instagram] {
    --pcolor: linear-gradient(90deg, rgba(255, 138, 3, 1) 0, rgba(252, 1, 194, 1) 100%, rgba(254, 7, 119, 1) 100%) !important
}

[data-pcolor=dolap] {
    --pcolor: #25d6a2
}

[data-pcolor=twitter] {
    --pcolor: #1da1f2
}

[data-pcolor=tiktok] {
    --pcolor: #0d121f
}

[data-pcolor=facebook] {
    --pcolor: #1873eb
}

[data-pcolor=whatsapp] {
    --pcolor: #4dc247
}

[data-pcolor=youtube] {
    --pcolor: red
}

[data-pcolor=twitch] {
    --pcolor: #9147ff
}

[data-pcolor=spotify] {
    --pcolor: #1ed760
}

[data-pcolor=google] {
    --pcolor: #4285f4
}

[data-pcolor=telegram] {
    --pcolor: #24a2df
}

[data-pcolor=soundcloud] {
    --pcolor: #f97637
}

[data-pcolor=tumblr] {
    --pcolor: #32445a
}

[data-pcolor=periscope] {
    --pcolor: #3e9fbe
}

[data-pcolor=pinterest] {
    --pcolor: #ff001d
}

[data-pcolor=linkedin] {
    --pcolor: #0077b5
}

[data-pcolor=vimeo] {
    --pcolor: #1ab7ea
}

[data-pcolor=dailymotion],[data-pcolor=likee-app] {
    --pcolor: #333436
}

[data-pcolor=onlyfans] {
    --pcolor: #008bc7
}

[data-pcolor=discord] {
    --pcolor: #5661ea
}

[data-pcolor=reddit] {
    --pcolor: #f64302
}

[data-pcolor=kick] {
    --pcolor: #green
}

[data-pcolor=tinder] {
    --pcolor: #f75e5b
}

[data-pcolor=snapchat] {
    --pcolor: #d3d112
}

[data-pcolor=x] {
    --pcolor: #000000
}

[data-pcolor=pubg] {
    --pcolor: #d97c13
}

[data-pcolor=trovo] {
    --pcolor: #1ad06d
}

[data-pcolor=threads] {
    --pcolor: #222222
}
[data-scolor=instagram] {
    color: #e12f6d !important;
}

[data-scolor=dolap] {
    color: #25d6a2
}

[data-scolor=twitter] {
    color: #1da1f2
}

[data-scolor=tiktok] {
    color: #0d121f
}

[data-scolor=facebook] {
    color: #1873eb
}

[data-scolor=whatsapp] {
    color: #4dc247
}

[data-scolor=youtube] {
    color: red;
}

[data-scolor=twitch] {
    color: #9147ff
}

[data-scolor=spotify] {
    color: #1ed760
}

[data-scolor=google] {
    color: #4285f4
}

[data-scolor=telegram] {
    color: #24a2df
}

[data-scolor=soundcloud] {
    color: #f97637
}

[data-scolor=tumblr] {
    color: #32445a
}

[data-scolor=periscope] {
    color: #3e9fbe
}

[data-scolor=pinterest] {
    color: #ff001d
}

[data-scolor=linkedin] {
    color: #0077b5
}

[data-scolor=vimeo] {
    color: #1ab7ea
}

[data-scolor=dailymotion],[data-scolor=likee-app] {
    color: #333436
}

[data-scolor=onlyfans] {
    color: #008bc7
}

[data-scolor=discord] {
    color: #5661ea
}

[data-scolor=reddit] {
    color: #f64302
}

[data-pcolor=kick] {
    --pcolor: green
}

[data-scolor=tinder] {
    color: #f75e5b
}

[data-scolor=snapchat] {
   color: #d3d112
}

[data-scolor=x] {
   color: #000000
}

[data-scolor=pubg] {
    color: #d97c13
}

[data-scolor=trovo] {
    color: #1ad06d
}

[data-scolor=threads] {
    color: #222222
}

section#services .services__wrapper .packet__area .item__area .item.instagram {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#e12f6da3 0,#cd0249 100%)
}

section#services .services__wrapper .packet__area .item__area .item.twitch {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#ad5edc 0,#711ba3 100%)
}

[data-hcolor=twitch],section#services .services__wrapper .packet__area .item__area .item.twitch .item__icon {
    background: #9a50c5
}

section#services .services__wrapper .packet__area .item__area .item.instagram .item__icon {
    background: #df6392
}

section#services .services__wrapper .packet__area .item__area .item.twitter {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#1abfff 0,#00acee 100%)
}

section#services .services__wrapper .packet__area .item__area .item.twitter .item__icon {
    background: #18bdfc
}

section#services .services__wrapper .packet__area .item__area .item.telegram {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#25a9eb 0,#08c 100%)
}

section#services .services__wrapper .packet__area .item__area .item.telegram .item__icon {
    background: #24a8ea
}

section#services .services__wrapper .packet__area .item__area .item.facebook {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#628bdf 0,#4267b2 100%)
}

section#services .services__wrapper .packet__area .item__area .item.facebook .item__icon {
    background: #6088dc
}

section#services .services__wrapper .packet__area .item__area .item.tiktok {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#342a39 0,#000 100%)
}

section#services .services__wrapper .packet__area .item__area .item.tiktok .item__icon {
    background: #322937
}

section#services .services__wrapper .packet__area .item__area .item.threads {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#262626bd 0,#222222 100%)
}

section#services .services__wrapper .packet__area .item__area .item.threads .item__icon {
    background: #535759
}

section#services .services__wrapper .packet__area .item__area .item.youtube {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#ff4a4a 0,red 100%)
}

section#services .services__wrapper .packet__area .item__area .item.youtube .item__icon {
    background: #ff4848
}

section#services .services__wrapper .packet__area .item__area .item.spotify {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#a3db39 0,#81b71a 100%)
}

section#services .services__wrapper .packet__area .item__area .item.spotify .item__icon {
    background: #a2da38
}

section#services .services__wrapper .packet__area .item__area .item.google {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#8db8ff 0,#4285f4 100%)
}

section#services .services__wrapper .packet__area .item__area .item.google .item__icon {
    background: #8bb7ff
}

section#services .services__wrapper .packet__area .item__area .item.dolap {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#25d6a2 0,#00ba84 100%)
}

section#services .services__wrapper .packet__area .item__area .item.dolap .item__icon {
    background: #25d6a2
}

section#services .services__wrapper .packet__area .item__area .item.snapchat {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#f7f400 0,#c1be07 100%)
}

[data-hcolor=snapchat],section#services .services__wrapper .packet__area .item__area .item.snapchat .item__icon {
    background: #edeb1c
}

.packet__icon i.se-soundcloud-fill,[data-hcolor=soundcloud],section#services .services__wrapper .packet__area .item__area .item.soundcloud .item__icon {
    background: #f97637
}

section#services .services__wrapper .packet__area .item__area .item.soundcloud {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#f97637 0,#f50 100%)
}

section#services .services__wrapper .packet__area .item__area .item.discord {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#5865f2 0,#4149a1 100%)
}

section#services .services__wrapper .packet__area .item__area .item.discord .item__icon {
    background: #5865f2
}

section#services .services__wrapper .packet__area .item__area .item.pinterest {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#ff001d 0,#af0014 100%)
}

section#services .services__wrapper .packet__area .item__area .item.pinterest .item__icon {
    background: #ff001d
}

section#services .services__wrapper .packet__area .item__area .item.tumblr {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#3f77d7 0,#1b3561 100%)
}

section#services .services__wrapper .packet__area .item__area .item.tumblr .item__icon {
    background: #1a3561ba
}

section#services .services__wrapper .packet__area .item__area .item.x {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#302830c4 0,#0d0d0d 100%)
}

section#services .services__wrapper .packet__area .item__area .item.x .item__icon {
    background: #000
}

section#services .services__wrapper .packet__area .item__area .item {
    background: radial-gradient(68.89% 784.69% at 91.3% 54.37%,#ee46f4 0,#a9389b 100%);
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    text-align: -webkit-center
}

section#services .services__wrapper .packet__area .item__area .item:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

section#services .services__wrapper .packet__area .item__area .item .item__icon {
    min-width: 50px;
    height: 50px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
    margin-right: 0;
    width: 25%;
    margin-bottom: 15px
}

.packet__icon i.fab.fa-twitter {
    background: #1da1f2!important
}

.packet__icon i.fas.fa-at {
    background: #222!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px;
    color: #fff!important
}

.packet__icon i.fab.fa-pinterest {
    background: #f3001c!important;
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fas.fa-shopping-bag {
    background: #25d6a2!important
}

.packet__icon i.fab.fa-facebook {
    background: #1877f2;
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fab.fa-tiktok,.packet__icon i.fab.fa-youtube {
    background: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fab.fa-tiktok {
    color: #000!important
}

.packet__icon i.fab.fa-youtube {
    color: red!important
}

.packet__icon i.fab.fa-instagram {
    background: linear-gradient(90deg,#ff8a03 0,#fc01c2 100%,#fe0777 100%)!important;
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon .fa-whatsapp {
    background: #4dc247;
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fab.fa-tumblr {
    background: #1a3561ba!important;
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fa-brands.fa-square-x-twitter {
    background: #000!important;
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fab.fa-soundcloud {
    background: #ecf9ff!important;
    color: #f97637!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fab.fa-discord {
    background: #4148a0!important;
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fa-google,.packet__icon i.fab.fa-snapchat,.packet__icon i.fab.fa-spotify,.packet__icon i.fab.fa-telegram,.packet__icon i.fab.fa-twitch {
    color: #fff!important;
    font-size: 25px!important;
    padding: 8px;
    border-radius: 8px
}

.packet__icon i.fab.fa-spotify {
    background: #1db954!important
}

.packet__icon i.fab.fa-twitch {
    background: #9146ff!important
}

.packet__icon i.fab.fa-snapchat {
    background: #d3d112!important
}

.packet__icon i.fab.fa-telegram {
    background: #24a2df
}

.packet__icon i.fa-google {
    background: #4285f4
}

.bgths a {
    background: #fff;
    padding: 15px 15px 15px 25px;
    border-radius: 37px;
    top: -30px;
    position: relative;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0
}

.bgths a i {
    font-size: 16px;
    padding: 7px;
    border: 1px solid #7844e4;
    border-radius: 18px;
    top: -2px;
    position: relative
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 13;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s
}

.modal.show {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    overflow: auto;
    background-color: #00000090;
    z-index: 9999
}

.modal.show .modal-content {
    top: 25vh;
    opacity: 1
}

.modal .modal-content {
    position: relative;
    left: 50%;
    top: 50vh;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 750px;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    padding: 0
}

.modal .modal-content .modalArea {
    background: var(--dwhite);
    border-radius: var(--radius);
    position: relative
}

.modal .modal-content .modalArea .modal-close {
    position: absolute;
    right: -5px;
    top: -5px;
    font-size: 14px;
    width: 30px;
    height: 30px;
    color: var(--dwhite);
    background: var(--soft-text-color);
    border: 3px solid var(--dwhite);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
    z-index: 1
}

.modal-body.aboutVideo video {
    width: 100%;
    display: block
}

.modal-backdrop {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

section#packets .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px
}

section#packets .top span.icon {
    border-radius: 8px;
    background-color: #fe500b;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    margin-right: 20px
}

section#packets .top .title,section.customers .top .title {
    color: #23232d;
    font-size: 24px;
    font-weight: 400;
    display: contents
}

section#packets .top .title b {
    font-weight: 700;
    margin-right: 5px
}

section#packets .top .rightnav {
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 22px;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

section#packets .top .rightnav span {
    color: #90a8be;
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px
}

section#packets .top .rightnav ul {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none
}

section#packets .top .rightnav ul li button {
    border-radius: 2px;
    background-color: #edf0f5;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #364e65;
    font-size: 18px;
    border: 0;
    transition: .3s
}

.active.instagram-bg-active {
    background-color: #e1306c!important
}

.active.youtube-bg-active {
    background-color: red!important
}

.active.tiktok-bg-active {
    background-color: #000!important
}

.active.twitter-bg-active {
    background-color: #1da1f2!important
}

.active.spotify-bg-active {
    background-color: #1db954!important
}

.os-tabs.show,section#packets .itemtoggle.instagram.active {
    display: block
}

section.customers {
    padding-top: 60px;
    padding-bottom: 44px;
    margin-top: 60px;
    border-radius: 20px
}

section.customers .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px
}

section.customers .top span.icon {
    border-radius: 8px;
    background-color: #fe500b;
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 33px;
    margin-right: 20px
}

section.customers .item .stars i {
    color: #fe500b;
    font-size: 24px
}

section.customers .item span {
    color: #768292;
    font-size: 16px;
    font-weight: 600
}

section.customers .top p {
    color: #414b5d;
    font-size: 18px;
    font-weight: 400;
    margin-top: 6px
}

section.customers .top .title b {
    font-weight: 700;
    display: contents
}

section.customers .item {
    box-shadow: -7px 7px 15px rgba(0,0,0,.02);
    padding: 30px;
    position: relative;
    margin-left: 10px
}

section.customers .item i.ri-double-quotes-l {
    font-size: 80px;
    color: #d6d9e6;
    opacity: .5;
    position: absolute;
    top: -30px;
    left: 10px
}

section.customers .item .name {
    color: #32415f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

section.customers .item .job {
    color: #32415f;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 36px
}

section.customers .item p {
    color: #768292;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 26px
}

section.features .title {
    color: #19203f;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px
}

section.features .item {
    margin-bottom: 20px;
    box-shadow: -9px 9px 49px rgba(41,46,55,.15);
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding: 0 0 20px;
    transition: .3s
}

section.features .item span.icon {
    margin-top: -30px;
    width: 60px;
    height: 60px;
    font-size: 26px;
    color: #fff;
    background: #7844e4;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 400
}

section.features .item span.name {
    margin-top: 30px;
    color: #7844e4;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px
}

section.features .item p {
    color: #333341;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3;
    padding-left: 24px;
    padding-right: 24px
}

section.features .item:hover {
    transform: scale(1.05)
}

section.features .item:hover span.name {
    color: #f50
}

section.features .item .icon .steps__number {
    width: 30px;
    height: 30px;
    background-color: orange;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: var(--whiteColor);
    font-weight: 800;
    top: -7px!important;
    margin-left: -55px;
    font-size: 14px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.25)
}

section.features .item span.icon:before {
    background: url(../image/spaniconback.png) center center no-repeat;
    width: 114px;
    height: 114px;
    content: "";
    position: absolute;
    opacity: .9
}

.CommentArea,section#blog .pagi {
    margin-bottom: 50px
}

.title-heading h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 45px
}

.title-heading::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 5px;
    width: 100px;
    background: rgba(var(--txtall));
    border-radius: 10px
}

.title-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(var(--txtall),0.1)
}

.title-heading.icon .icon i {
    color: rgba(var(--txtall));
    font-size: 25px;
    opacity: .3
}

.addComment {
    background: rgba(var(--lbds));
    border-radius: 10px;
    padding: 30px
}

.title-heading.icon {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.title-heading {
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 20px
}

.ns-control {
    background: rgba(var(--lsdb),0.03);
    font-size: 15px;
    width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    border-radius: 5px;
    display: block;
    border: 0;
    margin-top: 15px
}

.comSend {
    color: #fff!important;
    font-size: 18px;
    background: #ea6f09;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px 8px;
    margin-top: 25px
}

.comSend span {
    position: relative;
    top: -1px
}

.anibut::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 100px;
    border-radius: 100%;
    left: calc(21% - 35px);
    top: -5px;
    transition: .4s cubic-bezier(0,0,.34,.81)
}

section.cart {
    padding-bottom: 50px;
    margin-top: -45px;
    position: relative
}

section.cart .box {
    border-radius: 15px;
    background-color: #fff;
    padding: 26px;
    position: relative;
    margin-top: 50px
}

section.cart .order-steps-content {
    max-width: 800px;
    margin: 0 auto;
    margin-top: -70px
}

section.cart .box .head {
    text-align: center;
    position: relative;
    z-index: 333
}

section.cart .box .head span.icon {
    background-color: #fe500b;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    border: 7px solid #fff;
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%)
}

section.cart .box .head .name {
    color: #5d5a67;
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px;
    margin-bottom: 22px
}

section.cart .box .head .steps {
    position: relative;
    display: flex;
    align-items: center
}

section.cart .box .head .steps:before {
    border-radius: 3px;
    background-color: rgba(254,80,11,.1);
    height: 6px;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

section.cart .box .head .steps .step:before {
    border: 3px solid #fee6eb;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -8px;
    right: -7px;
    z-index: 9
}

section.cart .box .head .steps .step.active:before {
    border: 3px solid #fe500b;
    background-color: #fe500b
}

section.cart .box .head .steps .step:first-child.active:after {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

section.cart .box .head .steps .step.active:after {
    background-color: #fe500b;
    height: 6px;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

section.cart .box .head .steps .step {
    flex-grow: 1;
    width: 33%;
    position: relative;
    text-align: end
}

section.cart .box .body {
    margin-top: 20px
}

section.cart .box .body small {
    color: #5f6a73;
    font-size: 14px;
    font-weight: 400
}

section.cart .box .body .form-group {
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #c4c9db;
    background-color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    transition: .3s;
    position: relative
}

section.cart .box .body .form-group span.icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 6px;
    background-color: #fe500b;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    overflow: hidden
}

section.cart .box .body .form-group span.icon img {
    width: 100%;
    height: 100%
}

section.cart .box .body .btn-next,section.cart .box .body .btn-next:hover {
    padding: 20px 24px 20px 26px;
    display: inline-flex;
    align-items: center;
    transition: .3s
}

section.cart .box .body .form-group input {
    color: #132637;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: none;
    box-shadow: none
}

section.cart .box .body .form-group .butto {
    min-width: fit-content;
    margin-left: 10px;
    padding: 12px 15px;
    background: var(--main-color)
}

section.cart .box .body .price {
    color: var(--dark);
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    line-height: normal;
}

.text-end {
    text-align: right!important
}

section.cart .box .body .btn-next {
    border-radius: 10px;
    background-color: #8c5af4;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between
}

section.cart .box .body .btn-next.passive {
    pointer-events: none;
    opacity: .4
}

section.cart .box .body .btn-next:hover {
    border-radius: 10px;
    background-color: #f50;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between
}

section.cart .box .body .btn-next i {
    margin-left: 40px
}

section.cart .box .head .steps .step.active span {
    color: #fe500b;
    opacity: 1
}

section.cart .box .head .steps .step span.text {
    display: block;
    margin-top: 20px;
    opacity: .5;
    color: #5f6a73;
    font-size: 12px;
    font-weight: 500;
    margin-right: -12px
}

section.cart .box .body .form-group button.btn-apply:hover {
    transform: translateY(-5px)
}

section.cart .box .body .form-group button.btn-apply {
    border-radius: 10px;
    background-color: #2acf8f;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    transition: .3s;
    border: 0
}

section.cart .box .body label {
    color: #5f6a73;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block
}

section.cart .box .body small.big {
    color: #2acf8f;
    font-size: 40px;
    font-weight: 600
}

section.cart .box .body .paymenttypes .item.active {
    background-color: #fe500b;
    color: #fff;
    border-color: #fe500b
}

section.cart .box .body .paymenttypes .item.active:before {
    border: 5px solid #fe500b
}

section.cart .box .body .paymenttypes .item i {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400;
    display: block;
    background-color: #fff;
    color: #f50;
    border-radius: 40px;
    width: 25%;
    padding: 5px;
    margin-left: 37%
}

section.cart .box .body .paymenttypes .item {
    border-radius: 10px;
    border: 2px solid #9e99ab;
    background-color: #fff;
    padding-top: 44px;
    padding-bottom: 24px;
    text-align: center;
    color: #9e99ab;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    transition: .3s;
    line-height: 1.3
}

section#packets .packets__wrapper .packet .p,section.cart .box .body.p20 {
    padding: 20px
}

section.cart .box .body .chooseBank {
    margin-bottom: 16px;
    border-radius: 2px;
    border: 1px solid #c0c7df;
    background-color: #fff;
    padding: 16px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

section.cart .box .body .chooseBank span.icon {
    border-radius: 2px;
    background-color: rgba(69,94,224,.2);
    color: #f50;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 20px
}

section.cart .box .body .chooseBank span.text {
    color: #303754;
    font-size: 16px;
    font-weight: 600
}

section.cart .box .body .chooseBank::after {
    content: "";
    border-radius: 2px;
    border: 2px solid #f50;
    background-color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "î­»";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.ord-control.text {
    height: auto;
    color: rgba(var(--txtall),0.8);
    margin-top: 15px
}

.ord-control {
    color: #6d728d;
    width: 100%;
    height: 55px;
    border: 1px solid #ececec;
    border-radius: 6px;
    box-shadow: none!important;
    padding: 12px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .2s
}

.ord-control::placeholder {
    color: #c1c4d5
}

.ord-control:focus {
    box-shadow: none;
    outline: none;
    border-color: #b6b8c3
}

.ord-control.text span {
    display: block;
    font-weight: 700;
    color: rgba(var(--txtall))
}

.alert-message {
    position: fixed;
    bottom: 7px;
    right: -100%;
    min-width: 300px;
    max-width: 400px;
    z-index: 999999;
    border: none
}

header .menu,section#blog__detail .blog__detail--wrapper .sidebar .last__post .last__post--item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .menu .logo img {
    height: 50px;
    width: auto
}

header .menu .links {
    margin-left: auto
}

header .menu .links ul li.drop.active {
    background: #ffffff87
}

header .menu .links ul li.drop {
    display: flex;
    align-items: center
}

.menu .links ul li a.navLink {
    position: relative;
    transition: .2s;
    display: flex;
    align-items: center
}

.menu .links ul li a.navLink>i {
    font-size: 20px;
    display: flex;
    margin-right: 5px
}

.menu .links ul li a.navLink>i.ri-arrow-down-s-line {
    font-size: 14px;
    margin-right: 0
}

.menu .dropMenu.show {
    top: 130px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 999
}

.menu .dropMenu {
    width: calc(100% - 30px);
    left: 15px;
    right: 0;
    top: 50px;
    transition: .2s;
    background: var(--white);
    padding: 20px;
    border-radius: var(--radius);
    pointer-events: none;
    box-shadow: 0 10px 20px #23232e14;
    visibility: hidden;
    opacity: 0;
    position: absolute
}

header .menu .links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    gap: 0
}

.menu .dropMenu>ul {
    display: grid!important;
    gap: 5px!important;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

header .menu .links ul>.menu__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-left: 25px;
    list-style: none
}

header .menu .links ul>.menu__top .text {
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: var(--color--3);
    margin-bottom: 25px;
    text-align: center
}

.menu .dropMenu>ul li {
    padding: 7px 0!important;
    border-radius: 5px;
    transition: .2s
}

header .menu .links ul li a {
    font-weight: 700;
    color: #495057;
    font-size: 12px;
    text-transform: uppercase
}

header .menu .links ul>li {
    padding: 10px;
    border-radius: 5px;
    transition: .2s;
    list-style: none
}

.menu .dropMenu>ul li a {
    display: flex;
    align-items: center;
    font-weight: 600!important
}

.menu .dropMenu>ul li a .icon {
    width: 35px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--pcolor);
    margin-right: 12px;
    font-size: 18px
}

section#packets .packets__wrapper .packet .p button.favPack,section#packets .packets__wrapper .packet .p button.favPack.active {
    width: 60px;
    height: 50px;
    min-width: 60px;
    border-radius: 10px;
    font-size: 24px;
    align-items: center;
    outline: 0;
    cursor: pointer;
    display: flex
}

header {
    padding: 20px 0;
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%!important
}

section#packets .packets__wrapper .packet .p .price {
    text-align: center;
    margin-bottom: 12px
}

section#packets .packets__wrapper .packet .p .price .new {
    margin-top: 8px;
    color: #545464;
    font-size: 22px;
    font-weight: 600;
    padding: 10px;
    background: #d7e2e9;
    border-radius: 7px
}

section#packets .packets__wrapper .packet .p button.favPack {
    color: #f29c37;
    justify-content: center;
    border: none;
    transition: .3s
}

section#packets .packets__wrapper .packet .p button.favPack.active {
    background-color: #f50;
    color: #fff;
    justify-content: center;
    border: none;
    transition: .3s
}

.new-order-box .dropBox .dropMain {
    user-select: none
}

.new-order-box .dropBox .dropMain,.new-order-box h4 {
    border-radius: 10px
}

section#packets .packets__wrapper .packet .p a.btn-buy {
    border-radius: 8px;
    background-color: #f50;
    color: #fff;
    font-size: 16px;
    height: 50px;
    font-weight: 500;
    padding: 10px 22px 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
    text-transform: uppercase
}

section#packets .packets__wrapper .packet .oldprice {
    color: #8f94ab;
    background: #f7f9fb;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    text-align: center;
    margin: 0 15px;
    margin-bottom: -15px;
    border-radius: 8px 8px 0 0;
    padding: 3px;
    padding-bottom: 9px;
    border: 1px solid #eaeef3
}

section#packets .packets__wrapper .packet .p a.btn-buy:hover {
    background-color: #ff5602
}

section#packets .packets__wrapper .packet .p button.fav:hover {
    background-color: rgba(242,156,55,.4)
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.align-items-center {
    align-items: center!important
}

.d-flex {
    display: flex!important
}

.new-order-box {
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    margin-top: 30px;
    margin-bottom: 15px;
    width: 70%
}

.new-order-box h4 {
    color: #fff;
    display: block;
    padding: 20px;
    background-color: #9f23e8;
    font-size: 18px
}

.new-order-box span {
    font-size: 14px
}

.new-order-box h4 i {
    color: #fff;
    margin-right: 15px;
    margin-top: -3px
}

.btngro {
    text-align: right
}

.btngro a,.btngro button {
    background-color: #ff5602;
    padding: 10px 30px!important;
    border-radius: 10px!important
}

.foBox .btngro {
    margin-bottom: 0!important
}

.bottom-menu-safe-area {
    display: none;
    padding-bottom: calc(env(safe-area-inset-bottom) - 25px)
}

.new-bottom-bar {
    position: fixed;
    z-index: 9999;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ff7f00;
    padding: 5px
}

.new-bottom-bar a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px 0;
    background-color: #ff7f00;
    position: relative;
    width: 100%;
    z-index: 2;
    border-radius: 40px 40px 0 0
}

.new-bottom-bar a:focus-visible {
    outline: 0!important
}

.new-bottom-bar a:first-child {
    padding-left: 10px
}

.new-bottom-bar a:nth-child(2) {
    border-top-right-radius: 6px
}

.new-bottom-bar:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 45px;
    left: 0;
    bottom: 0;
    z-index: 1
}

.new-bottom-bar a:nth-child(3) {
    border-radius: 6px;
    background-color: #fe5602;
    color: #fff;
    z-index: 2
}

.new-bottom-bar a:nth-child(4) {
    border-top-left-radius: 6px
}

.new-bottom-bar a:nth-child(5) {
    padding-right: 10px
}

.new-bottom-bar a i {
    font-size: 16px;
    color: #fff
}

.new-bottom-bar a span {
    font-size: 10px;
    color: #fff;
    margin-top: 4px;
    display: inline-block
}

.bottom-menu-cart span.count {
    position: absolute;
    right: 6px;
    top: 3px;
    background: #ffffff20;
    padding: 1px 4px;
    border-radius: 2px
}

.searchInp .form-search {
    background: var(--dwhite);
    height: 70px;
    border: none;
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    font-size: 18px
}

.searchInp .buttoSrc {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-size: 18px;
    gap: 10px;
    font-weight: 500
}

.me-1 {
    margin-right: .25rem!important
}

section.whyus {
    padding-top: 25px;
    padding-bottom: 80px
}

section.whyus .titlearea i {
    font-size: 46px;
    color: #fe500b
}

section.whyus .titlearea .title {
    color: #242a35;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px
}

section.whyus .titlearea .title span {
    color: #000;
    display: contents
}

section.whyus .titlearea p {
    color: #414b5d;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 50px
}

section.whyus .item {
    text-align: center
}

section.whyus .item img {
    margin-bottom: 15px
}

section.whyus .item .title {
    color: #fe500b;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

section.whyus .item p {
    color: #414b5d;
    line-height: 1.3;
    font-size: 15px;
    font-weight: 400;
    max-width: 260px;
    text-align: center;
    margin: 0 auto
}

.text-center {
    text-align: center!important
}

section.howtobuy .box {
    padding: 20px;
    padding-left: 42px;
    border-radius: 8px;
    background-color: #8b58f3
}

section.howtobuy .box h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative
}

section.howtobuy .box h2:before {
    content: "";
    box-shadow: -9px 9px 51px rgba(6,11,17,.29);
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -70px;
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #a77ff7;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 400
}

section.howtobuy .box p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 32px
}

section.howtobuy .box ul li {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 1.3;
    position: relative;
    padding-left: 20px;
    list-style: none
}

section.howtobuy .box ul li:before {
    box-shadow: 0 0 0 4px rgba(255,255,255,.25);
    background-color: #fff;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: ""
}

section.howtobuy .box i.big {
    color: #fff;
    font-size: 160px;
    position: absolute;
    left: -16%;
    top: 64%;
    transform: translateY(-50%)
}

.img-fluid {
    max-width: 100%;
    height: auto
}

section.howtobuy .box p b {
    font-weight: 600
}

section.howtobuy .box p a {
    color: #fff
}

section.cart .box .wait {
    padding: 30px;
    position: absolute;
    background-color: rgba(255,255,255,.58);
    backdrop-filter: blur(15px);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d121f;
    border-radius: 10px
}

section.cart .box .wait a.btn-buy {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #8b59f3!important;
    color: #fff!important;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

section.cart .box .wait a.btn-buy i {
    margin-right: 10px
}

section.cart .box .wait a.btn-buy:hover {
    transform: translateY(-5px)
}

section.cart .box .wait p {
    color: #5d5a67;
    font-size: 16px;
    font-weight: 600
}

section.cart .box .wait .progress-area {
    width: 100%
}

section.cart .box .wait .progress-area .progresstt {
    border-radius: 25px;
    background-color: rgba(42,207,143,.1);
    padding: 12px 15px;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 28px
}

section.cart .box .wait .progress-area .progresstt .progress {
    height: 28px;
    border-radius: 14px;
    -bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: rgba(42, 207, 143, 0.3);
    background: #fff
}

section.cart .box .wait .progress-area .progresstt .progress-bar {
    color: #000!important
}

section.cart .box button.btn-submit {
    border-radius: 10px;
    background-color: #8855f0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    transition: all .3s ease;
    border: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px
}

section.cart .box button.btn-submit:hover {
    transform: translateY(-5px)
}

section.notify {
    background-color: #232a37;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    display: none;
    overflow: hidden;
    align-items: center
}

section.notify p {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    margin-bottom: 4px
}

section.notify span {
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

section.notify a.btn-buy {
    border-radius: 6px;
    background-color: #9000c4;
    display: flex;
    align-items: center;
    padding: 6px;
    transition: all .3s ease-in-out
}

section.notify a.btn-buy:hover {
    background-color: #15bc94
}

section.notify a.btn-buy span.price {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    border-radius: 3px;
    background-color: #fff;
    padding: 10px 14px;
    margin-right: 20px
}

section.notify a.btn-buy span.text {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center
}

section.notify a.btn-buy span.text span {
    font-weight: 500
}

section.notify a.btn-buy span.text i {
    margin-left: 10px
}

section.notify button {
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,.1);
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all .3s ease
}

section.notify button:hover {
    transform: scale(1.1);
    color: #fff
}

@media(max-width: 991px) {
    section.notify a.btn-buy span.price {
        display:none
    }

    section.notify a.btn-buy span.text span {
        display: none
    }

    section.notify a.btn-buy span.text i {
        margin-left: 0!important;
        padding-left: 0
    }

    section.notify a.btn-buy {
        height: 58px;
        width: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px!important
    }

    section.notify a.telafi-talep-et {
        display: none
    }
}

@media(max-width: 768px) {
    section.notify p {
        font-size:16px!important
    }

    section.notify span {
        font-size: 13px!important
    }

    section.notify a.btn-buy i {
        font-size: 18px!important
    }

    section.notify a.telafi-talep-et {
        display: none
    }

    .bottom-menu-safe-area {
        display: block
    }
    .text img{
    max-width: 100%;
    }
}

@media(max-width: 576px) {
    section.notify img {
        width:60px;
        height: auto
    }

    section.notify span {
        display: none
    }

    section.notify p {
        font-size: 13px!important;
        margin: 0!important
    }

    section.notify a.btn-buy {
        height: 46px;
        width: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px!important;
        margin-right: -20px
    }

    section.notify a.telafi-talep-et {
        display: none
    }

    section.notify span {
        font-size: 10px!important
    }
}
@media (max-width: 500px){
    header .menu .logo img {
        height: 38px !important;
    }
    .profile-login span.logText {
        display: none;
    }
    .profile-login {
        width: 38px !important;
        height: 38px !important;
    }
    .notify-area .notify-bell {
        height: 38px !important;
        width: 38px !important;
        min-width: 38px !important;
    }
}
@media (max-width: 380px){
    .notify-area .notify-content {
        min-width: 320px !important;
    }
    
    .notify-area .notify-content::before {
        right: 95px !important;
    }
}
        .popup145 {
            position: fixed;
            left: -350px; /* Başlangıçta gizli */
            top: 50%;
            transform: translateY(-50%);
            background: #fff;
            box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
            padding: 20px;
            width: 300px;
            border-radius: 8px;
            transition: left 0.5s ease-in-out;
            z-index: 9999; /* En üst katmanda olması için */
        }
        .popup145.show {
            left: 10px; /* Açıldığında konum */
        }
        .popup145 .title {
            font-size: 20px;
            font-weight: bold;
            color: #d9534f;
            text-align: center;
            margin-bottom: 10px !important;
        }
        .popup145 .description {
            text-align: center;
            margin: 10px 0;
        }
        .popup145 .buttons {
            display: flex;
            justify-content: center;
        }
        .popup145 .button {
            background: #d9534f;
            color: white;
            border: none;
            padding: 10px;
            border-radius: 5px;
            cursor: pointer;
        }
        .popup145 .button:hover {
            background: #c9302c;
        }
        .popup145 .close {
            position: absolute;
            top: 10px;
            right: 10px;
            background: none;
            border: none;
            font-size: 18px;
            cursor: pointer;
        }