@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body {
    overflow-x: hidden;
    background-color: #fff;
    font-family: Lato,sans-serif!important
}

a {
    color: #467fcf
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    body[href*="free-services"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-services"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-services"] .container.cus.mobile {
        display:none!important
    }
}

body[href*="free-services"] .container.cus.mobile {
    display: none!important
}

body[href*="free-social-media-tools"] .container.cus.mobile {
    display: none!important
}

body[href*="free-social-media-tools"] .header-top {
    display: none!important
}

@media (min-width: 768px) {
    body[href*="free-social-media-tools"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-social-media-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-social-media-tools"] #dynamicFontSize {
        visibility:hidden!important
    }
}

.header {
    background-color: #3a75fa;
    padding-top: 20px
}

@media (min-width: 1024px) {
    .header .navbar-brand img {
        height:95px;
        width: 295px
    }
}

.header .navbar .navbar-nav .nav-link {
    font-weight: 600;
    padding: 7px 0;
    color: #000;
    cursor: pointer;
    position: relative;
    background: #fff0
}

.header .navbar .navbar-nav .nav-link:hover,.header .navbar .navbar-nav .active>.nav-link {
    color: #f16334!important;
    width: 100%
}

.header .navbar li {
    position: relative;
    line-height: 1em
}

.header .navbar .menu-item-list .btn-dm-menu .btn-dm-item {
    padding: 1rem 1.5rem
}

.header .navbar .menu-item-list .btn-dm-menu {
    margin-top: 2px;
    padding: 0;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / .15);
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / .176) 0 6px 12px;
    background-clip: padding-box
}

.header .navbar .navbar-toggler {
    color: #fff;
    font-size: 32px;
    background-color: #fff0;
    border: none;
    box-shadow: none;
    outline: none;
    margin-top: 6px;
    margin-bottom: auto;
    margin-right: 5px
}

@media (min-width: 769px) and (max-width:993px) {
    .header .navbar .navbar-toggler {
        color:#fff;
        font-size: 32px;
        background-color: #fff0;
        border: none;
        box-shadow: none;
        outline: none;
        margin-top: 22px;
        margin-bottom: auto
    }
}

.header .btn-login {
    padding-left: 20px;
    padding-right: 10px;
    color: #22012f!important
}

.header .btn-login:hover {
    color: #f16334!important;
    font-weight: 500
}

.header .sign-up {
    padding: 2px 15px
}

.header .btn-outline-primary.sign-up {
    z-index: 9999;
    border-color: #f16334!important;
    color: #22012f!important
}

.header a.btn-outline-primary.sign-up:hover {
    font-weight: 500;
    z-index: 9999;
    color: #ffffff!important;
    border-color: #fea921!important;
    background-color: #fea921!important;
    background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%)!important
}

.alert-icon>i {
    top: .9rem
}

section.header-top {
    background: rgb(49 106 236 / .98);
    padding: 0 30px
}

section.header-top .mini-menu {
    padding-left: 10px
}

section.header-top .mini-menu li {
    position: relative
}

section.header-top .mini-menu li a {
    display: inline-block;
    font-size: 16.5px;
    padding: 5px 20px;
    margin-left: -24px;
    color: #fff;
    background-color: rgb(49 106 236 / .98);
    text-decoration: none;
    border-radius: 0 80px 80px 0;
    transition: 0.3s;
    font-weight: 400;
    font-family: Roboto
}

section.header-top .mini-menu li.active {
    border-color: #f16334!important;
    color: #f16334!important
}

section.header-top .mini-menu li.active a,section.header-top .mini-menu li:hover a {
    color: #fff;
    background-color: rgb(48 102 225 / .98)
}

section.package-content {
    padding: 30px 0 0;
    position: relative;
    z-index: 0
}

section.package-content .pk-header {
    padding-bottom: 50px
}

section.package-content .pk-header .title {
    font-size: 40px;
    font-weight: 500
}

section.package-content .pk-header .title strong {
    color: #f16334
}

section.package-content .pk-lists .item .card {
    border: 1px solid rgb(179 176 173 / .4);
    background: #fff;
    box-shadow: rgb(65 85 108 / .1) 0 8px 18px;
    transition: 0.5s,-webkit-box-shadow 0.5s;
    border-radius: 40px;
    overflow: hidden
}

section.package-content .pk-lists .item .name {
    padding: 20px 0;
    text-align: center;
    font-weight: 600;
    letter-spacing: .05em;
    margin: 0 0 .5rem
}

section.package-content .pk-lists .item .name .number {
    font-size: 35px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 700;
    color: #ffffff!important
}

section.package-content .pk-lists .item .price span.big {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 900;
    font-size: 45px
}

section.package-content .pk-lists .item .price sub {
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    top: -18px
}

section.package-content .pk-lists .item .price {
    background: linear-gradient(45deg,#32a852,#6ccf70);
    padding: 12px 0;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0
}

.price-offer {
    font-size: 1.75rem;
    font-weight: 600;
    color: #28a745!important
}

section.package-content .pk-lists .item .features li {
    color: #000;
    font-size: 13px;
    margin-bottom: 0;
    padding: 7px 0;
    border-right: 1px solid rgb(144 188 255 / .2);
    border-bottom: 1px solid rgb(144 188 255 / .2);
    border-left: 1px solid rgb(144 188 255 / .2);
    border-image: initial;
    position: relative;
    font-family: "open sans",-apple-system,BlinkMacSystemFont,"segoe ui",Roboto,"helvetica neue",Helvetica,Arial,sans-serif,"apple color emoji","segoe ui emoji","segoe ui symbol";
    border-top: 0px!important
}

section.package-content .pk-lists .item .features .text-icon {
    color: #ff00b1
}

section.package-content .pk-lists .item .order_button {
    padding: 12px 0;
    border-width: 0 1px 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #ededed;
    border-bottom-color: #ededed;
    border-left-color: #ededed;
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial
}

section.package-content .pk-lists .item .order_button .btn-dark {
    padding: 5px;
    background: #5c5859;
    border: 1px solid #5c5859;
    border-radius: 8px 0 0 8px;
    color: #fff;
    font-weight: 400!important;
    cursor: auto!important
}

section.package-content .pk-lists .item .order_button .btn-color {
    background: #32a852;
    border: 1px solid #32a852!important
}

section.package-content .pk-lists .item .order_button .btn-disabled {
    background: #5c5859;
    border: 1px solid #707070!important
}

section.package-content .pk-lists .item .order_button .btn-color,section.package-content .pk-lists .item .order_button .btn-disabled {
    border-radius: 0 8px 8px 0;
    color: #fff;
    margin-left: -5px;
    padding: 5px;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

section.package-content .pk-lists .item .card:hover {
    box-shadow: rgb(0 0 0 / .2) 0 5px 7px;
    transform: translate(0,-4px)
}

.package-faq .item {
    margin-bottom: 10px;
    color: #fff;
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / .25);
    background: #fff0;
    padding: 15px
}

.package-faq .item .plus-icon {
    float: left;
    font-size: 30px;
    margin-right: 10px;
    top: -3px;
    position: relative;
    color: #fff
}

.package-faq .item .title {
    overflow: hidden;
    cursor: pointer;
    min-height: 50px
}

.package-faq .item .title h5 {
    line-height: 1.2
}

.package-faq .item .body {
    font-size: 15px;
    transition: 0.3s;
    height: 0;
    overflow: hidden;
    padding-left: 33px
}

.package-faq .item.active .body {
    height: auto;
    padding-bottom: 20px
}

.package-faq .item.active .fe-plus::before {
    content: ""
}

.owl-nav>.owl-prev {
    transform: translateY(-50%);
    position: absolute;
    top: 50%!important;
    left: 0px!important
}

.owl-nav>.owl-next {
    transform: translateY(-50%);
    position: absolute;
    top: 50%!important;
    right: 0px!important
}

.owl-nav>.owl-prev span,.owl-nav>.owl-next span {
    display: none!important
}

.owl-nav .owl-prev::before {
    content: "ï„„";
    left: -10px;
    z-index: 11
}

.owl-nav .owl-next::after {
    content: "ï„…";
    right: -10px;
    z-index: 11
}

.owl-nav .owl-prev::before,.owl-nav .owl-next::after {
    position: absolute;
    font-family: FontAwesome;
    font-size: 30px;
    background: #32a852;
    width: 35px;
    text-align: center;
    height: 35px;
    border-radius: 50%;
    line-height: 33px;
    color: #fff
}

section.how-it-works {
    padding: 100px 0;
    position: relative;
    color: #fff;
    z-index: 100;
    background: linear-gradient(45deg,#3a75fa,#3a75fa)!important
}

.how-it-works::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: none;
    background-position: center center;
    background-attachment: fixed;
    opacity: .1;
    z-index: -99
}

section.how-it-works .header-top {
    padding-bottom: 80px
}

section.how-it-works .header-top .title {
    font-size: 40px;
    font-weight: 600;
    font-family: "Source Sans Pro",sans-serif
}

section.how-it-works .step-lists .step {
    position: relative;
    padding-bottom: 75px
}

section.how-it-works .step-lists .step .bg-number {
    position: absolute;
    font-size: 12rem;
    top: -130px;
    left: 0;
    z-index: -1;
    font-weight: 700;
    color: #295ccf;
    font-family: "Source Sans Pro",sans-serif
}

section.checkout-form {
    padding: 10px 0 100px;
    overflow: hidden
}

section.checkout-form .checkout-header {
    padding-bottom: 0
}

section.checkout-form .checkout-header .title {
    font-size: 40px;
    font-weight: 500
}

section.checkout-form .checkout-header .title strong {
    color: #f16334
}

section.checkout-form .checkout-left,section.checkout-form .checkout-right {
    border: 1px solid #dadada
}

section.checkout-form .checkout-wrap {
    box-shadow: #cecece 5px 5px 30px -2px
}

section.checkout-form .checkout-left-title,section.checkout-form .checkout-right-title {
    line-height: 36px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 0 -13px 0 -12px;
    padding: 10px 20px;
    border-right: 1px solid #fff;
    background: linear-gradient(to right bottom,#3a75fa 0%,#295ccf)
}

@media only screen and (max-width: 768px) {
    section.checkout-form .checkout-left-title,section.checkout-form .checkout-right-title {
        text-align:center;
        margin-left: auto;
        margin-right: auto
    }
}

section.checkout-form .checkout-left-content .selectize-input .image {
    width: 2.5rem
}

section.checkout-form .checkout-left-content .selectize-btn-dm .image {
    width: 2.25rem
}

section.checkout-form .checkout-right-content .leading-loose .text-icon {
    color: #30a10d
}

section.checkout-form .checkout-left-content .dimmer-content {
    min-height: 430px
}

.btn-submit {
    height: 44px;
    color: #fff;
    text-transform: uppercase;
    background: #295ccf
}

@media (max-width: 768px) {
    .btn-submit {
        height:44px;
        width: 150px;
        color: #fff;
        text-transform: uppercase;
        background: #295ccf;
        margin-top: 5px
    }
}

.section.client .client_form .btn-submit:hover {
    background: #fff
}

.section.client .client_form .btn-submit:active {
    background-color: #fff
}

.header .navbar .navbar-nav .nav-link {
    transition: background-color 0.3s ease-in-out
}

.btn-submit:active {
    background-color: #5592ff
}

.header .navbar .navbar-nav .nav-link:active {
    background-color: #295ccf
}

.btn-gradient {
    text-align: center;
    transition: 0.5s;
    background-size: 200%;
    text-shadow: rgb(0 0 0 / .2) 0 0 10px
}

.btn-gradient:hover {
    background-position: right center
}

section.checkout-result {
    padding: 160px 0 130px
}

section.checkout-result .card {
    border-radius: 0;
    border: none
}

section.checkout-result .offer-main {
    box-shadow: #cecece 5px 5px 30px -2px
}

section.checkout-result .checkout-header {
    padding-top: 20px
}

section.checkout-result .checkout-header .title {
    font-size: 40px;
    font-weight: 500
}

section.checkout-result .checkout-header .title strong {
    color: #467fcf
}

section.checkout-result .detail {
    padding: 50px
}

@media (max-width: 768px) {
    section.checkout-result .detail {
        padding:20px 0 10px
    }
}

section.checkout-result .detail p {
    font-family: roboto;
    color: #000
}

section.checkout-result .btn-submit {
    margin-top: 15px;
    height: 40px;
    color: #fff;
    background-image: linear-gradient(to right,#00d2ff 0%,#3a7bd5 51%,#00d2ff 100%)
}

section.checkout-result .btn-contact {
    margin-top: 30px;
    height: 40px;
    color: #fff;
    background-image: -webkit-linear-gradient(left,#00d2ff 0%,#3a7bd5 51%,#00d2ff 100%)
}

section.contact {
    padding: 100px 0;
    position: relative;
    background: #f0f0f0;
    z-index: 100
}

.custome-category-client {
    background: #f0f0f0
}

.custome-category-contact {
    background: #f0f0f0
}

.custome-category-faq {
    background: linear-gradient(360deg,rgb(80 74 255 / .78) 0%,rgb(80 74 255 / .78) 100%)
}

.custome-category-blog {
    background: #fff
}

section.faq {
    padding: 100px 0;
    position: relative;
    background: #fff;
    z-index: 100
}

section.contact::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://imagedelivery.net/jFC35xcDcGc5DlXSwdShpg/1947094c-d426-4275-23f7-5389afb6b400/public);
    background-position: center center;
    background-attachment: fixed;
    opacity: .1;
    z-index: -99
}

section.faq::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: .1;
    z-index: -99
}

section.faq .faq-header {
    text-align: center;
    padding-bottom: 50px
}

section.faq .faq-header .title {
    font-size: 40px;
    font-weight: 600;
    color: #fff
}

section.faq .faq-item .card {
    box-shadow: #a38c73 0 2px 2px
}

section.faq .faq-item .card-title {
    font-weight: 600
}

section.faq .faq-item .bg-question {
    color: #f16334
}

section.contact {
    padding: 50px 0 100px;
    position: relative
}

section.contact .contact-header {
    text-align: center;
    padding-bottom: 50px
}

.title h1.title-name {
    font-size: 40px;
    font-weight: 600
}

section.contact .card.contact_form {
    box-shadow: rgb(19 51 247 / .45) -1px 3px 10px;
    border-radius: 15px
}

section.contact .contact_form .btn-submit {
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    background-image: linear-gradient(to left,#5592ff 0%,#5592ff 51%,#5592ff 100%)
}

section.client {
    padding: 100px 0;
    position: relative;
    background: #f0f0f0;
    z-index: 100
}

section.client::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://imagedelivery.net/jFC35xcDcGc5DlXSwdShpg/d3e70b98-654c-4828-b615-b88b261c9300/public);
    background-position: center center;
    background-attachment: fixed;
    opacity: .1;
    z-index: -99;
    overflow: hidden;
    padding-top: 10px
}

section.client {
    padding: 90px 0 220px;
    position: relative
}

section.client .client-header {
    text-align: center;
    padding-bottom: 40px
}

.title h1.title-name {
    font-size: 34px;
    font-weight: 600
}

@media (max-width: 768px) {
    .title h1.title-name {
        font-size:28px;
        font-weight: 600
    }
}

section.client .card.client_form {
    border: 1px solid rgb(19 51 247 / .45);
    border-radius: 15px;
    margin-top: -50px
}

section.client .client_form .email-input {
    height: 50px
}

section.blog {
    padding: 100px 0;
    position: relative
}

section.blog .blog-header {
    text-align: center;
    padding-bottom: 50px
}

section.blog .blog-header .title {
    font-size: 40px;
    font-weight: 600;
    color: #5271ff
}

section.blog .blog-item {
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: rgb(0 0 0 / .56) 0 16px 38px -12px,rgb(0 0 0 / .12) 0 4px 25px 0,rgb(0 0 0 / .2) 0 8px 10px -5px
}

section.blog .blog-item .box-image {
    padding: 0
}

section.blog .blog-item .content {
    padding: 17px 10px
}

section.blog .blog-item .content .title {
    color: #3c4858;
    font-family: Arvo,serif;
    font-size: 1.8rem;
    min-height: 70px
}

section.blog .blog-item .content .short-desc {
    color: #999;
    min-height: 75px
}

section.blog-single {
    padding-top: 1.5rem;
    padding-bottom: 60px
}

section.blog-single .blog-content {
    background: #fff;
    box-shadow: rgb(0 0 0 / .1) 0 1px 3px 0;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 2px
}

section.blog-single .blog-content .title {
    color: #3c4858;
    font-family: Arvo,serif;
    padding-top: 20px;
    line-height: 1;
    font-size: 32px
}

section.blog-single .blog-content .post-info {
    border-bottom: 1px solid #e5e5e5;
    color: #c2c2c2
}

section.blog-single .blog-content .post-info span {
    padding-right: 10px
}

section.blog-single .blog-content .details {
    padding-top: 30px
}

section.blog-single .blog-content .details>p {
    line-height: 1.75em
}

section.blog-single .side-bar .widget {
    margin-bottom: 40px
}

section.blog-single .side-bar .widget-category a {
    display: block;
    font-size: 14px;
    color: #354052;
    border-bottom: 1px solid #eee;
    padding: 5px
}

section.blog-single .side-bar .widget-category a span {
    float: right;
    color: #6195ff
}

section.blog-single .side-bar .widget-post {
    min-height: 70px;
    margin-bottom: 25px
}

section.blog-single .side-bar .widget-post a {
    display: block;
    color: #10161a
}

section.blog-single .side-bar .widget-post .title {
    padding-top: 13px
}

section.blog-single .side-bar .widget-post .box-image {
    display: block;
    margin-right: 10px;
    margin-top: 5px
}

section.blog-single .side-bar .widget-post .blog-meta {
    color: #555;
    font-size: 10px
}

section.blog-single .btn-back-blog {
    margin-left: 15px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    background-image: linear-gradient(to left,#5271ff 0%,#5061fa 51%,#3a75fa 100%)
}

.top-header {
    background: #295ccf;
    padding: .3rem 0
}

@media (min-width: 768px) {
    .main-buttons .btn,.main-buttons .cussec-drop {
        margin:8px;
        flex: 0 0 calc(25% - 16px)
    }

    .main-buttons .cussec-drop .btn,.main-buttons .cussec-drop .btn-main {
        margin: 0;
        flex: 0 0 auto
    }

    .main-buttons .cussec-drop .btn-dm-menu {
        position: absolute;
        top: 100%
    }
}

@media (min-width: 992px) {
    .main-buttons .btn,.main-buttons .cussec-drop {
        flex:0 0 calc(16.6667% - 16px)
    }
}

.contact-wraper {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    align-items: center;
    margin-left: 8.5px;
    margin-right: auto
}

a.top-nav-link {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-family: Roboto
}

a.top-nav-link span.link-menu {
    margin-left: .25rem
}

@media screen and (max-width: 768px) {
    .header .navbar-brand img {
    }
}

.header .navbar .navbar-nav .nav-link {
    color: #fff;
    font-weight: 500;
    padding: 12px 19px;
    cursor: pointer;
    position: relative;
    background: #fff0;
    font-size: 17px;
    border-radius: .25rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    line-height: 23px
}

.header .navbar li {
    position: relative;
    line-height: 1em;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 21px!important
}

@media (max-width: 768px) {
    .header .navbar li {
        position:relative;
        line-height: 1em;
        display: block
    }
}

.container {
    max-width: 1200px
}

.header .navbar .navbar-nav .active>.nav-link {
    width: 100%;
    font-weight: 500;
    background: #ff5722;
    color: #ffffff!important
}

.header .navbar .navbar-nav .nav-link:hover {
    width: 100%;
    font-weight: 500;
    background: #e6efff;
    color: #6495ed!important
}

.social-link-wrap.insta-bg {
    background: linear-gradient(to right,#fc0d7f,#7928ca)
}

.social-link-wrap.fb-bg {
    background: linear-gradient(to right,#1877f2,#0f6abd)
}

.social-link-wrap.fb-bg:hover {
    filter: brightness(95%)
}

.social-link-wrap.twitter-bg:hover {
    filter: brightness(95%)
}

.social-link-wrap.twitter-bg {
    background: linear-gradient(to right,#1da1f2,#0d8aed)
}

.social-link-wrap.youtube-bg {
    background: linear-gradient(to right,#ff0000,#cc0000)
}

.social-link-wrap.youtube-bg:hover {
    filter: brightness(93%)
}

.social-link-wrap.tiktok-bg {
    background-image: linear-gradient(90deg,#0e1f2c,#2a2a2a 30%,#000000)
}

.social-link-wrap.tiktok-bg:hover {
    filter: brightness(85%)
}

.social-link-wrap.other-bg {
    background: linear-gradient(to right,#1e3c72,#2a5298)
}

.social-services {
    width: 100%;
    cursor: pointer;
    position: relative
}

.other-service {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    height: 40px
}

.other-service .dot {
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50px
}

.social-link-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    background: #ff9800;
    padding: .5rem;
    width: 100%;
    border-radius: 4px
}

img.service-icon {
    max-width: 2.5rem
}

h3.service-title {
    margin-bottom: 0;
    font-size: 1rem;
    color: #fff
}

.social-section {
    padding: .5rem 0;
    display: flex;
    align-items: flex-start;
    gap: .25rem
}

@media only screen and (max-width: 998px) {
    .social-section {
        display:none
    }
}

.social-links-list {
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    background: #fff;
    margin-bottom: .5rem
}

.social-links-list img.social-img {
    max-width: 30px
}

.social-links-list .service-title {
    font-size: 18px;
    margin-bottom: 0;
    color: #000
}

.content {
    position: relative
}

.toltip {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 100%;
    top: -69px;
    width: max-content;
    padding: .5rem;
    background: #fff;
    box-shadow: rgb(0 0 0 / .176) 0 7px 2rem;
    border-radius: 7px
}

.Others {
    position: absolute;
    right: 100%;
    top: -69px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: max-content;
    padding: 8px;
    background: #fff;
    box-shadow: rgb(0 0 0 / .176) 0 7px 2rem;
    border-radius: 7px
}

@media only screen and (max-width: 768px) {
    .list-inline {
        margin:5px
    }
}

@media (min-width: 768px) {
    .pgpz .nav-item .nav-item1:last-child .nav-link {
        border-radius:0 4px 4px 0px!important
    }

    .pgpz .nav-item .nav-item1:first-child .nav-link {
        border-left-width: 2px!important;
        border-radius: 4px 0 0 4px!important
    }
}

@media (max-width: 768px) {
    .pgpz .nav-item .nav-item1:last-child .nav-link {
        border-bottom-width:2px!important
    }

    .pgpz .nav-item .nav-item1:first-child .nav-link {
        border-top-width: 2px!important
    }
}

.cussec-drop .fa-brands {
    text-shadow: rgb(0 0 0 / .36) 1px 1px 16px
}

.cussec-drop .cbtxt {
    font-weight: 500;
    text-shadow: rgb(0 0 0 / .05) 1px 1px 16px!important
}

.btn-outline-linkedin {
    color: #fff;
    background-color: #0077b5;
    background-image: none;
    border-color: #0077b5
}

@media (min-width: 768px) {
    .btn-outline-linkedin {
        color:#0077b5;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btn-outline-linkedin:hover {
    color: #fff;
    background-color: #0077b5
}

.container.cus.mobile {
    max-width: 1360px
}

section.header-top {
    background: rgb(49 106 236 / .98);
    padding: 0 30px
}

.hidden {
    display: none!important
}

section.header-top .mini-menu {
    padding-left: 10px
}

section.header-top .mini-menu li {
    position: relative
}

section.header-top .mini-menu li a {
    display: inline-block;
    font-size: 16.5px;
    padding: 5px 20px;
    margin-left: -24px;
    color: #fff;
    background-color: rgb(49 106 236 / .98);
    text-decoration: none;
    border-radius: 0 80px 80px 0;
    transition: 0.3s;
    font-weight: 400
}

section.header-top .mini-menu li.active {
    border-color: #f16334!important;
    color: #f16334!important
}

section.header-top .mini-menu li.active a,section.header-top .mini-menu li:hover a {
    color: #fff;
    background-color: rgb(48 102 225 / .98)
}

@media (max-width: 768px) {
    .owl-carousel .owl-item:first-of-type .offerbox,.owl-carousel .owl-item:first-of-type .newpriclass.receprice {
        visibility:hidden!important
    }
}

@media (max-width: 767px) {
    .Others {
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        padding: .5rem;
        background: #fff;
        box-shadow: rgb(0 0 0 / .176) 0 7px 2rem
    }
}

.content a.btn.btn-lg.buy-button {
    color: #000;
    text-align: left;
    box-shadow: none;
    font-weight: 610;
    font-size: 18px;
    font-family: system-ui;
    width: 100%!important
}

.content .toltip .buy-button span::before {
    height: 0%;
    position: absolute;
    background: linear-gradient(#5271ff 10%,#467fcf) #ff9816;
    content: "";
    width: 3px;
    left: -12px;
    top: 50%;
    transition: 0.1s ease-in-out
}

.content .toltip .buy-button:hover span::before {
    height: 100%;
    transform: translateY(-10px)
}

.content .toltip .buy-button span {
    position: relative
}

.content .Others .buy-button span::before {
    height: 0%;
    position: absolute;
    background: linear-gradient(#5271ff 10%,#467fcf) #ff9816;
    left: -12px;
    top: 50%;
    content: "";
    width: 3px;
    transition: 0.1s ease-in-out
}

.content .Others .buy-button:hover span::before {
    height: 100%;
    transform: translateY(-10px)
}

.content .Others .buy-button span {
    position: relative
}

.service-list-wraper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 1rem;
    z-index: 1000;
    width: max-content;
    display: none
}

.buttons-container .btn-dm-menu .cussec-drop,.ppmgp .btn-dm-menu .cussec-drop {
    margin: 0
}

.buttons-container .btn-dm-submenu,.ppmgp .btn-dm-submenu {
    left: .25rem
}

@media (max-width: 768px) {
    .service-list-wraper {
        left:0;
        transform: none;
        width: 100%
    }
}

.buttons-container .btn-dm-toggle,.ppmgp .btn-dm-toggle {
    position: relative
}

.buttons-container :not(.main-buttons) .cussec-drop:last-child,.ppmgp :not(.main-buttons) .cussec-drop:last-child {
    margin-right: 0
}

.buttons-container .cussec-drop .bar-sec.cus-btn-cus,.ppmgp .cussec-drop .bar-sec.cus-btn-cus {
    justify-content: center;
    margin: 0;
    display: flex;
    width: 100%
}

@media (min-width: 992px) {
    .buttons-container .cussec-drop .bar-sec.cus-btn-cus,.ppmgp .cussec-drop .bar-sec.cus-btn-cus {
        height:100%
    }
}

.buttons-container .btn-dm-toggle::after,.ppmgp .btn-dm-toggle::after {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    position: absolute
}

.service-list {
    background-color: #fff;
    box-shadow: rgb(0 0 0 / .176) 0 7px 2rem;
    padding: 15px 15px 5px;
    border-radius: 7px
}

.buttons-container .btn-dm-menu,.buttons-container .btn-dm-submenu,.ppmgp .btn-dm-menu,.ppmgp .btn-dm-submenu {
    display: block
}

.buttons-container .cussec-drop,.ppmgp .cussec-drop {
    display: table-cell;
    margin: 2px;
    top: 0px!important
}

.buttons-container :not(.main-buttons) .cussec-drop:first-child,.ppmgp :not(.main-buttons) .cussec-drop:first-child {
    margin-left: 0
}

.social-services:hover .service-list-wraper {
    display: block
}

.social-links-list:hover {
    border-color: #6975e3;
    background-color: #e6efff
}

.select-package {
    text-align: center;
    margin-top: 1px;
    margin-bottom: -15px
}

.select-package span {
    color: #666;
    font-weight: 700;
    font-size: 16px
}

@media (min-width: 1000px) {
    .social-services-item:hover .content .toltip {
        display:flex
    }

    .content .toltip {
        display: none
    }

    .mobile-show {
        display: none
    }
}

@media (min-width: 1000px) {
    .social-services-item:hover .content .Others {
        display:flex
    }

    .content .Others {
        display: none
    }

    .mobile-show {
        display: none
    }
}

@media (min-width: 960px) {
    section.checkout-form .checkout-right-content .card-footer {
        bottom:0;
        width: 95%
    }
}

@media (max-width: 576px) {
    section.banner .content {
        text-align:center
    }

    section.banner .content h1 {
        font-size: 30px
    }

    .header-top .navbar-nav.list-inline {
        display: none
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1360px
    }
}

@media (max-width: 768px) {
    .header .navbar .navbar-nav {
    }

    .header .navbar .navbar-nav li {
        line-height: 1em;
        padding: 8px 38px;
        margin-top: 13px;
        margin-left: 25px
    }

    .header .navbar ul.navbar-nav li.nav-item.active::before,.header .navbar ul.navbar-nav li.nav-item:hover::before {
        display: none
    }

    .header.shrink .navbar .navbar-toggler {
        color: #333
    }

    .header .btn-login-signup {
        padding: 10px
    }

    .header .btn-login {
        padding-left: 0px!important
    }

    section.blog-single {
        padding-top: 6rem
    }

    .service-list-wraper {
        left: 3%;
        width: 94%
    }

    .content .toltip {
        width: 100%;
        position: relative;
        left: initial;
        top: initial;
        box-shadow: none;
        padding: 0
    }

    .content .Others {
        width: 100%;
        position: relative;
        left: initial;
        top: initial;
        box-shadow: none;
        padding: 0
    }

    .toltip .buy-button {
        width: 100%;
        margin-bottom: .5rem;
        border: none;
        background: linear-gradient(90deg,#f4f7f9,#f3f3f3,#eff3f7)!important
    }

    .Others .buy-button {
        width: 100%;
        margin-bottom: .5rem;
        border: none;
        background: linear-gradient(90deg,#f4f7f9,#f3f3f3,#eff3f7)!important
    }

    .content {
        position: relative
    }

    .service-list {
        position: initial;
        display: block
    }

    .social-services {
        position: initial
    }

    .header .btn-dm-menu {
        margin-top: 0rem
    }

    .header .navbar-nav li:hover>ul.btn-dm-menu {
        display: block
    }

    .header .btn-dm-menu {
        padding: 0;
        border: none;
        border-radius: 0;
        min-width: 200px;
        box-shadow: rgb(0 0 0 / .26) 0 2px 5px 0;
        transition: 150ms linear
    }

    .header .btn-dm-menu li.btn-dm-submenu:hover {
        background-color: #f8f7f7
    }

    .header .btn-dm-menu li.btn-dm-submenu:hover>a {
        color: #ff7a03
    }

    .header .btn-dm-menu li.btn-dm-submenu:hover>a::after {
        transform: rotate(-90deg)
    }

    .header .btn-dm-item {
        color: #000
    }

    .header .btn-dm-item:hover,.btn-dm-item:focus {
        background-color: #f8f7f7;
        color: #ff7a03
    }

    .header .navbar .btn-dm-menu li {
        padding: 10px
    }

    .header .btn-dm-submenu {
        position: relative
    }

    .header .btn-dm-submenu>.btn-dm-menu {
        top: 0;
        left: 99.99%
    }

    .header .btn-dm-menu>li>a:hover::after {
        text-decoration: underline;
        transform: rotate(-90deg)
    }
}

@media (max-width: 768px) {
    .header .btn-dm-menu {
        margin-top:.75rem;
        border: none;
        box-shadow: none
    }

    .header .btn-dm-menu li.btn-dm-submenu:hover,.header .btn-dm-menu li.btn-dm-submenu:hover>a {
        background-color: #fff
    }

    .social-link-wrap .service-title {
        display: none
    }

    .social-link-wrap1 {
        padding: .5rem;
        background-position: initial;
        background-size: initial;
        background-repeat: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: #fff;
        border: 1px solid rgb(14 14 14 / .18);
        border-radius: 16px;
        box-shadow: rgb(255 255 255 / .07) 2px 2px 1px,rgb(107 25 235 / .07) 1px 1px 2px,rgb(255 255 255 / .07) 1px -1px 4px,rgb(158 178 253 / .07) 3px 0 8px,rgb(165 185 231 / .12) 2px 1px 16px;
        background-image: none!important
    }

    .other-service {
        margin: auto;
        padding: 17.5% 0;
        height: auto
    }

    .other-service .dot {
        background: #ff9800
    }

    .top-header {
        display: none
    }

    .header {
        padding-top: 0;
        padding-bottom: 0
    }

    section.package-content {
        padding: 20px 0
    }

    img.service-icon {
        max-width: 2.25rem;
        margin: auto
    }
}

body.instagram-category section.header-top .mini-menu li.active a,body.instagram-category section.header-top .mini-menu li:hover a {
    background-color: #ff00b1
}

body.instagram-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ff31da
}

body.instagram-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(42 40 42 / .3)!important
}

body.instagram-category .owl-nav .owl-prev::before,body.instagram-category .owl-nav .owl-next::after,body.instagram-category section.package-content .pk-lists .item .price {
    background: #ff00b1
}

body.instagram-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff00b1;
    border: 1px solid #ff00b1!important
}

body.twitter-category section.header-top .mini-menu li.active a,body.twitter-category section.header-top .mini-menu li:hover a {
    background-color: #1da1f2
}

body.twitter-category .header .btn-dm-item:hover,body.twitter-category .btn-dm-item:focus,body.twitter-category .header .navbar .navbar-nav .nav-link:hover,body.twitter-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.twitter-category .header .navbar .navbar-nav .active>.nav-link,body.twitter-category section.package-content .pk-header .title strong,body.twitter-category section.package-content .pk-lists .item .name .number,body.twitter-category section.package-content .pk-lists .item .features .text-icon,body.twitter-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #1da1f2
}

body.twitter-category section.package-content .pk-lists .item .card {
    border: 1px solid #c1cdd4!important
}

body.twitter-category .owl-nav .owl-prev::before,body.twitter-category .owl-nav .owl-next::after,body.twitter-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#1da1f2 16%,#1da1f2 100%)!important
}

body.twitter-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #1da1f2;
    border: 1px solid #1da1f2!important
}

body.facebook-category section.header-top .mini-menu li.active a,body.facebook-category section.header-top .mini-menu li:hover a {
    background-color: #395693
}

body.facebook-category .header .btn-dm-item:hover,body.facebook-category .btn-dm-item:focus,body.facebook-category .header .navbar .navbar-nav .nav-link:hover,body.facebook-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.facebook-category .header .navbar .navbar-nav .active>.nav-link,body.facebook-category section.package-content .pk-header .title strong,body.facebook-category section.package-content .pk-lists .item .name .number,body.facebook-category section.package-content .pk-lists .item .features .text-icon,body.facebook-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #03a9f4
}

body.facebook-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.facebook-category .owl-nav .owl-prev::before,body.facebook-category .owl-nav .owl-next::after,body.facebook-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#395693 16%,#466ece 100%)!important
}

body.facebook-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #03a9f4;
    border: 1px solid #03a9f4!important
}

body.youtube-category section.header-top .mini-menu li.active a,body.youtube-category section.header-top .mini-menu li:hover a {
    background-color: #ef2d2d
}

body.youtube-category .header .btn-dm-item:hover,body.youtube-category .btn-dm-item:focus,body.youtube-category .header .navbar .navbar-nav .nav-link:hover,body.youtube-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.youtube-category .header .navbar .navbar-nav .active>.nav-link,body.youtube-category section.package-content .pk-header .title strong,body.youtube-category section.package-content .pk-lists .item .name .number,body.youtube-category section.package-content .pk-lists .item .features .text-icon,body.youtube-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #f44336
}

body.youtube-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.youtube-category .owl-nav .owl-prev::before,body.youtube-category .owl-nav .owl-next::after,body.youtube-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#ff0000 16%,#ff0000 100%)!important
}

body.youtube-category section.package-content .pk-lists .item .order_button .btn-color {
    background: red;
    border: 1px solid rgb(255 65 65 / .79)!important
}

body.spotify-category section.header-top .mini-menu li.active a,body.spotify-category section.header-top .mini-menu li:hover a {
    background-color: #0c7323
}

body.spotify-category .header .btn-dm-item:hover,body.spotify-category .btn-dm-item:focus,body.spotify-category .header .navbar .navbar-nav .nav-link:hover,body.spotify-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.spotify-category .header .navbar .navbar-nav .active>.nav-link,body.spotify-category section.package-content .pk-header .title strong,body.spotify-category section.package-content .pk-lists .item .name .number,body.spotify-category section.package-content .pk-lists .item .features .text-icon,body.spotify-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #36cb78
}

body.spotify-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.spotify-category .owl-nav .owl-prev::before,body.spotify-category .owl-nav .owl-next::after,body.spotify-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#20c345 60%,#7af8a1 100%)!important
}

body.spotify-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #30e469;
    border: 1px solid #38db79!important
}

body.soundcloud-category section.header-top .mini-menu li.active a,body.soundcloud-category section.header-top .mini-menu li:hover a {
    background-color: #ff9800
}

body.soundcloud-category .header .btn-dm-item:hover,body.soundcloud-category .btn-dm-item:focus,body.soundcloud-category .header .navbar .navbar-nav .nav-link:hover,body.soundcloud-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.soundcloud-category .header .navbar .navbar-nav .active>.nav-link,body.soundcloud-category section.package-content .pk-header .title strong,body.soundcloud-category section.package-content .pk-lists .item .name .number,body.soundcloud-category section.package-content .pk-lists .item .features .text-icon,body.soundcloud-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ff9800
}

body.soundcloud-category section.package-content .pk-lists .item .card {
    border: 1px solid #ff9800!important
}

body.soundcloud-category .owl-nav .owl-prev::before,body.soundcloud-category .owl-nav .owl-next::after,body.soundcloud-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#ed512f 16%,#f28a30 100%)!important
}

body.linkedIn-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #4460d0;
    border: 1px solid #3068ff!important
}

body.soundCloud-category section.header-top .mini-menu li.active a,body.soundCloud-category section.header-top .mini-menu li:hover a {
    background-color: #ed762b
}

body.soundCloud-category .header .btn-dm-item:hover,body.soundCloud-category .btn-dm-item:focus,body.soundCloud-category .header .navbar .navbar-nav .nav-link:hover,body.soundCloud-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.soundCloud-category .header .navbar .navbar-nav .active>.nav-link,body.yosoundCloudutube-category section.package-content .pk-header .title strong,body.soundCloud-category section.package-content .pk-lists .item .name .number,body.soundCloud-category section.package-content .pk-lists .item .features .text-icon,body.soundCloud-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #df782c
}

body.soundCloud-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.soundCloud-category .owl-nav .owl-prev::before,body.soundCloud-category .owl-nav .owl-next::after,body.soundCloud-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#ff5e02 40%,rgb(255 119 28 / .58) 100%)!important
}

body.soundCloud-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #f45c29;
    border: 1px solid #ff7c54!important
}

body.quora-category section.header-top .mini-menu li.active a,body.quora-category section.header-top .mini-menu li:hover a {
    background-color: #770808
}

body.quora-category .header .btn-dm-item:hover,body.quora-category .btn-dm-item:focus,body.quora-category .header .navbar .navbar-nav .nav-link:hover,body.quora-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.quora-category .header .navbar .navbar-nav .active>.nav-link,body.quora-category section.package-content .pk-header .title strong,body.quora-category section.package-content .pk-lists .item .name .number,body.quora-category section.package-content .pk-lists .item .features .text-icon,body.quora-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #600d0d
}

body.quora-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.quora-category .owl-nav .owl-prev::before,body.quora-category .owl-nav .owl-next::after,body.quora-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#b61313 50%,rgb(215 31 31 / .58) 100%)!important
}

body.quora-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #860a0a;
    border: 1px solid #ae0909!important
}

body.vk-category section.header-top .mini-menu li.active a,body.vk-category section.header-top .mini-menu li:hover a {
    background-color: #135fb6
}

body.vk-category .header .btn-dm-item:hover,body.vk-category .btn-dm-item:focus,body.vk-category .header .navbar .navbar-nav .nav-link:hover,body.vk-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.vk-category .header .navbar .navbar-nav .active>.nav-link,body.vk-category section.package-content .pk-header .title strong,body.vk-category section.package-content .pk-lists .item .name .number,body.vk-category section.package-content .pk-lists .item .features .text-icon,body.vk-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #135fb6
}

body.vk-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.vk-category .owl-nav .owl-prev::before,body.vk-category .owl-nav .owl-next::after,body.vk-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#135fb6 50%,rgb(0 101 233 / .58) 100%)!important
}

body.vk-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #135fb6;
    border: 1px solid #135fb6!important
}

body.vimeo-category section.header-top .mini-menu li.active a,body.vimeo-category section.header-top .mini-menu li:hover a {
    background-color: #53a3ff
}

body.vimeo-category .header .btn-dm-item:hover,body.vimeo-category .btn-dm-item:focus,body.vimeo-category .header .navbar .navbar-nav .nav-link:hover,body.vimeo-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.vimeo-category .header .navbar .navbar-nav .active>.nav-link,body.vimeo-category section.package-content .pk-header .title strong,body.vimeo-category section.package-content .pk-lists .item .name .number,body.vimeo-category section.package-content .pk-lists .item .features .text-icon,body.vimeo-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #53a3ff
}

body.vimeo-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.vimeo-category .owl-nav .owl-prev::before,body.vimeo-category .owl-nav .owl-next::after,body.vimeo-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#53a3ff 50%,rgb(82 157 255 / .58) 100%)!important
}

body.vimeo-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #53a3ff;
    border: 1px solid #53a3ff!important
}

body.reviews-category section.header-top .mini-menu li.active a,body.reviews-category section.header-top .mini-menu li:hover a {
    background-color: #138d14
}

body.reviews-category .header .btn-dm-item:hover,body.reviews-category .btn-dm-item:focus,body.reviews-category .header .navbar .navbar-nav .nav-link:hover,body.reviews-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.reviews-category .header .navbar .navbar-nav .active>.nav-link,body.reviews-category section.package-content .pk-header .title strong,body.reviews-category section.package-content .pk-lists .item .name .number,body.reviews-category section.package-content .pk-lists .item .features .text-icon,body.reviews-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #138d14
}

body.reviews-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.reviews-category .owl-nav .owl-prev::before,body.reviews-category .owl-nav .owl-next::after,body.reviews-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#138d14 50%,rgb(64 155 31 / .58) 100%)!important
}

body.reviews-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #138d14;
    border: 1px solid #138d14!important
}

body.seo-category section.header-top .mini-menu li.active a,body.seo-category section.header-top .mini-menu li:hover a {
    background-color: #8dacbc
}

body.seo-category .header .btn-dm-item:hover,body.seo-category .btn-dm-item:focus,body.seo-category .header .navbar .navbar-nav .nav-link:hover,body.seo-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.seo-category .header .navbar .navbar-nav .active>.nav-link,body.seo-category section.package-content .pk-header .title strong,body.seo-category section.package-content .pk-lists .item .name .number,body.seo-category section.package-content .pk-lists .item .features .text-icon,body.seo-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #8dacbc
}

body.seo-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.seo-category .owl-nav .owl-prev::before,body.seo-category .owl-nav .owl-next::after,body.seo-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#8dacbc 50%,rgb(135 185 242 / .58) 100%)!important
}

body.seo-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #5a8ea9;
    border: 1px solid #7d9ec3!important
}

section.package-content .pk-lists .item .order_button .btn-color:hover {
    border-radius: 0 8px 8px 0;
    background: #ffffff!important
}

.header .navbar .navbar-nav .active>.nav-link {
    width: 100%;
    font-weight: 500;
    background: #e6efff;
    border-radius: .25rem;
    color: #6495ed!important
}

.header .navbar .navbar-nav .nav-link {
    transition: 0.3s
}

section.package-content .pk-lists .item .order_button .btn-color:hover {
    border-radius: 0 8px 8px 0;
    background: #ffffff!important
}

.header .navbar .navbar-nav .active>.nav-link {
    width: 100%;
    font-weight: 500;
    background: #5592ff;
    border-radius: .25rem;
    color: #ffffff!important
}

.header .navbar .navbar-nav .nav-link {
    transition: 0.3s
}

.header .navbar .navbar-nav .nav-link:hover {
    width: 100%;
    font-weight: 500;
    background: #5592ff;
    color: #ffffff!important
}

.header .navbar .navbar-nav .nav-link {
    transition: background-color 0.3s ease-in-out;
    padding: 15px
}

.header .navbar .navbar-nav .nav-link:active {
    background-color: #295ccf
}

body.iglikes-category section.header-top .mini-menu li:hover a {
    background-color: #5592ff;
    font-family: revert;
    color: #ffffff!important
}

section.header-top {
    background: rgb(49 106 236 / .98);
    padding: 0 30px
}

.social-services:hover .twitter {
    display: flex
}

.twitter::before {
    content: "";
    background-color: #fff;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    transform-origin: left center;
    top: -.3rem
}

.twitter {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    z-index: 1000;
    width: max-content;
    display: flex;
    flex-flow: column wrap;
    background: #fff;
    box-shadow: rgb(0 0 0 / .176) 0 0 6rem;
    border-radius: 7px
}

@media (min-width: 769px) {
    .twitter {
        display:none
    }
}

.content .twitter .buy-button span::before {
    content: "";
    width: 4px;
    height: 0%;
    position: absolute;
    background: #00acee;
    left: -12px;
    top: 50%;
    transition: 0.1s ease-in-out
}

.content .twitter .buy-button:hover span::before {
    height: 100%;
    transform: translateY(-10px)
}

.content .twitter .buy-button span {
    position: relative
}

@media (max-width: 768px) {
    .social-section {
        display:none
    }
}

.social-services:hover .youtube {
    display: flex
}

.youtube::before {
    content: "";
    background-color: #fff;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    transform-origin: left center;
    top: -.3rem
}

.youtube {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    z-index: 1000;
    width: max-content;
    display: flex;
    flex-flow: column wrap;
    background: #fff;
    box-shadow: rgb(0 0 0 / .176) 0 0 6rem;
    border-radius: 7px
}

@media (min-width: 769px) {
    .youtube {
        display:none
    }
}

.content .youtube .buy-button span::before {
    content: "";
    width: 4px;
    height: 0%;
    position: absolute;
    background: #ff2921;
    left: -12px;
    top: 50%;
    transition: 0.1s ease-in-out
}

.content .youtube .buy-button:hover span::before {
    height: 100%;
    transform: translateY(-10px)
}

.content .youtube .buy-button span {
    position: relative
}

@media (max-width: 768px) {
    .social-section {
        display:none
    }
}

.social-services:hover .facebook {
    display: flex
}

.facebook::before {
    content: "";
    background-color: #fff;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    transform-origin: left center;
    top: -.3rem
}

.facebook {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    z-index: 1000;
    width: max-content;
    display: flex;
    flex-flow: column wrap;
    background: #fff;
    box-shadow: rgb(0 0 0 / .176) 0 0 6rem;
    border-radius: 7px
}

@media (min-width: 769px) {
    .facebook {
        display:none
    }
}

.content .facebook .buy-button span::before {
    content: "";
    width: 4px;
    height: 0%;
    position: absolute;
    background: #384dd4;
    left: -12px;
    top: 50%;
    transition: 0.1s ease-in-out
}

.content .facebook .buy-button:hover span::before {
    height: 100%;
    transform: translateY(-10px)
}

.content .facebook .buy-button span {
    position: relative
}

@media (max-width: 768px) {
    .social-section {
        display:none
    }
}

.social-services:hover .tiktok {
    display: flex
}

.tiktok::before {
    content: "";
    background-color: #fff;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    transform-origin: left center;
    top: -.3rem
}

.tiktok {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    z-index: 1000;
    width: max-content;
    display: flex;
    flex-flow: column wrap;
    background: #fff;
    box-shadow: rgb(0 0 0 / .176) 0 0 6rem;
    border-radius: 7px
}

@media (min-width: 769px) {
    .tiktok {
        display:none
    }
}

.content .tiktok .buy-button span::before {
    content: "";
    width: 4px;
    height: 0%;
    position: absolute;
    background: #171718;
    left: -12px;
    top: 50%;
    transition: 0.1s ease-in-out
}

.content .tiktok .buy-button:hover span::before {
    height: 100%;
    transform: translateY(-10px)
}

.content .tiktok .buy-button span {
    position: relative
}

@media (max-width: 768px) {
    .social-section {
        display:none
    }
}

.social-section-mobile {
    padding: .5rem 0;
    display: flex;
    align-items: flex-start;
    gap: .25rem
}

@media only screen and (min-width: 992px) {
    .social-section-mobile {
        display:none
    }
}

@media only screen and (max-width: 768px) {
    .content {
    }
}

@media only screen and (max-width: 768px) {
    .content a.btn.btn-lg.buy-button {
        text-align:left;
        box-shadow: none;
        font-weight: 600;
        font-size: 18px;
        color: #000;
        font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        width: 100%!important
    }
}

@media (max-width: 768px) {
    .service-list {
        padding:10px 3px 3px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: rgb(0 0 0 / .176) 0 7px 2rem;
        position: initial
    }
}

.btniglike.dropline-cus-before {
    border: .125rem solid #d04545;
    color: #d04545!important
}

.btniglike.dropline-cus-before::after,.btniglike.dropline-cus-before::before {
    background-color: #ff00b1
}

.btn.bar-sec.if.btn-outline-follower.cus-btn-cus {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff00b1,#ff00b1)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(245 0 87 / .4)!important
}

@media (min-width: 768px) {
    .btn-outline-follower {
        color:#ff00b1;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btniglike.dropline-cus-before::after,.btniglike.dropline-cus-before::before {
    background-color: #d04545
}

.btn-outline-follower {
    color: #fff;
    background-image: none;
    border-color: #ff007f
}

@media (min-width: 768px) {
    .btn-outline-follower {
        color:#ff007f;
        background-color: #fff0;
        border-color: #fff0
    }
}

.social-links-list .service-title-followers {
    font-size: 18px;
    margin-bottom: 0;
    color: #cf4475
}

.social-links-list .service-title-followers:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-views {
    font-size: 18px;
    margin-bottom: 0;
    color: #6e4bff
}

.social-links-list .service-title-views:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-comments {
    font-size: 18px;
    margin-bottom: 0;
    color: #ff5d27
}

.social-links-list .service-title-comments:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Pinterest:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

@media (max-width: 768px) {
    .container.mobile.hearder {
        width:100%!important;
        padding-right: 0rem!important;
        margin-left: 0rem!important;
        overflow: hidden!important;
        padding-top: 0px!important;
        padding-bottom: 4px!important
    }
}

.social-links-list .service-title-Linkedin {
    font-size: 18px;
    margin-bottom: 0;
    color: #0097d0
}

.social-links-list .service-title-Linkedin:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-SoundCloud {
    font-size: 18px;
    margin-bottom: 0;
    color: #ff7d00
}

.social-links-list .service-title-SoundCloud:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-YouTube {
    font-size: 18px;
    margin-bottom: 0;
    color: #ff4040
}

.social-links-list .service-title-YouTube:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Twitch {
    font-size: 18px;
    margin-bottom: 0;
    color: #854cd3
}

.social-links-list .service-title-Twitch:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Quora {
    font-size: 18px;
    margin-bottom: 0;
    color: #d03157
}

.social-links-list .service-title-Quora:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-VK {
    font-size: 18px;
    margin-bottom: 0;
    color: #54789f
}

.social-links-list .service-title-VK:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.buttons-container .cussec-drop .bar-sec.cus-btn-cus .content-aline,.ppmgp .cussec-drop .bar-sec.cus-btn-cus .content-aline {
    align-items: center
}

.buttons-container .cussec-drop .cus-btn .bar-sec.cus-btn-cus,.ppmgp .cussec-drop .cus-btn .bar-sec.cus-btn-cus {
    margin: 2.4px 0
}

.social-links-list .service-title-Web {
    font-size: 18px;
    margin-bottom: 0;
    color: #2ca2ee
}

.social-links-list .service-title-Web:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-insta {
    font-size: 18px;
    margin-bottom: 0;
    color: #ff2f2f
}

.social-links-list .service-title-insta:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

body.iglikes-category section.header-top .mini-menu li.active a,body.iglikes-category section.header-top .mini-menu li:hover a {
    background-color: #ff003b;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #ffffff!important
}

body.iglikes-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.iglikes-category .owl-nav .owl-prev::before,body.iglikes-category .owl-nav .owl-next::after,body.iglikes-category section.package-content .pk-lists .item .price {
    background: linear-gradient(90deg,#ff003b 16%,#ff003b 100%)!important
}

body.iglikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff003b;
    border: 1px solid #ff003b!important
}

body.iglikes-category section.package-content .pk-lists .item .features .text-icon {
    color: #ff003b
}

body.igviews-category section.header-top .mini-menu li.active a,body.igviews-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(90deg,#7b2cbf 16%,#7b2cbf 100%)!important;
    color: #ffffff!important
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #7b2cbf
}

body.igviews-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.igviews-category .owl-nav .owl-prev::before,body.igviews-category .owl-nav .owl-next::after,body.igviews-category section.package-content .pk-lists .item .price {
    background: #7b2cbf
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #7b2cbf;
    border: 1px solid #7b2cbf!important
}

body.igCOMMENTS-category section.header-top .mini-menu li.active a,body.igCOMMENTS-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(45deg,#1d4e89,#1d4e89);
    color: #ffffff!important
}

#qualityToggle .nav-link {
    color: rgb(49 106 236 / .96)
}

.pgpz .nav-item .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    height: 100%;
    border-radius: 0;
    border: 2px solid rgb(49 106 236 / .98)!important;
    outline: none!important
}

#qualityToggle .nav {
    border-radius: 16px!important;
    padding: 6px!important;
    display: flex!important;
    gap: 6px!important
}

.pgpz .nav-item .nav-item1:first-child .nav-link {
    border-top-width: 2px;
    border-radius: .125rem .125rem 0 0
}

.pgpz .nav-item .nav-item1:last-child .nav-link {
    border-bottom-width: 2px;
    border-radius: 0 0 .125rem .125rem
}

.pgpz .nav-link.active,.pgpz .show>.nav-link {
    color: #fff;
    background-color: rgb(49 106 236 / .96);
    outline: none!important
}

.pgpz .nav-item .nav-link:active,.pgpz .nav-item .nav-link:focus,.pgpz .nav-item .nav-link:hover {
    background-color: #5592ff;
    color: #ffffff!important;
    outline: none!important
}

.pgpz .nav-item .nav-item1 {
    flex: 1 1 0%;
    text-align: center
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #1d4e89
}

body.igCOMMENTS-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.igCOMMENTS-category .owl-nav .owl-prev::before,body.igCOMMENTS-category .owl-nav .owl-next::after,body.igCOMMENTS-category section.package-content .pk-lists .item .price {
    background: #1d4e89
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(45deg,#1d4e89,#1d4e89);
    border: 1px solid #1d4e89!important
}

body.igothers-category section.header-top .mini-menu li.active a,body.igothers-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(45deg,#e76f51,#e76f51);
    color: #ffffff!important
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #e76f51
}

body.igothers-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.igothers-category .owl-nav .owl-prev::before,body.igothers-category .owl-nav .owl-next::after,body.igothers-category section.package-content .pk-lists .item .price {
    background: #e76f51
}

body.igothers-category section.package-content .pk-lists .item .features .text-icon {
    color: #e76f51
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #e76f51;
    border: 1px solid #e76f51!important
}

body.linkedin-category section.header-top .mini-menu li.active a,body.linkedin-category section.header-top .mini-menu li:hover a {
    background-color: #0077b5;
    color: #ffffff!important
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #0077b5
}

body.linkedin-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(0 119 181 / .23)!important
}

body.linkedin-category .owl-nav .owl-prev::before,body.linkedin-category .owl-nav .owl-next::after,body.linkedin-category section.package-content .pk-lists .item .price {
    background: linear-gradient(90deg,#0077b5 16%,#0077b5 100%)!important
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #0077b5;
    border: 1px solid #0077b5!important
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:3px 35px 35px
    }
}

@media screen and (min-width: 1004px) and (max-width:1306px) {
    .header .navbar-brand img {
        margin-top:-19px;
        margin-bottom: -4px
    }
}

@media screen and (max-width: 768px) {
    .header .navbar-brand img {
        height:30.4px;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position:absolute;
        font-family: FontAwesome;
        font-size: 30px;
        background: #32a852;
        width: 35px;
        text-align: center;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        color: #fff;
        margin-top: -19px
    }
}

@media only screen and (max-width: 768px) {
    .select-package {
        text-align:center;
        margin-top: -20px;
        margin-bottom: -38px
    }
}

@media (max-width: 768px) {
    section.checkout-form {
        padding:0 0 100px;
        overflow: hidden;
        margin-top: -30px
    }
}

@media (max-width: 767px) {
    .header .navbar-brand img {
        height:50px;
        width: auto;
        margin-top: -26px;
        margin-bottom: -27px
    }
}

@media (max-width: 768px) {
    .container.cus.mobile {
        padding-top:0
    }
}

a.top-nav-link:hover {
    color: #fff;
    text-decoration: none
}

@media (min-width: 769px) and (max-width:993px) {
    .header .navbar-brand img {
        height:66px;
        max-width: max-content
    }
}

@media (min-width: 769px) and (max-width:993px) {
    .container {
    }
}

@media screen and (min-width: 1004px) and (max-width:1306px) {
    .header .navbar .navbar-nav .nav-link {
        color:#fff;
        font-weight: 500;
        padding: 12px 19px;
        cursor: pointer;
        position: relative;
        background: #fff0;
        font-size: 17.5px;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        line-height: 23px
    }
}

body.postlikes-category section.header-top .mini-menu li.active a,body.postlikes-category section.header-top .mini-menu li:hover a {
    background-color: #1969ff
}

body.postlikes-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.postlikes-category .owl-nav .owl-prev::before,body.postlikes-category .owl-nav .owl-next::after,body.postlikes-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#1969ff 16%,#1969ff 100%)!important
}

body.postlikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #1969ff;
    border: 1px solid #1969ff!important
}

body.postwow-category section.header-top .mini-menu li.active a,body.postwow-category section.header-top .mini-menu li:hover a {
    background-color: #9f9442
}

body.postwow-category .header .btn-dm-item:hover,body.postwow-category .btn-dm-item:focus,body.postwow-category .header .navbar .navbar-nav .nav-link:hover,body.postwow-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postwow-category .header .navbar .navbar-nav .active>.nav-link,body.postwow-category section.package-content .pk-header .title strong,body.postwow-category section.package-content .pk-lists .item .name .number,body.postwow-category section.package-content .pk-lists .item .features .text-icon,body.postwow-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #9f9442
}

body.postwow-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.postwow-category .owl-nav .owl-prev::before,body.postwow-category .owl-nav .owl-next::after,body.postwow-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#9f9442 16%,#9f9442 100%)!important
}

body.postwow-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #9f9442;
    border: 1px solid #9f9442!important
}

body.postlove-category section.header-top .mini-menu li.active a,body.postlove-category section.header-top .mini-menu li:hover a {
    background-color: #cb1640
}

body.postlove-category .header .btn-dm-item:hover,body.postlove-category .btn-dm-item:focus,body.postlove-category .header .navbar .navbar-nav .nav-link:hover,body.postlove-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postlove-category .header .navbar .navbar-nav .active>.nav-link,body.postlove-category section.package-content .pk-header .title strong,body.postlove-category section.package-content .pk-lists .item .name .number,body.postlove-category section.package-content .pk-lists .item .features .text-icon,body.postlove-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #cb1640
}

body.postlove-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

.bar-sec {
    border-radius: 2px;
    font-size: 16px;
    white-space: normal;
    line-height: 1.1;
    font-weight: 700
}

body.postlove-category .owl-nav .owl-prev::before,body.postlove-category .owl-nav .owl-next::after,body.postlove-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#cb1640 16%,#cb1640 100%)!important
}

body.postlove-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #cb1640;
    border: 1px solid #cb1640!important
}

body.posthaha-category section.header-top .mini-menu li.active a,body.posthaha-category section.header-top .mini-menu li:hover a {
    background-color: #f1a00b
}

body.posthaha-category .header .btn-dm-item:hover,body.posthaha-category .btn-dm-item:focus,body.posthaha-category .header .navbar .navbar-nav .nav-link:hover,body.posthaha-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.posthaha-category .header .navbar .navbar-nav .active>.nav-link,body.posthaha-category section.package-content .pk-header .title strong,body.posthaha-category section.package-content .pk-lists .item .name .number,body.posthaha-category section.package-content .pk-lists .item .features .text-icon,body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #f1a00b
}

body.posthaha-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.posthaha-category .owl-nav .owl-prev::before,body.posthaha-category .owl-nav .owl-next::after,body.posthaha-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#f1a00b 16%,#f1a00b 100%)!important
}

body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #f1a00b;
    border: 1px solid #f1a00b!important
}

body.postsad-category section.header-top .mini-menu li.active a,body.postsad-category section.header-top .mini-menu li:hover a {
    background-color: #ff7e00
}

body.postsad-category .header .btn-dm-item:hover,body.postsad-category .btn-dm-item:focus,body.postsad-category .header .navbar .navbar-nav .nav-link:hover,body.postsad-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postsad-category .header .navbar .navbar-nav .active>.nav-link,body.postsad-category section.package-content .pk-header .title strong,body.postsad-category section.package-content .pk-lists .item .name .number,body.postsad-category section.package-content .pk-lists .item .features .text-icon,body.postsad-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ff7e00
}

body.postsad-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.postsad-category .owl-nav .owl-prev::before,body.postsad-category .owl-nav .owl-next::after,body.postsad-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#ff7e00 16%,#ff7e00 100%)!important
}

body.postsad-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff7e00;
    border: 1px solid #ff7e00!important
}

body.postangry-category section.header-top .mini-menu li.active a,body.postangry-category section.header-top .mini-menu li:hover a {
    background-color: #672424
}

body.postangry-category .header .btn-dm-item:hover,body.postangry-category .btn-dm-item:focus,body.postangry-category .header .navbar .navbar-nav .nav-link:hover,body.postangry-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postangry-category .header .navbar .navbar-nav .active>.nav-link,body.postangry-category section.package-content .pk-header .title strong,body.postangry-category section.package-content .pk-lists .item .name .number,body.postangry-category section.package-content .pk-lists .item .features .text-icon,body.postangry-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #672424
}

body.postangry-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.postangry-category .owl-nav .owl-prev::before,body.postangry-category .owl-nav .owl-next::after,body.postangry-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#672424 16%,#672424 100%)!important
}

body.postangry-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #672424;
    border: 1px solid #672424!important
}

@media (min-width: 768px) {
    .container.blogpage.d {
        margin-top:-100px!important
    }
}

.btnigothers {
    color: #fff;
    background-color: #ff5025;
    background-image: none;
    border-color: #ff5025
}

@media (min-width: 768px) {
    .btnigothers {
        color:#ff5025;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnigothers:hover {
    color: #fff;
    background: linear-gradient(to right,#ff5025,#ff8451)
}

.btnigothers.focus,.btnigothers:focus {
    box-shadow: rgb(245 96 64 / .5) 0 0 0 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow-wrap: break-word
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

dl,ol,ul {
    margin-top: 0;
    overflow-wrap: break-word
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #2d74b1;
    text-decoration: none;
    background-color: #fff0;
    transition: 0.2s ease-in-out
}

a:hover {
    color: #1d4c74;
    text-decoration: none
}

@media (prefers-reduced-motion:reduce) {
    a {
        transition: none
    }
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

@media (max-width: 991.98px) {
    .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
        font-size:1.25rem
    }
}

.h2,.h3,h2,h3 {
    font-size: 1.5rem
}

.h4,.h5,h4,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-width: 1px 0 0;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-top-style: solid;
    border-top-color: rgb(0 0 0 / .1)
}

.btn-info {
    color: #fff
}

.btn-info:hover {
    color: #fff;
    background-color: #295ccf;
    border-color: #295ccf
}

.btnfb {
    color: #fff;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px;
    border-color: #1b3873;
    background-image: linear-gradient(to right,#3e63c9,#5774d9)!important
}

.btnfb:hover {
    color: #fff;
    background-color: #30497c;
    border-color: #2d4373
}

.btnfb.focus,.btnfb:focus {
    box-shadow: rgb(59 89 152 / .5) 0 0 0 0
}

.btnfb.disabled,.btnfb:disabled {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998
}

.btnfb:not(:disabled):not(.disabled).active,.btnfb:not(:disabled):not(.disabled):active,.show>.btnfb.btn-dm-toggle {
    color: #fff;
    background-color: #2d4373;
    border-color: #293e6a
}

.btnfb:not(:disabled):not(.disabled).active:focus,.btnfb:not(:disabled):not(.disabled):active:focus,.show>.btnfb.btn-dm-toggle:focus {
    box-shadow: rgb(59 89 152 / .5) 0 0 0 0
}

.btnfb:hover.selected::after {
    border-top-color: #30497c
}

.btntwer {
    color: #fff;
    border-color: #000;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px;
    background-image: linear-gradient(to right,rgb(27 29 30 / .89),rgb(32 32 33 / .95))!important
}

.btntwer:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btntwer.focus,.btntwer:focus {
    box-shadow: rgb(13 13 13 / .5) 0 0 0 0
}

.btntwer.disabled,.btntwer:disabled {
    color: #fff;
    background-color: #0d0d0d;
    border-color: #0d0d0d
}

.btntwer:not(:disabled):not(.disabled).active,.btntwer:not(:disabled):not(.disabled):active,.show>.btntwer.btn-dm-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btntwer:not(:disabled):not(.disabled).active:focus,.btntwer:not(:disabled):not(.disabled):active:focus,.show>.btntwer.btn-dm-toggle:focus {
    box-shadow: rgb(13 13 13 / .5) 0 0 0 0
}

.btntwer:hover.selected::after {
    border-top-color: #000
}

@media only screen and (max-width: 768px) {
    .navcoll.new.btn-dm-menu.new {
    }
}

.btnytsho {
    color: #fff;
    background-color: red;
    background-image: none;
    border-color: red
}

@media (min-width: 768px) {
    .btnytsho {
        color:red;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnytsho:hover {
    color: #fff;
    background-color: red
}

.btnttok {
    color: #fff;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px;
    border-color: #000;
    background-image: linear-gradient(to right,rgb(27 29 30 / .88),rgb(32 32 33 / .87))!important
}

.btnttok:hover {
    color: #fff;
    background-color: rgb(25 20 20 / .91);
    border-color: #2f2f2f
}

.btnttok.focus,.btnttok:focus {
    box-shadow: rgb(72 72 72 / .5) 0 0 0 0
}

.btnttok.disabled,.btnttok:disabled {
    color: #fff;
    background-color: #484848;
    border-color: #484848
}

.btnttok:not(:disabled):not(.disabled).active,.btnttok:not(:disabled):not(.disabled):active,.show>.btnttok.btn-dm-toggle {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #282828
}

.btnttok:not(:disabled):not(.disabled).active:focus,.btnttok:not(:disabled):not(.disabled):active:focus,.show>.btnttok.btn-dm-toggle:focus {
    box-shadow: rgb(72 72 72 / .5) 0 0 0 0
}

.btnttok:hover.selected::after {
    border-top-color: #353535
}

.btnukto {
    color: #fff;
    background-color: #4a76a8;
    background-image: none;
    border-color: #4a76a8
}

@media (min-width: 768px) {
    .btnukto {
        color:#4a76a8;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnukto:hover {
    color: #fff;
    background-color: #4a76a8
}

.btnyt {
    color: #fff;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px;
    border-color: red;
    background-image: linear-gradient(to right,#ff0000,#ff1a1a)!important
}

.cus-btn-cus.selected+.navcoll .cus-btn::before {
    content: none
}

.cus-btn-cus .d-lg-block.content-aline {
    display: flex!important;
    min-height: 40px
}

.cus-btn-cus span[class^="icon-"] {
    min-width: 30px
}

.navcoll .cussec-drop span {
    min-height: 0
}

.dropline-cus-before span[class^="icon-"] {
    min-height: 40px
}

@media (min-width: 768px) {
    .cus-btn-cus .d-lg-block.content-aline,.dropline-cus-before span[class^="icon-"] {
        min-height:48px
    }
}

@media (min-width: 1200px) {
    .cus-btn-cus .d-lg-block.content-aline {
        min-height:38px
    }

    .dropline-cus-before span[class^="icon-"] {
        min-height: 28px
    }
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-link span {
    vertical-align: middle
}

@media (min-width: 992px) {
    .nav-link {
    }
}

.nav-item .nav-link:active,.nav-item .nav-link:focus,.nav-item .nav-link:hover {
    border-color: #5592ff;
    color: #fff
}

.nav-item .nav-link.disabled {
    cursor: not-allowed;
    text-decoration: line-through;
    color: #6c757d!important;
    background: #c5cbd1!important
}

.nav-item .nav-link.active,.nav-item .show>.nav-link {
    border-color: #3a75fa;
    color: #ffffff!important
}

@media (min-width: 992px) {
    .nav-item .nav-link {
        font-family:"open sans",-apple-system,BlinkMacSystemFont,"segoe ui",Roboto,"helvetica neue",Helvetica,Arial,sans-serif,"apple color emoji","segoe ui emoji","segoe ui symbol";
        font-weight: 600
    }
}

.pgpz .nav-item {
    justify-content: center;
    display: block
}

.pgpz.prices-page .nav-item {
    display: block
}

.pgpz.prices-page .nav-item .nav-link {
    border-top-width: 0;
    border-bottom-width: 2px;
    border-left-width: 2px
}

@media (min-width: 768px) {
    .pgpz .nav-item {
        display:flex;
        padding-left: 10px;
        padding-right: 10px
    }

    .pgpz .nav-item .nav-link {
        border-width: 2px 2px 2px 0;
        outline: none!important
    }

    .pgpz .nav-item .nav-item1:first-child .nav-link {
        border-left-width: 2px;
        border-radius: .125rem 0 0 .125rem
    }

    .pgpz .nav-item .nav-item1:last-child .nav-link {
        border-right-width: 2px;
        border-radius: 0 .125rem .125rem 0
    }
}

@media (min-width: 992px) {
    .pgpz.prices-page .nav-item {
        display:flex
    }

    .pgpz.prices-page .nav-item .nav-link {
        border-width: 2px 2px 2px 0
    }
}

.prices-nav {
    flex-direction: column
}

.prices-nav .nav-link {
    border: none!important
}

.prices-nav .nav-item1 {
    width: 100%!important
}

.prices-nav .nav-item:first-child .nav-link {
    border-radius: .125rem .125rem 0 0px!important
}

.prices-nav .nav-item:last-child .nav-link {
    border-bottom-width: 2px!important;
    border-radius: .125rem .125rem 0 0px!important
}

@media (max-width: 1199.98px) {
    .prices-nav {
        margin-top:.5rem
    }

    .prices-nav .nav-link {
        border-style: solid!important;
        border-color: #2d74b1!important;
        border-image: initial!important;
        border-width: 2px 2px 0px!important;
        border-radius: 0px!important
    }
}

.main-menu {
    border-width: 0 .125rem .125rem;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #05477d;
    border-bottom-color: #05477d;
    border-left-color: #05477d;
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial;
    margin: 0
}

.main-menu .nav-item1 {
    border: .125rem solid #05477d
}

.main-menu a {
    font-size: 1rem;
    width: 100%;
    padding: .75rem 1rem
}

.btn-outline-follower:hover {
    color: #fff;
    background: linear-gradient(45deg,#ff007f,#ff8499)
}

.btn-outline-follower.focus,.btn-outline-follower:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower.disabled,.btn-outline-follower:disabled {
    color: #ff007f;
    background-color: #fff0
}

.btn-outline-follower:not(:disabled):not(.disabled).active,.btn-outline-follower:not(:disabled):not(.disabled):active,.show>.btn-outline-follower.btn-dm-toggle {
    color: #fff;
    background-color: #ff007f
}

.btn-outline-follower:not(:disabled):not(.disabled).active:focus,.btn-outline-follower:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower.selected {
    background-color: #ff007f;
    color: #fff
}

.btn-outline-follower.dropline-cus-before {
    border: .125rem solid #ff007f;
    color: #ff007f!important
}

.btn-outline-follower.dropline-cus-before:hover {
    color: #ffffff!important
}

.btn-outline-follower.dropline-cus-before::after,.btn-outline-follower.dropline-cus-before::before {
    background-color: #ff007f
}

.btnigcomme {
    color: #fff;
    background-color: #0087ff;
    background-image: none
}

@media (min-width: 768px) {
    .btnigcomme {
        color:#0087ff;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnigcomme:hover {
    color: #fff;
    background: linear-gradient(to right,#0087ff,#0087ff)
}

.btnigcomme.disabled,.btnigcomme:disabled {
    color: #3bc9df;
    background-color: #fff0
}

.btnigcomme:not(:disabled):not(.disabled).active,.btnigcomme:not(:disabled):not(.disabled):active,.show>.btnigcomme.btn-dm-toggle {
    color: #fff;
    background: linear-gradient(to right,#0087ff,#0087ff)
}

.btnigcomme.dropline-cus-before::after,.btnigcomme.dropline-cus-before::before {
    background-color: #7108cb
}

.btnigview {
    color: #fff;
    background-color: #7108cb;
    background-image: none;
    border-color: #7108cb
}

@media (min-width: 768px) {
    .btnigview {
        color:#7108cb;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnigview:hover {
    color: #fff;
    background: linear-gradient(to right,#7108cb,#9d4aff)
}

.btnigview:not(:disabled):not(.disabled).active,.btnigview:not(:disabled):not(.disabled):active,.show>.btnigview.btn-dm-toggle {
    color: #fff;
    background: linear-gradient(to right,#7108cb,#9d4aff)
}

.btnfrees {
    color: #fff;
    background-color: #1ab7ea;
    background-image: none;
    border-color: #1ab7ea
}

@media (min-width: 768px) {
    .btnfrees {
        color:#1ab7ea;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnfrees:hover {
    color: #fff;
    background-color: #1ab7ea
}

.btnfrees.focus,.btnfrees:focus {
    box-shadow: rgb(26 183 234 / .5) 0 0 0 0
}

.btnfrees.disabled,.btnfrees:disabled {
    color: #1ab7ea;
    background-color: #fff0
}

.btnfrees:not(:disabled):not(.disabled).active,.btnfrees:not(:disabled):not(.disabled):active,.show>.btnfrees.btn-dm-toggle {
    color: #fff;
    background-color: #1ab7ea
}

.btnfrees:not(:disabled):not(.disabled).active:focus,.btnfrees:not(:disabled):not(.disabled):active:focus,.show>.btnfrees.btn-dm-toggle:focus {
    box-shadow: rgb(26 183 234 / .5) 0 0 0 0
}

.btnfrees.selected {
    background-color: #1ab7ea;
    color: #fff
}

.btnfrees.dropline-cus-before {
    border: .125rem solid #1ab7ea;
    color: #1ab7ea!important
}

.btnfrees.dropline-cus-before::after,.btnfrees.dropline-cus-before::before {
    background-color: #1ab7ea
}

.btnspot {
    color: #fff;
    background-color: #1db954;
    background-image: none;
    border-color: #1db954
}

@media (min-width: 768px) {
    .btnspot {
        color:#1db954;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnspot:hover {
    color: #fff;
    background-color: #1db954
}

.btnspot.focus,.btnspot:focus {
    box-shadow: rgb(29 185 84 / .5) 0 0 0 0
}

.btnspot.disabled,.btnspot:disabled {
    color: #1db954;
    background-color: #fff0
}

.btnspot:not(:disabled):not(.disabled).active,.btnspot:not(:disabled):not(.disabled):active,.show>.btnspot.btn-dm-toggle {
    color: #fff;
    background-color: #1db954
}

.btnspot:not(:disabled):not(.disabled).active:focus,.btnspot:not(:disabled):not(.disabled):active:focus,.show>.btnspot.btn-dm-toggle:focus {
    box-shadow: rgb(29 185 84 / .5) 0 0 0 0
}

.btnspot.selected {
    background-color: #1db954;
    color: #fff
}

.btnspot.dropline-cus-before {
    border: .125rem solid #1db954;
    color: #1db954!important
}

.btnspot.dropline-cus-before::after,.btnspot.dropline-cus-before::before {
    background-color: #1db954
}

.btnsound {
    color: #fff;
    background-color: #f50;
    background-image: none;
    border-color: #f50
}

@media (min-width: 768px) {
    .btnsound {
        color:#f50;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnsound:hover {
    color: #fff;
    background-color: #f50
}

.btnsound.focus,.btnsound:focus {
    box-shadow: rgb(255 85 0 / .5) 0 0 0 0
}

.btnsound.disabled,.btnsound:disabled {
    color: #f50;
    background-color: #fff0
}

.btnsound:not(:disabled):not(.disabled).active,.btnsound:not(:disabled):not(.disabled):active,.show>.btnsound.btn-dm-toggle {
    color: #fff;
    background-color: #f50
}

.btnsound:not(:disabled):not(.disabled).active:focus,.btnsound:not(:disabled):not(.disabled):active:focus,.show>.btnsound.btn-dm-toggle:focus {
    box-shadow: rgb(255 85 0 / .5) 0 0 0 0
}

.btnsound.selected {
    background-color: #f50;
    color: #fff
}

.btnsound.dropline-cus-before {
    border: .125rem solid #f50;
    color: #ff5500!important
}

.btnsound.dropline-cus-before::after,.btnsound.dropline-cus-before::before {
    background-color: #f50
}

.btntwitc {
    color: #fff;
    background-color: #6441a5;
    background-image: none;
    border-color: #6441a5
}

@media (min-width: 768px) {
    .btntwitc {
        color:#6441a5;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btntwitc:hover {
    color: #fff;
    background-color: #6441a5
}

.btntwitc.focus,.btntwitc:focus {
    box-shadow: rgb(100 65 165 / .5) 0 0 0 0
}

.btntwitc.disabled,.btntwitc:disabled {
    color: #6441a5;
    background-color: #fff0
}

.btntwitc:not(:disabled):not(.disabled).active,.btntwitc:not(:disabled):not(.disabled):active,.show>.btntwitc.btn-dm-toggle {
    color: #fff;
    background-color: #6441a5
}

.btntwitc:not(:disabled):not(.disabled).active:focus,.btntwitc:not(:disabled):not(.disabled):active:focus,.show>.btntwitc.btn-dm-toggle:focus {
    box-shadow: rgb(100 65 165 / .5) 0 0 0 0
}

.btntwitc.selected {
    background-color: #6441a5;
    color: #fff
}

.btntwitc.dropline-cus-before {
    border: .125rem solid #6441a5;
    color: #6441a5!important
}

.btntwitc.dropline-cus-before::after,.btntwitc.dropline-cus-before::before {
    background-color: #6441a5
}

.btnpinte {
    color: #fff;
    background-color: #bd081c;
    background-image: none;
    border-color: #bd081c
}

@media (min-width: 768px) {
    .btnpinte {
        color:#bd081c;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnpinte:hover {
    color: #fff;
    background-color: #bd081c
}

.btnpinte.focus,.btnpinte:focus {
    box-shadow: rgb(189 8 28 / .5) 0 0 0 0
}

.btnpinte.disabled,.btnpinte:disabled {
    color: #bd081c;
    background-color: #fff0
}

.btnpinte:not(:disabled):not(.disabled).active,.btnpinte:not(:disabled):not(.disabled):active,.show>.btnpinte.btn-dm-toggle {
    color: #fff;
    background-color: #bd081c
}

.btnpinte:not(:disabled):not(.disabled).active:focus,.btnpinte:not(:disabled):not(.disabled):active:focus,.show>.btnpinte.btn-dm-toggle:focus {
    box-shadow: rgb(189 8 28 / .5) 0 0 0 0
}

.btnpinte.selected {
    background-color: #bd081c;
    color: #fff
}

.btnpinte.dropline-cus-before {
    border: .125rem solid #bd081c;
    color: #bd081c!important
}

.btnpinte.dropline-cus-before::after,.btnpinte.dropline-cus-before::before {
    background-color: #bd081c
}

.btn-outline-periscope {
    color: #fff;
    background-color: #3aa4c6;
    background-image: none;
    border-color: #3aa4c6
}

@media (min-width: 768px) {
    .btn-outline-periscope {
        color:#3aa4c6;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnqorra {
    color: #fff;
    background-color: #cf2217;
    background-image: none;
    border-color: #cf2217
}

@media (min-width: 768px) {
    .btnqorra {
        color:#cf2217;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnqorra:hover {
    color: #fff;
    background-color: #cf2217
}

.btnqorra.focus,.btnqorra:focus {
    box-shadow: rgb(207 34 23 / .5) 0 0 0 0
}

.btnqorra.disabled,.btnqorra:disabled {
    color: #cf2217;
    background-color: #fff0
}

.btnqorra:not(:disabled):not(.disabled).active,.btnqorra:not(:disabled):not(.disabled):active,.show>.btnqorra.btn-dm-toggle {
    color: #fff;
    background-color: #cf2217
}

.btnqorra:not(:disabled):not(.disabled).active:focus,.btnqorra:not(:disabled):not(.disabled):active:focus,.show>.btnqorra.btn-dm-toggle:focus {
    box-shadow: rgb(207 34 23 / .5) 0 0 0 0
}

.btnqorra.selected {
    background-color: #cf2217;
    color: #fff
}

.btnqorra.dropline-cus-before {
    border: .125rem solid #cf2217;
    color: #cf2217!important
}

.btnqorra.dropline-cus-before::after,.btnqorra.dropline-cus-before::before {
    background-color: #cf2217
}

.btntgm {
    color: #fff;
    background-color: #2aabee;
    background-image: none;
    border-color: #2aabee
}

@media (min-width: 768px) {
    .btntgm {
        color:#2aabee;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btntgm:hover {
    color: #fff;
    background-color: #2aabee
}

.btntgm.focus,.btntgm:focus {
    box-shadow: rgb(42 171 238 / .5) 0 0 0 0
}

.btntgm.disabled,.btntgm:disabled {
    color: #2aabee;
    background-color: #fff0
}

.btntgm:not(:disabled):not(.disabled).active,.btntgm:not(:disabled):not(.disabled):active,.show>.btntgm.btn-dm-toggle {
    color: #fff;
    background-color: #2aabee
}

.btntgm:not(:disabled):not(.disabled).active:focus,.btntgm:not(:disabled):not(.disabled):active:focus,.show>.btntgm.btn-dm-toggle:focus {
    box-shadow: rgb(42 171 238 / .5) 0 0 0 0
}

.btntgm.selected {
    background-color: #2aabee;
    color: #fff
}

.btntgm.dropline-cus-before {
    border: .125rem solid #2aabee;
    color: #2aabee!important
}

.btntgm.dropline-cus-before::after,.btntgm.dropline-cus-before::before {
    background-color: #2aabee
}

.btnreddi {
    color: #fff;
    background-color: #ff4500;
    background-image: none;
    border-color: #ff4500
}

@media (min-width: 768px) {
    .btnreddi {
        color:#ff4500;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnreddi:hover {
    color: #fff;
    background-color: #ff4500
}

.btnreddi.focus,.btnreddi:focus {
    box-shadow: rgb(255 69 0 / .5) 0 0 0 0
}

.btnreddi.disabled,.btnreddi:disabled {
    color: #ff4500;
    background-color: #fff0
}

.btnreddi:not(:disabled):not(.disabled).active,.btnreddi:not(:disabled):not(.disabled):active,.show>.btnreddi.btn-dm-toggle {
    color: #fff;
    background-color: #ff4500
}

.btnreddi:not(:disabled):not(.disabled).active:focus,.btnreddi:not(:disabled):not(.disabled):active:focus,.show>.btnreddi.btn-dm-toggle:focus {
    box-shadow: rgb(255 69 0 / .5) 0 0 0 0
}

.btnreddi.selected {
    background-color: #ff4500;
    color: #fff
}

.btnreddi.dropline-cus-before {
    border: .125rem solid #ff4500;
    color: #ff4500!important
}

.btnreddi.dropline-cus-before::after,.btnreddi.dropline-cus-before::before {
    background-color: #ff4500
}

.btndisco {
    color: #fff;
    background-color: #738adb;
    background-image: none;
    border-color: #738adb
}

@media (min-width: 768px) {
    .btndisco {
        color:#738adb;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btndisco:hover {
    color: #fff;
    background-color: #738adb
}

.btndisco.focus,.btndisco:focus {
    box-shadow: rgb(115 138 219 / .5) 0 0 0 0
}

.btndisco.disabled,.btndisco:disabled {
    color: #738adb;
    background-color: #fff0
}

.btndisco:not(:disabled):not(.disabled).active,.btndisco:not(:disabled):not(.disabled):active,.show>.btndisco.btn-dm-toggle {
    color: #fff;
    background-color: #738adb
}

.btndisco:not(:disabled):not(.disabled).active:focus,.btndisco:not(:disabled):not(.disabled):active:focus,.show>.btndisco.btn-dm-toggle:focus {
    box-shadow: rgb(115 138 219 / .5) 0 0 0 0
}

.btndisco.selected {
    background-color: #738adb;
    color: #fff
}

.btndisco.dropline-cus-before {
    border: .125rem solid #738adb
}

.btndisco.dropline-cus-before::after,.btndisco.dropline-cus-before::before {
    background-color: #738adb
}

.btnttrds.focus,.btnttrds:focus,.btnttrds:not(:disabled):not(.disabled).active:focus,.btnttrds:not(:disabled):not(.disabled):active:focus,.show>.btnttrds.btn-dm-toggle:focus {
    box-shadow: rgb(13 13 13 / .5) 0 0 0 0
}

.btnttrds.dropline-cus-before::after,.btnttrds.dropline-cus-before::before {
    background-color: #0d0d0d
}

.bmpc .dropline-cus-before {
    padding: 4px 0px!important;
    background-color: #ffffff!important;
    margin-left: -2px!important
}

.bmpc .dropline-cus-before .cbtxt {
    padding-left: 28px;
    font-weight: 500;
    display: block
}

.bmpc .dropline-cus-before::before {
    position: absolute;
    left: -1px;
    content: "";
    display: block;
    border-top-left-radius: 0.3rem!important;
    border-bottom-left-radius: 0.3rem!important;
    height: calc(100% + 2px);
    width: 52px
}

.bmpc .dropline-cus-before::after {
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    left: 40px;
    top: 50%;
    display: block;
    width: 16.4px;
    height: 16.4px;
    border-bottom-left-radius: 16px;
    content: ""!important
}

.bmpc .dropline-cus-before [class^="icon-"]:not(.header-menu-icon) {
    color: #fff;
    margin-left: 8.1px
}

@media (min-width: 768px) {
    .bmpc .dropline-cus-before::before {
        height:100%;
        width: 58px
    }

    .bmpc .dropline-cus-before {
        left: -2.1px;
        padding: 0 18.4px!important
    }

    .bmpc .dropline-cus-before [class^="icon-"]:not(.header-menu-icon) {
        margin-left: -8px
    }

    .bmpc .dropline-cus-before .header-menu-icon {
        margin-right: -14.5px
    }
}

@media (min-width: 1200px) {
    .bmpc .dropline-cus-before {
    }

    .bmpc .dropline-cus-before::before {
        width: 52px;
        height: calc(100% + 2px);
        left: -3px
    }

    .bmpc .dropline-cus-before::after {
        left: 40.2px
    }
}

.btn-block {
    width: 100%;
    display: block
}

.buttons-container,.ppmgp {
    padding: 1.6px
}

.buttons-container .btn-dm-menu,.ppmgp .btn-dm-menu {
    border: none;
    width: calc(-8.2px + 100vw)
}

.buttons-container .btn-dm,.ppmgp .btn-dm {
    width: calc(16.6667% - 4px)
}

.btn-block+.btn-block {
    margin-top: 8.3px
}

input[type="button"].btn-block,input[type="reset"].btn-block,input[type="submit"].btn-block {
    width: 100%
}

@media (max-width: 767.98px) {
    .buttons-container .btn-dm-menu,.ppmgp .btn-dm-menu {
        padding:0
    }

    .buttons-container .bar-sec,.ppmgp .bar-sec {
        position: relative
    }

    .buttons-container .drmb.cussec-drop,.ppmgp .drmb.cussec-drop {
        max-width: 100%;
        position: relative
    }

    .buttons-container .btn-dm,.ppmgp .btn-dm {
        position: static
    }

    .buttons-container .drmb.cussec-drop .btn-dm-submenu,.ppmgp .drmb.cussec-drop .btn-dm-submenu {
        margin: 0;
        left: 0px!important;
        padding: 0px!important
    }
}

@media (min-width: 768px) {
    .buttons-container .btn-dm,.ppmgp .btn-dm {
        border:1px solid #fff0
    }

    .buttons-container .btn-dm-menu,.ppmgp .btn-dm-menu {
        background-color: #fff0;
        width: 320.6px;
        margin: 0px!important
    }
}

@media (min-width: 768px) {
    .drmb[data-status]::after {
        color:#adb5bd;
        border-color: #adb5bd
    }

    .drmb:hover [data-status]::after {
        border-color: #1db954;
        color: #1db954
    }
}

@media (max-width: 991.98px) {
    .buttons-container :not([class*="-gradient"]).selected+.navcoll .cus-ot-sb-me:not(.menu-selected)::before,.buttons-container :not([class*="-gradient"]).dropline-cus-before+.navcoll .cus-ot-sb-me:not(.menu-selected)::before,.ppmgp :not([class*="-gradient"]).selected+.navcoll .cus-ot-sb-me:not(.menu-selected)::before,.ppmgp :not([class*="-gradient"]).dropline-cus-before+.navcoll .cus-ot-sb-me:not(.menu-selected)::before {
        display:none;
        background-color: #ced4da
    }

    .buttons-container :not([class*="-gradient"]).selected+.navcoll .cus-ot-sb-me:not(.menu-selected) .m-txt-service,.buttons-container :not([class*="-gradient"]).dropline-cus-before+.navcoll .cus-ot-sb-me:not(.menu-selected) .m-txt-service,.ppmgp :not([class*="-gradient"]).selected+.navcoll .cus-ot-sb-me:not(.menu-selected) .m-txt-service,.ppmgp :not([class*="-gradient"]).dropline-cus-before+.navcoll .cus-ot-sb-me:not(.menu-selected) .m-txt-service {
        font-weight: 400!important
    }
}

.drmb .m-txt-service[data-status]::after {
    content: attr(data-status);
    border-left: 1px solid;
    margin-left: 8.1px;
    padding-left: 8.3px;
    font-weight: 400;
    font-size: 14.1px
}

.ppmgp {
    flex-wrap: wrap
}

.ppmgp .bar-sec {
    display: block;
    width: 100%;
    border-radius: 16px;
    padding: 8px 16px!important
}

.ppmgp .bar-sec:not(.cus-ot-sb-me) .sub-cus-btn-cus-icon {
    position: relative;
    padding: 0;
    right: 0
}

.ppmgp .bar-sec .content-aline {
    align-items: center
}

.ppmgp .bar-sec.selected::after,.ppmgp .bar-sec.selected::before {
    content: none
}

.ppmgp .bar-sec .sub-cus-btn-cus-icon {
    font-size: 32px
}

.ppmgp .bmpc {
    padding: 16px 16px 0
}

.ppmgp .bmpc:empty {
    padding: 0
}

.ppmgp .cussec-drop {
    width: 100%
}

.ppmgp .icon-question {
    margin: 0
}

.ppmgp .cbtxt {
    display: block
}

.ppmgp .down-gap {
    flex: 1 1 0%;
    text-align: left;
    padding-left: 0
}

@media (max-width: 991.98px) {
    .ppmgp .navcoll {
    }

    .ppmgp .navcoll.mobil-show {
        height: auto;
        opacity: 1;
        display: block;
        visibility: visible
    }
}

@media (min-width: 768px) {
    .ppmgp .bar-sec::after {
        content:none
    }

    .ppmgp .bar-sec .content-aline {
        align-items: center
    }
}

@media (min-width: 992px) {
    .ppmgp .bmpc {
        width:28px;
        padding: 0
    }

    .ppmgp .bmpc:not(:empty) {
        width: 25%;
        margin-top: -10px
    }

    .ppmgp .down-gap {
        flex: 2 1 0%;
        text-align: center;
        white-space: nowrap
    }

    .ppmgp {
        flex-wrap: nowrap
    }

    .ppmgp .howToTooltipBtn,.ppmgp .bmpc {
        flex: 1 1 0%
    }
}

.cbtxt {
    vertical-align: middle
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .125rem
}

.btn-md .icon-item {
    display: block;
    float: left;
    margin-left: 15px;
    margin-right: -9px;
    font-size: 14.5px;
    margin-top: 1px
}

.btn-group-sm>.btn,.btn-sm {
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem;
    border-radius: .2rem
}

.cus-btn-cus {
    border: #fff0
}

.cus-btn-cus span {
    position: relative
}

.cus-btn-cus .sub-cus-btn-cus-icon {
    position: absolute;
    transform: rotate(-90deg);
    right: .5rem
}

@media (max-width: 1199.98px) {
    .cus-btn-cus .sub-cus-btn-cus-icon {
        transition:0.5s
    }

    .cus-btn-cus .sub-cus-btn-cus-icon.down:not(.header-menu-icon) {
        transform: rotate(0deg)
    }
}

.cus-btn-cus .cussec-drop span {
    flex: 1 1 auto
}

.btnig {
    background-image: linear-gradient(to right,#d3046b,#ff0858)!important;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px
}

@media (min-width: 1200px) {
    .btnig.selected::after,.btnig.show::after {
        border-top-color:#fd4929
    }
}

.other-service-btn {
    background-image: linear-gradient(150deg,#295ccf,#3a75fa)!important;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px
}

@media (max-width: 768px) {
    .cus-ot-sb-me::before {
        content:"";
        border-radius: 1rem;
        display: block;
        position: absolute;
        background-color: unset;
        height: calc(100% - 0.75rem);
        transform: translateY(-50%);
        left: calc(var(--sub-level)*var(--sub-level)*1rem);
        top: 50%;
        width: 4px;
        transition: height 0.2s
    }
}

@media (min-width: 1200px) {
    .other-service-btn.selected::after,.other-service-btn.show::after {
        border-top-color:#3a6fe4
    }
}

:root {
    --sub-level: 1
}

.cus-ot-sb-me {
    position: relative;
    color: #000;
    text-align: left;
    background-color: rgb(227 233 255 / .56)
}

.cus-ot-sb-me::before {
    content: "";
    background-color: var(--sub-menu);
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 1rem;
    height: calc(100% - 0.75rem);
    transform: translateY(-50%);
    left: calc(var(--sub-level)*var(--sub-level)*1rem);
    width: 4px;
    transition: height 0.1s
}

.cus-ot-sb-me:hover {
    color: #000000!important
}

.cus-ot-sb-me:hover::before {
    height: calc(100% - 0.75rem)
}

.cus-ot-sb-me.menu-selected::before {
    content: ""!important;
    height: calc(100% - 0.75rem)
}

.modern-top-header {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    border-bottom: 1px solid rgb(255 255 255 / .2);
    padding: .75rem 0;
    font-size: .875rem
}

.modern-top-header .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem
}

.top-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem
}

.top-contact-links {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap
}

.top-contact-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: rgb(255 255 255 / .9);
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500
}

.top-contact-link:hover {
    color: #fff;
    transform: translateY(-1px)
}

.top-contact-link i {
    font-size: .875rem;
    color: #fff
}

.top-support-badge {
    background: rgb(255 255 255 / .2);
    color: #fff;
    padding: .375rem .875rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .8125rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border: 1px solid rgb(255 255 255 / .3)
}

.top-support-badge i {
    font-size: .75rem;
    animation: pulse 2s ease-in-out infinite
}

@keyframes pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.modern-main-header {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    box-shadow: 0 4px 16px rgb(58 117 250 / .3);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease
}

.modern-main-header.scrolled {
    box-shadow: 0 6px 24px rgb(58 117 250 / .4)
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px
}

.header-logo {
    display: flex;
    align-items: center;
    text-decoration: none
}

.header-logo img {
    height: 50px;
    width: auto;
    transition: transform 0.3s ease;
    filter: brightness(0) invert(1)
}

.header-logo:hover img {
    transform: scale(1.05)
}

.header-nav {
    display: flex;
    align-items: center;
    gap: 3rem
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-itema {
    position: relative
}

.nav-link {
    color: rgb(255 255 255 / .9);
    text-decoration: none;
    font-weight: 600;
    font-size: .9375rem;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    gap: .375rem;
    transition: all 0.3s ease;
    position: relative
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease
}

.nav-link:hover {
    color: #fff
}

.nav-link:hover::after {
    width: 100%
}

.nav-itema.active .nav-link {
    color: #fff
}

.nav-itema.active .nav-link::after {
    width: 100%
}

.nav-link i {
    font-size: .875rem
}

.cart-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .75rem 1.5rem;
    background: #fff;
    color: #3a75fa;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: .9375rem;
    box-shadow: 0 4px 12px rgb(255 255 255 / .2);
    transition: all 0.3s ease
}

.cart-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgb(255 255 255 / .3);
    color: #3a75fa
}

.cart-button i {
    font-size: 1.125rem
}

.cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ef4444;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    box-shadow: 0 2px 8px rgb(239 68 68 / .4);
    border: 2px solid #fff
}

.mobile-menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    background: rgb(255 255 255 / .2);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease
}

.mobile-menu-toggle:hover {
    background: rgb(255 255 255 / .3)
}

.mobile-menu-toggle i {
    font-size: 1.25rem;
    color: #fff
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(15 23 42 / .8);
    backdrop-filter: blur(4px);
    z-index: 9998;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease
}

.mobile-menu-overlay.active {
    display: block;
    opacity: 1
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    max-width: 85%;
    height: 100vh;
    background: #fff;
    box-shadow: -4px 0 24px rgb(0 0 0 / .2);
    z-index: 9999;
    overflow-y: auto;
    transition: right 0.4s cubic-bezier(.34,1.56,.64,1)
}

.mobile-menu.active {
    right: 0
}

.mobile-menu-header {
    padding: 1.5rem;
    border-bottom: 2px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)
}

.mobile-menu-logo img {
    height: 40px;
    filter: brightness(0) invert(1)
}

.mobile-menu-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: rgb(255 255 255 / .2);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease
}

.mobile-menu-close:hover {
    background: rgb(255 255 255 / .3);
    transform: rotate(90deg)
}

.mobile-menu-body {
    padding: 1.5rem;
    background: #fff
}

.mobile-nav-section {
    margin-bottom: 2rem
}

.mobile-nav-title {
    font-size: .75rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 1rem
}

.mobile-nav-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.mobile-nav-itema {
    margin-bottom: .5rem
}

.mobile-nav-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .875rem 1rem;
    color: #1e293b;
    text-decoration: none;
    font-weight: 600;
    font-size: .9375rem;
    border-radius: 12px;
    transition: all 0.3s ease
}

.mobile-nav-link:hover {
    background: #f8fafc;
    color: #3a75fa;
    transform: translateX(4px)
}

.mobile-nav-link i {
    font-size: 1rem;
    width: 20px;
    text-align: center;
    color: #64748b
}

.mobile-nav-link:hover i {
    color: #3a75fa
}

.nav-link,.nav-itema {
    padding: 0 .75rem;
    min-width: 2rem;
    transition: .3s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mobile-nav-itema.active .mobile-nav-link {
    background: linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);
    color: #3a75fa
}

.mobile-nav-itema.active .mobile-nav-link i {
    color: #3a75fa
}

@media (min-width: 992px) {
    .nav-itema .nav-link {
        font-family:"open sans",-apple-system,BlinkMacSystemFont,"segoe ui",Roboto,"helvetica neue",Helvetica,Arial,sans-serif,"apple color emoji","segoe ui emoji","segoe ui symbol";
        font-weight: 600;
        font-size: 18px
    }
}

.nav-link,.nav-itema {
    padding: 0 .75rem;
    min-width: 2rem;
    transition: .3s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mobile-contact-card {
    background: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1.5rem
}

.mobile-contact-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
    border-bottom: 1px solid #e2e8f0
}

.mobile-contact-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.mobile-contact-item i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    color: #3a75fa;
    font-size: .875rem
}

.mobile-contact-content {
    flex: 1
}

.mobile-contact-label {
    font-size: .75rem;
    color: #64748b;
    font-weight: 600;
    display: block;
    margin-bottom: .125rem
}

.mobile-contact-value {
    font-size: .875rem;
    color: #1e293b;
    font-weight: 600
}

.mobile-contact-value a {
    color: #1e293b;
    text-decoration: none
}

.mobile-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 1rem;
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    margin-top: 1.5rem;
    box-shadow: 0 4px 12px rgb(58 117 250 / .3);
    transition: all 0.3s ease;
    position: relative
}

.mobile-cart-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgb(58 117 250 / .4);
    color: #fff
}

.mobile-cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ef4444;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    box-shadow: 0 2px 8px rgb(239 68 68 / .4);
    border: 2px solid #fff
}

@media (max-width: 991px) {
    .modern-top-header {
        display:none
    }

    .header-nav {
        display: none
    }

    .mobile-menu-toggle {
        display: flex
    }

    .header-inner {
        height: 70px
    }

    .header-logo img {
        height: 42px
    }
}

@media (max-width: 768px) {
    .top-contact-links {
        gap:1rem;
        font-size: .8125rem
    }

    .top-contact-link span:not(.fa):not(.fas):not(.fab):not(.far) {
        display: none
    }

    .header-inner {
        height: 64px
    }

    .header-logo img {
        height: 38px
    }
}

.cus-ot-sb-me .cbtxt {
    font-weight: 700!important;
    padding-left: calc(var(--sub-level)*var(--sub-level)*1rem)
}

@media (min-width: 768px) {
    .cus-ot-sb-me {
        background-color:#fff0
    }

    .cus-ot-sb-me::before {
        left: .25rem;
        height: 0
    }

    .cus-ot-sb-me .cbtxt {
        padding-left: 0
    }
}

.white-space-normal {
    white-space: normal
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navcoll [class^="icon-"] {
    display: inline;
    float: left;
    font-size: 2rem!important;
    padding: 0 0.25rem!important
}

.navcoll i {
    right: 1rem
}

.navcoll .bar-sec {
    width: 100%;
    display: flex;
    margin: .125rem;
    padding: .5rem 1rem!important
}

.navcoll .bar-sec .cbtxt {
    font-weight: 400;
    font-family: roboto;
    line-height: 1.5;
    white-space: normal;
    display: inline-block;
    margin: auto;
    font-size: 17.15px
}

@media (max-width: 768px) {
    .navcoll .bar-sec .cbtxt {
        font-family:roboto;
        line-height: 2;
        white-space: normal;
        font-size: 17.15px;
        display: inline-block;
        margin: auto;
        font-weight: 500!important
    }
}

.nav-item:last-child {
    margin-left: 1px
}

@media (min-width: 768px) {
    .navcoll .bar-sec .cbtxt {
        font-weight:500!important
    }
}

.navcoll .bar-sec.selected::after,.navcoll .bar-sec.selected::before {
    content: unset
}

.modern-top-header {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    border-bottom: 1px solid rgb(255 255 255 / .2);
    padding: .75rem 0;
    font-size: .875rem
}

.modern-top-header .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem
}

.top-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem
}

.top-contact-links {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap
}

.top-contact-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: rgb(255 255 255 / .9);
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500
}

.top-contact-link:hover {
    color: #fff;
    transform: translateY(-1px)
}

.top-contact-link i {
    font-size: .875rem;
    color: #fff
}

.top-support-badge {
    background: rgb(255 255 255 / .2);
    color: #fff;
    padding: .375rem .875rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .8125rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border: 1px solid rgb(255 255 255 / .3)
}

.top-support-badge i {
    font-size: .75rem;
    animation: pulse 2s ease-in-out infinite
}

@keyframes pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.modern-main-header {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    box-shadow: 0 4px 16px rgb(58 117 250 / .3);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease
}

.modern-main-header.scrolled {
    box-shadow: 0 6px 24px rgb(58 117 250 / .4)
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px
}

.header-logo {
    display: flex;
    align-items: center;
    text-decoration: none
}

.header-logo img {
    height: 50px;
    width: auto;
    transition: transform 0.3s ease;
    filter: brightness(0) invert(1)
}

.header-logo:hover img {
    transform: scale(1.05)
}

.header-nav {
    display: flex;
    align-items: center;
    gap: 3rem
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-item {
    position: relative
}

.nav-link {
    color: rgb(255 255 255 / .9);
    text-decoration: none;
    font-weight: 600;
    font-size: .9375rem;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    gap: .375rem;
    transition: all 0.3s ease;
    position: relative
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease
}

.nav-link:hover {
    color: #fff
}

.nav-link:hover::after {
    width: 100%
}

.nav-item.active .nav-link {
    color: #fff
}

.nav-item.active .nav-link::after {
    width: 100%
}

.nav-link i {
    font-size: .875rem
}

.cart-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .75rem 1.5rem;
    background: #fff;
    color: #3a75fa;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: .9375rem;
    box-shadow: 0 4px 12px rgb(255 255 255 / .2);
    transition: all 0.3s ease
}

.cart-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgb(255 255 255 / .3);
    color: #3a75fa
}

.cart-button i {
    font-size: 1.125rem
}

.cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ef4444;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    box-shadow: 0 2px 8px rgb(239 68 68 / .4);
    border: 2px solid #fff
}

.mobile-menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    background: rgb(255 255 255 / .2);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease
}

.mobile-menu-toggle:hover {
    background: rgb(255 255 255 / .3)
}

.mobile-menu-toggle i {
    font-size: 1.25rem;
    color: #fff
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(15 23 42 / .8);
    backdrop-filter: blur(4px);
    z-index: 9998;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease
}

.mobile-menu-overlay.active {
    display: block;
    opacity: 1
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    max-width: 85%;
    height: 100vh;
    background: #fff;
    box-shadow: -4px 0 24px rgb(0 0 0 / .2);
    z-index: 9999;
    overflow-y: auto;
    transition: right 0.4s cubic-bezier(.34,1.56,.64,1)
}

.mobile-menu.active {
    right: 0
}

.mobile-menu-header {
    padding: .5rem;
    border-bottom: 2px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)
}

.mobile-menu-logo img {
    height: 100%;
    filter: brightness(0) invert(1)
}

.mobile-menu-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: rgb(255 255 255 / .2);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease
}

.mobile-menu-close:hover {
    background: rgb(255 255 255 / .3);
    transform: rotate(90deg)
}

.mobile-menu-body {
    padding: 1.5rem;
    background: #fff;
    margin-bottom: 80px
}

.mobile-nav-section {
    margin-bottom: 2rem
}

.mobile-nav-title {
    font-size: .75rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 1rem
}

.mobile-nav-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.mobile-nav-item {
    margin-bottom: .5rem
}

.mobile-nav-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .875rem 1rem;
    color: #1e293b;
    text-decoration: none;
    font-weight: 600;
    font-size: .9375rem;
    border-radius: 12px;
    transition: all 0.3s ease
}

.mobile-nav-link:hover {
    background: #f8fafc;
    color: #3a75fa;
    transform: translateX(4px)
}

.mobile-nav-link i {
    font-size: 1rem;
    width: 20px;
    text-align: center;
    color: #64748b
}

.mobile-nav-link:hover i {
    color: #3a75fa
}

.mobile-nav-item.active .mobile-nav-link {
    background: linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);
    color: #3a75fa
}

.mobile-nav-item.active .mobile-nav-link i {
    color: #3a75fa
}

.mobile-contact-card {
    background: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1.5rem
}

.mobile-contact-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
    border-bottom: 1px solid #e2e8f0
}

.mobile-contact-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.mobile-contact-item i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    color: #3a75fa;
    font-size: .875rem
}

.mobile-contact-content {
    flex: 1
}

.mobile-contact-label {
    font-size: .75rem;
    color: #64748b;
    font-weight: 600;
    display: block;
    margin-bottom: .125rem
}

.mobile-contact-value {
    font-size: .875rem;
    color: #1e293b;
    font-weight: 600
}

.mobile-contact-value a {
    color: #1e293b;
    text-decoration: none
}

.mobile-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 1rem;
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    margin-top: 1.5rem;
    box-shadow: 0 4px 12px rgb(58 117 250 / .3);
    transition: all 0.3s ease;
    position: relative
}

.mobile-cart-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgb(58 117 250 / .4);
    color: #fff
}

.mobile-cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ef4444;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    box-shadow: 0 2px 8px rgb(239 68 68 / .4);
    border: 2px solid #fff
}

@media (max-width: 991px) {
    .modern-top-header {
        display:none
    }

    .header-nav {
        display: none
    }

    .mobile-menu-toggle {
        display: flex
    }

    .header-inner {
        height: 70px
    }
}

@media (max-width: 768px) {
    .top-contact-links {
        gap:1rem;
        font-size: .8125rem
    }

    .top-contact-link span:not(.fa):not(.fas):not(.fab):not(.far) {
        display: none
    }

    .header-inner {
        height: 64px
    }

    .header-logo img {
        height: 70px
    }
}

.navcoll .cus-mpb {
    flex-flow: column wrap;
    border-radius: 3px;
    display: flex!important
}

@media (min-width: 768px) {
    .navcoll {
        position:absolute;
        width: 320px;
        z-index: 9999
    }

    .navcoll.btn-dm-menu .cus-btn::before {
        content: "";
        display: block;
        position: absolute;
        background-color: #fff;
        width: 16px;
        height: 16px;
        left: 35%;
        transform: rotate(-45deg) translateX(-50%);
        transform-origin: left center;
        top: 8px
    }

    .navcoll.btn-dm-submenu {
        left: 100%;
        top: 160%;
        transform: translateY(-50%)
    }

    .navcoll.btn-dm-submenu .cus-btn::before {
        content: none!important
    }

    .navcoll.btn-dm-menu .cus-mpb.cus-btn.cus::before {
        content: "";
        width: 16px;
        height: 16px;
        left: 50%;
        transform: rotate(-45deg) translateX(-50%);
        transform-origin: left center;
        display: block;
        position: absolute;
        background-color: #fff;
        top: 8px
    }

    .navcoll.more-collapse .prices-nav {
        width: 320px;
        float: right
    }

    .navcoll .bar-sec {
        padding: 20px 0 20px 40px
    }

    .navcoll.btn-dm-menu.leftshow .cus-btn::before {
        left: 50%
    }

    .navcoll .cus-mpb {
        box-shadow: rgb(0 0 0 / .18) 0 0 3rem 5px;
        display: block;
        margin-bottom: 5px;
        background-color: #fff;
        margin-top: 8px;
        padding: 8px
    }

    .navcoll.btn-dm-menu.rightshow .cus-btn::before {
        left: auto;
        right: 45%
    }

    .navcoll.more-collapse {
        width: 100%
    }

    .navcoll.more-collapse::before {
        left: auto;
        right: 31.5%
    }

    .navcoll.btn-dm-menu.bottomOut .cus-btn::before {
        bottom: 8px;
        top: auto
    }
}

a[disabled] {
    pointer-events: none
}

.btn-dm-submenu a::after {
    right: 6px;
    transform: rotate(-90deg);
    position: absolute;
    top: .8em
}

.btn-dm-submenu .main-buttons,.btn-dm-submenu .cus-mpb {
    top: 0;
    left: 100%
}

.btn-dm-submenu .cus-mpb {
    margin: 0
}

@media (min-width: 992px) {
    .btn-dm-submenu {
        background-color:#fff0;
        margin-top: 0;
        position: absolute;
        padding-top: 0
    }

    .btn-dm-submenu .main-buttons,.btn-dm-submenu .cus-mpb {
        margin-left: .1rem;
        margin-right: .1rem
    }
}

.navcoll {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.1s ease-in-out,visibility 0.1s ease-in-out
}

.navcoll:not(.show) {
    opacity: 0;
    visibility: hidden
}

.navcoll:hover {
    height: auto;
    opacity: 1;
    visibility: visible
}

@media (max-width: 767.98px) {
    .navcoll {
        top:0;
        left: 0;
        position: relative;
        height: auto;
        transform: none!important
    }

    .navcoll:not(.show) {
        height: 0
    }

    .navcoll.btn-dm-menu,.navcoll.btn-dm-submenu {
        height: 0;
        overflow: hidden;
        display: block;
        padding-bottom: 0px!important
    }
}

.cus-mpb .cussec-drop .bar-sec {
    flex: 1 1 0%;
    flex-direction: column
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(0 0 0 / .125);
    border-radius: .25rem
}

.offer-main {
    flex: 1 1 auto;
    padding: 1.25rem
}

.text-black {
    color: #000000!important
}

.card-router {
    text-align: center;
    color: #6c757d
}

.flex-wrap {
    flex-wrap: wrap
}

.content-aline {
    display: flex;
    justify-content: center
}

.text-white {
    color: #ffffff!important
}

.service-features [class*=" icon-"],.service-features [class^="icon-"] {
    color: #125288;
    font-size: 3.5rem
}

.service-features .feature-container {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.service-features .service-feature {
    border-color: #fff #fff #eaeef4 #eaeef4;
    border-style: solid;
    border-width: 1px;
    padding: 1rem;
    float: left;
    color: #212530
}

.service-features .service-feature[href]:hover {
    border-color: #e2e7ed;
    background-color: #f4f5f8;
    color: #212530
}

.service-features .h3 {
    width: calc(100% - 4.5rem);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    float: left;
    text-transform: uppercase
}

.service-features p {
    padding: 0 0 0 4.375rem;
    margin: 0;
    font-size: .95rem;
    line-height: 1.5;
    font-family: Roboto
}

.service-features span {
    float: left;
    margin: .5rem 1rem .25rem 0
}

@media (min-width: 768px) {
    .service-features .service-feature {
        width:calc(100% - 1rem)
    }
}

.page .alert {
    margin-bottom: 1rem
}

.page iframe {
    max-width: 100%;
    max-height: 70vw
}

@media (min-width: 992px) {
    .page {
        padding-bottom:0rem
    }
}

.product-form .alert {
    margin-bottom: 0;
    margin-top: .25rem
}

.article-container {
    margin-top: 2rem
}

@media (max-width: 991.98px) {
    .pgpz .h1,.pgpz .h2,.pgpz .h3,.pgpz .h4,.pgpz .h5,.pgpz .h6,.pgpz h1,.pgpz h2,.pgpz h3,.pgpz h4,.pgpz h5,.pgpz h6 {
        font-size:1.25rem
    }
}

.price-tag {
    text-align: center;
    background-color: #e6e7e9;
    padding: 2rem 1.5rem;
    border-radius: .25rem;
    height: 6rem
}

.price-tag .price-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1
}

.price-tag .price-text {
    font-size: 1.25rem;
    opacity: .8
}

.newpriclass.receprice {
    position: relative;
    color: #000;
    opacity: .8
}

.newpriclass.receprice .price-title {
    font-size: 1.125rem
}

.newpriclass.receprice .price-text {
    font-size: 1rem
}

.newpriclass.receprice::before {
    content: "";
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 2px;
    opacity: .8;
    transform: translateY(-50%) rotate(-20deg);
    top: 50%
}

.btn-circle {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

.step-content {
    margin: 1rem 0
}

@media (min-width: 768px) {
    .step-content {
        margin:3rem 0
    }
}

.step-content .step-btn {
    align-items: center;
    margin-bottom: 1.5rem
}

.nav-bar-nav {
    align-items: center
}

.card-totals,.nav-bar-nav {
    display: flex
}

@media (min-width: 992px) {
    .main-menu {
        margin:8rem auto 1rem;
        border: 0
    }

    .main-menu .nav-item1 {
        border: 0
    }

    .main-menu a {
        font-size: 1.1rem;
        font-weight: 500;
        margin: .125rem;
        width: auto
    }
}

@media (min-width: 1300px) {
    .main-menu {
        margin:3.25rem 0 3.25rem auto
    }
}

.btniglike {
    color: #fff;
    background-color: #ff003b;
    background-image: none;
    border-color: #ff003b
}

@media (min-width: 768px) {
    .btniglike {
        color:#ff003b;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btniglike:hover {
    color: #fff;
    background: linear-gradient(45deg,#ff003b,#ff4f57)
}

.btniglike.focus,.btniglike:focus {
    box-shadow: rgb(208 69 69 / .5) 0 0 0 0
}

.btniglike.disabled,.btniglike:disabled {
    color: #d04545;
    background-color: #fff0
}

.btniglike:not(:disabled):not(.disabled).active,.btniglike:not(:disabled):not(.disabled):active,.show>.btniglike.btn-dm-toggle {
    color: #fff;
    background: linear-gradient(45deg,#ff003b,#ff4f57)
}

.btniglike:not(:disabled):not(.disabled).active:focus,.btniglike:not(:disabled):not(.disabled):active:focus,.show>.btniglike.btn-dm-toggle:focus {
    box-shadow: rgb(208 69 69 / .5) 0 0 0 0
}

.btniglike.selected {
    background-color: #ff003b;
    color: #fff
}

.down-gap {
    padding: 1.25rem .75rem .25rem;
    text-align: center
}

@media (min-width: 992px) {
    .down-gap {
        padding:2rem .75rem .75rem
    }
}

.sub-headline {
    padding: 1.25rem .5rem .25rem;
    text-align: center
}

@media (min-width: 992px) {
    .sub-headline {
        padding:1.5rem .5rem .5rem
    }
}

select.form-control:disabled,select.form-control:disabled:active,select.form-control:disabled:focus,select.form-control:disabled:hover {
    background: none calc(100% - 14px) 14px no-repeat #e9ecef
}

.down-gap {
    padding: 20px 12px 6px;
    text-align: center
}

@media (min-width: 992px) {
    .down-gap {
        padding:32px 12px 12px
    }
}

.sub-headline {
    padding: 20px 8px 6px;
    text-align: center
}

@media (min-width: 992px) {
    .sub-headline {
        padding:24px 8px 8px
    }
}

.cus-mpb {
    display: flex;
    width: 100%
}

.cus-mpb .bar-sec {
    padding: 8px 0
}

@media (min-width: 414px) {
    .cus-mpb {
        display:flex;
        table-layout: fixed;
        border-spacing: 3px 2px;
        border-collapse: separate;
        padding: 0rem;
        border-radius: 10px
    }

    .cus-mpb .bar-sec {
        padding: 8px 18px
    }
}

.bar-sec [class^="icon-"] {
    padding: 8px 4px;
    display: block;
    font-size: 24px;
    vertical-align: middle
}

.bar-sec .cbtxt {
    display: none;
    width: 100%;
    letter-spacing: .01px;
    font-family: roboto;
    font-size: 17.5px
}

@media (min-width: 576px) {
    .bar-sec [class^="icon-"] {
        font-size:32px
    }
}

@media (min-width: 1200px) {
    .bar-sec {
        margin:0;
        position: relative;
        width: auto
    }

    .bar-sec .cbtxt {
        display: table-cell
    }

    .bar-sec [class^="icon-"] {
        display: table-cell;
        padding: 0;
        font-size: 28px
    }
}

.menu-head-container .down-gap {
    padding-left: 0;
    flex: 1 1 0%;
    text-align: left
}

.selected::after,.selected::before {
    background-color: #fff;
    content: "";
    position: absolute;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .selected::after,.selected::before {
        transition: none
    }
}

.btndisco {
    color: #ffffff!important;
    background-color: #738adb!important;
    background-image: none!important;
    border-color: #738adb!important
}

@media (min-width: 768px) {
    .btndisco {
        color:#738adb!important;
        background-color: transparent!important;
        border-color: transparent!important
    }
}

.btndisco:hover {
    color: #ffffff!important;
    background-color: #738adb!important
}

.btndisco.focus,.btndisco:focus {
    box-shadow: rgb(115 138 219 / .53) 0 0 0 0px!important
}

.btndisco.disabled,.btndisco:disabled {
    color: #738adb!important;
    background-color: transparent!important
}

.btndisco:not(:disabled):not(.disabled).active,.btndisco:not(:disabled):not(.disabled):active,.show>.btndisco.btn-dm-toggle {
    color: #ffffff!important;
    background-color: #738adb!important
}

.btndisco:not(:disabled):not(.disabled).active:focus,.btndisco:not(:disabled):not(.disabled):active:focus,.show>.btndisco.btn-dm-toggle:focus {
    box-shadow: rgb(115 138 219 / .53) 0 0 0 0px!important
}

.btndisco.selected {
    background-color: #738adb!important;
    color: #ffffff!important
}

.btndisco.dropline-cus-before {
    border: .125rem solid #738adb!important;
    color: #738adb!important
}

.btndisco.dropline-cus-before::after,.btndisco.dropline-cus-before::before {
    background-color: #738adb!important
}

.btnttrds {
    color: #fff;
    background-color: #0d0d0d;
    background-image: none;
    border-color: #0d0d0d
}

@media (min-width: 768px) {
    .btnttrds {
        color:#0d0d0d;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnttrds:hover {
    color: #fff;
    background-color: #0d0d0d
}

.btnttrds.focus,.btnttrds:focus {
    box-shadow: rgb(0 0 0 / .53) 0 0 0 0
}

.btnttrds.disabled,.btnttrds:disabled {
    color: #0d0d0d;
    background-color: #fff0
}

.btnttrds:not(:disabled):not(.disabled).active,.btnttrds:not(:disabled):not(.disabled):active,.show>.btnttrds.btn-dm-toggle {
    color: #fff;
    background-color: #0d0d0d
}

.btnttrds:not(:disabled):not(.disabled).active:focus,.btnttrds:not(:disabled):not(.disabled):active:focus,.show>.btnttrds.btn-dm-toggle:focus {
    box-shadow: rgb(0 0 0 / .53) 0 0 0 0
}

.btnttrds.selected {
    background-color: #0d0d0d;
    color: #fff
}

.btnttrds.dropline-cus-before {
    border: .125rem solid #0d0d0d;
    color: #0d0d0d!important
}

.btnttrds.dropline-cus-before::after,.btnttrds.dropline-cus-before::before {
    background-color: #0d0d0d
}

.btn-discord {
    background-color: #738adb!important;
    color: #ffffff!important
}

.btn-discord:hover {
    background-color: #6479c2!important;
    color: #fff
}

.btn-discord-bg-color {
    background-color: #738adb!important
}

.btn-discord .cbtxt {
    color: #ffffff!important
}

.btn-threads,.btn-threads:hover {
    background-color: #0d0d0d;
    color: #fff
}

.btn-threads-bg-color {
    background-color: #0d0d0d
}

.btn-threads .cbtxt,.icon-threads:hover {
    color: #fff
}

@media screen and (min-width: 999px) and (max-width:1197px) {
    .w-701 {
        display:none;
        width: 100%;
        max-width: 70%;
        padding: 0 1rem;
        margin-top: -429px;
        margin-left: 290px
    }

    .poster701 {
        width: 100%;
        margin: 15px 20px 10px -22px;
        display: flex;
        align-items: flex-start;
        place-content: flex-start space-evenly;
        flex-flow: row-reverse;
        padding-bottom: 0;
        padding-right: 10px;
        border-radius: 44px;
        border: 1px solid rgb(8 15 97 / .23)!important
    }

    .text-info.special {
        margin-top: 20px;
        margin-left: 20px
    }

    .img_fluid.special {
        max-width: 45%;
        margin-top: 24.5px;
        padding-right: 1px;
        margin-left: 60px;
        border-radius: 44px;
        display: math
    }
}

@media screen and (min-width: 999px) and (max-width:1197px) {
    .w-701 {
        display:none;
        width: 100%;
        max-width: 70%;
        padding: 0 1rem;
        margin-top: -429px;
        margin-left: 290px
    }

    .poster701 {
        width: 100%;
        margin: 15px 20px 10px -22px;
        display: flex;
        align-items: flex-start;
        place-content: flex-start space-evenly;
        flex-flow: row-reverse;
        padding-bottom: 0;
        padding-right: 10px;
        border-radius: 44px;
        border: 1px solid rgb(8 15 97 / .23)!important
    }

    .text-info.special.instagram {
        margin-top: 20px;
        margin-left: 20px
    }

    .img_fluid.special.instagram {
        max-width: max-content;
        margin-top: 22.5px;
        margin-bottom: 57.5px;
        padding-right: 30px;
        padding-top: 20px;
        margin-left: 0;
        border-radius: 44px
    }

    .img_fluid.special {
        max-width: max-content;
        margin-top: 22.5px;
        margin-bottom: 57.5px;
        padding-right: 30px;
        padding-top: 20px;
        margin-left: 0;
        border-radius: 44px
    }
}

.btnttok {
    color: #fff;
    border-color: #000;
    background-color: #353232
}

.btnfb {
    color: #fff;
    border-color: #3b5998;
    background-color: #5774d9
}

.btntwer {
    color: #fff;
    border-color: #1da1f2;
    background-color: rgb(27 29 30 / .89)
}

.btn-outline-follower:hover {
    color: #fff;
    background: #ff00b1
}

.btn-outline-follower.focus,.btn-outline-follower:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower.disabled,.btn-outline-follower:disabled {
    color: #ff007f;
    background-color: #fff0
}

.btn-outline-follower:not(:disabled):not(.disabled).active,.btn-outline-follower:not(:disabled):not(.disabled):active,.show>.btn-outline-follower.btn-dm-toggle {
    color: #fff;
    background-color: #ff007f
}

.btn-outline-follower:not(:disabled):not(.disabled).active:focus,.btn-outline-follower:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower.selected {
    background-color: #ff007f;
    color: #fff
}

.btn-outline-follower.dropline-cus-before {
    border: .125rem solid #ff007f;
    color: #ff007f!important
}

.btn-outline-follower.dropline-cus-before::after,.btn-outline-follower.dropline-cus-before::before {
    background-color: #ff007f
}

@media only screen and (max-width: 768px) {
    .bmpc .dropline-cus-before+.btn-dm-menu {
        width:100%!important
    }
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:3px 35px 35px
    }
}

@media only screen and (min-device-width: 428px) and (max-device-width:926px) {
    section.package-content .pk-lists .item {
        padding:3px 55px 35px
    }
}

@media only screen and (min-device-width: 390px) and (max-device-width:844px) {
    section.package-content .pk-lists .item {
        padding:3px 52px 35px
    }
}

@media only screen and (max-width: 767px) {
    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position:absolute;
        font-family: FontAwesome;
        font-size: 30px;
        background: #32a852;
        width: 35px;
        text-align: center;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        color: #fff;
        margin-top: -40px
    }
}

.btn-outline-follower1:hover {
    color: #fff;
    background: #ff003b
}

.btn-outline-follower1.focus,.btn-outline-follower1:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower1.disabled,.btn-outline-follower1:disabled {
    color: #ff003b;
    background-color: #fff0
}

.btn-outline-follower1:not(:disabled):not(.disabled).active,.btn-outline-follower1:not(:disabled):not(.disabled):active,.show>.btn-outline-follower1.btn-dm-toggle {
    color: #fff;
    background-color: #ff003b
}

.btn-outline-follower:not(:disabled):not(.disabled).active:focus,.btn-outline-follower1:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower1.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower1.selected {
    background-color: #ff003b;
    color: #fff
}

.btn-outline-follower1.dropline-cus-before {
    border: .125rem solid #ff003b;
    color: #ff003b!important
}

.btn-outline-follower1.dropline-cus-before::after,.btn-outline-follower1.dropline-cus-before::before {
    background-color: #ff003b
}

@media only screen and (max-width: 768px) {
    .bmpc .dropline-cus-before+.btn-dm-menu {
        width:100%!important
    }
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:3px 35px 35px
    }
}

@media only screen and (min-device-width: 428px) and (max-device-width:926px) {
    section.package-content .pk-lists .item {
        padding:3px 55px 35px
    }
}

@media only screen and (min-device-width: 390px) and (max-device-width:844px) {
    section.package-content .pk-lists .item {
        padding:3px 52px 35px
    }
}

@media only screen and (max-width: 767px) {
    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position:absolute;
        font-family: FontAwesome;
        font-size: 30px;
        background: #32a852;
        width: 35px;
        text-align: center;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        color: #fff;
        margin-top: -40px
    }
}

.btn-outline-follower2:hover {
    color: #fff;
    background: #7b2cbf
}

.btn-outline-follower2.focus,.btn-outline-follower2:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower2.disabled,.btn-outline-follower2:disabled {
    color: #7b2cbf;
    background-color: #fff0
}

.btn-outline-follower2:not(:disabled):not(.disabled).active,.btn-outline-follower2:not(:disabled):not(.disabled):active,.show>.btn-outline-follower2.btn-dm-toggle {
    color: #fff;
    background-color: #7b2cbf
}

.btn-outline-follower2:not(:disabled):not(.disabled).active:focus,.btn-outline-follower2:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower2.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower2.selected {
    background-color: #7b2cbf;
    color: #fff
}

.btn-outline-follower2.dropline-cus-before {
    border: .125rem solid #7b2cbf;
    color: #7b2cbf!important
}

.btn-outline-follower2.dropline-cus-before::after,.btn-outline-follower2.dropline-cus-before::before {
    background-color: #7b2cbf
}

@media only screen and (max-width: 768px) {
    .bmpc .dropline-cus-before+.btn-dm-menu {
        width:100%!important
    }
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:3px 35px 35px
    }
}

@media only screen and (min-device-width: 428px) and (max-device-width:926px) {
    section.package-content .pk-lists .item {
        padding:3px 55px 35px
    }
}

@media only screen and (min-device-width: 390px) and (max-device-width:844px) {
    section.package-content .pk-lists .item {
        padding:3px 52px 35px
    }
}

@media only screen and (max-width: 767px) {
    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position:absolute;
        font-family: FontAwesome;
        font-size: 30px;
        background: #32a852;
        width: 35px;
        text-align: center;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        color: #fff;
        margin-top: -40px
    }
}

.btn-outline-follower4:not(:disabled):not(.disabled).active,.btn-outline-follower4:not(:disabled):not(.disabled):active,.show>.btn-outline-follower4.btn-dm-toggle {
    color: #fff;
    background-color: red
}

.btn-outline-follower4:not(:disabled):not(.disabled).active:focus,.btn-outline-follower4:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower4.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower4.selected {
    background-color: red;
    color: #fff
}

.btn-outline-follower4.dropline-cus-before {
    border: .125rem solid red;
    color: #ff0000!important
}

.btn-outline-follower4:hover {
    color: #fff;
    background: red
}

.btn-outline-follower4.focus,.btn-outline-follower4:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower4.disabled,.btn-outline-follower4:disabled {
    color: red;
    background-color: #fff0
}

.btn-outline-follower4.dropline-cus-before::after,.btn-outline-follower4.dropline-cus-before::before {
    background-color: red
}

@media only screen and (max-width: 768px) {
    .bmpc .dropline-cus-before+.btn-dm-menu {
        width:100%!important
    }
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:3px 35px 35px
    }
}

@media only screen and (min-device-width: 428px) and (max-device-width:926px) {
    section.package-content .pk-lists .item {
        padding:3px 55px 35px
    }
}

@media (max-width: 768px) {
    .page {
        margin-top:12px
    }
}

.btn-outline-follower8:hover {
    color: #fff;
    background: #1d4e89
}

.btn-outline-follower8.focus,.btn-outline-follower8:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower8.disabled,.btn-outline-follower8:disabled {
    color: #1d4e89;
    background-color: #fff0
}

@media only screen and (min-device-width: 390px) and (max-device-width:844px) {
    section.package-content .pk-lists .item {
        padding:3px 52px 35px
    }
}

@media only screen and (max-width: 767px) {
    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position:absolute;
        font-family: FontAwesome;
        font-size: 30px;
        background: #32a852;
        width: 35px;
        text-align: center;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        color: #fff;
        margin-top: -40px
    }
}

dynamicfontsize {
    font-size: 16px;
    margin-top: -70px;
    padding-bottom: 10px
}

@media (max-width: 768px) {
    #dynamicFontSize {
        font-size:16px;
        margin-top: -1px;
        padding-bottom: 0px!important
    }
}

@media (max-width: 768px) {
    #cartForm {
        margin-top:-50px
    }
}

@media (max-width: 768px) {
    .ppmgp .bmpc {
        padding:1rem 1rem 0;
        margin-top: 0;
        margin-bottom: -30px
    }
}

@media only screen and (max-width: 768px) {
    .select-package {
        text-align:center;
        margin-top: -50px;
        margin-bottom: -38px
    }
}

.btn-outline-follower8:not(:disabled):not(.disabled).active,.btn-outline-follower8:not(:disabled):not(.disabled):active,.show>.btn-outline-follower4.btn-dm-toggle {
    color: #fff;
    background-color: #1d4e89
}

.btn-outline-follower8:not(:disabled):not(.disabled).active:focus,.btn-outline-follower8:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower4.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower8.selected {
    background-color: #1d4e89;
    color: #fff
}

.btn-outline-follower8.dropline-cus-before {
    border: .125rem solid #1d4e89;
    color: #1d4e89!important
}

.btn-outline-follower8.dropline-cus-before::after,.btn-outline-follower8.dropline-cus-before::before {
    background-color: #1d4e89
}

.btn-outline-follower9:hover {
    color: #fff;
    background: #e76f51
}

.btn-outline-follower9.focus,.btn-outline-follower9:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower9.disabled,.btn-outline-follower9:disabled {
    color: #e76f51;
    background-color: #fff0
}

.btn-outline-follower9:not(:disabled):not(.disabled).active,.btn-outline-follower9:not(:disabled):not(.disabled):active,.show>.btn-outline-follower9.btn-dm-toggle {
    color: #fff;
    background-color: #e76f51
}

.btn-outline-follower9:not(:disabled):not(.disabled).active:focus,.btn-outline-follower9:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower9.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower9.selected {
    background-color: #e76f51;
    color: #fff
}

.btn-outline-follower9.dropline-cus-before {
    border: .125rem solid #e76f51;
    color: #e76f51!important
}

.btn-outline-follower9.dropline-cus-before::after,.btn-outline-follower9.dropline-cus-before::before {
    background-color: #e76f51
}

.btn-outline-follower10:hover {
    color: #fff;
    background: #1b1427
}

.btn-outline-follower10.focus,.btn-outline-follower10:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower10.disabled,.btn-outline-follower10:disabled {
    color: #1b1427;
    background-color: #fff0
}

.btn-outline-follower10:not(:disabled):not(.disabled).active,.btn-outline-follower10:not(:disabled):not(.disabled):active,.show>.btn-outline-follower10.btn-dm-toggle {
    color: #fff;
    background-color: #1b1427
}

.btn-outline-follower10:not(:disabled):not(.disabled).active:focus,.btn-outline-follower10:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower10.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower10.selected {
    background-color: #1b1427;
    color: #fff
}

.btn-outline-follower10.dropline-cus-before {
    border: .125rem solid #1b1427;
    color: #1b1427!important
}

.btn-outline-follower10.dropline-cus-before::after,.btn-outline-follower10.dropline-cus-before::before {
    background-color: #1b1427
}

.btn-outline-follower11:hover {
    color: #fff;
    background: #395693
}

.btn-outline-follower11.focus,.btn-outline-follower11:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower11.disabled,.btn-outline-follower11:disabled {
    color: #395693;
    background-color: #fff0
}

.btn-outline-follower11:not(:disabled):not(.disabled).active,.btn-outline-follower11:not(:disabled):not(.disabled):active,.show>.btn-outline-follower11.btn-dm-toggle {
    color: #fff;
    background-color: #395693
}

.btn-outline-follower11:not(:disabled):not(.disabled).active:focus,.btn-outline-follower11:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower11.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower11.selected {
    background-color: #395693;
    color: #fff
}

.btn-outline-follower11.dropline-cus-before {
    border: .125rem solid #395693;
    color: #395693!important
}

.btn-outline-follower11.dropline-cus-before::after,.btn-outline-follower11.dropline-cus-before::before {
    background-color: #395693
}

.btn-outline-follower12:hover {
    color: #fff;
    background: #101010
}

.btn-outline-follower12.focus,.btn-outline-follower12:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower12.disabled,.btn-outline-follower12:disabled {
    color: #101010;
    background-color: #fff0
}

.btn-outline-follower12:not(:disabled):not(.disabled).active,.btn-outline-follower12:not(:disabled):not(.disabled):active,.show>.btn-outline-follower12.btn-dm-toggle {
    color: #fff;
    background-color: #101010
}

.btn-outline-follower12:not(:disabled):not(.disabled).active:focus,.btn-outline-follower12:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower12.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower12.selected {
    background-color: #101010;
    color: #fff
}

.btn-outline-follower12.dropline-cus-before {
    border: .125rem solid #101010;
    color: #101010!important
}

.btn-outline-follower12.dropline-cus-before::after,.btn-outline-follower12.dropline-cus-before::before {
    background-color: #101010
}

.btn-outline-follower13:hover {
    color: #fff;
    background: #f28a30
}

.btn-outline-follower13.focus,.btn-outline-follower13:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower13.disabled,.btn-outline-follower13:disabled {
    color: #f28a30;
    background-color: #fff0
}

.btn-outline-follower13:not(:disabled):not(.disabled).active,.btn-outline-follower13:not(:disabled):not(.disabled):active,.show>.btn-outline-follower13.btn-dm-toggle {
    color: #fff;
    background-color: #f28a30
}

.btn-outline-follower13:not(:disabled):not(.disabled).active:focus,.btn-outline-follower13:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower13.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower13.selected {
    background-color: #f28a30;
    color: #fff
}

.btn-outline-follower13.dropline-cus-before {
    border: .125rem solid #f28a30;
    color: #f28a30!important
}

.btn-outline-follower13.dropline-cus-before::after,.btn-outline-follower13.dropline-cus-before::before {
    background-color: #f28a30
}

.btn-outline-follower15:hover {
    color: #fff;
    background: #0077b5
}

.btn-outline-follower15.focus,.btn-outline-follower15:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower15.disabled,.btn-outline-follower15:disabled {
    color: #0077b5;
    background-color: #fff0
}

.btn-outline-follower15:not(:disabled):not(.disabled).active,.btn-outline-follower15:not(:disabled):not(.disabled):active,.show>.btn-outline-follower15.btn-dm-toggle {
    color: #fff;
    background-color: #0077b5
}

.btn-outline-follower15:not(:disabled):not(.disabled).active:focus,.btn-outline-follower15:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower15.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower15.selected {
    background-color: #0077b5;
    color: #fff
}

.btn-outline-follower15.dropline-cus-before {
    border: .125rem solid #0077b5;
    color: #0077b5!important
}

.btn-outline-follower15.dropline-cus-before::after,.btn-outline-follower15.dropline-cus-before::before {
    background-color: #0077b5
}

.btn-outline-follower20:hover {
    color: #fff;
    background: #0f7bce
}

.btn-outline-follower20.focus,.btn-outline-follower20:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower20.disabled,.btn-outline-follower20:disabled {
    color: #0f7bce;
    background-color: #fff0
}

.btn-outline-follower20:not(:disabled):not(.disabled).active,.btn-outline-follower20:not(:disabled):not(.disabled):active,.show>.btn-outline-follower20.btn-dm-toggle {
    color: #fff;
    background-color: #0f7bce
}

.btn-outline-follower20:not(:disabled):not(.disabled).active:focus,.btn-outline-follower20:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower20.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower20.selected {
    background-color: #0f7bce;
    color: #fff
}

.btn-outline-follower20.dropline-cus-before {
    border: .125rem solid #0f7bce;
    color: #0f7bce!important
}

.btn-outline-follower20.dropline-cus-before::after,.btn-outline-follower20.dropline-cus-before::before {
    background-color: #0f7bce
}

.header-refresh {
    height: .25rem;
    width: 100%;
    background-color: #b0daff;
    border-radius: 0;
    background-clip: padding-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none
}

.header-refresh .determinate {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #4688ff;
    transition: width 0.3s linear
}

.header-refresh .manhederrefresh {
    background-color: #4688ff
}

.header-refresh .manhederrefresh::before {
    animation: 2.1s cubic-bezier(.65,.815,.735,.395) 0s infinite normal none running manhederrefresh
}

.header-refresh .manhederrefresh::after,.header-refresh .manhederrefresh::before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left,right
}

@keyframes manhederrefresh {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    100% {
        left: 100%;
        right: -90%
    }
}

.loading-item {
    position: relative
}

.loading-item::before {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .5;
    animation: 1.5s ease 0s infinite normal none running opacity-animation
}

@keyframes opacity-animation {
    50% {
        opacity: .75
    }

    100% {
        opacity: .5
    }
}

.progress {
    width: 100%;
    align-items: center;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress,.progress-bar {
    display: flex;
    overflow: hidden;
    height: 25px
}

.progress-bar {
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #2d74b1;
    transition: width 0.6s
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 0,transparent 50%,rgb(255 255 255 / .15) 0,rgb(255 255 255 / .15) 75%,transparent 0,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear 0s infinite normal none running progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: auto ease 0s 1 normal none running none
    }
}

button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled) {
    cursor: pointer;
    outline: none
}

section.right-to-left {
    padding: 50px 0
}

section.right-to-left .content-wrap {
    flex-direction: row-reverse
}

section.left-to-right {
    padding: 50px 0
}

.title-fancy {
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.2;
    color: #125287;
    font-size: 1.5rem
}

p.infoText {
    font-size: 1rem;
    line-height: 1.4
}

.header .navbar li {
    position: relative;
    line-height: 1em
}

.deliveri-time {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    gap: 6px;
    background: #4975fa;
    padding: 1rem;
    margin-top: 1rem
}

span#estimated_delivery_time {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #fff0;
    font-size: 1.05rem;
    line-height: 1.5;
    border-radius: .125rem;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
    font-family: Roboto
}

@media only screen and (max-width: 768px) {
    .alert-warning.twenhours {
        margin-top:-8px;
        padding: 6px 1rem;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
        font-size: 1.05rem;
        letter-spacing: .2px;
        font-weight: 450;
        font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        margin-bottom: 20px;
        border-color: #ffe9a6!important;
        background-color: #fff3cd!important;
        color: #856404!important
    }
}

.alert-warning {
    margin-top: 10px;
    margin-bottom: -3px;
    padding: 6px 1rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
    font-size: 1.05rem;
    letter-spacing: .2px;
    font-weight: 450;
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    border-color: #ffe9a6!important;
    background-color: #fff3cd!important;
    color: #856404!important
}

@media (min-width: 768px) {
    .note_alert {
        background:#fff3cd;
        padding: 6px 1rem;
        margin-top: .5rem;
        font-family: Roboto;
        color: #856404;
        font-size: 1.05rem;
        font-weight: 400;
        letter-spacing: .2px;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
        border: 1px solid #ffe9a6;
        margin-bottom: -4.5px
    }
}

@media (min-width: 768px) {
    .success_alert {
        background:#d4edda;
        margin-top: .5rem;
        font-family: ROBOTO;
        color: #155724;
        font-size: 1.05rem;
        font-weight: 400;
        letter-spacing: .2px;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
        border: 1px solid #b2dfbc;
        padding: 6px 1rem
    }
}

.alert-warning.distinct-section {
    margin-top: 10px;
    margin-bottom: -3px;
    padding: 6px 1rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
    font-size: 1.05rem;
    letter-spacing: .2px;
    font-weight: 400;
    font-family: roboto;
    border-color: #abdee5!important;
    background-color: #d1ecf1!important;
    color: #0c5460!important
}

.cart-box:hover {
    background: #295ccf;
    padding: 20px;
    border-color: #295ccf
}

.user-input {
    font-size: 1.1rem;
    color: #212529;
    font-weight: 400;
    letter-spacing: .2px;
    font-family: Roboto!important
}

.followers {
    font-family: Roboto;
    font-size: 1.1rem;
    color: #212529;
    font-weight: 400;
    letter-spacing: .2px
}

.amount-box {
    background: #17a2b8
}

.form--box {
    width: 100%!important
}

.input-box-1 {
    width: 100%;
    position: relative
}

@media only screen and (min-width: 768px) {
    .buy-now-button {
        position:absolute;
        top: 65.29%
    }
}

.roboto-thin {
    font-family: Roboto,sans-serif;
    font-weight: 100;
    font-style: normal
}

.roboto-thin-italic {
    font-family: Roboto,sans-serif;
    font-weight: 100;
    font-style: italic
}

.roboto-light {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-style: normal
}

.roboto-light-italic {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-style: italic
}

.roboto-regular {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-style: normal
}

.roboto-regular-italic {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-style: italic
}

.roboto-medium {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-style: normal
}

.roboto-medium-italic {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-style: italic
}

.roboto-bold {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-style: normal
}

.roboto-bold-italic {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-style: italic
}

.roboto-black {
    font-family: Roboto,sans-serif;
    font-weight: 900;
    font-style: normal
}

.roboto-black-italic {
    font-family: Roboto,sans-serif;
    font-weight: 900;
    font-style: italic
}

.modal-backdrop.show {
    opacity: .5;
    display: none
}

body.modal-open {
    overflow-x: hidden;
    width: 100%;
    height: 100%
}

.btn-primary:hover {
    color: #fff;
    background-image: initial;
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    border-color: #214fb7!important;
    background-color: #214fb7!important
}

.btn-primary {
    color: #fff;
    background-image: initial;
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    border-color: rgb(49 106 236 / .98)!important;
    background-color: #3a75fa!important
}

@media only screen and (min-width: 768px) {
    .buttons-container .cussec-drop .bar-sec.cus-btn-cus.aaa,.ppmgp .cussec-drop .bar-sec.cus-btn-cus.aaa {
        display:flex;
        margin: 0;
        width: 75%;
        justify-content: center;
        border-radius: 2.5px
    }
}

@media (max-width: 768px) {
    .success_alert {
        margin-top:-.5rem;
        margin-bottom: 18.5px!important
    }
}

@media (max-width: 768px) {
    .note_alert {
        margin-top:-.5rem;
        margin-bottom: 18.5px!important
    }
}

.alert-danger {
    border-color: #f2b6bc!important;
    background-color: #f8d7db!important;
    color: #721c25!important
}

@media only screen and (max-width: 768px) {
    .alert-danger.qmobile {
        margin-bottom:3px;
        border-color: #f2b6bc!important;
        background-color: #f8d7db!important;
        color: #721c25!important
    }
}

.profile-image.col-lg-8.float-lg-right.loading {
    background-color: #e6e7e9
}

.image-background {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e6e7e9;
    z-index: -1
}

.profile-image img {
    width: 100%;
    border-radius: 5%
}

.tippy-box[data-theme~="large-black"] {
    padding: 10px!important;
    font-size: 10px!important
}

.tippy-box[data-theme~="large-black"] .tippy-content {
    background-color: #000;
    color: #fff
}

.tippy-content {
    font-size: 13.5px!important
}

@media screen and (min-width: 767px) {
    .alert-warning.watchtime {
        margin-top:2px;
        margin-bottom: 15px
    }
}

.btn.bar-sec.if.btnfb.cus-btn-cus .content-aline .cbtxt.m-txt-service .fa-solid.fa-thumbs-up {
    color: #3a559f!important;
    font-size: 17.5px!important;
    margin-right: 3px!important;
    vertical-align: middle!important
}

.drmb.tif.cussec-drop.cus .content-aline .cbtxt.m-txt-service .fa-solid {
    font-size: 17.5px!important;
    margin-right: 3px!important
}

.drmb.tif.cussec-drop.cus .content-aline .cbtxt.m-txt-service .fa {
    font-size: 17.5px!important;
    margin-right: 3px!important
}

.drmb.tif.cussec-drop.cus .content-aline .cbtxt.m-txt-service .fa-brands {
    font-size: 17.5px!important;
    margin-right: 3px!important
}

.drmb.tif.cussec-drop.cus .content-aline .cbtxt.m-txt-service .fab {
    font-size: 17.5px!important;
    margin-right: 3px!important
}

.d-lg-block.content-aline .fa-brands {
    font-size: 29px
}

.content-aline.w-100 .fa {
    font-size: 29px
}

.content-aline.w-100 .fa-solid {
    font-size: 29px
}

.fa-solid.fa-screwdriver-wrench.special {
    color: #fff ! important;
    margin-left: -3px
}

.content-aline.w-100 .fa-brands {
    font-size: 29px
}

.cussec-drop .cbtxt {
    font-weight: 500;
    text-shadow: rgb(0 0 0 / .1) 1px 1px 16px!important
}

.cussec-drop .fa-brands {
    text-shadow: rgb(0 0 0 / .15) 1px 1px 16px!important
}

.cussec-drop .fa {
    text-shadow: rgb(0 0 0 / .15) 1px 1px 16px!important
}

.cussec-drop .fa-solid {
    text-shadow: rgb(0 0 0 / .15) 1px 1px 16px!important
}

@media only screen and (max-width: 768px) {
    .input-box-1.mobile.dev {
        margin-top:-7px
    }
}

.success_alert {
    background: #d4edda;
    margin-top: .5rem;
    font-family: Roboto;
    color: #155724;
    font-size: 1.05rem;
    font-weight: 400;
    letter-spacing: .2px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
    border: 1px solid #b2dfbc;
    padding: 6px 1rem
}

.success_alert>.fa {
    border: 1px solid #155724;
    border-radius: 50%;
    padding: .25rem;
    margin-right: .675rem
}

.close_icon {
    color: #74a27f
}

.go-to-cart {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    text-decoration: none
}

.note_alert {
    background: #fff3cd;
    padding: 6px 1rem;
    margin-top: .5rem;
    font-family: roboto;
    color: #856404;
    font-size: 1.05rem;
    font-weight: 400;
    letter-spacing: .2px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
    border: 1px solid #ffe9a6
}

.note_alert>.fa {
    padding: .25rem;
    margin-right: .675rem;
    font-size: 18px
}

.d-none {
    display: none
}

.w-30 {
    width: 100%;
    max-width: 30%
}

.w-70 {
    width: 100%;
    max-width: 70%
}

.content-wrap {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem
}

.w-30 {
    width: 100%;
    padding: 0 1rem
}

.w-70 {
    width: 100%;
    max-width: 70%;
    padding: 0 1rem
}

img.img_fluid {
    width: 100%;
    height: auto;
    border-radius: 1%!important
}

.content-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 2rem 0
}

@media only screen and (max-width: 767px) {
    .content-wrap {
        display:flex;
        justify-content: flex-start;
        align-items: center;
        padding: 2rem 0;
        margin-top: -90px
    }
}

@media only screen and (max-width: 992px) {
    .w-70,.w-30 {
        max-width:95%
    }
}

@media only screen and (max-width: 767px) {
    .profile-image.col-lg-8.float-lg-right {
        max-width:98%;
        margin-left: 10px;
        margin-top: 15px;
        visibility: hidden
    }
}

@media only screen and (min-width: 767px) {
    .profile-image1.col-lg-8.float-lg-right.mobile {
        display:none
    }
}

.poster {
    width: 100%;
    max-width: 90%
}

.title-fancy {
    font-size: 1.5rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 1rem
}

.infoText {
    font-size: 1.025rem;
    color: #000;
    font-family: roboto,sans-serif;
    letter-spacing: .2px
}

section.right-to-left .content-wrap {
    flex-direction: row-reverse
}

@media (max-width: 992px) {
    .content-wrap {
        flex-direction:column
    }

    .w-70,.w-30 {
        max-width: 95%
    }

    .poster {
        max-width: 100%;
        margin-bottom: 1rem
    }

    section.right-to-left .content-wrap {
        flex-direction: column
    }

    section.left-to-right {
        padding: 0rem 0
    }
}

@media screen and (min-width: 1024px) {
    img.img_fluid {
        height:auto;
        width: 420px;
        max-width: 118%;
        margin-left: -15px;
        border-radius: 1%!important
    }
}

.price_v1 {
    color: #000;
    font-size: 16px
}

.amount {
    color: red;
    font-size: 20px
}

.alert-warning {
    margin-top: 10px;
    margin-bottom: -3px;
    padding: 6px 1rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s;
    font-size: 1.05rem;
    letter-spacing: .2px;
    font-weight: 400;
    font-family: roboto;
    border-color: #ffe9a6!important;
    background-color: #fff3cd!important;
    color: #856404!important
}

.deliveri-time>.fa {
    color: #fff
}

.quantity-alert button.close {
    padding-right: 14px!important
}

.quantity-alert {
    display: flex;
    margin-top: 1rem
}

span#estimated_error {
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .product-content {
        display:block
    }

    .input-sections {
        display: block;
        margin-top: 20px
    }

    .input-box-1 {
        margin-top: 15px
    }
}

@media screen and (max-width: 960px) {
    .product-content {
        display:block
    }

    .profile-image {
        max-width: 100%
    }

    .input-sections {
        max-width: 100%
    }

    .right-box {
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .nav-item .nav-link {
        padding:1.09rem 1rem
    }
}

.btn-info {
    background-color: #4975fa!important
}

#priceAmount {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    color: #28a745!important
}

.tippy-box[data-theme~="large-black"] {
    background-color: #000;
    color: #fff
}

.tippy-box[data-theme~="large-black"] .tippy-content {
    font-size: 16px;
    padding: 8px 12px
}

.tippy-box[data-theme~="large-black"] .tippy-arrow {
    color: #000
}

img {
    max-width: 100%;
    border-radius: 1%!important
}

@media only screen and (min-width: 768px) {
    #button {
        display:inline-block;
        background-color: #3a75fa;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 110px;
        right: 10px;
        transition: background-color 0.3s,opacity 0.5s,visibility 0.5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000
    }
}

@media only screen and (max-width: 768px) {
    #button {
        background-color:#3a75fa;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 110px;
        right: 5px;
        transition: background-color 0.3s,opacity 0.5s,visibility 0.5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        display: none
    }
}

#button::after {
    content: "";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff
}

#button:hover {
    cursor: pointer;
    background-color: #333
}

#button:active {
    background-color: #555
}

#button.show {
    opacity: 1;
    visibility: visible
}

.content h1 {
    margin-bottom: -10px;
    color: #03a9f4;
    line-height: 1.5
}

.content h3 {
    font-style: italic;
    color: #96a2a7
}

@media only screen and (min-width: 768px) {
    .navvvva {
        border:1px solid #567eed;
        display: flex
    }
}

.bank-tab .tab-content {
    margin-top: 1rem
}

.bank-tab .nav-item {
    display: block;
    text-align: center
}

.nav-item .nav-link.disabled {
    cursor: not-allowed;
    text-decoration: line-through;
    color: #6c757d!important;
    background: #c5cbd1!important
}

.nav-item .nav-link.active:hover,.nav-item .show>.nav-link:hover {
    background-color: #3a75fa
}

@media (min-width: 992px) {
    .nav-item .nav-link {
        padding:1.09rem 1rem
    }
}

@media (min-width: 768px) {
    .navcoll.btn-dm-menu.new .cussec-page-btn.new::before {
        content:"";
        background-color: #fff;
        width: 1rem;
        height: 1rem;
        display: block;
        position: absolute;
        left: 35%;
        transform: rotate(-45deg) translateX(-50%);
        transform-origin: left center;
        top: .5rem
    }
}

@media (min-width: 768px) {
    .navcoll.new .cus-mpb.new {
        display:block;
        background-color: #fff;
        box-shadow: rgb(0 0 0 / .18) 0 0 3rem 5px;
        margin-top: .5rem;
        padding: .5rem;
        margin-left: -40px
    }
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:3px 35px 35px
    }
}

@media only screen and (min-device-width: 428px) and (max-device-width:926px) {
    section.package-content .pk-lists .item {
        padding:3px 55px 35px
    }
}

@media only screen and (min-device-width: 390px) and (max-device-width:844px) {
    section.package-content .pk-lists .item {
        padding:3px 55px 35px
    }
}

@media only screen and (max-width: 767px) {
    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position:absolute;
        font-family: FontAwesome;
        font-size: 30px;
        background: #32a852;
        width: 35px;
        text-align: center;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        color: #fff;
        margin-top: -40px
    }
}

section.package-content .pk-lists .item {
    background: #fff
}

.owl-item .item {
    border-radius: 5px;
    overflow: hidden
}

@media (min-width: 992px) {
    .page {
        padding-bottom:0rem
    }
}

.newpriclass.new.receprice.new::before {
    transform: translateY(-50%) rotate(-20deg);
    top: 50%;
    left: -10%;
    right: -10%;
    width: 120%;
    height: 2px;
    content: "";
    position: absolute;
    opacity: .8;
    background-color: #000
}

@media (min-width: 768px) {
    #dynamicFontSize {
        font-size:16px;
        margin-top: -70px;
        padding-bottom: 10px
    }
}

@media (max-width: 768px) {
    #dynamicFontSize {
        font-size:16px;
        margin-top: -1px;
        padding-bottom: 0px!important
    }
}

@media (max-width: 768px) {
    #cartForm {
        margin-top:-50px
    }
}

@media (max-width: 768px) {
    #cartForm {
    }
}

@media (max-width: 768px) {
    .ppmgp .bmpc {
        padding:1rem 1rem 0;
        margin-top: -5px;
        margin-bottom: -30px
    }
}

@media only screen and (max-width: 768px) {
    .select-package {
        text-align:center;
        margin-top: -50px;
        margin-bottom: -38px
    }
}

@media (max-width: 768px) {
    .page {
    }
}

.price-offer {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    margin-top: -20px;
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

section.package-content .pk-lists .item .name .number {
    font-size: 44px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 700;
    color: #ffffff!important
}

section.package-content .pk-lists .item .order_button .btn-color,section.package-content .pk-lists .item .order_button .btn-disabled {
    color: #fff;
    margin-left: -5px;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    padding: 4px 40px 4px 50px;
    border-radius: 50px;
    font-size: 19px
}

section.package-content .pk-lists .item .order_button {
    border-width: 0 1px 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #ededed;
    border-bottom-color: #ededed;
    border-left-color: #ededed;
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial;
    padding: 12px 0 19px
}

section.package-content .pk-lists .item .order_button .btn-color:hover {
    border-radius: 50px;
    background: #ffffff!important
}

page.instagram.specia8 {
    display: none
}

section.package-content .pk-lists .item .order_button .btn-color:hover {
    border-radius: 50px;
    background: #ffffff!important
}

.nav {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    place-content: center;
    align-items: center
}

body.soundcloud-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff9800;
    border: 1px solid #ff9800!important
}

body.twitch-category section.header-top .mini-menu li.active a,body.twitch-category section.header-top .mini-menu li:hover a {
    background-color: #9146ff
}

body.twitch-category .header .btn-dm-item:hover,body.twitch-category .btn-dm-item:focus,body.twitch-category .header .navbar .navbar-nav .nav-link:hover,body.twitch-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.twitch-category .header .navbar .navbar-nav .active>.nav-link,body.twitch-category section.package-content .pk-header .title strong,body.twitch-category section.package-content .pk-lists .item .name .number,body.twitch-category section.package-content .pk-lists .item .features .text-icon,body.twitch-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #d836f4
}

body.twitch-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.twitch-category .owl-nav .owl-prev::before,body.twitch-category .owl-nav .owl-next::after,body.twitch-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#ac57de 16%,#c295de 100%)!important
}

body.youtube-category section.package-content .pk-lists .item .order_button .btn-color {
    background: red;
    border: 1px solid rgb(255 65 65 / .79)!important
}

body.tiktok-category section.header-top .mini-menu li.active a,body.tiktok-category section.header-top .mini-menu li:hover a {
    background-color: #000
}

body.tiktok-category .header .btn-dm-item:hover,body.tiktok .btn-dm-item:focus,body.tiktok-category .header .navbar .navbar-nav .nav-link:hover,body.tiktok-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.tiktok-category .header .navbar .navbar-nav .active>.nav-link,body.tiktok-category section.package-content .pk-header .title strong,body.tiktok-category section.package-content .pk-lists .item .name .number,body.tiktok-category section.package-content .pk-lists .item .features .text-icon,body.tiktok-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #1b1427
}

body.tiktok-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.tiktok-category .owl-nav .owl-prev::before,body.tiktok-category .owl-nav .owl-next::after,body.tiktok-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#000000 16%,#74616b 100%)!important
}

body.tiktok-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #2a2336;
    border: 1px solid #000000!important
}

body.threads-category section.header-top .mini-menu li.active a,body.threads-category section.header-top .mini-menu li:hover a {
    background-color: #b32061
}

body.threads-category .header .btn-dm-item:hover,body.threads-category .btn-dm-item:focus,body.threads-category .header .navbar .navbar-nav .nav-link:hover,body.threads-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.threads-category .header .navbar .navbar-nav .active>.nav-link,body.threads-category section.package-content .pk-header .title strong,body.threads-category section.package-content .pk-lists .item .name .number,body.threads-category section.package-content .pk-lists .item .features .text-icon,body.threads-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #c41e4f
}

body.threads-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.threads-category .owl-nav .owl-prev::before,body.threads-category .owl-nav .owl-next::after,body.threads-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#d60a59 16%,#d60a59 100%)!important
}

body.threads-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #d60a59;
    border: 1px solid #da0909!important
}

body.twitch-category section.header-top .mini-menu li.active a,body.twitch-category section.header-top .mini-menu li:hover a {
    background-color: #9146ff
}

body.twitch-category .header .btn-dm-item:hover,body.twitch-category .btn-dm-item:focus,body.twitch-category .header .navbar .navbar-nav .nav-link:hover,body.twitch-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.twitch-category .header .navbar .navbar-nav .active>.nav-link,body.twitch-category section.package-content .pk-header .title strong,body.twitch-category section.package-content .pk-lists .item .name .number,body.twitch-category section.package-content .pk-lists .item .features .text-icon,body.twitch-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #d836f4
}

body.twitch-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.twitch-category .owl-nav .owl-prev::before,body.twitch-category .owl-nav .owl-next::after,body.twitch-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#ac57de 16%,#c295de 100%)!important
}

body.twitch-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #b650db;
    border: 1px solid #bc6be6!important
}

body.threads-category section.header-top .mini-menu li.active a,body.threads-category section.header-top .mini-menu li:hover a {
    background-color: #b32061
}

body.threads-category .header .btn-dm-item:hover,body.threads-category .btn-dm-item:focus,body.threads-category .header .navbar .navbar-nav .nav-link:hover,body.threads-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.threads-category .header .navbar .navbar-nav .active>.nav-link,body.threads-category section.package-content .pk-header .title strong,body.threads-category section.package-content .pk-lists .item .name .number,body.threads-category section.package-content .pk-lists .item .features .text-icon,body.threads-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #c41e4f
}

body.threads-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.threads-category .owl-nav .owl-prev::before,body.threads-category .owl-nav .owl-next::after,body.threads-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#f709ca 16%,#ff3030 100%)!important
}

body.threads-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #d60a59;
    border: 1px solid #da0909!important
}

body.reddit-category section.header-top .mini-menu li.active a,body.reddit-category section.header-top .mini-menu li:hover a {
    background-color: #f44336
}

body.reddit-category .header .btn-dm-item:hover,body.reddit-category .btn-dm-item:focus,body.reddit-category .header .navbar .navbar-nav .nav-link:hover,body.reddit-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.reddit-category .header .navbar .navbar-nav .active>.nav-link,body.reddit-category section.package-content .pk-header .title strong,body.reddit-category section.package-content .pk-lists .item .name .number,body.reddit-category section.package-content .pk-lists .item .features .text-icon,body.reddit-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ec3a1f
}

body.reddit-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.reddit-category .owl-nav .owl-prev::before,body.reddit-category .owl-nav .owl-next::after,body.reddit-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#ff3f18 16%,#ff3f18 100%)!important
}

body.reddit-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff3f18;
    border: 1px solid #ff3f18!important
}

body.telegram-category section.header-top .mini-menu li.active a,body.telegram-category section.header-top .mini-menu li:hover a {
    background-color: #2994d4
}

body.telegram-category .header .btn-dm-item:hover,body.telegram-category .btn-dm-item:focus,body.telegram-category .header .navbar .navbar-nav .nav-link:hover,body.telegram-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.telegram-category .header .navbar .navbar-nav .active>.nav-link,body.telegram-category section.package-content .pk-header .title strong,body.telegram-category section.package-content .pk-lists .item .name .number,body.telegram-category section.package-content .pk-lists .item .features .text-icon,body.telegram-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #3690cb
}

body.telegram-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.telegram-category .owl-nav .owl-prev::before,body.telegram-category .owl-nav .owl-next::after,body.telegram-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#0f7bce 55%,#2994d4 100%)!important
}

body.telegram-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #2994d4;
    border: 1px solid #26a0d6!important
}

body.pinterest-category section.header-top .mini-menu li.active a,body.pinterest-category section.header-top .mini-menu li:hover a {
    background-color: #790313
}

body.pinterest-category .header .btn-dm-item:hover,body.pinterest-category .btn-dm-item:focus,body.pinterest-category .header .navbar .navbar-nav .nav-link:hover,body.pinterest-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.pinterest-category .header .navbar .navbar-nav .active>.nav-link,body.pinterest-category section.package-content .pk-header .title strong,body.pinterest-category section.package-content .pk-lists .item .name .number,body.pinterest-category section.package-content .pk-lists .item .features .text-icon,body.pinterest-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #b00d0d
}

body.pinterest-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.pinterest-category .owl-nav .owl-prev::before,body.pinterest-category .owl-nav .owl-next::after,body.pinterest-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#a10b13 45%,rgb(217 19 19 / .72) 100%)!important
}

body.pinterest-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ac1c1c;
    border: 1px solid #ff4b50!important
}

body.youtube-category section.header-top .mini-menu li.active a,body.youtube-category section.header-top .mini-menu li:hover a {
    background-color: red
}

body.linkedIn-category .header .btn-dm-item:hover,body.linkedIn-category .btn-dm-item:focus,body.linkedIn-category .header .navbar .navbar-nav .nav-link:hover,body.linkedIn-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.linkedIn-category .header .navbar .navbar-nav .active>.nav-link,body.linkedIn-category section.package-content .pk-header .title strong,body.linkedIn-category section.package-content .pk-lists .item .name .number,body.linkedIn-category section.package-content .pk-lists .item .features .text-icon,body.linkedIn-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #2c3ad6
}

body.linkedIn-category section.package-content .pk-lists .item .card {
    border: 1px solid rgb(8 15 97 / .23)!important
}

body.linkedIn-category .owl-nav .owl-prev::before,body.linkedIn-category .owl-nav .owl-next::after,body.linkedIn-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg,#4554aa 45%,rgb(19 53 217 / .58) 100%)!important
}

.social-links-list .service-title-others {
    font-size: 18px;
    margin-bottom: 0;
    color: #d42555
}

.social-links-list .service-title-others:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-threads {
    font-size: 18px;
    margin-bottom: 0;
    color: #d42555
}

.social-links-list .service-title-threads:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Discord {
    font-size: 18px;
    margin-bottom: 0;
    color: #5c6eae
}

.social-links-list .service-title-Discord:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Reddit {
    font-size: 18px;
    margin-bottom: 0;
    color: #ff6e2a
}

.social-links-list .service-title-Reddit:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Spotify {
    font-size: 18px;
    margin-bottom: 0;
    color: #1ed25e
}

.social-links-list .service-title-Spotify:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Telegram {
    font-size: 18px;
    margin-bottom: 0;
    color: #2cb0eb
}

.social-links-list .service-title-Telegram:hover {
    width: 100%;
    font-weight: 500;
    color: #6495ed!important
}

.social-links-list .service-title-Pinterest {
    font-size: 18px;
    margin-bottom: 0;
    color: #db2b42
}

@media only screen and (max-width: 768px) {
    .btn.bar-sec.cus-ot-sb-me.cus-btn-cus {
        width:100%;
        display: flex;
        border-radius: 1.6px!important;
        padding: 8px 16px!important;
        background-color: rgb(180 196 255 / .16)!important
    }

    .bar-sec .cbtxt .fa-brands {
        font-size: 17.5px!important
    }

    .bar-sec .cbtxt .fa-solid.fa-gift {
        vertical-align: 1.1px
    }
}

.quantity-highlight:hover {
    color: #155723!important;
    background-color: #d4edda!important;
    border-color: rgb(181 223 178 / .98)!important;
    box-shadow: none!important
}

.quantity-highlight {
    color: #155723!important;
    background-color: #d4edda!important;
    border-color: rgb(181 223 178 / .98)!important;
    box-shadow: none!important
}

.quantity-highlight-error {
    box-shadow: none!important
}

.quantity-highlight-done {
    color: #155723!important;
    background-color: rgb(214 237 212 / .66)!important;
    border-color: rgb(181 223 178 / .98)!important;
    box-shadow: none!important
}

.name.price .number {
    margin-bottom: -5px
}

@media only screen and (max-width: 768px) {
    .navcoll.new.btn-dm-menu.new {
        top:0%!important
    }
}

.btnyt {
    color: #fff;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px;
    border-color: red
}

.btnyt:hover {
    color: #fff;
    box-shadow: rgb(225 229 255 / .04) 0 1px 1px,rgb(166 166 166 / .04) 0 2px 2px,rgb(255 255 255 / .04) 0 4px 4px,rgb(255 255 255 / .04) 0 8px 8px,rgb(115 153 255 / .07) 0 16px 16px;
    border-color: red
}

@media only screen and (max-width: 768px) {
    .cus-ot-sb-me::before {
        display:none!important
    }
}

@media only screen and (min-width: 768px) {
    section.package-content .pk-lists .item .price {
        padding:6px 0
    }
}

.card-body {
    flex: 1 1 auto;
    margin: 0;
    padding: 1.5rem;
    position: relative
}

select.form-control:focus,select.form-control:hover {
    color: #0689f9;
    background: url(../../img/select-icon-it.png) calc(100% - 14px) -6px no-repeat #fff
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2px + 2.8rem)
}

@media (min-width: 769px) {
    .navcoll.new.btn-dm-menu.new .fa-solid,.fa,.fab,.fa-brands {
        display:none
    }

    .navcoll.new.btn-dm-menu.new .cbtxt:hover~.fa-solid,.fa,.fab,.fa-brands {
        display: inline-block
    }

    .navcoll.new.btn-dm-menu.new .fab,.fa-brands {
        display: none
    }

    .navcoll.new.btn-dm-menu.new .cbtxt:hover~.fab,.fa-brands {
        display: inline-block
    }

    .navcoll.new.btn-dm-menu.new .fa-brands {
        display: none
    }

    .navcoll.new.btn-dm-menu.new .cbtxt:hover~.fa-brands {
        display: inline-block
    }
}

.btn-gradient:hover {
    background-position: right center
}

section.checkout-result {
    padding: 160px 0 130px
}

section.checkout-result .card {
    border-radius: 0;
    border: none
}

section.checkout-result .card-body {
    box-shadow: #cecece 5px 5px 30px -2px
}

section.checkout-result .checkout-header {
    padding-top: 20px
}

section.checkout-result .checkout-header .title {
    font-size: 40px;
    font-weight: 500
}

section.checkout-result .checkout-header .title strong {
    color: #467fcf
}

.slick-slider {
    width: 80%;
    margin: 0 auto
}

.slide {
    margin: 0 10px
}

.re-card {
    text-align: center;
    border-radius: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid #3a75fa
}

.piece {
    font-size: 17px;
    margin-bottom: 10px;
    color: #212530;
    margin-top: 10px
}

.service-name {
    font-size: 20px;
    font-weight: 700;
    font-family: roboto
}

.pricenewf {
    font-size: 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    place-content: center;
    flex-flow: column-reverse;
    color: #212530
}

.original-price {
    text-decoration: line-through;
    color: #999;
    margin-top: 8px;
    margin-bottom: -5px
}

.discountqqq {
    color: #4caf50;
    font-size: 16px;
    margin-top: 5px
}

.order-now-button-fea {
    margin-top: 10px;
    padding: 10px 20px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    outline: none!important
}

.slick-next {
    right: 5px!important
}

.slick-prev,.slick-next {
    font-size: 30px;
    cursor: pointer;
    color: #3a75fa!important
}

.slick-prev {
    animation: 1.5s ease 0s infinite alternate none running arrowAnimPrev
}

.slick-dots {
    display: none!important
}

p.infoText {
    font-size: 1.05rem!important;
    line-height: 1.4
}

.slick-next {
    animation: 1.5s ease 0s infinite alternate none running arrowAnimNext
}

.slick-prev::before,.slick-next::before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff0;
    -webkit-font-smoothing: antialiased
}

@keyframes arrowAnimPrev {
    0% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(-20px)
    }
}

@keyframes arrowAnimNext {
    0% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(20px)
    }
}

.re-card .fa-brands.newf {
    font-size: 90px
}

.re-card .fa-solid.newf {
    font-size: 90px
}

.order-now-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s;
    outline: none!important
}

.order-now-link:hover {
    background-color: #0056b3
}

.newpriclass.new.receprice.new b {
    font-weight: 500!important
}

@media only screen and (max-width: 768px) {
    .cart-box::before {
        transform:scale(.92)
    }

    .cart-box {
        transition: transform 0.5s ease-in-out
    }

    .cart-box:active {
        transform: scale(.92)
    }
}

.service-features.new .h3 {
    font-weight: 450!important
}

.cus-btn-cus.dropline-cus-before::before {
    transform: scale(.99)
}

.cus-btn-cus.dropline-cus-before {
    transition: transform 0.15s ease-in-out
}

.cus-btn-cus.dropline-cus-before:active {
    transform: scale(.99)
}

.btn.btn-color.order-now-button::before {
    transform: scale(.97)
}

.btn.btn-color.order-now-button {
    transition: transform 0.15s ease-in-out
}

.btn.btn-color.order-now-button:active {
    transform: scale(.97)
}

@media only screen and (max-width: 768px) {
    .deliveri-time::before {
        transform:scale(.99)
    }

    .deliveri-time {
        transition: transform 0.15s ease-in-out
    }

    .deliveri-time:active {
        transform: scale(.99)
    }
}

.btn-outline-follower12220:hover {
    color: #fff;
    background: #ac57de
}

.btn-outline-follower12220.focus,.btn-outline-follower12220:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower12220.disabled,.btn-outline-follower12220:disabled {
    color: #ac57de;
    background-color: #fff0
}

.btn-outline-follower12220:not(:disabled):not(.disabled).active,.btn-outline-follower12220:not(:disabled):not(.disabled):active,.show>.btn-outline-follower12220.btn-dm-toggle {
    color: #fff;
    background-color: #ac57de
}

.btn-outline-follower12220:not(:disabled):not(.disabled).active:focus,.btn-outline-follower12220:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-follower12220.btn-dm-toggle:focus {
    box-shadow: rgb(34 165 104 / .5) 0 0 0 0
}

.btn-outline-follower12220.selected {
    background-color: #ac57de;
    color: #fff
}

.btn-outline-follower12220.dropline-cus-before {
    border: .125rem solid #ac57de;
    color: #ac57de!important
}

.btn-outline-follower12220.dropline-cus-before::after,.btn-outline-follower12220.dropline-cus-before::before {
    background-color: #ac57de
}

.newa.services i {
    display: none
}

.package-faq .item .title h5 {
    line-height: 1.2;
    font-weight: 450!important
}

@media (min-width: 768px) {
    .detail {
        margin-top:-25px!important
    }

    section.checkout-result .detail {
        margin-top: -30px!important
    }

    section.checkout-result .btn-submit {
        margin-top: 10px!important
    }

    @media (min-width: 768px) {
        section.checkout-result .btn-submit {
            margin-top:25px!important;
            margin-bottom: -25px!important
        }
    }

    @media (max-width: 768px) {
        section.checkout-result .detail {
            padding:20px 0 10px
        }
    }

    section.checkout-result .detail p {
        font-family: roboto;
        color: #000
    }
}

@media only screen and (min-width: 76px) and (max-width:767px) {
    .pgpz {
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .text-center .pgpz {
        margin-right:10px!important
    }

    .nav-item .nav-link {
        padding: .75rem 1rem!important
    }
}

@media only screen and (min-width: 993px) and (max-width:1003px) {
    img {
        max-width:50%!important;
        border-radius: 1%!important;
        margin-top: -30px!important;
        margin-bottom: -30px!important
    }
}

ctive,.btnothers:not(:disabled):not(.disabled):active,.show>.btnothers.btn-dm-toggle {
    color: #fff;
    background-color: #3a75fa
}

@media (min-width: 768px) {
    .btnothers {
        color:#3a75fa;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnothers {
    color: #fff;
    background-image: none;
    border-color: #3a75fa
}

@media only screen and (min-width: 768px) {
    .navcoll.btn-dm-submenu.aka34a {
        --sub-menu:rgb(58 117 250);
        --sub-level: 1;
        left: -309px;
        padding: 0 11px
    }
}

.btnothers:hover {
    color: #fff
}

.btnothers:not(:disabled):not(.disabled).active,.btnothers:not(:disabled):not(.disabled):active,.show>.btnothers.btn-dm-toggle {
    color: #fff;
    background-color: #3a75fa
}

@media (min-width: 768px) {
    .btnothers {
        color:#3a75fa;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnothers:hover {
    color: #fff;
    background-color: #3a75fa;
    background-image: none;
    border-color: #3a75fa
}

@media only screen and (min-width: 768px) {
    .navcoll.btn-dm-submenu.aka34a {
        --sub-menu:rgb(58 117 250);
        --sub-level: 1;
        left: -309px;
        padding: 0 11px
    }
}

@media (max-width: 768px) {
    .btnothers {
        background-color:#3a75fa
    }
}

.btn-outline-follower.other.dropline-cus-before {
    border: .125rem solid #3a75fa;
    color: #3a75fa!important
}

.btn-outline-follower.other.dropline-cus-before::after,.btn-outline-follower.other.dropline-cus-before::before {
    background-color: #3a75fa
}

.btn-outline-follower.other.dropline-cus-before::after,.btn-outline-follower.other.dropline-cus-before::before {
    background-color: #3a75fa
}

.btnothers:hover {
    color: #fff
}

.btnothers:not(:disabled):not(.disabled).active,.btnothers:not(:disabled):not(.disabled):active,.show>.btnothers.btn-dm-toggle {
    color: #fff;
    background-color: #3a75fa
}

@media (min-width: 768px) {
    .btnothers {
        color:#3a75fa;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnothers {
    color: #fff;
    background-image: none;
    border-color: #3a75fa
}

@media only screen and (min-width: 768px) {
    .navcoll.btn-dm-submenu.aka34a {
        --sub-menu:rgb(58 117 250);
        --sub-level: 1;
        left: -309px;
        padding: 0 11px
    }
}

.btnothers:hover {
    color: #fff
}

.btnothers:not(:disabled):not(.disabled).active,.btnothers:not(:disabled):not(.disabled):active,.show>.btnothers.btn-dm-toggle {
    color: #fff;
    background-color: #3a75fa
}

@media (min-width: 768px) {
    .btnothers {
        color:#3a75fa;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnothers:hover {
    color: #fff;
    background-color: #3a75fa;
    background-image: none;
    border-color: #3a75fa
}

@media only screen and (min-width: 768px) {
    .navcoll.btn-dm-submenu.aka34a {
        --sub-menu:rgb(58 117 250);
        --sub-level: 1;
        left: -309px;
        padding: 0 11px
    }
}

@media (max-width: 768px) {
    .btnothers {
        background-color:#3a75fa
    }
}

@media (min-width: 768px) {
    body[href*="free-twitter-tools"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-twitter-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-twitter-tools"] #dynamicFontSize {
        display:none!important
    }
}

.btnspotaa {
    color: #fff;
    background-color: #ff0;
    background-image: none;
    border-color: #ff0
}

@media (min-width: 768px) {
    .btnspotaa {
        color:#ff0;
        background-color: #fff0;
        border-color: #fff0
    }
}

.btnspotaa:hover {
    color: #fff;
    background-color: #ff0
}

.btnspotaa.focus,.btnspotaa:focus {
    box-shadow: rgb(29 185 84 / .5) 0 0 0 0
}

.btnspotaa.disabled,.btnspotaa:disabled {
    color: #ff0;
    background-color: #fff0
}

.btnspotaa:not(:disabled):not(.disabled).active,.btnspotaa:not(:disabled):not(.disabled):active,.show>.btnspotaa.btn-dm-toggle {
    color: #fff;
    background-color: #ff0
}

.btnspotaa:not(:disabled):not(.disabled).active:focus,.btnspotaa:not(:disabled):not(.disabled):active:focus,.show>.btnspotaa.btn-dm-toggle:focus {
    box-shadow: rgb(29 185 84 / .5) 0 0 0 0
}

.btnspotaa.selected {
    background-color: #ff0;
    color: #fff
}

.btnspotaa.dropline-cus-before {
    border: .125rem solid #ff0;
    color: #ffff00!important
}

.btnspotaa.dropline-cus-before::after,.btnspotaa.dropline-cus-before::before {
    background-color: #ff0
}

@media (min-width: 768px) {
    body[href*="free-youtube-tools"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-youtube-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-youtube-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-facebook-tools"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-facebook-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-facebook-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-youtube-tools"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-youtube-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-youtube-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-tiktok-tools"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-tiktok-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-tiktok-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-instagram-tools"] .header-top {
        display:none!important
    }
}

@media (min-width: 768px) {
    body[href*="free-instagram-tools"] #dynamicFontSize {
        display:none!important
    }
}

@media (max-width: 768px) {
    body[href*="free-instagram-tools"] #dynamicFontSize {
        display:none!important
    }
}

:root {
    --fv-primary: #3a75fa;
    --fv-primary-dark: #295ccf;
    --fv-ink: #0f1b3d;
    --fv-text: #22324d;
    --fv-muted: #5f6e8a;
    --fv-bg: #ffffff;
    --fv-soft: #f3f7ff;
    --fv-soft-2: #e8f0ff
}

.left-to-right,.right-to-left {
    padding: clamp(36px, 6vw, 84px) 0px!important;
    background: var(--fv-bg)!important
}

.poster img {
    transition: transform 0.6s cubic-bezier(.2,.6,.2,1),filter 0.6s cubic-bezier(.2,.6,.2,1)!important
}

.poster:hover img {
    transform: scale(1.02)!important;
    filter: saturate(1.05)!important
}

.text-info {
    margin-top: 30px;
    background: #ffffff!important;
    border-radius: 20px!important
}

.right-to-left.bg-light .text-info {
    background: linear-gradient(#ffffff 0%,#f9fbff 100%)!important;
    border-color: rgb(41 92 207 / .12)!important
}

.title-fancy {
    margin: 0 0 12px!important;
    font-size: clamp(22px, 3.2vw, 34px)!important;
    line-height: 1.2!important;
    font-weight: 800!important;
    color: var(--fv-ink)!important
}

.title-fancy * {
    color: #295ccf!important
}

.infoText {
    color: var(--fv-text)!important;
    font-size: 1.05rem!important;
    line-height: 1.75!important
}

.infoText p {
    margin: 0 0 12px!important;
    color: var(--fv-text)!important
}

.infoText p:last-child {
    margin-bottom: 0px!important
}

.infoText strong {
    color: var(--fv-ink)!important;
    font-weight: 700!important
}

.poster pre,.poster code {
    display: none!important
}

section.left-to-right,section.right-to-left {
    border: 0px!important;
    outline: 0px!important
}

.left-to-right+.right-to-left,.right-to-left+.left-to-right {
    scroll-margin-top: 80px!important
}

.text-info:focus-within {
    box-shadow: rgb(58 117 250 / .15) 0 0 0 4px!important;
    outline: none!important
}

.text-info {
    opacity: 1!important;
    transform: translateY(0)!important;
    transition: opacity 0.45s,transform 0.45s!important
}

.poster {
    opacity: 1!important;
    transform: translateY(0)!important;
    transition: opacity 0.45s,transform 0.45s!important
}




.owl-carousel.pk-lists .item.loading .name.price span,.owl-carousel.pk-lists .item.loading .cardprice,.owl-carousel.pk-lists .item.loading .price-offer {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.35s
}

.owl-carousel.pk-lists .item:not(.loading) .name.price,.owl-carousel.pk-lists .item:not(.loading) .cardprice,.owl-carousel.pk-lists .item:not(.loading) .price-offer {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width: 768px) {
    section.header-top.mobbssa .mini-menu li a {
        display:inline-block;
        padding: 5px 0;
        color: #fff;
        background-color: #3159bb;
        text-decoration: none;
        border-radius: 0 80px 80px 0;
        transition: 0.3s;
        font-weight: 400;
        margin-left: 0;
        font-size: 14px!important
    }
}


.col-md-12.text-center .pgpz {
    margin-top: 20px!important;
    margin-bottom: -10px!important
}

@media only screen and (min-width: 767px) and (max-width:994px) {
    .loading-item {
        background-image:linear-gradient(to left,#f0f2f5 0%,#e8edf2 25%,#f5f9ff 50%,#e8edf2 75%,#f0f2f5 100%);
        background-position: initial;
        background-repeat: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        animation: 0.75s linear 0s infinite normal forwards running placeHolderShimmer;
        width: 44%!important;
        margin-right: 0px!important;
        height: 340px!important;
        background-size: 800px 100%!important;
        border-radius: 40px!important;
        padding-bottom: 60px!important;
        margin-top: 2px!important
    }

    .loading-item.d-nonemb.aax {
        display: none!important
    }

    .itemmodde {
        gap: 40px!important;
        margin-left: 0px!important
    }

    .pgpz {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .pgpz {
        margin-right: -150px!important
    }

    #profileImg {
        margin-left: 0px!important
    }
}

@media (min-width: 768px) {
    .navbar-collapse {
        display:none!important
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
    }

    100% {
        background-position: 800px 0
    }
}

section.package-content .pk-lists .item:not(.loading)>* {
    opacity: 1!important;
    pointer-events: auto
}

section.package-content .pk-lists .item:not(.loading)::after {
    display: none
}

section.package-content .pk-lists:has(.item.loading) .owl-nav .owl-prev::before,section.package-content .pk-lists:has(.item.loading) .owl-nav .owl-next::after {
    background: none!important
}

.ppmgp .down-gap {
    flex: 1 1 0%;
    text-align: left;
    padding-left: 0
}

@media (max-width: 991.98px) {
    .ppmgp .navcoll {
    }

    .ppmgp .navcoll.mobil-show {
        height: auto;
        opacity: 1;
        display: block;
        visibility: visible
    }
}

@media (min-width: 768px) {
    .ppmgp .bar-sec::after {
        content:none
    }

    .ppmgp .bar-sec .content-aline {
        align-items: center
    }
}

@media (min-width: 992px) {
    .ppmgp .bmpc {
        width:28px;
        padding: 0
    }

    .ppmgp .bmpc:not(:empty) {
        width: 25%;
        margin-top: -10px
    }

    .ppmgp .down-gap {
        flex: 2 1 0%;
        text-align: center;
        white-space: nowrap
    }

    .ppmgp {
        flex-wrap: nowrap
    }

    .ppmgp .howToTooltipBtn,.ppmgp .bmpc {
        flex: 1 1 0%
    }
}

.cbtxt {
    vertical-align: middle
}

@media only screen and (min-width: 1190px) {
    .pgpz.instagram {
        margin-left:49px;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .buttons-container .cussec-drop .bar-sec.cus-btn-cus.aaa,.ppmgp .cussec-drop .bar-sec.cus-btn-cus.aaa {
        display:flex;
        margin: 0;
        width: 75%;
        justify-content: center;
        border-radius: 2.5px
    }
}

@media (min-width: 992px) {
    .buttons-container .cussec-drop .bar-sec.cus-btn-cus,.ppmgp .cussec-drop .bar-sec.cus-btn-cus {
        height:100%
    }
}

.buttons-container .btn-dm-toggle::after,.ppmgp .btn-dm-toggle::after {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    position: absolute
}

.buttons-container .btn-dm-toggle,.ppmgp .btn-dm-toggle {
    position: relative
}

.buttons-container :not(.main-buttons) .cussec-drop:last-child,.ppmgp :not(.main-buttons) .cussec-drop:last-child {
    margin-right: 0
}

.buttons-container .cussec-drop .bar-sec.cus-btn-cus,.ppmgp .cussec-drop .bar-sec.cus-btn-cus {
    justify-content: center;
    margin: 0;
    display: flex;
    width: 100%;
    border-radius: 0.3rem!important
}

@media (max-width: 768px) {
    .navcoll .cus-mpb {
        margin-bottom:5px!important
    }
}

@media (max-width: 768px) {
    .collapse:not(.show) {
        display:none!important
    }

    .navbar-collapse {
        display: block!important
    }
}

.Features-product h2.title.new.services {
    text-transform: uppercase
}

.Features-product .ReplacetextInstagram {
    text-transform: uppercase
}

@media (max-width: 768px) {
    .navcoll .cus-mpb {
        margin-bottom:5px!important
    }
}

.owl-carousel.pk-lists .item.loading .name.price span,.owl-carousel.pk-lists .item.loading .cardprice,.owl-carousel.pk-lists .item.loading .price-offer {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.35s
}

.owl-carousel.pk-lists .item:not(.loading) .name.price,.owl-carousel.pk-lists .item:not(.loading) .cardprice,.owl-carousel.pk-lists .item:not(.loading) .price-offer {
    visibility: visible;
    opacity: 1
}

.profile-image.col-lg-8.float-lg-right.phone.mob-none {
    margin-top: unset!important
}

.cart-box {
    font-size: 1.05rem
}

@media (max-width: 768px) {
    .profile-image img {
        visibility:visible
    }
}

@media (max-width: 768px) {
    .navcoll .cus-mpb {
        margin-bottom:5px!important
    }
}

.price-offer .symbol {
    margin-right: 4px
}

:root {
    --sf-blue-600: #217fcd;
    --sf-blue-700: #0e5997;
    --sf-green-500: #2ecc71;
    --sf-gray-900: #0b1b28;
    --sf-shadow: 0 6px 18px rgba(14,89,151,.08)
}

.warningTop {
    margin-top: 10px!important
}

.warningTop .alert-warning {
    position: relative!important;
    padding: 14px 48px 14px 16px!important;
    0.3rem!importantborder:1px solid rgb(33 127 205 / .22)!important;background: linear-gradient(rgb(33 127 205 / .07),rgb(33 127 205 / .04))!important;
    color: var(--sf-blue-700)!important;
    box-shadow: var(--sf-shadow)!important;
    margin: 0 0 12px!important
}

.warningTop br {
    display: none!important
}

.warningTop .alert-warning::before {
    content: ""!important;
    position: absolute!important;
    inset: 0 auto 0 0px!important;
    width: 4px!important;
    border-radius: 12px 0 0 12px!important;
    background: linear-gradient(180deg,var(--sf-blue-600),#6ac8ff)!important
}

.warningTop .writeText {
    display: flex!important;
    align-items: flex-start!important;
    gap: 10px!important;
    line-height: 1.45!important;
    font-size: 0.95rem!important;
    font-weight: 500!important
}

.warningTop .writeText i {
    font-size: 1.05rem!important;
    margin-top: 2px!important;
    color: var(--sf-blue-600)!important
}

.warningTop .icon-warning {
    display: none!important
}

.warningTop .alert-warning .close {
    position: absolute!important;
    top: 10px!important;
    right: 10px!important;
    width: 28px!important;
    height: 28px!important;
    border: none!important;
    background: transparent!important;
    border-radius: 8px!important;
    cursor: pointer!important;
    opacity: 0.7!important
}

.warningTop .alert-warning .close::before {
    font-size: 18px!important;
    line-height: 28px!important;
    text-align: center!important;
    color: var(--sf-blue-700)!important
}

.warningTop .alert-warning .close:hover {
    opacity: 1!important;
    background: rgb(14 89 151 / .06)!important
}

.warningTop .alert-warning.freenote {
    border-color: rgb(33 127 205 / .26)!important;
    background: linear-gradient(rgb(33 127 205 / .09),rgb(33 127 205 / .05))!important
}

.warningTop .alert-warning.freenote::before {
    background: linear-gradient(180deg,var(--sf-blue-600),#5db6ff)!important
}

.warningTop .alert-warning.distinct-section.free {
    border-color: rgb(46 204 113 / .28)!important;
    background: linear-gradient(rgb(46 204 113 / .1),rgb(46 204 113 / .06))!important;
    color: #13653f!important
}

.warningTop .alert-warning.distinct-section.free::before {
    background: linear-gradient(180deg,var(--sf-green-500),#7ee2a8)!important
}

.warningTop .alert-warning.distinct-section.free .writeText i {
    color: var(--sf-green-500)!important
}

.warningTop .alert-warning.distinct-section.free .close::before {
    color: #13653f!important
}

@media (max-width: 576px) {
    .warningTop .alert-warning {
        padding:12px 40px 12px 14px!important;
        border-radius: 10px!important
    }

    .warningTop .alert-warning::before {
        width: 3px!important
    }

    .warningTop .writeText {
        font-size: 0.93rem!important;
        gap: 8px!important
    }

    .warningTop .alert-warning .close {
        top: 8px!important;
        right: 8px!important;
        width: 26px!important;
        height: 26px!important
    }

    .warningTop .alert-warning .close::before {
        line-height: 26px!important
    }
}

#tools {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    background: #f7faff!important;
    padding: 42px 0px!important
}

#tools .section-title {
    text-align: center!important;
    margin-bottom: 26px!important
}

#tools .section-title h2 {
    margin: 0 0 8px!important;
    font-weight: 800!important;
    letter-spacing: -0.015em!important;
    color: #0f1a2c!important;
    font-size: clamp(22px, 3.4vw, 32px)!important
}

#tools .section-title p {
    margin: 0 auto!important;
    color: #5f6b7a!important;
    max-width: 680px!important;
    font-size: 15px!important
}

#tools .section-title h2::after {
    content: ""!important;
    display: block!important;
    width: 72px!important;
    height: 3px!important;
    margin: 10px auto 0px!important;
    background: linear-gradient(90deg,#295ccf,#3c71ff)!important
}

#tools .tools-grid {
    display: grid!important;
    gap: 18px!important;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr))!important;
    margin-top: 10px!important
}

#tools .tool-card {
    background: #ffffff!important;
    border: 1px solid #e6ecf7!important;
    padding: 18px 16px 16px!important;
    text-align: center!important;
    transition: transform 0.18s,box-shadow 0.18s,border-color 0.18s!important;
    box-shadow: rgb(41 92 207 / .06) 0 2px 10px!important
}

#tools .tool-card:hover {
    transform: translateY(-4px)!important;
    border-color: #cfdcff!important;
    box-shadow: rgb(41 92 207 / .14) 0 10px 22px!important
}

#tools .tool-icon {
    display: inline-grid!important;
    place-items: center!important;
    width: 72px!important;
    height: 72px!important;
    margin: 4px auto 10px!important;
    border: 2px solid #295ccf!important;
    border-radius: 50%!important;
    color: #295ccf!important;
    font-size: 30px!important;
    line-height: 1!important
}

#tools .tool-card h3 {
    margin: 6px 0px!important;
    font-size: 17px!important;
    font-weight: 800!important;
    color: #0f1a2c!important
}

#tools .tool-card p {
    margin: 0 0 14px!important;
    color: #5f6b7a!important;
    font-size: 14px!important;
    min-height: 44px!important
}

#tools .tool-card .btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 10px 14px!important;
    background: #295ccf!important;
    color: #ffffff!important;
    text-decoration: none!important;
    font-weight: 800!important;
    font-size: 14px!important;
    border: 1px solid #295ccf!important;
    transition: background 0.18s,border-color 0.18s,transform 0.18s!important
}

#tools .tool-card .btn:hover {
    background: #1f49b8!important;
    border-color: #1f49b8!important;
    transform: translateY(-1px)!important
}

#tools .tool-card .btn:focus-visible,#tools .tool-card:focus-within {
    outline: #bcd0ff solid 3px!important;
    outline-offset: 2px!important
}

.container.pta {
    padding-left: 16px!important;
    padding-right: 16px!important;
    max-width: 1200px!important
}

@media (max-width: 575.98px) {
    #tools {
        padding:34px 0px!important
    }

    #tools .tool-card {
        padding: 16px 14px!important
    }

    #tools .tool-icon {
        width: 64px!important;
        height: 64px!important;
        font-size: 26px!important
    }
}

.container>.content-box {
    background: #ffffff!important;
    border: 1px solid #e6ecf7!important;
    box-shadow: rgb(41 92 207 / .08) 0 10px 24px!important;
    padding: 20px 18px!important;
    margin: 14px auto!important;
    max-width: 980px!important
}

.container .subtitle {
    margin: 0 0 14px!important;
    color: #42526b!important;
    font-size: 15px!important;
    line-height: 1.6!important
}

.container .row.two-col {
    display: grid!important;
    grid-template-columns: 1fr!important;
    gap: 14px!important
}

@media (min-width: 576px) {
    .container .row.two-col {
        grid-template-columns:1fr 1fr!important
    }
}

.container .row .col,.container .row .col.half {
    width: 100%!important;
    padding: 0px!important
}

.container .input_item {
    display: block!important
}

.container .input_item+.input_item {
    margin-top: 10px!important
}

.container .input_item label {
    display: block!important;
    font-weight: 700!important;
    margin-bottom: 6px!important;
    font-size: 14px!important
}

.container .error-message {
    display: block!important;
    margin-top: 6px!important;
    color: #d93025!important;
    font-size: 12px!important
}

.container input[type="range"] {
    appearance: none!important;
    width: 100%!important;
    height: 4px!important;
    background: linear-gradient(90deg,#295ccf,#7ca3ff)!important;
    outline: none!important;
    border: none!important
}

.container input[type="range"]::-webkit-slider-thumb {
    appearance: none!important;
    width: 18px!important;
    height: 18px!important;
    background: #ffffff!important;
    border: 2px solid #295ccf!important;
    border-radius: 50%!important;
    cursor: pointer!important;
    box-shadow: rgb(41 92 207 / .25) 0 2px 6px!important
}

.container input[type="range"]+small {
    display: inline-block!important;
    margin-top: 6px!important;
    color: #5f6b7a!important
}

.container .switch {
    position: relative!important;
    display: inline-block!important;
    width: 46px!important;
    height: 26px!important;
    margin-right: 8px!important
}

.container .switch input {
    opacity: 0!important;
    width: 0px!important;
    height: 0px!important
}

.container .switch .slider {
    position: absolute!important;
    cursor: pointer!important;
    inset: 0px!important;
    background: #cfd7e6!important;
    transition: background 0.18s!important
}

.container .switch .slider::before {
    content: ""!important;
    position: absolute!important;
    height: 20px!important;
    width: 20px!important;
    left: 3px!important;
    top: 3px!important;
    background: #ffffff!important;
    transition: transform 0.18s!important;
    box-shadow: rgb(15 26 44 / .25) 0 2px 5px!important
}

.container .switch input:checked+.slider {
    background: #295ccf!important
}

.container .switch input:checked+.slider::before {
    transform: translateX(20px)!important
}

.container .button-group {
    display: flex!important;
    gap: 10px!important;
    flex-wrap: wrap!important;
    margin-top: 8px!important
}

.spinner-container i {
    color: #295ccf!important;
    font-size: 2rem
}

.container .submit_btn {
    position: relative!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 10px 16px!important;
    background: #295ccf!important;
    color: #ffffff!important;
    font-weight: 800!important;
    font-size: 14px!important;
    border: 1px solid #295ccf!important;
    cursor: pointer!important;
    transition: background 0.18s,border-color 0.18s,transform 0.18s!important
}

.container .submit_btn:hover {
    background: #1f49b8!important;
    border-color: #1f49b8!important;
    transform: translateY(-1px)!important
}

.container .submit_btn.clear-button {
    background: #f4f6fb!important;
    color: #0f1a2c!important;
    border-color: #e1e7f0!important
}

.container .submit_btn.clear-button:hover {
    background: #eaf0ff!important;
    border-color: #cfdcff!important
}

.container .submit_btn .loading {
    display: none!important;
    gap: 8px!important
}

.container .submit_btn.is-loading .button-text {
    display: none!important
}

.container .submit_btn.is-loading .loading {
    display: inline-flex!important
}

.container #resultContainer.is-visible {
    display: block!important
}

.container #resultContainer .spinner-container {
    text-align: center!important;
    color: #295ccf!important;
    padding: 8px 0px!important
}

.container #resultContainer.is-loading .spinner-container {
    display: block!important
}

.container #resultContainer.has-result .caption-container {
    display: block!important
}

.container #resultContainer .caption-container h2 {
    margin: 0 0 8px!important;
    font-size: 18px!important;
    font-weight: 800!important;
    color: #0f1a2c!important
}

.container #resultContainer .caption-container p,.container #resultContainer .caption-container #generatedDescription {
    color: #2f3b52!important;
    font-size: 15px!important;
    line-height: 1.6!important;
    white-space: pre-wrap!important
}

.container #resultContainer .error-container {
    color: #d93025!important;
    font-size: 14px!important
}

.container #resultContainer.has-error .error-container {
    display: block!important
}

.container .copy_btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    margin-top: 10px!important;
    padding: 8px 14px!important;
    background: #295ccf!important;
    color: #ffffff!important;
    border: 1px solid #295ccf!important;
    font-weight: 800!important;
    font-size: 14px!important;
    cursor: pointer!important;
    transition: background 0.18s,border-color 0.18s!important
}

.container .copy_btn:hover {
    background: #1f49b8!important;
    border-color: #1f49b8!important
}

.container #copySuccess {
    margin-top: 8px!important;
    color: #137333!important;
    font-size: 13px!important
}

.container #copySuccess.is-shown {
    display: block!important
}

.container .hashtags-container,.container .keywords-container {
    display: flex!important;
    flex-wrap: wrap!important;
    gap: 8px!important;
    margin: 8px 0 4px!important
}

.container .hashtags-container>*,.container .keywords-container>* {
    color: #295ccf;
    background: #eef3ff;
    display: inline-block!important;
    padding: 6px 10px!important;
    font-size: 13px!important;
    font-weight: 700!important;
    border: 1px solid #dbe6ff!important
}

.keyword-tag.selected {
    background-color: #295ccf!important;
    color: #fff
}

.container a:focus-visible,.container button:focus-visible,.container select:focus-visible,.container textarea:focus-visible,.container input:focus-visible {
    outline-offset: 2px!important
}

@media (max-width: 575.98px) {
    .container>.content-box {
        padding:16px 12px!important;
        margin: 10px auto!important
    }

    .container .button-group {
        gap: 8px!important
    }
}

.owl-carousel.pk-lists:not(.owl-loaded) .item {
    display: none
}

.owl-carousel.pk-lists:not(.owl-loaded) .item:first-child {
    display: revert
}

.owl-carousel.pk-lists:not(.owl-loaded) .owl-nav,.owl-carousel.pk-lists:not(.owl-loaded) .owl-dots {
    display: none!important
}

.owl-carousel.pk-lists {
    --skeleton-bg: #efefef;
    --skeleton-sheen: rgba(255,255,255,.65)
}

.owl-carousel.pk-lists:not(.owl-loaded) .item,.owl-carousel.pk-lists .item.loading {
    position: relative;
    overflow: hidden
}

.owl-carousel.pk-lists:not(.owl-loaded) .item,.owl-carousel.pk-lists .item.loading {
    position: relative;
    overflow: hidden
}

.owl-carousel.pk-lists:not(.owl-loaded) .item>*,.owl-carousel.pk-lists .item.loading>* {
    opacity: 0
}

.owl-carousel.pk-lists:not(.owl-loaded) .item::before,.owl-carousel.pk-lists .item.loading::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left,#f6f7f8 10%,#edeef1 30%,#fafcff 50%,#f6f7f8 60%) 0% 0% / 200% 100%;
    animation: 0.5s linear 0s infinite normal forwards running placeHolderShimmer
}

@media only screen and (max-width: 767px) {
    .owl-carousel.pk-lists:not(.owl-loaded) .item,.owl-carousel.pk-lists .item.loading {
        box-sizing:border-box;
        padding: 3px 35px 35px
    }
}

@media only screen and (min-device-width: 428px) and (max-device-width:926px) {
    .owl-carousel.pk-lists:not(.owl-loaded) .item,.owl-carousel.pk-lists .item.loading {
        box-sizing:border-box;
        padding: 3px 55px 35px
    }
}

@media only screen and (min-device-width: 390px) and (max-device-width:844px) {
    .owl-carousel.pk-lists:not(.owl-loaded) .item,.owl-carousel.pk-lists .item.loading {
        box-sizing:border-box;
        padding: 3px 52px 35px
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: right 0 top 0
    }

    100% {
        background-position: left 0 top 0
    }
}

.owl-carousel.pk-lists {
    --loading-gap: 11px
}

.owl-carousel.pk-lists:not(.owl-loaded) {
    margin-bottom: var(--loading-gap)
}

.owl-carousel.pk-lists:not(.owl-loaded)::after {
    content: "";
    display: block;
    height: var(--loading-gap)
}

.owl-carousel.pk-lists:has(.item.loading)::after {
    content: "";
    display: block;
    height: var(--loading-gap)
}

.owl-carousel.pk-lists:not(.owl-loaded) .owl-nav,.owl-carousel.pk-lists:not(.owl-loaded) .owl-dots {
    display: none!important
}

.owl-carousel.pk-lists.owl-loaded .item>* {
    opacity: 1
}

.owl-carousel.pk-lists.owl-loaded .item::before,.owl-carousel.pk-lists.owl-loaded .item::after {
    display: none
}

@media (prefers-reduced-motion:reduce) {
    .owl-carousel.pk-lists:not(.owl-loaded) .item::after,.owl-carousel.pk-lists .item.loading::after {
        animation: auto ease 0s 1 normal none running none
    }
}

body.free-ready .owl-carousel.pk-lists .item::before,body.free-ready .owl-carousel.pk-lists .item::after {
    content: none!important;
    display: none!important
}

body.free-ready .owl-carousel.pk-lists .item>* {
    opacity: 1!important;
    visibility: visible!important
}

body.free-ready .owl-carousel.pk-lists .owl-nav,body.free-ready .owl-carousel.pk-lists .owl-dots {
    display: revert!important
}

#service-overview.fv-service-overview {
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    padding: 60px 20px!important;
    background-color: #f8f9fb!important
}

#service-overview .container {
    max-width: 1100px!important;
    margin: 0 auto!important
}

.sover-card {
    background: #ffffff!important;
    border-radius: 14px!important;
    box-shadow: rgb(0 0 0 / .08) 0 8px 24px!important;
    overflow: hidden!important;
    padding: 30px!important
}

.sover-head {
    display: flex!important;
    align-items: center!important;
    gap: 12px!important;
    margin-bottom: 20px!important;
    border-bottom: 2px solid #eaecef!important;
    padding-bottom: 12px!important
}

.sover-ico {
    font-size: 1.6rem!important;
    color: #125288!important
}

.sover-title {
    font-size: 1.5rem!important;
    font-weight: 700!important;
    color: #222222!important;
    margin: 0px!important
}

.sover-body {
    font-size: 1.05rem!important;
    color: #333333!important;
    line-height: 1.6!important
}

.sover-body p {
    margin-bottom: 14px!important
}

.fv-prose {
    color: #333333!important
}

.fv-prose h3,.fv-prose h4 {
    margin-top: 1.2em!important;
    font-weight: 600!important
}

.fv-prose ul,.fv-prose ol {
    padding-left: 20px!important
}

@media (max-width: 768px) {
    #service-overview.fv-service-overview {
        padding:40px 15px!important
    }

    .sover-title {
        font-size: 1.3rem!important
    }

    .sover-card {
        padding: 20px!important
    }
}

.fv-service-note-inline .sn-alert {
    border-color: #ffe9a6!important;
    background-color: #fff3cd!important;
    color: #856404!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    padding: 10px 1rem!important;
    font-size: 1.05rem!important;
    letter-spacing: 0.2px!important;
    font-weight: 400!important;
    font-family: Roboto,Arial,sans-serif!important;
    border-radius: 6px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 10px!important;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out!important
}

.fv-service-note-inline .sn-ico {
    font-size: 1rem!important;
    flex: 0 0 auto!important;
    color: inherit!important;
    margin-right: 6px!important
}

.fv-service-note-inline .sn-text {
    flex: 1 1 auto!important;
    word-break: break-word!important
}

.fv-service-note-inline .sn-close {
    appearance: none!important;
    background: #fff3cd!important;
    border: 1px solid #e6d8a4!important;
    color: #856404!important;
    width: 24px!important;
    height: 24px!important;
    font-size: 14px!important;
    line-height: 1!important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 50%!important;
    cursor: pointer!important;
    transition: background-color 0.15s ease-in-out,transform 0.15s ease-in-out!important
}

.fv-service-note-inline .sn-close:hover {
    background-color: #ffecb5!important;
    transform: scale(1.05)!important
}

.fv-service-note-inline .sn-close:active {
    transform: scale(.95)!important
}

.fv-service-info-inline .si-alert {
    border: 1px solid #abdee5!important;
    background-color: #d1ecf1!important;
    color: #0c5460!important;
    margin-top: 10px!important;
    margin-bottom: 15px!important;
    padding: 10px 1rem!important;
    font-size: 1.05rem!important;
    letter-spacing: 0.2px!important;
    font-weight: 400!important;
    font-family: Roboto,Arial,sans-serif!important;
    border-radius: 6px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 10px!important;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,opacity 0.22s,transform 0.22s!important
}

.fv-service-info-inline .si-ico {
    font-size: 1rem!important;
    flex: 0 0 auto!important;
    color: inherit!important;
    margin-right: 6px!important
}

.fv-service-info-inline .si-text {
    flex: 1 1 auto!important;
    word-break: break-word!important
}

.fv-service-info-inline .si-close {
    appearance: none!important;
    background: #c3e6eb!important;
    border: 1px solid #a6d5dc!important;
    color: #0c5460!important;
    width: 24px!important;
    height: 24px!important;
    font-size: 14px!important;
    line-height: 1!important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 50%!important;
    cursor: pointer!important;
    transition: background-color 0.15s ease-in-out,transform 0.15s ease-in-out!important
}

.fv-service-info-inline .si-close:hover {
    background-color: #b9dfe5!important;
    transform: scale(1.05)!important
}

.fv-service-info-inline .si-close:active {
    transform: scale(.95)!important
}

.fv-service-info-inline .si-alert.is-closing {
    opacity: 0!important;
    transform: translateY(-4px) scale(.98)!important
}

.fv-service-overview,.fv-features {
    --brand: #3a75fa !important;
    --brand-dk: #295ccf !important;
    --brand-alt: #217fcd !important;
    --ink: #0f1b3d !important;
    --muted: #516287 !important;
    --line: #e6eeff !important;
    --card: #ffffff !important
}

.fv-service-overview {
    background: linear-gradient(#f7faff 0%,#ffffff 70%)!important;
    padding: 42px 0px!important
}

.fv-service-overview .sover-card {
    background: var(--card)!important;
    border: 1px solid var(--line)!important;
    border-radius: 18px!important;
    padding: 24px 22px!important;
    box-shadow: rgb(41 92 207 / .08) 0 10px 24px!important
}

.fv-service-overview .sover-head {
    display: flex!important;
    align-items: center!important;
    gap: 12px!important;
    margin-bottom: 10px!important
}

.fv-service-overview .sover-ico {
    width: 44px!important;
    height: 44px!important;
    display: grid!important;
    place-items: center!important;
    0.3rem!importantcolor:var(--brand)!important;background: radial-gradient(120% 120% at 0% 0%,#eef3ff 0%,#e3ecff 100%)!important;
    box-shadow: inset 0 0 0 1px var(--line),0 6px 14px rgb(58 117 250 / .12)!important
}

.fv-service-overview .sover-title {
    margin: 0px!important;
    font: 800 1.25rem / 1.2 Roboto,system-ui,Arial,sans-serif!important;
    color: var(--ink)!important
}

.fv-service-overview .sover-body {
    margin-top: 12px!important;
    color: var(--muted)!important;
    line-height: 1.65!important
}

.fv-features {
    background: linear-gradient(#ffffff 0%,#f8fbff 100%)!important;
    padding: 46px 0 40px!important;
    position: relative!important
}

.fv-features .fv-sect-head {
    text-align: center!important;
    margin-bottom: 20px!important
}

.fv-features .fv-sect-title {
    margin: 0px!important;
    font: 900 1.45rem / 1.15 Roboto,system-ui,Arial,sans-serif!important;
    letter-spacing: 0.3px!important;
    color: #295ccf!important;
    text-transform: uppercase!important
}

.fv-features .fv-sect-underline {
    width: 92px!important;
    height: 4px!important;
    margin: 10px auto 0px!important;
    border-radius: 6px!important;
    background: linear-gradient(90deg,var(--brand) 0%,var(--brand-dk) 100%)!important
}

.fv-features .fv-grid {
    display: grid!important;
    grid-template-columns: 1fr!important;
    gap: 14px!important
}

@media (min-width: 992px) {
    .fv-features .fv-grid {
        grid-template-columns:1fr 1fr!important;
        gap: 16px 18px!important
    }
}

.fv-feature-card {
    position: relative!important;
    display: flex!important;
    align-items: flex-start!important;
    gap: 16px!important;
    background: var(--card)!important;
    border: 1px solid var(--line)!important;
    border-radius: 16px!important;
    padding: 18px!important;
    text-decoration: none!important;
    box-shadow: rgb(16 27 61 / .06) 0 6px 18px!important;
    transition: transform 0.18s,box-shadow 0.18s,border-color 0.18s!important;
    overflow: hidden!important
}

.fv-feature-card::before {
    content: ""!important;
    position: absolute!important;
    inset: 0 0 auto!important;
    height: 3px!important;
    background: linear-gradient(90deg,var(--brand) 0%,var(--brand-dk) 100%)!important;
    opacity: 0!important;
    transition: opacity 0.2s!important
}

.fv-feature-card:hover,.fv-feature-card:focus-within {
    transform: translateY(-3px)!important;
    border-color: rgb(58 117 250 / .45)!important;
    box-shadow: rgb(41 92 207 / .16) 0 12px 26px!important
}

.fv-feature-card:hover::before,.fv-feature-card:focus-within::before {
    opacity: 1!important
}

.fv-ico {
    flex: 0 0 auto!important;
    width: 52px!important;
    height: 52px!important;
    display: grid!important;
    place-items: center!important;
    border-radius: 14px!important;
    color: var(--brand)!important;
    background: radial-gradient(120% 120% at 0% 0%,#eef3ff 0%,#e3ecff 100%)!important;
    box-shadow: inset 0 0 0 1px var(--line),0 4px 12px rgb(58 117 250 / .10)!important;
    transition: transform 0.2s!important
}

.fv-feature-card:hover .fv-ico {
    transform: scale(1.05) rotate(1deg)!important
}

.fv-ico i {
    font-size: 22px!important;
    line-height: 1!important
}

.fv-text {
    min-width: 0px!important
}

.fv-item-title {
    margin: 0 0 6px!important;
    color: var(--ink)!important;
    font: 800 1.05rem / 1.25 Roboto,system-ui,Arial,sans-serif!important;
    letter-spacing: 0.2px!important
}

.fv-item-body {
    margin: 0px!important;
    color: var(--muted)!important;
    font-size: 0.98rem!important;
    line-height: 1.6!important
}

@media (max-width: 576px) {
    .fv-feature-card {
        padding:16px 14px!important;
        border-radius: 14px!important
    }

    .fv-ico {
        width: 46px!important;
        height: 46px!important;
        border-radius: 12px!important
    }

    .fv-ico i {
        font-size: 20px!important
    }

    .fv-item-title {
        font-size: 1rem!important
    }

    .fv-item-body {
        font-size: 0.95rem!important
    }
}

:root {
    --brand: #3a75fa !important;
    --brand-dk: #295ccf !important;
    --ink: #0f1b3d !important
}

h1#dynamicFontSize.service-title- {
    font-family: Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-weight: 500!important;
    line-height: 1.1!important;
    letter-spacing: 0.2px!important;
    text-wrap: balance!important;
    background-image: !important;
    background-position-x: !important;
    background-position-y: !important;
    background-size: !important;
    background-repeat: !important;
    background-attachment: !important;
    background-origin: !important;
    background-color: !important;
    background-clip: text!important;
    color: #295ccf!important
}

.total-price {
    background: #f5f7ff!important;
    border: 1px dashed #cdd9ff!important;
    border-radius: 14px!important;
    padding: 14px!important
}

@media (max-width: 576px) {
    h1#dynamicFontSize.service-title- {
        letter-spacing:0.1px!important
    }

    h1#dynamicFontSize.service-title-::after {
        width: 60px!important;
        height: 3px!important
    }
}

:root {
    --sf-primary: #3a75fa !important;
    --sf-secondary: #295ccf !important;
    --sf-primary-light: #5a8fff !important;
    --sf-primary-dark: #1a55da !important;
    --sf-gradient: linear-gradient(135deg, #3a75fa 0%, #295ccf 100%) !important;
    --sf-gradient-hover: linear-gradient(135deg, #295ccf 0%, #1a45bf 100%) !important;
    --sf-ink: #1f2937 !important;
    --sf-sub: #6b7280 !important;
    --sf-muted: #9ca3af !important;
    --sf-card: #ffffff !important;
    --sf-bg-light: #f8fafc !important;
    --sf-border: #e5e7eb !important;
    --sf-ring: rgba(58, 117, 250, 0.25) !important;
    --sf-success: #10b981 !important;
    --sf-warning: #f59e0b !important;
    --sf-error: #ef4444 !important;
    --sf-radius: 0px !important;
    --sf-radius-lg: 16px !important;
    --sf-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    --sf-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    --sf-shadow-lg: 0 10px 25px -5px rgba(58, 117, 250, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    --sf-shadow-xl: 0 20px 40px -10px rgba(58, 117, 250, 0.2) !important;
    --sf-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important
}

.cart-box {
    background: linear-gradient(135deg,var(--sf-primary) 0%,var(--sf-secondary) 100%)!important;
    border: 1px solid var(--sf-primary)!important;
    color: #ffffff!important;
    padding: 12px 30px!important;
    font-weight: 600!important;
    font-size: 1.05rem!important;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out!important;
    cursor: pointer!important
}

.cart-box:hover {
    background: #ffffff!important;
    color: var(--sf-primary)!important;
    border-color: var(--sf-primary)!important
}

.cart-box:active {
    background: #ffffff!important;
    color: #ffffff!important;
    border-color: var(--sf-primary)!important
}

.deliveri-time.btn-info {
    display: inline-flex!important;
    align-items: center!important;
    gap: 8px!important;
    background: rgb(58 117 250 / .1)!important;
    color: var(--sf-primary)!important;
    border: 1px solid rgb(58 117 250 / .2)!important;
    border-radius: 0px!important;
    padding: 12px 16px!important;
    font-size: 0.9rem!important;
    font-weight: 500!important;
    width: 100%!important;
    justify-content: center!important
}

.deliveri-time.btn-info i {
    color: var(--sf-primary)!important
}

#durationSelect {
    cursor: pointer!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-position: right 14px center!important;
    background-size: 18px!important;
    padding-right: 44px!important;
    appearance: none!important
}

.product-content .form-control,#usernameInput,#quantityInput,#newDesktopId,#durationSelect,#commentsTextarea {
    width: 100%!important;
    font-size: 1rem!important;
    color: var(--sf-ink)!important;
    border-radius: 0px!important;
    transition: var(--sf-transition)!important;
    outline: none!important
}

.alert-warning {
    background: rgb(245 158 11 / .1)!important;
    border: 1px solid rgb(245 158 11 / .2)!important;
    color: #92400e!important;
    border-radius: 10px!important;
    padding: 12px 16px!important;
    text-decoration: none!important
}

.success_alert {
    background: rgb(16 185 129 / .1)!important;
    border: 1px solid rgb(16 185 129 / .2)!important;
    color: #065f46!important;
    border-radius: 10px!important;
    text-decoration: none!important
}

.success_alert .go-to-cart {
    color: var(--sf-primary)!important;
    font-weight: 600!important;
    text-decoration: none!important
}

:root {
    --ig-likes: #ff003b;
    --ig-likes-hover: #ff1a4d;
    --ig-views: #7b2cbf;
    --ig-views-hover: #9f44d9;
    --ig-comments: #1D4E89;
    --ig-comments-hover: #2361a7;
    --ig-others: #E76F51;
    --ig-others-hover: #f28569;
    --fb-like: #1969ff;
    --fb-like-hover: #3d85ff;
    --fb-wow: #9f9442;
    --fb-wow-hover: #b5a84e;
    --fb-love: #cb1640;
    --fb-love-hover: #e61b4a;
    --fb-haha: #f1a00b;
    --fb-haha-hover: #ffb41f;
    --fb-sad: #ff7e00;
    --fb-sad-hover: #ff9933;
    --fb-angry: #672424;
    --fb-angry-hover: #7d2d2d;
    --followers: #CF4475;
    --views: #6E4BFF;
    --comments: #FF5D27;
    --linkedin: #0077b5;
    --soundcloud: #FF7D00;
    --youtube: #FF4040;
    --twitch: #854CD3;
    --quora: #D03157;
    --vk: #54789F;
    --web: #2CA2EE;
    --insta: #ff2f2f;
    --pinterest: #E60023;
    --primary: #316aecf5;
    --primary-hover: #5592ff;
    --hover-accent: #6495ed;
    --border-subtle: #080f613b;
    --white: #ffffff;
    --text-dark: #333333;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
    --shadow-colored: 0 8px 24px;
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --radius-sm: 4px;
    --radius-md: 0px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 50%
}

.btniglike.dropline-cus-before {
    border: .125rem solid #d04545!important;
    color: #d04545!important;
    transition: var(--transition-base)!important;
    position: relative!important;
    overflow: hidden!important
}

.btniglike.dropline-cus-before:hover {
    transform: translateY(-2px)!important;
    box-shadow: rgb(208 69 69 / .3) 0 6px 20px!important
}

.btniglike.dropline-cus-before::after,.btniglike.dropline-cus-before::before {
    background-color: #d04545!important;
    transition: var(--transition-base)!important
}

.social-links-list [class*="service-title-"] {
    font-size: 18px!important;
    font-weight: 600!important;
    margin-bottom: 0px!important;
    transition: var(--transition-fast)!important;
    position: relative!important;
    display: inline-block!important;
    padding-bottom: 4px!important
}

.social-links-list [class*="service-title-"]::after {
    content: ""!important;
    position: absolute!important;
    width: 0px!important;
    height: 2px!important;
    bottom: 0px!important;
    left: 0px!important;
    background-color: var(--hover-accent)!important;
    transition: width var(--transition-fast)!important
}

.social-links-list [class*="service-title-"]:hover {
    color: var(--hover-accent)!important;
    transform: translateX(8px)!important
}

.social-links-list [class*="service-title-"]:hover::after {
    width: 100%!important
}

.social-links-list .service-title-followers {
    color: var(--followers)!important
}

.social-links-list .service-title-views {
    color: var(--views)!important
}

.social-links-list .service-title-comments {
    color: var(--comments)!important
}

.social-links-list .service-title-Pinterest {
    color: var(--pinterest)!important
}

.social-links-list .service-title-Linkedin {
    color: var(--linkedin)!important
}

.social-links-list .service-title-SoundCloud {
    color: var(--soundcloud)!important
}

.social-links-list .service-title-YouTube {
    color: var(--youtube)!important
}

.social-links-list .service-title-Twitch {
    color: var(--twitch)!important
}

.social-links-list .service-title-Quora {
    color: var(--quora)!important
}

.social-links-list .service-title-VK {
    color: var(--vk)!important
}

.social-links-list .service-title-Web {
    color: var(--web)!important
}

.social-links-list .service-title-insta {
    color: var(--insta)!important
}

body.iglikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-likes) 0%,var(--ig-likes-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.iglikes-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    box-shadow: rgb(255 0 59 / .4) 0 10px 30px!important
}

body.iglikes-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(255 0 59 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important;
    overflow: hidden!important
}

body.iglikes-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-likes)!important;
    box-shadow: rgb(255 0 59 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.iglikes-category .owl-nav .owl-prev::before,body.iglikes-category .owl-nav .owl-next::after,body.iglikes-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-likes) 0%,var(--ig-likes-hover) 100%)!important;
    box-shadow: var(--shadow-md)!important
}

body.iglikes-category section.package-content .pk-lists .item .features .text-icon {
    color: var(--ig-likes)!important;
    font-weight: 600!important
}

body.igviews-category section.header-top .mini-menu li.active a,body.igviews-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--ig-views) 0%,var(--ig-views-hover) 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(123 44 191 / .3) 0 6px 20px!important
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-views) 0%,var(--ig-views-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(123 44 191 / .4) 0 10px 30px!important
}

body.igviews-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(123 44 191 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.igviews-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-views)!important;
    box-shadow: rgb(123 44 191 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.igviews-category .owl-nav .owl-prev::before,body.igviews-category .owl-nav .owl-next::after,body.igviews-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-views) 0%,var(--ig-views-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.igCOMMENTS-category section.header-top .mini-menu li.active a,body.igCOMMENTS-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--ig-comments) 0%,var(--ig-comments-hover) 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(29 78 137 / .3) 0 6px 20px!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-comments) 0%,var(--ig-comments-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(29 78 137 / .4) 0 10px 30px!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(29 78 137 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-comments)!important;
    box-shadow: rgb(29 78 137 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.igCOMMENTS-category .owl-nav .owl-prev::before,body.igCOMMENTS-category .owl-nav .owl-next::after,body.igCOMMENTS-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-comments) 0%,var(--ig-comments-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.igothers-category section.header-top .mini-menu li.active a,body.igothers-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--ig-others) 0%,var(--ig-others-hover) 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(231 111 81 / .3) 0 6px 20px!important
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-others) 0%,var(--ig-others-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(231 111 81 / .4) 0 10px 30px!important
}

body.igothers-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(231 111 81 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.igothers-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-others)!important;
    box-shadow: rgb(231 111 81 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.igothers-category .owl-nav .owl-prev::before,body.igothers-category .owl-nav .owl-next::after,body.igothers-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-others) 0%,var(--ig-others-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.igothers-category section.package-content .pk-lists .item .features .text-icon {
    color: var(--ig-others)!important;
    font-weight: 600!important
}

body.linkedin-category section.header-top .mini-menu li.active a,body.linkedin-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,#0077b5 0%,#0099d8 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(0 119 181 / .3) 0 6px 20px!important
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,#0077b5 0%,#0099d8 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(0 119 181 / .4) 0 10px 30px!important
}

body.linkedin-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(0 119 181 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.linkedin-category section.package-content .pk-lists .item .card:hover {
    border-color: #0077b5!important;
    box-shadow: rgb(0 119 181 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.linkedin-category .owl-nav .owl-prev::before,body.linkedin-category .owl-nav .owl-next::after,body.linkedin-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,#0077b5 0%,#0099d8 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postlikes-category section.header-top .mini-menu li.active a,body.postlikes-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-like) 0%,var(--fb-like-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(25 105 255 / .3) 0 6px 20px!important
}

body.postlikes-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(25 105 255 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postlikes-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-like)!important;
    box-shadow: rgb(25 105 255 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postlikes-category .owl-nav .owl-prev::before,body.postlikes-category .owl-nav .owl-next::after,body.postlikes-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-like) 0%,var(--fb-like-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postlikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-like) 0%,var(--fb-like-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postwow-category section.header-top .mini-menu li.active a,body.postwow-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-wow) 0%,var(--fb-wow-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(159 148 66 / .3) 0 6px 20px!important
}

body.postwow-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(159 148 66 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postwow-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-wow)!important;
    box-shadow: rgb(159 148 66 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postwow-category .owl-nav .owl-prev::before,body.postwow-category .owl-nav .owl-next::after,body.postwow-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-wow) 0%,var(--fb-wow-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postwow-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-wow) 0%,var(--fb-wow-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postlove-category section.header-top .mini-menu li.active a,body.postlove-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-love) 0%,var(--fb-love-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(203 22 64 / .3) 0 6px 20px!important
}

body.postlove-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(203 22 64 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postlove-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-love)!important;
    box-shadow: rgb(203 22 64 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postlove-category .owl-nav .owl-prev::before,body.postlove-category .owl-nav .owl-next::after,body.postlove-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-love) 0%,var(--fb-love-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postlove-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-love) 0%,var(--fb-love-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.posthaha-category section.header-top .mini-menu li.active a,body.posthaha-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-haha) 0%,var(--fb-haha-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(241 160 11 / .3) 0 6px 20px!important
}

body.posthaha-category .header .btn-dm-item:hover,body.posthaha-category .btn-dm-item:focus,body.posthaha-category .header .navbar .navbar-nav .nav-link:hover,body.posthaha-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.posthaha-category .header .navbar .navbar-nav .active>.nav-link,body.posthaha-category section.package-content .pk-header .title strong,body.posthaha-category section.package-content .pk-lists .item .name .number,body.posthaha-category section.package-content .pk-lists .item .features .text-icon,body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: var(--fb-haha)!important
}

body.posthaha-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(241 160 11 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.posthaha-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-haha)!important;
    box-shadow: rgb(241 160 11 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.posthaha-category .owl-nav .owl-prev::before,body.posthaha-category .owl-nav .owl-next::after,body.posthaha-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-haha) 0%,var(--fb-haha-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-haha) 0%,var(--fb-haha-hover) 100%)!important;
    border: none!important;
    padding: 12px 28px!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postsad-category section.header-top .mini-menu li.active a,body.postsad-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-sad) 0%,var(--fb-sad-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(255 126 0 / .3) 0 6px 20px!important
}

body.postsad-category .header .btn-dm-item:hover,body.postsad-category .btn-dm-item:focus,body.postsad-category .header .navbar .navbar-nav .nav-link:hover,body.postsad-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postsad-category .header .navbar .navbar-nav .active>.nav-link,body.postsad-category section.package-content .pk-header .title strong,body.postsad-category section.package-content .pk-lists .item .name .number,body.postsad-category section.package-content .pk-lists .item .features .text-icon,body.postsad-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: var(--fb-sad)!important
}

body.postsad-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(255 126 0 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postsad-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-sad)!important;
    box-shadow: rgb(255 126 0 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postsad-category .owl-nav .owl-prev::before,body.postsad-category .owl-nav .owl-next::after,body.postsad-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-sad) 0%,var(--fb-sad-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postsad-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-sad) 0%,var(--fb-sad-hover) 100%)!important;
    border: none!important;
    padding: 12px 28px!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postangry-category section.header-top .mini-menu li.active a,body.postangry-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-angry) 0%,var(--fb-angry-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(103 36 36 / .3) 0 6px 20px!important
}

body.postangry-category .header .btn-dm-item:hover,body.postangry-category .btn-dm-item:focus,body.postangry-category .header .navbar .navbar-nav .nav-link:hover,body.postangry-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postangry-category .header .navbar .navbar-nav .active>.nav-link,body.postangry-category section.package-content .pk-header .title strong,body.postangry-category section.package-content .pk-lists .item .name .number,body.postangry-category section.package-content .pk-lists .item .features .text-icon,body.postangry-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: var(--fb-angry)!important
}

body.postangry-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(103 36 36 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postangry-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-angry)!important;
    box-shadow: rgb(103 36 36 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postangry-category .owl-nav .owl-prev::before,body.postangry-category .owl-nav .owl-next::after,body.postangry-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-angry) 0%,var(--fb-angry-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postangry-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-angry) 0%,var(--fb-angry-hover) 100%)!important;
    border: none!important;
    padding: 12px 28px!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:0 24px!important;
        margin-bottom: 20px!important
    }

    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position: absolute!important;
        font-family: FontAwesome!important;
        font-size: 24px!important;
        background: linear-gradient(135deg,#32a852 0%,#4bc46e 100%)!important;
        width: 40px!important;
        height: 40px!important;
        text-align: center!important;
        border-radius: var(--radius-full)!important;
        line-height: 40px!important;
        color: var(--white)!important;
        box-shadow: var(--shadow-md)!important;
        transition: var(--transition-base)!important
    }

    .owl-nav .owl-prev:hover::before,.owl-nav .owl-next:hover::after {
        transform: scale(1.1)!important;
        box-shadow: var(--shadow-lg)!important
    }

    .header .navbar-brand img {
        height: 50px!important;
        width: auto!important;
        margin-top: -26px!important;
        margin-bottom: -27px!important
    }

    .select-package {
        text-align: center!important;
        margin-bottom: -38px!important
    }

    section.checkout-form {
        overflow: hidden!important;
        margin-top: -30px!important
    }

    .container.cus.mobile {
        padding-top: 0px!important
    }
}

@media screen and (max-width: 768px) {
    .header .navbar-brand img {
        width:auto!important
    }
}

@media (min-width: 769px) and (max-width:993px) {
    .header .navbar-brand img {
        height:66px!important;
        max-width: max-content!important
    }
}

@media screen and (min-width: 1004px) and (max-width:1306px) {
    .header .navbar-brand img {
        margin-top:-19px!important;
        margin-bottom: -4px!important
    }

    .header .navbar .navbar-nav .nav-link {
        color: var(--white)!important;
        font-weight: 600!important;
        padding: 12px 20px!important;
        cursor: pointer!important;
        position: relative!important;
        background: transparent!important;
        font-size: 16px!important;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
        line-height: 24px!important;
        transition: var(--transition-fast)!important;
        border-radius: var(--radius-sm)!important
    }

    .header .navbar .navbar-nav .nav-link:hover {
        background: rgb(255 255 255 / .1)!important;
        transform: translateY(-2px)!important
    }
}

@media (min-width: 768px) {
    .container.blogpage.d {
        margin-top:-100px!important
    }
}

a.top-nav-link:hover {
    color: var(--white)!important;
    text-decoration: none!important;
    transition: var(--transition-fast)!important
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }
}

.animate-fade-in-up {
    animation: 0.6s ease-out 0s 1 normal none running fadeInUp!important
}

.animate-pulse {
    animation: 2s ease-in-out 0s infinite normal none running pulse!important
}

html {
    scroll-behavior: smooth!important
}

:focus-visible {
    outline: 2px solid var(--primary)!important;
    outline-offset: 2px!important
}

:root {
    --bs-primary: #3a75fa !important;
    --bs-secondary: #295ccf !important;
    --bs-gradient: linear-gradient(135deg, #3a75fa 0%, #295ccf 100%) !important;
    --bs-gradient-hover: linear-gradient(135deg, #295ccf 0%, #1a45bf 100%) !important;
    --bs-white: #ffffff !important;
    --bs-dark: #0f1b3d !important;
    --bs-text: #1f2937 !important;
    --bs-muted: #6b7280 !important;
    --bs-light-bg: #f8fafc !important;
    --bs-border: #e5e7eb !important;
    --bs-success: #10b981 !important;
    --bs-shadow-sm: 0 2px 8px rgba(58, 117, 250, 0.08) !important;
    --bs-shadow-md: 0 8px 20px rgba(58, 117, 250, 0.15) !important;
    --bs-shadow-lg: 0 16px 32px rgba(58, 117, 250, 0.2) !important;
    --bs-radius-sm: 8px !important;
    --bs-radius-md: 12px !important;
    --bs-radius-lg: 20px !important;
    --bs-radius-xl: 28px !important
}

#bestsellers-section {
    background: ;
    padding: 0 0 80px!important;
    margin-top: 100px!important;
    position: relative!important;
    overflow: hidden!important
}

#bestsellers-section::before {
    content: ''!important;
    position: absolute!important;
    top: 0!important;
    left: 100px!important;
    width: 400px!important;
    height: 400px!important;
    background: radial-gradient(circle,rgb(58 117 250 / .08) 0%,transparent 70%)!important;
    pointer-events: none!important
}

#bestsellers-section::after {
    content: ''!important;
    position: absolute!important;
    bottom: -100px!important;
    right: -100px!important;
    width: 500px!important;
    height: 500px!important;
    background: radial-gradient(circle,rgb(41 92 207 / .06) 0%,transparent 70%)!important;
    pointer-events: none!important
}

.bestsellers-header {
    text-align: center!important;
    margin-bottom: 50px!important;
    position: relative!important;
    z-index: 2!important
}

.bestsellers-header h2 {
    font-size: clamp(28px, 5vw, 42px)!important;
    font-weight: 900!important;
    color: var(--bs-dark)!important;
    margin: 0 0 12px!important;
    letter-spacing: -1px!important;
    line-height: 1.2!important
}

.bestsellers-header h2 .highlight {
    background: var(--bs-gradient)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important
}

.bestsellers-header .subtitle {
    font-size: 16px!important;
    color: var(--bs-muted)!important;
    font-weight: 500!important;
    max-width: 600px!important;
    margin: 0 auto!important
}

.bestsellers-header .title-decoration {
    width: 100px!important;
    height: 5px!important;
    background: var(--bs-gradient)!important;
    border-radius: 10px!important;
    margin: 20px auto 0!important;
    position: relative!important
}

.bestsellers-header .title-decoration::before,.bestsellers-header .title-decoration::after {
    content: ''!important;
    position: absolute!important;
    width: 8px!important;
    height: 8px!important;
    background: var(--bs-primary)!important;
    border-radius: 50%!important;
    top: 50%!important;
    transform: translateY(-50%)!important
}

.bestsellers-header .title-decoration::before {
    left: -15px!important
}

.bestsellers-header .title-decoration::after {
    right: -15px!important
}

.bestsellers-carousel-wrapper {
    position: relative!important;
    max-width: 1400px!important;
    margin: 0 auto!important;
    padding: 0 60px!important
}

.bestsellers-carousel-container {
    overflow: hidden!important;
    position: relative!important
}

.bestsellers-carousel-track {
    display: flex!important;
    gap: 20px!important;
    transition: transform 0.5s cubic-bezier(.4,0,.2,1)!important
}

.carousel-nav {
    position: absolute!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
    width: 52px!important;
    height: 52px!important;
    background: var(--bs-white)!important;
    border: 2px solid rgb(58 117 250 / .2)!important;
    border-radius: 50%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    cursor: pointer!important;
    transition: all 0.3s ease!important;
    z-index: 10!important;
    box-shadow: var(--bs-shadow-sm)!important
}

.carousel-nav:hover:not(:disabled) {
    background: var(--bs-gradient)!important;
    border-color: transparent!important;
    box-shadow: var(--bs-shadow-md)!important;
    transform: translateY(-50%) scale(1.1)!important
}

.carousel-nav:hover:not(:disabled) i {
    color: var(--bs-white)!important
}

.carousel-nav:disabled {
    opacity: 0.3!important;
    cursor: not-allowed!important
}

.carousel-nav i {
    font-size: 20px!important;
    color: var(--bs-primary)!important;
    transition: color 0.3s ease!important
}

.carousel-prev {
    left: 0!important
}

.carousel-next {
    right: 0!important
}

.bestsellers-card {
    flex: 0 0 calc(25% - 15px)!important;
    background: rgb(255 255 255 / .95)!important;
    backdrop-filter: blur(10px)!important;
    border: 1px solid rgb(58 117 250 / .15)!important;
    border-radius: var(--bs-radius-xl)!important;
    padding: 32px 24px 28px!important;
    box-shadow: var(--bs-shadow-sm)!important;
    transition: all 0.4s cubic-bezier(.4,0,.2,1)!important;
    position: relative!important;
    overflow: hidden!important;
    display: flex!important;
    flex-direction: column!important
}

.bestsellers-card::before {
    content: ''!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    height: 5px!important;
    background: var(--bs-gradient)!important;
    opacity: 0!important;
    transition: opacity 0.3s ease!important
}

.bestsellers-card::after {
    content: ''!important;
    position: absolute!important;
    top: -50%!important;
    right: -50%!important;
    width: 200%!important;
    height: 200%!important;
    background: radial-gradient(circle,rgb(58 117 250 / .03) 0%,transparent 70%)!important;
    pointer-events: none!important;
    transition: transform 0.6s ease!important
}

.bestsellers-card:hover {
    transform: translateY(-12px) scale(1.02)!important;
    box-shadow: var(--bs-shadow-lg)!important;
    border-color: rgb(58 117 250 / .3)!important
}

.bestsellers-card:hover::before {
    opacity: 1!important
}

.bestsellers-card:hover::after {
    transform: translate(-25%,-25%)!important
}

.card-header-section {
    position: relative!important;
    margin-bottom: 20px!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important
}

.icon-wrapper {
    width: 80px!important;
    height: 80px!important;
    background: var(--bs-gradient)!important;
    border-radius: 50%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    margin-bottom: 16px!important;
    box-shadow: 0 8px 24px rgb(58 117 250 / .25)!important;
    transition: all 0.4s ease!important;
    position: relative!important
}

.icon-wrapper::before {
    content: ''!important;
    position: absolute!important;
    inset: -3px!important;
    background: var(--bs-gradient)!important;
    border-radius: 50%!important;
    opacity: 0!important;
    filter: blur(8px)!important;
    transition: opacity 0.4s ease!important
}

.bestsellers-card:hover .icon-wrapper {
    transform: rotate(10deg) scale(1.1)!important
}

.bestsellers-card:hover .icon-wrapper::before {
    opacity: 0.4!important
}

.icon-wrapper i {
    font-size: 38px!important;
    color: var(--bs-white)!important;
    z-index: 1!important;
    transition: transform 0.4s ease!important
}

.bestsellers-card:hover .icon-wrapper i {
    transform: scale(1.1)!important
}

.quantity-badge {
    display: inline-flex!important;
    align-items: center!important;
    gap: 6px!important;
    background: ;
    color: var(--bs-primary)!important;
    padding: 6px 16px!important;
    border-radius: 20px!important;
    font-size: 13px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    letter-spacing: 0.5px!important;
    border:
}

.quantity-badge i {
    font-size: 12px!important
}

.service-name-section {
    margin-bottom: 20px!important;
    min-height: 50px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.service-name-text {
    font-size: 19px!important;
    font-weight: 800!important;
    color: var(--bs-dark)!important;
    text-align: center!important;
    line-height: 1.3!important;
    letter-spacing: -0.3px!important;
    margin: 0!important
}

.pricing-section {
    margin-bottom: 24px!important;
    padding: 20px 16px!important;
    background: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;
    border-radius: var(--bs-radius-md)!important;
    position: relative!important;
    text-align: center!important
}

.price-main {
    font-size: 36px!important;
    font-weight: 900!important;
    color: var(--bs-primary)!important;
    line-height: 1!important;
    margin-bottom: 8px!important;
    letter-spacing: -1px!important
}

.price-original {
    font-size: 18px!important;
    color: var(--bs-muted)!important;
    text-decoration: line-through!important;
    font-weight: 500!important;
    opacity: 0.7!important;
    display: block!important;
    margin-bottom: 8px!important
}

.discount-badge {
    display: inline-flex!important;
    align-items: center!important;
    gap: 5px!important;
    background: linear-gradient(135deg,var(--bs-success) 0%,#059669 100%)!important;
    color: var(--bs-white)!important;
    padding: 5px 14px!important;
    border-radius: 16px!important;
    font-size: 12px!important;
    font-weight: 800!important;
    text-transform: uppercase!important;
    letter-spacing: 0.5px!important;
    box-shadow: 0 4px 12px rgb(16 185 129 / .3)!important
}

.discount-badge i {
    font-size: 11px!important
}

:root {
    --ig-likes: #ff003b;
    --ig-likes-hover: #ff1a4d;
    --ig-views: #7b2cbf;
    --ig-views-hover: #9f44d9;
    --ig-comments: #1D4E89;
    --ig-comments-hover: #2361a7;
    --ig-others: #E76F51;
    --ig-others-hover: #f28569;
    --fb-like: #1969ff;
    --fb-like-hover: #3d85ff;
    --fb-wow: #9f9442;
    --fb-wow-hover: #b5a84e;
    --fb-love: #cb1640;
    --fb-love-hover: #e61b4a;
    --fb-haha: #f1a00b;
    --fb-haha-hover: #ffb41f;
    --fb-sad: #ff7e00;
    --fb-sad-hover: #ff9933;
    --fb-angry: #672424;
    --fb-angry-hover: #7d2d2d;
    --followers: #CF4475;
    --views: #6E4BFF;
    --comments: #FF5D27;
    --linkedin: #0077b5;
    --soundcloud: #FF7D00;
    --youtube: #FF4040;
    --twitch: #854CD3;
    --quora: #D03157;
    --vk: #54789F;
    --web: #2CA2EE;
    --insta: #ff2f2f;
    --pinterest: #E60023;
    --primary: #316aecf5;
    --primary-hover: #5592ff;
    --hover-accent: #6495ed;
    --border-subtle: #080f613b;
    --white: #ffffff;
    --text-dark: #333333;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
    --shadow-colored: 0 8px 24px;
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --radius-sm: 4px;
    --radius-md: 0px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 50%
}

.btniglike.dropline-cus-before {
    border: .125rem solid #d04545!important;
    color: #d04545!important;
    transition: var(--transition-base)!important;
    position: relative!important;
    overflow: hidden!important
}

.btniglike.dropline-cus-before:hover {
    transform: translateY(-2px)!important;
    box-shadow: rgb(208 69 69 / .3) 0 6px 20px!important
}

.btniglike.dropline-cus-before::after,.btniglike.dropline-cus-before::before {
    background-color: #d04545!important;
    transition: var(--transition-base)!important
}

.social-links-list [class*="service-title-"] {
    font-size: 18px!important;
    font-weight: 600!important;
    margin-bottom: 0px!important;
    transition: var(--transition-fast)!important;
    position: relative!important;
    display: inline-block!important;
    padding-bottom: 4px!important
}

.social-links-list [class*="service-title-"]::after {
    content: ""!important;
    position: absolute!important;
    width: 0px!important;
    height: 2px!important;
    bottom: 0px!important;
    left: 0px!important;
    background-color: var(--hover-accent)!important;
    transition: width var(--transition-fast)!important
}

.social-links-list [class*="service-title-"]:hover {
    color: var(--hover-accent)!important;
    transform: translateX(8px)!important
}

.social-links-list [class*="service-title-"]:hover::after {
    width: 100%!important
}

.social-links-list .service-title-followers {
    color: var(--followers)!important
}

.social-links-list .service-title-views {
    color: var(--views)!important
}

.social-links-list .service-title-comments {
    color: var(--comments)!important
}

.social-links-list .service-title-Pinterest {
    color: var(--pinterest)!important
}

.social-links-list .service-title-Linkedin {
    color: var(--linkedin)!important
}

.social-links-list .service-title-SoundCloud {
    color: var(--soundcloud)!important
}

.social-links-list .service-title-YouTube {
    color: var(--youtube)!important
}

.social-links-list .service-title-Twitch {
    color: var(--twitch)!important
}

.social-links-list .service-title-Quora {
    color: var(--quora)!important
}

.social-links-list .service-title-VK {
    color: var(--vk)!important
}

.social-links-list .service-title-Web {
    color: var(--web)!important
}

.social-links-list .service-title-insta {
    color: var(--insta)!important
}

body.iglikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-likes) 0%,var(--ig-likes-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.iglikes-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    box-shadow: rgb(255 0 59 / .4) 0 10px 30px!important
}

body.iglikes-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(255 0 59 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important;
    overflow: hidden!important
}

body.iglikes-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-likes)!important;
    box-shadow: rgb(255 0 59 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.iglikes-category .owl-nav .owl-prev::before,body.iglikes-category .owl-nav .owl-next::after,body.iglikes-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-likes) 0%,var(--ig-likes-hover) 100%)!important;
    box-shadow: var(--shadow-md)!important
}

body.iglikes-category section.package-content .pk-lists .item .features .text-icon {
    color: var(--ig-likes)!important;
    font-weight: 600!important
}

body.igviews-category section.header-top .mini-menu li.active a,body.igviews-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--ig-views) 0%,var(--ig-views-hover) 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(123 44 191 / .3) 0 6px 20px!important
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-views) 0%,var(--ig-views-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(123 44 191 / .4) 0 10px 30px!important
}

body.igviews-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(123 44 191 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.igviews-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-views)!important;
    box-shadow: rgb(123 44 191 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.igviews-category .owl-nav .owl-prev::before,body.igviews-category .owl-nav .owl-next::after,body.igviews-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-views) 0%,var(--ig-views-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.igCOMMENTS-category section.header-top .mini-menu li.active a,body.igCOMMENTS-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--ig-comments) 0%,var(--ig-comments-hover) 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(29 78 137 / .3) 0 6px 20px!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-comments) 0%,var(--ig-comments-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(29 78 137 / .4) 0 10px 30px!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(29 78 137 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.igCOMMENTS-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-comments)!important;
    box-shadow: rgb(29 78 137 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.igCOMMENTS-category .owl-nav .owl-prev::before,body.igCOMMENTS-category .owl-nav .owl-next::after,body.igCOMMENTS-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-comments) 0%,var(--ig-comments-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.igothers-category section.header-top .mini-menu li.active a,body.igothers-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--ig-others) 0%,var(--ig-others-hover) 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(231 111 81 / .3) 0 6px 20px!important
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--ig-others) 0%,var(--ig-others-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(231 111 81 / .4) 0 10px 30px!important
}

body.igothers-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(231 111 81 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.igothers-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--ig-others)!important;
    box-shadow: rgb(231 111 81 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.igothers-category .owl-nav .owl-prev::before,body.igothers-category .owl-nav .owl-next::after,body.igothers-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--ig-others) 0%,var(--ig-others-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.igothers-category section.package-content .pk-lists .item .features .text-icon {
    color: var(--ig-others)!important;
    font-weight: 600!important
}

body.linkedin-category section.header-top .mini-menu li.active a,body.linkedin-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,#0077b5 0%,#0099d8 100%)!important;
    color: var(--white)!important;
    transition: var(--transition-base)!important;
    box-shadow: rgb(0 119 181 / .3) 0 6px 20px!important
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,#0077b5 0%,#0099d8 100%)!important;
    border: none!important;
    font-weight: 600!important;
    transition: var(--transition-base)!important;
    box-shadow: var(--shadow-md)!important
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: rgb(0 119 181 / .4) 0 10px 30px!important
}

body.linkedin-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(0 119 181 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.linkedin-category section.package-content .pk-lists .item .card:hover {
    border-color: #0077b5!important;
    box-shadow: rgb(0 119 181 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.linkedin-category .owl-nav .owl-prev::before,body.linkedin-category .owl-nav .owl-next::after,body.linkedin-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,#0077b5 0%,#0099d8 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postlikes-category section.header-top .mini-menu li.active a,body.postlikes-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-like) 0%,var(--fb-like-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(25 105 255 / .3) 0 6px 20px!important
}

body.postlikes-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(25 105 255 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postlikes-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-like)!important;
    box-shadow: rgb(25 105 255 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postlikes-category .owl-nav .owl-prev::before,body.postlikes-category .owl-nav .owl-next::after,body.postlikes-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-like) 0%,var(--fb-like-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postlikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-like) 0%,var(--fb-like-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postwow-category section.header-top .mini-menu li.active a,body.postwow-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-wow) 0%,var(--fb-wow-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(159 148 66 / .3) 0 6px 20px!important
}

body.postwow-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(159 148 66 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postwow-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-wow)!important;
    box-shadow: rgb(159 148 66 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postwow-category .owl-nav .owl-prev::before,body.postwow-category .owl-nav .owl-next::after,body.postwow-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-wow) 0%,var(--fb-wow-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postwow-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-wow) 0%,var(--fb-wow-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postlove-category section.header-top .mini-menu li.active a,body.postlove-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-love) 0%,var(--fb-love-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(203 22 64 / .3) 0 6px 20px!important
}

body.postlove-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(203 22 64 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postlove-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-love)!important;
    box-shadow: rgb(203 22 64 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postlove-category .owl-nav .owl-prev::before,body.postlove-category .owl-nav .owl-next::after,body.postlove-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-love) 0%,var(--fb-love-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postlove-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-love) 0%,var(--fb-love-hover) 100%)!important;
    border: none!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.posthaha-category section.header-top .mini-menu li.active a,body.posthaha-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-haha) 0%,var(--fb-haha-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(241 160 11 / .3) 0 6px 20px!important
}

body.posthaha-category .header .btn-dm-item:hover,body.posthaha-category .btn-dm-item:focus,body.posthaha-category .header .navbar .navbar-nav .nav-link:hover,body.posthaha-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.posthaha-category .header .navbar .navbar-nav .active>.nav-link,body.posthaha-category section.package-content .pk-header .title strong,body.posthaha-category section.package-content .pk-lists .item .name .number,body.posthaha-category section.package-content .pk-lists .item .features .text-icon,body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: var(--fb-haha)!important
}

body.posthaha-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(241 160 11 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.posthaha-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-haha)!important;
    box-shadow: rgb(241 160 11 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.posthaha-category .owl-nav .owl-prev::before,body.posthaha-category .owl-nav .owl-next::after,body.posthaha-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-haha) 0%,var(--fb-haha-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-haha) 0%,var(--fb-haha-hover) 100%)!important;
    border: none!important;
    padding: 12px 28px!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postsad-category section.header-top .mini-menu li.active a,body.postsad-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-sad) 0%,var(--fb-sad-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(255 126 0 / .3) 0 6px 20px!important
}

body.postsad-category .header .btn-dm-item:hover,body.postsad-category .btn-dm-item:focus,body.postsad-category .header .navbar .navbar-nav .nav-link:hover,body.postsad-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postsad-category .header .navbar .navbar-nav .active>.nav-link,body.postsad-category section.package-content .pk-header .title strong,body.postsad-category section.package-content .pk-lists .item .name .number,body.postsad-category section.package-content .pk-lists .item .features .text-icon,body.postsad-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: var(--fb-sad)!important
}

body.postsad-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(255 126 0 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postsad-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-sad)!important;
    box-shadow: rgb(255 126 0 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postsad-category .owl-nav .owl-prev::before,body.postsad-category .owl-nav .owl-next::after,body.postsad-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-sad) 0%,var(--fb-sad-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postsad-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-sad) 0%,var(--fb-sad-hover) 100%)!important;
    border: none!important;
    padding: 12px 28px!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

body.postangry-category section.header-top .mini-menu li.active a,body.postangry-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,var(--fb-angry) 0%,var(--fb-angry-hover) 100%)!important;
    color: var(--white)!important;
    box-shadow: rgb(103 36 36 / .3) 0 6px 20px!important
}

body.postangry-category .header .btn-dm-item:hover,body.postangry-category .btn-dm-item:focus,body.postangry-category .header .navbar .navbar-nav .nav-link:hover,body.postangry-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,body.postangry-category .header .navbar .navbar-nav .active>.nav-link,body.postangry-category section.package-content .pk-header .title strong,body.postangry-category section.package-content .pk-lists .item .name .number,body.postangry-category section.package-content .pk-lists .item .features .text-icon,body.postangry-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: var(--fb-angry)!important
}

body.postangry-category section.package-content .pk-lists .item .card {
    border: 2px solid rgb(103 36 36 / .2)!important;
    border-radius: var(--radius-lg)!important;
    transition: var(--transition-base)!important
}

body.postangry-category section.package-content .pk-lists .item .card:hover {
    border-color: var(--fb-angry)!important;
    box-shadow: rgb(103 36 36 / .2) 0 12px 32px!important;
    transform: translateY(-6px)!important
}

body.postangry-category .owl-nav .owl-prev::before,body.postangry-category .owl-nav .owl-next::after,body.postangry-category section.package-content .pk-lists .item .price {
    background: linear-gradient(135deg,var(--fb-angry) 0%,var(--fb-angry-hover) 100%)!important;
    border-radius: var(--radius-md)!important
}

body.postangry-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(135deg,var(--fb-angry) 0%,var(--fb-angry-hover) 100%)!important;
    border: none!important;
    padding: 12px 28px!important;
    font-weight: 600!important;
    box-shadow: var(--shadow-md)!important
}

@media only screen and (max-width: 767px) {
    section.package-content .pk-lists .item {
        padding:0 24px!important;
        margin-bottom: 20px!important
    }

    .owl-nav .owl-prev::before,.owl-nav .owl-next::after {
        position: absolute!important;
        font-family: FontAwesome!important;
        font-size: 24px!important;
        background: linear-gradient(135deg,#32a852 0%,#4bc46e 100%)!important;
        width: 40px!important;
        height: 40px!important;
        text-align: center!important;
        border-radius: var(--radius-full)!important;
        line-height: 40px!important;
        color: var(--white)!important;
        box-shadow: var(--shadow-md)!important;
        transition: var(--transition-base)!important
    }

    .owl-nav .owl-prev:hover::before,.owl-nav .owl-next:hover::after {
        transform: scale(1.1)!important;
        box-shadow: var(--shadow-lg)!important
    }

    .header .navbar-brand img {
        height: 50px!important;
        width: auto!important;
        margin-top: -26px!important;
        margin-bottom: -27px!important
    }

    .select-package {
        text-align: center!important;
        margin-bottom: -38px!important
    }

    section.checkout-form {
        overflow: hidden!important;
        margin-top: -30px!important
    }

    .container.cus.mobile {
        padding-top: 2px!important
    }
}

@media screen and (max-width: 768px) {
    .header .navbar-brand img {
        width:auto!important
    }
}

@media (min-width: 769px) and (max-width:993px) {
    .header .navbar-brand img {
        height:66px!important;
        max-width: max-content!important
    }
}

@media screen and (min-width: 1004px) and (max-width:1306px) {
    .header .navbar-brand img {
        margin-top:-19px!important;
        margin-bottom: -4px!important
    }

    .header .navbar .navbar-nav .nav-link {
        color: var(--white)!important;
        font-weight: 600!important;
        padding: 12px 20px!important;
        cursor: pointer!important;
        position: relative!important;
        background: transparent!important;
        font-size: 16px!important;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
        line-height: 24px!important;
        transition: var(--transition-fast)!important;
        border-radius: var(--radius-sm)!important
    }

    .header .navbar .navbar-nav .nav-link:hover {
        background: rgb(255 255 255 / .1)!important;
        transform: translateY(-2px)!important
    }
}

@media (min-width: 768px) {
    .container.blogpage.d {
        margin-top:100px!important
    }
}

a.top-nav-link:hover {
    color: var(--white)!important;
    text-decoration: none!important;
    transition: var(--transition-fast)!important
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }
}

.animate-fade-in-up {
    animation: 0.6s ease-out 0s 1 normal none running fadeInUp!important
}

.animate-pulse {
    animation: 2s ease-in-out 0s infinite normal none running pulse!important
}

html {
    scroll-behavior: smooth!important
}

:focus-visible {
    outline: 2px solid var(--primary)!important;
    outline-offset: 2px!important
}

#progressbar li {
    font-weight: 600!important
}

#progressbar li.active {
    color: #3a75fa!important
}

#progressbar li:before {
    font-weight: 700!important
}

#progressbar li.active:before {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    border-color: #3a75fa!important
}

.progress-bar {
    background-color: #295ccf!important
}

.fs-title {
    font-size: 28px!important;
    font-weight: 700!important
}

.modal {
    background-color: rgb(0 0 0 / .6)!important
}

.modal .close {
    color: #6b7280!important;
    font-size: 32px!important;
    font-weight: bold!important
}

.modal .close:hover {
    color: #dc3545!important
}

.modal-content {
    background-color: #ffffff!important
}

.modal-content h1 {
    color: #0f1b3d!important;
    font-size: 1.875em!important;
    font-weight: 600!important
}

.modal-content p {
    color: #212530!important;
    font-size: 1.125em!important;
    font-weight: 500!important
}

.cancelbtn {
    background-color: #6b7280!important;
    color: #ffffff!important;
    font-weight: 600!important;
    font-size: 14px!important;
    border: none!important
}

.cancelbtn:hover {
    background-color: #5a6268!important
}

.deletebtn {
    background-color: #dc3545!important;
    color: #ffffff!important;
    font-weight: 600!important;
    font-size: 14px!important;
    border: none!important
}

.deletebtn:hover {
    background-color: #c82333!important
}

@media (max-width: 768px) {
    .modal .close {
        font-size:28px!important
    }

    .modal-content h1 {
        font-size: 1.5em!important
    }

    .modal-content p {
        font-size: 1em!important
    }

    .cancelbtn,.deletebtn {
        font-size: 13px!important
    }
}

@media only screen and (min-width: 767px) {
    .title-table {
        background:linear-gradient(135deg,#f0f4ff 0%,#e6edff 100%)!important;
        border-bottom: 2px solid #3a75fa!important
    }
}

.title-list {
    font-weight: 700!important;
    color: #3a75fa!important
}

.info-list a {
    color: #3a75fa!important
}

.info-list a:hover {
    color: #295ccf!important
}

.form-card.hide-mobile table th {
    background: linear-gradient(135deg,#f0f4ff 0%,#e6edff 100%)!important;
    font-weight: 700!important;
    font-size: 1.1rem!important;
    color: #3a75fa!important;
    border-bottom: 2px solid #3a75fa!important
}

.unit-title {
    font-size: 18px!important;
    font-weight: 700!important
}

.unit-price {
    font-size: 24px!important;
    font-weight: 900!important;
    color: #3a75fa!important
}

.mobile-info-total {
    background: linear-gradient(135deg,#f0f4ff 0%,#e6edff 100%)!important
}

.price.cartt {
    font-size: 1.25rem!important;
    font-weight: 600!important
}

.delete-item i {
    font-size: 15px!important
}

.btn-outline-danger.cpn {
    color: #3a75fa!important;
    border-color: #3a75fa!important
}

.btn-outline-danger.cpn:hover {
    background: #3a75fa!important;
    color: #ffffff!important
}

.next.action-button {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    color: #ffffff!important;
    font-size: 16px!important;
    font-weight: 700!important
}

.btn-pill.btn-submit.btn-gradient {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    color: #ffffff!important;
    font-weight: 700!important
}

.deskpromocode {
    font-size: 14px!important
}

.deskpromocode:focus {
    border-color: #3a75fa!important;
    box-shadow: 0 0 0 3px rgb(58 117 250 / .1)!important
}

#apply_coupon {
    background: #3a75fa!important;
    color: #ffffff!important;
    font-weight: 600!important;
    font-size: 14px!important
}

#apply_coupon:hover {
    background: #295ccf!important
}

#coupon_message {
    font-size: 14px!important;
    font-weight: 600!important
}

.form-label {
    font-weight: 600!important;
    font-size: 15px!important
}

.form-label i {
    color: #3a75fa!important;
    font-size: 16px!important
}

.form-control {
    font-size: 14px!important
}

.form-control:focus {
    border-color: #3a75fa!important;
    box-shadow: 0 0 0 3px rgb(58 117 250 / .1)!important
}

.payment-option:hover {
    border-color: #3a75fa!important
}

.payment-option input[type="radio"]:checked~label::before {
    border-color: #3a75fa!important
}

.discounted-price .price {
    font-size: 20px!important;
    font-weight: 700!important
}

.discount-text {
    font-size: 14px!important;
    font-weight: 600!important
}

.payment-option.Manual.Payment label {
    color: #295ccf!important;
    font-weight: 600!important;
    font-size: 15px!important
}

.payment-option.Manual.Payment:hover {
    background: linear-gradient(135deg,#f0f4ff 0%,#e6edff 100%)!important
}

.payment-option.Manual.Payment label i {
    font-size: 15px!important
}

.custom-control-label {
    font-size: 14px!important
}

::-webkit-scrollbar-thumb {
    background: #3a75fa!important
}

::-webkit-scrollbar-thumb:hover {
    background: #295ccf!important
}

.btn:focus,.form-control:focus,.payment-option:focus {
    outline: 3px solid rgb(58 117 250 / .3)!important
}

.cancelbtn,.deletebtn {
    font-weight: 600!important;
    font-size: 14px!important
}

.modal .close {
    font-size: 32px!important
}

.modal-content h1 {
    font-size: 1.875em!important;
    font-weight: 600!important
}

.modal-content p {
    font-size: 1.125em!important
}

@media (max-width: 768px) {
    #progressbar li {
    }

    .fs-title {
        font-size: 22px!important
    }

    .unit-title {
        font-size: 16px!important
    }

    .unit-price {
        font-size: 20px!important
    }

    .next.action-button,.btn-pill.btn-submit.btn-gradient {
        font-size: 15px!important
    }

    .discounted-price .price {
        font-size: 16px!important
    }

    .discount-text {
        font-size: 12px!important
    }

    .form-label {
        font-size: 14px!important
    }

    .form-control {
        font-size: 13px!important
    }

    #apply_coupon {
        font-size: 13px!important
    }

    .custom-control-label {
        font-size: 13px!important
    }
}

.cta-wrapper {
    margin-top: auto!important
}

.btn-order-now {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    width: 100%!important;
    padding: 14px 24px!important;
    background: var(--bs-gradient)!important;
    color: var(--bs-white)!important;
    font-size: 15px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    letter-spacing: 0.5px!important;
    border: none!important;
    border-radius: !important;
    cursor: pointer!important;
    transition: all 0.3s ease!important;
    position: relative!important;
    overflow: hidden!important;
    text-decoration: none!important
}

.btn-order-now::before {
    content: ''!important;
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    width: 0!important;
    height: 0!important;
    border-radius: 50%!important;
    background: rgb(255 255 255 / .3)!important;
    transform: translate(-50%,-50%)!important;
    transition: width 0.6s ease,height 0.6s ease!important
}

.btn-order-now:hover::before {
    width: 300px!important;
    height: 300px!important
}

.btn-order-now:hover {
    background: var(--bs-gradient-hover)!important;
    transform: translateY(-2px)!important;
    box-shadow: 0 8px 20px rgb(58 117 250 / .4)!important
}

.btn-order-now i {
    font-size: 14px!important;
    transition: transform 0.3s ease!important
}

.btn-order-now:hover i {
    transform: translateX(4px)!important
}

.carousel-dots {
    display: flex!important;
    justify-content: center!important;
    gap: 10px!important;
    margin-top: 35px!important
}

.carousel-dot {
    width: 10px!important;
    height: 10px!important;
    background: rgb(58 117 250 / .2)!important;
    border: none!important;
    border-radius: 50%!important;
    cursor: pointer!important;
    transition: all 0.3s ease!important;
    padding: 0!important
}

.carousel-dot:hover {
    background: rgb(58 117 250 / .5)!important;
    transform: scale(1.2)!important
}

.carousel-dot.active {
    width: 30px!important;
    border-radius: 5px!important;
    background: var(--bs-gradient)!important
}

.bestsellers-card[data-platform="instagram"] .icon-wrapper {
    background: linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
    box-shadow: 0 8px 24px rgb(188 24 136 / .25)!important
}

.bestsellers-card[data-platform="tiktok"] .icon-wrapper {
    background: linear-gradient(135deg,#00f2ea 0%,#ff0050 100%)!important;
    box-shadow: 0 8px 24px rgb(255 0 80 / .25)!important
}

.bestsellers-card[data-platform="youtube"] .icon-wrapper {
    background: linear-gradient(135deg,#ff0000 0%,#cc0000 100%)!important;
    box-shadow: 0 8px 24px rgb(255 0 0 / .25)!important
}

.bestsellers-card[data-platform="facebook"] .icon-wrapper {
    background: linear-gradient(135deg,#1877f2 0%,#0c5ec5 100%)!important;
    box-shadow: 0 8px 24px rgb(24 119 242 / .25)!important
}

.bestsellers-card[data-platform="twitter"] .icon-wrapper {
    background: linear-gradient(135deg,#1da1f2 0%,#0c85d0 100%)!important;
    box-shadow: 0 8px 24px rgb(29 161 242 / .25)!important
}

@media (max-width: 1199px) {
    .bestsellers-carousel-wrapper {
        padding:0 50px!important
    }

    .bestsellers-card {
        flex: 0 0 calc(33.333% - 13.33px)!important
    }

    .carousel-nav {
        width: 46px!important;
        height: 46px!important
    }

    .carousel-nav i {
        font-size: 18px!important
    }
}

.contact-header .title-name {
    color: #0f1b3d!important;
    font-size: 42px!important;
    font-weight: 900!important
}

.contact-message {
    color: #000000!important;
    font-size: 18px!important;
    font-weight: 500!important
}

.card.contact_form {
    background: #ffffff!important;
    box-shadow: 0 8px 20px rgb(58 117 250 / .1)!important
}

#alert-message {
    font-size: 14px!important;
    font-weight: 600!important
}

#alert-message.alert-success {
    background-color: #d4edda!important;
    color: #155724!important
}

#alert-message.alert-danger {
    background-color: #f8d7da!important;
    color: #721c24!important
}

#alert-message.alert-warning {
    background-color: #fff3cd!important;
    color: #856404!important
}

#alert-message.alert-info {
    background-color: #d1ecf1!important;
    color: #0c5460!important
}

.form-group label {
    font-size: 15px!important;
    font-weight: 600!important;
    color: #0f1b3d!important
}

.form-required {
    color: #dc3545!important;
    font-weight: 700!important
}

.form-control.square {
    font-size: 14px!important;
    color: #212530!important;
    background-color: #ffffff!important
}

.form-control.square:focus {
    box-shadow: 0 0 0 3px rgb(58 117 250 / .1)!important
}

select.form-control.square option {
    font-size: 14px!important;
    color: #212530!important
}

.fs-13 {
    font-size: 13px!important;
    color: #6b7280!important
}

.fs-13 a {
    color: #3a75fa!important;
    font-weight: 600!important
}

.fs-13 a:hover {
    color: #295ccf!important
}

.fs-13 strong {
    font-weight: 700!important
}

.text-info {
    color: #3a75fa!important
}

.btn.btn-pill.btn-submit.btn-gradient {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    color: #ffffff!important;
    font-weight: 700!important
}

.btn.btn-pill.btn-submit.btn-gradient::before {
    background: rgb(255 255 255 / .3)!important
}

.btn.btn-pill.btn-submit.btn-gradient:hover {
    background: linear-gradient(135deg,#295ccf 0%,#1a45bf 100%)!important;
    box-shadow: 0 8px 20px rgb(58 117 250 / .4)!important
}

.btn.btn-pill.btn-submit.btn-gradient:focus {
    outline: 3px solid rgb(58 117 250 / .3)!important
}

.btn.btn-pill.btn-submit.btn-gradient.loading::after {
    border: 3px solid rgb(255 255 255 / .3)!important;
    border-top-color: #ffffff!important
}

::-webkit-scrollbar-thumb {
    background: #3a75fa!important
}

::-webkit-scrollbar-thumb:hover {
    background: #295ccf!important
}

.form-control.square:focus-visible {
    outline: 3px solid rgb(58 117 250 / .5)!important
}

.btn.btn-pill.btn-submit.btn-gradient:focus-visible {
    outline: 3px solid rgb(58 117 250 / .5)!important
}

@media (max-width: 768px) {
    .contact-header .title-name {
        font-size:32px!important
    }

    .contact-message {
        font-size: 16px!important
    }

    .form-group label {
        font-size: 14px!important
    }

    .form-control.square {
        font-size: 13px!important
    }

    select.form-control.square option {
        font-size: 13px!important
    }

    .fs-13 {
        font-size: 12px!important
    }
}

@media (max-width: 576px) {
    .contact-header .title-name {
        font-size:28px!important
    }

    .contact-message {
        font-size: 15px!important
    }

    .form-control.square {
        font-size: 13px!important
    }
}

@media (max-width: 991px) {
    #bestsellers-section {
        padding:0 0 60px!important;
        margin-top: 100px!important
    }

    .bestsellers-header {
        margin-bottom: 40px!important
    }

    .bestsellers-carousel-wrapper {
        padding: 0 45px!important
    }

    .bestsellers-card {
        flex: 0 0 calc(50% - 10px)!important;
        padding: 28px 20px 24px!important
    }

    .icon-wrapper {
        width: 70px!important;
        height: 70px!important
    }

    .icon-wrapper i {
        font-size: 32px!important
    }

    .price-main {
        font-size: 32px!important
    }
}

@media (max-width: 767px) {
    .bestsellers-carousel-wrapper {
        padding:0 40px!important
    }

    .bestsellers-card {
        padding: 24px 18px 22px!important
    }

    .service-name-text {
        font-size: 17px!important
    }

    .carousel-nav {
        width: 42px!important;
        height: 42px!important
    }

    .carousel-nav i {
        font-size: 16px!important
    }
}

@media (max-width: 575px) {
    #bestsellers-section {
    }

    .bestsellers-header {
        margin-bottom: 30px!important
    }

    .bestsellers-carousel-wrapper {
        padding: 0 35px!important
    }

    .bestsellers-card {
        flex: 0 0 100%!important;
        padding: 28px 20px 24px!important
    }

    .icon-wrapper {
        width: 75px!important;
        height: 75px!important
    }

    .icon-wrapper i {
        font-size: 36px!important
    }

    .price-main {
        font-size: 34px!important
    }

    .btn-order-now {
        padding: 13px 22px!important;
        font-size: 14px!important
    }
}

@keyframes slideInUp {
    from {
        opacity: 0!important;
        transform: translateY(30px)!important
    }

    to {
        opacity: 1!important;
        transform: translateY(0)!important
    }
}

.bestsellers-card {
    animation: slideInUp 0.6s ease forwards!important
}

.carousel-nav:focus,.carousel-dot:focus,.btn-order-now:focus {
    outline: 3px solid rgb(58 117 250 / .4)!important;
    outline-offset: 2px!important
}

@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        animation-duration: 0.01ms!important;
        animation-iteration-count: 1!important;
        transition-duration: 0.01ms!important
    }
}

.container.contentBlock.Howercardslist {
    max-width: 1400px!important;
    margin: 0 auto!important;
    padding: 60px 20px!important
}

.container.contentBlock.Howercardslist.mb-5 {
    margin-bottom: 3rem!important
}

.free-ser-tit {
    font-size: 38px!important;
    font-weight: 800!important;
    color: #0f1b3d!important;
    text-align: center!important;
    margin-bottom: 50px!important;
    line-height: 1.3!important;
    letter-spacing: -0.5px!important
}

.container.contentBlock.Howercardslist .row {
    display: grid!important;
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr))!important;
    gap: 25px!important;
    margin: 0!important
}

.card.loaded.new {
    background: #ffffff!important;
    border: 1px solid #e5e7eb!important;
    border-radius: 16px!important;
    overflow: hidden!important;
    transition: all 0.4s cubic-bezier(.4,0,.2,1)!important;
    cursor: pointer!important;
    position: relative!important;
    display: flex!important;
    flex-direction: column!important;
    height: 100%!important
}

.card.loaded.new:hover {
    transform: translateY(-8px) scale(1.02)!important;
    box-shadow: 0 12px 30px rgb(58 117 250 / .2)!important;
    border-color: #3a75fa!important
}

.head-of-card {
    width: 100%!important;
    height: 200px!important;
    overflow: hidden!important;
    position: relative!important;
    background: linear-gradient(135deg,#f0f4ff 0%,#e6edff 100%)!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.head-of-card.border-0 {
    border: none!important
}

.head-of-card img,.head-of-card .imgimg.new {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    transition: transform 0.4s ease!important
}

.card.loaded.new:hover .head-of-card img,.card.loaded.new:hover .head-of-card .imgimg.new {
    transform: scale(1.1)!important
}

.b-main-card {
    padding: 24px 20px!important;
    flex-grow: 1!important;
    display: flex!important;
    flex-direction: column!important;
    background: #ffffff!important
}

.b-main-card p {
    margin: 0 0 12px 0!important;
    line-height: 1.6!important
}

.b-main-card p:last-child {
    margin-bottom: 0!important
}

.b-main-card p strong {
    font-size: 18px!important;
    font-weight: 700!important;
    color: #0f1b3d!important;
    display: block!important;
    margin-bottom: 10px!important
}

.b-main-card p strong a {
    color: #0f1b3d!important;
    text-decoration: none!important;
    transition: color 0.3s ease!important
}

.b-main-card p strong a:hover {
    color: #3a75fa!important
}

.b-main-card p span {
    font-size: 14px!important;
    font-weight: 400!important;
    color: #6b7280!important;
    line-height: 1.7!important;
    display: block!important
}

.card.loaded.new::before {
    content: ''!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    height: 4px!important;
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    opacity: 0!important;
    transition: opacity 0.3s ease!important
}

.card.loaded.new:hover::before {
    opacity: 1!important
}

.card.loaded.new::after {
    content: ''!important;
    position: absolute!important;
    top: -50%!important;
    right: -50%!important;
    width: 200%!important;
    height: 200%!important;
    background: radial-gradient(circle,rgb(58 117 250 / .03) 0%,transparent 70%)!important;
    pointer-events: none!important;
    transition: transform 0.6s ease!important;
    z-index: 0!important
}

.card.loaded.new:hover::after {
    transform: translate(-25%,-25%)!important
}

.head-of-card,.b-main-card {
    position: relative!important;
    z-index: 1!important
}

.imgimg.new {
    opacity: 0!important;
    transition: opacity 0.3s ease!important
}

.card.loaded .imgimg.new {
    opacity: 1!important
}

@media (max-width: 1200px) {
    .container.contentBlock.Howercardslist .row {
        grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;
        gap: 20px!important
    }

    .free-ser-tit {
        font-size: 34px!important
    }
}

@media (max-width: 992px) {
    .container.contentBlock.Howercardslist {
        padding:50px 20px!important
    }

    .container.contentBlock.Howercardslist .row {
        grid-template-columns: repeat(auto-fill,minmax(240px,1fr))!important;
        gap: 20px!important
    }

    .free-ser-tit {
        font-size: 30px!important;
        margin-bottom: 40px!important
    }

    .head-of-card {
        height: 180px!important
    }

    .b-main-card {
        padding: 20px 18px!important
    }

    .b-main-card p strong {
        font-size: 17px!important
    }
}

@media (max-width: 768px) {
    .container.contentBlock.Howercardslist {
        padding:40px 15px!important
    }

    .container.contentBlock.Howercardslist .row {
        grid-template-columns: repeat(auto-fill,minmax(200px,1fr))!important;
        gap: 18px!important
    }

    .free-ser-tit {
        font-size: 26px!important;
        margin-bottom: 35px!important
    }

    .head-of-card {
        height: 160px!important
    }

    .b-main-card {
        padding: 18px 16px!important
    }

    .b-main-card p strong {
        font-size: 16px!important
    }

    .b-main-card p span {
        font-size: 13px!important
    }

    .card.loaded.new:hover {
        transform: translateY(-6px) scale(1.02)!important
    }
}

@media (max-width: 576px) {
    .container.contentBlock.Howercardslist {
        padding:30px 10px!important
    }

    .container.contentBlock.Howercardslist .row {
        grid-template-columns: repeat(auto-fill,minmax(160px,1fr))!important;
        gap: 15px!important
    }

    .free-ser-tit {
        font-size: 22px!important;
        margin-bottom: 30px!important;
        padding: 0 10px!important
    }

    .card.loaded.new {
        border-radius: 12px!important
    }

    .head-of-card {
        height: 140px!important
    }

    .b-main-card {
        padding: 16px 14px!important
    }

    .b-main-card p strong {
        font-size: 15px!important;
        margin-bottom: 8px!important
    }

    .b-main-card p span {
        font-size: 12px!important;
        line-height: 1.6!important
    }

    .b-main-card p {
        margin-bottom: 10px!important
    }
}

@media (max-width: 480px) {
    .container.contentBlock.Howercardslist .row {
        grid-template-columns:1fr!important;
        gap: 15px!important
    }

    .free-ser-tit {
        font-size: 20px!important
    }

    .head-of-card {
        height: 180px!important
    }

    .card.loaded.new:hover {
        transform: translateY(-4px)!important
    }
}

.card.loaded.new:focus {
    outline: 3px solid rgb(58 117 250 / .4)!important;
    outline-offset: 2px!important
}

.b-main-card p strong a:focus {
    outline: 2px solid rgb(58 117 250 / .5)!important;
    outline-offset: 2px!important
}

@media (prefers-reduced-motion:reduce) {
    .card.loaded.new,.head-of-card img,.head-of-card .imgimg.new,.b-main-card p strong a,.card.loaded.new::before,.card.loaded.new::after {
        transition: none!important
    }

    .card.loaded.new:hover {
        transform: none!important
    }

    .card.loaded.new:hover .head-of-card img,.card.loaded.new:hover .head-of-card .imgimg.new {
        transform: none!important
    }
}

@media (prefers-contrast:high) {
    .card.loaded.new {
        border-width: 2px!important
    }

    .card.loaded.new:hover {
        border-width: 3px!important
    }
}

@media print {
    .card.loaded.new {
        break-inside: avoid!important;
        page-break-inside: avoid!important
    }
}

.Howercardslist .card {
    margin: 0rem!important;
    color: #000;
    text-align: center;
    border: 1px solid #b5b5b557;
    flex: 1 1 calc(100% - 1rem)
}

.modal.fade {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    z-index: 9999!important;
    width: 100%!important;
    height: 100%!important;
    overflow: hidden!important;
    outline: 0!important;
    background-color: rgb(0 0 0 / .5)!important;
    opacity: 0!important;
    transition: opacity 0.3s ease!important
}

.modal.fade.show {
    opacity: 1!important
}

.modal-dialog {
    position: relative!important;
    width: auto!important;
    max-width: 500px!important;
    margin: 1.75rem auto!important;
    pointer-events: none!important;
    transform: translateY(-50px)!important;
    transition: transform 0.3s ease-out!important
}

.modal.fade.show .modal-dialog {
    transform: translateY(0)!important
}

.modal-content.trial {
    position: relative!important;
    display: flex!important;
    flex-direction: column!important;
    width: 100%!important;
    pointer-events: auto!important;
    background-color: #ffffff!important;
    background-clip: padding-box!important;
    border: 1px solid rgb(0 0 0 / .2)!important;
    border-radius: 5px!important;
    outline: 0!important;
    box-shadow: 0 10px 40px rgb(0 0 0 / .3)!important
}

.modal-header {
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    padding: 24px 30px!important;
    border-bottom: 1px solid #e5e7eb!important;
    border-top-left-radius: 16px!important;
    border-top-right-radius: 16px!important;
    background: linear-gradient(135deg,#f0f4ff 0%,#e6edff 100%)!important
}

.modal-title {
    margin: 0!important;
    font-size: 22px!important;
    font-weight: 700!important;
    color: #0f1b3d!important;
    line-height: 1.4!important
}

.modal-header .close {
    padding: 0!important;
    margin: 0!important;
    background: transparent!important;
    border: none!important;
    font-size: 32px!important;
    font-weight: 300!important;
    line-height: 1!important;
    color: #6b7280!important;
    opacity: 1!important;
    cursor: pointer!important;
    transition: all 0.3s ease!important;
    width: 32px!important;
    height: 32px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 6px!important
}

.modal-header .close:hover {
    color: #dc3545!important;
    background: rgb(220 53 69 / .1)!important
}

.modal-header .close:focus {
    outline: 3px solid rgb(58 117 250 / .3)!important;
    outline-offset: 2px!important
}

.modal-body {
    position: relative!important;
    flex: 1 1 auto!important;
    padding: 30px!important
}

.form-group {
    margin-bottom: 20px!important
}

.col-form-label {
    display: block!important;
    font-size: 15px!important;
    font-weight: 600!important;
    color: #0f1b3d!important;
    margin-bottom: 10px!important;
    padding: 0!important
}

.col-form-label i {
    color: #3a75fa!important;
    margin-right: 8px!important;
    font-size: 16px!important
}

.modal-body .form-control {
    display: block!important;
    width: 100%!important;
    padding: 12px 16px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #212530!important;
    background-color: #ffffff!important;
    background-clip: padding-box!important;
    border: 1px solid #e5e7eb!important;
    border-radius: 0px!important;
    transition: all 0.3s ease!important;
    outline: none!important
}

.modal-body .form-control:focus {
    border-color: #3a75fa!important;
    box-shadow: 0 0 0 3px rgb(58 117 250 / .1)!important
}

.modal-body .form-control:hover {
    border-color: #3a75fa!important
}

.modal-body .form-control::placeholder {
    color: #9ca3af!important;
    opacity: 1!important
}

.alert.alert-danger {
    padding: 12px 16px!important;
    margin-top: 10px!important;
    margin-bottom: 0!important;
    border: 1px solid #f5c6cb!important;
    border-radius: 8px!important;
    background-color: #f8d7da!important;
    color: #721c24!important;
    font-size: 14px!important;
    font-weight: 600!important;
    display: none!important
}

.alert.alert-danger.show {
    display: block!important
}

.mt-2 {
    margin-top: 0.5rem!important
}

.modal-footer .btn-secondary {
    color: #ffffff!important;
    background-color: #6b7280!important
}

.modal-footer .btn-secondary:hover {
    background-color: #5a6268!important;
    transform: translateY(-2px)!important;
    box-shadow: 0 4px 12px rgb(107 114 128 / .3)!important
}

.modal-footer .btn-secondary:active {
    transform: translateY(0)!important
}

.modal-footer .btn-primary {
    color: #ffffff!important;
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    position: relative!important;
    overflow: hidden!important
}

.modal-footer .btn-primary::before {
    content: ''!important;
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    width: 0!important;
    height: 0!important;
    border-radius: 50%!important;
    background: rgb(255 255 255 / .3)!important;
    transform: translate(-50%,-50%)!important;
    transition: width 0.6s ease,height 0.6s ease!important
}

.modal-footer .btn-primary:hover::before {
    width: 300px!important;
    height: 300px!important
}

.modal-footer .btn-primary:hover {
    background: linear-gradient(135deg,#295ccf 0%,#1a45bf 100%)!important;
    transform: translateY(-2px)!important;
    box-shadow: 0 6px 16px rgb(58 117 250 / .4)!important
}

.modal-footer .btn-primary:active {
    transform: translateY(0)!important
}

.modal-footer .btn:focus {
    outline: 3px solid rgb(58 117 250 / .3)!important;
    outline-offset: 2px!important
}

.modal-footer .btn.loading {
    pointer-events: none!important;
    position: relative!important
}

.modal-footer .btn.loading::after {
    content: ""!important;
    position: absolute!important;
    width: 18px!important;
    height: 18px!important;
    top: 50%!important;
    left: 50%!important;
    margin-left: -9px!important;
    margin-top: -9px!important;
    border: 3px solid rgb(255 255 255 / .3)!important;
    border-radius: 50%!important;
    border-top-color: #ffffff!important;
    animation: spinner 0.6s linear infinite!important
}

@keyframes spinner {
    to {
        transform: rotate(360deg)!important
    }
}

.form-control.is-invalid {
    border-color: #dc3545!important;
    padding-right: 45px!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-position: right 16px center!important;
    background-size: 16px!important
}

.form-control.is-valid {
    border-color: #28a745!important;
    padding-right: 45px!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-position: right 16px center!important;
    background-size: 16px!important
}

@media (max-width: 400px) {
    .modal-dialog {
        margin:5px!important;
        max-width: calc(100% - 10px)!important
    }

    .modal-header {
        padding: 16px!important
    }

    .modal-title {
        font-size: 18px!important
    }

    .modal-body {
        padding: 16px!important
    }

    .modal-footer {
        padding: 14px 16px!important
    }
}

.modal-content.trial:focus {
    outline: none!important
}

.form-control:focus-visible {
    outline: 3px solid rgb(58 117 250 / .5)!important;
    outline-offset: 2px!important
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade,.modal-dialog,.modal-header .close,.form-control,.modal-footer .btn,.modal-footer .btn-primary::before {
        transition: none!important
    }

    .modal-footer .btn:hover,.modal-footer .btn-primary:hover,.modal-footer .btn-secondary:hover {
        transform: none!important
    }
}

@media (prefers-contrast:high) {
    .modal-content.trial {
        border-width: 2px!important
    }

    .form-control {
        border-width: 2px!important
    }

    .form-control:focus {
        border-width: 3px!important
    }
}

body.modal-open {
    overflow: hidden!important
}

#downloadProfileBtn,#profilePreview,#downloadButton,#loadingOverlay .spinner {
    box-sizing: border-box!important
}

#downloadProfileBtn {
    background: #3a75fa!important;
    color: #fff!important;
    border: none!important;
    padding: 10px 18px!important;
    font-size: 1rem!important;
    border-radius: 6px!important;
    cursor: pointer!important;
    font-weight: 600!important;
    transition: 0.2s!important
}

#downloadProfileBtn:hover {
    background: #295ccf!important;
    transform: translateY(-2px)!important
}

#downloadProfileBtn+#errorMessage {
    background: #ffe7e7!important;
    color: #d62828!important;
    border: 1px solid #fabdbd!important;
    padding: 10px!important;
    margin-top: 10px!important;
    border-radius: 6px!important;
    text-align: center!important
}

#loadingOverlay {
    background: rgb(255 255 255 / .85)!important;
    backdrop-filter: blur(2px)!important
}

#loadingOverlay .spinner {
    border-top: 8px solid #3a75fa!important;
    border: 8px solid #ddd!important
}

#profilePreview {
    max-width: 200px!important;
    border-radius: 100px!important;
    margin-top: 15px!important;
    box-shadow: 0 4px 20px rgb(0 0 0 / .1)!important
}

#downloadButton {
    background: #3a75fa!important;
    color: #fff!important;
    padding: 10px 18px!important;
    border-radius: 6px!important;
    font-size: 1rem!important;
    display: inline-block;
    margin-top: 12px!important;
    text-decoration: none!important;
    font-weight: 600!important
}

#downloadButton:hover {
    background: #295ccf!important;
    transform: translateY(-2px)!important
}

.container.pto>p:first-of-type {
    text-align: center!important;
    color: #3a75fa!important;
    font-weight: 600!important;
    font-size: 1.1rem!important
}

.container.pto #videoUrl {
    border: 1px solid #3a75fa!important;
    color: #333!important
}

.container.pto #videoUrl::placeholder {
    color: #7c7c7c!important
}

.container.pto #fetchButton {
    background: #3a75fa!important;
    border: none!important;
    color: #ffffff!important;
    font-weight: 600!important;
    transition: 0.2s!important
}

.container.pto #fetchButton:hover {
    background: #295ccf!important;
    transform: translateY(-2px)!important
}

.container.pto #errorMessage {
    background: #ffe7e7!important;
    color: #d62828!important;
    border: 1px solid #fabdbd!important
}

.container.pto #loadingOverlay {
    background: rgb(255 255 255 / .85)!important
}

.container.pto .spinner {
    border: 8px solid #e2e2e2!important;
    border-top: 8px solid #3a75fa!important
}

.container.pto #videoTitle {
    color: #333!important
}

.container.pto #thumbnailPreview {
    border-radius: 10px!important
}

.container.pto .download-btns a {
    background: #3a75fa!important;
    color: white!important
}

.container.pto .download-btns a:hover {
    background: #295ccf!important
}

.btnig {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff1744,#f50057)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(245 0 87 / .4)!important;
    transition: all 0.3s ease!important
}

.btnig:hover {
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgb(245 0 87 / .5)!important
}

.btniglike {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff1744,#f50057)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(245 0 87 / .4)!important
}

.btnigview {
    color: #ffffff!important;
    background: linear-gradient(135deg,#8e44ad,#a855f7)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(142 68 173 / .4)!important
}

.btnigcomme {
    color: #ffffff!important;
    background: linear-gradient(135deg,#2196f3,#42a5f5)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(33 150 243 / .4)!important
}

.btnigothers {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff6b35,#ff8c42)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(255 107 53 / .4)!important
}

.btnfb {
    color: #ffffff!important;
    background: linear-gradient(135deg,#1877f2,#42a5f5)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(24 119 242 / .4)!important;
    transition: all 0.3s ease!important
}

.btnfb:hover {
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgb(24 119 242 / .5)!important
}

.btntwer {
    color: #ffffff!important;
    background: linear-gradient(135deg,#14171a,#1c2938)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(20 23 26 / .5)!important;
    transition: all 0.3s ease!important
}

.btntwer:hover {
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgb(20 23 26 / .6)!important
}

.btnyt {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff0000,#ff3838)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(255 0 0 / .4)!important;
    transition: all 0.3s ease!important
}

.btnyt:hover {
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgb(255 0 0 / .5)!important
}

.btnttok {
    color: #ffffff!important;
    background: linear-gradient(135deg,#000000,#1a1a1a)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(0 0 0 / .5)!important;
    transition: all 0.3s ease!important
}

.btnttok:hover {
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgb(0 0 0 / .6)!important
}

.other-service-btn {
    color: #ffffff!important;
    background: linear-gradient(135deg,#295ccf,#3a75fa)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(58 117 250 / .4)!important;
    transition: all 0.3s ease!important
}

.other-service-btn:hover {
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgb(58 117 250 / .5)!important
}

.btnytsho {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff0000,#cc0000)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(255 0 0 / .4)!important
}

.btnsound {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff5500,#ff8800)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(255 85 0 / .4)!important
}

.btntwitc {
    color: #ffffff!important;
    background: linear-gradient(135deg,#6441a5,#9147ff)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(100 65 165 / .4)!important
}

.btn-outline-linkedin {
    color: #ffffff!important;
    background: linear-gradient(135deg,#0077b5,#00a0dc)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(0 119 181 / .4)!important
}

.btnttrds {
    color: #ffffff!important;
    background: linear-gradient(135deg,#000000,#323232)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(0 0 0 / .5)!important
}

.btndisco {
    color: #ffffff!important;
    background: linear-gradient(135deg,#5865f2,#7289da)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(88 101 242 / .4)!important
}

.btnreddi {
    color: #ffffff!important;
    background: linear-gradient(135deg,#ff4500,#ff5722)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(255 69 0 / .4)!important
}

.btnspot {
    color: #ffffff!important;
    background: linear-gradient(135deg,#1db954,#1ed760)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(29 185 84 / .4)!important
}

.btnpinte {
    color: #ffffff!important;
    background: linear-gradient(135deg,#bd081c,#e60023)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(189 8 28 / .4)!important
}

.btnspotaa {
    color: #333333!important;
    background: linear-gradient(135deg,#fffc00,#ffc800)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(255 252 0 / .4)!important
}

.btntgm {
    color: #ffffff!important;
    background: linear-gradient(135deg,#0088cc,#29abe2)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(0 136 204 / .4)!important
}

.btnukto {
    color: #ffffff!important;
    background: linear-gradient(135deg,#0077cc,#45a2dd)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(0 119 204 / .4)!important
}

.btnqorra {
    color: #ffffff!important;
    background: linear-gradient(135deg,#b92b27,#e2332e)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(185 43 39 / .4)!important
}

.btnfrees {
    color: #ffffff!important;
    background: linear-gradient(135deg,#295ccf,#3a75fa)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(58 117 250 / .4)!important
}

.btnothers {
    color: #ffffff!important;
    background: linear-gradient(135deg,#295ccf,#3a75fa)!important;
    border: none!important;
    0.3rem!importantbox-shadow: 0 4px 15px rgb(58 117 250 / .4)!important
}

.btn.bar-sec.if:hover,.btn.cus-btn-cus:hover {
    transform: translateY(-3px)!important;
    transition: all 0.3s ease!important
}

@media only screen and (max-width: 767px) {
    #qualityToggle .nav {
        flex-direction:column!important;
        gap: 8px!important;
        padding: 8px!important
    }

    .pgpz .nav-item {
        display: block!important;
        padding: 0!important
    }

    .pgpz .nav-item .nav-item1 {
        width: 100%!important;
        margin-bottom: 0!important
    }

    #qualityToggle .nav-link {
        padding: 14px 20px!important;
        font-size: 14px!important;
        width: 100%!important
    }
}

@media only screen and (max-width: 768px) {
    .pgpz {
        margin-top:-20px!important;
        margin-bottom: 10px
    }
}

.top-header {
    background: linear-gradient(135deg,#295ccf 0%,#1e4ba8 100%)!important;
    padding: .5rem 0!important;
    box-shadow: 0 2px 8px rgb(41 92 207 / .15)!important
}

.top-header .contact-wraper {
    display: flex!important;
    align-items: center!important
}

.top-header .contact-link {
    margin: 0!important
}

.top-header .top-nav-link {
    color: #ffffff!important;
    font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    font-size: 14px!important;
    font-weight: 500!important;
    text-decoration: none!important;
    transition: all 0.3s ease!important;
    display: flex!important;
    align-items: center!important;
    gap: 8px!important
}

.top-header .top-nav-link:hover {
    color: #fbbf24!important;
    transform: translateY(-1px)!important
}

.top-header .top-nav-link i {
    font-size: 16px!important;
    color: #fbbf24!important
}

.top-header .nav-itema .top-nav-link.btn-primary0 {
    background: linear-gradient(135deg,#3a75fa,#295ccf)!important;
    color: #ffffff!important;
    padding: 8px 16px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    box-shadow: 0 2px 8px rgb(58 117 250 / .3)!important
}

.top-header .nav-itema .top-nav-link.btn-primary0:hover {
    background: linear-gradient(135deg,#4a86ff,#3a75fa)!important;
    box-shadow: 0 4px 12px rgb(58 117 250 / .4)!important;
    transform: translateY(-2px)!important
}

.top-header .cart-count {
    background: #ef4444!important;
    color: #ffffff!important;
    padding: 2px 8px!important;
    0.3rem!importantfont-size: 13px!important;
    font-weight: 700!important
}

.header {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    box-shadow: 0 4px 20px rgb(58 117 250 / .2)!important;
    top: 0!important;
    z-index: 1000!important
}

@media (min-width: 768px) {
    .header {
        padding-top:20px!important;
        padding-bottom: 20px!important;
        background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important
    }
}

.header .navbar-brand img {
    transition: transform 0.3s ease!important
}

.header .navbar-brand:hover img {
    transform: scale(1.05)!important
}

.header .navbar .navbar-nav .nav-link {
    font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    font-size: 15px!important;
    font-weight: 600!important;
    color: rgb(255 255 255 / .9)!important;
    padding: 12px 18px!important;
    margin: 0 4px!important;
    border-radius: 10px!important;
    transition: all 0.3s cubic-bezier(.4,0,.2,1)!important;
    text-decoration: none!important
}

.header .navbar .navbar-nav .nav-link:hover {
    background: rgb(255 255 255 / .15)!important;
    color: #ffffff!important;
    transform: translateY(-2px)!important;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15)!important
}

.header .navbar .navbar-nav .active>.nav-link,.header .navbar .navbar-nav .nav-itema.active .nav-link {
    background: linear-gradient(135deg,rgb(255 255 255 / .25),rgb(255 255 255 / .15))!important;
    color: #ffffff!important;
    font-weight: 700!important;
    box-shadow: 0 4px 12px rgb(0 0 0 / .2),inset 0 1px 0 rgb(255 255 255 / .3)!important
}

.header .navbar .navbar-nav .nav-link:active {
    background: rgb(41 92 207 / .8)!important;
    transform: translateY(0) scale(.98)!important
}

@media screen and (min-width: 768px) {
    .header .nav-item.mobile.cart .top-nav-link {
        background:linear-gradient(135deg,#ef4444,#dc2626)!important;
        color: #ffffff!important;
        padding: 10px 16px!important;
        border-radius: 10px!important;
        font-weight: 600!important;
        box-shadow: 0 4px 12px rgb(239 68 68 / .3)!important
    }
}

.header .cart-count-m {
    background: #ffffff!important;
    color: #ef4444!important;
    padding: 2px 8px!important;
    0.3rem!importantfont-size: 13px!important;
    font-weight: 700!important
}

.header .navbar-toggler {
    border: 2px solid rgb(255 255 255 / .3)!important;
    background: rgb(255 255 255 / .1)!important;
    border-radius: 8px!important;
    padding: 8px 12px!important
}

.header .navbar-toggler i {
    color: #ffffff!important;
    font-size: 24px!important
}

.header .navbar-toggler:hover {
    background: rgb(255 255 255 / .2)!important;
    border-color: rgb(255 255 255 / .5)!important
}

section.header-top {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%)!important;
    padding: 12px 30px!important;
    box-shadow: 0 2px 8px rgb(58 117 250 / .2)!important
}

body.iglikes-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(135deg,rgb(255 255 255 / .2),rgb(255 255 255 / .15))!important;
    color: #ffffff!important;
    font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    border-radius: 8px!important;
    transform: translateX(4px)!important
}

@media (max-width: 991px) {
    .header {
    }

    .header .navbar .navbar-nav {
        backgaround: rgb(0 0 0 / .1)!important;
        0.3rem!importantpadding:12px!important;margin-top: 12px!important
    }

    .header .navbar .navbar-nav .nav-link {
        margin: 4px 0!important;
        padding: 12px 16px!important
    }

    .header .navbar .navbar-nav .nav-item.mobile-show {
        border-top: 1px solid rgb(255 255 255 / .1)!important;
        margin-top: 8px!important;
        padding-top: 8px!important
    }

    .header .navbar .navbar-nav .nav-item.mobile-show:first-of-type {
        border-top: none!important;
        margin-top: 12px!important
    }
}

@media (max-width: 767px) {
    .top-header {
        padding:.4rem 0!important
    }

    .top-header .contact-wraper {
        flex-wrap: wrap!important;
        gap: 8px!important
    }

    .top-header .top-nav-link {
        font-size: 13px!important
    }
}

.header .navbar .navbar-nav .nav-link,.top-header .top-nav-link {
    transition: all 0.3s cubic-bezier(.4,0,.2,1)!important
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@media(max-width: 768px) {
    .top-nav-link.btn-primary0 {
        color:#fff;
        font-size: 16px;
        font-weight: 600;
        margin-left: -50px!important
    }
}

h1.service-title-,h1#dynamicFontSize {
    background: #295ccf!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important
}

h1.service-title-::after,h1#dynamicFontSize::after {
    background: linear-gradient(90deg,#3a75fa 0%,#295ccf 100%)!important;
    box-shadow: 0 2px 10px rgb(58 117 250 / .4)!important
}

h1.service-title-:hover::after,h1#dynamicFontSize:hover::after {
    box-shadow: 0 4px 15px rgb(58 117 250 / .5)!important
}

body[href*="instagram-verified-custom-comments"],body[href*="exampleslug1"],body[href*="exampleslug2"],body[href*="exampleslug3"] {
    .user-input.comments {
        display: block!important
    }
}

.fa-brands.fa-discord.special {
    font-size: 24px;
    color: #fff;
    margin-left: -6px
}

.slick-slider {
    --gap: 12px;
    --per-view: 4;
    position: relative;
    display: flex;
    gap: var(--gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    padding: 10px 44px;
    margin: 0 auto;
    width: 100%
}

.slick-slider::-webkit-scrollbar {
    display: none
}

.slick-slider {
    scrollbar-width: none
}

.slick-slider>.slide {
    flex: 0 0 calc((100% - (var(--gap) * (var(--per-view) - 1))) / var(--per-view));
    scroll-snap-align: start
}

.slick-slider .re-card {
    background: #fff;
    border-radius: 14px;
    padding: 14px;
    height: 100%
}

.re-card .original-price,.re-card .discountqqq {
    display: none!important
}

.ss-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgb(0 0 0 / .15);
    background: #fff;
    display: none!important;
    place-items: center;
    cursor: pointer;
    z-index: 2;
    transition: box-shadow .2s ease,transform .1s ease
}

.ss-arrow:hover {
    display: none!important;
    box-shadow: 0 6px 16px rgb(0 0 0 / .12)
}

.ss-arrow:active {
    display: none!important;
    transform: translateY(-50%) scale(.98)
}

.ss-prev {
    display: none!important;
    left: 6px
}

.ss-next {
    right: 6px
}

.ss-dots {
    display: none;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    width: 100%
}

.ss-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #ddd;
    border: none;
    cursor: pointer
}

.ss-dot.is-active {
    background: #2873F0
}

@media (max-width: 1199px) {
    .slick-slider {
        --per-view:3
    }
}

@media (max-width: 900px) {
    .slick-slider {
        --per-view:2
    }
}

@media (max-width: 560px) {
    .slick-slider {
        --per-view:1;
        padding: 0
    }
}

.modal-content.trial {
    padding: 0px!important;
    text-align: left!important
}

#durationWrapper {
    margin: 12px 0 14px 0
}

#durationWrapper #durationLabel {
    display: block;
    font-family: 'Roboto';
    font-size: 1.1rem;
    line-height: 1.2
}

#durationWrapper #durationSelect.form-control {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: .95rem;
    line-height: 1.4;
    color: #1f2328;
    background-color: #fff;
    border: 1px solid #d0d7de;
    box-shadow: 0 1px 0 rgb(27 31 35 / .04);
    transition: border-color .15s,box-shadow .15s,background-color .15s
}

#durationWrapper #durationSelect.form-control:hover {
    border-color: #b6c0c8
}

#durationWrapper #durationSelect.form-control:disabled {
    background-color: #f6f8fa;
    color: #8c959f;
    cursor: not-allowed
}

#durationWrapper.is-invalid #durationSelect.form-control {
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgb(220 53 69 / .15)
}

@media (max-width: 576px) {
    #durationWrapper #durationSelect.form-control {
        font-size:1rem;
        padding: 12px 14px
    }
}

:root {
    --sf-primary: #217fcd;
    --sf-ink: #1f2937;
    --sf-sub: #6b7280;
    --sf-card: #fff;
    --sf-ring: rgba(33,127,205,.25)
}

.container.contentBlock.Howercardslist {
    margin-top: 2rem!important
}

.free-ser-tit {
    text-align: center!important;
    color: var(--sf-ink)!important;
    font-weight: 700!important;
    letter-spacing: .2px!important;
    line-height: 1.25!important;
    margin: 0 0 1.5rem!important;
    font-size: clamp(1.2rem, 1.1vw + 1rem, 1.8rem)!important;
    position: relative!important
}

.free-ser-tit::after {
    content: "";
    display: block;
    width: 72px;
    height: 3px;
    margin: .65rem auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg,var(--sf-primary),#5bbcff)
}

.Howercardslist .row {
    display: grid!important;
    grid-template-columns: repeat(auto-fill,minmax(260px,1fr))!important;
    gap: 18px!important
}

.Howercardslist .card {
    background: var(--sf-card)!important;
    border-radius: 14px!important;
    border: none!important;
    overflow: hidden!important;
    box-shadow: 0 2px 10px rgb(0 0 0 / .06)!important;
    transition: transform .18s ease,box-shadow .18s ease!important;
    transform: none!important;
    will-change: transform,box-shadow!important;
    display: flex!important;
    flex-direction: column!important;
    height: 100%!important
}

.Howercardslist .card:hover {
    transform: translateY(-4px) scale(1.01)!important;
    box-shadow: 0 10px 24px rgb(0 0 0 / .12)!important
}

.Howercardslist .card:focus-within {
    outline: 2px solid var(--sf-ring)!important;
    outline-offset: 2px!important
}

.Howercardslist .head-of-card {
    position: relative!important;
    overflow: hidden!important;
    background: #f3f4f6!important
}

.Howercardslist .head-of-card img {
    display: block!important;
    width: 100%!important;
    height: auto!important;
    aspect-ratio: 16/10!important;
    object-fit: cover!important;
    transition: transform .25s ease!important
}

.Howercardslist .card:hover .head-of-card img {
    transform: scale(1.04)!important
}

.Howercardslist .b-main-card {
    padding: 16px 16px 18px!important;
    display: flex!important;
    flex-direction: column!important;
    gap: .35rem!important
}

.Howercardslist .b-main-card p {
    margin: 0!important;
    color: var(--sf-sub)!important;
    font-size: .95rem!important;
    line-height: 1.5!important
}

.Howercardslist .b-main-card p strong,.Howercardslist .b-main-card p>strong>a {
    color: var(--sf-ink)!important;
    font-weight: 700!important;
    text-decoration: none!important
}

.Howercardslist .b-main-card p>strong>a:hover {
    color: var(--sf-primary)!important;
    text-decoration: underline!important
}

.Howercardslist .card.loading {
    pointer-events: none!important
}

.Howercardslist .card.loading .head-of-card::after,.Howercardslist .card.loading .b-main-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left,#f6f7f8 10%,#edeef1 30%,#fafcff 50%,#f6f7f8 60%)!important;
    background-repeat: no-repeat!important;
    animation: placeHolderShimmer .85s linear infinite!important
}

.Howercardslist .card.loading .b-main-card {
    position: relative!important;
    min-height: 96px!important
}

.Howercardslist .card.loading .b-main-card>* {
    visibility: hidden!important
}

.Howercardslist a:focus-visible {
    outline: 2px solid var(--sf-primary)!important;
    outline-offset: 2px!important;
    border-radius: 6px!important
}

@media (prefers-reduced-motion:reduce) {
    .Howercardslist .card,.Howercardslist .head-of-card img {
        transition: none!important
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: right 0 top 0
    }

    100% {
        background-position: left 0 top 0
    }
}

@media (max-width: 480px) {
    .Howercardslist .row {
        gap:14px!important
    }

    .Howercardslist .b-main-card {
        padding: 14px!important
    }

    .free-ser-tit {
        margin-bottom: 1.1rem!important
    }
}

.modern-package-footer {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    color: #fff;
    position: relative;
    overflow: hidden
}

.modern-package-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 50%,rgb(255 255 255 / .05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(255 255 255 / .05) 0%,transparent 50%);
    pointer-events: none
}

.modern-package-footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,transparent,rgb(255 255 255 / .5),transparent);
    z-index: 1
}

.footer-top-section {
    padding: 60px 0 40px;
    position: relative;
    z-index: 2
}

.footer-section {
    animation: fadeInUp 0.6s ease-out
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.footer-logo-area {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

.footer-logo-area img {
    max-height: 45px;
    filter: brightness(1.2) drop-shadow(0 2px 8px rgb(0 0 0 / .2));
    transition: all 0.3s ease
}

.footer-logo-area img:hover {
    filter: brightness(1.4) drop-shadow(0 4px 12px rgb(255 255 255 / .3));
    transform: scale(1.05)
}

.modern-lang-select {
    background: rgb(255 255 255 / .15);
    border: 2px solid rgb(255 255 255 / .3);
    color: #fff;
    padding: 8px 15px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px)
}

.modern-lang-select:hover {
    background: rgb(255 255 255 / .25);
    border-color: rgb(255 255 255 / .5);
    box-shadow: 0 4px 15px rgb(255 255 255 / .2);
    transform: translateY(-2px)
}

.modern-lang-select option {
    background: #295ccf;
    color: #fff
}

.footer-desc {
    color: rgb(255 255 255 / .9);
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-shadow: 0 1px 2px rgb(0 0 0 / .1)
}

.contact-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.contact-info-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
    padding: 8px 0
}

.contact-info-item i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / .2);
    border-radius: 50%;
    font-size: 14px;
    flex-shrink: 0;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border: 2px solid rgb(255 255 255 / .3)
}

.contact-info-item:hover {
    transform: translateX(5px)
}

.contact-info-item:hover i {
    transform: rotate(360deg) scale(1.1);
    background: rgb(255 255 255 / .3);
    border-color: rgb(255 255 255 / .5);
    box-shadow: 0 5px 15px rgb(255 255 255 / .3)
}

.footer-heading {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgb(0 0 0 / .2)
}

.footer-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: rgb(255 255 255 / .5);
    border-radius: 2px;
    box-shadow: 0 2px 4px rgb(0 0 0 / .2)
}

.footer-nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.footer-nav-links li a {
    color: rgb(255 255 255 / .9);
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    transition: all 0.3s ease
}

.footer-nav-links li a i {
    color: rgb(255 255 255 / .6);
    font-size: 12px;
    transition: all 0.3s ease
}

.footer-nav-links li a:hover {
    color: #fff;
    padding-left: 10px;
    text-shadow: 0 2px 4px rgb(0 0 0 / .2)
}

.footer-nav-links li a:hover i {
    transform: translateX(5px);
    color: #fff
}

.footer-bottom-section {
    background: rgb(0 0 0 / .2);
    padding: 25px 0;
    border-top: 1px solid rgb(255 255 255 / .2);
    position: relative;
    z-index: 2
}

.copyright-text {
    color: rgb(255 255 255 / .9);
    font-size: 14px;
    text-shadow: 0 1px 2px rgb(0 0 0 / .2)
}

.social-icons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    justify-content: flex-end
}

.social-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    transition: all 0.3s cubic-bezier(.175,.885,.32,1.275);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    background: rgb(255 255 255 / .15);
    color: #fff;
    backdrop-filter: blur(10px);
    border: 2px solid rgb(255 255 255 / .3)
}

.social-btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,transparent,rgb(255 255 255 / .1),transparent);
    transform: rotate(45deg);
    transition: all 0.5s ease
}

.social-btn:hover::before {
    left: 100%
}

.social-btn:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 25px rgb(0 0 0 / .3);
    border-color: rgb(255 255 255 / .6);
    background: rgb(255 255 255 / .25)
}

.social-btn i {
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .footer-top-section {
        padding:50px 0 30px
    }

    .footer-section {
        margin-bottom: 40px
    }

    .footer-logo-area {
        justify-content: center
    }

    .footer-desc {
        text-align: center
    }

    .contact-info-list {
        align-items: center
    }

    .contact-info-item {
        justify-content: center
    }

    .footer-heading {
        text-align: center
    }

    .footer-heading::after {
        left: 50%;
        transform: translateX(-50%)
    }

    .footer-nav-links {
        align-items: center
    }
}

@media (max-width: 767px) {
    .footer-top-section {
        padding:40px 0 20px
    }

    .footer-bottom-section {
        padding: 20px 0
    }

    .copyright-text {
        margin-bottom: 20px
    }

    .social-icons-container {
        justify-content: center
    }

    .social-btn {
        width: 42px;
        height: 42px;
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .footer-logo-area {
        flex-direction:column;
        gap: 15px
    }

    .modern-lang-select {
        width: 100%
    }

    .social-icons-container {
        gap: 10px
    }
}

.footer-nav-links li a:focus,.social-btn:focus {
    outline: 2px solid rgb(255 255 255 / .8);
    outline-offset: 3px
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media print {
    .modern-package-footer {
        background: #3a75fa!important
    }

    .social-icons-container {
        display: none
    }
}

.sf-reviews-section {
    padding: 60px 0;
    background: linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%)
}

.sf-reviews-header {
    margin-bottom: 40px
}

.sf-reviews-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px
}

.sf-reviews-subtitle {
    color: #666;
    font-size: 1.1rem
}

.sf-overall-rating {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 25px 50px;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgb(0 0 0 / .08);
    margin-top: 25px
}

.sf-rating-score {
    font-size: 3rem;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1
}

.sf-out-of {
    font-size: 1.2rem;
    color: #999;
    font-weight: 400
}

.sf-rating-stars {
    margin: 10px 0
}

.sf-rating-stars i {
    color: #f39c12;
    font-size: 1.5rem;
    margin: 0 3px
}

.sf-total-count {
    color: #666;
    font-size: .95rem
}

.sf-reviews-wrapper {
    max-width: 900px;
    margin: 0 auto
}

.sf-reviews-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.sf-review-item {
    display: none;
    margin-bottom: 20px
}

.sf-review-item.active {
    display: block;
    animation: sfFadeIn 0.4s ease
}

@keyframes sfFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.sf-review-card {
    background: #fff;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .06);
    transition: transform 0.2s,box-shadow 0.2s
}

.sf-review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgb(0 0 0 / .1)
}

.sf-review-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px
}

.sf-reviewer {
    display: flex;
    align-items: center;
    gap: 12px
}

.sf-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg,#3a75fa,#6366f1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 600
}

.sf-reviewer-name {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: #1a1a2e
}

.sf-verified {
    color: #28a745;
    margin-left: 5px;
    font-size: .85rem
}

.sf-date {
    font-size: .85rem;
    color: #888
}

.sf-stars i {
    color: #f39c12;
    font-size: .9rem
}

.sf-review-body {
    color: #444;
    line-height: 1.7;
    margin-bottom: 15px
}

.sf-admin-reply {
    background: #f0f7ff;
    border-left: 4px solid #3a75fa;
    padding: 15px;
    border-radius: 8px;
    margin-top: 15px
}

.sf-reply-header {
    font-size: .9rem;
    color: #3a75fa;
    margin-bottom: 8px
}

.sf-reply-header i {
    margin-right: 6px
}

.sf-reply-header span {
    color: #888;
    font-weight: 400;
    margin-left: 10px
}

.sf-review-actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee
}

.sf-helpful-btn {
    background: none;
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: .85rem;
    color: #666;
    cursor: pointer;
    transition: all 0.2s
}

.sf-helpful-btn:hover {
    border-color: #3a75fa;
    color: #3a75fa
}

.sf-helpful-btn.voted {
    background: #3a75fa;
    color: #fff;
    border-color: #3a75fa
}

.sf-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px
}

.sf-page-btn {
    padding: 10px 20px;
    border: 2px solid #3a75fa;
    background: #fff;
    color: #3a75fa;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s
}

.sf-page-btn:hover:not(:disabled) {
    background: #3a75fa;
    color: #fff
}

.sf-page-btn:disabled {
    opacity: .4;
    cursor: not-allowed
}

#sfPageInfo {
    font-weight: 600;
    color: #666
}

.sf-write-review {
    background: #fff;
    border-radius: 16px;
    padding: 35px;
    margin-top: 50px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .06)
}

.sf-write-review h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 25px;
    color: #1a1a2e
}

.sf-write-review h3 i {
    color: #3a75fa;
    margin-right: 10px
}

.sf-form-group {
    margin-bottom: 20px
}

.sf-form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333
}

.sf-form-group small {
    color: #888;
    font-size: .8rem
}

.sf-star-picker {
    display: flex;
    align-items: center;
    gap: 5px
}

.sf-pick-star {
    font-size: 2rem;
    color: #ddd;
    cursor: pointer;
    transition: all 0.15s
}

.sf-pick-star:hover,.sf-pick-star.hover,.sf-pick-star.active {
    color: #f39c12;
    transform: scale(1.15)
}

.sf-rating-text {
    margin-left: 15px;
    color: #888;
    font-size: .9rem
}

.sf-char-count {
    text-align: right;
    font-size: .8rem;
    color: #888;
    margin-top: 5px
}

.sf-submit-btn {
    background: linear-gradient(135deg,#3a75fa 0%,#6366f1 100%);
    color: #fff;
    border: none;
    padding: 15px 35px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px
}

.sf-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgb(58 117 250 / .35)
}

.sf-submit-btn:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none
}

.sf-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .5);
    z-index: 99999;
    justify-content: center;
    align-items: center
}

.sf-modal.show {
    display: flex
}

.sf-modal-content {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    max-width: 400px;
    position: relative;
    animation: sfModalIn 0.3s ease
}

@keyframes sfModalIn {
    from {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.sf-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    color: #aaa;
    cursor: pointer
}

.sf-modal-icon {
    font-size: 4rem;
    color: #28a745;
    margin-bottom: 20px
}

.sf-modal-content h3 {
    font-size: 1.5rem;
    margin-bottom: 10px
}

.sf-modal-content p {
    color: #666;
    margin-bottom: 25px
}

.sf-modal-ok {
    background: #3a75fa;
    color: #fff;
    border: none;
    padding: 12px 50px;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer
}

.sf-no-reviews {
    display: block!important
}

@media (max-width: 768px) {
    .sf-reviews-section {
        padding:40px 15px
    }

    .sf-review-top {
        flex-direction: column;
        gap: 10px
    }

    .sf-overall-rating {
        padding: 20px 30px
    }

    .sf-rating-score {
        font-size: 2.5rem
    }

    .sf-write-review {
        padding: 25px 20px
    }
}

.review-summary-box {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg,#f8f9fa 0%,#fff 100%);
    border-radius: 16px;
    padding: 24px 32px;
    margin: 24px 0;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(.4,0,.2,1);
    border: 1px solid #e0e5ec;
    box-shadow: 0 2px 8px rgb(0 0 0 / .04);
    position: relative;
    overflow: hidden
}

.review-summary-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);
    transition: left 0.5s
}

.review-summary-box:hover::before {
    left: 100%
}

.review-summary-box:hover {
    background: linear-gradient(135deg,#fff 0%,#f8f9fa 100%);
    box-shadow: 0 8px 30px rgb(0 0 0 / .12);
    transform: translateY(-3px);
    border-color: #3a75fa
}

.review-summary-left {
    flex: 1
}

.review-stars {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px
}

.review-stars i {
    color: #f5a623;
    font-size: 22px;
    transition: transform 0.3s
}

.review-stars i.empty {
    color: #ddd
}

.review-summary-box:hover .review-stars i {
    transform: scale(1.1)
}

.review-rating-number {
    font-size: 24px;
    font-weight: 700;
    color: #2d3436;
    margin-left: 12px
}

.review-total {
    color: #636e72;
    font-size: 14px;
    font-weight: 500
}

.review-summary-divider {
    width: 2px;
    height: 55px;
    background: linear-gradient(180deg,transparent,#ddd,transparent);
    margin: 0 32px
}

.review-summary-right {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px
}

.leave-comment-text {
    font-size: 22px;
    font-weight: 600;
    color: #2d3436;
    transition: color 0.3s
}

.review-summary-box:hover .leave-comment-text {
    color: #3a75fa
}

.bounce-arrow {
    font-size: 18px;
    color: #3a75fa;
    animation: bounceDown 2s infinite
}

@keyframes bounceDown {
    0%,20%,50%,80%,100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(8px)
    }

    60% {
        transform: translateY(4px)
    }
}

@media (max-width: 768px) {
    .review-summary-box {
        flex-direction:column;
        text-align: center;
        padding: 20px;
        gap: 15px
    }

    .review-summary-divider {
        width: 60%;
        height: 2px;
        margin: 0;
        background: linear-gradient(90deg,transparent,#ddd,transparent)
    }

    .review-stars {
        justify-content: center
    }

    .review-summary-right {
        justify-content: center
    }

    .leave-comment-text {
        font-size: 18px
    }
}

.sf-reviews-section {
    padding: 60px 0;
    background: linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%)
}

.sf-reviews-header {
    margin-bottom: 40px
}

.sf-reviews-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px
}

.sf-reviews-subtitle {
    color: #666;
    font-size: 1.1rem
}

.sf-overall-rating {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 25px 50px;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgb(0 0 0 / .08);
    margin-top: 25px
}

.sf-rating-score {
    font-size: 3rem;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1
}

.sf-out-of {
    font-size: 1.2rem;
    color: #999;
    font-weight: 400
}

.sf-rating-stars {
    margin: 10px 0
}

.sf-rating-stars i {
    color: #f39c12;
    font-size: 1.5rem;
    margin: 0 3px
}

.sf-total-count {
    color: #666;
    font-size: .95rem
}

.sf-reviews-wrapper {
    max-width: 900px;
    margin: 0 auto
}

.sf-reviews-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.sf-review-item {
    display: none;
    margin-bottom: 20px
}

.sf-review-item.active {
    display: block;
    animation: sfFadeIn 0.4s ease
}

@keyframes sfFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.sf-review-card {
    background: #fff;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .06);
    transition: transform 0.2s,box-shadow 0.2s
}

.sf-review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgb(0 0 0 / .1)
}

.sf-review-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px
}

.sf-reviewer {
    display: flex;
    align-items: center;
    gap: 12px
}

.sf-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg,#3a75fa,#6366f1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 600
}

.sf-reviewer-name {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: #1a1a2e
}

.sf-verified {
    color: #28a745;
    margin-left: 5px;
    font-size: .85rem
}

.sf-date {
    font-size: .85rem;
    color: #888
}

.sf-stars i {
    color: #f39c12;
    font-size: .9rem
}

.sf-review-body {
    color: #444;
    line-height: 1.7;
    margin-bottom: 15px
}

.sf-admin-reply {
    background: #f0f7ff;
    border-left: 4px solid #3a75fa;
    padding: 15px;
    border-radius: 8px;
    margin-top: 15px
}

.sf-reply-header {
    font-size: .9rem;
    color: #3a75fa;
    margin-bottom: 8px
}

.sf-reply-header i {
    margin-right: 6px
}

.sf-reply-header span {
    color: #888;
    font-weight: 400;
    margin-left: 10px
}

.sf-review-actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee
}

.sf-helpful-btn {
    background: none;
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: .85rem;
    color: #666;
    cursor: pointer;
    transition: all 0.2s
}

.sf-helpful-btn:hover {
    border-color: #3a75fa;
    color: #3a75fa
}

.sf-helpful-btn.voted {
    background: #3a75fa;
    color: #fff;
    border-color: #3a75fa
}

.sf-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px
}

.sf-page-btn {
    padding: 10px 20px;
    border: 2px solid #3a75fa;
    background: #fff;
    color: #3a75fa;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s
}

.sf-page-btn:hover:not(:disabled) {
    background: #3a75fa;
    color: #fff
}

.sf-page-btn:disabled {
    opacity: .4;
    cursor: not-allowed
}

#sfPageInfo {
    font-weight: 600;
    color: #666
}

.sf-write-review {
    background: #fff;
    border-radius: 16px;
    padding: 35px;
    margin-top: 50px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .06)
}

.sf-write-review h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 25px;
    color: #1a1a2e
}

.sf-write-review h3 i {
    color: #3a75fa;
    margin-right: 10px
}

.sf-form-group {
    margin-bottom: 20px
}

.sf-form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333
}

.sf-form-group small {
    color: #888;
    font-size: .8rem
}

.sf-star-picker {
    display: flex;
    align-items: center;
    gap: 5px
}

.sf-pick-star {
    font-size: 2rem;
    color: #ddd;
    cursor: pointer;
    transition: all 0.15s
}

.sf-pick-star:hover,.sf-pick-star.hover,.sf-pick-star.active {
    color: #f39c12;
    transform: scale(1.15)
}

.sf-rating-text {
    margin-left: 15px;
    color: #888;
    font-size: .9rem
}

.sf-char-count {
    text-align: right;
    font-size: .8rem;
    color: #888;
    margin-top: 5px
}

.sf-submit-btn {
    background: linear-gradient(135deg,#3a75fa 0%,#6366f1 100%);
    color: #fff;
    border: none;
    padding: 15px 35px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px
}

.sf-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgb(58 117 250 / .35)
}

.sf-submit-btn:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none
}

.sf-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .5);
    z-index: 99999;
    justify-content: center;
    align-items: center
}

.sf-modal.show {
    display: flex
}

.sf-modal-content {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    max-width: 400px;
    position: relative;
    animation: sfModalIn 0.3s ease
}

@keyframes sfModalIn {
    from {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.sf-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    color: #aaa;
    cursor: pointer
}

.sf-modal-icon {
    font-size: 4rem;
    color: #28a745;
    margin-bottom: 20px
}

.sf-modal-content h3 {
    font-size: 1.5rem;
    margin-bottom: 10px
}

.sf-modal-content p {
    color: #666;
    margin-bottom: 25px
}

.sf-modal-ok {
    background: #3a75fa;
    color: #fff;
    border: none;
    padding: 12px 50px;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer
}

.sf-no-reviews {
    display: block!important
}

@media (max-width: 768px) {
    .sf-reviews-section {
        padding:40px 15px
    }

    .sf-review-top {
        flex-direction: column;
        gap: 10px
    }

    .sf-overall-rating {
        padding: 20px 30px
    }

    .sf-rating-score {
        font-size: 2.5rem
    }

    .sf-write-review {
        padding: 25px 20px
    }
}

.modern-how-it-works {
    background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.modern-how-it-works::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 10% 20%,rgb(58 117 250 / .03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgb(41 92 207 / .03) 0%,transparent 50%);
    pointer-events: none
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative
}

.section-title {
    margin: 0 0 16px;
    font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.2;
    color: #0f1b3d;
    text-transform: uppercase;
    letter-spacing: .5px
}

.section-subtitle {
    margin: 0 auto 20px;
    max-width: 650px;
    font-size: 17px;
    line-height: 1.65;
    color: #516287
}

.section-underline {
    width: 100px;
    height: 5px;
    margin: 0 auto;
    border-radius: 10px;
    background: linear-gradient(90deg,#3a75fa 0%,#295ccf 100%);
    box-shadow: 0 4px 12px rgb(58 117 250 / .3)
}

.steps-container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto
}

.steps-timeline {
    display: none
}

@media (min-width: 992px) {
    .steps-container {
        grid-template-columns:repeat(2,1fr);
        gap: 40px 50px
    }

    .steps-timeline {
        display: block;
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: calc(100% - 120px);
        background: linear-gradient(180deg,rgb(58 117 250 / .2) 0%,rgb(58 117 250 / .5) 50%,rgb(58 117 250 / .2) 100%)
    }
}

.step-card {
    position: relative;
    background: #fff;
    border: 2px solid #e6eeff;
    border-radius: 20px;
    padding: 32px 28px;
    box-shadow: 0 4px 16px rgb(58 117 250 / .08);
    transition: all 0.4s cubic-bezier(.4,0,.2,1)
}

.step-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg,#3a75fa 0%,#295ccf 100%);
    border-radius: 20px 20px 0 0;
    opacity: 0;
    transition: opacity 0.3s ease
}

.step-card:hover {
    transform: translateY(-8px);
    border-color: rgb(58 117 250 / .4);
    box-shadow: 0 12px 32px rgb(41 92 207 / .2)
}

.step-card:hover::before {
    opacity: 1
}

.step-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.step-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(135deg,#eef3ff 0%,#e3ecff 100%);
    color: #3a75fa;
    font-size: 32px;
    box-shadow: inset 0 0 0 1px rgb(58 117 250 / .15),0 8px 20px rgb(58 117 250 / .15);
    transition: all 0.3s ease
}

.step-card:hover .step-icon {
    transform: scale(1.08) rotate(5deg);
    box-shadow: inset 0 0 0 1px rgb(58 117 250 / .25),0 12px 28px rgb(58 117 250 / .25)
}

.step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    font-family: 'Roboto',monospace;
    font-size: 24px;
    font-weight: 900;
    color: rgb(58 117 250 / .2);
    background: linear-gradient(135deg,#f8fbff 0%,#f0f5ff 100%);
    border: 3px solid rgb(58 117 250 / .15);
    border-radius: 50%;
    transition: all 0.3s ease
}

.step-card:hover .step-number {
    color: rgb(58 117 250 / .4);
    border-color: rgb(58 117 250 / .3);
    transform: scale(1.05)
}

.step-title {
    margin: 0 0 12px;
    font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
    color: #0f1b3d;
    letter-spacing: .3px
}

.step-description {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.7;
    color: #516287
}

.step-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.step-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #516287
}

.step-features i {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #10b981;
    background: #d1fae5;
    border-radius: 50%
}

.modern-faq-section {
    background: linear-gradient(135deg,#3a75fa 0%,#295ccf 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.modern-faq-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 50%,rgb(255 255 255 / .05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(255 255 255 / .05) 0%,transparent 50%);
    pointer-events: none
}

.faq-header {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.faq-title {
    margin: 0 0 16px;
    font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-shadow: 0 2px 8px rgb(0 0 0 / .15)
}

.faq-subtitle {
    margin: 0 auto 20px;
    max-width: 650px;
    font-size: 17px;
    line-height: 1.65;
    color: rgb(255 255 255 / .9)
}

.faq-underline {
    width: 100px;
    height: 5px;
    margin: 0 auto;
    border-radius: 10px;
    background: rgb(255 255 255 / .4);
    box-shadow: 0 4px 12px rgb(255 255 255 / .2)
}

.faq-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .faq-grid {
        grid-template-columns:repeat(2,1fr);
        gap: 30px
    }
}

.faq-column {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.faq-item {
    background: rgb(255 255 255 / .1);
    border: 2px solid rgb(255 255 255 / .2);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px)
}

.faq-item:hover {
    background: rgb(255 255 255 / .15);
    border-color: rgb(255 255 255 / .35);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgb(0 0 0 / .2)
}

.faq-item.active {
    background: rgb(255 255 255 / .15);
    border-color: rgb(255 255 255 / .4)
}

.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    background: #fff0;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s ease
}

.faq-question-text {
    flex: 1;
    font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff
}

.faq-icon {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    background: rgb(255 255 255 / .15);
    border-radius: 50%;
    transition: all 0.3s ease
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
    background: rgb(255 255 255 / .25)
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(.4,0,.2,1)
}

.faq-item.active .faq-answer {
    max-height: 500px
}

.faq-answer-content {
    padding: 0 24px 24px;
    font-size: 15px;
    line-height: 1.7;
    color: rgb(255 255 255 / .85)
}

.faq-cta {
    position: relative;
    z-index: 1
}

.faq-cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 40px 30px;
    background: rgb(255 255 255 / .1);
    border: 2px solid rgb(255 255 255 / .2);
    border-radius: 20px;
    backdrop-filter: blur(10px);
    text-align: center
}

.faq-cta-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #3a75fa;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgb(0 0 0 / .15)
}

.faq-cta-text h3 {
    margin: 0 0 8px;
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #fff
}

.faq-cta-text p {
    margin: 0;
    font-size: 16px;
    color: rgb(255 255 255 / .85)
}

.faq-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: #fff;
    color: #3a75fa;
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgb(0 0 0 / .15)
}

.faq-cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgb(0 0 0 / .25);
    color: #295ccf
}

.faq-cta-button i {
    transition: transform 0.3s ease
}

.faq-cta-button:hover i {
    transform: translateX(5px)
}

@media (max-width: 991px) {
    .modern-how-it-works,.modern-faq-section {
        padding:60px 0
    }

    .section-title,.faq-title {
        font-size: 30px
    }

    .section-header,.faq-header {
        margin-bottom: 40px
    }

    .step-card {
        padding: 28px 24px
    }
}

@media (max-width: 767px) {
    .modern-how-it-works,.modern-faq-section {
        padding:50px 0
    }

    .section-title,.faq-title {
        font-size: 26px
    }

    .section-subtitle,.faq-subtitle {
        font-size: 15px
    }

    .step-icon {
        width: 60px;
        height: 60px;
        font-size: 28px
    }

    .step-number {
        width: 48px;
        height: 48px;
        font-size: 20px
    }

    .step-title {
        font-size: 20px
    }

    .faq-cta-content {
        padding: 30px 20px
    }

    .faq-cta-icon {
        width: 70px;
        height: 70px;
        font-size: 32px
    }
}

@media (max-width: 576px) {
    .step-card {
        padding:24px 20px
    }

    .step-icon {
        width: 56px;
        height: 56px;
        font-size: 26px
    }

    .step-number {
        width: 44px;
        height: 44px;
        font-size: 18px
    }

    .faq-question {
        padding: 16px 20px
    }

    .faq-question-text {
        font-size: 16px
    }

    .faq-answer-content {
        padding: 0 20px 20px;
        font-size: 14px
    }
}