.bluemark,
.price-offer,
.price-web,
.price-website,
.price000,
.steps,
.steps-how {
    list-style-type: none
}

.comments,
.facebook,
.followers,
.instagram,
.likes,
.subs,
.tiktok,
.tiktok-like,
.tiktokfollowers,
.twitch,
.views,
.youtube,
.youtube-view {
    -webkit-text-fill-color: transparent
}

.buttonm,
.buttonm span,
.buttonx,
.buttonx2,
.buy-button,
.chat-button,
.close-icon,
.columns-web,
.contact-button,
.cta-button,
.faq-question,
.input-groupxa button {
    cursor: pointer
}

body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    background: #fff
}

.mitwix-reviews-section {
    background-color: #fff;
    padding: 40px 20px;
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 30px
}

.sec-title {
    font-size: 32px;
    text-align: center;
    color: #222;
    margin-bottom: 10px
}

.sec-description,
.section-description {
    font-size: 18px;
    color: #555;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.6
}

.swiper {
    padding: 10px 0 50px
}

.swiper-slide {
    display: flex;
    gap: 20px;
    background-color: transparent
}

.review-card {
    background-color: #f4f6f8;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    text-align: left;
    width: 100%;
    transition: transform .3s;
    flex: 1;
    min-width: 0
}

.body-title,
.body-title-font,
.boost-links .btn,
.boost-section,
.button,
.button-website,
.buttonm,
.buttonsub,
.buttonsub2,
.buttonx,
.buttonx2,
.buy-button,
.calculator-header,
.cardtext h2,
.cardtext p,
.center-box,
.centered,
.columns-offer,
.copyright,
.cta-box,
.icon,
.price-offer .header,
.section-domain,
.topnav a,
.website-cre,
.why-head {
    text-align: center
}

.cardtext:hover,
.review-card:hover,
.social-feature-card:hover {
    transform: translateY(-5px)
}

.review-text {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    font-style: italic
}

.review-author {
    font-size: 15px;
    font-weight: 700;
    color: #0073e6;
    margin-bottom: 5px
}

.star-rating {
    font-size: 18px;
    color: #fc0
}

.cta-box {
    margin-top: 30px
}

.cta-button {
    display: inline-block;
    text-decoration: none
}

@media (max-width:1200px) {
    .swiper-slide {
        gap: 15px
    }
}

@media (max-width:992px) {
    .swiper-slide {
        flex-wrap: wrap
    }
    .review-card {
        min-width: calc(50% - 10px)
    }
}

.containerbody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: 1500px;
    margin: 0 auto
}

.cardtext {
    background: #fff;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .07);
    transition: transform .2s
}

.cardtext h2 {
    font-size: 25px;
    margin-bottom: 15px;
    color: #0a0a0a
}

.cardtext p {
    line-height: 1.6;
    font-size: 17px
}

.columns-offer {
    float: left;
    width: 16.6%;
    padding: 8px
}

.columns-web {
    float: left;
    width: 12.5%;
    padding: 8px
}

.link,
a {
    text-decoration: none !important
}

.Columnxs a,
.alink,
.auth,
.boost-btn,
.boost-links .btn,
.button,
.button-website,
.buy-button a,
.cart-btn,
.chat-icons a,
.contact-button,
.topnav a {
    text-decoration: none
}

.hidden-text {
    position: absolute;
    left: -9999px;
    visibility: hidden;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.price-web {
    background-color: #fff;
    border: 1px solid #5093fc;
    border-radius: 8px;
    margin: 0;
    padding: 10px;
    transition: .3s;
    box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .4);
    display: flex;
    align-items: center
}

.price-offer:hover,
.price-web:hover,
.price-website:hover,
.price000:hover {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .2)
}

.price-web .header {
    color: #000;
    font-size: 16px;
    border-radius: 8px;
    text-align: left;
    padding-left: 10px;
    font-weight: 700
}

.price-web .pic {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.price-offer .pic,
.price000 .pic {
    width: 100px;
    height: 100px;
    padding: 10px
}

.contact-button {
    display: inline-flex;
    align-items: center;
    padding: 5px 24px;
    font-size: 18px;
    color: #000;
    background-color: #fff;
    border: 3px solid #0583f0;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
    transition: background-color .3s, transform .3s
}

.contact-button i {
    margin-right: 8px
}

.contact-button:hover {
    background-color: #f0f0f0;
    transform: scale(1.05)
}

.contact-button:active {
    transform: scale(.95)
}

.desktop-contact-button,
.mobile-contact-button,
.mobile-only,
.topnav .icon,
.topnav a.active {
    display: none
}

@media (min-width:769px) {
    .desktop-contact-button {
        display: inline-flex
    }
}

.chat-button {
    position: fixed;
    bottom: 7px;
    right: 10px;
    background-color: transparent;
    color: #fff;
    padding: 5px;
    border: none;
    border-radius: 50%;
    z-index: 1
}

.chat-icons {
    position: fixed;
    bottom: 80px;
    right: 30px;
    display: none;
    background: #9bdffd;
    background: linear-gradient(90deg, #9bdffd 0, #a5c1f1 80%);
    background: -webkit-linear-gradient(90deg, #9bdffd 0, #a5c1f1 80%);
    background: -moz-linear-gradient(90deg, #9bdffd 0, #a5c1f1 80%);
    border-radius: 20px;
    padding: 40px 40px 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    z-index: 2
}

.chat-icons a {
    display: block;
    margin-bottom: 10px;
    color: inherit
}

.close-icon {
    position: absolute;
    top: 10px;
    right: 10px
}

.imgfooter {
    width: 200%
}

* {
    box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif
}

#currencySelect {
    color: #fff;
    background-color: #27bd1d;
    border: 0 solid #638e41;
    width: 100%;
    border-radius: 5px
}

@media screen and (max-width:800px) {
    .Columnxs {
        flex: 50%
    }
    .imgfooter {
        width: 200%
    }
}

.footer {
    background: linear-gradient(96deg, #6a95e3 0, #11439a 80%);
    color: #fff;
    padding: 20px 10px;
    width: 100%
}

.rowxs {
    display: flex;
    flex-wrap: wrap;
    max-width: 1500px;
    margin: 0 auto;
    gap: 15px
}

.Columnxs {
    flex: 1;
    min-width: 200px
}

.Columnxs div {
    font-size: 22px;
    margin-bottom: 10px
}

.Columnxs a {
    display: block;
    font-size: 17px;
    margin-bottom: 8px;
    transition: color .3s;
    color: #fff
}

.Columnxs a:hover {
    color: #e5ff00
}

.Columnxs a:active,
.Columnxs a:focus,
.Columnxs a:visited {
    color: #fff !important;
    outline: 0
}

.responsive-img {
    max-width: 100%;
    height: auto;
    margin: 10px auto
}

.copyright {
    font-size: 14px;
    margin-top: 20px;
    color: #dcdcdc
}

.section-head,
.section-title {
    font-size: 24px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: 700
}

.mit-content-wrapper {
    text-align: center;
    padding: 5px
}

.section-title,
.tiktok-share .result-value,
.your-share .result-value {
    color: #000
}

.buy-button a,
.color-title,
.section-head {
    color: #fff
}

.h2class,
.right-column-mit-text {
    line-height: 1.6;
    text-align: left
}

.body-title {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px
}

.body-title-font {
    max-width: 1300px;
    width: 100%;
    margin: auto
}

.data-description {
    font-size: 18px;
    color: #025
}

.container025 {
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

@media (max-width:800px) {
    .Columnxs {
        flex: 50%;
        text-align: center
    }
    .Columnxs a {
        display: block;
        text-align: center;
        margin-bottom: 8px
    }
    .responsive-img {
        margin: 10px auto;
        display: block
    }
    .data-description {
        font-size: 14px
    }
    .container025 {
        max-width: 95%
    }
}

.input-groupxa {
    display: flex;
    margin-bottom: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden
}

.input-groupxa input[type=text] {
    flex: 1;
    padding: 5px;
    border: none;
    font-size: 16px
}

.input-groupxa button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 0 20px;
    transition: background-color .3s
}

.price-offer li,
.price-website li,
.price000 li {
    border-bottom: 1px solid #eee;
    text-align: center
}

.input-groupxa button:hover {
    background-color: #0056b3
}

.buttonx2 {
    border-radius: 8px;
    background: #007bff;
    background: linear-gradient(90deg, #007bff 0, #0b5db4 80%);
    background: -webkit-linear-gradient(90deg, #007bff 0, #0b5db4 80%);
    background: -moz-linear-gradient(90deg, #007bff 0, #0b5db4 80%);
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 5px 0;
    width: 49%;
    transition: .3s;
    margin: 5px
}

.buttonx2:hover,
.buttonx:hover {
    background: linear-gradient(145deg, #1c3c6c, #2f539b)
}

.buttonx span,
.buttonx2 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.buttonx2:hover span,
.buttonx:hover span {
    color: gold;
    transform: translateY(-3px)
}

.buttonx span:after,
.buttonx2 span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: gold;
    transform: scaleX(0);
    transition: transform .3s
}

.buttonx2:hover span:after,
.buttonx:hover span:after {
    transform: scaleX(1)
}

@media screen and (max-width:800px) {
    .buttonx2 {
        border-radius: 5px;
        font-size: 16px;
        padding: 8px;
        width: 95%;
        margin: 5px
    }
    .popup-content {
        width: 80%
    }
}

.price-offer,
.price000 {
    margin: 0
}

.price-offer {
    border: 1px solid #025;
    border-radius: 8px;
    padding: 0;
    transition: .3s;
    box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .2)
}

.font-offer {
    background: #fff;
    border-radius: 0 0 10px 10px
}

.price-offer .header {
    background: #2368d4;
    background: linear-gradient(90deg, #2368d4 0, #025 80%);
    background: -webkit-linear-gradient(90deg, #2368d4 0, #025 80%);
    background: -moz-linear-gradient(90deg, #2368d4 0, #025 80%);
    color: #fff;
    font-size: 15px;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    position: relative
}

@media (min-width: 1024px) {
    .price-offer .header {
        font-size: 13px;
    }
}


.price-offer .header::after {
    content: 'FREE!';
    background-color: #ff0;
    color: #000;
    font-size: 12px;
    padding: 3px 6px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px
}

.price-offer li {
    padding: 15px
}

.price-offer .pic {
    font-size: 20px;
    background: #fff
}

.columns000 {
    float: left;
    width: 16.66%;
    padding: 8px
}

.price000 {
    border: 1px solid #7fffd4;
    border-radius: 20px;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .75);
    -webkit-box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .75)
}

.price000 .header {
    background-color: #111;
    color: #fff;
    font-size: 15px;
    border-radius: 20px 20px 0 0
}

.price000 li {
    padding: 10px
}

.price000 .pic {
    background-color: #;
    font-size: 20px;
    background: #fff
}

.button {
    background-color: #04aa6d;
    border: none;
    color: #fff;
    padding: 10px 25px;
    font-size: 18px
}

@media only screen and (max-width:800px) {
    .columns000 {
        width: 50%
    }
}

.buttonx {
    border-radius: 8px;
    background: linear-gradient(145deg, #2f539b, #1c3c6c);
    border: none;
    color: #fff;
    font-size: 17px;
    padding: 8px 20px;
    width: 24%;
    transition: .3s;
    margin: 5px
}

.popup-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

.faq-container,
section-how {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.closex {
    transition: color .3s
}

.column {
    flex: 1;
    padding: 00px
}

.columns-website {
    float: left;
    width: 20%;
    padding: 10px
}

.price-website {
    border: 0 solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.price-website .header {
    background-color: #072452;
    color: #fff;
    font-size: 20px;
    padding: 15px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.price-website li {
    padding: 3px;
    font-size: 18px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.benefits-list li,
.reviewlist li {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    transition: transform .3s, box-shadow .3s
}

.price-website .grey {
    background-color: #eee;
    font-size: 35px;
    font-weight: 700;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.price-website .greyx {
    font-size: 15px;
    font-weight: 400;
    color: green
}

.price-website .greyxy {
    background-color: #38c7de;
    font-size: 23px;
    font-weight: 400;
    color: #000
}

.button-website {
    background-color: #06f;
    border: none;
    color: #fff;
    padding: 5px 25px;
    font-size: 18px;
    border-top-left-radius: 25px
}

.website-img {
    width: 150px;
    height: 140px
}

.price {
    font-size: 28px
}

@media only screen and (max-width:600px) {
    .columns-web {
        width: 33%;
        padding: 3px
    }
    .price-web .header {
        color: #000;
        font-size: 10px;
        border-radius: 8px;
        text-align: left;
        padding-left: 3px;
        font-weight: 700
    }
    .price-web .pic {
        width: 25px;
        height: 25px;
        margin-right: 5px
    }
    .price-web {
        list-style-type: none;
        background-color: #fff;
        border: 1px solid #5093fc;
        border-radius: 8px;
        margin: 0;
        padding: 3px 10px;
        transition: .3s;
        box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .4);
        display: flex;
        align-items: center
    }
    .columns-offer {
        width: 50%
    }
    .price-offer .header {
        background-color: #025;
        color: #fff;
        font-size: 12px;
        border-radius: 5px 5px 0 0;
        text-align: center;
        padding: 8px;
        position: relative
    }
    .columns000 {
        width: 100%
    }
    .columns-website {
        float: left;
        width: 100%;
        padding: 8px
    }
}

.row-websites-main {
    background-color: #b6dffa;
    max-width: 1100px;
    width: 93%;
    border-radius: 15px;
    padding: 15px;
    margin: auto
}

.row-websites-font {
    font-size: 28px;
    color: #000;
    margin: 0
}

.row-websites {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.buy-button,
.buy-button a,
.faq-item.active .faq-answer {
    display: block
}

.column1 {
    flex: 70%
}

.column2 {
    flex: 30%
}

.column-mit {
    float: left;
    width: 50%;
    padding: 20px
}

.buy-button {
    background-color: #2a4d90;
    color: #fff;
    padding: 8px 30px;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 1.2em;
    margin: 10px auto 0
}

.bluemark li,
.steps li {
    background: #e9ecef;
    border-radius: 5px;
    position: relative
}

.buy-button:hover {
    background-color: #0e1930
}

.buy-button a:hover {
    color: #ffdd57
}

.bluemark,
.steps {
    padding: 0;
    text-align: left
}

.steps li {
    margin: 2px 0;
    padding: 5px;
    font-size: 19px
}

.bluemark li {
    margin: 5px 0;
    padding: 3px 3px 3px 10px;
    font-size: 17px
}

.benefits-list li,
section-how {
    border-radius: 8px;
    background-color: #fff
}

.right-column-mit-text {
    font-size: 1.1em;
    color: #333
}

.h2class {
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #333;
    font-weight: 700
}

.customer-reviews,
.why-choose-us {
    padding: 20px 0;
    text-align: center
}

.faq-answer,
.faq-question {
    text-align: left;
    padding: 15px
}

.container-whyus {
    width: 100%;
    max-width: 1335px;
    margin: 0 auto
}

.section-title-review,
.section-whyus {
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin-bottom: 40px;
    letter-spacing: 1px
}

.benefits-list,
.reviewlist {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px
}

.benefits-list li {
    width: 30%;
    min-width: 300px;
    padding: 25px;
    text-align: left;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px
}

.centered,
.icon {
    align-items: center
}

.benefits-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1)
}

.benefits-list li strong {
    font-size: 18px;
    display: block;
    margin-top: 10px;
    font-weight: 600;
    color: #333
}

.benefits-list li p {
    font-size: 15px;
    line-height: 1.4;
    color: #666;
    margin-top: 5px
}

.icon {
    color: #fff;
    border-radius: 50%;
    padding: 15px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center
}

.safe-services {
    background-color: #4caf50
}

.fast-delivery {
    background-color: #ff9800
}

.lifetime-retention {
    background-color: #2196f3
}

.no-password {
    background-color: #e91e63
}

.customer-support {
    background-color: #9c27b0
}

.affordable-pricing {
    background-color: #ff5722
}

@media screen and (max-width:900px) {
    .benefits-list li {
        width: 45%
    }
}

.container-how {
    max-width: 1300px;
    margin: auto;
    padding: 20px
}

section-how {
    margin: 20px 0;
    padding: 20px
}

.steps-how {
    padding: 0
}

.steps-how li {
    background: #fff;
    margin: 10px 0;
    padding: 15px;
    border-radius: 5px;
    font-size: 1.2em;
    position: relative
}

.auth,
.column1,
.credit-balance,
.steps-how li .step-title {
    font-weight: 700
}

.container-review {
    width: 95%;
    max-width: 1500px;
    margin: 0 auto
}

.reviewlist li {
    width: 400px;
    padding: 25px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #638e41;
    text-align: center;
    color: #333
}

.reviewlist li strong {
    font-size: 20px;
    display: inline-block;
    margin-left: 15px;
    font-weight: 600;
    vertical-align: middle
}

.reviewlist li p {
    font-size: 15px;
    line-height: 1.4;
    color: #666
}

.main-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.faq-container {
    max-width: 1250px;
    width: 90%;
    background: #fff;
    padding: 20px;
    border-radius: 10px
}

.faq-item {
    border-bottom: 1px solid #ddd
}

.faq-question {
    background: 0 0;
    border: none;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.center-box,
.centered {
    justify-content: center
}

.faq-answer {
    display: none;
    font-size: 16px;
    color: #555
}

.boost-links .btn,
.buttonm span,
.buttonsub span,
.cart-btn {
    display: inline-block
}

.img-fund {
    width: 40px;
    margin-right: 2px
}

.credit-balance {
    font-size: 16px;
    color: #004090;
    margin-right: 7px
}

.add-balance-btn {
    color: #fff;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 10px;
    background: #0583f0;
    background: linear-gradient(90deg, #0583f0 0, #8600ff 80%);
    background: -webkit-linear-gradient(90deg, #0583f0 0, #8600ff 80%);
    background: -moz-linear-gradient(90deg, #0583f0 0, #8600ff 80%)
}

.cart-btn {
    font-size: 20px;
    padding: 5px 10px
}

.auth {
    color: #1b3fb1
}

.main-body {
    background: linear-gradient(#e0ffff, transparent), linear-gradient(to top left, #91d5e9, transparent), linear-gradient(to top right, #91d5e9, transparent)
}

.centered {
    display: flex
}

.center-box {
    display: fl;
    align-items: center
}

.website-cre {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #fff;
    padding: 20px 0;
    background: #f0f5ff;
    background: linear-gradient(90deg, #f0f5ff 0, #bff9fb 80%);
    background: -webkit-linear-gradient(90deg, #f0f5ff 0, #bff9fb 80%);
    background: -moz-linear-gradient(90deg, #f0f5ff 0, #bff9fb 80%)
}

.row-websites {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px
}

.column1 {
    flex: 60%;
    padding: 0 0 0 30px
}

.column2 {
    flex: 40%;
    text-align: right;
    padding: 10px
}

.contact-button,
.main-title,
.mit-webody-font {
    text-align: left
}

.cta-button {
    background-color: #fa5515;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    transition: .3s
}

.mit-content-all,
.mit-webody {
    border-radius: 30px
}

.cta-button:hover {
    background-color: #e04b12
}

.main-title {
    font-size: 36px;
    font-weight: 400;
    color: #000
}

.main-description {
    text-align: left;
    font-size: 24px;
    color: #333;
    font-weight: 400
}

.boost-title,
.containerideo,
.social-feature-card,
.social-header,
.social-info h2,
.social-info p,
.social-section-title,
.tagline {
    text-align: center
}

.spaced {
    margin-bottom: 200px
}

.spacing {
    margin-bottom: 60px
}

.space {
    margin-bottom: 30px
}

.mit-webody {
    background-color: #fff;
    max-width: 1440px;
    padding: 20px;
    width: 100%
}

.mit-content-all,
.mit-content-first,
.mit-content-last,
.mit-content-middle {
    max-width: 1440px;
    padding: 4px;
    background-color: #fff;
    width: 100%
}

.mit-content-first {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.mit-content-last {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.mit-webody-font {
    font-size: 18px;
    line-height: 1.6
}

.column-mit-font {
    color: #000;
    font: 18px arial, sans-serif;
    background-color: #fff;
    border: 10px solid #fff;
    max-width: 400px;
    margin: 0 auto;
    padding: 4px 5px 3px;
    border-radius: 10px
}

.font-rev {
    font-weight: 700;
    font-size: 18px
}

.main-background {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #dcfef9
}

@media only screen and (max-width:768px) {
    .mobile-only {
        display: block;
        width: 100%
    }
}

.section-domain {
    padding: 0 20px 20px;
    font-weight: 700;
    color: #025;
    font-size: 24px
}

.footer-badge {
    padding-top: 20px;
    padding-right: 10px
}

.footer-badge.guarantee {
    padding-right: 30px
}

.rowxs {
    display: flex;
    flex-wrap: wrap
}

.Columnxs {
    flex: 14%;
    padding: 20px;
    font-size: 15px
}

.select-container {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px
}

.select-element {
    color: #000;
    background-color: #e9ffd7;
    border: 1px solid #638e41;
    width: 100%;
    border-radius: 0
}

.buttonm {
    border-radius: 4px;
    background-color: #f4511e;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    width: 16%;
    transition: .5s;
    margin: 2px
}

.instagram-btn {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.tiktok-btn {
    background: linear-gradient(to right, #000, #82172c)
}

.buttonm span {
    position: relative;
    transition: .5s
}

.buttonm span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .5s
}

.buttonm:hover span {
    padding-right: 25px
}

.buttonm:hover span:after {
    opacity: 1;
    right: 0
}

.popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999
}

.mitpopup-content {
    background-color: #fefefe;
    margin: 7% auto;
    padding: 0 20px 20px;
    border: 3px solid #90caf9;
    border-radius: 10px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .2), 0 5px 10px rgba(144, 202, 249, .5);
    width: 50%;
    max-height: 100%;
    overflow-y: auto
}

.social-card,
.topnav,
.video-wrapper {
    overflow: hidden
}

.closex {
    color: red;
    float: right;
    font-size: 40px;
    font-weight: 700;
    cursor: pointer
}

.buttonsub,
.buttonsub2 {
    background-color: #f4511e;
    color: #fff;
    font-size: 16px;
    width: 98%;
    margin: 3px;
    cursor: pointer
}

.closex:focus,
.closex:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.buttonsub {
    border-radius: 4px;
    border: none;
    padding: 7px
}

.buttonsub2 {
    border-radius: 4px;
    border: none;
    padding: 5px
}

.facebook-btn {
    background-color: #0866ff
}

.buttonsub:hover {
    opacity: .9
}

.tiktok-btn {
    background-color: #1d0010
}

.spotify-btn {
    background-color: #1bd05f
}

.telegram-btn {
    background-color: #2990e3
}

.instagram-btn {
    background-color: #cc0074
}

.youtube-btn {
    background-color: red
}

@media screen and (max-width:800px) {
    .buttonm,
    .buttonsub,
    .buttonx {
        font-size: 13px
    }
    .buttonx {
        border-radius: 5px;
        padding: 8px;
        width: 45%;
        margin: 5px
    }
    .popup-content {
        width: 80%
    }
    .mitpopup-content {
        width: 95%
    }
    .buttonm {
        padding: 5px;
        width: 32%
    }
    .buttonsub,
    .buttonsub2 {
        text-align: center;
        width: 98%;
        cursor: pointer;
        margin: 3px;
        color: #fff
    }
    .buttonsub {
        padding: 10px;
        border-radius: 4px;
        border: none
    }
    .buttonsub2 {
        font-size: 15px;
        padding: 3px;
        border-radius: 4px;
        border: none
    }
    .client-area-link {
        color: #fff;
        padding: 10px 20px;
        text-decoration: none;
        display: block
    }
    @media (min-width:768px) {
        .client-area-link {
            display: none
        }
    }
    section::after {
        content: "";
        display: table;
        clear: both
    }
}

.socialmax {
    max-width: 1200px
}

.socialhome {
    max-width: 1400px
}

.boost-section {
    background: #f4f8fc;
    padding: 60px 20px
}

.boost-container {
    max-width: 1000px;
    margin: 0 auto
}

.boost-text {
    font-size: 21px;
    color: #333;
    line-height: 1.8;
    margin-bottom: 30px
}

.boost-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px
}

.boost-btn {
    background-color: #1a73e8;
    color: #fff;
    padding: 12px 20px;
    border-radius: 12px;
    font-weight: 600;
    transition: .3s;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .1)
}

.boost-btn:hover {
    background-color: #0fc70f
}

@media (min-width:1025px) {
    .mobile-logo {
        display: none
    }
    .pc-logo {
        visibility: visible
    }
}

@media (max-width:1024px) {
    .mobile-logo {
        visibility: visible;
        text-align: center
    }
    .pc-logo {
        display: none
    }
}

.why-head {
    border-radius: 17px;
    background: linear-gradient(90deg, #3390ce 0, #2d4961 80%);
    -webkit-background: linear-gradient(90deg, #3390ce 0%, #2d4961 80%);
    -moz-background: linear-gradient(90deg, #3390ce 0%, #2d4961 80%);
    padding: 40px 20px;
    font-size: 16px
}

.why-title {
    font-size: 34 px;
    color: #fff;
    padding: 20px
}

.boost-title {
    color: #180e3d;
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: 700
}

.paragraph-white {
    color: #fff;
    padding: 10px
}

.paragraph-itext {
    font-size: 22px !important
}

.calculator-header {
    background: linear-gradient(to right, #00f2ea, #ff0050);
    color: #fff;
    padding: 25px
}

.calculator-header h1 {
    font-size: 28px;
    margin-bottom: 8px
}

.calculator-header p {
    font-size: 16px;
    opacity: .9
}

.calculator-body {
    padding: 25px
}

.input-groupmit {
    margin-bottom: 25px
}

.input-groupmit label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: #444;
    font-size: 18px
}

.input-groupmit input {
    width: 100%;
    padding: 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 18px;
    transition: border-color .3s
}

.input-groupmit input:focus {
    border-color: #00f2ea;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 242, 234, .2)
}

.result-item,
.social-package {
    border-bottom: 1px solid #eee
}

.results-container {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #eee
}

.result-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.result-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.result-label {
    font-weight: 500;
    color: #555;
    font-size: 16px
}

.result-value {
    font-weight: 700;
    font-size: 18px;
    color: #000
}

.calculator-footer,
.info-note {
    font-size: 14px;
    text-align: center
}

.info-note {
    margin-top: 20px;
    color: #777;
    padding: 12px;
    background: #f0f7ff;
    border-radius: 8px
}

.calculator-footer {
    margin-top: 25px;
    color: #555;
    max-width: 500px
}

@media (max-width:600px) {
    .calculator-body,
    .cardtext {
        padding: 20px
    }
    .calculator-container {
        max-width: 100%
    }
    .calculator-header h1 {
        font-size: 24px
    }
}

.blogmit,
.topnav {
    max-width: 1400px;
    margin: 0 auto
}

.boost-links .btn {
    background: linear-gradient(to right, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    color: #fff;
    font-size: 18px;
    padding: 7px 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s
}

.boost-links .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    color: #fff
}

.blogbody {
    background-color: #dcfef9;
    padding: 15px 0 10px 10px
}

.social-tiktok,
.topnav,
.topnav_mit {
    background-color: #000
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    padding: 3px 16px;
    font-size: 15px
}

@media screen and (max-width:768px) {
    #currencySelect {
        background-color: #27bd1d;
        font-size: 12px
    }
    .row {
        flex-direction: column
    }
    .column,
    .column img {
        width: 100%
    }
    .hide-on-mobile {
        display: none
    }
    .topnav a.active {
        display: block;
        color: #000
    }
    .topnav {
        overflow: hidden;
        background-color: #0866ff;
        max-width: 1400px;
        margin: 0 auto
    }
}

@media screen and (max-width:600px) {
    .section-title {
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        padding: 3px;
        margin-bottom: 10px
    }
    .benefits-list li,
    .column-mit {
        width: 100%
    }
    .row-websites {
        flex-direction: column;
        text-align: center
    }
    .column1 {
        padding: 0
    }
    .column1,
    .column2 {
        width: 100%;
        text-align: center
    }
    .topnav a:not(:first-child) {
        display: none
    }
    .topnav a.icon {
        float: right;
        display: block
    }
    .topnav.responsive {
        position: relative
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left
    }
    .topnav a {
        float: left;
        display: block;
        text-align: center;
        padding: 10px 10px 10px 16px;
        text-decoration: none;
        font-size: 16px;
        https: //mitwix.com/}}.img-size{width:80px;height:80px;display:block;margin:0 auto}.icon{line-height:45px;font-size:45px;transition:transform .3s,color .3s}.facebook{background:linear-gradient(135deg,#1877f2,#4c8bf5);-webkit-background-clip:text}.instagram,.likes{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);-webkit-background-clip:text}.tiktok{background:linear-gradient(90deg,#090101 0,#365758 80%);-webkit-background-clip:text}.youtube{background:linear-gradient(135deg,red,#c00,#900);-webkit-background-clip:text}.twitch{background:linear-gradient(135deg,#6441a5,#9146ff);-webkit-background-clip:text}.comments{background:linear-gradient(135deg,#00c6ff,#0072ff);-webkit-background-clip:text}.followers{background:linear-gradient(90deg,#f35050 0,#830072 80%);-webkit-background-clip:text}.tiktokfollowers{background:linear-gradient(90deg,#671919 0,#000 80%);-webkit-background-clip:text}.views{background:linear-gradient(135deg,#00f260,#0575e6);-webkit-background-clip:text}.subs{background:linear-gradient(90deg,#f60022 0,#a23131 80%);-webkit-background-clip:text}.tiktok-like{background:linear-gradient(90deg,#35839f 0,#000 80%);-webkit-background-clip:text}.youtube-view{background:linear-gradient(135deg,#ff4b2b,red);-webkit-background-clip:text}.icon: hover{transform:scale(1.1)}.buttonm.normal-btn{color:#fff;font-weight:400;padding:5px;background:#0572d5;background:linear-gradient(90deg,#0572d5 0,#0521d5 80%);background:-webkit-linear-gradient(90deg,#0572d5 0,#0521d5 80%);background:-moz-linear-gradient(90deg,#0572d5 0,#0521d5 80%)}.social-container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}.social-header{background:linear-gradient(135deg,#6a11cb 0,#2575fc 100%);color:#fff;padding:32px 0;margin-bottom:32px;border-radius:0 0 10px 10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.social-card,.social-feature-card{box-shadow:0 5px 15px rgba(0,0,0,.05)}.social-header h1{font-size:40px;margin-bottom:8px}.social-header p{font-size:19px;max-width:700px;margin:0 auto;opacity:.9}.social-services{padding:32px 0 64px}.social-section-title{margin-bottom:20px}.social-section-title h1{font-size:28px;font-weight:600;color:#333;margin-bottom:10px}.social-section-title h2{font-size:24px;font-weight:600;color:#333;margin-bottom:10px}.social-section-title p{color:#666;max-width:1000px;margin:0 auto;font-size:18px}.social-info h2,.social-info h3{font-size:22px;color:#333}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.social-card{background:#fff;border-radius:10px;transition:transform .3s,box-shadow .3s}.social-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.social-logo{height:150px;display:flex;align-items:center;justify-content:center;padding:16px}.social-logo img{max-width:100px;max-height:100px;filter:brightness(0) invert(1)}.social-facebook{background-color:#1877f2}.social-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-reddit{background-color:#ff4500}.social-twitter{background-color:#1da1f2}.social-twitch{background-color:#9146ff}.social-info{padding:24px}.social-info h2{margin-bottom:8px;font-weight:700}.social-info p{color:#666;margin-bottom:24px}.social-packages{margin-top:16px}.social-package{display:flex;justify-content:space-between;align-items:center;padding:13px 0}.social-package:last-child{border-bottom:none}.social-package-info{display:flex;align-items:center}.social-count{font-weight:700;margin-right:8px}.social-price{font-weight:700;color:#6a11cb}.social-button{background:#6a11cb;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:600;transition:background .3s}.social-button:hover{background:#580da8}.social-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:32px}.social-feature-card{background:#fff;padding:32px;border-radius:10px;transition:transform .3s}.social-feature-icon{font-size:40px;margin-bottom:16px;color:#6a11cb}.social-feature-card h3{margin-bottom:16px;color:#333}.social-feature-card p{color:#666}@media (max-width:768px){.review-card{min-width:100%}.mobile-contact-button{display:inline-flex}.social-header h1{font-size:32px}.social-header p{font-size:16px}.social-section-title h2{font-size:29px}}.containerideo{max-width:800px;width:100%;background:#fff;padding:10px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:10px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.cartmit-btnmw .badge{position:absolute;top:-3px;right:-3px;background:#1c4cff;color:#fff;font-size:10px;padding:4px 8px;border-radius:50px;font-weight:600;box-shadow:0 0 0 1px #fff}.tagline{font-size:18px;color:#333;font-weight:400;max-width:1000px;margin:0 auto 10px;display:block}.greenbg{background:linear-gradient(90deg,#d9ffd9 0,rgba(0,255,0,.15) 80%);max-width:1200px;border-radius:10px;padding:30px}