.slider {
      background-image: url('assets/img/slider3.jpg');
      height: 600px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .vertical-img {
      height: 100%;
      color: #fff;
      border-radius: 10px;
      overflow: hidden;
    }

    .black-over {
      height: 200px;
      background-image: linear-gradient(transparent, #000);
      align-items: flex-end;
      padding-bottom: 15px;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
      position: absolute;
      top: auto;
      bottom: 0%;
      left: 0%;
      right: 0%;
    }

    .vertical-img {
      position: relative;
      /* display: inline-block; */
    }


    .vertical-info {
      opacity: 0;
      text-align: center;
      background-image: linear-gradient(rgba(217, 217, 217, 0), #e43557 83.71%);
      flex-direction: column;
      justify-content: flex-end;
      padding-bottom: 100px;
      display: flex;
      position: absolute;
      top: 0%;
      bottom: 0%;
      left: 0%;
      right: 0%;

    }

    .vertical-img:hover .vertical-info {
      opacity: 1;

    }

    .vertical-info ul {
      list-style: circle;
      padding: 0 30px;
      margin: 0;
      text-align: center;
    }

    .vertical-info li {
      margin-bottom: 10px;
    }

    .verticals-title {
      position: absolute;
      /* top: 0; */
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      background-color: rgba(0, 0, 0, 1);
      color: #fff;
      padding: 10px;
    }

    .hov_blk:hover {
      color: black !important;
    }

    .line {
      width: 50px;
      height: 3px;
      background-color: var(--bs-red);
      margin-right: 20px;
    }

    .active {
      /* color: var(--bs-red); */
      padding-bottom: 10px;
      border-bottom: 2px solid red;
    }

    .container-1 {
      height: 350px;
      position: relative;
      width: 90%;
      place-items: center;
      /* overflow: hidden; */
    }

    @keyframes scroll {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(calc(-250px * 9));
      }
    }

    .slide-container {
      display: flex;
      width: calc(250px * 18);
      /* animation: scroll 20s linear infinite; */
    }

    .slide-img {
      height: 350px;
      width: 425px;
      display: flex;
      align-items: center;
      padding: 15px;
      perspective: 100px;
    }
        .main-header.active {
            animation: scroll 0.5s;
            box-shadow: 0 0 8px 2px rgb(0 0 0 / 6%);
        }

        .menu-blog-summary {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .menu-blog-link:hover .link-head {
            color: #25B4E8;
        }

        .customers-box.about-page-list:hover .dis-text,
        .customers-box.about-page-list.w--current .dis-text {
            color: #25B4E8;
        }

        .other-solution-box:hover .dis-text,
        .other-solution-box.w--current .dis-text {
            color: #25B4E8;
        }

        .product-hover-effect {
            opacity: 0;
            visibility: hidden;
        }

        .products-link-box:hover .product-hover-effect {
            opacity: 1;
            visibility: visible;
        }

        .products-link-box:hover .dis-text {
            color: #25B4E8;
        }

        .design-consul-tab-link.w--current .design-consul-tab-title {
            color: #e03a3c;
        }

        .design-consul-tab-desc {
            opacity: 0;
            visibility: hidden;
            height: 0;
        }

        .design-consul-tab-link.w--current .tab-arrow {
            transform: rotate(270deg);
        }

        .design-consul-tab-link.w--current .design-consul-tab-desc {
            opacity: 1;
            visibility: visible;
            height: 100%;
        }

        .other-solution-box {
            background-clip: padding-box;
        }

        .other-solution-box-hover {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            background: linear-gradient(114.44deg, #4ED0DF 0%, #21B1E8 100%);
            margin-bottom: -11px;
            border-radius: inherit;
            visibility: hidden;
        }

        .other-solution-box.w--current .other-solution-box-hover,
        .other-solution-box:hover .other-solution-box-hover {
            display: block !important;
            opacity: 1;
            visibility: visible;
        }

        .join-us-link:hover .dis-text {
            color: #25B4E8;
        }

        .padding-column-80.cs-tg {
            background: #ffffff !important;
        }

        .join-us-link:hover .join-arrow {
            opacity: 1;
        }

        @keyframes scroll {
            0% {
                top: -200px;
            }
            100% {
                top: 0px;
            }
        }

        .bg-overlay {
            pointer-events: none;
        }

        .w-embed svg {
            display: block !important;
        }

        .slider-back-img {
            height: calc(100vh - 111px) !important;
        }

        .sub-list .sub-text:hover {
            color: #25b4e8;
        }

        .slick-disabled {
            opacity: 0;
            pointer-events: none;
        }

        .verticals-img:hover .verticals-info {
            opacity: 1;
        }

        .menu-box:hover .huf-arrow {
            display: none;
        }

        .menu-box:hover .full-arrow {
            display: block
        }

        .dropdow-list {
            box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.08);
        }

        /* header drop-box */

        .navbar-nav {
            height: auto;
        }

        .drop-toggle.w--open {
            color: #25b4e8;
        }

        .navbar-nav {
            height: 100% !important;
        }

        /* hover button link */

        .w-nav-button.w--open body {
            overflow: hidden;
        }

        .case-box-link:hover .link-right-arrow {
            opacity: 0;
        }

        .case-box-link:hover .link-right-arrow-full {
            opacity: 100%
        }

        @keyframes w--open {
            from {
                opacity: 0;
                visibility: hidden;
            }
            to {
                opacity: 1;
                visibility: visible;
            }
        }

        .team-box:hover .team-information {
            bottom: -15%;
            opacity: 100%
        }

        .blog-link:hover .link-right-arrow {
            /*margin-left:10px;*/
        }

        .key-pro-info:hover .project-over-cover {
            opacity: 1;
        }

        .project-over-cover,
        .arow-move,
        .link-right-arrow {
            transition: all 0.3s ease;
        }

        .slide-info:hover .arow-move {
            transform: translateX(10px);
        }

        .slide-nav-blue .w-slider-dot {
            background-color: #B8B8B8;
        }

        .slide-nav-blue .w-active {
            background-color: #25B4E8 !important;
        }

        .slide-nav-white .w-slider-dot {
            background-color: #B8B8B8;
        }

        .slide-nav-white .w-active {
            background-color: #ffffff !important;
        }

        .cus-box:hover .cus-over {
            background-color: rgba(78, 208, 223, 1);
        }

        .cus-box:hover .sub-title {
            color: #25B4E8;
        }

        .cus-over,
        .sub-title {
            transition: all 0.3s ease;
        }

        .prod-box:hover .prod-info {
            opacity: 100%
        }

        .read-link:hover .right-arrow {
            transform: translateX(5px);
        }

        .ser-box:hover .src-link-arow a {
            transform: translateX(10px);
        }

        .prod-info,
        .team-information,
        .verticals-info,
        .src-link-arow a,
        .right-arrow {
            transition: all 0.3s ease;
        }

        .ser-box:hover .link-right-arrow {
            opacity: 0;
        }

        .ser-box:hover .link-right-arrow-full {
            opacity: 1
        }

        .ser-box:hover .link-arow {
            transform: translateX(5px);
        }

        .slide-info:hover .link-right-arrow {
            opacity: 0;
        }

        .slide-info:hover .link-right-arrow-full {
            opacity: 1
        }

        .slide-info:hover .link-arow {
            transform: translateX(5px);
        }

        .prod-cover:hover .left-arow {
            transform: translateX(10px);
        }

        /* product button active*/

        .btn-option.fs-cmsfilter_active {
            color: white;
            background-color: #25b4e8;
        }

        .solutions-section .slick-track,
        .consulting-service .slick-track {
            padding: 20px 0px;
        }

        .tg-menu-link:hover .box-icon {
            background-color: white;
        }

        .customers-link:hover .link-head {
            color: #25b4e8;
        }

        .customers-link.w--current .link-head {
            color: #25b4e8;
        }

        .resources-link:hover .link-head {
            color: #25b4e8;
        }

        .resources-link.w--current .link-head {
            color: #25b4e8;
        }

        .menu-blog-sum {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .menu-blog-item:hover .link-head {
            color: #25b4e8;
        }

        .menu-blog-item.w--current .link-head {
            color: #25b4e8;
        }

        /*tooltip map*/

        .tooltip {
            opacity: 0;
            visibility: hidden;
        }

        .tooltip-open .tooltip {
            visibility: visible;
            opacity: 1;
        }

        /* Blog */

        .w-richtext figure.w-richtext-figure-type-image>div {
            display: block !important;
        }

        .w-richtext figure {
            max-width: 100% !important;
        }

        /* slide-box arrows */

        .slick-track {
            display: flex !important;
        }

        .slick-slide {
            height: auto !important;
        }

        .service-slider .slick-arrow {
            font-size: 0;
            padding: 10px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            top: -10%;
        }

        .service-slider .slick-prev {
            background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c6739335fd034553b1d1ce_Mobile%20left.png);
            right: 6%;
        }

        .service-slider .slick-next {
            background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c673974d67717905becce6_Mobile%20right.png);
            right: 2%;
        }

        .models-wrapper .slick-dots {
            display: flex;
            justify-content: center;
            margin: 20px;
        }

        .models-wrapper .slick-dots li {
            font-size: 20px;
        }

        .models-wrapper .slick-dots li button {
            font-size: 0px;
            background-color: transparent;
            visibility: hidden;
        }

        .models-wrapper .slick-dots .slick-active {
            color: #25b4e8;
        }

        /* construction-slider */

        .construction-slider .slick-dots {
            display: flex;
            justify-content: center;
            margin: 20px;
        }

        .construction-slider .slick-dots li {
            font-size: 20px;
        }

        .construction-slider .slick-dots li button {
            font-size: 0px;
            background-color: transparent;
            visibility: hidden;
            color: #f9f9f9;
        }

        .construction-slider .slick-dots .slick-active {
            color: #d4d4d4;
        }

        .key-pro-info.w--current .project-over-cover {
            opacity: 1;
        }

        .wt-slider .slick-arrow {
            font-size: 0;
            padding: 10px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            top: -18%;
        }

        .wt-slider .slick-prev {
            background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c6739335fd034553b1d1ce_Mobile%20left.png);
            right: 4%;
        }

        .wt-slider .slick-next {
            background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c673974d67717905becce6_Mobile%20right.png);
            right: 0%;
        }

        .service-slider .slick-track {
            padding: 20px 0px;
        }

        /* case studies */

        .case-idea-wrap:hover .case-bg-img {
            transform: rotate(-5.2deg);
        }

        @media only screen and (max-width: 834px) {
            .wt-slider .slick-arrow {
                top: -12%;
            }
        }

        @media only screen and (max-width: 425px) {
            .wt-slider .slick-prev {
                right: 12%;
            }
        }

        @media screen and (min-width:1025px) and (max-width:1440px) {
            .solution-img .map-img {
                max-width: 120px;
            }
            .logo {
                min-width: 120px;
                margin-right: 20px;
            }
            .nav-link {
                font-size: 14px;
            }
        }

        @media screen and (min-width:992px) and (max-width:1025px) {
            .modelling-grid {
                grid-column-gap: 30px;
                grid-row-gap: 30px;
                grid-template-columns: 1fr 1fr;
            }
            .drop-grid-50 {
                grid-column-gap: 20px;
                -ms-grid-columns: 1fr 1fr;
                grid-template-columns: 1fr 1fr;
            }
            .slide-nav {
                left: 7%;
                bottom: 2%;
            }
            .dropdow-list {
                min-width: 600px;
            }
            .about-list {
                transform: translate(-20%, 0px);
            }
            .drop-toggle {
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .header {
                padding: 5px 0px;
            }
            .contact-button a {
                padding: 8px 20px;
            }
            .logo {
                margin-right: 20px;
            }
            .drop-list-grid,
            .sloution-mega-grid {
                grid-column-gap: 20px;
                grid-row-gap: 20px;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto;
            }
            .drop-opation-grid,
            .solution-sub-grid {
                margin-top: 15px;
                grid-column-gap: 15px;
                grid-row-gap: 15px;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto;
            }
            .form-section .box-form-des {
                padding-right: 10px;
            }
            .logo-line-section .logo-line-img {
                width: 80px;
            }
            .form-section #call-back-form {
                grid-column-gap: 15px;
                grid-row-gap: 15px;
            }
            /* --- our-team --- */
            .personnel-section .solution-wrapper {
                padding: 0px 10px;
            }
            .solution-img .map-img {
                width: 100px;
            }
            .services-box-wrapper {
                margin-top: 1em;
            }
            .services-box {
                margin-top: 0em;
                margin-bottom: 1em;
            }
            .nav-link {
                font-size: 14px;
            }
            .solution-img .map-img {
                max-width: 60px;
            }
            /* footer */
            .site-footer .footer-up-grid {
                grid-template-columns: 1fr 1fr;
            }
            .footer-up-grid #map-covar {
                grid-column-start: 1;
                grid-column-end: 3;
                grid-row-start: 2;
            }
            .site-footer .map-wrapper {
                height: 415px;
            }
            .site-footer .footer-submenu-grid {
                grid-template-columns: 1fr 1fr 1fr 1fr;
            }
            /* header */
            .logo {
                margin-right: auto;
            }
            .engineering-services {
                padding: 20px;
            }
            .hero-controal {
                max-width: 90%;
            }
            .grid-3,
            .request-form,
            .grid-7,
            .case-studies-category-list,
            .grid-11,
            .grid-10,
            .leadership-grid,
            .cons-wrapper,
            .benefit-box-wrapper,
            .contact-form-block {
                grid-column-gap: 20px;
                grid-row-gap: 20px;
            }
            .our-images {
                width: 50px;
            }
            .our-box,
            .ser-box,
            .case-box-text {
                padding: 20px;
            }
            .col-12-3 {
                padding: 0 15px;
            }
            .services-slider {
                grid-row-gap: 20px;
            }
            .col-12-5,
            .col-12-4,
            .col-3 {
                padding: 0 10px;
            }
            .key-title {
                margin-right: 50px;
            }
            .customers-grid {
                -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            }
            .support-form,
            .serv-form {
                padding: 30px;
            }
            .count-text {
                margin-left: 10px;
            }
            /* padding */
            .padding-column-100,
            .global-team-section {
                padding: 80px 0px;
            }
            .padding-column-50 {
                padding: 30px 0px;
            }
            .story-wrapper,
            .expe-wrapper {
                padding: 0px;
            }
            .services-hero-info {
                padding: 50px;
            }
            .services-hero-wrapper {
                margin-top: -7em;
            }
            /* font size*/
            .heading-3,
            .text-coud {
                font-size: 1.25em;
            }
            .archi-tab-link,
            .sub-menu-link {
                font-size: 1em;
            }
        }

        @media only screen and (max-width: 320px) {
            .employees-image {
                width: 32px;
            }
        }

        @media screen and (min-width:321px) and (max-width:375px) {
            .employees-image {
                width: 37.5px;
            }
        }

        @media only screen and (max-width: 834px) {
            .team-box:hover .team-information {
                bottom: -10%;
            }
            .hero-section .management-slider .slick-dots {
                left: 0%;
                bottom: -20%;
            }
            .service-slider .slick-arrow {
                top: -12%;
            }
            .service-slider .slick-next {
                right: 5%;
            }
            .service-slider .slick-prev {
                right: 12%;
            }
            #w-nav-overlay-0 {
                position: fixed !important;
                top: 0% !important;
                left: 0% !important;
                width: 100% !important;
                height: 100% !important;
                background: rgb(0 0 0 / 76%);
            }
        }

        @media only screen and (max-width: 425px) {
            .team-box:hover .team-information {
                bottom: 0%;
            }
            .slide-box .slick-prev {
                right: 16%;
            }
            .sub-menu-flex .submenu-icons {
                display: block;
            }
            .service-slider .slick-prev {
                right: 15%;
            }
            .modelling-grid {
                grid-column-gap: 15px;
                grid-row-gap: 15px;
                grid-template-columns: 1fr;
            }
        }

        /*services-slider mobile */

        @media only screen and (max-width: 576px) {
            .dropdow-list {
                overflow-y: auto;
            }
            .box-icon img {
                width: 24px;
                height: 24px;
            }
            .right-arrow svg {
                height: 10px;
            }
            .services-slider .slick-arrow {
                font-size: 0;
                padding: 10px;
                background-color: transparent;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                top: -13%;
            }
            .services-slider .slick-prev {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c6739335fd034553b1d1ce_Mobile%20left.png);
                right: 15%;
            }
            .services-slider .slick-next {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c673974d67717905becce6_Mobile%20right.png);
                right: 5%;
            }
            .products-slider .slick-arrow {
                font-size: 0;
                padding: 10px;
                background-color: transparent;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                top: -13%;
            }
            .products-slider .slick-prev {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c6739335fd034553b1d1ce_Mobile%20left.png);
                right: 17%;
            }
            .products-slider .slick-next {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c673974d67717905becce6_Mobile%20right.png);
                right: 5%;
            }
            .verticals-slider .slick-arrow {
                font-size: 0;
                padding: 10px;
                background-color: transparent;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                top: -13%;
            }
            .verticals-slider .slick-prev {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c6739335fd034553b1d1ce_Mobile%20left.png);
                right: 17%;
            }
            .verticals-slider .slick-next {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c673974d67717905becce6_Mobile%20right.png);
                right: 5%;
            }
            .benefit-slider .slick-arrow {
                font-size: 0;
                padding: 10px;
                background-color: transparent;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                top: -13%;
            }
            .benefit-slider .slick-prev {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c6739335fd034553b1d1ce_Mobile%20left.png);
                right: 17%;
            }
            .benefit-slider .slick-next {
                background-image: url(https://global-uploads.webflow.com/625d3d5eb58c49ef730ac32b/62c673974d67717905becce6_Mobile%20right.png);
                right: 5%;
            }
            .sloution-mega-grid,
            .solution-sub-grid,
            .drop-list-grid,
            .drop-opation-grid {
                grid-template-columns: 1fr;
                grid-template-rows: auto;
            }
            /* footer map section  */
            .location-1 .tooltip {
                transform: translate(-8%, 0px);
            }
            .location-1 .tooltip .white-box {
                left: 7%;
            }
            .location-2 .tooltip {
                transform: translate(-50%, 0px);
            }
            .location-2 .tooltip .white-box {
                left: 50%;
            }
            .location-3 .tooltip {
                transform: translate(-63%, 0px);
            }
            .location-3 .tooltip .white-box {
                left: 62%;
            }
            .location-4 .tooltip {
                transform: translate(-75%, 0px);
            }
            .location-4 .tooltip .white-box {
                left: 74%;
            }
            .location-5 .tooltip {
                transform: translate(-75%, 0px);
            }
            .location-5 .tooltip .white-box {
                left: 75%;
            }
        }

        .bg-overlay {
    z-index: 2;
    opacity: .9;
    background-image: linear-gradient(#df4e4ed4, #e82121b0);
    /* position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%; */
  }