@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
    }
    .home6-banner-section .banner-wrapper .banner-content h1 {
        font-size: 66px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .pl-110 {
        padding-left: 40px
    }
    header.style-1 .nav-right {
        gap: 25px
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 80px
    }
    .testimonial-card.two {
        padding: 60px 45px
    }
    .portfolio-card2 .portfolio-content h4 a {
        font-size: 24px
    }
}

@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 .main-menu>ul>li {
        padding: 0 13px
    }
    header.style-1 .main-menu>ul>li>a {
        font-size: 14px
    }
    header.style-7 .company-logo img {
        width: 130px
    }
    .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
    }
    .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
    }
    .portfolio-card .portfolio-content {
        padding: 30px 20px 35px
    }
    .portfolio-card .portfolio-content p {
        font-size: 14px
    }
    .home6-banner-section .banner-wrapper .vector ul li img {
        max-width: 35px
    }
    .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
    }
    .social-responsibility-section .title-area .divider {
        height: 7px
    }
    .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
    }
    .team-join-section .team-join-wrap .section-title.three p {
        font-size: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .home1-process-section .process-wrapper .process-slider-area .process-card .process-content {
        padding: 30px 18px
    }
    .blog-card .blog-content h4 a {
        font-size: 23px
    }
}

@media (min-width:576px) and (max-width:768px) {
    .portfolio-card .portfolio-img-wrap .portfolio-img img {
        max-height: 300px;
        min-height: 300px
    }
}

@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
    }
    .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: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
    }
    .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-company-info-section .feature-wrap .title-area {
        padding: 25px
    }
    .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
    }
    .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
    }
    .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
    }
    .social-responsibility-section .title-area h2 {
        font-size: 52px
    }
    .social-responsibility-contact-section .social-responsibility-contact-wrap .image-grp.two {
        right: 80px
    }
    .comment-and-form-area .comment-respond {
        padding: 55px 60px 60px
    }
    .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
    }
    .about-page-banner-section .banner-content-wrap .title-area h2 {
        font-size: 42px
    }
}

@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
    }
    .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
    }
    .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
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 70px
    }
    .testimonial-card.two {
        padding: 60px 40px
    }
    .footer-section .logo-and-sevice-menu-wrap {
        padding: 27px 25px
    }
    .home2-feature-slider-section .feature-content-wrap .section-title {
        margin-bottom: 35px
    }
    .home2-app-banner-section .banner-wrapper .banner-img {
        margin-left: 10px
    }
    .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%
    }
    .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-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%
    }
    .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
    }
    .job-form-modal .modal-dialog .modal-content .modal-body {
        padding: 45px 90px 50px
    }
    .comment-and-form-area .comment-title {
        font-size: 32px
    }
    .comment-and-form-area .comment-respond {
        padding: 45px 40px 50px
    }
    .team-join-section .team-join-wrap .btn-area {
        margin-top: 60px
    }
    .about-page-banner-section .banner-content-wrap .banner-content .primary-btn3 {
        margin-top: 55px
    }
}

@media (max-width:1024px) {
    .mobile-hide {
        display: none;
        visibility: hidden
    }
    .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.menu-item-has-children>a::before {
        display: none
    }
    header.style-7 .company-logo img {
        width: 135px
    }
    .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-process-section .process-wrapper::before {
        display: none
    }
    .home1-process-section .process-wrapper .process-slider-area .line {
        width: 100%
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 40px
    }
    .testimonial-card.two {
        padding: 50px 35px
    }
    .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
    }
    .home2-app-banner-section .banner-wrapper .banner-content {
        padding: 60px 40px
    }
    .home2-contact-section .section-title {
        margin-bottom: 55px
    }
    .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-testimonial-section .section-title.three {
        display: block
    }
    .home3-testimonial-section .section-title.three>span {
        margin-bottom: 15px
    }
    .home6-banner-section .banner-wrapper .vector {
        display: none
    }
    .home6-integration-section .company-logo {
        margin-bottom: 40px
    }
    .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-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
    }
    .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
    }
    .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
    }
    .team-join-section .team-join-wrap .btn-area {
        margin-top: 55px
    }
    .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-team-section .result-area {
        margin-bottom: 10px
    }
}

@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 .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
    }
}

@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
    }
    li.menu-item:first-child>.menu-link::after {
        display: none
    }
    .partner-area.two .partner-wrap {
        padding: 60px 15px 45px
    }
    .testimonial-card .author-and-quote-area .quote {
        margin-right: 0
    }
    .testimonial-card.two {
        padding: 50px 25px
    }
    .testimonial-card.two .testimonial-content {
        margin-bottom: 35px
    }
    .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 .copyright-and-social-area {
        flex-wrap: wrap;
        justify-content: center
    }
    .home2-app-banner-section .banner-wrapper .banner-content .section-title {
        margin-bottom: 45px
    }
    .home2-contact-section .section-title {
        margin-bottom: 45px
    }
    .portfolio-card .portfolio-img-wrap .portfolio-img {
        -webkit-mask-position: top right;
        mask-position: top right
    }
    .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
    }
    .home7-about-section .skill-area .skill-list .single-skill .content {
        padding-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
    }
    .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
    }
    .job-form-modal .modal-dialog .modal-content .modal-body {
        padding: 40px 40px 45px
    }
    .comment-and-form-area .comment-title {
        font-size: 28px
    }
    .comment-and-form-area .comment-respond {
        padding: 40px 25px
    }
    .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
    }
    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-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 .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
    }
    .right-sidebar-menu.two .sidebar-content-wrap .social-area {
        padding: 40px 20px
    }
    .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
    }
    .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
    }
    .testimonial-card .author-and-quote-area .quote {
        position: absolute;
        top: 50px;
        right: 20px;
        z-index: -1
    }
    .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
    }
    .home2-process-section .title-area h6 {
        font-size: 17px;
        padding: 6px 15px
    }
    .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
    }
    .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-testimonial-section .swiper-pagination1 {
        justify-content: center
    }
    .home4-team-section .swiper-pagination1 {
        justify-content: center
    }
    .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
    }
    .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
    }
    .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
    }
    .social-responsibility-section .title-area {
        margin-bottom: 20px
    }
    .social-responsibility-section .title-area h2 {
        font-size: 35px
    }
    .career-faq-section::before {
        display: none
    }
    .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
    }
    .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
    }
    .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
    }
    .team-join-section .team-join-wrap .section-title.three p {
        font-size: 19px
    }
    .team-join-section .team-join-wrap .btn-area {
        margin-top: 40px
    }
    .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
    }
}

@media (max-width:480px) {
    .mobile-hide {
        display: none;
        visibility: hidden
    }
    .line-reveal .line {
        margin-bottom: .5rem
    }
    .toc-head .subtitle {
        font-size: 16px;
        margin-bottom: .5rem
    }
    .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) {
    .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
    }
}