@media (min-width:1400px) and (max-width:1599px) {
    .pl-110 {
        padding-left: 70px
    }
    header.style-1 .main-menu>ul>li .mega-menu {
        max-height: 650px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-1 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-2 .main-menu>ul>li .mega-menu {
        max-height: 650px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-2 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-3 {
        padding: 0px 30px
    }
    header.style-3 .menu-wrap {
        gap: 15px
    }
    header.style-3 .main-menu>ul>li .mega-menu {
        max-height: 650px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-3 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-4 .nav-right {
        gap: 40px
    }
    header.style-4 .main-menu>ul>li .mega-menu {
        max-height: 650px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-4 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-5 .main-menu>ul>li .mega-menu {
        max-height: 650px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-5 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-6 .menu-wrap {
        gap: 40px
    }
    header.style-6 .main-menu>ul>li .mega-menu {
        max-height: 650px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-6 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list {
        gap: 18px;
        row-gap: 25px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span {
        font-size: 26px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img {
        right: -110px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img .img2 {
        width: 90px;
        left: 35px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img .img1 {
        width: 120px
    }
    .home2-banner-section .banner-content h1 {
        font-size: 65px
    }
    .home2-banner-section .banner-img-wrap .card-img {
        left: -15px
    }
    .home3-banner-section .banner-content-wrap .banner-content {
        padding-left: 45px
    }
    .home3-banner-section .banner-content-wrap .banner-content h1 {
        font-size: 65px
    }
    .home3-banner-section .vector {
        bottom: 40%
    }
    .home3-process-section .process-wrapper .process-card2.three {
        margin-left: 60px;
        margin-top: 15px
    }
    .home3-process-section .founder-area .quote {
        margin-left: -35px
    }
    .home4-industry-section .industry-img.two ul li .counter-wrap {
        left: -40px
    }
    .home5-banner-section .banner-content {
        margin-left: 7%;
        padding: 160px 0 105px 0
    }
    .home5-banner-section .banner-content h1 {
        font-size: 63px;
        margin-bottom: 50px
    }
    .home5-banner-section .banner-img-wrap .counter-area .counter-wrap {
        right: -40px
    }
    .home5-about-section .about-wrapper::after {
        right: 2%
    }
    .home6-banner-section .banner-wrapper .banner-content h1 {
        font-size: 66px
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 65px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content {
        padding: 130px 20px 90px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area {
        margin-bottom: 100px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area {
        margin-bottom: 0
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 65px
    }
    .portfolio-interactive-page .nav-pills {
        margin-bottom: 40px
    }
    .portfolio-interactive-page .interactive-list .interactive-item {
        font-size: 50px
    }
    .portfolio-interactive-page .social-area {
        padding-top: 100px
    }
    .portfolio-interactive-page .social-area .social-list {
        gap: 18px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .pl-110 {
        padding-left: 40px
    }
    header.style-1 .nav-right {
        gap: 25px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 40px 25px 30px 25px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 26px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 40px 25px 30px 25px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 26px
    }
    header.style-3 .nav-right {
        gap: 25px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 40px 25px 30px 25px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 26px
    }
    header.style-4 .contact-area .content h6 a {
        font-size: 17px
    }
    header.style-4 .nav-right {
        gap: 20px
    }
    header.style-4 .main-menu>ul>li>a {
        padding: 3px 15px 3px 10px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 40px 25px 30px 25px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 26px
    }
    header.style-4 .main-menu>ul>li.menu-item-has-children>a::before {
        right: 2px
    }
    header.style-5 .nav-right {
        gap: 20px
    }
    header.style-5 .main-menu>ul>li>a {
        padding: 3px 15px 3px 10px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 40px 25px 30px 25px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 26px
    }
    header.style-5 .main-menu>ul>li.menu-item-has-children>a::before {
        right: 2px
    }
    header.style-6 .nav-right {
        gap: 25px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 40px 25px 30px 25px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 26px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list {
        gap: 20px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a {
        padding: 15px 21px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a span {
        font-size: 25px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list {
        gap: 20px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a {
        padding: 15px 21px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span {
        font-size: 24px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img .img2 {
        width: 80px;
        left: 50px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img .img1 {
        width: 110px
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 80px
    }
    .testimonial-card.two {
        padding: 60px 45px
    }
    .home2-transaction-section .transaction-tool-wrapper .logo-and-vector .vector {
        width: 550px
    }
    .testimonial-card2.two .testimonial-img .video-player i {
        margin-top: 1px
    }
    .home3-process-section .process-wrapper .process-card2.three {
        max-width: 250px;
        margin-left: 70px;
        margin-top: 10px
    }
    .blog-card2 .blog-content-wrap .blog-meta {
        gap: 10px
    }
    .blog-card2 .blog-content-wrap .blog-meta li a {
        font-size: 14px
    }
    .blog-card2 .blog-content-wrap h3 {
        margin-bottom: 90px
    }
    .blog-card2 .blog-content-wrap h3 a {
        font-size: 26px
    }
    .home4-process-section .process-wrapper ul li .divider {
        right: -25px
    }
    .testimonial-card4 .testimonial-img .video-player i {
        margin-top: 1px
    }
    .testimonial-card4.two .testimonial-content p {
        font-size: 27px
    }
    .case-study-card2 .case-study-content-wrap .case-study-content h4 a {
        font-size: 25px
    }
    .case-study-card2 .case-study-content-wrap .case-study-content ul li h6 {
        font-size: 16px
    }
    .case-study-card2.three .case-study-content-wrap .case-study-content h4 a {
        font-size: 24px
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(3) {
        left: -40%
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(4) {
        right: -40%
    }
    .home5-about-section .about-wrapper .section-title h2 {
        font-size: 48px
    }
    .blog-card3 .blog-content-wrap .blog-content h4 a {
        font-size: 26px
    }
    .home6-process-section .process-wrapper .process-list::before {
        width: 350px
    }
    .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 21px
    }
    .portfolio-card2 .portfolio-content h4 a {
        font-size: 24px
    }
    .career-feature-section .title-area .section-title.three h2 {
        font-size: 48px
    }
    .career-page-benefit-section .title-area .section-title.three h2 {
        font-size: 48px
    }
    .career-details-page .career-details-content .job-apply-area {
        padding: 0 25px 0 15px
    }
    .details-content-wrap.portfolio-details .listing.four li {
        gap: 8px;
        font-size: 16px
    }
    .details-pagination {
        padding: 35px 20px
    }
    .details-pagination .single-pagination .content h6 a {
        font-size: 20px
    }
    .case-study-details-sidebar .note-area .content ul li h6 {
        font-size: 16px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .pb-130 {
        padding-bottom: 100px
    }
    .pt-130 {
        padding-top: 100px
    }
    .pt-120 {
        padding-top: 100px
    }
    .pb-120 {
        padding-bottom: 100px
    }
    .pb-80 {
        padding-bottom: 60px
    }
    .mt-120 {
        margin-top: 100px
    }
    .mb-110 {
        margin-bottom: 90px
    }
    .mb-120 {
        margin-bottom: 100px
    }
    .mt-130 {
        margin-top: 100px
    }
    .mb-130 {
        margin-bottom: 100px
    }
    .sec-mar {
        margin: 100px 0
    }
    .mb-80 {
        margin-bottom: 70px
    }
    .pt-50 {
        padding-top: 40px
    }
    header.style-1 .company-logo-and-contact-area .company-logo img {
        width: 130px
    }
    header.style-1 .contact-area .icon {
        min-width: 38px;
        max-width: 38px;
        height: 44px
    }
    header.style-1 .contact-area .icon img {
        width: 22px
    }
    header.style-1 .contact-area .content span {
        font-size: 12px
    }
    header.style-1 .contact-area .content h6 a {
        font-size: 16px
    }
    header.style-1 .main-menu>ul>li {
        padding: 0 13px
    }
    header.style-1 .main-menu>ul>li>a {
        font-size: 14px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 35px 20px 30px 20px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content {
        margin-bottom: 35px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 30px
    }
    header.style-2 .company-logo-and-contact-area {
        gap: 15px
    }
    header.style-2 .company-logo-and-contact-area .company-logo img {
        width: 130px
    }
    header.style-2 .contact-area .icon {
        min-width: 38px;
        max-width: 38px;
        height: 44px
    }
    header.style-2 .contact-area .icon img {
        width: 22px
    }
    header.style-2 .contact-area .content span {
        font-size: 12px
    }
    header.style-2 .contact-area .content h6 a {
        font-size: 16px
    }
    header.style-2 .nav-right {
        gap: 25px
    }
    header.style-2 .menu-and-btn-area {
        gap: 15px
    }
    header.style-2 .main-menu>ul {
        padding: 0 38px 0 25px
    }
    header.style-2 .main-menu>ul>li {
        padding: 0 15px
    }
    header.style-2 .main-menu>ul>li>a {
        font-size: 14px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 35px 20px 30px 20px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content {
        margin-bottom: 35px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 30px
    }
    header.style-2 .primary-btn2 {
        font-size: 15px;
        padding: 16px 19px
    }
    header.style-3 {
        padding: 0px 10px
    }
    header.style-3 .company-logo img {
        width: 130px
    }
    header.style-3 .menu-wrap {
        gap: 15px
    }
    header.style-3 .main-menu>ul>li {
        padding: 12px 3px
    }
    header.style-3 .main-menu>ul>li>a {
        font-size: 13px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 35px 20px 30px 20px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content {
        margin-bottom: 35px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 30px
    }
    header.style-3 .primary-btn3 {
        font-size: 15px;
        padding: 16px 19px
    }
    header.style-4 .company-logo img {
        width: 125px
    }
    header.style-4 .contact-area .icon {
        min-width: 38px;
        max-width: 38px;
        height: 44px
    }
    header.style-4 .contact-area .icon img {
        width: 22px
    }
    header.style-4 .contact-area .content span {
        font-size: 12px;
        margin-bottom: 4px
    }
    header.style-4 .contact-area .content h6 a {
        font-size: 14px
    }
    header.style-4 .nav-right {
        gap: 10px
    }
    header.style-4 .menu-wrap {
        gap: 15px
    }
    header.style-4 .main-menu>ul>li {
        padding: 12px 3px
    }
    header.style-4 .main-menu>ul>li>a {
        font-size: 14px;
        padding: 3px 12px 3px 10px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 35px 20px 30px 20px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content {
        margin-bottom: 35px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 30px
    }
    header.style-4 .main-menu>ul>li.menu-item-has-children>a::before {
        right: 0
    }
    header.style-5 .nav-right {
        gap: 10px
    }
    header.style-5 .main-menu>ul>li {
        padding: 13px 3px
    }
    header.style-5 .main-menu>ul>li>a {
        font-size: 14px;
        padding: 3px 12px 3px 10px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 35px 20px 30px 20px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content {
        margin-bottom: 35px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 30px
    }
    header.style-5 .main-menu>ul>li.menu-item-has-children>a::before {
        right: 0
    }
    header.style-6 .company-logo .logo-content {
        display: none
    }
    header.style-6 .nav-right {
        gap: 15px
    }
    header.style-6 .menu-wrap {
        gap: 15px
    }
    header.style-6 .main-menu>ul>li>a {
        font-size: 14px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        padding: 35px 20px 30px 20px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content {
        margin-bottom: 35px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .solution-menu-banner .banner-content h3 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 30px
    }
    header.style-6 .primary-btn3 {
        font-size: 14px;
        padding: 11px 18px;
        gap: 5px
    }
    header.style-7 .company-logo img {
        width: 130px
    }
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 55px;
        margin-bottom: 20px
    }
    .home1-banner-section .banner-wrapper .banner-content h2 {
        font-size: 55px;
        margin-bottom: 20px
    }
    .home1-banner-section .banner-wrapper .banner-content .btn-and-rating-area {
        gap: 15px
    }
    .home1-banner-section .banner-wrapper .banner-content .btn-and-rating-area .primary-btn1 {
        padding: 20px 9px;
        min-width: 255px;
        font-size: 14px
    }
    .home1-feature-section .feature-card-area .company-icon-and-arrow .arrow svg {
        width: 740px;
        height: 50px
    }
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content {
        padding: 30px 15px
    }
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content p {
        font-size: 14px;
        margin-bottom: 25px
    }
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content ul li {
        font-size: 17px
    }
    .case-study-card .case-study-img-wrap .tag {
        top: 15px;
        left: 15px
    }
    .contact-form-wrap .form-inner2 ul {
        gap: 20px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap {
        gap: 15px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area {
        gap: 15px;
        max-width: 410px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area .footer-logo {
        min-width: 70px;
        max-width: 70px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area h2 {
        font-size: 30px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .contact-list {
        gap: 15px
    }
    .footer-section.style-7 .footer-menu-wrap .company-logo-area h4 {
        font-size: 25px
    }
    .home2-feature-section .feature-contact-banner .banner-content p {
        margin-bottom: 40px
    }
    .home2-feature-section .feature-contact-banner .banner-content .primary-btn2 {
        font-size: 15px;
        padding: 16px 19px
    }
    .home2-global-map-section .counter-wrap .single-counter .icon {
        min-width: 54px;
        max-width: 54px;
        height: 54px
    }
    .home2-global-map-section .counter-wrap .single-counter .icon svg {
        width: 50px
    }
    .home2-global-map-section .counter-wrap .single-counter .content .number {
        margin-bottom: 5px
    }
    .home2-global-map-section .counter-wrap .single-counter .content .number h2,
    .home2-global-map-section .counter-wrap .single-counter .content .number span {
        font-size: 34px
    }
    .home2-global-map-section .counter-wrap .single-counter .content p {
        font-size: 16px
    }
    .home2-transaction-section .transaction-tool-wrapper .logo-and-vector .company-logo-wrap .company-logo {
        width: 70px;
        height: 70px
    }
    .home2-transaction-section .transaction-tool-wrapper .logo-and-vector .vector {
        width: 410px
    }
    .testimonial-card2 .testimonial-content-wrap .company-logo {
        margin-bottom: 30px
    }
    .testimonial-card2 .testimonial-content-wrap .quote {
        top: 40px;
        right: 80px
    }
    .testimonial-card2.two .testimonial-content-wrap {
        padding: 25px 18px;
        min-height: 348px
    }
    .blog-card {
        padding: 5px
    }
    .blog-card .blog-content {
        padding: 25px 10px 20px
    }
    .blog-card .blog-content .blog-category a {
        margin-bottom: 10px
    }
    .blog-card .blog-content h4 {
        margin-bottom: 35px
    }
    .blog-card .blog-content h4 a {
        font-size: 21px
    }
    .home2-app-banner-section .banner-wrapper .banner-content {
        padding: 40px 0 40px 45px
    }
    .home2-app-banner-section .banner-wrapper .banner-img img {
        width: 280px
    }
    .home2-app-banner-section .banner-wrapper .banner-img .back-img {
        width: 270px
    }
    .home3-banner-section .banner-content-wrap .banner-content p {
        font-size: 15px;
        margin-bottom: 45px;
        max-width: 425px
    }
    .home3-banner-section .banner-content-wrap .banner-content .btn-and-counter-area {
        gap: 20px
    }
    .home3-banner-section .vector {
        left: 43%;
        bottom: 45%
    }
    .home3-about-section .about-feature-card.three {
        background-position: 20%
    }
    .portfolio-card .portfolio-content {
        padding: 30px 20px 35px
    }
    .portfolio-card .portfolio-content p {
        font-size: 14px
    }
    .home3-service-section .sevices-wrap .single-services .title-area h3 a {
        font-size: 26px
    }
    .testimonial-card3 .testimonial-content-wrap .author-area {
        gap: 10px
    }
    .testimonial-card3 .testimonial-content-wrap .quote {
        width: 60px
    }
    .blog-card2 .blog-img img {
        min-height: 320px;
        object-fit: cover;
        object-fit: cover
    }
    .blog-card2 .blog-content-wrap .blog-meta {
        margin-bottom: 10px;
        gap: 5px
    }
    .blog-card2 .blog-content-wrap .blog-meta li a {
        font-size: 13px
    }
    .blog-card2 .blog-content-wrap .blog-meta li svg {
        width: 20px
    }
    .blog-card2 .blog-content-wrap h3 a {
        font-size: 22px;
        line-height: 1.2
    }
    .blog-card2.two .blog-img {
        border-radius: 15px
    }
    .blog-card2.two .blog-img img {
        border-radius: 15px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area {
        gap: 20px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .content {
        padding: 18px 30px
    }
    .home3-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .content {
        padding: 18px 30px
    }
    .home3-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .icon {
        min-width: 52px;
        max-width: 52px;
        height: 52px
    }
    .home3-banner-section .banner-content-wrap .btn-and-counter-area .counter-area .icon {
        width: 52px;
        height: 52px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .icon {
        min-width: 52px;
        max-width: 52px;
        height: 52px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area .counter-area .icon {
        width: 52px;
        height: 52px
    }
    .home4-process-section .process-wrapper ul li .divider {
        right: -25px
    }
    .home4-counter-section .single-counter .conter-content .number h2,
    .home4-counter-section .single-counter .conter-content .number span {
        font-size: 40px
    }
    .home4-industry-section .industry-img.two ul li .counter-wrap {
        left: -20px
    }
    .testimonial-card4.two .testimonial-content p {
        font-size: 27px
    }
    .case-study-card2 .case-study-img img {
        max-height: 350px;
        width: 100%;
        object-fit: cover;
        object-fit: cover
    }
    .case-study-card2 .case-study-content-wrap {
        padding: 0
    }
    .case-study-card2 .case-study-content-wrap .case-study-content ul {
        margin-bottom: 25px;
        justify-content: start;
        gap: 30px
    }
    .case-study-card2.two .case-study-content-wrap {
        padding: 30px 20px
    }
    .case-study-card2.two .case-study-content-wrap .case-study-content h4 a {
        font-size: 27px
    }
    .case-study-card2.three .case-study-content-wrap {
        padding: 30px 20px
    }
    .home5-banner-section .banner-img-wrap .counter-area .counter-wrap {
        right: -20px;
        top: 58%
    }
    .home5-feature-section .about-area .content {
        padding: 35px 25px
    }
    .home5-service-section .service-wrapper .single-service:nth-child(2) .service-img {
        -webkit-mask-size: contain;
        mask-size: contain
    }
    .home5-service-section .service-wrapper .single-service:nth-child(3) .service-img {
        -webkit-mask-size: contain;
        mask-size: contain
    }
    .home5-service-section .service-wrapper .single-service:nth-child(4) .service-img {
        -webkit-mask-size: contain;
        mask-size: contain
    }
    .home5-process-section .process-wrapper .line {
        top: 31%
    }
    .blog-card3 .blog-content-wrap .blog-content {
        padding: 25px 20px 35px
    }
    .blog-card3 .blog-content-wrap .blog-content .blog-meta {
        margin-bottom: 15px;
        gap: 20px
    }
    .home6-banner-section .banner-wrapper .vector ul li img {
        max-width: 35px
    }
    .home6-feature-section .feature-card4 .social-area .social-wrapper {
        min-width: 240px;
        max-width: 240px;
        height: 240px
    }
    .home6-feature-section .feature-card4 .social-area .social-wrapper .social-list li .icon {
        width: 55px;
        height: 55px
    }
    .home6-feature-section .feature-card4 .social-area .social-wrapper .social-list li .icon img {
        width: 35px
    }
    .home6-feature-section .feature-card4.two .feature-content-wrap {
        padding: 30px 5px 15px
    }
    .home6-feature-section .feature-card4.two .feature-content-wrap .icon {
        margin-bottom: 50px
    }
    .home6-process-section .process-wrapper .process-list::before {
        width: 335px;
        height: 445px
    }
    .home6-process-section .process-wrapper .process-list .single-process .content p {
        font-size: 15px
    }
    .home7-banner-section .banner-content-wrap .title-area h1 {
        font-size: 45px;
        line-height: 1.3;
        margin-bottom: 25px
    }
    .home7-banner-section .banner-content-wrap .banner-content {
        gap: 25px
    }
    .home7-banner-section .banner-content-wrap .banner-content .content-and-btn-area p {
        margin-bottom: 40px
    }
    .portfolio-card2 .portfolio-img img {
        max-height: 360px;
        min-height: 360px
    }
    .portfolio-card2 .portfolio-content span a {
        margin-bottom: 8px
    }
    .portfolio-card2 .portfolio-content h4 a {
        font-size: 24px
    }
    .award-table.two tbody tr td:nth-child(2) {
        min-width: 300px
    }
    .pricing-plan-page .pricing-plan-card .pricing-plan-top .title-area {
        margin-bottom: 20px
    }
    .contact-page-top .single-contact .contact-list li .content h6 a {
        font-size: 21px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content .number {
        margin-bottom: 5px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content p {
        font-size: 17px;
        line-height: 24px
    }
    .social-responsibility-section .title-area .divider {
        height: 7px
    }
    .career-feature-section .single-feature .icon {
        margin-bottom: 20px
    }
    .career-page-position-section .single-position .title-area {
        margin-bottom: 40px
    }
    .career-page-position-section .single-position .info-area {
        padding-bottom: 20px
    }
    .career-page-position-section .single-position .info-area li .content strong {
        font-size: 16px
    }
    .career-details-page .career-details-sidebar {
        padding: 35px 20px
    }
    .career-details-page .career-details-sidebar h4 {
        font-size: 26px;
        margin-bottom: 20px
    }
    .career-details-page .career-details-sidebar p {
        margin-bottom: 20px
    }
    .career-details-page .career-details-sidebar .form-inner2 .form-check .form-check-label {
        font-size: 15px
    }
    .details-content-wrap .case-details-result-area .single-item svg {
        margin-bottom: 15px
    }
    .details-content-wrap.portfolio-details .listing.four li {
        gap: 8px;
        font-size: 16px
    }
    .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product {
        gap: 8px
    }
    .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img img {
        height: 76px;
        max-width: 72px;
        min-width: 72px
    }
    .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a {
        font-size: 16px
    }
    .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {
        padding-left: 20px
    }
    .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input {
        height: 48px
    }
    .product-details-page .product-description-and-review-area .tab-content2 .review-form {
        padding: 40px 20px
    }
    .case-study-details-sidebar .case-study-details-info-wrap {
        padding: 40px 25px
    }
    .case-study-details-sidebar .case-study-details-info-wrap table tbody tr td {
        font-size: 14px;
        padding-bottom: 20px
    }
    .case-study-details-sidebar .note-area .content {
        padding: 45px 15px 30px
    }
    .case-study-details-sidebar .note-area .content p {
        font-size: 17px
    }
    .case-study-details-sidebar .note-area .content ul {
        justify-content: start;
        gap: 15px
    }
    .case-study-details-sidebar .note-area .content ul li h6 {
        font-size: 16px
    }
    .team-page-counter-area .single-counter .number {
        margin-bottom: 13px
    }
    .team-page-counter-area .single-counter .number h2,
    .team-page-counter-area .single-counter .number span {
        font-size: 40px
    }
    .team-page-gallery-section .section-title.three p {
        font-size: 20px
    }
    .team-join-section .team-join-wrap .section-title.three p {
        font-size: 20px
    }
    .team-details-page .team-details-content ul li {
        font-size: 17px
    }
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(1),
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(5) {
        width: 75px;
        height: 75px
    }
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(1) img,
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(5) img {
        width: 75px;
        height: 75px
    }
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(2) {
        left: 10px
    }
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(3) {
        left: 10px
    }
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(4) {
        right: 10px
    }
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(5) {
        right: -20px
    }
    .about-page-testimonial-section .testimonial-wrap .img-list .single-img:nth-child(6) {
        right: 10px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content ul {
        gap: 10px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content ul li a {
        font-size: 15px
    }
    .portfolio-interactive-page .social-area .social-list {
        gap: 10px
    }
    .portfolio-interactive-page .social-area .social-list li a {
        font-size: 15px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content {
        padding: 30px 18px
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area {
        flex-direction: row;
        gap: 60px
    }
    .home2-transaction-section .transaction-tool-wrapper .logo-and-vector .vector {
        width: 410px
    }
    .footer-section.style-5 .footer-menu-wrap .company-logo-and-location-area {
        flex-direction: row;
        gap: 60px
    }
    .blog-card .blog-content h4 a {
        font-size: 23px
    }
    .home3-banner-section .banner-content-wrap .banner-content h1 {
        font-size: 55px
    }
    .case-study-card2.two .case-study-img img {
        min-height: 300px
    }
    .case-study-card2.two .case-study-content-wrap {
        padding: 25px 15px
    }
    .case-study-card2.two .case-study-content-wrap .case-study-content h4 a {
        font-size: 24px
    }
    .case-study-card2.three .case-study-img img {
        min-height: 280px
    }
    .case-study-card2.three .case-study-content-wrap {
        padding: 25px 15px
    }
    .team-card .team-content h5 a {
        font-size: 20px
    }
    .career-page-position-section .section-title p {
        max-width: 340px
    }
    .team-card2 .team-content h5 a {
        font-size: 20px
    }
}

@media (min-width:576px) and (max-width:768px) {
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a {
        padding: 13px 17px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a {
        padding: 12px 15px
    }
    .home2-global-map-section .counter-wrap .single-counter .content p {
        font-size: 14px
    }
    .portfolio-card .portfolio-img-wrap .portfolio-img img {
        max-height: 300px;
        min-height: 300px
    }
    .blog-card2 .blog-content-wrap .blog-meta li a {
        font-size: 13px
    }
    .blog-card2 .blog-content-wrap .blog-meta li svg {
        width: 25px
    }
    .blog-card2 .blog-content-wrap h3 a {
        font-size: 22px
    }
    .case-study-card2 .case-study-content-wrap .case-study-content h4 a {
        font-size: 24px
    }
    .case-study-card2 .case-study-content-wrap .case-study-content ul {
        gap: 8px
    }
    .case-study-card2 .case-study-content-wrap .case-study-content ul li h6 {
        font-size: 16px
    }
    .details-content-wrap .post-title-and-tag .tag-list {
        gap: 13px
    }
}

@media (min-width:1600px) {
    .product-details-page .product-details-img .nav-pills .nav-item {
        max-width: 156px;
        min-width: 156px;
        max-height: 107px
    }
    .product-details-page .product-details-img .nav-pills .nav-item .nav-link img {
        max-width: 156px;
        min-width: 156px;
        max-height: 107px
    }
}

@media (min-width:992px) {
    header.style-1 .main-menu>ul>li:first-child {
        padding-left: 0
    }
    header.style-1 .main-menu>ul>li:first-child a {
        padding-left: 0
    }
    header.style-1 .main-menu>ul>li:last-child {
        padding-right: 0
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-1 .main-menu>ul>li:hover>ul.sub-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-1 .main-menu>ul>li:hover .mega-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-1 .main-menu>ul>li:hover .mega-menu2 {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-2 .main-menu>ul>li:first-child {
        padding-left: 0
    }
    header.style-2 .main-menu>ul>li:first-child a {
        padding-left: 0
    }
    header.style-2 .main-menu>ul>li:last-child {
        padding-right: 0
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-2 .main-menu>ul>li:hover>ul.sub-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-2 .main-menu>ul>li:hover .mega-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-2 .main-menu>ul>li:hover .mega-menu2 {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-3 .main-menu>ul>li:first-child {
        padding-left: 0
    }
    header.style-3 .main-menu>ul>li:last-child {
        padding-right: 0
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-3 .main-menu>ul>li:hover>ul.sub-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-3 .main-menu>ul>li:hover .mega-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-3 .main-menu>ul>li:hover .mega-menu2 {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-3.portfolio .main-menu>ul>li:hover i {
        color: var(--black-color2);
        font-size: 20px
    }
    header.style-3.portfolio .main-menu>ul>li>a {
        color: var(--white-color)
    }
    header.style-3.portfolio .main-menu>ul>li i.active {
        color: var(--white-color)
    }
    header.style-3.portfolio .main-menu>ul>li:hover>a {
        border-color: var(--white-color)
    }
    header.style-3.portfolio .main-menu>ul>li:hover .dropdown-icon2 {
        color: var(--primary-color3)
    }
    header.style-3.portfolio .main-menu>ul>li:hover.menu-item-has-children>a::before {
        color: var(--white-color)
    }
    header.style-3.portfolio .main-menu>ul>li.current-menu-item>a,
    header.style-3.portfolio .main-menu>ul>li.current_page_item>a,
    header.style-3.portfolio .main-menu>ul>li.current-menu-ancestor>a,
    header.style-3.portfolio .main-menu>ul>li.current-menu-parent>a,
    header.style-3.portfolio .main-menu>ul>li.current_page_parent>a,
    header.style-3.portfolio .main-menu>ul>li.current_page_ancestor>a,
    header.style-3.portfolio .main-menu>ul>li.active>a {
        color: var(--white-color);
        border-color: var(--white-color)
    }
    header.style-3.portfolio .main-menu>ul>li.current-menu-item i,
    header.style-3.portfolio .main-menu>ul>li.current_page_item i,
    header.style-3.portfolio .main-menu>ul>li.current-menu-ancestor i,
    header.style-3.portfolio .main-menu>ul>li.current-menu-parent i,
    header.style-3.portfolio .main-menu>ul>li.current_page_parent i,
    header.style-3.portfolio .main-menu>ul>li.current_page_ancestor i,
    header.style-3.portfolio .main-menu>ul>li.active i {
        color: var(--primary-color3)
    }
    header.style-3.portfolio .main-menu>ul>li.current-menu-item .dropdown-icon2,
    header.style-3.portfolio .main-menu>ul>li.current_page_item .dropdown-icon2,
    header.style-3.portfolio .main-menu>ul>li.current-menu-ancestor .dropdown-icon2,
    header.style-3.portfolio .main-menu>ul>li.current-menu-parent .dropdown-icon2,
    header.style-3.portfolio .main-menu>ul>li.current_page_parent .dropdown-icon2,
    header.style-3.portfolio .main-menu>ul>li.current_page_ancestor .dropdown-icon2,
    header.style-3.portfolio .main-menu>ul>li.active .dropdown-icon2 {
        color: var(--primary-color3)
    }
    header.style-3.portfolio .main-menu>ul>li.current-menu-item.menu-item-has-children>a::before,
    header.style-3.portfolio .main-menu>ul>li.current_page_item.menu-item-has-children>a::before,
    header.style-3.portfolio .main-menu>ul>li.current-menu-ancestor.menu-item-has-children>a::before,
    header.style-3.portfolio .main-menu>ul>li.current-menu-parent.menu-item-has-children>a::before,
    header.style-3.portfolio .main-menu>ul>li.current_page_parent.menu-item-has-children>a::before,
    header.style-3.portfolio .main-menu>ul>li.current_page_ancestor.menu-item-has-children>a::before,
    header.style-3.portfolio .main-menu>ul>li.active.menu-item-has-children>a::before {
        color: var(--white-color)
    }
    header.style-4 .main-menu>ul>li:first-child {
        padding-left: 0
    }
    header.style-4 .main-menu>ul>li:last-child {
        padding-right: 0
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-4 .main-menu>ul>li:hover>ul.sub-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-4 .main-menu>ul>li:hover .mega-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-4 .main-menu>ul>li:hover .mega-menu2 {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-5 .main-menu>ul>li:first-child {
        padding-left: 0
    }
    header.style-5 .main-menu>ul>li:last-child {
        padding-right: 0
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-5 .main-menu>ul>li:hover>ul.sub-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-5 .main-menu>ul>li:hover .mega-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-5 .main-menu>ul>li:hover .mega-menu2 {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-6 .main-menu>ul>li:first-child {
        padding-left: 0
    }
    header.style-6 .main-menu>ul>li:last-child {
        padding-right: 0
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li:hover>.sub-menu {
        display: block;
        animation: fade-down 0.45s linear
    }
    header.style-6 .main-menu>ul>li:hover>ul.sub-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-6 .main-menu>ul>li:hover .mega-menu {
        display: block;
        animation: fade-down 0.3s linear
    }
    header.style-6 .main-menu>ul>li:hover .mega-menu2 {
        display: block;
        animation: fade-down 0.3s linear
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu>ul>li:first-child {
        padding-left: 0
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu>ul>li:last-child {
        padding-right: 0
    }
}

@media (max-width:1799px) {
    .home3-banner-section .banner-content-wrap .banner-content {
        padding-left: 85px
    }
    .home3-banner-section .vector {
        left: 46%
    }
    .home3-process-section .founder-area .quote {
        margin-left: -50px
    }
    .home5-banner-section .banner-content {
        margin-left: 21%
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content {
        padding: 130px 20px
    }
}

@media (max-width:1699px) {
    header.style-3 {
        padding: 0px 30px
    }
    header.style-3 .menu-wrap {
        gap: 10px
    }
    header.style-4 .menu-wrap {
        gap: 50px
    }
    header.style-6 .menu-wrap {
        gap: 50px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img {
        right: -155px
    }
    .home3-banner-section .banner-content-wrap .banner-content {
        padding-left: 65px
    }
    .home3-process-section .founder-area .quote {
        margin-left: -45px
    }
    .home5-banner-section .banner-content {
        margin-left: 20%
    }
}

@media (max-width:1399px) {
    .section-title.three h2 {
        font-size: 50px
    }
    .section-title.three p {
        margin-left: 90px
    }
    .section-title.four h2 {
        font-size: 50px
    }
    header.style-1 .main-menu>ul {
        padding: 0 26px
    }
    header.style-1 .main-menu>ul>li {
        padding: 0 18px
    }
    header.style-1 .main-menu>ul>li .mega-menu .single-menu-item h5 a {
        font-size: 21px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .title-area {
        margin-bottom: 30px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 32px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 25px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 25px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 20px;
        gap: 12px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content {
        padding: 25px 10px 0 10px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        gap: 25px
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 80px
    }
    header.style-2 .company-logo-and-contact-area {
        gap: 20px
    }
    header.style-2 .nav-right {
        gap: 30px
    }
    header.style-2 .menu-and-btn-area {
        gap: 30px
    }
    header.style-2 .main-menu>ul {
        padding: 0 26px
    }
    header.style-2 .main-menu>ul>li {
        padding: 0 18px
    }
    header.style-2 .main-menu>ul>li .mega-menu .single-menu-item h5 a {
        font-size: 21px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .title-area {
        margin-bottom: 30px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 32px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 25px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 25px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 20px;
        gap: 12px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content {
        padding: 25px 10px 0 10px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        gap: 25px
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 80px
    }
    header.style-3 {
        padding: 10px 25px
    }
    header.style-3 .menu-wrap {
        gap: 30px
    }
    header.style-3 .main-menu>ul>li {
        padding: 0px 0px
    }
    header.style-3 .main-menu>ul>li .mega-menu .single-menu-item h5 a {
        font-size: 21px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .title-area {
        margin-bottom: 30px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 32px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 25px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 25px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 20px;
        gap: 12px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content {
        padding: 25px 10px 0 10px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        gap: 25px
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 80px
    }
    header.style-4 .menu-wrap {
        gap: 25px
    }
    header.style-4 .main-menu>ul>li {
        padding: 12px 5px
    }
    header.style-4 .main-menu>ul>li .mega-menu .single-menu-item h5 a {
        font-size: 21px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .title-area {
        margin-bottom: 30px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 32px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 25px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 25px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 20px;
        gap: 12px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content {
        padding: 25px 10px 0 10px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        gap: 25px
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 80px
    }
    header.style-5 .main-menu>ul>li {
        padding: 13px 5px
    }
    header.style-5 .main-menu>ul>li .mega-menu .single-menu-item h5 a {
        font-size: 21px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .title-area {
        margin-bottom: 30px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 32px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 25px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 25px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 20px;
        gap: 12px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content {
        padding: 25px 10px 0 10px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        gap: 25px
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 80px
    }
    header.style-6 .menu-wrap {
        gap: 30px
    }
    header.style-6 .main-menu>ul>li>a {
        padding: 6px 8px
    }
    header.style-6 .main-menu>ul>li .mega-menu .single-menu-item h5 a {
        font-size: 21px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .title-area {
        margin-bottom: 30px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 32px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 25px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 25px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 20px;
        gap: 12px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content {
        padding: 25px 10px 0 10px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        gap: 25px
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 80px
    }
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 70px 0 70px 45px
    }
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 65px
    }
    .home1-banner-section .banner-wrapper .banner-content h2 {
        font-size: 65px
    }
    .home1-banner-section .banner-wrapper .banner-content .btn-and-rating-area {
        gap: 30px
    }
    .home1-banner-section .banner-wrapper .bannner-img-wrap .banner-img-bg {
        object-fit: cover;
        object-fit: cover;
        object-position: left;
        object-position: left
    }
    .home1-banner-section .banner-wrapper .bannner-img-wrap {
        margin-top: 20px
    }
    .home1-feature-section .feature-card-area .company-icon-and-arrow .arrow svg {
        width: 870px
    }
    .home1-process-section .process-wrapper .process-slider-area .line {
        width: 1000px
    }
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content {
        padding: 35px 25px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img {
        right: -70px
    }
    .contact-form-wrap.style-2 {
        padding: 60px 65px 65px
    }
    .home1-company-info-section .feature-wrap .title-area {
        padding: 25px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area {
        gap: 20px;
        max-width: 530px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area h2 {
        font-size: 32px
    }
    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap {
        padding: 110px 0 65px 70px
    }
    .footer-section.style-3 .footer-menu-wrap .footer-menu {
        padding: 60px 0 160px 70px
    }
    .footer-section.style-5 .footer-menu-wrap .footer-contact-wrap {
        padding: 110px 0 65px 70px
    }
    .footer-section.style-5 .footer-menu-wrap .footer-menu {
        padding: 60px 0 160px 70px
    }
    .footer-section.style-6 .footer-top-area {
        padding: 50px 40px
    }
    .footer-section.style-6 .footer-top-area .footer-top-left-content h2 {
        font-size: 33px
    }
    .footer-section.style-7 .footer-top h2 {
        font-size: 63px
    }
    .home2-banner-section .banner-content h1 {
        font-size: 55px;
        margin-bottom: 20px
    }
    .home2-banner-section .banner-content p {
        margin-bottom: 55px
    }
    .home2-banner-section .banner-img-wrap .card-img {
        left: -10px
    }
    .home2-banner-section .banner-img-wrap .card-img img {
        width: 370px
    }
    .home2-global-map-section .counter-wrap .single-counter .content .number h2,
    .home2-global-map-section .counter-wrap .single-counter .content .number span {
        font-size: 42px
    }
    .blog-card .blog-content {
        padding: 30px 10px 25px
    }
    .blog-card .blog-content h4 {
        margin-bottom: 40px
    }
    .blog-card .blog-content h4 a {
        font-size: 25px
    }
    .home2-app-banner-section .banner-wrapper .banner-img {
        margin-left: 20px
    }
    .home3-banner-section .banner-content-wrap .banner-content {
        padding-left: 35px
    }
    .home3-banner-section .banner-content-wrap .banner-content h1 {
        font-size: 60px
    }
    .home3-banner-section .vector {
        bottom: 40%
    }
    .home3-about-section .about-feature-card .card-content h2,
    .home3-about-section .about-feature-card .card-content span {
        font-size: 50px
    }
    .home3-service-section .sevices-wrap .single-services .title-area {
        gap: 25px
    }
    .home3-process-section .process-wrapper .process-card2.three {
        margin-left: 80px;
        margin-top: 15px
    }
    .home3-process-section .founder-area .quote {
        margin-left: -35px
    }
    .blog-card2.three .blog-content-wrap {
        padding: 35px 0 0 130px
    }
    .home4-industry-section .industry-img.two ul li .counter-wrap {
        left: -30px
    }
    .testimonial-card4.two .testimonial-content {
        padding: 42px 25px
    }
    .case-study-card2.three .case-study-content-wrap {
        padding: 30px 25px
    }
    .home5-banner-section .banner-content {
        margin-left: 6%;
        padding: 150px 0 105px 0
    }
    .home5-banner-section .banner-content h1 {
        font-size: 60px;
        margin-bottom: 45px
    }
    .home5-banner-section .banner-img-wrap .counter-area .counter-wrap {
        right: -30px
    }
    .home5-about-section .about-wrapper::after {
        right: 2%
    }
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area .number h2,
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area .number span {
        font-size: 48px
    }
    .home5-process-section .process-wrapper .line {
        width: 1150px
    }
    .home6-banner-section .banner-wrapper .banner-content .sub-title span {
        font-size: 22px
    }
    .home6-banner-section .banner-wrapper .banner-content h1 {
        font-size: 58px
    }
    .home6-banner-section .banner-wrapper .vector svg {
        width: 1100px
    }
    .home6-banner-section .banner-wrapper .vector ul li:nth-child(2) {
        left: -20px
    }
    .home6-banner-section .banner-wrapper .vector ul li:nth-child(5) {
        right: -20px
    }
    .home6-feature-section .feature-card4.two .feature-content-wrap {
        padding: 40px 15px 25px
    }
    .home6-feature2-section .feature-wrapper .feature-area .line {
        height: 512px
    }
    .home7-banner-section .banner-content-wrap .title-area h1 {
        font-size: 62px
    }
    .home7-banner-section .banner-img-wrap .banner-img>img {
        max-width: 390px
    }
    .home7-about-section .skill-area .skill-list.active {
        margin-left: 30px
    }
    .breadcrumb-section .banner-content h1 {
        font-size: 55px
    }
    .industries-page-banner .banner-content-wrap .banner-title h2 {
        font-size: 42px
    }
    .service-page-banner-section .banner-img-wrap .banner-img {
        -webkit-mask-size: contain;
        mask-size: contain
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area {
        min-width: 235px;
        max-width: 235px;
        min-height: 180px;
        max-height: 180px;
        padding: 30px 40px
    }
    .service-page-banner-section .banner-content-wrap .banner-title h2 {
        font-size: 42px
    }
    .social-responsibility-section .title-area h2 {
        font-size: 52px
    }
    .social-responsibility-contact-section .social-responsibility-contact-wrap .image-grp.two {
        right: 80px
    }
    .career-page-position-section .single-position {
        padding: 40px 25px 45px
    }
    .career-details-page .career-details-sidebar {
        padding: 40px 30px
    }
    .details-content-wrap .post-title-and-tag h2 {
        font-size: 50px
    }
    .details-content-wrap .single-service {
        padding: 18px 20px;
        height: 100%
    }
    .details-content-wrap .single-service h5 {
        font-size: 17px
    }
    .details-content-wrap .testimonial-area {
        padding: 90px 25px
    }
    .details-content-wrap.portfolio-details .post-thumb .portfolio-details-info-area {
        padding: 25px
    }
    .details-content-wrap.portfolio-details .post-thumb .portfolio-details-info-area .info-box {
        gap: 20px;
        row-gap: 15px
    }
    .details-content-wrap.portfolio-details .post-thumb .portfolio-details-info-area .info-box .info-item strong {
        max-width: 120px
    }
    .comment-and-form-area .comment-respond {
        padding: 55px 60px 60px
    }
    .details-pagination.two .single-pagination .content h2 a {
        font-size: 32px
    }
    .shop-page .shop-sidebar .single-widgets {
        padding: 35px 20px
    }
    .product-details-page .product-details-img .nav-pills {
        gap: 15px
    }
    .product-details-page .product-details-img .nav-pills .nav-item {
        max-width: 140px;
        min-width: 140px;
        max-height: 107px
    }
    .product-details-page .product-details-img .nav-pills .nav-item .nav-link img {
        max-width: 140px;
        min-width: 140px;
        max-height: 107px
    }
    .case-study-details-sidebar .case-study-details-info-wrap {
        padding: 50px 30px
    }
    .team-page-counter-area .single-counter .number h2,
    .team-page-counter-area .single-counter .number span {
        font-size: 42px
    }
    .team-page-content-banner.style-2 .banner-wrapper {
        padding: 70px 50px
    }
    .team-page-content-banner.style-2 h2 {
        font-size: 42px
    }
    .team-page-content-banner.style-3 .banner-wrapper {
        padding: 70px 50px
    }
    .team-page-content-banner.style-3 h2 {
        font-size: 42px
    }
    .team-details-page .team-details-content .name-designation-area h2 {
        font-size: 50px
    }
    .about-page-banner-section .banner-content-wrap .title-area h2 {
        font-size: 42px
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area {
        max-width: 450px
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 62px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content {
        padding: 110px 20px 70px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area {
        max-width: 450px;
        margin-bottom: 90px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area h1 a {
        font-size: 65px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area {
        max-width: 460px;
        margin-bottom: 0
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 60px
    }
    .portfolio-interactive-page .nav-pills {
        margin-bottom: 40px
    }
    .portfolio-interactive-page .interactive-list .interactive-item {
        font-size: 45px
    }
    .portfolio-interactive-page .social-area {
        padding-top: 80px
    }
    .portfolio-interactive-page .social-area .social-list {
        gap: 15px
    }
}

@media (max-width:1199px) {
    .pl-110 {
        padding-left: unset
    }
    .mb-65 {
        margin-bottom: 55px
    }
    .mb-60 {
        margin-bottom: 50px
    }
    .mb-40 {
        margin-bottom: 30px
    }
    .mt-65 {
        margin-top: 55px
    }
    .section-title h2 {
        font-size: 38px
    }
    .section-title.three h2 {
        font-size: 45px
    }
    .section-title.three p {
        margin-left: 70px
    }
    .section-title.four h2 {
        font-size: 45px
    }
    header.style-1 .nav-right {
        gap: 25px
    }
    header.style-1 .main-menu>ul>li ul.sub-menu {
        box-shadow: none
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu {
        box-shadow: none
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-1 .main-menu>ul>li .mega-menu {
        max-height: 570px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-1 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-1 .main-menu>ul>li .mega-menu .single-menu-item .home-img {
        margin-bottom: 15px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 30px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 19px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        margin-bottom: 15px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 {
        margin-bottom: 30px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 a {
        font-size: 21px
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 70px
    }
    header.style-2 .main-menu>ul>li ul.sub-menu {
        box-shadow: none
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu {
        box-shadow: none
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-2 .main-menu>ul>li .mega-menu {
        max-height: 570px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-2 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-2 .main-menu>ul>li .mega-menu .single-menu-item .home-img {
        margin-bottom: 15px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 30px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 19px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        margin-bottom: 15px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 {
        margin-bottom: 30px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 a {
        font-size: 21px
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 70px
    }
    header.style-3 .nav-right {
        gap: 20px
    }
    header.style-3 .main-menu>ul>li ul.sub-menu {
        box-shadow: none
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu {
        box-shadow: none
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-3 .main-menu>ul>li .mega-menu {
        max-height: 570px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-3 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-3 .main-menu>ul>li .mega-menu .single-menu-item .home-img {
        margin-bottom: 15px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 30px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 19px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        margin-bottom: 15px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 {
        margin-bottom: 30px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 a {
        font-size: 21px
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 70px
    }
    header.style-4 .nav-right {
        gap: 20px
    }
    header.style-4 .main-menu>ul>li ul.sub-menu {
        box-shadow: none
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu {
        box-shadow: none
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-4 .main-menu>ul>li .mega-menu {
        max-height: 570px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-4 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-4 .main-menu>ul>li .mega-menu .single-menu-item .home-img {
        margin-bottom: 15px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 30px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 19px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        margin-bottom: 15px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 {
        margin-bottom: 30px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 a {
        font-size: 21px
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 70px
    }
    header.style-5 .nav-right {
        gap: 20px
    }
    header.style-5 .main-menu>ul>li ul.sub-menu {
        box-shadow: none
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu {
        box-shadow: none
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-5 .main-menu>ul>li .mega-menu {
        max-height: 570px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-5 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-5 .main-menu>ul>li .mega-menu .single-menu-item .home-img {
        margin-bottom: 15px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 30px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 19px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        margin-bottom: 15px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 {
        margin-bottom: 30px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 a {
        font-size: 21px
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 70px
    }
    header.style-6 .nav-right {
        gap: 20px
    }
    header.style-6 .main-menu>ul>li ul.sub-menu {
        box-shadow: none
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu {
        box-shadow: none
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        box-shadow: none
    }
    header.style-6 .main-menu>ul>li .mega-menu {
        max-height: 570px;
        overflow-y: auto;
        padding: 50px 0
    }
    header.style-6 .main-menu>ul>li .mega-menu::-webkit-scrollbar {
        display: none
    }
    header.style-6 .main-menu>ul>li .mega-menu .single-menu-item .home-img {
        margin-bottom: 15px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .title-area h2 {
        font-size: 30px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li>a {
        font-size: 19px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content .blog-meta {
        margin-bottom: 15px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 {
        margin-bottom: 30px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-blog-card .blog-content h5 a {
        font-size: 21px
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 70px
    }
    .right-sidebar-menu .sidebar-logo-area {
        margin-bottom: 0
    }
    .right-sidebar-menu .sidebar-content-wrap h3 {
        margin-bottom: 50px
    }
    .right-sidebar-menu .sidebar-content-wrap .address-area {
        margin-bottom: 60px
    }
    .right-sidebar-menu .sidebar-content-wrap .sidebar-bottom-area .subscribe-area {
        margin-bottom: 60px
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu>ul>li ul.sub-menu>li .sub-menu {
        box-shadow: none
    }
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 70px 0 70px 20px
    }
    .partner-area .partner-wrap .marquee {
        gap: 40px
    }
    .partner-area .partner-wrap .marquee .marquee__group {
        gap: 40px
    }
    .partner-area .partner-wrap .marquee .marquee__group a img {
        width: 155px;
        border-radius: 10px;
        --tw-shadow: 0px 150px 42px 0px rgba(0, 0, 0, 0.00), 0px 96px 38px 0px rgba(0, 0, 0, 0.01), 0px 6px 13px 0px rgba(0, 0, 0, 0.10) !important;
        --tw-shadow-colored: 0px 150px 42px 0px var(--tw-shadow-color), 0px 96px 38px 0px var(--tw-shadow-color), 0px 6px 13px 0px var(--tw-shadow-color) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }
    .partner-area.two .partner-wrap {
        padding: 60px 20px 45px
    }
    .home1-process-section .process-wrapper .process-slider-area .line {
        width: 900px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a span {
        font-size: 26px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span {
        font-size: 26px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img {
        right: -20px
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 70px
    }
    .testimonial-card.two {
        padding: 60px 40px
    }
    .case-study-card .case-study-card-content ul li::before {
        left: -35px
    }
    .contact-form-wrap.style-2 .section-title.three h2 {
        font-size: 42px
    }
    .footer-section .logo-and-sevice-menu-wrap {
        padding: 27px 25px
    }
    .footer-section .logo-and-sevice-menu-wrap .service-list {
        gap: 25px
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area {
        padding: 90px 0 70px
    }
    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap {
        padding: 90px 0 65px 50px
    }
    .footer-section.style-3 .footer-menu-wrap .footer-menu {
        padding: 60px 0 130px 50px
    }
    .footer-section.style-4 .location-list {
        gap: 50px
    }
    .footer-section.style-5 .footer-menu-wrap .company-logo-and-location-area {
        padding: 90px 0 70px
    }
    .footer-section.style-5 .footer-menu-wrap .footer-contact-wrap {
        padding: 90px 0 65px 50px
    }
    .footer-section.style-5 .footer-menu-wrap .footer-menu {
        padding: 60px 0 130px 50px
    }
    .footer-section.style-6 .footer-top-area {
        padding: 50px 30px;
        margin-top: 90px
    }
    .footer-section.style-6 .footer-top-area .footer-top-right-content .email-area {
        min-width: 450px
    }
    .footer-section.style-7 {
        padding-top: 90px
    }
    .footer-section.style-7 .footer-top h2 {
        font-size: 60px;
        line-height: 1.2
    }
    .footer-section.style-7 .footer-top .mail-area {
        min-width: 460px
    }
    .footer-section.style-7 .footer-menu-wrap {
        padding: 90px 0 70px
    }
    .home2-banner-section .banner-content h1 {
        font-size: 48px
    }
    .home2-banner-section .banner-img-wrap .card-img {
        left: -20px
    }
    .home2-banner-section .banner-img-wrap .card-img img {
        width: 310px
    }
    .home2-feature-section .feature-contact-banner .banner-img {
        right: 50px;
        bottom: 55px
    }
    .home2-global-map-section .section-title {
        margin-bottom: 160px
    }
    .home2-feature-slider-section .feature-content-wrap .section-title {
        margin-bottom: 35px
    }
    .home2-app-banner-section .banner-wrapper .banner-img {
        margin-left: 10px
    }
    .home3-banner-section .banner-content-wrap .banner-content {
        padding-left: 0
    }
    .home3-banner-section .banner-content-wrap .banner-content h1 {
        font-size: 50px;
        line-height: 1.2
    }
    .home3-banner-section .banner-content-wrap .social-list {
        display: none
    }
    .home3-service-section .sevices-wrap .single-services .title-area {
        gap: 15px
    }
    .home3-service-section .sevices-wrap .single-services .content .tag-list {
        padding-top: 20px
    }
    .home3-process-section .process-wrapper .process-card-area .vector {
        display: none
    }
    .home3-process-section .process-wrapper .process-card2.two {
        margin-top: 0
    }
    .home3-process-section .process-wrapper .process-card2.three {
        margin-top: 0;
        margin-left: 0
    }
    .home3-process-section .founder-area .quote {
        margin-left: -20px
    }
    .blog-card2 .blog-content-wrap h3 {
        margin-bottom: 70px;
        line-height: 1.2
    }
    .blog-card2.two .blog-content-wrap {
        padding-top: 25px
    }
    .blog-card2.two .blog-content-wrap .blog-meta {
        margin-bottom: 15px
    }
    .blog-card2.three .blog-content-wrap {
        padding: 35px 0 0 90px;
        max-width: 680px
    }
    .blog-card2.three .blog-content-wrap h3 a {
        font-size: 33px
    }
    .home4-industry-section .industry-list .details-btn {
        padding-top: 35px
    }
    .testimonial-card4 .testimonial-content .quote {
        width: 90px;
        right: 50px;
        bottom: 30px
    }
    .case-study-card2 .case-study-content-wrap .case-study-content h4 {
        margin-bottom: 20px
    }
    .case-study-card2.two .case-study-img img {
        min-height: 350px
    }
    .case-study-card2.two .case-study-content-wrap {
        padding: 30px 25px;
        gap: 35px
    }
    .case-study-card2.two .case-study-content-wrap .case-study-content h4 a {
        font-size: 30px
    }
    .case-study-card2.two .case-study-content-wrap .case-study-content ul {
        gap: 40px
    }
    .case-study-card2.three .case-study-content-wrap {
        padding: 30px 25px;
        gap: 35px
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(3) {
        left: -28%
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(4) {
        right: -28%
    }
    .home5-banner-section .banner-content {
        margin-left: 30px;
        padding: 130px 0 80px 0
    }
    .home5-banner-section .banner-content h1 {
        font-size: 55px;
        margin-bottom: 40px
    }
    .home5-banner-section .banner-content .btn-and-rating-area {
        gap: 30px
    }
    .home5-about-section .about-wrapper::after {
        display: none
    }
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area {
        margin-bottom: 45px
    }
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area .number h2,
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area .number span {
        font-size: 45px
    }
    .home5-process-section .process-wrapper .line {
        width: 960px
    }
    .home5-award-section .award-content-wrap .line {
        width: 100%
    }
    .blog-card3 .blog-content-wrap .blog-content {
        padding: 30px 20px 40px
    }
    .blog-card3 .blog-content-wrap .blog-content h4 a {
        font-size: 25px
    }
    .blog-card3 .blog-content-wrap .read-more-btn {
        padding-left: 20px
    }
    .home6-banner-section .banner-wrapper .banner-content .sub-title span {
        font-size: 22px
    }
    .home6-banner-section .banner-wrapper .banner-content h1 {
        font-size: 52px
    }
    .home6-banner-section .banner-wrapper .vector svg {
        width: 870px;
        height: 100%
    }
    .home6-banner-section .banner-wrapper .vector ul li:nth-child(2) {
        top: 15%
    }
    .home6-banner-section .banner-wrapper .vector ul li:nth-child(5) {
        top: 15%
    }
    .home6-feature2-section .feature-wrapper .feature-area .line {
        height: 362px
    }
    .home6-feature2-section .feature-wrapper .single-feature .feature-content-wrap .feature-content .primary-btn3 {
        margin-top: 45px
    }
    .home6-counter-section .vector {
        width: 900px;
        bottom: -237px
    }
    .home6-counter-section .divider:nth-child(1)::before {
        right: 0
    }
    .home6-counter-section .divider:nth-child(3)::before {
        right: 0
    }
    .home7-about-section .skill-area .skill-list .single-skill .content {
        padding-top: 45px
    }
    .home7-about-section .skill-area .skill-list .single-skill .content h4 {
        font-size: 26px
    }
    .portfolio-card2 .portfolio-content {
        margin-top: 20px
    }
    .portfolio-card2.two .portfolio-content {
        padding-left: 30px
    }
    .home7-service-section .service-wrapper .service-list .single-service .vector {
        right: 5%
    }
    .home7-award-section .vector {
        margin-top: 40px
    }
    .breadcrumb-section {
        padding-top: 70px
    }
    .breadcrumb-section .banner-content h1 {
        font-size: 52px;
        margin-bottom: 30px
    }
    .portfolio-caption-card .portfolio-caption-img img {
        max-height: 480px;
        min-height: 480px
    }
    .portfolio-caption-card .info-flow-content h6 a {
        padding: 7px 15px;
        font-size: 18px
    }
    .industries-page-banner .banner-content-wrap .vector {
        width: 100%
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area {
        min-width: 200px;
        max-width: 200px;
        min-height: 150px;
        max-height: 150px;
        padding: 30px 20px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content .number h2,
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content .number span {
        font-size: 36px
    }
    .service2-page .service-card4 .icon {
        margin-bottom: 40px
    }
    .award-page-banner .single-counter .number {
        margin-bottom: 15px
    }
    .award-page-banner .single-counter .number h2,
    .award-page-banner .single-counter .number span {
        font-size: 42px
    }
    .award-page-banner .single-counter .arrow {
        top: 25px;
        right: 25px
    }
    .social-responsibility-section .title-area h2 {
        font-size: 50px
    }
    .social-responsibility-contact-section .social-responsibility-contact-wrap .image-grp.two {
        right: 50px
    }
    .career-page-position-section .single-position {
        padding: 35px 20px 40px
    }
    .career-page-position-section .single-position .title-area h4 {
        font-size: 25px
    }
    .career-details-page .career-details-content h4 {
        font-size: 32px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body {
        padding: 45px 90px 50px
    }
    .details-content-wrap .post-thumb .slider-btn-grp .slider-btn {
        min-width: 45px;
        max-width: 45px;
        height: 45px;
        left: 30px
    }
    .details-content-wrap .post-thumb .slider-btn-grp .slider-btn.post-slider-next {
        right: 30px
    }
    .details-content-wrap .post-title-and-tag h2 {
        font-size: 47px
    }
    .details-content-wrap .single-service h5 {
        font-size: 16px
    }
    .details-content-wrap .case-details-result-area .single-item {
        padding: 30px 25px
    }
    .details-content-wrap .testimonial-area {
        padding: 80px 25px
    }
    .details-content-wrap.portfolio-details .post-title-and-tag {
        margin-bottom: 60px
    }
    .comment-and-form-area .comment-title {
        font-size: 32px
    }
    .comment-and-form-area .comment-respond {
        padding: 45px 40px 50px
    }
    .details-pagination {
        padding: 35px 25px
    }
    .details-pagination .single-pagination .content h6 a {
        font-size: 20px
    }
    .details-pagination.two .single-pagination .content h2 a {
        font-size: 28px
    }
    .case-study-details-sidebar .case-study-details-info-wrap table {
        margin-bottom: 50px
    }
    .team-page-content-banner .banner-content p {
        margin-bottom: 55px
    }
    .team-page-content-banner.style-2 .banner-wrapper {
        padding: 60px 30px
    }
    .team-page-content-banner.style-2 .banner-wrapper .vector {
        left: 30px
    }
    .team-page-content-banner.style-3 .banner-wrapper {
        padding: 60px 30px
    }
    .team-page-content-banner.style-3 .banner-wrapper .vector {
        left: 30px
    }
    .team-page-gallery-section .section-title {
        min-width: 340px
    }
    .team-join-section .team-join-wrap .btn-area {
        margin-top: 60px
    }
    .team-card2 .vector {
        top: -40px;
        right: -8px
    }
    .team-card2 .vector svg {
        width: 70px
    }
    .team-details-page .line-break {
        height: 15px
    }
    .team-details-page .team-details-content .name-designation-area h2 {
        font-size: 45px
    }
    .about-page-banner-section .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 55px
    }
    .about-page-counter-section .counter-wrapper .divider:nth-child(3)::before {
        right: 0
    }
    .about-page-gallery-section .vector {
        margin-right: 40px;
        margin-top: 40px
    }
    .about-page-gallery-section .vector.two {
        margin: 40px 0 40px 40px
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area {
        max-width: 380px
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 60px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content {
        padding: 90px 25px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area {
        max-width: 390px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area h1 a {
        font-size: 62px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area {
        max-width: 420px;
        margin-bottom: 0
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 54px
    }
    .portfolio-interactive-page .interactive-list .interactive-item {
        font-size: 42px
    }
    .portfolio-interactive-page .social-area {
        padding-top: 60px
    }
}

@media (max-width:1024px) {
    .home1-banner-section .banner-wrapper .banner-content>span,
    .section-title.three>span,
    .portfolio-showcase-single .section-heading h2,
    .home1-feature-section .feature-banner-area .banner-content span,
    .section-heading .heading-usp,
    .contact-form-wrap.style-2 .section-title.three h2,
    .section-title.two>span {
        font-size: 22px !important
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a {
        padding: 16px 0
    }
    .mobile-hide {
        display: none;
        visibility: hidden
    }
    header.style-3 .main-menu>ul>li .mega-menu {
        box-shadow: none
    }
    .container {
        padding-right: 20px;
        padding-left: 20px
    }
    .container-fluid {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:991px) {
    .pb-130 {
        padding-bottom: 90px
    }
    .pt-130 {
        padding-top: 90px
    }
    .pt-120 {
        padding-top: 90px
    }
    .pb-120 {
        padding-bottom: 90px
    }
    .pt-100 {
        padding-top: 80px
    }
    .pb-100 {
        padding-bottom: 80px
    }
    .pt-90 {
        padding-top: 80px
    }
    .pb-90 {
        padding-bottom: 80px
    }
    .mt-120 {
        margin-top: 90px
    }
    .mb-110 {
        margin-bottom: 80px
    }
    .mb-120 {
        margin-bottom: 90px
    }
    .mt-130 {
        margin-top: 90px
    }
    .mb-130 {
        margin-bottom: 90px
    }
    .sec-mar {
        margin: 90px 0
    }
    .mb-100 {
        margin-bottom: 80px
    }
    .mt-100 {
        margin-top: 80px
    }
    .mb-90 {
        margin-bottom: 70px
    }
    .mb-80 {
        margin-bottom: 70px
    }
    .pt-50 {
        padding-top: 30px
    }
    .mb-70 {
        margin-bottom: 60px
    }
    .mt-70 {
        margin-top: 40px
    }
    .section-title p {
        font-size: 17px
    }
    .section-title.three p {
        margin-left: 0;
        max-width: unset;
        padding-top: 10px
    }
    header.style-1 .nav-right {
        gap: 0
    }
    header.style-1 .nav-right .mobile-menu-btn {
        display: flex;
        align-items: center;
        visibility: visible;
        justify-content: center;
        position: relative;
        min-width: 48px;
        max-width: 48px;
        height: 48px;
        border-radius: 10px;
        border: 1px solid var(--borders-color)
    }
    header.style-1 .nav-right .mobile-menu-btn svg {
        fill: var(--title-color)
    }
    header.style-1 .nav-right .mobile-menu-btn:hover svg {
        animation: qode-draw 0.75s cubic-bezier(.57, .39, 0, .86) 1 forwards
    }
    header.style-1 .main-menu>ul>li {
        padding: 0 12px
    }
    header.style-1 .main-menu>ul>li.position-inherit {
        position: relative
    }
    header.style-1 .main-menu>ul>li>a::after {
        display: none
    }
    header.style-1 .main-menu>ul>li i {
        opacity: 1
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .title-area {
        display: none
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 15px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        display: none
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two::before {
        display: none
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title {
        padding: 0;
        background-color: unset
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title h6 {
        line-height: 1.3
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow {
        width: 15px;
        height: 15px
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow svg {
        width: 6px
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 20px;
        border: 1px solid var(--borders-color);
        padding: 14px 10px;
        font-size: 13px;
        justify-content: start;
        gap: 5px
    }
    header.style-1 .main-menu>ul>li .mega-menu2.two .conference-btn svg {
        width: 8px
    }
    header.style-1 .main-menu>ul>li.menu-item-has-children>a::before {
        display: none
    }
    header.style-2 {
        padding: 18px 24px
    }
    header.style-2 .contact-area {
        margin-bottom: 25px
    }
    header.style-2 .nav-right .mobile-menu-btn {
        display: flex;
        align-items: center;
        visibility: visible;
        justify-content: center;
        position: relative;
        min-width: 48px;
        max-width: 48px;
        height: 48px;
        border-radius: 10px;
        border: 1px solid var(--white-color)
    }
    header.style-2 .nav-right .mobile-menu-btn svg {
        fill: var(--white-color)
    }
    header.style-2 .nav-right .mobile-menu-btn:hover svg {
        animation: qode-draw 0.75s cubic-bezier(.57, .39, 0, .86) 1 forwards
    }
    header.style-2 .main-menu>ul>li {
        padding: 0 12px
    }
    header.style-2 .main-menu>ul>li.position-inherit {
        position: relative
    }
    header.style-2 .main-menu>ul>li i {
        opacity: 1
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px;
        color: var(--white-color)
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px;
        color: var(--white-color)
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .title-area {
        display: none
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 15px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        display: none
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two::before {
        display: none
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title {
        padding: 0;
        background-color: unset
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title h6 {
        color: var(--dark-text-color);
        line-height: 1.3
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title h6 svg {
        stroke: var(--dark-text-color)
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow {
        width: 15px;
        height: 15px
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow svg {
        width: 6px
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a {
        color: var(--white-color)
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 20px;
        border: 1px solid var(--borders-color);
        padding: 14px 10px;
        font-size: 13px;
        justify-content: start;
        gap: 5px
    }
    header.style-2 .main-menu>ul>li .mega-menu2.two .conference-btn svg {
        width: 8px
    }
    header.style-2 .main-menu>ul>li.menu-item-has-children>a svg {
        display: none
    }
    header.style-3 {
        padding: 10px 24px
    }
    header.style-3 .nav-right .mobile-menu-btn {
        display: flex;
        align-items: center;
        visibility: visible;
        justify-content: center;
        position: relative;
        min-width: 48px;
        max-width: 48px;
        height: 48px;
        border-radius: 10px;
        border: 1px solid var(--borders-color);
        background-color: var(--dark-white-color)
    }
    header.style-3 .nav-right .mobile-menu-btn svg {
        fill: var(--title-color)
    }
    header.style-3 .nav-right .mobile-menu-btn:hover svg {
        animation: qode-draw 0.75s cubic-bezier(.57, .39, 0, .86) 1 forwards
    }
    header.style-3 .main-menu>ul>li {
        padding: 0 12px
    }
    header.style-3 .main-menu>ul>li.position-inherit {
        position: relative
    }
    header.style-3 .main-menu>ul>li i {
        opacity: 1
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-3 .main-menu>ul>li .mega-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .title-area {
        display: none
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 15px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        display: none
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two::before {
        display: none
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title {
        padding: 5px 8px;
        background-color: unset
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title h6 {
        line-height: 1.3
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow {
        width: 15px;
        height: 15px
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow svg {
        width: 6px
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 20px;
        border: 1px solid var(--borders-color);
        padding: 14px 10px;
        font-size: 13px;
        justify-content: start;
        gap: 5px
    }
    header.style-3 .main-menu>ul>li .mega-menu2.two .conference-btn svg {
        width: 8px
    }
    header.style-3 .main-menu>ul>li.menu-item-has-children>a::before {
        display: none
    }
    header.style-3.portfolio .nav-right .mobile-menu-btn {
        border: 1px solid rgb(255 255 255 / .1);
        background-color: #fff0
    }
    header.style-3.portfolio .nav-right .mobile-menu-btn svg {
        fill: var(--white-color)
    }
    header.style-3.portfolio .nav-right .mobile-menu-btn:hover svg {
        animation: qode-draw 0.75s cubic-bezier(.57, .39, 0, .86) 1 forwards
    }
    header.style-4 .nav-right .mobile-menu-btn {
        display: flex;
        align-items: center;
        visibility: visible;
        justify-content: center;
        position: relative;
        min-width: 48px;
        max-width: 48px;
        height: 48px;
        border-radius: 10px;
        border: 1px solid var(--borders-color)
    }
    header.style-4 .nav-right .mobile-menu-btn svg {
        fill: var(--title-color)
    }
    header.style-4 .nav-right .mobile-menu-btn:hover svg {
        animation: qode-draw 0.75s cubic-bezier(.57, .39, 0, .86) 1 forwards
    }
    header.style-4 .main-menu>ul>li {
        padding: 0 12px
    }
    header.style-4 .main-menu>ul>li.position-inherit {
        position: relative
    }
    header.style-4 .main-menu>ul>li i {
        opacity: 1
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .title-area {
        display: none
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 15px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        display: none
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two::before {
        display: none
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title {
        padding: 0;
        background-color: unset
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title h6 {
        line-height: 1.3
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow {
        width: 15px;
        height: 15px
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow svg {
        width: 6px
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 20px;
        border: 1px solid var(--borders-color);
        padding: 14px 10px;
        font-size: 13px;
        justify-content: start;
        gap: 5px
    }
    header.style-4 .main-menu>ul>li .mega-menu2.two .conference-btn svg {
        width: 8px
    }
    header.style-4 .main-menu>ul>li.menu-item-has-children>a::before {
        display: none
    }
    header.style-5 .nav-right .mobile-menu-btn {
        display: flex;
        align-items: center;
        visibility: visible;
        justify-content: center;
        position: relative;
        min-width: 48px;
        max-width: 48px;
        height: 48px;
        border-radius: 10px;
        border: 1px solid var(--borders-color)
    }
    header.style-5 .nav-right .mobile-menu-btn svg {
        fill: var(--title-color)
    }
    header.style-5 .nav-right .mobile-menu-btn:hover svg {
        animation: qode-draw 0.75s cubic-bezier(.57, .39, 0, .86) 1 forwards
    }
    header.style-5 .main-menu>ul>li {
        padding: 0 12px
    }
    header.style-5 .main-menu>ul>li.position-inherit {
        position: relative
    }
    header.style-5 .main-menu>ul>li i {
        opacity: 1
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .title-area {
        display: none
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 15px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        display: none
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two::before {
        display: none
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title {
        padding: 0;
        background-color: unset
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title h6 {
        line-height: 1.3
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow {
        width: 15px;
        height: 15px
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow svg {
        width: 6px
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 20px;
        border: 1px solid var(--borders-color);
        padding: 14px 10px;
        font-size: 13px;
        justify-content: start;
        gap: 5px
    }
    header.style-5 .main-menu>ul>li .mega-menu2.two .conference-btn svg {
        width: 8px
    }
    header.style-5 .main-menu>ul>li.menu-item-has-children>a::before {
        display: none
    }
    header.style-6 .nav-right .mobile-menu-btn {
        display: flex;
        align-items: center;
        visibility: visible;
        justify-content: center;
        position: relative;
        min-width: 48px;
        max-width: 48px;
        height: 48px;
        border-radius: 10px;
        border: 1px solid var(--borders-color)
    }
    header.style-6 .nav-right .mobile-menu-btn svg {
        fill: var(--title-color)
    }
    header.style-6 .nav-right .mobile-menu-btn:hover svg {
        animation: qode-draw 0.75s cubic-bezier(.57, .39, 0, .86) 1 forwards
    }
    header.style-6 .main-menu>ul>li {
        padding: 0 12px
    }
    header.style-6 .main-menu>ul>li.position-inherit {
        position: relative
    }
    header.style-6 .main-menu>ul>li>i {
        opacity: 1
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li .dropdown-icon {
        right: 0;
        top: 11px;
        font-size: 20px
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li>a {
        border-color: rgb(233 228 228 / .5)
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li>a::before {
        background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .title-area {
        display: none
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title {
        margin-bottom: 15px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .solution-menu-banner {
        display: none
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two::before {
        display: none
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title {
        padding: 0;
        background-color: unset
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item .menu-title h6 {
        line-height: 1.3
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow {
        width: 15px;
        height: 15px
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .menu-row .menu-single-item ul li a .arrow svg {
        width: 6px
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .conference-btn {
        margin-top: 20px;
        border: 1px solid var(--borders-color);
        padding: 14px 10px;
        font-size: 13px;
        justify-content: start;
        gap: 5px
    }
    header.style-6 .main-menu>ul>li .mega-menu2.two .conference-btn svg {
        width: 8px
    }
    header.style-7 .company-logo img {
        width: 135px
    }
    .right-sidebar-menu .sidebar-content-wrap .contact-area .single-contact {
        margin-bottom: 40px
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu>ul>li.position-inherit {
        position: relative
    }
    .right-sidebar-menu.two {
        padding: 18px 35px 40px
    }
    .right-sidebar-menu.two .sidebar-content-wrap .location p {
        font-size: 15px
    }
    .right-sidebar-menu.two .sidebar-content-wrap .contact-list li span,
    .right-sidebar-menu.two .sidebar-content-wrap .contact-list li a {
        font-size: 15px
    }
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 70px 30px
    }
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 60px
    }
    .home1-banner-section .banner-wrapper .banner-content h2 {
        font-size: 60px
    }
    .home1-feature-section .feature-banner-area .banner-content h2 {
        font-size: 40px;
        margin-bottom: 20px
    }
    .home1-feature-section .feature-banner-area .banner-content p {
        font-size: 17px
    }
    .home1-process-section .process-wrapper::before {
        display: none
    }
    .home1-process-section .process-wrapper .process-slider-area .line {
        width: 100%
    }
    .home1-industries-section .industries-banner-area .banner-content h5 {
        font-size: 21px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a {
        padding: 15px 21px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a span {
        font-size: 22px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a {
        padding: 15px 21px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span {
        font-size: 22px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a .hover-img {
        display: none
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 40px
    }
    .testimonial-card.two {
        padding: 50px 35px
    }
    .home1-contact-section .contact-area .arrow-and-contact-list .arrow {
        display: none
    }
    .home1-contact-section .contact-area .arrow-and-contact-list .contact-list .single-contact:first-child {
        padding-right: 70px
    }
    .home1-contact-section .contact-area .arrow-and-contact-list .contact-list .single-contact .contact-content-wrap .content a {
        font-weight: 600
    }
    .contact-form-wrap.style-2 {
        padding: 55px 45px 60px
    }
    .contact-form-wrap.style-2 .section-title.three h2 {
        font-size: 40px
    }
    .contact-form-wrap.style-2 form {
        padding-top: 0
    }
    .contact-form-wrap.style-2 .primary-btn3 {
        margin-top: 55px
    }
    .home1-company-info-section .feature-wrap .title-area h3 {
        font-size: 26px
    }
    .footer-section .footer-menu-wrap .footer-contact-wrap h2 {
        margin-bottom: 40px
    }
    .footer-section .footer-menu-wrap .footer-contact-wrap .contact-list {
        margin-bottom: 40px
    }
    .footer-section .footer-menu-wrap .footer-widget .widget-title {
        margin-bottom: 30px
    }
    .footer-section .footer-menu-wrap .footer-widget .widget-title h3 {
        font-size: 26px
    }
    .footer-section .footer-menu-wrap .newsletter-area h3 {
        margin-bottom: 30px;
        font-size: 26px
    }
    .footer-section .logo-and-sevice-menu-wrap {
        padding: 27px 20px;
        justify-content: center;
        gap: 25px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap {
        gap: 45px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area {
        max-width: unset
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area .footer-logo {
        min-width: 75px;
        max-width: 75px
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .company-logo-area {
        display: block
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list {
        display: flex;
        gap: 20px;
        max-width: unset
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list li {
        max-width: 200px;
        width: 100%;
        margin-bottom: 0
    }
    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap {
        padding: 0;
        padding-bottom: 50px;
        border-left: unset;
        border-bottom: 1px solid #2E2C30
    }
    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap::before {
        display: none
    }
    .footer-section.style-3 .footer-menu-wrap .footer-menu {
        padding: 50px 0 90px;
        border-left: unset
    }
    .footer-section.style-3 .file-download-btn {
        display: flex;
        margin-top: 30px;
        min-width: 190px;
        border-radius: 15px
    }
    .footer-section.style-4 .location-list {
        gap: 30px
    }
    .footer-section.style-5 .footer-menu-wrap .company-logo-and-location-area .company-logo-area {
        display: block
    }
    .footer-section.style-5 .footer-menu-wrap .footer-contact-wrap {
        flex-wrap: wrap;
        gap: 30px;
        padding: 0;
        padding-bottom: 50px;
        border-left: unset;
        border-bottom: 1px solid #2E2C30
    }
    .footer-section.style-5 .footer-menu-wrap .footer-contact-wrap::before {
        display: none
    }
    .footer-section.style-5 .footer-menu-wrap .footer-menu {
        padding: 50px 0 90px;
        border-left: unset
    }
    .footer-section.style-5 .file-download-btn {
        display: flex;
        margin-top: 30px;
        min-width: 190px;
        border-radius: 15px
    }
    .footer-section.style-6 .footer-top-area {
        flex-wrap: wrap;
        padding: 45px 30px
    }
    .footer-section.style-6 .footer-bottom .line {
        display: none
    }
    .footer-section.style-6 .footer-bottom .copyright-and-social-area {
        border-top: 1px solid #2E2C30;
        padding: 20px 0
    }
    .footer-section.style-7 .footer-top h2 {
        font-size: 55px
    }
    .home2-feature-section .feature-contact-banner .banner-img {
        right: 35px;
        bottom: 50px
    }
    .home2-feature-section .feature-contact-banner .banner-img img {
        width: 270px
    }
    .home2-global-map-section .section-title {
        margin-bottom: 140px
    }
    .home2-global-map-section .counter-wrap .single-counter .content .number h2,
    .home2-global-map-section .counter-wrap .single-counter .content .number span {
        font-size: 38px
    }
    .testimonial-card2 .testimonial-content-wrap .quote {
        top: 40px
    }
    .testimonial-card2.two .testimonial-content-wrap {
        min-height: 348px
    }
    .testimonial-card2.two .testimonial-content-wrap .joint1,
    .testimonial-card2.two .testimonial-content-wrap .joint2 {
        display: block
    }
    .home2-app-banner-section .banner-wrapper .banner-content {
        padding: 60px 40px
    }
    .home2-contact-section .section-title {
        margin-bottom: 55px
    }
    .home3-banner-section .banner-content-wrap .banner-content>span {
        margin-bottom: 15px
    }
    .home3-banner-section .banner-content-wrap .banner-content p {
        margin-bottom: 45px
    }
    .home3-banner-section .vector {
        display: none
    }
    .home3-about-section .achievment-area .icon svg {
        width: 95px
    }
    .home3-portfolio-section .title-area {
        flex-wrap: wrap;
        gap: 15px
    }
    .home3-portfolio-section .title-area .project-time {
        text-align: left
    }
    .portfolio-card .portfolio-img-wrap .portfolio-img img {
        max-height: 280px;
        min-height: 280px;
        width: 100%;
        object-fit: cover;
        object-fit: cover
    }
    .portfolio-card .portfolio-img-wrap .details-btn-wrap {
        top: 25px;
        left: 25px
    }
    .portfolio-card .portfolio-content {
        padding: 25px 20px 30px
    }
    .portfolio-card .portfolio-content h3 a {
        font-size: 26px
    }
    .home3-service-section .sevices-wrap .single-services .title-area {
        margin-bottom: 20px
    }
    .home3-service-section .sevices-wrap .single-services .content {
        margin-left: 0;
        max-width: unset;
        margin-bottom: 30px
    }
    .home3-service-section .sevices-wrap .single-services .button-area {
        justify-content: start
    }
    .home3-process-section .process-wrapper .process-card2.three {
        max-width: unset
    }
    .home3-process-section .founder-area .quote {
        margin-bottom: 15px
    }
    .home3-testimonial-section .section-title.three {
        display: block
    }
    .home3-testimonial-section .section-title.three>span {
        margin-bottom: 15px
    }
    .blog-card2 .blog-content-wrap h3 {
        margin-bottom: 110px
    }
    .blog-card2.two .blog-content-wrap h3 a {
        font-size: 24px
    }
    .blog-card2.three .blog-content-wrap {
        padding: 30px 0 0 60px;
        max-width: 600px
    }
    .blog-card2.three .blog-content-wrap h3 {
        margin-bottom: 30px
    }
    .blog-card2.three .blog-content-wrap h3 a {
        font-size: 30px
    }
    .home4-process-section .process-wrapper ul li .divider {
        display: none
    }
    .home4-counter-section .bg-shape {
        display: none
    }
    .home4-testimonial-section .divider {
        display: none
    }
    .home4-testimonial-section .result-and-award-area .result-area {
        margin-left: 0;
        margin-bottom: 30px
    }
    .testimonial-card4.two .testimonial-content {
        padding: 42px 22px
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(1) {
        left: -2%
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(2) {
        right: -2%
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(3) {
        left: -4%
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(4) {
        right: -4%
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(5) {
        left: -1%
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area.active .img-list li:nth-child(6) {
        right: -1%
    }
    .home5-banner-section .banner-content {
        padding: 130px 30px 80px 30px;
        margin-left: 0;
        max-width: unset
    }
    .home5-banner-section .banner-content h1 {
        font-size: 52px;
        line-height: 1.2
    }
    .home5-service-section .service-wrapper .single-service .vector {
        display: none
    }
    .home5-process-section .process-wrapper .line {
        display: none
    }
    .blog-card3 .blog-content-wrap .blog-content .blog-meta {
        margin-bottom: 20px
    }
    .home6-banner-section .banner-wrapper .vector {
        display: none
    }
    .home6-feature-section .feature-card4 .social-area .social-wrapper {
        min-width: 280px;
        max-width: 280px;
        height: 280px
    }
    .home6-feature2-section .feature-wrapper .feature-area .line {
        display: none
    }
    .home6-feature2-section .feature-wrapper .single-feature .feature-content-wrap .feature-content .primary-btn3 {
        margin-top: 30px
    }
    .home6-counter-section .vector {
        display: none
    }
    .home6-counter-section .divider::before {
        display: none
    }
    .home6-integration-section .company-logo {
        margin-bottom: 40px
    }
    .home6-process-section .result-area {
        padding-top: 40px
    }
    .home6-process-section .process-wrapper .process-list::before {
        width: 385px;
        height: 440px
    }
    .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 20px
    }
    .home7-banner-section .banner-content-wrap .title-area h1 {
        font-size: 56px;
        line-height: 1.2;
        margin-bottom: 25px
    }
    .home7-banner-section .banner-content-wrap .banner-content {
        gap: 25px
    }
    .home7-about-section .skill-area .skill-list .single-skill:nth-child(1) {
        transform: unset;
        z-index: 5
    }
    .home7-about-section .skill-area .skill-list .single-skill:nth-child(2) {
        transform: unset;
        z-index: 4
    }
    .home7-about-section .skill-area .skill-list .single-skill:nth-child(3) {
        transform: unset;
        z-index: 3
    }
    .home7-about-section .skill-area .skill-list .single-skill:nth-child(4) {
        transform: unset;
        z-index: 2
    }
    .home7-about-section .skill-area .skill-list .single-skill:nth-child(5) {
        transform: unset;
        z-index: 1
    }
    .home7-about-section .skill-area .skill-list .single-skill:nth-child(6) {
        transform: unset;
        z-index: 0
    }
    .home7-about-section .skill-area .skill-list.active {
        margin-left: 0
    }
    .home7-about-section .skill-area .skill-list.active .single-skill:nth-child(1) {
        transform: translateX(0);
        z-index: 5
    }
    .home7-about-section .skill-area .skill-list.active .single-skill:nth-child(2) {
        transform: translateX(0);
        z-index: 4
    }
    .home7-about-section .skill-area .skill-list.active .single-skill:nth-child(3) {
        transform: translateX(0);
        z-index: 3
    }
    .home7-about-section .skill-area .skill-list.active .single-skill:nth-child(4) {
        transform: translateX(0);
        z-index: 2
    }
    .home7-about-section .skill-area .skill-list.active .single-skill:nth-child(5) {
        transform: translateX(0);
        z-index: 1
    }
    .home7-about-section .skill-area .skill-list.active .single-skill:nth-child(6) {
        transform: translateX(0);
        z-index: 0
    }
    .portfolio-card2 .portfolio-img img {
        max-height: 340px;
        min-height: 340px
    }
    .portfolio-card2 .portfolio-img .details-btn-wrap {
        top: 25px;
        right: 25px
    }
    .portfolio-card2 .portfolio-content h4 a {
        font-size: 26px
    }
    .home7-service-section .service-wrapper .service-list .single-service .vector {
        right: 20px;
        width: 160px
    }
    .home7-service-section .service-wrapper .contact-btn-area {
        margin-top: 50px
    }
    .home7-award-section .vector {
        display: none
    }
    .award-table tbody tr td:nth-child(2) {
        min-width: unset
    }
    .award-table.two tbody tr td:nth-child(2) {
        min-width: unset
    }
    .breadcrumb-section {
        padding-top: 60px
    }
    .breadcrumb-section .banner-content h1 {
        font-size: 48px;
        line-height: 1.2
    }
    .portfolio-caption-card .portfolio-caption-img img {
        max-height: 420px;
        min-height: 420px
    }
    .industries-page-banner .banner-content-wrap .banner-title h2 {
        font-size: 40px
    }
    .industries-page-banner .banner-content-wrap .banner-content p:first-child {
        margin-bottom: 20px
    }
    .industries-page-banner .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 40px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area {
        min-width: 148px;
        max-width: 148px;
        min-height: 112px;
        max-height: 112px;
        padding: 10px 10px;
        border-radius: 15px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content .number {
        margin-bottom: 5px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content .number h2,
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content .number span {
        font-size: 30px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area .counter-content p {
        font-size: 15px;
        line-height: 22px
    }
    .service-page-banner-section .banner-content-wrap .banner-title h2 {
        font-size: 40px
    }
    .service-page-banner-section .banner-content-wrap .banner-content p:first-child {
        margin-bottom: 20px
    }
    .service-page-banner-section .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 40px
    }
    .social-responsibility-section .title-area {
        border-top: 1px solid var(--borders-color);
        border-bottom: 1px solid var(--borders-color);
        margin-bottom: 40px
    }
    .social-responsibility-section .title-area h2 {
        padding: 15px 0;
        font-size: 45px
    }
    .social-responsibility-section .title-area .divider {
        display: none
    }
    .career-details-page .career-details-content .line-break {
        height: 15px
    }
    .job-form-modal .modal-dialog {
        max-width: 720px
    }
    .job-form-modal .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 40px
    }
    .job-form-modal .modal-dialog .modal-content .modal-close {
        top: 15px;
        right: 20px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body {
        padding: 40px 60px 45px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body .mb-30 {
        margin-bottom: 20px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body .single-info .info-title {
        font-size: 26px;
        margin-bottom: 25px
    }
    .details-content-wrap .post-thumb .slider-btn-grp .slider-btn {
        min-width: 42px;
        max-width: 42px;
        height: 42px
    }
    .details-content-wrap .post-title-and-tag {
        margin-bottom: 45px
    }
    .details-content-wrap .post-title-and-tag h2 {
        font-size: 45px
    }
    .details-content-wrap .line-break {
        height: 15px
    }
    .details-content-wrap .tag-and-social-area {
        margin-top: 60px
    }
    .details-content-wrap.portfolio-details .post-thumb .portfolio-details-info-area {
        flex-wrap: wrap;
        gap: 30px;
        margin-top: -30px
    }
    .details-pagination {
        padding: 30px 20px
    }
    .details-pagination .single-pagination .pagination-btn {
        min-width: 86px;
        max-width: 86px;
        height: 86px
    }
    .details-pagination .single-pagination .pagination-btn img {
        min-width: 86px;
        max-width: 86px;
        height: 86px
    }
    .details-pagination .single-pagination .pagination-btn .btn-content {
        min-width: 87px;
        max-width: 87px;
        height: 87px
    }
    .details-pagination .single-pagination .content h6 a {
        font-size: 18px;
        line-height: 28px
    }
    .details-pagination.two .single-pagination .content h2 a {
        font-size: 26px
    }
    .case-study-details-sidebar .note-area .content ul {
        justify-content: start;
        gap: 30px
    }
    .team-page-content-banner .banner-wrapper .vector {
        display: none
    }
    .team-page-content-banner .banner-content>span {
        margin-bottom: 20px
    }
    .team-page-content-banner .banner-content p {
        margin-bottom: 45px
    }
    .team-page-content-banner.style-2 h2 {
        font-size: 40px
    }
    .team-page-content-banner.style-3 h2 {
        font-size: 40px
    }
    .team-page-gallery-section .section-title {
        min-width: unset;
        margin-bottom: 40px
    }
    .team-page-gallery-section .content h6 {
        font-size: 17px
    }
    .team-join-section .team-join-wrap .btn-area {
        margin-top: 55px
    }
    .team-card2 .vector {
        display: none
    }
    .about-page-banner-section .banner-content-wrap .title-area {
        max-width: unset
    }
    .about-page-banner-section .banner-content-wrap .title-area h2 {
        font-size: 40px
    }
    .about-page-banner-section .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 45px
    }
    .about-page-counter-section .counter-wrapper .divider::before {
        display: none
    }
    .about-page-team-section .result-area {
        margin-bottom: 10px
    }
    .about-page-gallery-section .vector svg {
        display: none
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area {
        max-width: unset
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content ul {
        margin-bottom: 15px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area {
        max-width: unset;
        margin-bottom: 180px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .social-area>a {
        margin-bottom: 15px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area {
        max-width: unset;
        margin-bottom: 0
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 50px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-wrap .slider-btn-grp .swiper-pagination1 {
        display: none
    }
    .portfolio-interactive-page .nav-pills {
        margin-bottom: 30px;
        gap: 25px
    }
    .portfolio-interactive-page .interactive-list .interactive-item {
        font-size: 40px
    }
    .portfolio-interactive-page .social-area>a {
        margin-bottom: 20px
    }
    body.dark header.style-1 .company-logo-and-contact-area .company-logo {
        padding: 15px 0
    }
    body.dark header.style-1 .main-menu>ul>li .mega-menu2 {
        background-image: unset
    }
    body.dark header.style-3 .company-logo {
        padding: 15px 0
    }
    body.dark header.style-3 .main-menu>ul>li .mega-menu2 {
        background-image: unset
    }
    body.dark header.style-4 .company-logo {
        padding: 15px 0
    }
    body.dark header.style-4 .main-menu>ul>li .mega-menu2 {
        background-image: unset
    }
    body.dark header.style-5 .company-logo {
        padding: 15px 0
    }
    body.dark header.style-5 .main-menu>ul>li .mega-menu2 {
        background-image: unset
    }
    body.dark header.style-6 .main-menu>ul>li .mega-menu2 {
        background-image: unset
    }
}

@media only screen and (max-width:991px) {
    header.style-1 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-1 .dropdown-icon {
        color: var(--white-color)
    }
    header.style-1 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 40px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: var(--dark-white-color);
        border-right: 1px solid var(--borders-color);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0 2px 20px rgb(0 0 0 / .03)
    }
    header.style-1 .main-menu.show-menu {
        transform: translateX(0)
    }
    header.style-1 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px
    }
    header.style-1 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
        border: unset
    }
    header.style-1 .main-menu>ul {
        float: none;
        text-align: left;
        padding: 5px 0 20px 0
    }
    header.style-1 .main-menu>ul>li {
        display: block;
        position: relative;
        padding: 0
    }
    header.style-1 .main-menu>ul>li i {
        display: none !important
    }
    header.style-1 .main-menu>ul>li.menu-item-has-children i {
        display: block !important
    }
    header.style-1 .main-menu>ul>li i.bi-caret-right-fill {
        display: none !important
    }
    header.style-1 .main-menu>ul>li>a {
        padding: 15px 0;
        display: block
    }
    header.style-1 .main-menu>ul>li ul.sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li i {
        color: var(--primary-color);
        right: -13px;
        display: none !important
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li.menu-item-has-children>i {
        display: block !important
    }
    header.style-1 .main-menu>ul>li ul.sub-menu>li i.bi-caret-right-fill {
        display: none !important
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-1 .main-menu>ul>li ul.mega-sub-menu>li i {
        color: var(--primary-color);
        right: -13px
    }
    header.style-1 .main-menu>ul>li .mega-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-1 .main-menu>ul>li .mega-menu2 {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row {
        display: block
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item {
        padding: 0;
        display: block;
        margin-bottom: 20px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item:last-child {
        margin-bottom: 0
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item::after {
        display: none
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title h6 {
        border-bottom: 1px solid var(--black-color);
        font-size: 16px;
        padding-bottom: 3px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul {
        padding-left: 10px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 15px;
        line-height: 1
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a {
        font-size: 15px;
        gap: 8px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a svg {
        width: 16px
    }
    header.style-1 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li .all-btn {
        font-size: 15px;
        padding-top: 5px
    }
    header.style-1 .main-menu>ul>li .bi {
        top: 11px;
        font-size: 20px;
        color: var(--title-color);
        line-height: 1
    }
    header.style-1 .main-menu>ul li.menu-item-has-children>i {
        display: block
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-2 .dropdown-icon {
        color: var(--white-color)
    }
    header.style-2 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: #094539;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0 2px 20px rgb(0 0 0 / .03)
    }
    header.style-2 .main-menu.show-menu {
        transform: translateX(0)
    }
    header.style-2 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px
    }
    header.style-2 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
        border: unset
    }
    header.style-2 .main-menu>ul {
        float: none;
        text-align: left;
        padding: 5px 0 20px 0
    }
    header.style-2 .main-menu>ul>li {
        display: block;
        position: relative;
        padding: 0
    }
    header.style-2 .main-menu>ul>li i {
        display: none !important
    }
    header.style-2 .main-menu>ul>li.menu-item-has-children i {
        display: block !important
    }
    header.style-2 .main-menu>ul>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-2 .main-menu>ul>li>a {
        padding: 15px 0;
        display: block
    }
    header.style-2 .main-menu>ul>li ul.sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li a {
        color: var(--white-color);
        padding: 12px 0
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li a:hover {
        color: var(--primary-color2);
        margin-left: 10px
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li i {
        color: var(--white-color);
        right: -13px;
        display: none !important
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li.menu-item-has-children i {
        display: block !important
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li i {
        display: none !important
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li.menu-item-has-children i {
        display: block !important
    }
    header.style-2 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li a {
        color: var(--white-color);
        padding: 12px 0
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li a:hover {
        color: var(--primary-color2);
        margin-left: 10px
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-2 .main-menu>ul>li ul.mega-sub-menu>li i {
        color: var(--white-color);
        right: -13px
    }
    header.style-2 .main-menu>ul>li .mega-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-2 .main-menu>ul>li .mega-menu2 {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row {
        display: block
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item {
        padding: 0;
        display: block;
        margin-bottom: 20px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item:last-child {
        margin-bottom: 0
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item::after {
        display: none
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title h6 {
        border-bottom: 1px solid var(--white-color);
        font-size: 16px;
        padding-bottom: 3px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul {
        padding-left: 10px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 15px;
        line-height: 1
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a {
        font-size: 15px;
        gap: 8px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a svg {
        width: 16px
    }
    header.style-2 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li .all-btn {
        font-size: 15px;
        padding-top: 5px
    }
    header.style-2 .main-menu>ul>li .bi {
        top: 11px;
        font-size: 20px;
        color: var(--white-color);
        line-height: 1
    }
    header.style-2 .main-menu>ul li.menu-item-has-children>i {
        display: block
    }
    header.style-2 .primary-btn2 {
        width: 100%
    }
    header.style-2 .primary-btn2 span {
        justify-content: center
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-3 .dropdown-icon {
        color: var(--white-color)
    }
    header.style-3 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 430px;
        padding: 30px 20px !important;
        z-index: 99999999;
        height: 100%;
        overflow: auto;
        background: var(--dark-white-color);
        border-right: 1px solid var(--borders-color);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0 2px 20px rgb(0 0 0 / .03)
    }
    header.style-3 .main-menu.show-menu {
        transform: translateX(0)
    }
    header.style-3 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px
    }
    header.style-3 .main-menu .menu-list {
        margin-top: 50px;
        border: unset
    }
    header.style-3 .main-menu>ul {
        float: none;
        text-align: left;
        padding: 5px 0 20px 0
    }
    header.style-3 .main-menu>ul>li {
        display: block;
        position: relative;
        padding: 0
    }
    header.style-3 .main-menu>ul>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-3 .main-menu>ul>li i {
        display: none !important
    }
    header.style-3 .main-menu>ul>li.menu-item-has-children>i {
        display: block !important
    }
    header.style-3 .main-menu>ul>li>a {
        padding: 20px 0;
        display: block;
        border: unset
    }
    header.style-3 .main-menu>ul>li ul.sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li>i {
        color: var(--primary-color);
        right: -13px;
        display: none !important
    }
    header.style-3 .main-menu>ul>li ul.sub-menu>li.menu-item-has-children>i {
        display: block !important
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li a:hover {
        color: var(--primary-color1)
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-3 .main-menu>ul>li ul.mega-sub-menu>li>i {
        color: var(--primary-color);
        right: -13px;
        display: block !important
    }
    header.style-3 .main-menu>ul>li .mega-menu {
        display: none
    }
    header.style-3 .main-menu>ul>li .mega-menu2 {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row {
        display: block
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item {
        padding: 0;
        display: block;
        margin-bottom: 20px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item:last-child {
        margin-bottom: 0
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item::after {
        display: none
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title h6 {
        font-size: 16px;
        padding-bottom: 3px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul {
        padding-left: 10px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 0;
        line-height: 1
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a {
        font-size: 18px;
        gap: 8px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a svg {
        width: 16px
    }
    header.style-3 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li .all-btn {
        font-size: 15px;
        padding-top: 5px
    }
    header.style-3 .main-menu>ul>li:hover>a {
        color: var(--primary-color3)
    }
    header.style-3 .main-menu>ul>li:hover i {
        color: var(--primary-color3)
    }
    header.style-3 .main-menu>ul>li.active>a {
        color: var(--primary-color3)
    }
    header.style-3 .main-menu>ul>li .bi {
        top: 13px;
        font-size: 20px;
        color: var(--title-color);
        line-height: 1
    }
    header.style-3 .main-menu>ul li.menu-item-has-children>i {
        display: block
    }
    header.style-3 .primary-btn3 {
        width: 100%;
        justify-content: center
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-4 .dropdown-icon {
        color: var(--white-color)
    }
    header.style-4 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: var(--dark-white-color);
        border-right: 1px solid var(--borders-color);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0 2px 20px rgb(0 0 0 / .03)
    }
    header.style-4 .main-menu.show-menu {
        transform: translateX(0)
    }
    header.style-4 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px
    }
    header.style-4 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
        border: unset
    }
    header.style-4 .main-menu>ul {
        float: none;
        text-align: left;
        padding: 5px 0 20px 0
    }
    header.style-4 .main-menu>ul>li {
        display: block;
        position: relative;
        padding: 0
    }
    header.style-4 .main-menu>ul>li i {
        display: none !important
    }
    header.style-4 .main-menu>ul>li.menu-item-has-children i {
        display: block !important
    }
    header.style-4 .main-menu>ul>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-4 .main-menu>ul>li>a {
        padding: 15px 0;
        display: block;
        border: unset
    }
    header.style-4 .main-menu>ul>li ul.sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li i {
        color: var(--primary-color);
        right: -13px;
        display: none !important
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li.menu-item-has-children i {
        display: block !important
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li i {
        display: none !important
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li.menu-item-has-children i {
        display: block !important
    }
    header.style-4 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-4 .main-menu>ul>li ul.mega-sub-menu>li i {
        color: var(--primary-color);
        right: -13px;
        display: block !important
    }
    header.style-4 .main-menu>ul>li .mega-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-4 .main-menu>ul>li .mega-menu2 {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row {
        display: block
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item {
        padding: 0;
        display: block;
        margin-bottom: 20px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item:last-child {
        margin-bottom: 0
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item::after {
        display: none
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title h6 {
        border-bottom: 1px solid var(--black-color);
        font-size: 16px;
        padding-bottom: 3px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul {
        padding-left: 10px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 15px;
        line-height: 1
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a {
        font-size: 15px;
        gap: 8px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a svg {
        width: 16px
    }
    header.style-4 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li .all-btn {
        font-size: 15px;
        padding-top: 5px
    }
    header.style-4 .main-menu>ul>li:hover>a {
        color: var(--primary-color3)
    }
    header.style-4 .main-menu>ul>li:hover i {
        color: var(--primary-color3)
    }
    header.style-4 .main-menu>ul>li.active>a {
        color: var(--primary-color3)
    }
    header.style-4 .main-menu>ul>li .bi {
        top: 13px;
        font-size: 20px;
        color: var(--title-color);
        line-height: 1
    }
    header.style-4 .main-menu>ul li.menu-item-has-children>i {
        display: block
    }
    header.style-4 .primary-btn4 {
        width: 100%;
        justify-content: center
    }
    header.style-4 .primary-btn4 .content {
        width: 100%;
        text-align: center
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-5 .dropdown-icon {
        color: var(--white-color)
    }
    header.style-5 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: var(--dark-white-color);
        border-right: 1px solid var(--borders-color);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0 2px 20px rgb(0 0 0 / .03)
    }
    header.style-5 .main-menu.show-menu {
        transform: translateX(0)
    }
    header.style-5 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px
    }
    header.style-5 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
        border: unset
    }
    header.style-5 .main-menu>ul {
        float: none;
        text-align: left;
        padding: 5px 0 20px 0
    }
    header.style-5 .main-menu>ul>li {
        display: block;
        position: relative;
        padding: 0
    }
    header.style-5 .main-menu>ul>li i {
        display: none !important
    }
    header.style-5 .main-menu>ul>li.menu-item-has-children i {
        display: block !important
    }
    header.style-5 .main-menu>ul>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-5 .main-menu>ul>li>a {
        padding: 15px 0;
        display: block;
        border: unset
    }
    header.style-5 .main-menu>ul>li ul.sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li i {
        color: var(--primary-color);
        right: -13px;
        display: none !important
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li.menu-item-has-children i {
        display: block !important
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li i {
        display: none !important
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li.menu-item-has-children i {
        display: block !important
    }
    header.style-5 .main-menu>ul>li ul.sub-menu>li ul.sub-menu li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-5 .main-menu>ul>li ul.mega-sub-menu>li i {
        color: var(--primary-color);
        right: -13px;
        display: block !important
    }
    header.style-5 .main-menu>ul>li .mega-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-5 .main-menu>ul>li .mega-menu2 {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row {
        display: block
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item {
        padding: 0;
        display: block;
        margin-bottom: 20px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item:last-child {
        margin-bottom: 0
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item::after {
        display: none
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title h6 {
        border-bottom: 1px solid var(--black-color);
        font-size: 16px;
        padding-bottom: 3px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul {
        padding-left: 10px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 15px;
        line-height: 1
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a {
        font-size: 15px;
        gap: 8px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a svg {
        width: 16px
    }
    header.style-5 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li .all-btn {
        font-size: 15px;
        padding-top: 5px
    }
    header.style-5 .main-menu>ul>li:hover>a {
        color: var(--primary-color3)
    }
    header.style-5 .main-menu>ul>li:hover i {
        color: var(--primary-color3)
    }
    header.style-5 .main-menu>ul>li.active>a {
        color: var(--primary-color3)
    }
    header.style-5 .main-menu>ul>li .bi {
        top: 13px;
        font-size: 20px;
        color: var(--title-color);
        line-height: 1
    }
    header.style-5 .main-menu>ul li.menu-item-has-children>i {
        display: block
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: #fff0;
        top: 0
    }
    header.style-6 .dropdown-icon {
        color: var(--white-color)
    }
    header.style-6 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: var(--dark-white-color);
        border-right: 1px solid var(--borders-color);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0 2px 20px rgb(0 0 0 / .03)
    }
    header.style-6 .main-menu.show-menu {
        transform: translateX(0)
    }
    header.style-6 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px
    }
    header.style-6 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
        border: unset
    }
    header.style-6 .main-menu>ul {
        float: none;
        text-align: left;
        padding: 5px 0 20px 0
    }
    header.style-6 .main-menu>ul>li {
        display: block;
        position: relative;
        padding: 0
    }
    header.style-6 .main-menu>ul>li i {
        display: none
    }
    header.style-6 .main-menu>ul>li.menu-item-has-children i {
        display: block
    }
    header.style-6 .main-menu>ul>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-6 .main-menu>ul>li>a {
        padding: 15px 0;
        display: block;
        border: unset;
        background-color: #fff0
    }
    header.style-6 .main-menu>ul>li>a i {
        display: none !important
    }
    header.style-6 .main-menu>ul>li ul.sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li i {
        color: var(--primary-color);
        right: -13px;
        display: none
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li.menu-item-has-children i {
        display: block
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li i.bi-caret-right-fill.dropdown-icon {
        display: none !important
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li .sub-menu li i {
        display: none
    }
    header.style-6 .main-menu>ul>li ul.sub-menu>li .sub-menu li.menu-item-has-children i {
        display: block
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu {
        position: static;
        min-width: 200px;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 0;
        padding-left: 10px;
        background-color: unset
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li {
        border-bottom: 1px solid #fff0
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li a {
        color: var(--title-color);
        padding: 12px 0
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li a:hover {
        color: var(--primary-color1);
        margin-left: 10px
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li a.active {
        color: var(--primary-color)
    }
    header.style-6 .main-menu>ul>li ul.mega-sub-menu>li i {
        color: var(--primary-color);
        right: -13px;
        display: block !important
    }
    header.style-6 .main-menu>ul>li .mega-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-6 .main-menu>ul>li .mega-menu2 {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        padding: 5px 0
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row {
        display: block
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item {
        padding: 0;
        display: block;
        margin-bottom: 20px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item:last-child {
        margin-bottom: 0
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item::after {
        display: none
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item .menu-title h6 {
        border-bottom: 1px solid var(--black-color);
        font-size: 16px;
        padding-bottom: 3px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul {
        padding-left: 10px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li {
        margin-bottom: 15px;
        line-height: 1
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a {
        font-size: 15px;
        gap: 8px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li a svg {
        width: 16px
    }
    header.style-6 .main-menu>ul>li .mega-menu2 .menu-row .menu-single-item ul li .all-btn {
        font-size: 15px;
        padding-top: 5px
    }
    header.style-6 .main-menu>ul>li:hover>a {
        color: var(--primary-color3)
    }
    header.style-6 .main-menu>ul>li:hover i {
        color: var(--primary-color3)
    }
    header.style-6 .main-menu>ul>li.active>a {
        color: var(--primary-color3);
        background-color: unset
    }
    header.style-6 .main-menu>ul>li .bi {
        top: 13px;
        font-size: 20px;
        color: var(--title-color);
        line-height: 1
    }
    header.style-6 .main-menu>ul li.menu-item-has-children>i {
        display: block
    }
    header.style-6 .main-menu .btn-and-contact-area {
        flex-direction: column;
        align-items: center;
        gap: 20px
    }
    header.style-6 .primary-btn3 {
        width: 100%;
        justify-content: center
    }
}

@media (max-width:991px) and (max-width:767px) {
    header.style-2 .nav-right .mobile-menu-btn {
        min-width: 42px;
        max-width: 42px;
        height: 42px
    }
    header.style-2 .nav-right .mobile-menu-btn svg {
        width: 18px
    }
}

@media (max-width:768px) {
    .toc-head .subtitle {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .pt-120 {
        padding-top: 70px
    }
    .pb-120 {
        padding-bottom: 70px
    }
    .pt-90 {
        padding-top: 70px
    }
    .pb-90 {
        padding-bottom: 70px
    }
    .mb-110 {
        margin-bottom: 60px
    }
    .mb-120 {
        margin-bottom: 70px
    }
    .mb-90 {
        margin-bottom: 50px
    }
    .mb-65 {
        margin-bottom: 45px
    }
    .mb-60 {
        margin-bottom: 40px
    }
    .mb-70 {
        margin-bottom: 40px
    }
    .mb-50 {
        margin-bottom: 40px
    }
    .mt-60 {
        margin-top: 40px
    }
    .mt-65 {
        margin-top: 45px
    }
    header.style-2 {
        padding: 18px 20px
    }
    header.style-3 {
        padding: 10px 10px
    }
    li.menu-item:first-child>.menu-link::after {
        display: none
    }
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 60px 20px
    }
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 45px;
        line-height: 1.2;
        margin-bottom: 20px
    }
    .home1-banner-section .banner-wrapper .banner-content h2 {
        font-size: 45px;
        line-height: 1.2;
        margin-bottom: 20px
    }
    .home1-banner-section .banner-wrapper .banner-content .btn-and-rating-area {
        gap: 25px;
        flex-wrap: wrap
    }
    .home1-banner-section .banner-wrapper .banner-content .btn-and-rating-area .primary-btn1 {
        min-width: unset
    }
    .partner-area.two .partner-wrap {
        padding: 60px 15px 45px
    }
    .home1-industries-section .industries-banner-area .vector {
        display: none
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list {
        gap: 20px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a span {
        font-size: 19px
    }
    .home1-industries-section.style-2 .home1-industries-top .industries-list li a span sup {
        font-size: 17px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list {
        gap: 20px;
        row-gap: 20px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span {
        font-size: 19px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span sup {
        font-size: 17px
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 0
    }
    .testimonial-card.two {
        padding: 50px 25px
    }
    .testimonial-card.two .testimonial-content {
        margin-bottom: 35px
    }
    .contact-form-wrap.style-2 {
        padding: 55px 35px 60px
    }
    .contact-form-wrap.style-2 .section-title {
        margin-bottom: 25px
    }
    .contact-form-wrap.style-2 .section-title.three h2 {
        font-size: 38px
    }
    .contact-form-wrap.style-2 .divider {
        display: none
    }
    .contact-form-wrap.style-2 form {
        border-top: 1px solid var(--white-color);
        padding-top: 0
    }
    .contact-form-wrap.style-2 .primary-btn3 {
        margin-top: 45px
    }
    .footer-section .footer-menu-wrap {
        padding: 70px 0
    }
    .footer-section .footer-menu-wrap .footer-contact-wrap h2 {
        font-size: 32px;
        margin-bottom: 35px
    }
    .footer-section .footer-menu-wrap .footer-contact-wrap .contact-list {
        gap: 20px;
        margin-bottom: 35px
    }
    .footer-section .footer-menu-wrap .footer-widget .widget-title {
        margin-bottom: 25px
    }
    .footer-section .footer-menu-wrap .footer-widget .widget-title h3 {
        font-size: 25px
    }
    .footer-section .footer-menu-wrap .newsletter-area h3 {
        font-size: 25px
    }
    .footer-section .footer-menu-wrap .social-area {
        padding-top: 25px
    }
    .footer-section .logo-and-sevice-menu-wrap {
        gap: 30px
    }
    .footer-section .logo-and-sevice-menu-wrap .service-list {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center
    }
    .footer-section .copyright-and-social-area {
        flex-wrap: wrap;
        justify-content: center
    }
    .footer-section.style-2 .footer-menu-wrap {
        padding: 0 0
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area {
        padding: 70px 0 50px
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .company-logo-area {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list {
        gap: 40px
    }
    .footer-section.style-3 .footer-menu-wrap .footer-menu {
        padding: 50px 0 70px
    }
    .footer-section.style-3 .file-download-btn {
        margin-top: 0
    }
    .footer-section.style-4 .file-download-btn {
        margin-top: 0
    }
    .footer-section.style-4 .location-list {
        justify-content: start
    }
    .footer-section.style-4 .divider-line {
        margin: 50px 0
    }
    .footer-section.style-5 .footer-menu-wrap .company-logo-and-location-area {
        padding: 70px 0 50px
    }
    .footer-section.style-5 .footer-menu-wrap .company-logo-and-location-area .company-logo-area {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px
    }
    .footer-section.style-5 .footer-menu-wrap .footer-menu {
        padding: 50px 0 70px
    }
    .footer-section.style-5 .file-download-btn {
        margin-top: 0
    }
    .footer-section.style-6 .footer-top-area {
        margin-top: 70px
    }
    .footer-section.style-6 .footer-top-area .footer-top-left-content h2 {
        font-size: 31px;
        margin-bottom: 8px
    }
    .footer-section.style-7 {
        padding-top: 70px
    }
    .footer-section.style-7 .footer-top h2 {
        font-size: 50px;
        line-height: 1.3;
        margin-bottom: 30px
    }
    .footer-section.style-7 .footer-top .mail-area {
        min-width: 420px;
        padding: 22px 50px
    }
    .footer-section.style-7 .footer-menu-wrap {
        padding: 70px 0
    }
    .home2-banner-section .banner-content>span {
        margin-bottom: 15px
    }
    .home2-banner-section .banner-content h1 {
        font-size: 45px;
        line-height: 1.2
    }
    .home2-feature-section .feature-contact-banner .banner-content .number {
        margin-bottom: 15px
    }
    .home2-feature-section .feature-contact-banner .banner-content .number h2,
    .home2-feature-section .feature-contact-banner .banner-content .number span {
        font-size: 40px
    }
    .home2-feature-section .feature-contact-banner .banner-content p {
        margin-bottom: 35px
    }
    .home2-feature-section .feature-contact-banner .banner-img {
        display: none
    }
    .home2-global-map-section .section-title {
        margin-bottom: 120px
    }
    .home2-global-map-section .counter-wrap .single-counter .icon {
        min-width: 58px;
        max-width: 58px;
        height: 58px
    }
    .home2-global-map-section .counter-wrap .single-counter .icon svg {
        width: 50px
    }
    .home2-global-map-section .counter-wrap .single-counter .content .number h2,
    .home2-global-map-section .counter-wrap .single-counter .content .number span {
        font-size: 36px
    }
    .testimonial-card2 .testimonial-content-wrap .company-logo {
        margin-bottom: 30px
    }
    .testimonial-card2 .testimonial-content-wrap .quote {
        right: 60px
    }
    .testimonial-card2.two .testimonial-img .video-player {
        width: 36px;
        height: 36px
    }
    .testimonial-card2.two .testimonial-img .video-player i {
        font-size: 22px
    }
    .testimonial-card2.two .testimonial-content-wrap {
        min-height: 315px
    }
    .testimonial-card2.two .testimonial-content-wrap .joint1,
    .testimonial-card2.two .testimonial-content-wrap .joint2 {
        display: none
    }
    .home2-app-banner-section .banner-wrapper .banner-content .section-title {
        margin-bottom: 45px
    }
    .home2-contact-section .section-title {
        margin-bottom: 45px
    }
    .home3-banner-section .banner-content-wrap .banner-content p {
        font-size: 17px;
        margin-bottom: 35px
    }
    .home3-banner-section .banner-content-wrap .banner-content .btn-and-counter-area {
        gap: 30px
    }
    .portfolio-card .portfolio-img-wrap .portfolio-img {
        -webkit-mask-position: top right;
        mask-position: top right
    }
    .home3-service-section .sevices-wrap .single-services .title-area h3 a {
        font-size: 26px
    }
    .blog-card2 .blog-content-wrap .blog-meta {
        margin-bottom: 10px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area {
        gap: 30px
    }
    .home4-counter-section .single-counter .conter-content .number h2,
    .home4-counter-section .single-counter .conter-content .number span {
        font-size: 40px;
        margin-bottom: 15px
    }
    .home4-industry-section .industry-img.two ul {
        margin-left: 0
    }
    .home4-industry-section .industry-img.two ul li .counter-wrap {
        left: -20px
    }
    .home4-testimonial-section .result-and-award-area .result-area {
        margin-bottom: 40px
    }
    .case-study-card2 .case-study-content-wrap {
        padding: 20px 0
    }
    .case-study-card2 .case-study-content-wrap .case-study-content h4 {
        margin-bottom: 15px
    }
    .team-card .team-img {
        margin-bottom: 15px
    }
    .team-card .team-content h5 a {
        font-size: 21px
    }
    .team-card .team-content .social-list li .social-area {
        padding-top: 5px
    }
    .home5-banner-section .banner-content {
        padding: 140px 20px 70px 20px
    }
    .home5-banner-section .banner-content h1 {
        font-size: 48px;
        margin-bottom: 35px
    }
    .home5-feature-section .about-area .content {
        padding: 35px 30px
    }
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area {
        margin-bottom: 35px
    }
    .home6-banner-section .banner-wrapper .banner-content .sub-title span {
        font-size: 22px
    }
    .home6-banner-section .banner-wrapper .banner-content h1 {
        font-size: 46px;
        line-height: 1.2;
        margin-bottom: 20px
    }
    .home6-banner-section .banner-wrapper .banner-content p {
        margin-bottom: 35px
    }
    .home6-banner-section .banner-wrapper .banner-content .email-area {
        max-width: 460px
    }
    .home6-feature-section .feature-card4.two .feature-content-wrap {
        padding: 30px 15px
    }
    .home6-process-section .primary-btn4 .content {
        font-size: 12px
    }
    .home6-process-section .result-area {
        padding-top: 30px
    }
    .home6-process-section .process-wrapper .process-list::before {
        display: none
    }
    .home6-process-section .process-wrapper .process-list .single-process .content h5 {
        margin-bottom: 10px
    }
    .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 18px;
        padding: 18px 20px
    }
    .faq-wrap .accordion .accordion-item .accordion-body {
        padding: 0 20px 20px 20px
    }
    .faq-wrap .accordion .accordion-item .accordion-body ul {
        padding-top: 15px;
        padding-left: 20px
    }
    .faq-wrap .accordion .accordion-item .accordion-body ul li {
        margin-bottom: 15px
    }
    .home7-banner-section .banner-content-wrap .title-area h1 {
        font-size: 48px;
        margin-bottom: 20px
    }
    .home7-about-section .skill-area .skill-list .single-skill .content {
        padding-top: 40px
    }
    .home7-service-section .service-wrapper .service-list .single-service .vector {
        right: 10px;
        width: 120px
    }
    .home7-service-section .service-wrapper .contact-btn-area {
        margin-top: 40px
    }
    .award-table tbody tr:first-child td {
        padding-top: 10px
    }
    .award-table tbody tr:last-child td {
        padding-bottom: 10px
    }
    .breadcrumb-section .banner-content h1 {
        font-size: 43px;
        margin-bottom: 25px
    }
    .breadcrumb-section .banner-content .breadcrumb-list li {
        font-size: 15px;
        gap: 12px
    }
    .breadcrumb-section .banner-content .blog-meta li {
        font-size: 15px;
        gap: 12px
    }
    .pagination-area {
        gap: 10px
    }
    .portfolio-page .nav-pills {
        padding: 15px;
        gap: 15px
    }
    .portfolio-page .nav-pills .nav-item .nav-link {
        padding: 7px 15px;
        font-size: 14px
    }
    .portfolio-caption-card .info-flow-content h6 a {
        font-size: 16px
    }
    .industries-page-banner .banner-content-wrap .banner-title h2 {
        font-size: 38px
    }
    .industries-page-banner .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 30px
    }
    .service-page-banner-section .banner-img-wrap .banner-img {
        -webkit-mask-image: unset;
        mask-image: unset
    }
    .service-page-banner-section .banner-img-wrap .banner-img img {
        min-height: 350px;
        object-fit: cover;
        object-fit: cover;
        border-radius: 15px
    }
    .service-page-banner-section .banner-content-wrap .banner-title h2 {
        font-size: 38px
    }
    .service-page-banner-section .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 30px
    }
    .award-page-banner .single-counter .number h2,
    .award-page-banner .single-counter .number span {
        font-size: 38px
    }
    .social-responsibility-section .title-area {
        margin-bottom: 30px
    }
    .social-responsibility-contact-section .social-responsibility-contact-wrap .contact-content .social-list li .social-area {
        padding-top: 5px
    }
    .career-feature-section .title-area .content .button-area {
        margin-top: 15px
    }
    .career-page-position-section .section-title .shape-and-title-area svg {
        display: none
    }
    .career-page-position-section .section-title p {
        margin-left: 0;
        max-width: unset
    }
    .career-details-page .career-details-content h4 {
        font-size: 30px
    }
    .career-details-page .career-details-content ul li {
        margin-bottom: 15px
    }
    .career-details-page .career-details-content .job-apply-area {
        border-radius: 15px
    }
    .career-details-page .career-details-content .job-apply-area .vector-area .circle {
        min-height: 100px
    }
    .career-details-page .career-details-content .job-apply-area .contact-area .contact span {
        margin-bottom: 8px
    }
    .career-details-page .career-details-content .job-apply-area .contact-area .contact a {
        font-size: 18px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body {
        padding: 40px 40px 45px
    }
    .details-content-wrap .post-title-and-tag {
        padding-bottom: 30px;
        border-bottom: 1px solid var(--borders-color);
        margin-bottom: 40px
    }
    .details-content-wrap .post-title-and-tag h2 {
        font-size: 42px
    }
    .details-content-wrap .post-title-and-tag .tag-list {
        margin-bottom: 0
    }
    .details-content-wrap .post-title-and-tag .divider-line {
        display: none
    }
    .details-content-wrap blockquote .content h4 {
        font-size: 26px;
        margin-bottom: 15px
    }
    .details-content-wrap blockquote .quote {
        left: 30px
    }
    .details-content-wrap .img-grp img {
        min-height: 250px;
        max-height: 250px;
        width: 100%
    }
    .details-content-wrap .tag-and-social-area {
        margin-top: 40px;
        border-radius: 20px
    }
    .details-content-wrap .tag-and-social-area .tag-area {
        width: 100%
    }
    .details-content-wrap .tag-and-social-area .social-area {
        width: 100%;
        justify-content: start
    }
    .details-content-wrap.portfolio-details .post-title-and-tag {
        padding-bottom: 0;
        border: unset;
        margin-bottom: 40px
    }
    .details-content-wrap.portfolio-details .post-thumb .portfolio-details-info-area {
        padding: 25px 20px
    }
    .details-content-wrap.portfolio-details .post-thumb .portfolio-details-info-area .info-box {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))
    }
    .details-content-wrap.portfolio-details .post-thumb .portfolio-details-info-area .info-box .info-item strong {
        max-width: 90px
    }
    .comment-and-form-area .comment-title {
        font-size: 28px
    }
    .comment-and-form-area .comment-respond {
        padding: 40px 25px
    }
    .details-pagination {
        flex-wrap: wrap;
        justify-content: center
    }
    .details-pagination .divider-line {
        display: none
    }
    .product-details-page .product-description-and-review-area .tab-content2 .comment-and-form-area .comment-area .comment-title {
        font-size: 28px
    }
    .product-details-page .product-description-and-review-area .tab-content2 .review-form {
        padding: 40px 30px
    }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        color: var(--text-color);
        font-family: var(--font-suse);
        font-size: 18px;
        font-weight: 600
    }
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item {
        gap: 12px
    }
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img img {
        width: 45px;
        height: unset
    }
    .case-study-details-sidebar .case-study-details-info-wrap {
        padding: 40px 30px
    }
    .team-page-counter-area .single-counter .number h2,
    .team-page-counter-area .single-counter .number span {
        font-size: 38px
    }
    .team-page-content-banner .banner-content p {
        margin-bottom: 40px
    }
    .team-page-content-banner .banner-content .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 20px
    }
    .team-page-content-banner.style-2 .banner-wrapper {
        padding: 50px 20px
    }
    .team-page-content-banner.style-3 .banner-wrapper {
        padding: 50px 20px
    }
    .team-card2 .team-content h5 a {
        font-size: 21px
    }
    .team-details-page .team-details-content .name-designation-area h2 {
        font-size: 42px
    }
    .team-details-page .team-details-content>span {
        font-size: 20px
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 55px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content {
        padding: 70px 25px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content ul {
        gap: 10px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area h1 a {
        font-size: 55px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 42px
    }
    .portfolio-interactive-page .nav-pills {
        margin-bottom: 20px;
        gap: 20px
    }
    .portfolio-interactive-page .interactive-list .interactive-item {
        font-size: 35px;
        gap: 8px
    }
    .portfolio-interactive-page .social-area {
        padding-top: 40px
    }
    .portfolio-interactive-page .social-area .social-list {
        gap: 10px
    }
    body.dark .home2-contact-section .contact-video-wrap .contact-video .shape {
        display: none
    }
    .mobile-hide {
        display: none;
        visibility: hidden
    }
}

@media (max-width:767px) and (max-width:576px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before {
        font-size: 16px
    }
    .mobile-hide {
        display: none;
        visibility: hidden
    }
}

@media (max-width:640px) {
    .mobile-hide {
        display: none;
        visibility: hidden
    }
}

@media (max-width:576px) {
    .mobile-hide {
        display: none;
        visibility: hidden
    }
    .section-title h2 {
        font-size: 22px
    }
    .section-title p {
        font-size: 16px;
        padding-top: 15px
    }
    .section-title.three h2 {
        font-size: 38px
    }
    .section-title.three p {
        padding-top: 10px
    }
    .section-title.four h2 {
        font-size: 38px
    }
    .form-inner textarea {
        padding: 20px 15px
    }
    .form-inner2 .form-check .form-check-label {
        font-size: 15px
    }
    header.style-2 {
        padding: 18px 0
    }
    header.style-2 .nav-right {
        gap: 20px
    }
    header.style-3 {
        padding: 10px 0;
        z-index: 9999999
    }
    header.style-3 .company-logo img {
        width: 180px
    }
    header.style-3 .nav-right {
        gap: 15px
    }
    header.style-3 .nav-right .right-sidebar-button {
        width: 40px;
        height: 40px;
        z-index: 99999
    }
    header.style-3 .nav-right .mobile-menu-btn {
        min-width: 40px;
        max-width: 40px;
        height: 40px
    }
    header.style-3 .nav-right .mobile-menu-btn svg {
        width: 18px
    }
    header.style-5 .nav-right .mobile-menu-btn {
        min-width: 40px;
        max-width: 40px;
        height: 40px
    }
    header.style-5 .nav-right .mobile-menu-btn svg {
        width: 18px
    }
    header.style-6 .nav-right {
        gap: 15px
    }
    header.style-6 .nav-right .mobile-menu-btn {
        min-width: 40px;
        max-width: 40px;
        height: 40px
    }
    header.style-6 .nav-right .mobile-menu-btn svg {
        width: 18px
    }
    header.style-7 .nav-right .right-sidebar-button {
        width: 40px;
        height: 40px
    }
    .right-sidebar-menu {
        width: 320px;
        padding: 18px 20px 45px
    }
    .right-sidebar-menu .sidebar-logo-area {
        margin-bottom: 0
    }
    .right-sidebar-menu .sidebar-content-wrap {
        gap: 30px;
        max-height: 100vh
    }
    .right-sidebar-menu .sidebar-content-wrap h3 {
        margin-bottom: 30px;
        font-size: 25px
    }
    .right-sidebar-menu .sidebar-content-wrap .address-area {
        margin-bottom: 30px
    }
    .right-sidebar-menu .sidebar-content-wrap .contact-area .single-contact {
        margin-bottom: 35px
    }
    .right-sidebar-menu .sidebar-content-wrap .contact-area .single-contact .content h6 a {
        font-size: 16px
    }
    .right-sidebar-menu .sidebar-content-wrap .sidebar-bottom-area {
        padding-top: 50px
    }
    .right-sidebar-menu .sidebar-content-wrap .sidebar-bottom-area .subscribe-area h5 {
        font-size: 20px;
        margin-bottom: 15px
    }
    .right-sidebar-menu .sidebar-content-wrap .sidebar-bottom-area .subscribe-area .subscribe-form-wrap .subscribe-form {
        padding: 8px 20px
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu {
        padding: 20px
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu>ul>li>a {
        font-size: 20px
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu>ul>li ul.sub-menu>li>a {
        font-size: 18px
    }
    .right-sidebar-menu .sidebar-content-wrap .main-menu .primary-btn3 {
        margin-top: 35px
    }
    .right-sidebar-menu.two {
        padding: 18px 20px 40px;
        border-radius: 10px;
        margin-right: 10px
    }
    .home2-transaction-section .transaction-tool-wrapper .logo-and-vector .vector {
        width: 410px
    }
    .right-sidebar-menu.two .sidebar-content-wrap .menu-contact-area {
        flex-wrap: wrap;
        gap: 15px
    }
    .right-sidebar-menu.two .sidebar-content-wrap .social-area {
        padding: 40px 20px
    }
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 40px 0
    }
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 42px
    }
    .home1-banner-section .banner-wrapper .banner-content h2 {
        font-size: 42px
    }
    .home1-banner-section .banner-wrapper .banner-content .btn-and-rating-area .primary-btn1 {
        padding: 20px 23px
    }
    .partner-area .partner-wrap .marquee {
        gap: 30px
    }
    .partner-area .partner-wrap .marquee .marquee__group {
        gap: 30px
    }
    .partner-area .partner-wrap .marquee .marquee__group a img {
        width: 155px;
        border-radius: 10px;
        --tw-shadow: 0px 150px 42px 0px rgba(0, 0, 0, 0.00), 0px 96px 38px 0px rgba(0, 0, 0, 0.01), 0px 6px 13px 0px rgba(0, 0, 0, 0.10) !important;
        --tw-shadow-colored: 0px 150px 42px 0px var(--tw-shadow-color), 0px 96px 38px 0px var(--tw-shadow-color), 0px 6px 13px 0px var(--tw-shadow-color) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }
    .partner-area.two .partner-wrap {
        padding: 60px 10px 45px;
        border-radius: 10px
    }
    .home1-feature-section .feature-banner-area .banner-content h2 {
        font-size: 35px;
        line-height: 1.2
    }
    .home1-feature-section .feature-banner-area .banner-content p {
        font-size: 16px
    }
    .contact-btn-area {
        flex-wrap: wrap;
        border-radius: 20px;
        padding: 14px 25px;
        justify-content: center;
        margin-left: 0
    }
    .contact-btn-area h6 {
        text-align: center
    }
    .contact-btn-area.two {
        padding: 16px 30px;
        margin-left: 0px !important;
        max-width: 100% !important
    }
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content {
        padding: 30px 18px
    }
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content p {
        font-size: 15px;
        margin-bottom: 20px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span {
        font-size: 17px
    }
    .home1-industries-section.style-3 .home1-industries-top .industries-list li a span sup {
        font-size: 15px
    }
    .testimonial-card .author-and-quote-area .quote {
        position: absolute;
        top: 50px;
        right: 20px;
        z-index: -1
    }
    .case-study-card .case-study-img-wrap .tag {
        top: 15px;
        left: 15px
    }
    .home1-contact-section .contact-area .arrow-and-contact-list .contact-list .single-contact:first-child {
        padding-right: 0
    }
    .home1-contact-section .contact-area .arrow-and-contact-list .contact-list .single-contact .contact-content-wrap .content a {
        font-size: 17px
    }
    .contact-form-wrap.style-2 {
        padding: 45px 20px 50px;
        border-radius: 15px
    }
    .contact-form-wrap.style-2 .section-title.three p {
        padding-top: 0
    }
    .contact-form-wrap.style-2 .form-inner2 .form-check .form-check-label {
        font-size: 15px
    }
    .throwable-item {
        font-size: 15px;
        padding: 10px 17px
    }
    .home1-company-info-section .feature-wrap .title-area {
        padding: 20px
    }
    .home1-company-info-section .counter-wrap .counter-content-area .counter-content .number {
        margin-bottom: 12px
    }
    .footer-section .footer-menu-wrap {
        padding: 60px 0
    }
    .footer-section .footer-menu-wrap .footer-contact-wrap h2 {
        font-size: 28px;
        line-height: 1.3
    }
    .footer-section .footer-menu-wrap .footer-contact-wrap .contact-list {
        flex-wrap: wrap;
        gap: 25px
    }
    .footer-section .location-list li span {
        font-size: 26px;
        margin-bottom: 10px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap {
        gap: 30px
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area {
        flex-wrap: wrap
    }
    .footer-section.style-2 .footer-menu-wrap .footer-contact-wrap .title-area h2 {
        font-size: 28px
    }
    .footer-section.style-2 .copyright-and-social-area {
        padding-top: 0
    }
    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list {
        flex-wrap: wrap;
        gap: 30px
    }
    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap {
        flex-direction: column;
        align-items: start;
        gap: 35px;
        padding-bottom: 40px
    }
    .footer-section.style-4 .footer-menu-wrap .company-logo-and-location-area {
        padding-top: 50px;
        margin-top: 50px;
        border-top: 1px solid #2E2C30
    }
    .footer-section.style-4 .location-list {
        flex-wrap: wrap
    }
    .footer-section.style-4 .divider-line {
        display: none
    }
    .footer-section.style-5 .footer-menu-wrap .footer-contact-wrap {
        flex-direction: column;
        align-items: start;
        gap: 35px;
        padding-bottom: 40px
    }
    .footer-section.style-6 .footer-top-area {
        padding: 40px 18px;
        border-radius: 15px
    }
    .footer-section.style-6 .footer-top-area .footer-top-left-content h2 {
        font-size: 28px
    }
    .footer-section.style-6 .footer-top-area .footer-top-right-content .email-area {
        min-width: unset
    }
    .footer-section.style-6 .footer-top-area .footer-top-right-content .email-area .form-inner {
        flex-wrap: wrap;
        background-color: #fff0;
        gap: 15px
    }
    .footer-section.style-6 .footer-top-area .footer-top-right-content .email-area .form-inner input {
        background-color: var(--white-color)
    }
    .footer-section.style-6 .footer-top-area .footer-top-right-content .email-area .form-inner .primary-btn3 {
        width: 100%;
        justify-content: center;
        padding: 20px 22px
    }
    .footer-section.style-7 .footer-top h2 {
        font-size: 45px
    }
    .footer-section.style-7 .footer-top .mail-area {
        min-width: unset;
        padding: 20px 20px;
        width: 100%;
        font-size: 24px
    }
    .home2-banner-section .banner-content>span {
        font-size: 15px
    }
    .home2-banner-section .banner-content h1 {
        font-size: 40px
    }
    .home2-banner-section .banner-content p {
        font-size: 17px;
        margin-bottom: 40px
    }
    .home2-banner-section .banner-content .email-area {
        border-radius: 10px
    }
    .home2-banner-section .banner-content .email-area .form-inner {
        flex-wrap: wrap;
        background-color: #fff0;
        gap: 20px
    }
    .home2-banner-section .banner-content .email-area .form-inner input {
        background-color: var(--white-color)
    }
    .home2-banner-section .banner-content .email-area .form-inner .primary-btn2 {
        width: 100%
    }
    .home2-global-map-section .section-title {
        margin-bottom: 0
    }
    .home2-global-map-section .counter-wrap .single-counter:last-child {
        margin-bottom: 0
    }
    .home2-global-map-section .counter-wrap .single-counter .content p {
        font-size: 15px
    }
    .home2-transaction-section .transaction-tool-wrapper .logo-and-vector .company-logo-wrap .company-logo {
        width: 75px;
        height: 75px
    }
    .home2-process-section .title-area h6 {
        font-size: 17px;
        padding: 6px 15px
    }
    .testimonial-card2 .testimonial-content-wrap .author-area {
        max-width: unset
    }
    .testimonial-card2 .testimonial-content-wrap .quote {
        top: 30px;
        right: 30px;
        width: 80px
    }
    .testimonial-card2.two .testimonial-content-wrap {
        padding: 25px 15px;
        gap: 15px;
        min-height: 306px
    }
    .testimonial-card2.two .testimonial-content-wrap .testimonial-content .testimonial-content-top {
        margin-bottom: 10px
    }
    .testimonial-card2.two .testimonial-content-wrap .quote {
        bottom: 40px;
        right: 25px
    }
    .home2-feature-slider-section .feature-content-wrap .section-title {
        margin-bottom: 30px
    }
    .home2-feature-slider-section .feature-slider-area .swiper-pagination1 {
        justify-content: center
    }
    .blog-card {
        padding: 5px;
        border-radius: 15px
    }
    .blog-card .blog-content {
        padding: 25px 10px 20px
    }
    .blog-card .blog-content .blog-category a {
        margin-bottom: 10px
    }
    .blog-card .blog-content h4 a {
        font-size: 23px
    }
    .home2-app-banner-section .banner-wrapper .banner-content {
        padding: 50px 15px
    }
    .home2-app-banner-section .banner-wrapper .banner-content .store-list {
        gap: 10px
    }
    .home2-app-banner-section .banner-wrapper .banner-content .store-list li a img {
        width: 140px;
        min-width: unset
    }
    .home2-contact-section .section-title {
        margin-bottom: 35px
    }
    .home3-banner-section .banner-content-wrap .banner-content h1 span {
        font-size: 30px
    }
    .home3-banner-section .banner-content-wrap .banner-content h1 {
        font-size: 38px
    }
    .home3-banner-section .banner-content-wrap .banner-content p {
        font-size: 15px;
        margin-bottom: 25px
    }
    .home3-banner-section .banner-content-wrap .banner-content .btn-and-counter-area {
        flex-wrap: wrap;
        gap: 25px
    }
    .home3-banner-section .banner-content-wrap .banner-content .btn-and-counter-area .primary-btn3 {
        padding: 16px 26px
    }
    .home3-banner-section .home3-video-wrapper .content {
        padding-top: 10px
    }
    .home3-about-section .achievment-area .icon svg {
        width: 85px
    }
    .home3-about-section .achievment-area .content h6 {
        font-size: 25px
    }
    .home3-about-section .achievment-area .content p {
        font-size: 16px
    }
    .home3-about-section .about-feature-card .card-content h2,
    .home3-about-section .about-feature-card .card-content span {
        font-size: 45px;
        margin-bottom: 10px
    }
    .portfolio-card .portfolio-img-wrap .details-btn-wrap {
        left: 20px
    }
    .portfolio-card .portfolio-img-wrap .details-btn-wrap .icon {
        width: 35px;
        height: 35px
    }
    .portfolio-card .portfolio-img-wrap .details-btn-wrap .icon i {
        font-size: 26px
    }
    .portfolio-card .portfolio-img-wrap .details-btn-wrap .details-btn {
        font-size: 15px;
        padding: 10px 20px;
        left: 45px
    }
    .portfolio-card .portfolio-content h3 a {
        font-size: 24px
    }
    .home3-service-section .sevices-wrap .single-services .title-area .icon svg {
        width: 50px
    }
    .home3-service-section .sevices-wrap .single-services .title-area h3 a {
        font-size: 23px
    }
    .home3-process-section .founder-area .quote {
        margin-left: -10px;
        width: 120px;
        margin-bottom: 5px
    }
    .home3-testimonial-section .swiper-pagination1 {
        justify-content: center
    }
    .testimonial-card3 .testimonial-content-wrap .author-area {
        gap: 10px;
        margin-bottom: 30px
    }
    .testimonial-card3 .testimonial-content-wrap .author-area .author-content h5 {
        font-size: 20px
    }
    .testimonial-card3 .testimonial-content-wrap .quote {
        display: none
    }
    .testimonial-card3 .video-player {
        top: 15px;
        right: 15px;
        width: 30px;
        height: 30px
    }
    .testimonial-card3 .video-player svg {
        width: 10px
    }
    .blog-card2 .blog-img {
        border-radius: 15px
    }
    .blog-card2 .blog-img img {
        max-height: 350px;
        width: 100%;
        object-fit: cover;
        object-fit: cover;
        border-radius: 15px
    }
    .blog-card2 .blog-content-wrap .blog-meta li a {
        font-size: 14px
    }
    .blog-card2 .blog-content-wrap h3 {
        margin-bottom: 30px
    }
    .blog-card2 .blog-content-wrap h3.inds-title {
        margin-bottom: 30px
    }
    .blog-card2 .blog-content-wrap h3 a {
        font-size: 25px
    }
    .blog-card2.two .blog-img {
        border-radius: 15px
    }
    .blog-card2.two .blog-img img {
        border-radius: 15px
    }
    .blog-card2.two .blog-content-wrap {
        padding-top: 20px
    }
    .blog-card2.two .blog-content-wrap .blog-meta {
        margin-bottom: 10px
    }
    .blog-card2.two .blog-content-wrap h3 a {
        font-size: 22px
    }
    .blog-card2.three .blog-content-wrap {
        padding: 25px 0 0 25px
    }
    .blog-card2.three .blog-content-wrap h3 a {
        font-size: 22px
    }
    .home4-banner-section .banner-content-wrap .subtitle>span {
        font-size: 22px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area {
        flex-wrap: wrap;
        gap: 25px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .content {
        padding: 18px 30px
    }
    .home3-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .content {
        padding: 18px 30px
    }
    .home3-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .icon {
        min-width: 52px;
        max-width: 52px;
        height: 52px
    }
    .home4-banner-section .banner-content-wrap .btn-and-counter-area .primary-btn4 .icon {
        min-width: 52px;
        max-width: 52px;
        height: 52px
    }
    .home4-industry-section .industry-img ul {
        height: unset
    }
    .home4-industry-section .industry-img ul li .single-img {
        height: unset
    }
    .home4-industry-section .industry-img ul li .single-img img {
        height: unset
    }
    .home4-industry-section .industry-img.two ul {
        min-height: 400px
    }
    .home4-industry-section .industry-img.two ul li .counter-wrap {
        left: -5px;
        bottom: 40px
    }
    .testimonial-card4 .testimonial-content .quote {
        width: 80px;
        right: 30px
    }
    .testimonial-card4.two .testimonial-content {
        padding: 30px 20px
    }
    .case-study-card2 .case-study-img img {
        max-height: 350px;
        width: 100%;
        object-fit: cover;
        object-fit: cover
    }
    .case-study-card2 .case-study-content-wrap {
        padding: 0
    }
    .case-study-card2 .case-study-content-wrap .case-study-content h4 a {
        font-size: 25px
    }
    .case-study-card2.two .case-study-img img {
        min-height: 300px
    }
    .case-study-card2.two .case-study-content-wrap {
        padding: 25px 14px;
        gap: 30px
    }
    .case-study-card2.two .case-study-content-wrap .case-study-content h4 a {
        font-size: 24px
    }
    .case-study-card2.two .case-study-content-wrap .case-study-content ul {
        gap: 20px
    }
    .case-study-card2.three .case-study-content-wrap {
        padding: 25px 14px;
        gap: 30px
    }
    .case-study-card2.three .case-study-content-wrap .case-study-content h4 a {
        font-size: 24px
    }
    .case-study-card2.three .case-study-content-wrap .case-study-content ul {
        gap: 20px
    }
    .home4-team-section .swiper-pagination1 {
        justify-content: center
    }
    .team-card .team-content>span {
        font-size: 15px
    }
    .home4-contact-section .contact-wrapper .contact-content .home4-contact-btn-area .primary-btn4 .content {
        padding: 20px 25px
    }
    .home5-banner-section .banner-content {
        padding: 120px 10px 60px 10px
    }
    .home5-banner-section .banner-content .sub-title {
        gap: 10px;
        margin-bottom: 15px
    }
    .home5-banner-section .banner-content .sub-title span {
        font-size: 14px
    }
    .home5-banner-section .banner-content h1 {
        font-size: 38px;
        margin-bottom: 30px
    }
    .home5-banner-section .banner-content .btn-and-rating-area {
        flex-wrap: wrap;
        gap: 20px
    }
    .home5-banner-section .banner-content .btn-and-rating-area .primary-btn5 {
        padding: 17px 18px
    }
    .home5-banner-section .banner-img-wrap .swiper-pagination1 {
        justify-content: center
    }
    .home5-feature-section .about-area .content {
        padding: 35px 20px
    }
    .home5-feature-section .about-area .counter-wrap .counter-content .number {
        margin-bottom: 10px
    }
    .home5-feature-section .about-area .counter-wrap .counter-content .number h2,
    .home5-feature-section .about-area .counter-wrap .counter-content .number span {
        font-size: 32px
    }
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area .number h2,
    .home5-about-section .about-wrapper .counter-and-btn-area .counter-area .number span {
        font-size: 40px
    }
    .home5-award-section .award-content-wrap .line {
        width: 250px
    }
    .home5-award-section .award-content-wrap .vector {
        width: 65px;
        height: 65px
    }
    .blog-card3 .blog-content-wrap .blog-content {
        padding: 25px 15px 35px
    }
    .blog-card3 .blog-content-wrap .blog-content h4 a {
        font-size: 24px
    }
    .blog-card3 .blog-content-wrap .read-more-btn {
        padding-left: 15px
    }
    .home6-banner-section .banner-wrapper .banner-content .sub-title span {
        font-size: 22px
    }
    .home6-banner-section .banner-wrapper .banner-content h1 {
        font-size: 35px;
        margin-bottom: 15px
    }
    .home6-banner-section .banner-wrapper .banner-content p {
        font-size: 17px;
        margin-bottom: 25px
    }
    .home6-banner-section .banner-wrapper .banner-content .email-area .form-inner {
        flex-wrap: wrap;
        background-color: #fff0;
        gap: 15px
    }
    .home6-banner-section .banner-wrapper .banner-content .email-area .form-inner input {
        background-color: var(--white-color)
    }
    .home6-banner-section .banner-wrapper .banner-content .email-area .form-inner .primary-btn3 {
        width: 100%;
        justify-content: center;
        padding: 20px 22px
    }
    .home6-review-section .review-wrapper .title-area {
        padding: 7px 12px
    }
    .home6-review-section .review-wrapper .title-area h5 {
        font-size: 20px
    }
    .home6-feature-section .feature-card4 .social-area .social-wrapper {
        min-width: 240px;
        max-width: 240px;
        height: 240px
    }
    .home6-feature-section .feature-card4 .social-area .social-wrapper .social-list li .icon {
        width: 55px;
        height: 55px
    }
    .home6-feature-section .feature-card4 .social-area .social-wrapper .social-list li .icon img {
        width: 35px
    }
    .home6-feature-section .feature-card4.two .feature-content-wrap {
        padding: 30px 5px
    }
    .home6-feature-section .feature-card4.two .feature-content-wrap .icon {
        margin-bottom: 35px
    }
    .home6-feature-section .button-area {
        gap: 5
    }
    .home6-counter-section .single-counter .content .number h2,
    .home6-counter-section .single-counter .content .number span {
        font-size: 32px
    }
    .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
        padding: 15px 10px 15px 15px;
        font-size: 17px;
        line-height: 1.5
    }
    .faq-wrap .accordion .accordion-item .accordion-body {
        padding: 0 15px 15px 15px;
        font-size: 16px
    }
    .faq-wrap.two .accordion .accordion-item .accordion-header .accordion-button {
        padding: 15px 10px 15px 15px;
        gap: 5px
    }
    .faq-wrap.two .accordion .accordion-item .accordion-body {
        padding: 0 15px 15px 15px;
        font-size: 16px
    }
    .home7-banner-section .banner-content-wrap .title-area h1 {
        font-size: 45px;
        line-height: 1.3
    }
    .home7-banner-section .banner-content-wrap .title-area h1 .banner-video-wrap {
        flex-wrap: wrap;
        gap: 2px
    }
    .home7-banner-section .banner-content-wrap .title-area h1 .banner-video-wrap .banner-video {
        margin-bottom: 5px
    }
    .home7-banner-section .banner-content-wrap .banner-content .arrow {
        display: none
    }
    .home7-banner-section .banner-content-wrap .banner-content .content-and-btn-area p {
        margin-bottom: 35px
    }
    .home7-about-section .skill-area .skill-list .single-skill .content {
        padding-top: 30px
    }
    .home7-about-section .skill-area .skill-list .single-skill .content h4 {
        font-size: 24px
    }
    .home7-about-section .skill-area .skill-list .single-skill .content span {
        font-size: 15px
    }
    .portfolio-card2 .portfolio-img {
        border-radius: 15px
    }
    .portfolio-card2 .portfolio-img img {
        border-radius: 15px
    }
    .portfolio-card2 .portfolio-img .details-btn-wrap {
        right: 20px
    }
    .portfolio-card2 .portfolio-img .details-btn-wrap .icon {
        width: 35px;
        height: 35px
    }
    .portfolio-card2 .portfolio-img .details-btn-wrap .icon i {
        font-size: 26px
    }
    .portfolio-card2 .portfolio-img .details-btn-wrap .details-btn {
        font-size: 15px;
        padding: 10px 20px;
        right: 45px
    }
    .portfolio-card2.two .portfolio-content {
        padding-left: 20px
    }
    .home7-service-section .service-wrapper .service-list .single-service .vector {
        display: none
    }
    .award-table tbody tr td:last-child {
        text-align: start
    }
    .award-table.two tbody tr td:nth-child(2) {
        padding-left: 0
    }
    .award-table.two tbody tr td:nth-child(3) {
        padding-left: 0
    }
    .breadcrumb-section .banner-content h1 {
        font-size: 36px;
        line-height: 1.2
    }
    .breadcrumb-section .banner-content .breadcrumb-list {
        padding: 9px 18px
    }
    .breadcrumb-section .banner-content .breadcrumb-list li {
        font-size: 14px;
        gap: 10px
    }
    .breadcrumb-section .banner-content .breadcrumb-list li svg {
        min-width: 20px
    }
    .breadcrumb-section .banner-content .blog-meta li {
        font-size: 14px;
        gap: 10px
    }
    .breadcrumb-section .banner-content .blog-meta li svg {
        min-width: 20px
    }
    .pagination-area .paginations .page-item a {
        width: 30px;
        height: 30px;
        font-size: 12px
    }
    .pagination-area .paginations-button a {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
        font-size: 14px
    }
    .portfolio-page .nav-pills {
        justify-content: center;
        border-radius: 30px
    }
    .portfolio-caption-card .portfolio-caption-img img {
        max-height: 350px;
        min-height: 350px
    }
    .industries-page-banner .banner-content-wrap .banner-title h2 {
        font-size: 34px
    }
    .industries-page-banner .banner-content-wrap .banner-content p {
        font-size: 16px
    }
    .pricing-plan-page .pricing-plan-card .pricing-plan-top .title-area {
        margin-bottom: 15px
    }
    .pricing-plan-page .pricing-plan-card .pricing-plan-top .title-area h4 {
        font-size: 26px
    }
    .contact-page-top .single-contact .contact-list li .content h6 a {
        font-size: 20px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area {
        position: relative;
        top: unset;
        left: unset;
        min-height: 120px;
        max-height: 120px;
        border-radius: 10px
    }
    .service-page-banner-section .banner-img-wrap .counter-wrap .counter-area.two {
        bottom: unset;
        right: unset
    }
    .service-page-banner-section .banner-content-wrap .banner-title h2 {
        font-size: 32px
    }
    .service-page-banner-section .banner-content-wrap .banner-title p {
        font-size: 20px
    }
    .service-page-banner-section .banner-content-wrap .banner-content p {
        font-size: 16px
    }
    .social-responsibility-section .title-area {
        margin-bottom: 20px
    }
    .social-responsibility-section .title-area h2 {
        font-size: 35px
    }
    .social-responsibility-contact-section .social-responsibility-contact-wrap .contact-content .social-list {
        row-gap: 10px
    }
    .career-feature-section .title-area .content p {
        font-size: 17px
    }
    .career-feature-section .title-area .content .button-area {
        flex-wrap: wrap
    }
    .career-page-benefit-section .title-area .content p {
        font-size: 17px
    }
    .career-page-position-section .single-position .title-area {
        margin-bottom: 35px
    }
    .career-page-position-section .single-position .title-area h4 {
        font-size: 23px;
        margin-bottom: 15px
    }
    .career-page-position-section .single-position .info-area {
        padding-bottom: 15px
    }
    .career-faq-section::before {
        display: none
    }
    .career-details-page .career-details-content .line-break {
        height: 10px
    }
    .career-details-page .career-details-content h4 {
        font-size: 28px
    }
    .career-details-page .career-details-content p {
        font-size: 17px
    }
    .career-details-page .career-details-content ul li {
        font-size: 17px;
        margin-bottom: 10px
    }
    .career-details-page .career-details-content .job-apply-area {
        padding: 25px 20px;
        border-radius: 10px;
        margin-top: 50px
    }
    .career-details-page .career-details-content .job-apply-area .vector-area {
        display: none
    }
    .career-details-page .career-details-content .job-apply-area .contact-area .contact span {
        font-size: 14px;
        margin-bottom: 3px
    }
    .career-details-page .career-details-content .job-apply-area .contact-area .contact a {
        font-size: 19px
    }
    .career-details-page .career-details-sidebar {
        padding: 35px 20px
    }
    .career-details-page .career-details-sidebar h4 {
        font-size: 26px;
        margin-bottom: 20px
    }
    .career-details-page .career-details-sidebar p {
        margin-bottom: 20px
    }
    .career-details-page .career-details-sidebar .form-inner2 .form-check .form-check-label {
        font-size: 15px
    }
    .job-form-modal .modal-dialog {
        width: auto
    }
    .job-form-modal .modal-dialog .modal-content {
        border-radius: 10px
    }
    .job-form-modal .modal-dialog .modal-content .modal-header {
        border-radius: 10px 10px 0 0
    }
    .job-form-modal .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 28px
    }
    .job-form-modal .modal-dialog .modal-content .modal-close {
        top: 10px;
        right: 10px;
        width: 28px;
        height: 28px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body {
        padding: 35px 25px 40px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body .single-info .info-title {
        font-size: 24px;
        margin-bottom: 20px
    }
    .job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area {
        padding: 2px 15px
    }
    .details-content-wrap .post-thumb img {
        border-radius: 15px
    }
    .details-content-wrap .post-thumb .slider-btn-grp .slider-btn {
        min-width: 38px;
        max-width: 38px;
        height: 38px;
        left: 15px
    }
    .details-content-wrap .post-thumb .slider-btn-grp .slider-btn.post-slider-next {
        right: 15px
    }
    .details-content-wrap .post-title-and-tag h2 {
        font-size: 34px
    }
    .details-content-wrap p {
        font-size: 17px
    }
    .details-content-wrap>h6 {
        font-size: 17px
    }
    .details-content-wrap blockquote .content h4 {
        font-size: 22px;
        line-height: 30px
    }
    .details-content-wrap blockquote .quote {
        width: 80px
    }
    .details-content-wrap img {
        border-radius: 15px
    }
    .details-content-wrap .listing {
        -moz-columns: unset;
        columns: unset
    }
    .details-content-wrap .listing li {
        font-size: 17px;
        margin-bottom: 10px
    }
    .details-content-wrap .tag-and-social-area {
        padding: 17px 20px
    }
    .details-content-wrap .tag-list {
        gap: 10px;
        row-gap: 14px
    }
    .details-content-wrap .tag-list li a {
        font-size: 14px;
        padding: 6px 16px
    }
    .details-content-wrap .single-service {
        padding: 20px 20px;
        min-height: unset
    }
    .details-content-wrap .case-details-result-area .single-item {
        padding: 30px 20px;
        border-radius: 15px
    }
    .details-content-wrap .testimonial-area {
        padding: 60px 20px;
        border-radius: 15px
    }
    .details-content-wrap .testimonial-area p {
        font-size: 20px;
        margin-bottom: 25px
    }
    .comment-and-form-area .comment-title {
        font-size: 26px
    }
    .comment-and-form-area .comment-area .comment .single-comment-area {
        gap: 15px;
        flex-wrap: wrap
    }
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 {
        font-size: 16px
    }
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg span {
        font-size: 14px
    }
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content p {
        font-size: 15px
    }
    .comment-and-form-area .comment-area .comment .comment-replay {
        margin-left: 25px
    }
    .comment-and-form-area .comment-respond {
        border-radius: 15px;
        padding: 40px 20px
    }
    .comment-and-form-area .comment-respond .form-wrap {
        margin-top: 30px
    }
    .comment-area .comment .single-comment-area {
        gap: 15px;
        flex-wrap: wrap
    }
    .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 {
        font-size: 16px
    }
    .comment-area .comment .single-comment-area .comment-content .author-name-deg span {
        font-size: 14px
    }
    .comment-area .comment .single-comment-area .comment-content p {
        font-size: 15px
    }
    .comment-area .comment .comment-replay {
        margin-left: 25px
    }
    .comment-respond .form-wrap {
        margin-top: 30px
    }
    .details-pagination {
        flex-wrap: wrap;
        padding: 25px 20px;
        border-radius: 15px;
        gap: 25px
    }
    .details-pagination .single-pagination .pagination-btn {
        min-width: 82px;
        max-width: 82px;
        height: 82px
    }
    .details-pagination .single-pagination .pagination-btn img {
        min-width: 82px;
        max-width: 82px;
        height: 82px
    }
    .details-pagination .single-pagination .pagination-btn .btn-content {
        min-width: 83px;
        max-width: 83px;
        height: 83px
    }
    .details-pagination .single-pagination .pagination-btn {
        min-width: 70px;
        max-width: 70px;
        height: 70px;
        font-size: 14px
    }
    .details-pagination .single-pagination .content h6 a {
        font-size: 16px
    }
    .details-pagination.two .single-pagination .content h2 a {
        font-size: 24px
    }
    .product-details-page .product-details-img .nav-pills {
        -moz-columns: unset;
        columns: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        padding-top: 20px
    }
    .product-details-page .product-details-img .nav-pills .nav-item {
        max-width: 130px;
        min-width: 130px
    }
    .product-details-page .product-details-img .nav-pills .nav-item .nav-link img {
        max-width: 130px;
        min-width: 130px;
        border-radius: 5px
    }
    .product-details-page .product-description-and-review-area .nav2 .nav-link {
        font-size: 16px;
        padding: 6px 12px
    }
    .product-details-page .product-description-and-review-area .tab-content2 .description p {
        font-size: 17px
    }
    .product-details-page .product-description-and-review-area .tab-content2 .comment-and-form-area .comment-area .comment-title {
        font-size: 26px
    }
    .product-details-page .product-description-and-review-area .tab-content2 .review-form {
        padding: 35px 15px
    }
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a {
        font-size: 16px
    }
    .case-study-details-sidebar .case-study-details-info-wrap {
        padding: 40px 20px;
        border-radius: 15px
    }
    .case-study-details-sidebar .case-study-details-info-wrap table {
        margin-bottom: 40px
    }
    .case-study-details-sidebar .note-area .content {
        padding: 45px 15px 30px;
        border-radius: 0 0 15px 15px
    }
    .case-study-details-sidebar .note-area .content ul {
        gap: 20px
    }
    .case-study-details-sidebar .note-area .content ul li h6 {
        font-size: 17px
    }
    .team-page-content-banner .banner-content>span {
        font-size: 20px
    }
    .team-page-content-banner .banner-content p {
        font-size: 17px;
        margin-bottom: 35px
    }
    .team-page-content-banner .banner-content .accordion .accordion-item .accordion-header .accordion-button {
        padding: 9px 20px
    }
    .team-page-content-banner.style-2 .banner-wrapper {
        padding: 40px 20px;
        border-radius: 15px
    }
    .team-page-content-banner.style-2 h2 {
        font-size: 34px
    }
    .team-page-content-banner.style-3 .banner-wrapper {
        padding: 40px 20px;
        border-radius: 15px
    }
    .team-page-content-banner.style-3 h2 {
        font-size: 34px
    }
    .team-page-gallery-section .section-title.three p {
        font-size: 20px
    }
    .team-join-section .team-join-wrap .section-title.three p {
        font-size: 19px
    }
    .team-join-section .team-join-wrap .btn-area {
        margin-top: 40px
    }
    .team-card2 .team-content>span {
        font-size: 15px
    }
    .team-details-page .team-details-content .name-designation-area h2 {
        font-size: 36px;
        margin-bottom: 5px
    }
    .team-details-page .team-details-content .name-designation-area span {
        font-size: 20px
    }
    .team-details-page .team-details-content p {
        font-size: 17px
    }
    .team-details-page .team-details-content ul {
        -moz-columns: unset;
        columns: unset
    }
    .team-details-page .team-details-content ul li {
        font-size: 17px
    }
    .team-details-page .team-details-content .social-list {
        gap: 20px
    }
    .about-page-banner-section .banner-content-wrap .title-area h2 {
        font-size: 34px
    }
    .about-page-banner-section .banner-content-wrap .title-area span {
        font-size: 20px
    }
    .about-page-banner-section .banner-content-wrap .banner-content p {
        font-size: 17px
    }
    .about-page-banner-section .banner-content-wrap .banner-content p:first-child {
        margin-bottom: 15px
    }
    .about-page-banner-section .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 35px;
        padding: 19px 28px
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 45px;
        line-height: 1.2
    }
    .portfolio-slider-page .portfolio-slider-item .portfolio-slider-content .social-area>a {
        font-size: 20px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content {
        padding: 70px 10px;
        gap: 30px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content ul li a {
        font-size: 15px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area {
        margin-bottom: 140px
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .title-area h1 a {
        font-size: 45px;
        line-height: 1.2
    }
    .portfolio-vertiical-slider-page section .bg .portfolio-slider-content .social-area>a {
        font-size: 20px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item ul.social-list {
        row-gap: 10px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .social-area>a {
        font-size: 20px
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area {
        margin-bottom: 0
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-item .portfolio-slider-content .title-area h1 a {
        font-size: 35px;
        line-height: 1.3
    }
    .portfolio-carousel-slider-page .portfolio-carousel-slider-wrap .slider-btn-grp .swiper-pagination1 {
        justify-content: center
    }
    .portfolio-interactive-page .nav-pills {
        gap: 15px;
        row-gap: 20px
    }
    .portfolio-interactive-page .nav-pills .nav-item .nav-link {
        font-size: 14px
    }
    .portfolio-interactive-page .interactive-list .interactive-item {
        font-size: 30px;
        gap: 5px
    }
    .portfolio-interactive-page .social-area>a {
        font-size: 20px
    }
    .portfolio-interactive-page .social-area .social-list {
        row-gap: 10px
    }
    .portfolio-interactive-page .social-area .social-list li a {
        font-size: 14px
    }
    body.dark .portfolio-carousel-slider-page .portfolio-carousel-slider-item ul.social-list {
        row-gap: 10px
    }
}

@media (max-width:480px) {
    .home1-feature-section .feature-banner-area .banner-content {
        padding-inline: clamp(24px, 10vw, 72px)
    }
    .home1-feature-section .feature-banner-area .banner-content {
        padding-inline: clamp(30px, 8vw, 50px);
        padding-block: clamp(35px, 8vw, 70px);
        width: min(100%, 95%)
    }
    .mobile-hide {
        display: none;
        visibility: hidden
    }
    .home1-feature-section .feature-banner-area .banner-content span,
    .home1-feature-section .feature-banner-area .banner-content h2,
    .home1-feature-section .feature-banner-area .banner-content p {
        word-break: break-word;
        hyphens: auto
    }
    .home1-feature-section .feature-banner-area .banner-content h2 {
        line-height: 1.2
    }
    .home1-feature-section .feature-banner-area .banner-content p {
        font-size: 16px;
        line-height: 24px
    }
    .line-reveal .line {
        margin-bottom: .5rem
    }
    .toc-head .subtitle {
        font-size: 16px;
        margin-bottom: .5rem
    }
    .home1-feature-section .feature-banner-area .banner-content {
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        padding-block: clamp(50px, 12vw, 80px);
        padding-inline: clamp(15px, 5vw, 30px);
        width: 100%;
        max-width: 100%
    }
    .home1-feature-section .feature-banner-area .banner-content span {
        margin-bottom: 8px;
        display: block
    }
    .home1-feature-section .feature-banner-area .banner-content h2 {
        line-height: 1.2;
        margin-bottom: 10px
    }
    .home1-feature-section .feature-banner-area .banner-content p {
        font-size: clamp(13px, 3.5vw, 15px);
        line-height: 1.4;
        margin-bottom: 0
    }
    .home1-feature-section .feature-banner-area .banner-content span,
    .home1-feature-section .feature-banner-area .banner-content h2,
    .home1-feature-section .feature-banner-area .banner-content p {
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto
    }
    .lcft-feature-tabs.tabs--slider .swiper-wrapper {
        transform: translate3d(0, 0, 0) !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important
    }
    .lcft-feature-tabs.tabs--slider .swiper-slide {
        width: calc(50% - 6px) !important;
        margin-right: 0 !important;
        flex-shrink: 0
    }
    .lcft-feature-tabs.tabs--slider .swiper-container {
        overflow: visible !important
    }
}

@media (max-width:360px) {
    .home1-feature-section .feature-banner-area .banner-content {
        padding-block: clamp(45px, 11vw, 70px);
        padding-inline: clamp(12px, 4vw, 25px)
    }
    .home1-feature-section .feature-banner-area .banner-content p {
        font-size: clamp(12px, 3.2vw, 14px)
    }
    .lcft-feature-tabs.tabs--slider .swiper-slide {
        width: 100% !important
    }
}

.mobile-cta-section {
    display: none
}

@media screen and (max-width:767px) {
    .mobile-cta-section {
        display: block;
        border-top: 1px solid #f0f0f0;
        padding: 32px 24px 28px;
        z-index: 10000
    }
    .mobile-cta-actions {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px
    }
    .mobile-cta-action-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 14px 8px;
        background: #f8f9fa;
        color: #1a1a1a;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        border-radius: 12px;
        border: 1.5px solid #e9ecef;
        transition: all 0.25s ease
    }
    .mobile-cta-action-btn svg {
        width: 20px;
        height: 20px;
        stroke: #17a2b8;
        transition: all 0.25s ease
    }
    .mobile-cta-action-btn span {
        white-space: nowrap
    }
    .mobile-cta-action-btn:hover {
        background: #e9ecef;
        border-color: #dee2e6;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgb(0 0 0 / .08)
    }
    .mobile-cta-action-btn:hover svg {
        stroke: #138496;
        transform: scale(1.1)
    }
    .mobile-cta-action-btn:active {
        transform: translateY(0);
        background: #dee2e6
    }
    .mobile-after {
        display: block
    }
    .mobile-after .icon.two {
        left: unset;
        opacity: 1;
        position: relative;
        top: unset;
        transform: unset;
        transform-style: preserve-3d
    }
    .mobile-after .icon {
        align-items: center;
        background-color: var(--primary-color3);
        border-radius: 50%;
        display: flex;
        height: 40px;
        justify-content: center;
        max-width: 40px;
        min-width: 40px;
        float: right;
        margin-top: -30px
    }
    .mobile-after .icon svg {
        fill: none;
        stroke: var(--white-color)
    }
    .mobile-after.icon.two {
        left: unset;
        opacity: 1;
        position: relative;
        top: unset;
        transform: unset;
        transform-style: preserve-3d
    }
    .mobile-after:hover .icon {
        display: flex;
        opacity: 1
    }
}

@media screen and (max-width:480px) {
    .mobile-cta-section {
        padding: 0 20px 24px
    }
    .mobile-cta-actions {
        gap: 10px
    }
    .mobile-cta-action-btn {
        padding: 12px 6px;
        font-size: 12px;
        gap: 5px
    }
    .mobile-cta-action-btn svg {
        width: 18px;
        height: 18px
    }
}

@media screen and (max-width:360px) {
    .mobile-cta-action-btn {
        font-size: 11px;
        padding: 10px 4px;
        gap: 4px
    }
    .mobile-cta-action-btn svg {
        width: 16px;
        height: 16px
    }
}