@media (min-width:576px) {

    .ml-sm-30 {
        margin-left: 30px
    }
    .mr-sm-30 {
        margin-right: 30px
    }
    .pt-sm-145 {
        padding-top: 145px
    }
    .mt-space>div[class*=col-sm-1]:nth-child(10)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(11)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(12)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(2)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(3)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(4)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(5)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(6)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(7)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(8)>div,
    .mt-space>div[class*=col-sm-1]:nth-child(9)>div,
    .mt-space>div[class*=col-sm-2]:nth-child(2)>div,
    .mt-space>div[class*=col-sm-2]:nth-child(3)>div,
    .mt-space>div[class*=col-sm-2]:nth-child(4)>div,
    .mt-space>div[class*=col-sm-2]:nth-child(5)>div,
    .mt-space>div[class*=col-sm-2]:nth-child(6)>div,
    .mt-space>div[class*=col-sm-3]:nth-child(2)>div,
    .mt-space>div[class*=col-sm-3]:nth-child(3)>div,
    .mt-space>div[class*=col-sm-3]:nth-child(4)>div,
    .mt-space>div[class*=col-sm-4]:nth-child(2)>div,
    .mt-space>div[class*=col-sm-4]:nth-child(3)>div,
    .mt-space>div[class*=col-sm-5]:nth-child(2)>div,
    .mt-space>div[class*=col-sm-6]:nth-child(2)>div {
        margin-top: 0
    }
    .mb-space>div[class*=col-sm-1]:nth-child(10)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(11)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(12)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(2)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(3)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(4)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(5)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(6)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(7)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(8)>div,
    .mb-space>div[class*=col-sm-1]:nth-child(9)>div,
    .mb-space>div[class*=col-sm-2]:nth-child(2)>div,
    .mb-space>div[class*=col-sm-2]:nth-child(3)>div,
    .mb-space>div[class*=col-sm-2]:nth-child(4)>div,
    .mb-space>div[class*=col-sm-2]:nth-child(5)>div,
    .mb-space>div[class*=col-sm-2]:nth-child(6)>div,
    .mb-space>div[class*=col-sm-3]:nth-child(2)>div,
    .mb-space>div[class*=col-sm-3]:nth-child(3)>div,
    .mb-space>div[class*=col-sm-3]:nth-child(4)>div,
    .mb-space>div[class*=col-sm-4]:nth-child(2)>div,
    .mb-space>div[class*=col-sm-4]:nth-child(3)>div,
    .mb-space>div[class*=col-sm-5]:nth-child(2)>div,
    .mb-space>div[class*=col-sm-6]:nth-child(2)>div {
        margin-bottom: 0
    }
    .mt-space.sm-space-not-none>div[class*=col-sm-]>div {
        margin-top: 30px
    }
    .mb-space.sm-space-not-none>div[class*=col-sm-]>div {
        margin-bottom: 30px
    }
    .sidebar__wrapper .brand-promo-list li .brand-text,
    .sidebar__wrapper .brand-promo-list li .info-text,
    .sidebar__wrapper .contact-info-list li .brand-text,
    .sidebar__wrapper .contact-info-list li .info-text,
    .sidebar__wrapper .info-list li .brand-text,
    .sidebar__wrapper .info-list li .info-text {
        width: calc(100% - 80px)
    }
    .menu-bar.v2,
    .menu-bar.v3 {
        top: 20px
    }
    .menu-bar.v2 .menu-bar-content::before,
    .menu-bar.v3 .menu-bar-content::before {
        width: calc(100% + 50px);
        left: 50%;
        border-radius: 5px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .menu-bar.v2.sticky-header,
    .menu-bar.v3.sticky-header {
        top: 0
    }
    .menu-bar.v2.sticky-header .menu-bar-content::before,
    .menu-bar.v3.sticky-header .menu-bar-content::before {
        width: 100vw;
        border-radius: 0
    }
    .banner.v1 .start-ai-form input,
    .banner.v2 .start-ai-form input {
        padding: 0 30px;
        color: var(--color-white);
        background: var(--color-tr)
    }
    .banner.v1 .start-ai-form {
        gap: 10px
    }
    .banner.v1 .start-ai-form input {
        width: 300px;
        border-radius: 80px
    }
    .banner.v1 .banner-right,
    .testimonial.v2 .testimonial-card .testimonial-profile {
        position: relative
    }
    .banner.v1 .banner-right .banner-profile-img {
        max-width: 410px
    }
    .banner.v1 .banner-right .arrow-shap,
    .banner.v1 .banner-right .shap-dot-1,
    .banner.v1 .banner-right .shap-dot-2,
    .banner.v1 .banner-right .shap-dot-3 {
        position: absolute
    }
    .banner.v1 .banner-right .shap-dot-1,
    .banner.v1 .banner-right .shap-dot-2,
    .banner.v1 .banner-right .shap-dot-3 {
        width: 15px;
        height: 15px;
        border-radius: 50px;
        background: var(--color-orange)
    }
    .banner.v1 .banner-right .shap-dot-1 {
        top: calc(50% - 40px);
        left: 50px;
        animation: 3.2s 1.2s infinite bBoll
    }
    .banner.v1 .banner-right .shap-dot-2 {
        top: 17px;
        left: calc(40% - 45px);
        animation: 3.2s .7s infinite bBoll
    }
    .banner.v1 .banner-right .shap-dot-3 {
        top: 35px;
        right: 100px;
        animation: 3.2s infinite bBoll
    }
    @keyframes bannerBounse {
        0% {
            left: calc(-50% + 55px);
            bottom: calc(-80% + 88px)
        }
        30% {
            left: calc(-30% + 55px)
        }
        60% {
            bottom: calc(-40% + 88px)
        }
        90% {
            left: calc(-60% + 55px)
        }
        100% {
            left: calc(-60% + 55px);
            bottom: calc(-30% + 88px)
        }
    }
    @keyframes bBoll {
        0%,
        100% {
            opacity: 1;
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -o-transform: scale(1.5);
            transform: scale(1.5)
        }
        50% {
            opacity: .5;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
    }
    .banner.v2 .win-watch {
        padding: 45px 35px 55px;
        border-radius: 20px;
        background: var(--color-black2)
    }
    .fun-facts.v1 .counter-area li,
    .info-footer.v1 .footer__widget:nth-child(2),
    .info-footer.v1 .footer__widget:nth-child(3),
    .info-footer.v2 .footer__widget:nth-child(2),
    .info-footer.v2 .footer__widget:nth-child(3),
    .work-process.v1 .work-process-cards li {
        width: calc(50% - 15px)
    }
    .testimonial.v2 .testimonial-card .testimonial-profile .profile-header {
        width: calc(100% - 100px)
    }
    .testimonial.v2 .testimonial-card .testimonial-profile .q-icon-1 {
        position: absolute;
        color: var(--color-purple);
        font-size: 75px;
        right: 0;
        bottom: 0
    }
    .faq-section.v2 .accordion-btn,
    .faq-section.v2 .accordion-main li {
        background: var(--color-black)
    }
    .faq-section.v2 .accordion-btn {
        border: 1px solid var(--color-black)
    }
    .contact.v1 .contact-box,
    .faq-section.v2 .faq-comment-box {
        padding: 30px;
        border-radius: 5px;
        background: var(--color-black2)
    }
    .contact.v1 .main-form input,
    .contact.v1 .main-form textarea,
    .faq-section.v2 .main-form input,
    .faq-section.v2 .main-form textarea,
    .our-blog-details.v1 .main-form input,
    .our-blog-details.v1 .main-form textarea {
        background-color: var(--color-black)
    }
    .our-blog-details.v1 .content-left,
    .services-details.v1 .service-details-content {
        padding: 30px;
        background: var(--color-black2);
        border-radius: 20px
    }
    .services-details.v1 .big-img .icon-box {
        width: 60px;
        height: 60px;
        font-size: 40px;
        line-height: 60px;
        border-radius: 15px;
        left: 30px;
        bottom: 30px
    }
    .info-footer.v1 .footer__widget:not(:first-child),
    .info-footer.v2 .footer__widget:not(:first-child) {
        text-align: inherit
    }
    .info-footer.v1 .footer__widget .address-link li,
    .info-footer.v1 .footer__widget .info-link li,
    .info-footer.v2 .footer__widget .address-link li,
    .info-footer.v2 .footer__widget .info-link li,
    .info-footer.v2 .footer__widget .social-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .ttlhead {
        color:white; 
        font-size:70px
    }
    
    .ttlsec {
        color:white;
        font-size:30px
    }
    
}

@media (min-width:768px) {
    .mt-md-70 {
        margin-top: 70px
    }
    .pt-md-70 {
        padding-top: 70px
    }
    .pt-md-180 {
        padding-top: 180px
    }
    .pb-md-70 {
        padding-bottom: 70px
    }
    .pb-md-100 {
        padding-bottom: 100px
    }

    
    .ttlhead {
        color:white; 
        font-size:70px
    }
    
    .ttlsec {
        color:white;
        font-size:30px
    }
    
    .collaboration.v2 .w-md-50-0~.slider-btns,
    .contact.v1 .main-form .group-form-box .form-box~.form-box,
    .faq-section.v2 .main-form .group-form-box .form-box~.form-box,
    .mt-space>div[class*=col-md-1]:nth-child(10)>div,
    .mt-space>div[class*=col-md-1]:nth-child(11)>div,
    .mt-space>div[class*=col-md-1]:nth-child(12)>div,
    .mt-space>div[class*=col-md-1]:nth-child(2)>div,
    .mt-space>div[class*=col-md-1]:nth-child(3)>div,
    .mt-space>div[class*=col-md-1]:nth-child(4)>div,
    .mt-space>div[class*=col-md-1]:nth-child(5)>div,
    .mt-space>div[class*=col-md-1]:nth-child(6)>div,
    .mt-space>div[class*=col-md-1]:nth-child(7)>div,
    .mt-space>div[class*=col-md-1]:nth-child(8)>div,
    .mt-space>div[class*=col-md-1]:nth-child(9)>div,
    .mt-space>div[class*=col-md-2]:nth-child(2)>div,
    .mt-space>div[class*=col-md-2]:nth-child(3)>div,
    .mt-space>div[class*=col-md-2]:nth-child(4)>div,
    .mt-space>div[class*=col-md-2]:nth-child(5)>div,
    .mt-space>div[class*=col-md-2]:nth-child(6)>div,
    .mt-space>div[class*=col-md-3]:nth-child(2)>div,
    .mt-space>div[class*=col-md-3]:nth-child(3)>div,
    .mt-space>div[class*=col-md-3]:nth-child(4)>div,
    .mt-space>div[class*=col-md-4]:nth-child(2)>div,
    .mt-space>div[class*=col-md-4]:nth-child(3)>div,
    .mt-space>div[class*=col-md-5]:nth-child(2)>div,
    .mt-space>div[class*=col-md-6]:nth-child(2)>div,
    .section-title.v2 .main-title~.all-btns,
    .section-title.v2 .main-title~.slider-btns,
    .section-title.v4 .main-title~.all-btns,
    .section-title.v4 .main-title~.slider-btns {
        margin-top: 0
    }
    .mb-space>div[class*=col-md-1]:nth-child(10)>div,
    .mb-space>div[class*=col-md-1]:nth-child(11)>div,
    .mb-space>div[class*=col-md-1]:nth-child(12)>div,
    .mb-space>div[class*=col-md-1]:nth-child(2)>div,
    .mb-space>div[class*=col-md-1]:nth-child(3)>div,
    .mb-space>div[class*=col-md-1]:nth-child(4)>div,
    .mb-space>div[class*=col-md-1]:nth-child(5)>div,
    .mb-space>div[class*=col-md-1]:nth-child(6)>div,
    .mb-space>div[class*=col-md-1]:nth-child(7)>div,
    .mb-space>div[class*=col-md-1]:nth-child(8)>div,
    .mb-space>div[class*=col-md-1]:nth-child(9)>div,
    .mb-space>div[class*=col-md-2]:nth-child(2)>div,
    .mb-space>div[class*=col-md-2]:nth-child(3)>div,
    .mb-space>div[class*=col-md-2]:nth-child(4)>div,
    .mb-space>div[class*=col-md-2]:nth-child(5)>div,
    .mb-space>div[class*=col-md-2]:nth-child(6)>div,
    .mb-space>div[class*=col-md-3]:nth-child(2)>div,
    .mb-space>div[class*=col-md-3]:nth-child(3)>div,
    .mb-space>div[class*=col-md-3]:nth-child(4)>div,
    .mb-space>div[class*=col-md-4]:nth-child(2)>div,
    .mb-space>div[class*=col-md-4]:nth-child(3)>div,
    .mb-space>div[class*=col-md-5]:nth-child(2)>div,
    .mb-space>div[class*=col-md-6]:nth-child(2)>div {
        margin-bottom: 0
    }
    .mt-space.md-space-not-none>div[class*=col-md-]>div {
        margin-top: 30px
    }
    .mb-space.md-space-not-none>div[class*=col-md-]>div {
        margin-bottom: 30px
    }
    .contact.v1 .main-form .section-title .text-2,
    .contact.v1 .main-form .section-title-center .text-2,
    .cta-section.v1 .section-title .text-2,
    .cta-section.v2 .section-title .text-2,
    .our-blog-details.v1 .section-title .text-2,
    .our-blog-details.v1 .section-title-center .text-2,
    .section-title .text-2,
    .section-title-center .text-2,
    .services-details.v1 .section-title .text-2,
    .services-details.v1 .section-title-center .text-2 {
        font-size: 30px
    }
    .section-title .text-para-1,
    .section-title-center .text-para-1 {
        font-size: 16px;
        line-height: 1.4
    }
    .section-title.v1,
    .section-title.v2,
    .section-title.v4,
    .team.v1 .title-left-right {
        text-align: inherit
    }
    .section-title.v2,
    .section-title.v4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }
    .section-title.v2 .main-title,
    .section-title.v4 .main-title {
        max-width: 550px
    }
    .section-title.v2 .all-btns,
    .section-title.v2 .slider-btns,
    .section-title.v4 .all-btns,
    .section-title.v4 .slider-btns {
        width: calc(100% - 570px);
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .section-title-center .text-2 {
        padding: 0 17.5px
    }
    .glass-bg,
    .sidebar__wrapper .sidebar__widget-head {
        padding: 30px
    }
    .section-title-center {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto
    }
    .glass-bg {
        position: relative;
        border: 1px solid rgba(129, 90, 245, .482);
        border-radius: 40px;
        z-index: 1
    }
    .glass-bg::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 40px;
        opacity: .37;
        backdrop-filter: blur(10.7486px);
        background: var(--color-black);
        z-index: -1
    }
    .sidebar__wrapper .sidebar__widget-head .sidebar__widget-title {
        font-size: 24px;
        line-height: 1.4
    }
    .sidebar__wrapper .sidebar__widget-head~.sidebar__widget-content {
        padding-top: 0
    }
    .sidebar__wrapper .search-widget input {
        width: calc(100% - 60px);
        height: 60px
    }
    .sidebar__wrapper .search-widget button {
        width: 60px;
        height: 60px;
        font-size: 16px;
        line-height: 60px
    }
    .banner.v1 .banner-right .banner-profile-img {
        max-width: 800px
    }
    .banner.v1 .banner-right .shap-dot-1 {
        left: 95px
    }
    .banner.v1 .banner-right .shap-dot-3 {
        right: 170px
    }
    .banner.v2 .start-ai-form {
        width: inherit;
        border: 1px solid var(--color-purple);
        border-radius: 80px;
        gap: 0
    }
    .banner.v2 .start-ai-form input {
        width: 485px;
        height: 58px;
        border: none
    }
    .banner.v2 .card-img-text .banner-card-text {
        padding: 45px 40px
    }
    .banner.v2 .win-watch li {
        width: calc(50% - 10px)
    }
    .team.v1 .title-left-right .all-btns {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 0
    }
    .faq-section.v1 .accordion-btn,
    .faq-section.v2 .accordion-btn {
        font-size: 16px
    }
    .cta-section.v1 .cta-main-content,
    .cta-section.v2 .cta-main-content,
    .faq-section.v2 .faq-comment-box {
        padding: 50px
    }
    .faq-section.v2 .main-form textarea,
    .our-blog-details.v1 .main-form textarea {
        height: 220px
    }
    .contact.v1 .main-form .group-form-box .form-box,
    .faq-section.v2 .main-form .group-form-box .form-box,
    .info-footer.v1 .footer__widget:nth-child(2),
    .info-footer.v1 .footer__widget:nth-child(3) {
        width: calc(50% - 15px)
    }
    .faq-section.v2 .main-form .btn-anime,
    .our-blog-details.v1 .main-form .btn-anime {
        display: inline-block;
        width: inherit
    }
    .ai-development.v1 .main-content,
    .our-blog-details.v1 .content-left {
        padding: 40px
    }
    .ai-development.v1 .categories-list li .content {
        width: calc(100% - 43px)
    }
    .our-blog-details.v1 .main-form .form-submit {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .contact.v1 .main-form textarea {
        height: 180px
    }
    .info-footer.v1 .footer__widget .email-form,
    .info-footer.v2 .footer__widget .email-form {
        width: 300px
    }
}

@media (min-width:992px) {
    .mt-lg-35 {
        margin-top: 35px
    }
    .collaboration.v1 .collaboration-card .card-logo~.text-4,
    .collaboration.v1 .collaboration-card .text-para-1~.link-anime,
    .collaboration.v1 .services-card .card-logo~.text-4,
    .collaboration.v1 .services-card .text-para-1~.link-anime,
    .collaboration.v2 .collaboration-card .card-logo~.text-4,
    .collaboration.v2 .collaboration-card .text-para-1~.link-anime,
    .collaboration.v2 .services-card .card-logo~.text-4,
    .collaboration.v2 .services-card .text-para-1~.link-anime,
    .mt-lg-40,
    .services.v1 .collaboration-card .card-logo~.text-4,
    .services.v1 .collaboration-card .text-para-1~.link-anime,
    .services.v1 .services-card .card-logo~.text-4,
    .services.v1 .services-card .text-para-1~.link-anime,
    .services.v2 .collaboration-card .card-logo~.text-4,
    .services.v2 .collaboration-card .text-para-1~.link-anime,
    .services.v2 .services-card .card-logo~.text-4,
    .services.v2 .services-card .text-para-1~.link-anime,
    .services.v3 .collaboration-card .card-logo~.text-4,
    .services.v3 .collaboration-card .text-para-1~.link-anime,
    .services.v3 .services-card .card-logo~.text-4,
    .services.v3 .services-card .text-para-1~.link-anime {
        margin-top: 40px
    }
    .collaboration.v1 .collaboration-card .card-icon~.text-4,
    .collaboration.v1 .services-card .card-icon~.text-4,
    .collaboration.v2 .collaboration-card .card-icon~.text-4,
    .collaboration.v2 .services-card .card-icon~.text-4,
    .mt-lg-50,
    .services.v1 .collaboration-card .card-icon~.text-4,
    .services.v1 .services-card .card-icon~.text-4,
    .services.v2 .collaboration-card .card-icon~.text-4,
    .services.v2 .services-card .card-icon~.text-4,
    .services.v3 .collaboration-card .card-icon~.text-4,
    .services.v3 .services-card .card-icon~.text-4 {
        margin-top: 50px
    }
    .pb-lg-70 {
        padding-bottom: 70px
    }
    .cta-section.v1 .cta-main-content .section-title~.cta-content-right,
    .mt-space>div[class*=col-lg-1]:nth-child(10)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(11)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(12)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(2)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(3)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(4)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(5)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(6)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(7)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(8)>div,
    .mt-space>div[class*=col-lg-1]:nth-child(9)>div,
    .mt-space>div[class*=col-lg-2]:nth-child(2)>div,
    .mt-space>div[class*=col-lg-2]:nth-child(3)>div,
    .mt-space>div[class*=col-lg-2]:nth-child(4)>div,
    .mt-space>div[class*=col-lg-2]:nth-child(5)>div,
    .mt-space>div[class*=col-lg-2]:nth-child(6)>div,
    .mt-space>div[class*=col-lg-3]:nth-child(2)>div,
    .mt-space>div[class*=col-lg-3]:nth-child(3)>div,
    .mt-space>div[class*=col-lg-3]:nth-child(4)>div,
    .mt-space>div[class*=col-lg-4]:nth-child(2)>div,
    .mt-space>div[class*=col-lg-4]:nth-child(3)>div,
    .mt-space>div[class*=col-lg-5]:nth-child(2)>div,
    .mt-space>div[class*=col-lg-6]:nth-child(2)>div,
    .our-blog-details.v1 .main-form .group-form-box .form-box~.form-box,
    .patient-care.v1 .content-left,
    .services-details.v1 .check-out-box .box-right~.box-left {
        margin-top: 0
    }
    .mb-space>div[class*=col-lg-1]:nth-child(10)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(11)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(12)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(2)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(3)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(4)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(5)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(6)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(7)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(8)>div,
    .mb-space>div[class*=col-lg-1]:nth-child(9)>div,
    .mb-space>div[class*=col-lg-2]:nth-child(2)>div,
    .mb-space>div[class*=col-lg-2]:nth-child(3)>div,
    .mb-space>div[class*=col-lg-2]:nth-child(4)>div,
    .mb-space>div[class*=col-lg-2]:nth-child(5)>div,
    .mb-space>div[class*=col-lg-2]:nth-child(6)>div,
    .mb-space>div[class*=col-lg-3]:nth-child(2)>div,
    .mb-space>div[class*=col-lg-3]:nth-child(3)>div,
    .mb-space>div[class*=col-lg-3]:nth-child(4)>div,
    .mb-space>div[class*=col-lg-4]:nth-child(2)>div,
    .mb-space>div[class*=col-lg-4]:nth-child(3)>div,
    .mb-space>div[class*=col-lg-5]:nth-child(2)>div,
    .mb-space>div[class*=col-lg-6]:nth-child(2)>div {
        margin-bottom: 0
    }
    .mt-space.lg-space-not-none>div[class*=col-lg-]>div {
        margin-top: 30px
    }
    .mb-space.lg-space-not-none>div[class*=col-lg-]>div {
        margin-bottom: 30px
    }
    .section-title .text-2,
    .section-title-center .text-2 {
        font-size: 35px
    }
    .section-title-center.v1,
    .section-title.v2 .main-title,
    .section-title.v4 .main-title {
        max-width: 515px
    }
    .collaboration.v1 .collaboration-card .text-4~.text-para-1,
    .collaboration.v1 .services-card .text-4~.text-para-1,
    .collaboration.v2 .collaboration-card .text-4~.text-para-1,
    .collaboration.v2 .services-card .text-4~.text-para-1,
    .services.v1 .collaboration-card .text-4~.text-para-1,
    .services.v1 .services-card .text-4~.text-para-1,
    .services.v2 .collaboration-card .text-4~.text-para-1,
    .services.v2 .services-card .text-4~.text-para-1,
    .services.v3 .collaboration-card .text-4~.text-para-1,
    .services.v3 .services-card .text-4~.text-para-1,
    .sidebar__wrapper .brand-promo-list li .brand-text .text-4~.text-para-1,
    .sidebar__wrapper .brand-promo-list li .info-text .text-4~.text-para-1,
    .sidebar__wrapper .contact-info-list li .brand-text .text-4~.text-para-1,
    .sidebar__wrapper .contact-info-list li .info-text .text-4~.text-para-1,
    .sidebar__wrapper .info-list li .brand-text .text-4~.text-para-1,
    .sidebar__wrapper .info-list li .info-text .text-4~.text-para-1 {
        margin-top: 20px
    }
    .services-details.v1 .next-preve-post .next-post,
    .services-details.v1 .next-preve-post .prev-post,
    .sidebar__wrapper .brand-promo-list li {
        gap: 20px
    }
    .sidebar__wrapper .brand-promo-list li .brand-logo {
        max-width: 60px
    }
    .banner.v1 .section-title-center,
    .banner.v2 .section-title-center {
        max-width: 900px
    }
    .banner.v1 .banner-left {
        margin-top: 70px
    }
    .banner.v1 .banner-right .shap-dot-1 {
        left: 217px
    }
    .banner.v1 .banner-right .shap-dot-2 {
        left: calc(45% - 68px)
    }
    .banner.v1 .banner-right .shap-dot-3 {
        right: 293px
    }
    .collaboration.v1 .collaboration-card,
    .collaboration.v1 .services-card,
    .collaboration.v2 .collaboration-card,
    .collaboration.v2 .services-card,
    .services.v1 .collaboration-card,
    .services.v1 .services-card,
    .services.v2 .collaboration-card,
    .services.v2 .services-card,
    .services.v3 .collaboration-card,
    .services.v3 .services-card {
        padding: 28px;
       
    }
    .collaboration.v1 .collaboration-card .card-logo,
    .collaboration.v1 .services-card .card-logo,
    .collaboration.v2 .collaboration-card .card-logo,
    .collaboration.v2 .services-card .card-logo,
    .services.v1 .collaboration-card .card-logo,
    .services.v1 .services-card .card-logo,
    .services.v2 .collaboration-card .card-logo,
    .services.v2 .services-card .card-logo,
    .services.v3 .collaboration-card .card-logo,
    .services.v3 .services-card .card-logo {
        max-width: 65px
    }
    .collaboration.v1 .collaboration-card .text-4,
    .collaboration.v1 .services-card .text-4,
    .collaboration.v2 .collaboration-card .text-4,
    .collaboration.v2 .services-card .text-4,
    .services.v1 .collaboration-card .text-4,
    .services.v1 .services-card .text-4,
    .services.v2 .collaboration-card .text-4,
    .services.v2 .services-card .text-4,
    .services.v3 .collaboration-card .text-4,
    .services.v3 .services-card .text-4 {
        font-size: 24px
    }
    .collaboration.v1 .collaboration-card .text-para-1,
    .collaboration.v1 .services-card .text-para-1,
    .collaboration.v2 .collaboration-card .text-para-1,
    .collaboration.v2 .services-card .text-para-1,
    .services.v1 .collaboration-card .text-para-1,
    .services.v1 .services-card .text-para-1,
    .services.v2 .collaboration-card .text-para-1,
    .services.v2 .services-card .text-para-1,
    .services.v3 .collaboration-card .text-para-1,
    .services.v3 .services-card .text-para-1 {
        font-size: 16px
    }
    .fun-facts.v1 .fun-fact-icon,
    .services.v1 .services-card .card-icon {
        width: 65px;
        height: 65px;
        font-size: 30px;
        line-height: 65px
    }
    .testimonial.v3 .slider {
        width: 125%
    }
    .testimonial.v3 .testimonial-card,
    .testimonial.v3 .testimonial-card::before {
        border-radius: 40px
    }
    .cta-section.v1 .cta-main-content,
    .cta-section.v2 .cta-main-content {
        padding: 70px
    }
    .cta-section.v1 .cta-main-content {
        text-align: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cta-section.v1 .cta-main-content .section-title {
        width: 61%
    }
    .cta-section.v1 .cta-content-right {
        text-align: center
    }
    .services-details.v1 .service-details-content {
        padding: 40px
    }
    .services-details.v1 .check-out-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 46px
    }
    .services-details.v1 .check-out-box .box-left,
    .services-details.v1 .check-out-box .box-right {
        width: calc(50% - 23px)
    }
    .services-details.v1 .check-out-box .box-right {
        order: 1
    }
    .info-footer.v1 .footer__widget .social-link,
    .services-details.v1 .next-preve-post .prev-post {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .services-details.v1 .next-preve-post .next-post {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .services-details.v1 .next-preve-post i {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 50px
    }
    .services-details.v1 .next-preve-post .text-5 {
        font-size: 20px;
        width: calc(50% - 60px)
    }
    .info-footer.v1 .footer__widget:first-child,
    .info-footer.v1 .footer__widget:nth-child(2),
    .info-footer.v1 .footer__widget:nth-child(3),
    .our-blog-details.v1 .main-form .group-form-box .form-box {
        width: calc(33.3333333% - 20px)
    }
    .our-blog-details.v1 .content-left {
        padding-bottom: 115px
    }
    .info-footer.v1 .footer-content,
    .info-footer.v2 .footer-content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .info-footer.v1 .footer__widget:first-child {
        text-align: inherit
    }
    .info-footer.v2 .footer__widget:nth-child(2),
    .info-footer.v2 .footer__widget:nth-child(3),
    .info-footer.v2 .footer__widget:nth-child(4) {
        width: calc(33.33333333% - 23px)
    }
}

@media (min-width:1200px) {
    .breadcum.v1,
    .breadcum.v2,
    .clind-logo.v1 .swiper-slide,
    .clind-logo.v2 .swiper-slide,
    .faq-section.v1 .section-title,
    .section-title.v3,
    .work-process.v1 .content-right .section-title {
        text-align: inherit
    }
    .mt-xl-40,
    .pricing-pack.v1 .price-card .price-point-list~.link-anime,
    .pricing-pack.v1 .row>div:nth-of-type(2n) .price-card .price-card-header~.price-point-list,
    .pricing-pack.v2 .price-card .price-point-list~.link-anime,
    .pricing-pack.v2 .row>div:nth-of-type(2n) .price-card .price-card-header~.price-point-list,
    .testimonial.v1 .testimonial-card .testimonial-content~.testimonial-profile,
    .testimonial.v1 .testimonial-card .testimonial-profile~.testimonial-content,
    .testimonial.v2 .testimonial-card .testimonial-content~.testimonial-profile,
    .testimonial.v2 .testimonial-card .testimonial-profile~.testimonial-content,
    .testimonial.v3 .testimonial-card .testimonial-content~.testimonial-profile,
    .testimonial.v3 .testimonial-card .testimonial-profile~.testimonial-content {
        margin-top: 40px
    }
    .mt-xl-60 {
        margin-top: 60px
    }
    .mt-xl-90,
    .pricing-pack.v1 .row>div:nth-of-type(2n) .price-card .link-anime,
    .pricing-pack.v2 .row>div:nth-of-type(2n) .price-card .link-anime {
        margin-top: 90px
    }
    .mt-xl-100 {
        margin-top: 100px
    }
    .patient-care.v1 .categories li~li a,
    .pt-xl-30 {
        padding-top: 30px
    }
    .pt-xl-80 {
        padding-top: 80px
    }
    .pt-xl-100 {
        padding-top: 100px
    }
    .pt-xl-240 {
        padding-top: 240px
    }
    .pt-xl-275 {
        padding-top: 275px
    }
    .pb-xl-30 {
        padding-bottom: 30px
    }
    .pb-xl-100 {
        padding-bottom: 100px
    }
    .pb-xl-170 {
        padding-bottom: 170px
    }

    .ttlhead {
        color:white; 
        font-size:70px
    }
    
    .ttlsec {
        color:white;
        font-size:30px
    }
    
    .contact.v1 .contact-info,
    .mt-space>div[class*=col-xl-1]:nth-child(10)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(11)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(12)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(2)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(3)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(4)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(5)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(6)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(7)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(8)>div,
    .mt-space>div[class*=col-xl-1]:nth-child(9)>div,
    .mt-space>div[class*=col-xl-2]:nth-child(2)>div,
    .mt-space>div[class*=col-xl-2]:nth-child(3)>div,
    .mt-space>div[class*=col-xl-2]:nth-child(4)>div,
    .mt-space>div[class*=col-xl-2]:nth-child(5)>div,
    .mt-space>div[class*=col-xl-2]:nth-child(6)>div,
    .mt-space>div[class*=col-xl-3]:nth-child(2)>div,
    .mt-space>div[class*=col-xl-3]:nth-child(3)>div,
    .mt-space>div[class*=col-xl-3]:nth-child(4)>div,
    .mt-space>div[class*=col-xl-4]:nth-child(2)>div,
    .mt-space>div[class*=col-xl-4]:nth-child(3)>div,
    .mt-space>div[class*=col-xl-5]:nth-child(2)>div,
    .mt-space>div[class*=col-xl-6]:nth-child(2)>div,
    .section-title.v3 .text-2~.text-para-1,
    .sidebar__wrapper {
        margin-top: 0
    }
    .mb-space>div[class*=col-xl-1]:nth-child(10)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(11)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(12)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(2)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(3)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(4)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(5)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(6)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(7)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(8)>div,
    .mb-space>div[class*=col-xl-1]:nth-child(9)>div,
    .mb-space>div[class*=col-xl-2]:nth-child(2)>div,
    .mb-space>div[class*=col-xl-2]:nth-child(3)>div,
    .mb-space>div[class*=col-xl-2]:nth-child(4)>div,
    .mb-space>div[class*=col-xl-2]:nth-child(5)>div,
    .mb-space>div[class*=col-xl-2]:nth-child(6)>div,
    .mb-space>div[class*=col-xl-3]:nth-child(2)>div,
    .mb-space>div[class*=col-xl-3]:nth-child(3)>div,
    .mb-space>div[class*=col-xl-3]:nth-child(4)>div,
    .mb-space>div[class*=col-xl-4]:nth-child(2)>div,
    .mb-space>div[class*=col-xl-4]:nth-child(3)>div,
    .mb-space>div[class*=col-xl-5]:nth-child(2)>div,
    .mb-space>div[class*=col-xl-6]:nth-child(2)>div {
        margin-bottom: 0
    }
    .mt-space.xl-space-not-none>div[class*=col-xl-]>div {
        margin-top: 30px
    }
    .mb-space.xl-space-not-none>div[class*=col-xl-]>div {
        margin-bottom: 30px
    }
    .section-title .text-2,
    .section-title-center .text-2 {
        font-size: 42px;
        letter-spacing: -1.9px
    }
    .section-title-center.v1,
    .section-title.v2 .main-title,
    .section-title.v3 .text-2,
    .section-title.v4 .main-title {
        max-width: 640px
    }
    .section-title.v3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }
    .section-title.v3 .text-para-1 {
        width: calc(100% - 640px)
    }
    .scroll-bottom-top.v1,
    .scroll-bottom-top.v2 {
        width: 50px;
        height: 50px;
        line-height: 52px;
        bottom: 50px
    }
    .scroll-bottom-top.v1.show,
    .scroll-bottom-top.v2.show {
        right: 50px
    }
    .breadcum.v1 .text-2,
    .breadcum.v2 .text-2 {
        font-size: 45px
    }
    .breadcum.v1 .text-2~ul,
    .breadcum.v2 .text-2~ul {
        margin-top: -15px
    }
    .breadcum.v1 .breadcum-list ul,
    .breadcum.v2 .breadcum-list ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .breadcum.v1 a,
    .breadcum.v1 ul,
    .breadcum.v2 a,
    .breadcum.v2 ul,
    .faq-section.v1 .accordion-btn,
    .faq-section.v2 .accordion-btn,
    .pricing-pack.v1 .price-card .price-point-list li .text-6,
    .pricing-pack.v1 .price-card .price-point-list li i,
    .pricing-pack.v2 .price-card .price-point-list li .text-6,
    .pricing-pack.v2 .price-card .price-point-list li i {
        font-size: 18px
    }
    .anime-bubble.v1,
    .anime-bubble.v2 {
        display: block;
        position: absolute;
        opacity: .4;
        filter: blur(140px);
        border-radius: 800px;
        background: var(--color-purple);
        z-index: -2
    }
    .anime-bubble.v1 {
        width: 420px;
        height: 420px
    }
    .anime-bubble.v2 {
        width: 230px;
        height: 230px
    }
    .anime-bubble.anime-type-1 {
        animation: 3.2s infinite bubbleAnime
    }
    .anime-bubble.anime-type-2 {
        animation: 3.2s infinite bubbleAnime2
    }
    .anime-bubble.anime-type-3 {
        animation: 3.2s infinite bubbleAnime3
    }
    @keyframes bubbleAnime {
        0%,
        100% {
            -webkit-transform: scale(1.3) translate(-20%, -10%);
            -moz-transform: scale(1.3) translate(-20%, -10%);
            -o-transform: scale(1.3) translate(-20%, -10%);
            transform: scale(1.3) translate(-20%, -10%)
        }
        50% {
            -webkit-transform: scale(1) translate(0, 0);
            -moz-transform: scale(1) translate(0, 0);
            -o-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0)
        }
    }
    @keyframes bubbleAnime2 {
        0%,
        100% {
            -webkit-transform: scale(1.4) translateX(-50%);
            -moz-transform: scale(1.4) translateX(-50%);
            -o-transform: scale(1.4) translateX(-50%);
            transform: scale(1.4) translateX(-50%)
        }
        50% {
            -webkit-transform: scale(1) translateX(-50%);
            -moz-transform: scale(1) translateX(-50%);
            -o-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%)
        }
    }
    @keyframes bubbleAnime3 {
        0%,
        100% {
            -webkit-transform: scale(1.4);
            -moz-transform: scale(1.4);
            -o-transform: scale(1.4);
            transform: scale(1.4)
        }
        50% {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
    }
    .slider-btns.v1 .next-btn,
    .slider-btns.v1 .prev-btn,
    .slider-btns.v2 .next-btn,
    .slider-btns.v2 .prev-btn {
        width: 60px;
        height: 60px;
        font-size: 16px;
        line-height: 60px
    }
    .sidebar__wrapper .recent-news-list .post-img a,
    .testimonial.v1 .testimonial-card .profile-img img,
    .testimonial.v2 .testimonial-card .profile-img img,
    .testimonial.v3 .testimonial-card .profile-img img {
        width: 80px;
        height: 80px
    }
    .sidebar__wrapper .recent-news-list .post-img~.post-text {
        width: calc(100% - 100px)
    }
    .menu-bar.v1,
    .menu-bar.v2,
    .menu-bar.v3 {
        padding: 0
    }
    .menu-bar.v1 .main-menu>ul>li>a,
    .menu-bar.v1.sticky-header .main-menu>ul>li>a,
    .menu-bar.v2 .main-menu>ul>li>a,
    .menu-bar.v2.sticky-header .main-menu>ul>li>a,
    .menu-bar.v3 .main-menu>ul>li>a,
    .menu-bar.v3.sticky-header .main-menu>ul>li>a {
        padding: 46px 0
    }
    .menu-bar.v1 .menu-bar-content,
    .menu-bar.v2 .menu-bar-content,
    .menu-bar.v3 .menu-bar-content {
        padding: 0;
        gap: 30px
    }
    .menu-bar.v1 .menu-bar-content .main-menu,
    .menu-bar.v1 .menu-bar-content .menu-logo,
    .menu-bar.v1 .menu-bar-content .menu-right,
    .menu-bar.v2 .menu-bar-content .main-menu,
    .menu-bar.v2 .menu-bar-content .menu-logo,
    .menu-bar.v2 .menu-bar-content .menu-right,
    .menu-bar.v3 .menu-bar-content .main-menu,
    .menu-bar.v3 .menu-bar-content .menu-logo,
    .menu-bar.v3 .menu-bar-content .menu-right {
        width: inherit
    }
    .menu-bar.v1 .menu-logo,
    .menu-bar.v2 .menu-logo,
    .menu-bar.v3 .menu-logo {
        max-width: 137px
    }
    .menu-bar.v1 .main-menu,
    .menu-bar.v1 .menu-right li:not(:last-child),
    .menu-bar.v2 .main-menu,
    .menu-bar.v2 .menu-right li:not(:last-child),
    .menu-bar.v3 .main-menu,
    .menu-bar.v3 .menu-right li:not(:last-child) {
        display: block
    }
    .menu-bar.v1 .main-menu>ul,
    .menu-bar.v2 .main-menu>ul,
    .menu-bar.v3 .main-menu>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 22px
    }
    .banner.v1,
    .banner.v2,
    .collaboration.v2,
    .cta-section.v2 .cta-main-content,
    .menu-bar.v1 .main-menu li,
    .menu-bar.v2 .main-menu li,
    .menu-bar.v3 .main-menu li,
    .services.v3,
    .testimonial.v3 .container,
    .work-process.v2 .container {
        position: relative
    }
    .menu-bar.v1 .main-menu li.has-dropdown>a::after,
    .menu-bar.v2 .main-menu li.has-dropdown>a::after,
    .menu-bar.v3 .main-menu li.has-dropdown>a::after {
        font-family: icomoon;
        content: "\e901";
        speak: never;
        margin-left: 5px;
        font-size: calc(100% - 2px);
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .menu-bar.v1 .main-menu li.has-dropdown .has-dropdown>a,
    .menu-bar.v2 .main-menu li.has-dropdown .has-dropdown>a,
    .menu-bar.v3 .main-menu li.has-dropdown .has-dropdown>a {
        padding-right: 50px;
        position: relative
    }
    .menu-bar.v1 .main-menu li.has-dropdown .has-dropdown>a::after,
    .menu-bar.v2 .main-menu li.has-dropdown .has-dropdown>a::after,
    .menu-bar.v3 .main-menu li.has-dropdown .has-dropdown>a::after {
        position: absolute;
        top: 20px;
        right: 33px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-left: 5px
    }
    .menu-bar.v1 .main-menu li a,
    .menu-bar.v2 .main-menu li a,
    .menu-bar.v3 .main-menu li a {
        display: inline-block;
        font-size: 16px
    }
    .menu-bar.v1 .main-menu li ul,
    .menu-bar.v2 .main-menu li ul,
    .menu-bar.v3 .main-menu li ul {
        padding-top: 0;
        position: absolute;
        min-width: 220px;
        top: 120%;
        opacity: 0;
        visibility: hidden;
        z-index: 4;
        pointer-events: none;
        background: var(--color-black3);
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }
    .menu-bar.v1 .main-menu li ul ul,
    .menu-bar.v2 .main-menu li ul ul,
    .menu-bar.v3 .main-menu li ul ul {
        left: 100%
    }
    .menu-bar.v1 .main-menu li ul li~li,
    .menu-bar.v2 .main-menu li ul li~li,
    .menu-bar.v3 .main-menu li ul li~li {
        border-top: 1px solid var(--color-border2)
    }
    .menu-bar.v1 .main-menu li ul li a,
    .menu-bar.v2 .main-menu li ul li a,
    .menu-bar.v3 .main-menu li ul li a {
        display: block;
        padding: 12px 35px;
        font-size: 14px
    }
    .menu-bar.v1 .main-menu li ul li:hover>ul,
    .menu-bar.v2 .main-menu li ul li:hover>ul,
    .menu-bar.v3 .main-menu li ul li:hover>ul {
        top: 0
    }
    .menu-bar.v1 .main-menu li ul li:hover>a,
    .menu-bar.v2 .main-menu li ul li:hover>a,
    .menu-bar.v3 .main-menu li ul li:hover>a {
        padding-left: 45px
    }
    .menu-bar.v1 .main-menu li:hover>ul,
    .menu-bar.v2 .main-menu li:hover>ul,
    .menu-bar.v3 .main-menu li:hover>ul {
        top: 100%;
        opacity: 1;
        pointer-events: inherit;
        visibility: visible
    }
    .menu-bar.v1 .menu-right li:last-child,
    .menu-bar.v2 .menu-right li:last-child,
    .menu-bar.v3 .menu-right li:last-child {
        display: none
    }
    .menu-bar.v2 .menu-bar-content::before,
    .menu-bar.v3 .menu-bar-content::before {
        width: calc(100% + 60px)
    }
    .menu-bar.v2 .menu-bar-content::before {
        border-radius: 100px
    }
    .menu-bar.v3 .menu-bar-content::before {
        border-radius: 20px
    }
    .banner.v1 .section-title .text-2,
    .banner.v1 .section-title-center .text-2,
    .banner.v2 .section-title .text-2,
    .banner.v2 .section-title-center .text-2,
    .cta-section.v1 .cta-content-right .text-2,
    .work-process.v1 .work-process-cards li .text-2,
    .work-process.v2 .counter-num {
        font-size: 70px
    }
    .banner.v1 .section-title,
    .banner.v2 .section-title {
        text-align: left
    }
    .banner.v1 .start-ai-form,
    .banner.v2 .start-ai-form {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .banner.v1 .banner-left {
        position: relative;
        z-index: 1;
        margin-top: 0
    }
    .banner.v1 .banner-left .anime-bubble {
        position: absolute;
        width: 600px;
        height: 600px;
        left: calc(-50% + 55px);
        bottom: calc(-80% + 88px);
        opacity: .4;
        filter: blur(140px);
        border-radius: 800px;
        background: var(--color-orange);
        z-index: -1;
        animation: 5s linear infinite alternate bannerBounse
    }
    .banner.v1 .banner-right .shap-dot-1 {
        top: calc(50% - 35px);
        left: 15px
    }
    .banner.v1 .banner-right .shap-dot-2 {
        left: calc(40% - 60px)
    }
    .banner.v1 .banner-right .shap-dot-3 {
        top: 20px;
        right: 120px
    }
    .banner.v1 .banner-right .arrow-shap {
        display: inline-block;
        width: 85px;
        top: 60px;
        right: 0;
        animation: 3.2s infinite bArrow
    }
    @keyframes bArrow {
        0%,
        100% {
            opacity: 1;
            -webkit-transform: scale(1.3) rotate(-3deg);
            -moz-transform: scale(1.3) rotate(-3deg);
            -o-transform: scale(1.3) rotate(-3deg);
            transform: scale(1.3) rotate(-3deg)
        }
        50% {
            opacity: .5;
            -webkit-transform: scale(1) rotate(0);
            -moz-transform: scale(1) rotate(0);
            -o-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0)
        }
    }
    .banner.v2 .banner-cards {
        padding: 60px
    }
    .banner.v2 .robot-shap-1,
    .banner.v2 .robot-shap-2 {
        position: absolute;
        z-index: -2;
        display: block
    }
    .banner.v2 .robot-shap-1 {
        right: -255px;
        top: -269px;
        animation: 4s infinite robotAnime
    }
    .banner.v2 .robot-shap-2 {
        left: -233px;
        bottom: 120px;
        animation: 3.2s infinite robotAnime
    }
    @keyframes robotAnime {
        0%,
        100% {
            -webkit-transform: translateY(-10%);
            -moz-transform: translateY(-10%);
            -o-transform: translateY(-10%);
            transform: translateY(-10%)
        }
        50% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .banner.v2 .win-watch {
        padding: 45px 20px 55px
    }
    .banner.v2 .win-watch li {
        width: 100%
    }
    .pricing-pack.v1 .price-card,
    .pricing-pack.v2 .price-card,
    .services.v1 .services-card {
        padding: 50px 40px
    }
    .services.v1 .services-card .card-icon {
        width: 80px;
        height: 80px;
        font-size: 35px;
        line-height: 80px
    }
    .collaboration.v2 .anime-bubble,
    .services.v3 .anime-bubble {
        left: 50%;
        bottom: -78px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .fun-facts.v1.h-bg::before,
    .fun-facts.v1:not(.h-bg) {
        background: var(--color-black2)
    }
    .fun-facts.v1.h-bg::before {
        position: absolute;
        content: "";
        width: 100%;
        height: calc(100% - 233px);
        left: 0;
        bottom: 0;
        z-index: -1
    }
    .fun-facts.v1 .fun-facts-img,
    .fun-facts.v1.h-bg {
        position: relative;
        z-index: 1
    }
    .fun-facts.v1 .fun-facts-img .play-btn {
        width: 80px;
        height: 80px;
        font-size: 24px;
        line-height: 80px
    }
    .fun-facts.v1 .counter-area li {
        width: inherit;
        padding: 0;
        gap: 30px;
        background: var(--color-tr)
    }
    .fun-facts.v1 .counter-area li .text-2~.text-para-1 {
        margin-top: 10px
    }
    .fun-facts.v1 .fun-fact-content .fun-fact-icon {
        width: 80px;
        height: 80px;
        font-size: 45px;
        line-height: 80px
    }
    .fun-facts.v1 .text-2,
    .pricing-pack.v1 .price-card .price-card-header .text-2,
    .pricing-pack.v2 .price-card .price-card-header .text-2 {
        font-size: 42px
    }
    .patient-care.v1 .categories li a {
        padding-bottom: 25px;
        font-size: 24px
    }
    .work-process.v1 .mobile-img-left {
        max-width: calc(91.66666667% - 10px);
        margin: 0
    }
    .work-process.v2 .container .left-bubble {
        left: -200px;
        bottom: -246px
    }
    .work-process.v2 .container .right-bubble {
        right: -230px;
        top: -200px
    }
    .pricing-pack.v1 .price-card .price-card-header .text-3,
    .pricing-pack.v2 .price-card .price-card-header .text-3,
    .testimonial.v1 .testimonial-card .testimonial-content .text-para-1,
    .testimonial.v2 .testimonial-card .testimonial-content .text-para-1,
    .testimonial.v3 .testimonial-card .testimonial-content .text-para-1 {
        font-size: 30px
    }
    .testimonial.v1 .slider,
    .testimonial.v2 .slider {
        padding: 45px 0 40px
    }
    .testimonial.v1 .slider .swiper-slide-active .testimonial-card .q-icon-1,
    .testimonial.v1 .slider .swiper-slide:not(.swiper-slide-active) .q-icon-2,
    .testimonial.v2 .slider .swiper-slide-active .testimonial-card .q-icon-1,
    .testimonial.v2 .slider .swiper-slide:not(.swiper-slide-active) .q-icon-2 {
        opacity: 1;
        visibility: visible;
        pointer-events: inherit
    }
    .testimonial.v1 .slider .swiper-slide-active .testimonial-card .q-icon-2,
    .testimonial.v1 .slider .swiper-slide:not(.swiper-slide-active) .q-icon-1,
    .testimonial.v2 .slider .swiper-slide-active .testimonial-card .q-icon-2,
    .testimonial.v2 .slider .swiper-slide:not(.swiper-slide-active) .q-icon-1 {
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }
    .testimonial.v1 .slider .swiper-slide-active .testimonial-card,
    .testimonial.v2 .slider .swiper-slide-active .testimonial-card {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
    .testimonial.v1 .slider .swiper-slide:not(.swiper-slide-active) .testimonial-card,
    .testimonial.v2 .slider .swiper-slide:not(.swiper-slide-active) .testimonial-card {
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    .testimonial.v1 .slider .testimonial-card .q-icon-1,
    .testimonial.v2 .slider .testimonial-card .q-icon-1 {
        top: -85px;
        left: 0;
        background: -webkit-linear-gradient(-95deg, var(--color-orange) 10%, rgba(22, 19, 19, 0) 90%)
    }
    .testimonial.v1 .slider .testimonial-card .q-icon-2,
    .testimonial.v2 .slider .testimonial-card .q-icon-2 {
        right: 0;
        bottom: -82px;
        background: -webkit-linear-gradient(95deg, var(--color-orange) 10%, rgba(22, 19, 19, 0) 90%)
    }
    .testimonial.v1 .slider .testimonial-card .q-icon-1,
    .testimonial.v1 .slider .testimonial-card .q-icon-2,
    .testimonial.v2 .slider .testimonial-card .q-icon-1,
    .testimonial.v2 .slider .testimonial-card .q-icon-2 {
        display: block;
        position: absolute;
        font-size: 90px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: var(--color-tr);
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        z-index: -1
    }
    .testimonial.v1 .testimonial-card,
    .testimonial.v2 .testimonial-card {
        padding: 60px 40px 85px
    }
    .testimonial.v3 .container .anime-bubble {
        position: absolute;
        top: -90px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .testimonial.v3 .testimonial-card {
        padding: 60px 40px
    }
    .team.v1 .team-card .team-card-text .text-4 {
        font-size: 24px
    }
    .faq-section.v1 .faq-img {
        max-width: calc(100% - 30px);
        margin: inherit
    }
    .faq-section.v2 .faq-comment-box {
        padding: 130px 110px 110px
    }
    .ai-development.v1 .anime-bubble {
        left: 0;
        bottom: -218px
    }
    .cta-section.v1 .cta-main-content,
    .cta-section.v2 .cta-main-content {
        padding: 80px
    }
    .cta-section.v1 .cta-content-right .text-para-1 {
        font-size: 20px
    }
    .cta-section.v2 .cta-main-content .anime-bubble {
        top: -10px;
        left: -264px
    }
    .pricing-pack.v1 .row>div:nth-of-type(2n) .price-card,
    .pricing-pack.v2 .row>div:nth-of-type(2n) .price-card {
        padding: 60px 40px;
        margin-top: -30px
    }
    .services-details.v1 .big-img .icon-box {
        width: 100px;
        height: 100px;
        font-size: 65px;
        line-height: 100px;
        left: 30px;
        bottom: 30px
    }
    .info-footer.v1 .footer-logo~.text-para-1,
    .info-footer.v2 .footer-logo~.text-para-1 {
        max-width: 510px;
        margin: 40px 0 0
    }
    .info-footer.v1 .footer__widget:first-child {
        width: calc(50% - 15px);
        padding-right: 16.66666667%
    }
    .info-footer.v1 .footer__widget:nth-child(2),
    .info-footer.v1 .footer__widget:nth-child(3) {
        width: calc(24% - 23px)
    }
    .info-footer.v2 .footer__widget:first-child {
        width: calc(33.33333333% - 23px);
        text-align: inherit
    }
    .info-footer.v2 .footer__widget:nth-child(2),
    .info-footer.v2 .footer__widget:nth-child(3) {
        width: calc(20% - 23px);
        padding-left: 30px
    }
    .info-footer.v2 .footer__widget:nth-child(4) {
        width: calc(25% - 23px)
    }
}

@media (min-width:1400px) {
    .mt-xxl-120 {
        margin-top: 120px
    }
    .ml-xxl-80 {
        margin-left: 80px
    }
    .mr-xxl-80 {
        margin-right: 80px
    }
    .pt-xxl-120 {
        padding-top: 120px
    }
    .pb-xxl-120 {
        padding-bottom: 120px
    }
    .mt-space>div[class*=col-xxl-1]:nth-child(10)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(11)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(12)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(2)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(3)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(4)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(5)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(6)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(7)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(8)>div,
    .mt-space>div[class*=col-xxl-1]:nth-child(9)>div,
    .mt-space>div[class*=col-xxl-2]:nth-child(2)>div,
    .mt-space>div[class*=col-xxl-2]:nth-child(3)>div,
    .mt-space>div[class*=col-xxl-2]:nth-child(4)>div,
    .mt-space>div[class*=col-xxl-2]:nth-child(5)>div,
    .mt-space>div[class*=col-xxl-2]:nth-child(6)>div,
    .mt-space>div[class*=col-xxl-3]:nth-child(2)>div,
    .mt-space>div[class*=col-xxl-3]:nth-child(3)>div,
    .mt-space>div[class*=col-xxl-3]:nth-child(4)>div,
    .mt-space>div[class*=col-xxl-4]:nth-child(2)>div,
    .mt-space>div[class*=col-xxl-4]:nth-child(3)>div,
    .mt-space>div[class*=col-xxl-5]:nth-child(2)>div,
    .mt-space>div[class*=col-xxl-6]:nth-child(2)>div {
        margin-top: 0
    }
    .mb-space>div[class*=col-xxl-1]:nth-child(10)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(11)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(12)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(2)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(3)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(4)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(5)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(6)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(7)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(8)>div,
    .mb-space>div[class*=col-xxl-1]:nth-child(9)>div,
    .mb-space>div[class*=col-xxl-2]:nth-child(2)>div,
    .mb-space>div[class*=col-xxl-2]:nth-child(3)>div,
    .mb-space>div[class*=col-xxl-2]:nth-child(4)>div,
    .mb-space>div[class*=col-xxl-2]:nth-child(5)>div,
    .mb-space>div[class*=col-xxl-2]:nth-child(6)>div,
    .mb-space>div[class*=col-xxl-3]:nth-child(2)>div,
    .mb-space>div[class*=col-xxl-3]:nth-child(3)>div,
    .mb-space>div[class*=col-xxl-3]:nth-child(4)>div,
    .mb-space>div[class*=col-xxl-4]:nth-child(2)>div,
    .mb-space>div[class*=col-xxl-4]:nth-child(3)>div,
    .mb-space>div[class*=col-xxl-5]:nth-child(2)>div,
    .mb-space>div[class*=col-xxl-6]:nth-child(2)>div {
        margin-bottom: 0
    }
    .mt-space.xxl-space-not-none>div[class*=col-xxl-]>div {
        margin-top: 30px
    }
    .mb-space.xxl-space-not-none>div[class*=col-xxl-]>div {
        margin-bottom: 30px
    }
    .btn-anime.v1,
    .btn-anime.v2,
    .btn-anime.v3,
    .btn-anime.v4,
    .btn-anime.v5,
    .link-anime.v1,
    .link-anime.v2,
    .link-anime.v3,
    .link-anime.v4,
    .link-anime.v5 {
        padding: 20px 43px;
        font-size: 18px
    }
    .menu-bar.v1 .menu-bar-content,
    .menu-bar.v2 .menu-bar-content,
    .menu-bar.v3 .menu-bar-content {
        gap: 30px
    }
    .menu-bar.v2 .container {
        max-width: calc(100% - 80px)
    }
    .menu-bar.v3 .menu-bar-content::before {
        width: calc(100% + 80px)
    }
    .banner.v2 .win-watch {
        padding: 45px 35px 55px
    }
    .banner.v2 li {
        padding: 25px 40px
    }
    .contact.v1 .contact-box {
        padding: 60px
    }
}

@media (min-width:1500px) {
    .menu-bar.v2 .container {
        max-width: calc(100% - 120px)
    }
    .menu-bar.v3 .menu-bar-content::before {
        width: calc(100% + 120px)
    }
}

@media (min-width:1700px) {
    .menu-bar.v2 .container {
        max-width: calc(100% - 160px)
    }
    .menu-bar.v3 .menu-bar-content::before {
        width: calc(100% + 160px)
    }
}