.top-links a {
        color: #fccf33 !important;
    }

    button {
        width: auto !important;
    }

    div.wpforms-container-full .wpforms-form input[type=date],
    div.wpforms-container-full .wpforms-form input[type=datetime],
    div.wpforms-container-full .wpforms-form input[type=datetime-local],
    div.wpforms-container-full .wpforms-form input[type=email],
    div.wpforms-container-full .wpforms-form input[type=month],
    div.wpforms-container-full .wpforms-form input[type=number],
    div.wpforms-container-full .wpforms-form input[type=password],
    div.wpforms-container-full .wpforms-form input[type=range],
    div.wpforms-container-full .wpforms-form input[type=search],
    div.wpforms-container-full .wpforms-form input[type=tel],
    div.wpforms-container-full .wpforms-form input[type=text],
    div.wpforms-container-full .wpforms-form input[type=time],
    div.wpforms-container-full .wpforms-form input[type=url],
    div.wpforms-container-full .wpforms-form input[type=week],
    div.wpforms-container-full .wpforms-form select,
    div.wpforms-container-full .wpforms-form textarea {
        background: #ffffff !important;
    }

    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    span,
    a {
        font-family: Inter, system-ui, sans-serif !important;
    }

    .site-main h1,
    .site-main h2,
    .site-main h3,
    .site-main h4,
    .site-main h5 {
        letter-spacing: 0.2px;
        line-height: 1.3 !important;
        margin: 0;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .separator_on {
        background: linear-gradient(to right, #1e18c6, orange);
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent;
        font-size: 4.5rem !important;
        line-height: normal !important;
        font-family: sans-serif !important;
        font-weight: 800 !important;
        margin: 0px 244px;
        font-family: 'Inter', sans-serif !important;
    }

    .vc_custom_1589505492260 {
        margin-top: 25px;
        margin-bottom: 26px !important;
    }

    .subtitle {
        font-size: 2rem !important;
        color: #34347f !important;
        line-height: 1.5;
        font-weight: 400 !important;
        letter-spacing: -0.01rem;
    }

    .vc_custom_1589652415975 {
        left: 0 !important;
        width: auto !important;
    }

    .vc_row {
       /* margin-left: 27px !important;
        margin-right: 15px !important;*/
        position: relative;
    }

    .firstSection {
        background: #fff8dc;
        padding: 10px 8rem;
    }

    .Preferences_card {
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        transition: transform 0.3s ease;
        height: 100%;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .Preferences_card {
        background: #fff;
        border: .06rem solid #c0ebfa;
        border-radius: .43rem;
        border-radius: .625rem;
        font-size: 1.7rem;
        transition: all .2s ease-in-out;
        width: 100%;
        /* min-height: 18rem;
  max-height: 18rem;
  height: 18rem; */
    }

    .Preferences_time {
        color: #8d8d8d;
        font-size: 1.2rem;
        font-weight: 4 00;
        /* margin-left: -1.875rem !important; */
        text-align: end;
    }

    .Preferences_title {
        font-size: 2.1rem;
        font-weight: 600;
        /* letter-spacing: -.0625rem; */
        line-height: 1.4;
        margin-bottom: 11px;
        margin-top: 15px;
        /* color: #23527c !important; */
        color: #000000 !important;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .Preferences_ptag .fa {
        font-size: 13px !important;
    }

    .Preferences_ptag {
        /* color: #5d5757; */
        color: #000000;
        font-size: 1.22rem;
        display: flex;
        align-items: center;
        gap: 3px;
        justify-content: flex-start;
    }

    .Preferences_description {
        color: #8b8a8a;
        font-size: 1.425rem;
        font-weight: 400;
        margin-top: 9px;
    }

    .tt_button:hover .iconita,
    .tt_button.second-style .iconita,
    #single-page #comments input[type="submit"]:hover,
    .tt_button.tt_secondary_button,
    .tt_button.tt_secondary_button .iconita,
    .team-carousel .item .team-member.design-creative .team-socials a,
    .es-accordion .es-time,
    .content-area .vc_grid-filter>.vc_grid-filter-item.vc_active>span,
    .content-area .vc_grid-filter>.vc_grid-filter-item:hover>span,
    .format-quote .entry-wrapper:before,
    .large-counter .kd_counter_units,
    .footer_widget .redux-social-media-list i,
    #single-page .bbp-login-form .user-submit:hover,
    .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown>a,
    .key-icon-box .ib-link a,
    #popup-modal .close:hover,
    body.maintenance-mode .container h2,
    blockquote:before,
    .woocommerce nav.woocommerce-pagination ul li a:hover,
    .port-prev.tt_button,
    .port-next.tt_button,
    .upper-footer .socials-widget a:hover .fa,
    .woocommerce .woocommerce-form-login .button:hover,
    .footer_widget ul a:hover,
    .side-content-text ul li:before,
    span.bbp-admin-links a:hover,
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover,
    .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before,
    .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_author a:before,
    .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container:hover a,
    .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:hover,
    .topbar-lang-switcher ul li a:hover span,
    .feature-sections-wrapper .feature-sections-tabs .nav-tabs li.active a,
    .owl-nav div:hover,
    div.bbp-breadcrumb a:hover,
    #bbpress-forums div.bbp-topic-author a.bbp-author-name,
    #bbpress-forums div.bbp-reply-author a.bbp-author-name,
    .kd_pie_chart .pc_percent_container,
    .kd_pie_chart .kd-piechart-icon,
    .woocommerce .checkout_coupon .button:hover:hover,
    .woocommerce-page #payment #place_order:hover,
    .team-member.design-minimal .team-socials a,
    .woocommerce-cart #single-page table.cart .button:hover,
    .woocommerce-cart #single-page table.cart .button[name=update_cart]:hover,
    .woocommerce-account #single-page .woocommerce-Button[name=save_account_details]:hover,
    .woocommerce-account #single-page .woocommerce-message .woocommerce-Button:hover,
    .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active a,
    .team-member.design-two:hover .team-socials .fa:hover,
    .team-member.design-two .team-socials .fa:hover,
    #single-page .return-to-shop a:hover,
    .woocommerce-error a,
    .woocommerce-info a,
    .woocommerce-message a,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
    .navbar-nav li.dropdown:hover .dropdown-menu:hover li a:hover,
    .woocommerce ul.products li.product h2:hover,
    .keydesign-cart .buttons .btn,
    .woocommerce .keydesign-cart .buttons .btn,
    .woocommerce #payment #place_order:hover,
    .woocommerce-page #payment #place_order:hover,
    .portfolio-meta.share-meta .fa:hover,
    .woocommerce-account #single-page .woocommerce-Button:hover,
    .woocommerce #respond input#submit:hover,
    .woocommerce-page ul.products li.product.woo-minimal-style .button:hover,
    .woocommerce-page ul.products li.product.woo-minimal-style .added_to_cart:hover,
    .blog_widget ul li a:hover,
    #posts-content .entry-meta a:hover,
    .breadcrumbs a:hover,
    .woocommerce a.button:hover,
    .keydesign-cart:hover .cart-icon,
    #comments input[type="submit"]:hover,
    .search-submit:hover,
    .blog-single-content .tags a,
    .lower-footer a:hover,
    #posts-content .post .blog-single-title a:hover,
    #posts-content.blog-minimal-list .blog-single-title a:hover,
    #posts-content.blog-img-left-list .blog-single-title a:hover,
    .socials-widget a:hover .fa,
    .socials-widget a:hover,
    #customizer .leadengine-tooltip,
    .footer_widget .menu li a:hover,
    .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title:hover h4,
    #single-page .single-page-content .widget ul li a:hover,
    #comments .reply a:hover,
    #comments .comment-meta a:hover,
    #kd-slider .secondary_slider,
    #single-page .single-page-content .widget ul li.current-menu-item a,
    .team-socials .fa:hover,
    #posts-content .post .tt_button:hover .fa,
    #posts-content .post .tt_button:hover,
    .topbar-socials a:hover .fa,
    .pricing .pricing-price,
    .pricing-table .tt_button,
    .topbar-phone .iconsmind-Telephone,
    .topbar-email .iconsmind-Mail,
    .modal-content-contact .key-icon-box .service-heading a:hover,
    .pricing-table.active .tt_button:hover,
    .footer-business-content a:hover,
    .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom,
    .star-rating span,
    .es-accordion .es-heading h4 a:hover,
    .keydesign-cart ul.product_list_widget .cart-item:hover,
    .woocommerce .keydesign-cart ul.product_list_widget .cart-item:hover,
    #customizer .options a:hover i,
    .woocommerce .price_slider_wrapper .price_slider_amount .button,
    #customizer .options a:hover,
    #single-page input[type="submit"]:hover,
    #posts-content .post input[type="submit"]:hover,
    .active .pricing-option .fa,
    #comments .reply a:hover,
    .meta-content .tags a:hover,
    .navigation.pagination .next,
    .woocommerce-cart #single-page table.cart .product-name a:hover,
    .navigation.pagination .prev,
    .woocommerce span.onsale,
    .product_meta a:hover,
    .tags a:hover,
    .tagcloud a:hover,
    .tt_button.second-style,
    .lower-footer .pull-right a:hover,
    .woocommerce-review-link:hover,
    .upper-footer .modal-menu-item,
    .video-socials a:hover .fa,
    .kd_pie_chart .pc-link a:hover,
    .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4:hover,
    .fa,
    .wpcf7 .wpcf7-submit:hover,
    .contact .wpcf7-response-output,
    .video-bg .secondary-button:hover,
    #headerbg li a.active,
    #headerbg li a.active:hover,
    .footer-nav a:hover,
    .wpb_wrapper .menu a:hover,
    .text-danger,
    .blog_widget ul li a:before,
    .pricing .fa,
    .content-area .vc_grid .vc_gitem-zone-c .vc_general,
    code,
    #single-page .single-page-content ul li:before,
    .subscribe-form header .wpcf7-submit,
    #posts-content .page-content ul li:before,
    .chart-content .nc-icon-outline,
    .chart,
    .row .vc_custom_heading a:hover,
    .secondary-button-inverse,
    .primary-button.button-inverse:hover,
    .primary-button,
    .woocommerce-account #single-page .woocommerce-Button:hover,
    .kd-process-steps .pss-step-number span,
    .navbar-default .navbar-nav>.active>a,
    .pss-link a:hover,
    .woocommerce-cart #single-page .cart_totals table td,
    .kd_number_string,
    .featured_content_parent .active-elem h4,
    .contact-map-container .toggle-map:hover .fa,
    .contact-map-container .toggle-map:hover,
    .testimonials.slider .tt-container:before,
    .tt_button:hover,
    .nc-icon-outline,
    .woocommerce ul.products li.product h3:hover,
    .wpb_text_column ol>li:before,
    .wpb_text_column ul>li:before,
    .key-icon-box .ib-link a:hover {
        color: #334060 !important;
    }

    .Preferences_card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .Preferences_card:hover {
        background: linear-gradient(180deg, #e7f0fb 0, #fff);
        transform: translateY(-.25rem);
    }

    .d-flex {
        display: flex !important;
    }

    .Preferences_mainpadding {
        padding: 2rem 2rem 2rem 2rem !important;
    }

    .flex-column {
        flex-direction: column !important;
    }

    a:hover,
    a:focus {
        color: #23527c;
        text-decoration: none !important;
    }

    .filterBtnsDiv .btn {
        background: #0d6efd !important;
        color: #ffffff !important;
        border-radius: 30px;
        padding: 5.625px 11.25px;
        text-transform: capitalize;
        font-size: 1.5rem;
    }

    h2 .separator_on {
        font-family: 'Inter', system-ui, sans-serif !important;
    }

    .filterBtnsDiv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 33px;
        /* margin-top: 33px; */
        gap: 4px;
        row-gap: 13px;
        padding: 0px 158px;
    }

    #map-bg header {
        padding-top: 0px !important;
    }

    #map-bg {
        background: background-size: contain;
        background-position: 50% 20px;
        background-repeat: no-repeat;
        position: relative;
        height: auto;
    }

    header.kd-section-title .separator_off {
        background: #fafafa00 !important;
        padding: 7px !important;
        font-size: 32px !important;
        line-height: 24px !important;
        font-weight: 900 !important;
        padding-top: 20px !important;
        margin-bottom: 0 !important;
        color: #ffffff !important;
    }

    .titless header.kd-section-title .subtitle {
        color: #ffffff !important;
        line-height: 1.5;
        font-weight: 500 !important;
    }

    .wpb_single_image img {
        height: auto;
        max-width: 100%;
        vertical-align: top;
        width: 50px;
        filter: hue-rotate(354deg);
        height: 50px;
    }

    .vc_custom_1600101451169 {
        background: #ffffff !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    #our-feature .large-counter .kd_counter_text {
        font-size: 17px !important;
        color: #221f38 !important;
        font-weight: 600;
    }

    .vc_custom_1601126868605 {
        background: #ffffff;
        padding: 38px !important;
        padding-top: 23px !important;
        border-radius: 12px;
    }

    .badge-div span a:hover {
        text-decoration: none;
        background: blue;
        color: #fff !important;
        border: 1px solid #4408ff;
    }

    .badge-div span a {
        color: #e9e9e9 !important;
        border-radius: 25px;
        cursor: pointer;
        padding: 7px 15px;
        display: inline-block;
        border: 1px solid #ffffff;
        font-size: 1.5rem;
        margin: 0 11px 13px 0;
    }

    input,
    select {
        background: #fff !important;
    }

    .header.kd-section-title {
        margin-bottom: 3.5rem;
    }

    #recentplacOwlSlide .item img {
        width: 159px;
        height: 159px;
        object-fit: fill;
        margin-bottom: 5px;
        border-radius: 50%;
        box-shadow: 0px 6px 27px #aeaeae;
        border: 5px solid #ffffff;
    }

    #recentplacOwlSlide .item {
        max-width: 360px;
        width: 100%;
        padding: 40px;
        min-height: auto;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        background-image: linear-gradient(0, #fae1b6 0, #fffaf4 100%);
    }

    .caption-style-3 .item:hover img,
    .caption-style-3 .item:hover a.plus-btn,
    .caption-style-3 .item:hover .name {
        opacity: 1;
        transform: translateY(-40px);
        -webkit-transform: translateY(0px) !important;
    }

    #recentplacOwlSlide .com-logo img {
        max-height: 35px;
        width: auto !important;
        border-radius: 0;
        height: auto !important;
        box-shadow: none;
        border: none;
    }

    #recentplacOwlSlide .name {
        color: #000000;
        text-transform: capitalize;
        text-align: center;
        padding-top: 22px;
        font-weight: 600;
        font-size: 2.3rem;
        clear: both;
        overflow: visible;
    }

    a.plus-btn {
        color: #ffffff !important;
    }

    #recentplacOwlSlide .com-logo {
        text-align: center;
        padding-top: 25px;
    }

    .owl-nav div:before {
        color: #000000 !important;
        font-size: 45px !important;
    }

    #recentplacOwlSlide .owl-nav>div {
        text-transform: capitalize;
        color: #2f2a2f !important;
    }

    .slider-container {
        position: relative;
        overflow: hidden;
    }

    .slider-container .prevBtn,
    .slider-container .nextBtn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #ffffff;
        color: #000000;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0px 0px 6px #182845;
        font-size: 28px;
        width: 50px;
        height: 50px;
    }

    .slider-container .prevBtn {
        left: 0;
    }

    .slider-container .nextBtn {
        right: 0;
    }

    .mainCardss {
        width: 100%;
        max-height: 39rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: ##00000000;
        min-height: 39rem;
        transition: 0.5s;
    }

    .profile-card {
        position: relative;
        font-family: sans-serif;
        width: 220px;
        height: 260px;
        background: #fff;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 0 22px #3336;
        transition: .6s;
        min-width: 220px;
        margin: 0 25px;
    }

    .profile-card:hover {
        border-radius: 10px;
        height: 260px;
    }

    .profile-card .img {
        position: relative;
        width: 100%;
        height: 100%;
        transition: .6s;
        z-index: 99;
        transform: translateY(-60px);
        border-radius: 10px;
    }

    .profile-card:hover .img {
        transform: translateY(-60px);
    }

    .img img {
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 0 22px #3336;
        transition: .6s;
    }

    .profile-card:hover img {
        border-radius: 10px;
    }

    .caption {
        text-align: center;
        transform: translateY(-80px);
        opacity: 1;
        transition: .6s;
    }

    .profile-card:hover .caption {
        opacity: 1;
    }

    .caption h3 {
        font-size: 21px;
        font-family: sans-serif;
    }

    .caption p {
        font-size: 15px;
        color: #0c52a1;
        font-family: sans-serif;
        margin: 2px 0 9px 0;
    }

    .caption .social-links a {
        color: #333;
        margin-right: 15px;
        font-size: 21px;
        transition: .6s;
    }

    .social-links a:hover {
        color: #0c52a1;
    }

    .endSectionss p {
        font-size: 1.6rem !important;
        color: #393939 !important;
        font-weight: 400;
    }

    .industrySections {
        background: #e0edff;
        background: #2b175e;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 17px;
        padding-bottom: 36px !important;
    }

    .kd-section-title.text-center {
        margin-bottom: 30px;
    }

    .review {
        height: 100px;
        width: 100%;
/*        background: #000000;*/
    }

    .testimonial-section {
        padding: 60px 20px;
        background: #fff;
        text-align: center;
    }

    .title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .testimonial-slider {
        position: relative;
        margin: auto 12rem;
        overflow: hidden;
        padding: 17px;
        background: #fff;
    }

    .testimonial-slide {
        display: none;
        background: #eff6ff;
        padding: 40px 75px;
        border-radius: 12px;
        box-shadow: 0 0px 16px rgb(187 186 186 / 97%);
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease;
    }

    .testimonial-slide.active {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

    .testimonial-slide img {
        width: 20rem;
        height: 20rem;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .testimonial-slide h4 {
        font-weight: 600 !important;
        margin-bottom: 5px !important;
        padding-top: 0px;
    }

    .testimonial-slide p {
        color: #3e3e3e;
        font-size: 1.7rem;
        margin-bottom: 19px;
        font-weight: 500;
    }

   /* .prev,
    .next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #ebebeb;
        color: #959595;
        border: none;
        cursor: pointer;
        font-size: 20px;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .prev:hover,
    .next:hover {
        background: #b9b9b9;
        color: #000000;
    }

    .prev {
        left: 0px;
    }

    .next {
        right: 0px;
    }*/

    .companyLogo img {
        height: 54px;
        width: auto !important;
        object-fit: fill !important;
        border-radius: 0;
        margin-top: 22px;
    }

    .testimonial-slide-inner {
        display: flex;
        justify-content: center;
        TEXT-ALIGN: left;
        align-items: anchor-center;
    }

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

    .tooltip-preference {
        display: flex;
        justify-content: space-between;
    }

    .wpb_single_image .vc_single_image-wrapper {
        display: inline-block;
        vertical-align: bottom;
        max-width: 100%;
        margin-top: 13px;
        border: 1px solid #ffffff;
        padding: 22px;
        border-radius: 50%;
        background: #fff;
    }

    #recentplacOwlSlide .owl-nav div.owl-prev {
        left: 100px !important;
    }

    #recentplacOwlSlide .owl-nav .owl-next {
        right: 90px !important;
    }

    .align-items-center {
        align-items: center !important;
    }

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

    .about-us-two {
        background: #f4f6f9;
        padding-bottom: 215px;
        width: 100%;
    }

    .col-xl-5 {
        width: 45%;
    }

    .section-padding {
        padding: 20px 0;
    }

    .position-relative {
        position: relative !important;
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .about-img {
        margin-bottom: 75px;
    }

    .about_badge2 {
        background: #fff;
        text-align: center;
        border-radius: 15px;
        padding: 30px 35px;
        display: inline-block;
        position: absolute;
        left: 50%;
        bottom: 22px;
        z-index: 111;
        bottom: -119px;
        box-shadow: 0px 4px 17px -6px #3c3939;
    }

    .ab_top_shape {
        background: #fff;
        text-align: center;
        border-radius: 15px;
        padding: 30px 35px;
    }

    @keyframes upDown {
        0% {
            transform: translateY(-40px)
        }

        100% {
            transform: translateY(0px)
        }
    }

    .aniupDown {
        animation: upDown 5s linear 0s infinite alternate;
    }

    .ab_icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        background: #4a3aff;
        text-align: center;
        display: block;
        border-radius: 50%;
        display: inline-block;
    }

    .ab_icon img {
        width: 45px;
    }

    .about_badge2 h4 {
        font-size: 18px !important;
        margin-top: 17px;
        font-weight: 500 !important;
        margin-bottom: 0;
        line-height: 26px;
    }

    .z-1 {
        z-index: 1 !important;
    }

    .about-us-two .about_img_1 {
        z-index: 0;
    }

    .about-us-two .about_img_1,
    .about-us-two .about_img_2 {
        border-radius: 300px;
    }

    .about_img_1 {
        width: 60%;
        border-radius: 50px;
        position: relative;
        z-index: 11;
    }

    .about-us-two .about_img_2 {
        bottom: -100px;
    }

    .about-us-two .ab_top_shape {
        width: auto;
        left: -120px;
        top: -55px;
        z-index: 1;
        box-shadow: 0px 0px 15px -5px #545454;
    }

    .ab_top_shape {
        left: -50px;
        top: -11px;
        width: 30px;
    }

    .about-us-two .ab_btm_shape {
        left: -10px;
        bottom: -35px;
        width: 163px;
    }

    .ab_btm_shape {
        left: -50px;
        bottom: 56px;
        width: 163px;
    }

    .about-us-two .ab_right_shape {
        top: 6px;
        right: -5px;
        width: 150px;
        height: fit-content;
        width: auto;
        z-index: 11;
        background: #fff;
        padding: 19px;
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 15px -5px #545454;
    }

    .ab_right_shape {
        bottom: -150px;
        right: -37px;
        width: 150px;
    }

    .about-us-two .ab_right_shape2 {
        right: 53%;
        left: -63px;
        width: 150px;
        height: fit-content;
        width: auto;
        z-index: 11;
        background: #fff;
        padding: 19px;
        display: flex;
        gap: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 16px -5px #545454;
    }

    .ab_right_shape2 {
        bottom: 22%;
        right: -37px;
        width: 150px;
    }

    .ab_right_shape2 h4,
    .ab_top_shape h4,
    .ab_right_shape h4 {
        font-size: 18px !important;
        margin-top: 17px;
        font-weight: 500 !important;
        margin-bottom: 0;
        line-height: 26px;
    }

    .about_img_2 {
        position: absolute;
        right: 0;
        bottom: -160px;
        width: 60%;
        border-radius: 50px;
        border: 10px solid #fff;
    }

    .anileftRight {
        animation: leftRight 5s linear 0s infinite alternate;
    }

    @keyframes leftRight {
        0% {
            transform: translateX(-50px)
        }

        100% {
            transform: translateX(0px)
        }
    }

    @keyframes rightLeft {
        0% {
            transform: translateX(50px)
        }

        100% {
            transform: translateX(0px)
        }
    }

    .align-self-center {
        align-self: center !important;
    }

    .about-content {
        padding-left: 15px;
    }

    .section-title {
        margin-bottom: 60px;
    }

    .mb30 {
        margin-bottom: 30px !important;
    }

    .section-title span {
        font-size: 16px;
        text-transform: uppercase;
        color: #4a3aff;
        font-weight: 500;
        margin-bottom: 6px;
        display: block;
    }

    .section-title .ticon {
        border: 1px dashed #4a3aff;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        display: inline-block;
        margin-right: 8px;
    }

    .section-title h2 {
        font-size: 35px;
        color: #222;
        line-height: 45px !important;
        font-weight: 600;
    }

    @media (min-width: 768px) {
        .d-md-flex {
            display: flex !important;
        }
    }

    p.wow {
        color: #555;
        font-size: 16px;
        line-height: 1.7;
        font-weight: 400;
        overflow-x: hidden;
        position: relative;
    }

    .z-2 {
        z-index: 2 !important;
    }

    .gap-3 {
        gap: 1rem !important;
    }

    .about-content ul {
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 30px;
        width: 100%;
        padding-left: 0px;
        position: relative;
    }

    .about-content li {
        padding: 10px 15px;
        background: #fff;
        margin-bottom: 20px;
        border-radius: 4px;
        border: 1px solid #dce1f5;
        color: #222;
        font-weight: 500;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .about-content li i {
        width: 28px;
        height: 28px;
        line-height: 28px;
        background: rgba(20, 200, 140, 0.05);
        color: #4a3aff;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        margin-right: 4px;
    }

    .round_btn,
    .fbtn {
        border-radius: 30px !important;
        padding: 0 30px;
    }

    .blue_btn,
    .border_btn,
    .fbtn {
        background: #4a3aff;
        border: 1px solid #4a3aff;
        padding: 0 30px;
        color: #fff !important;
        display: inline-block;
        height: 50px;
        line-height: 48px;
        border-radius: 4px;
        font-weight: 500;
        font-size: 16px;
        transition: .5s;
        text-align: center;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .about-us-two .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .position-absolute {
        position: absolute;
    }

    .align-self-center {
        align-self: center !important;
    }

    @media (min-width: 1200px) {
        .col-xl-6 {
            flex: 0 0 auto;
            width: 50%;
        }
    }

    .round_btn:before {
        border-radius: 30px;
    }

    .blue_btn::before,
    .border_btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.2);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: -1;
    }

    .about-content ul::before {
        content: '';
        position: absolute;
        background: url(https://wpdemothemes.com/laravel/edplus/assets/img/shapes/ab_line.svg);
        left: 23px;
        top: 0;
        width: 12px;
        height: 217px;
        z-index: -1;
    }

    .nmt100 {
        margin-top: -100px;
    }

    .counter-up .counter_bg {
        border-radius: 30px;
        color: #fff;
        padding: 60px 0 20px;
    }

    @media (min-width: 1200px) {
        .mx-xl-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }
    }

    @media (min-width: 1400px) {
        .col-xxl-3 {
            flex: 0 0 auto;
            width: 25%;
        }
    }

    .counter-item {
        display: flex;
        gap: 25px;
        padding-left: 30px;
        justify-content: center !important;
        margin-bottom: 40px;
    }

    .coicon {
        width: 70px;
        height: 70px;
        line-height: 62px;
        background: rgba(225, 225, 225, 0.13);
        border-radius: 50%;
        text-align: center;
        position: relative;
        display: inline-block;
    }

    .coicon::before {
        content: '';
        width: 85px;
        height: 85px;
        border: 1px dashed #fff;
        position: absolute;
        left: -8px;
        top: -8px;
        border-radius: 50%;
        display: block;
    }

    .ccontent h3 {
        color: #fff;
        font-size: 37px;
        font-weight: 600;
    }

    .sliders {
        width: 90%;
        margin: 10px 51px;
        overflow: hidden;
        position: relative;
    }

    .slidess {
        display: flex;
        transition: 0.5s;
        gap: 15px;
    }

    .slides_item {
        min-width: calc(100% / 6);
        text-align: center;
        border-radius: 10px;
        border: 1px solid #d1d1d1;
        padding: 17px;
    }

    .slides_item img {
        width: 150px;
    }

    button.prevs,
    button.nexts {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #000;
        color: #fff;
        border: none;
        cursor: pointer;
        width: 45px;
        height: 45px;
        border-radius: 50%;
    }

    .prevs {
        left: 12px;
    }

    .nexts {
        right: 12px;
    }

    .client-two {
/*        margin-top: 41px;*/
    }

    .client-two .container {
        background: #fff2e0;
        height: 217px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        padding: 0px !important;
        width: 100%;
        max-width: 100% !important;
    }

    .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        gap: 1px;
    }

    .arrow:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .pagination button {
        margin: 0 4px;
        padding: 6px 10px;
    }

    .arrow {
        padding: 8px 20px;
        border: 1px solid #ddd;
        background-color: white;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .nav-text {
        font-weight: 500;
    }

    .pages {
        display: flex;
        gap: 0px;
    }

    .page-number.active {
        background-color: #788d22;
        color: white;
        border-color: #788d22;
    }

    .pagination button {
        margin: 0 4px;
        padding: 6px 10px;
    }

    .pagination button {
        margin: 0 4px;
        padding: 6px 10px;
    }

    .page-number {
        padding: 8px 15px;
        border: 1px solid #ddd;
        background-color: white;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
        min-width: 40px;
        text-align: center;
    }

    [hidden] {
        display: none !important;
    }

    .feature-section {
        padding: 43px 0;
    }

    .feature-card-bg {
        padding: 60px;
        border-radius: 30px;
    }

    /* New Background Palette */
    .bg-tech-blue {
        background-color: #eff6ff;
    }

    .bullets {
        list-style: none;
        margin: 30px 0;
        padding-left: 15px;
    }

    .bullets li {
        position: relative;
        padding-left: 0px;
        margin-bottom: 21px;
        color: #475569;
        font-size: 1.65rem;
        font-weight: 500;
    }

    .bullets li i {
        font-weight: 300;
        color: #4f46e5 !important;
        font-size: 1.7rem !important;
    }

    .btn-primary {
        color: #fff !important;
        background-color: #035adb !important;
        border-color: #035adb !important;
    }

    .grid-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        align-items: center;
    }

    .feature-section h2 {
        font-size: 3.75rem;
    }

    .feature-section h1,
    .feature-section h2,
    .feature-section h3,
    .feature-section h4 {
        font-weight: 800 !important;
        margin-bottom: 1.5rem;
        letter-spacing: -0.025em;
        background: linear-gradient(to right, #ff0000, #3636ce);
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent;
    }

    
    button {
        width: auto !important;
    }

/*  Gallery  */

    .gallery-container {
        max-width: 1200px;
        margin: 50px auto;
        padding: 0;
    }

    .gallery-container .gallery-title {
        margin-bottom: 30px;
        font-size: 32px;
        text-align: center;
    }

    .gallery-container .gallery {
        columns: 4;
        column-gap: 18px;
    }

    .gallery-container .gallery-item {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 0 18px;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 14px;
        background: #ddd;
        cursor: pointer;
        break-inside: avoid;
    }

    .gallery-container .gallery-item img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .gallery-container .gallery-item::after {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: rgba(0, 0, 0, 0);
        content: "＋";
        font-size: 35px;
        opacity: 0;
        transition: 0.3s ease;
    }

    .gallery-container .gallery-item:hover img,
    .gallery-container .gallery-item:focus-visible img {
        transform: scale(1.06);
    }

    .gallery-container .gallery-item:hover::after,
    .gallery-container .gallery-item:focus-visible::after {
        background: rgba(0, 0, 0, 0.35);
        opacity: 1;
    }

    .gallery-container .gallery-item:focus-visible {
        outline: 3px solid #035adb;
        outline-offset: 3px;
    }

    .lightbox {
        position: fixed;
        top:70px;
        inset: 0;
        z-index: 9999999999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        background: rgba(0, 0, 0, 0.94);
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: opacity 0.25s ease, visibility 0.25s ease;
    }

    .lightbox.active {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

    .lightbox .lightbox-content {
        position: relative;
        display: flex;
        width: min(100%, 1100px);
        max-height: 90vh;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .lightbox .lightbox-image {
        display: block;
        max-width: 100%;
        max-height: 75vh;
        border-radius: 8px;
        object-fit: contain;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
        user-select: none;
    }

    .lightbox button.close,
    .lightbox button.nav-btn {
        position: fixed;
        z-index: 100001;
        display: flex !important;
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
        border-radius: 50% !important;
        color: #fff !important;
        background: rgba(30, 30, 30, 0.72) !important;
        box-shadow: none !important;
        cursor: pointer;
        line-height: 1 !important;
        text-align: center;
        transition: background 0.2s ease, transform 0.2s ease;
    }

    .lightbox button.close:hover,
    .lightbox button.nav-btn:hover {
        background: #035adb !important;
    }

    .lightbox button.close {
        top: 20px;
        right: 24px;
        font-size: 30px;
    }

    .lightbox button.nav-btn {
        top: 50%;
        font-size: 24px;
        transform: translateY(-50%);
    }

    .lightbox button.nav-btn.prev {
        left: 24px;
    }

    .lightbox button.nav-btn.next {
        right: 24px;
    }

    .lightbox .caption {
        margin-top: 15px;
        color: #fff;
        font-size: 16px;
    }

    .lightbox .counter {
        position: fixed;
        top: 25px;
        left: 30px;
        padding: 8px 14px;
        border-radius: 20px;
        color: #fff;
        background: rgba(0, 0, 0, 0.55);
        font-size: 15px;
    }

    @media (max-width: 900px) {
        .gallery-container .gallery {
            columns: 3;
        }
    }

    @media (max-width: 600px) {
        .gallery-container {
            margin: 30px auto;
            padding: 0 12px;
        }

        .gallery-container .gallery-title {
            margin-bottom: 20px;
            font-size: 25px;
        }

        .gallery-container .gallery {
            columns: 2;
            column-gap: 10px;
        }

        .gallery-container .gallery-item {
            margin-bottom: 10px;
        }

        .gallery-container .gallery-item {
            border-radius: 10px;
        }

        .lightbox {
            padding: 15px;
        }

        .lightbox .lightbox-image {
            max-height: 75vh;
        }

        .lightbox button.close {
            top: 15px;
            right: 15px;
            width: 42px !important;
            min-width: 42px !important;
            max-width: 42px !important;
            height: 42px !important;
            min-height: 42px !important;
            font-size: 25px;
        }

        .lightbox button.nav-btn {
            width: 42px !important;
            min-width: 42px !important;
            max-width: 42px !important;
            height: 42px !important;
            min-height: 42px !important;
            font-size: 20px;
        }

        .lightbox button.nav-btn.prev {
            left: 10px;
        }

        .lightbox button.nav-btn.next {
            right: 10px;
        }

        .lightbox .counter {
            top: 20px;
            left: 15px;
            font-size: 13px;
        }
    }

    @media (max-width: 380px) {
        .gallery-container .gallery {
            columns: 1;
        }
    }