@import url(style.css);


@media (max-width: 1253px) {

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

    .row2-span {
        width: 80% !important;
    }

    .span-p {
        font-size: 15px !important;
    }

    .row1-p {}

    .sec2-wrapper {
        gap: 100px !important;
    }

    .sec2-row1 {
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .sec2-row1-text {
        width: 80% !important;
        text-align: center;
    }

    .sec2-row1-grid {
        width: 80% !important;
    }

    .sec2-row2-container {
        width: 80%;
        margin: 0 auto;
    }

}


@media (max-width: 1252px) {
    .sec9-cards_price {
        padding: 20px 50px !important;
        align-items: center;
        text-align: center;
    }

    .card-price-container {
        justify-content: center;
    }
}

@media (max-width: 1199px) {

    .our-services-wrapper {
        padding-bottom: 90px !important;
    }

    .sec4-content-seo.active,
    .sec4-content-research.active,
    .sec4-content-CPR.active,
    .sec4-content-PT.active,
    .sec4-content-social_media.active {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        width: 90%;
        margin: 0 auto;
    }

    .sec4-h3_list_btn h3 {
        text-align: center;
    }

    .sec4-content-btns {
        justify-content: center;
    }

    .sec4-content-btn,
    .sec4-content-btn-filled {
        width: 140px !important;
    }


    .sec4-h3_list_btn ol {
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

    .sec4-h3_list_btn ol li {
        justify-content: center;
    }

    .sec4-bg_svg {
        display: none;
    }

    .sec4-img_bg {
        display: none;
    }
}

@media(max-width: 1103px){
    .sec11-text_btn {
        align-items: center;
        gap: 10px !important;
    } 

    .sec11-text-p p {
        text-align: center;
    }
}


@media(max-width: 1015px) {
    .sec11-text-h1 h1{
        font-size: 40px !important;
    }
}

@media(max-width: 991px) {
    .sec8-img {
        display: none !important;
    }

    .sec8-svg_right {
        display: none;
    }

    .sec11-wrapper {
        gap: 15px;
    }

}

@media (max-width: 908px) {

    .navbar {
        padding: 8px 0 !important;
    }

    .header-nav-home {
        justify-content: space-evenly !important;
        gap: 15px;
    }

    .header-nav-home div.row {
        display: none;
    }

    .header-span {
        display: none !important;
    }

    .mobile_menu_hidden-wrapper {
        display: flex !important;
    }

    .svg_lines2 {
        display: none;
    }

    .row1-p {
        font-size: 55px !important;
    }

    .sec1-row1 {
        max-width: 80% !important;
        flex-wrap: wrap-reverse;
        padding: 0 !important;
    }

    .sec1-shape {
        display: none;
    }

    .sec8-content-column {
        justify-content: space-between !important;
    }

}

@media(max-width: 810px){
    .sec11-blog-wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {

    .sec1-row2 {
        display: none !important;
    }

    .about-col1 {
        padding-top: 15px;
        gap: 10px !important;
    }
    .about-shape1 {
        display: none;
    }

    .about-vectors {
        display: none;
    }

    .sec3-about {
        flex-direction: column-reverse !important;
    }

    .sec8-svg_left {
        display: none;
    }


    .sec10-svg {
        display: none;
    }

    .sec10-swiper-btn-prev-custom,
    .sec10-swiper-btn-next-custom {
        display: none !important;
    }
}

@media (max-width: 735px) {

    .progressbar__text1 {
        left: calc(100%/2 - 15%) !important;
        top: calc(100%/2 - 20%) !important;
    }

    .progressbar__text2 {
        left: calc(100%/2 - 26%) !important;
        top: calc(100%/2 - 20%) !important;
    }
}

@media(max-width: 689px) {
    
}

@media (max-width: 634px) {
    .sec4-buttons_animation {
        overflow-x: scroll;
    }

    .divider-footer {
        display: none;
    }
}


@media(max-width: 575px) {
    .form-name_email input {
        width: 100% !important;
    }

    .form-name_email {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px;
    }

    .sec5-checkbox_button {
        gap: 20px;
    }

    .sec5-button {
        width: 100% !important;
    }
}

@media (max-width: 530px){
    .sec10-slide-content {
        padding: 32px 50px !important;
    }

    .sec10-slide-comment-txt p {
        font-size: 16px !important;
    }
    .sec10-slide-content-svg {
        display: none;
    }

    .about-lines {
        display: none;
    }
}

@media (max-width: 485px) {

    .row1-buttons {
        justify-content: center;
    }

    .row1-p {
        text-align: center;
    }

    .header-button {
        display: none !important;
    }

    .mob_menu-navigation {
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }

    .logo-web img {
        width: 80%;
    }

    .button-large {
        padding: 0 20px !important;
    }

    .row1-p {
        font-size: 42px !important;
    }

    .sec2-row1-grid {
        flex-wrap: wrap;
    }

    .sec2-row1 {
        gap: 40px !important;
    }

    .sec2-row1-text {
        font-size: 20px !important;
    }

    .sec1-svg_vector {
        display: none;
    }

    .svg_circles {
        display: none;
    }
}



@media (max-width: 414px) {
    .sec9-cards_price {
        padding: 20px 50px !important;
    }

    .sec9-cards-list li {
        font-size: 13px;
    }

    .sec9-cards-list {
        padding: 15px 0 !important;
    }

    .cards-btnSwitch {
        border: none !important;
        
    }

    .cards-btn-amination {
        display: none;
    }


    .btnMobSwitch {
        max-width: 210px;
        max-height: 46px;
        height: 100%;
        width: 100%;
        padding: 10px 20px;
        border-radius: 40px;
        color: #7772f1;
        text-align: center;
        font-family: Lato, serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        border: 1px solid #7772F1;
        transition: .3s ease;
    }

    .btnMobSwitch.active {
        background-color: #7772F1;
        color: white;
    }
}

@media (max-width: 371px) {

    .swiper-button-prev-custom,
    .swiper-button-next-custom {
        display: none !important;
    }

    .sec7-h1 {
        text-align: center;
    }
}

@media(max-width: 368px) {
    .block-text p {
        font-size: 13px !important;
    }

    .swiper-text {
        gap: 30px !important;
    }

    .block-progbar {
        flex-direction: column-reverse;
        gap: 15px !important;
    }
}

@media (max-width: 323px) {
    .sec2-row2-container {
        display: none !important;
    }

    .grid-clutch,
    .grid-forbes,
    .grid-top-seo,
    .grid-upcity {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}


@media (max-width: 278px) {
    .button-text {
        font-size: 12px !important;
        line-height: 42px;
    }

    .row1-p {
        font-size: 32px !important;
    }
}