/* Mechanical Engineering Services */
.mech-service-main-page {
    background: var(--Dark-Gray, #161A1B) !important;
}




.row {
    --bs-gutter-x: 0rem !important;
}

.service-blocks-div .service-blocks .pb-3 {
    padding-bottom: 0px !important;
}

.mech-service-main {
    width: 40%;
}

.Mech-img {
    padding: 120px 60px 60px 90px;
}

.mech-sec-btn {
    font-family: 'Manrope';
}

.content .common-span {
    padding: 0px;
}

.changing-section {
    padding-left: 70px;
    padding-right: 70px;
}

.img-inside-changing {
    width: 100%;
    max-width: 100%;
    height: 300px;
    border-top-right-radius: 10px;
}

.mech-sec-btn button {
    background-color: #101010;
    color: white;
    margin: 5px;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
}

.mech-sec-btn button:hover,
.mech-sec-btn button.active {
    background-color: #2BA88A;
}


.bread-sec {
  background: var(--Medium-Gray, #2E2E2E);    
  font-size: 10px;
    font-family: 'Manrope';
    height: auto;
}

.conc-res {
    padding: 1.25rem !important;
    /* Equivalent to p-5 */
    margin-top: 1.25rem !important;
    /* Equivalent to my-5 */
    margin-bottom: 1.25rem !important;
    /* Equivalent to my-5 */
}

.conc-res h2 {
    font-size: 64.33px;
}

.conc-res h6 {
    font-size: 26.65px;
    font-weight: 400;
    width: 53%;
}

.conc-res .acf-header-btn {
    font-size: 19.2px;
    font-weight: 800;
}

.mech-header .common-span {
    padding: 8px 16px;
    border-radius: 5px;
}

.bread-sec li {
  color: var(--Light-Gray, #F5F5F5); 
  opacity: 0.8;   
  font-size: 13.33px;
}

ul.breadcrumb li+li::before {
    content: ">";
    padding: 10px;
}

ul.breadcrumb {
  background: var(--Medium-Gray, #2E2E2E);   
    margin-bottom: 0px;
    padding-left: 70px;
}

ul.breadcrumb li a {
  color: var(--Light-Gray, #F5F5F5);
  text-decoration: none;
    font-size: 13.33px;
    opacity: 0.6;
}


.breadcrumb-fixed {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 1000;
}


.services-section {
    background-color: var(--Dark-Gray, #161A1B);
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

.container {
    width: 100%;
}

.services-content {
    display: flex;
    width: 100%;
}

.centered-section {
    width: 100%;
    background: none;
    padding: 0;
}

.c-pad {
    padding: 0;
}

.custom-m {
    padding-top: 50px;
    text-align: start;
    margin-bottom: 20px;
    font-size: 45.78px;
}

.custom-s {
    padding-top: 50px;
    padding-left: 160px;
    text-align: start;
    margin-bottom: 20px;
    font-size: 24.78px;
    font-weight: 400;
}

.vertical-menu {
    margin-top: 87px;
}

.vertical-menu a {
    padding-left: 37px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    width: 260px;
    display: flex;
    flex-direction: column;
    color: #2e2e2ec9;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.384px;
}

.vertical-menu a.active {
    background-color: #2BA88A;
    color: white;
}

.right-panel {
    width: 100%;
}

.inner-text-div {
    position: absolute;
    color: white;
    bottom: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
}

.inside-text {
    margin-bottom: -6px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 27.65px;
    margin-left: 80px;
    padding: 10px;
}


.services-pad p {
    padding-left: 70px;
    font-size: 16.2px;
    width: 90%;
}


.services-pad .p-sub {
    padding-left: 70px;
    width: 90%;
    color: var(--Medium-Gray, #2E2E2E);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.34px;
}

.services-font {
    font-size: 16.2px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.384px;
}

.mech-video {
    padding: 90px 20px 50px 20px;
}

.bg-green-mech {
    background-color: #2BA88A;
    padding: 15px;
    height: 78px;
}

.mech-p p {
    color: #080808;
    font-weight: 700;
}

.clients-btn {
    position: relative;
    font-size: 17.2px;
    line-height: normal;
    font-weight: 700;
    padding: 7px 15px;
    color: #2BA88A;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.40);
}

.accordion-button h6 {
    font-size: 19px;
}

.accordion-body p {
    font-size: 16.2px;
    background: white;
    color: black;
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: white;
}

.accordion-button {
    color: white;
    background-color: white;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232BA88A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    border-radius: 50%;
    box-shadow: 1px 0px 9px 0px rgba(1, 20, 4, 0.3);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232BA88A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    border-radius: 50%;
    box-shadow: 1px 0px 9px 0px rgba(1, 20, 4, 0.3);
}

.accordion-button:focus {
    border-color: #2BA88A;
    box-shadow: none;
}

.img-thumbnail {
    height: 586px;
    width: 1067px;
}

.reduced-mob-width-question {
    padding-bottom: 100px;
}


.multiple-blocks {
    visibility: visible !important;
}


.services-off .acf-header-btn {
  font-size: 18.2px !important;
}


/* ACF */


.col-md-5 {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }
  
  .freq-questions {
    background-color: #101010;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  
  
  .accordion-button:not(.collapsed) {
    color: white !important;
    background-color: white !important;
  }
  
  .accordion-button {
    color: white !important;
    background-color: white !important;
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M12.0002 8C11.6002 8 11.2002 8.2 11.0002 8.4L4.4002 15C3.8002 15.6 3.8002 16.6 4.4002 17.2C5.0002 17.8 6.0002 17.8 6.6002 17.2L12.0002 11.8L17.4002 17.2C18.0002 17.8 19.0002 17.8 19.6002 17.2C20.2002 16.6 20.2002 15.6 19.6002 15L13.2002 8.6C12.8002 8.2 12.4002 8 12.0002 8Z' fill='%232BA88A'/%3e%3c/svg%3e") !important;
    border-radius: 50%;
    box-shadow: 1px 0px 9px 0px rgba(1, 20, 4, 0.3);
  }
  
  .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11.9998 16C12.3998 16 12.7998 15.8 12.9998 15.6L19.5998 9C20.1998 8.4 20.1998 7.4 19.5998 6.8C18.9998 6.2 17.9998 6.2 17.3998 6.8L11.9998 12.2L6.59981 6.8C5.99981 6.2 4.99981 6.2 4.3998 6.8C3.79981 7.4 3.79981 8.4 4.3998 9L10.7998 15.4C11.1998 15.8 11.5998 16 11.9998 16Z' fill='%232BA88A'/%3e%3c/svg%3e") !important;
    border-radius: 50%;
    box-shadow: 1px 0px 9px 0px rgba(1, 20, 4, 0.3);
  }
  
  
  .accordion-button:focus {
    border-color: #2BA88A !important;
    box-shadow: none !important;
  }
  
  .accordion-button:focus {
    z-index: 3;
    border-color: white !important;
  }
  
  
  /* Services Page */
  body {
    overflow-x: hidden;
  }
  
  .main-service {
    display: flex;
    justify-content: flex-end;
  }
  
  .service-main {
    padding-right: 0px;
    padding-left: 30px;
  }
  
  .service-main h2 {
    font-size: 66.796px;
    margin-bottom: -15px;
    font-weight: 700 !important;
  }
  
  .service-main h3 {
    font-weight: 600 !important;
    font-size: 44.78px;
  }
  
  .p {
    padding: 5rem;
  }
  
  .service-main .acf-header-btn {
    padding: 10px;
    gap: 0px;
    font-size: 20.9px;
    font-weight: 750;
  }
  
  .btn-al {
    margin-top: 8% !important;
  }
  
  .stat-sec {
    font-family: 'Manrope';
    background-color: #F0F0F0;
    padding-left: 10%;
    padding: 40px 60px 60px 240px;
  }
  
  .stat-sec h2 {
    color: #2BA88A !important;
    font-weight: 800 !important;
    margin-bottom: -17px;
    margin-left: -1% !important;
  }
  
  .stat-sec h5 {
    font-weight: 800 !important;
    font-size: 22.18px;
  }
  
  .stat-sec p {
    width: 65%;
    font-size: 13.2px;
    font-weight: 500 !important;
  }
  
  
  .services-sec {
    background: linear-gradient(284deg, rgba(0, 0, 0, 0.50) -5.77%, rgba(0, 0, 0, 0.00) 43.68%), #161A1B;
    color: white;
  }
  
  .services-sec .section1 {
    padding-left: 75px;
    padding-top: 60px;
    padding-bottom: 58px;
  }
  
  .services-sec img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
  
  .services-sec mechanical-vector {
    width: 80% !important;
  }
  
  .services-sec h4 {
    font-size: 29.81px;
    letter-spacing: 0.1px !important;
  }
  
  .services-sec p {
    padding-left: 72px;
    color: var(--Light-Gray, #f5f5f58f) !important;
    font-size: 15px;
    font-style: normal !important;
    line-height: normal !important;
    width: 90%;
    margin-bottom: 2rem;
  }
  
  .services-sec a {
    text-decoration: none;
    color: inherit;
    padding-left: 72px;
    color: var(--Light-Gray, #f5f5f5d2) !important;
    font-size: 17.2px;
    font-style: normal !important;
    line-height: 1.7 !important;
  }
  
  
  
  .services-sec a:hover i {
    transform: translateX(10px);
    transition: transform 0.3s ease-in-out;
  }
  
  .services-sec .showmore {
    color: #EAEAEA !important;
    font-size: 19px !important;
    font-weight: 700 !important;
  }
  
  .services-main a :hover {
    color: white;
    text-decoration: none;
  }
  
  .arrow-sec {
    color: #2BA88A !important;
    margin-left: 5px !important;
  }
  
  .linked-text {
    text-decoration: none;
    color: #EAEAEA !important;
  
    /* Body Large */
    font-size: 19.2px;
  }
  
  .linked-text:hover {
    text-decoration: none;
    color: #2BA88A !important;
  }
  
  .linked-text-footer {
    text-decoration: none;
    color: #EAEAEA !important;
  
    /* Body Large */
    font-size: 14px;
  }
  
  .linked-text-footer:hover {
    text-decoration: none;
    color: #2BA88A !important;
  }
  
  .hover-green:hover h4 {
    color: #2BA88A;
  }
  
  
  .work-acf {
    position: relative;
    text-align: center;
    font-family: 'Manrope';
  }
  
  .work-acf h5 {
    padding-left: 24px;
  }
  
  .work-acf p {
    padding-left: 24px;
    font-size: 15.2px;
  }
  
  
  #work-back {
    width: 100%;
    height: 50vh;
  }
  
  .play-button {
    width: 120px;
    position: absolute;
    top: 50%;
    left: 77%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    border-radius: 50%;
    transition: transform 0.3s ease;
  }
  
  .play-button:hover {
    transform: translate(-50%, -50%) scale(1.2);
    /* Increase size by 20% on hover */
  }
  
  #buildType {
    color: #3F3F3F;
    text-align: center;
    font-size: 23.04px;
    font-style: normal;
    font-weight: 630;
    line-height: normal;
    letter-spacing: -0.461px;
    font-family: 'Manrope' !important;

  }
  
  #buildText {
    color: #FFF;
    text-align: center;
    font-size: 23.04px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.461px;
    margin-right: 0px !important;
    font-family: 'Manrope' !important;

  }
  
  .services-onboard {
    background-color: #181818;
    color: white;
    padding: 70px;
    font-family: 'Manrope';
    font-weight: bold;
  }
  
  .synergy h2 {
    font-size: 54.33px;
  }
  
  
  .section3 {
    color: white;
    padding: 60px;
    font-family: 'Manrope';
  }
  
  
  .section4 img {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }
  
  .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  
  .client-image {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 20px;
    margin-top: 30px;
  }
  
  .left-image {
    max-width: 100px;
    margin-right: 40px;
    padding: 5px;
  }
  
  .view-case-sec {
    background-color: #181818;
    color: white;
    padding: 70px;
    font-family: 'Manrope';
    font-weight: bold;
  }


  /* SERVICEACF */

  body {
    scroll-behavior: smooth;
}

.services-main {
    background: linear-gradient(262deg, rgba(0, 0, 0, 0.33) -10.1%, rgba(0, 0, 0, 0.00) 22.62%), radial-gradient(93.3% 145.7% at 20.87% -47.66%, rgba(43, 168, 138, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%), #161A1B !important;
    color: white;
    padding: 30px 150px;
}

.services-main h2 {
    font-size: 44.33px !important;
}

.services-main h6 {
    font-size: 21.50px !important;
}

.services-inside {
    background-color: #161A1B;
    padding: 70px !important;
}

.services-inside h5 {
    font-size: 27.33px !important;
}

.services-inside p {
    font-size: 16.2px !important;
}

.carousel-btn button {
    display: inline-block;
    margin-left: 100px;
    margin-right: -100px;
}

.mech-service-side-btn .world-pr {
    position: relative;
    top: 160px !important;
}


.no-select {
    user-select: none;
}

.processor-list {
    margin-left: 60px !important;
}

.button {
    display: inline-block;
    padding: 0.75em 1.25em;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 1.25em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}

.gallery {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    display: flex;
}

.gallery img {
    float: left;
    border-radius: 10px;
}

.gallery-cards .slide img {
    height: 340px !important;
}

.gallery,
.gallery .slide,
.gallery-image,
.gallery-image .content,
.gallery-image:before {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.gallery-cards .slide {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-out;
}

.gallery-cards {
    position: relative;
    display: flex;
    flex: 0 0 50%;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 100%;
    margin-top: 10% !important;
    margin-left: -20% !important;
}

.gallery-cards .slide {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    transform: translateY(-50%) translateX(-50%);
}

.gallery-cards .content {
    background-color: darkturquoise;
    color: #fff;
    text-align: center;
}

.gallery-cards .content .slide {
    opacity: 0;
}

.gallery-cards .content .slide[data-order="1"] {
    opacity: 1;
}

.gallery-cards .content h2 {
    font-size: 3em;
}

.gallery-cards .images {
    overflow-y: hidden;
}

.gallery-cards .images {
    max-width: 100%;
    /* Set maximum width */
}

.gallery-cards .images .slide img {
    max-width: 100%;
    /* Ensure images are responsive */
    height: auto;
    /* Maintain aspect ratio */
}



.slide {
    &[data-order="1"] {
        transform: translateY(-80%) translateX(-20%) translateZ(-150px) scale(1);
        z-index: 1004;
    }

    &[data-order="2"] {
        transform: translateY(-70%) translateX(-30%) translateZ(-100px) scale(0.95);
        z-index: 1003;
        opacity: 0.85;
    }

    &[data-order="3"] {
        transform: translateY(-60%) translateX(-40%) translateZ(-50px) scale(0.9);
        z-index: 1002;
        opacity: 0.7;
    }

    &[data-order="4"] {
        transform: translateY(-50%) translateX(-50%) translateZ(0) scale(0.85);
        z-index: 1001;
        opacity: 0;
    }

    &.leave {
        transform: translateY(0) translateX(-50%) translateZ(0);
        z-index: 1005;
        opacity: 0;
    }
}


.slide {
    &:before {
        content: none;
    }
}

.npd-scetion {
    padding-top: 4% !important;
}

.npd-scetion .custom-m {
    font-size: 35px !important;
}


/* Services-off */

.card {
    background-color: transparent !important;
}

.card-services {
    flex: 0 0 auto;
    width: 15rem;
    background-color: transparent;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.2);
}

.column-gap .col {
    padding-right: 50px;
}

.hover-box {
    display: none;
    position: absolute;
    background-color: black;
    border: 1px solid #ccc;
    padding: 30px;
    z-index: 1;
    width: 70%;
    border-bottom: 3px solid #2BA88A;
}

.hover-info:hover+.hover-box {
    display: block;
}

.hover-info:hover {
    color: #2BA88A;
    cursor: pointer;
}


#scroll-container {
    scrollbar-width: none;
}

#scroll-container::-webkit-scrollbar {
    display: none;
}

.circles {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #2BA88A;
    margin-right: 10px;
}

.with-border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.light-green-box {
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(218, 218, 218, 0.01) 0%, rgba(218, 218, 218, 0.01) 100%), rgba(98, 255, 217, 0.17);
    padding: 20px;
    margin: 10px 0;
}

.light-green-box p {
    margin: 0;
}

.svg-container {
    display: flex;
    cursor: pointer;
}

#challenge-dark p {
    color: black !important;
}

.first-p::first-letter {
    font-size: 1.5em;
    font-weight: 800;
}

.career-border {
    border-right: 1.5px solid black;
}

.industry-image-right {
    height: 500px;
    width: 100%;
    transform: rotate(334deg);
    border-radius: 40px;
    margin-right: -30%;
}

.image-industry-left {
    height: 500px;
    width: 100%;
    transform: rotate(-334deg);
    border-radius: 40px;
    margin-left: -30%;
}

.industry-section-bg {
    height: 432px;
    overflow: hidden;
}

.cards-grid-v2__item:hover .cards-grid-v2__image img {
    visibility: hidden;
}


.cards-grid-v2 {
    display: block;
}


.cards-grid-v2 .cards-grid-v2__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 190px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
    transition: all .3s ease;
}

.cards-grid-v2 .cards-grid-v2__item.nitro-lazy {
    background-image: none !important;
}


.cards-grid-v2 .cards-grid-v2__item:before {
    content: "";
    width: 100%;
    height: 1px;
    transition: height .15s ease, background-color .3s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}




.cards-grid-v2__inner {
    position: absolute;
    padding: 24px 32px;
    background: none;
    transition: all .3s ease;
    z-index: 2;
}



.cards-grid-v2__image {
    flex-shrink: 0;
    position: absolute;
    top: 25px;
    right: 0;
    width: 230px;
    height: 150px;
    overflow: hidden;
    -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    transition: all .3s ease;
}


.cards-grid-v2__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cards-grid-v2__text {
    color: white;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
}



.cards-grid-v2__more {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: -.03em;
    color: #171e2a;
    transition: all .3s ease;
}

.cards-grid-v2 .cards-grid-v2__item:hover .cards-grid-v2__inner {
    background-color: #1d1d1d;
    box-shadow: 0 8px 16px 0 hsla(0, 0%, 65%, .24);
    z-index: 3;
}

.cards-grid-v2 .cards-grid-v2__item:hover .cards-grid-v2__inner {
    border-bottom: 4px solid #2BA88A;
    z-index: 3;
    box-shadow: none;
}


.cards-grid-v2__more svg {
    width: 16px;
    height: 14px;
    margin-left: 12px;
}

.cards-grid-v2__title {
    max-width: 60%;
    color: black;
}

.cards-grid-v2 .cards-grid-v2__item:hover:before {
    height: 3px;
    background-color: #2BA88A;
    transition: height .3s ease, background-color .3s ease;
    z-index: 4;
}

.cards-grid-v2 .cards-grid-v2__item:hover .cards-grid-v2__text {
    visibility: visible;
    opacity: 1;
}

.card-section {
    display: flex;
    overflow-x: hidden;
    padding: 50px 0;
    gap: 40px;
    position: relative;
    height: 605px !important;
}

.card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-body h5 {
    font-size: 24px !important;
}

.card-body p {
    font-size: 16px !important;
}

.services-off {
    padding: 10px 10px 10px 120px !important;
}

.services-off h3 {
    margin-top: 0 !important;
    text-align: left !important;
    margin-bottom: -25px !important;
}

.service-read-more-btn {
    display: flex;
    align-self: flex-start;
}


/* STYLE */

.acf-header-btn {
    display: inline-flex !important;
    padding: 8px 16px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 5px !important;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #2BA88A !important;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.40) !important;
    color: #2BA88A !important;
    font-family: 'Manrope' !important;
    font-size: 17.2px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    border: 0px !important;
  }
  
  .acf-header-btn:hover {
    display: inline-flex !important;
    padding: 8px 8px 8px 16px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    border-radius: 5px !important;
    background: #2BA88A !important;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.40) !important;
    color: white !important;
    transition: all 400ms ease-in-out !important;
  }
  
  footer p {
    letter-spacing: 1px !important;
  }
  
  
  html {
    scroll-behavior: smooth;
  }
  
  .nav-pd {
    padding: 0px !important;
  }
  
  .h1-b {
    margin-bottom: 0px !important;
  }
  
  
  
  .index-r {
    position: relative;
  }
  
  .exp-r {
    position: relative;
  }
  
  .exp-t {
    margin-top: 10%;
  }
  
  .clr {
    color: #2BA88A;
  }
  
  .sr-b {
    background: #161A1B;
    padding-bottom: 2%;
  }
  
  .world-b {
    margin-bottom: 0;
  }
  
  .world-bt {
    margin-bottom: 0;
    margin-top: 10px;
  }
  
  .world-mr {
    margin-right: 20px;
  }
  
  .world-pr {
    cursor: pointer;
    position: relative;
  }
  
  .world-bb {
    background-color: #ffffff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .world-ml {
    margin-left: 20px;
  }
  
  .world-ar {
    background-color: #ffffff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .index-pd {
    padding: 50px;
  }
  
  .index-pdl {
    padding-left: 0 !important;
  }
  
  .index-mb {
    margin-bottom: 8px;
  }
  
  .map-st {
    height: 100%;
    overflow: hidden;
    border: 3px solid #ffffff;
    border-radius: 3px;
  }
  
  .ind-img {
    max-width: 100%;
    max-height: 1000px;
  }
  
  
  .vertical-line {
    display: inline-block;
    width: 3px;
    height: 24px;
    background: #2BA88A;
    margin-left: 8px;
  }
  
  .box-section {
    border-radius: 14px;
    border: 1px solid rgba(45, 168, 168, 0.26);
    background: rgba(43, 168, 168, 0.53);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.84);
    backdrop-filter: blur(21.899999618530273px);
    position: absolute;
    right: 178px;
    top: 90%;
    width: 560px;
    height: 98px;
  }
  
  .custom-box-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
  }
  
  .video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
  }
  
  .video-popup iframe {
    width: 80%;
    height: 80%;
  }
  
  .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
  }
  
  /* .build-word {
      border-radius: 6px;
      background: var(--Acufore-Green, #2BA88A);
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
      display: inline-flex;
      padding: 2px 10px;
      align-items: baseline;
      gap: -4px;
    }
  
    .change-text {
      transition: opacity 400ms ease-out;
    } */
  
  
  .change-text {
    transition: opacity 400ms ease-out;
  }
  
  .build-word {
    border-radius: 6px;
    background: var(--Acufore-Green, #2BA88A);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    display: inline-flex;
    padding: 3px 11px;
    align-items: baseline;
    gap: -4px;
    transition: width 1s ease-out;
    /* Added transition for width */
  }
  
  
  
  
  .common-span {
    border-radius: 10px;
    background: #2BA88A;
    padding: 0px 11px;
    justify-content: center;
    align-items: baseline;
    gap: 8px;
  }
  
  canvas {
    max-width: 80%;
    height: auto;
    margin: 20px 0;
  }
  

  
  
  .rangeContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
    /* Set margin-bottom to 0 */
    position: relative;
  }
  
  .year-text,
  #tooltip {
    display: none;
    position: absolute;
    text-align: center;
    line-height: 1;
    padding: 10px;
    color: #000000;
    font-weight: bolder;
    background: #ffffff;
    font-size: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    top: 25px;
    /* Adjust the top position based on your preference */
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  #tooltip::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    /* Half of the triangle width */
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    /* Adjust the color */
  }
  
  .scroll-message {
    display: none;
  }
  
  canvas {
    max-width: 100%;
    height: auto;
  }
  
  /* Change the background color of the slider to green */
  .rangeInput {
    background: linear-gradient(to right, #2ba88a 0%, #2ba88a 100%);
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    cursor: pointer;
  }
  
  
  
  /* Change the thumb (slider handle) color to green */
  .rangeInput::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
  }
  
  .rangeInput::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2ba88a;
    cursor: pointer;
  }
  
  
  .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    /* Center horizontally */
    transform: translate(-50%, -50%);
    /* Center vertically */
    text-align: center;
    z-index: 10;
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  
  
  
  .overlay-text h5 {
    letter-spacing: 2px !important;
  }
  
  
  .overlay-text .left-content,
  .overlay-text .right-content {
    flex: 1;
    /* Distribute the space equally between left and right content */
  }
  
  
  .overlay-text .left-content {
    text-align: left;
  }
  
  .overlay-text .right-content {
    text-align: right;
  }
  
  .overlay-text h5 {
    padding: 5px;
    display: block;
  }
  
  .chart-bottom {
    margin-bottom: 0px;
  }
  
  .words-span {
    border-radius: 4px !important;
    background: #2BA88A;
    padding: 0px 13px 7px 13px;
    justify-content: center;
    align-items: center;
  }
  
  #carousel-container {
    overflow: hidden;
    position: relative;
    margin-top: 5%;
  }
  
  #image-carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .carousel-image {
    position: relative;
    width: 400px;
    height: 230px;
    flex-shrink: 0;
    margin-right: 24px;
  }
  
  .carousel-image {
    border-radius: 6px;
    box-shadow: 0px 4px 6.5px 0px rgba(0, 0, 0, 0.50);
    overflow: hidden;
  }
  
  
  .text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(46, 46, 46, 0.10);
    backdrop-filter: blur(4px);
    color: white;
    padding: 10px;
    text-align: center;
    width: 100%;
    transition: background-color 0.3s ease;
    border: 1.5px solid #C9C9C9;
    border-left: none;
    border-right: none;
  
  }
  
  .carousel-image .text-container:hover {
    background: rgba(29, 49, 50, 0.71);
    backdrop-filter: blur(4px);
    transition: all 0.8s ease-out;
  }
  
  
  .text-container a {
    text-decoration: none;
    color: var(--Light-Gray, #F5F5F5);
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.50);
    font-family: 'Manrope';
    font-size: 39.81px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.791px;
  }
  
  .carousel-image:hover img {
    transform: scale(1.1);
    transition: transform 0.5s ease-in-out;
  }
  
  .country-detail {
    font-size: 13.33px !important;
  }
  
  
  
  

  


  
  /* @keyframes slide {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-20%);
    }
  } */
  
  .about-carousel {
    width: 286px;
    height: 105px;
    margin-right: 25px;
    border-radius: 8px;
    border: 2px solid #FFF;
    background: linear-gradient(102deg, rgba(255, 255, 255, 0.21) 16.81%, rgba(0, 0, 0, 0.00) 75.81%), linear-gradient(279deg, rgba(0, 0, 0, 0.20) -25.43%, rgba(0, 0, 0, 0.00) 49.04%), none, lightgray 50% / cover no-repeat;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    animation: slide 30s linear infinite alternate;
    /* Adjust the duration as needed */
  }
  
  
  
  
  
  
  
  
  
  .image-carousel {
    display: flex;
    align-items: center;
  }
  
  .client-logo {
    flex: 0 0 auto;
  }
  
  
  .cards {
    /* transition: height 0.5s ease-in-out; */
  }
  
  .card-body {
    overflow: hidden;
  }
  
  .cards:hover {
    height: 317px !important;
    border-radius: 15px;
    box-shadow: 3px 3px 0px 2px #2BA88A;
  }
  
  
  .scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .scroller[data-animated="true"] {
    overflow: hidden;
  }
  
  .scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 10s) var(--_animation-direction, forwards) linear infinite;
  }
  
  .scroller[data-direction="right"] {
    --_animation-direction: forwards;
  }
  
  .scroller[data-direction="left"] {
    --_animation-direction: forwards;
  }
  
  .scroller[data-speed="fast"] {
    --_animation-duration: 20s;
  }
  
  .scroller[data-speed="slow"] {
    --_animation-duration: 60s;
  }
  
  @keyframes scroll {
    to {
      transform: translate(calc(-50% - 0.5rem));
    }
  }
  
  
  .client-says .item {
    display: flex;
    padding: 36px 92px 28px 38px;
    align-items: flex-start;
    gap: 35px;
    margin: auto;
    width: 100%;
    height: auto;
    background: var(--Light-Gray, #F5F5F5);
  }
  
  .client-says .item p {
    color: #000000 !important;
  }
  
  .item {
    position: relative;
  }
  
  /* .content-wrapper {
    display: flex;
    flex-direction: row;
  } */
  
  
  
  
  
  
  
  
  
  
  
  .chatbot {
    display: none;
    position: fixed;
    top: 0;
    bottom: 50px;
    width: 100%;
    box-shadow: 0 -6px 99px -17px rgba(0, 0, 0, 0.68);
  }
  
  .chatbot__input {
    font-family: 'Manrope' !important;
  }
  
  @media screen and (min-width: 640px) {
    .chatbot {
      max-width: 420px;
      right: 50px;
      top: auto;
    }
  }
  
  .chatbot.chatbot--closed {
    top: auto;
    width: 100%;
  }
  
  .chatbot__header {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #2BA88A;
    height: 54px;
    padding: 0 20px;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  
  .chatbot__header:hover {
    background-color: #2BA88A;
  }
  
  .chatbot__header p {
    margin-right: 20px;
  }
  
  .chatbot__close-button {
    fill: #fff;
  }
  
  .chatbot__close-button.icon-speech {
    width: 20px;
    display: none;
  }
  
  .chatbot--closed .chatbot__close-button.icon-speech {
    display: block;
  }
  
  .chatbot__close-button.icon-close {
    width: 14px;
  }
  
  .chatbot--closed .chatbot__close-button.icon-close {
    display: none;
  }
  
  .chatbot__message-window {
    height: calc(100% - (54px + 60px));
    padding: 40px 20px 20px;
    /* background-color: #fff; */
    background: var(--Medium-Gray, #2E2E2E) !important;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.50);
    overflow-x: none;
    overflow-y: auto;
  }
  
  @media screen and (min-width: 640px) {
    .chatbot__message-window {
      height: 380px;
    }
  }
  
  .chatbot__message-window::-webkit-scrollbar {
    display: none;
  }
  
  .chatbot--closed .chatbot__message-window {
    display: none;
  }
  
  .chatbot__messages {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    width: auto;
  }
  
  .chatbot__messages li {
    margin-bottom: 20px;
  }
  
  .chatbot__messages li.is-ai {
    display: inline-flex;
    align-items: flex-start;
  }
  
  .chatbot__messages li.is-user {
    text-align: right;
    display: inline-flex;
    align-self: flex-end;
  }
  
  .chatbot__messages li .is-ai__profile-picture {
    margin-right: 8px;
  }
  
  .chatbot__messages li .is-ai__profile-picture .icon-avatar {
    width: 40px;
    height: 40px;
    padding-top: 6px;
  }
  
  .chatbot__message {
    display: inline-block;
    padding: 12px 20px;
    word-break: break-word;
    margin: 0;
    border-radius: 6px;
    letter-spacing: -0.01em;
    line-height: 1.45;
    overflow: hidden;
  }
  
  .is-ai .chatbot__message {
    border-radius: 7px;
    background: #1B1B1B !important;
    margin-right: 30px;
  }
  
  .is-user .chatbot__message {
    background-color: #2BA88A;
    margin-left: 30px;
  }
  
  .chatbot__message a {
    color: #2BA88A;
    word-break: break-all;
    display: inline-block;
  }
  
  .chatbot__message p:first-child {
    margin-top: 0;
  }
  
  .chatbot__message p:last-child {
    margin-bottom: 0;
  }
  
  .chatbot__message button {
    font-weight: 300;
    border-radius: 50px;
    padding: 8px 20px;
    margin: -8px 10px 18px 0;
    transition: background-color 0.2s ease;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid rgba(245, 245, 245, 0.50);
    background: #3D3D3D;
    color: #FFF;
  }
  
  .chatbot__message button:hover {
    background: #3D3D3D;
  }
  
  .chatbot__message button:focus {
    outline: none;
  }
  
  .chatbot__message img {
    max-width: 100%;
  }
  
  .animation:last-child {
    -webkit-animation: fadein 0.25s;
    animation: fadein 0.25s;
    -webkit-animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .chatbot__arrow {
    width: 0;
    height: 0;
    margin-top: 18px;
  }
  
  .chatbot__arrow--right {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #2BA88A !important;
  }
  
  .chatbot__arrow--left {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #161A1B !important;
  }
  
  .chatbot__entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 10px;
    border-top: 1px solid #383838 !important;
    background: #222 !important;
  }
  
  .chatbot--closed .chatbot__entry {
    display: none;
  }
  
  .chatbot__input {
    height: 70%;
    width: 90%;
    border: 0;
    border-radius: 3px;
    background: #383838 !important;
    color: white !important;
  }
  
  .chatbot__input:focus {
    outline: none;
  }
  
  .chatbot__input::-webkit-input-placeholder {
    color: #2BA88A;
  }
  
  .chatbot__input::-moz-placeholder {
    color: #2BA88A;
  }
  
  .chatbot__input::-ms-input-placeholder {
    color: #2BA88A;
  }
  
  .chatbot__input::-moz-placeholder {
    color: #2BA88A;
  }
  
  .chatbot__submit {
    fill: #2BA88A;
    height: 22px;
    width: 22px;
    transition: fill 0.2s ease;
    cursor: pointer;
  }
  
  .chatbot__submit:hover {
    fill: #2BA88A;
  }
  
  .u-text-highlight {
    color: #2BA88A;
  }
  
  .chatbot {
    display: none;
    position: fixed;
    top: 0;
    bottom: 50px;
    width: 100%;
    box-shadow: 0 -6px 99px -17px rgba(0, 0, 0, 0.68);
  }
  
  @media screen and (min-width: 640px) {
    .chatbot {
      max-width: 420px;
      right: 50px;
      top: auto;
    }
  }
  
  .chatbot.chatbot--closed {
    top: auto;
    width: 100%;
  }
  
  .chatbot__header {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--Dark-Gray, #161A1B) !important;
    height: 54px;
    padding: 0 20px;
    padding-top: 10px;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  
  .chatbot__header:hover {
    background-color: #2BA88A;
  }
  
  .chatbot__header p {
    margin-right: 20px;
  }
  
  .chatbot__close-button {
    fill: #fff;
  }
  
  .chatbot__close-button.icon-speech {
    width: 20px;
    display: none;
  }
  
  .chatbot--closed .chatbot__close-button.icon-speech {
    display: block;
  }
  
  .chatbot__close-button.icon-close {
    width: 14px;
  }
  
  .chatbot--closed .chatbot__close-button.icon-close {
    display: none;
  }
  
  .chatbot__message-window {
    height: calc(100% - (54px + 60px));
    padding: 40px 20px 20px;
    background-color: #fff;
    overflow-x: none;
    overflow-y: auto;
  }
  
  @media screen and (min-width: 640px) {
    .chatbot__message-window {
      height: 380px;
    }
  }
  
  .chatbot__message-window::-webkit-scrollbar {
    display: none;
  }
  
  .chatbot--closed .chatbot__message-window {
    display: none;
  }
  
  .chatbot__messages {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    width: auto;
  }
  
  .chatbot__messages li {
    margin-bottom: 20px;
  }
  
  .chatbot__messages li.is-ai {
    display: inline-flex;
    align-items: flex-start;
  }
  
  .chatbot__messages li.is-user {
    text-align: right;
    display: inline-flex;
    align-self: flex-end;
  }
  
  .chatbot__messages li .is-ai__profile-picture {
    margin-right: 8px;
  }
  
  .chatbot__messages li .is-ai__profile-picture .icon-avatar {
    width: 40px;
    height: 40px;
    padding-top: 6px;
  }
  
  .chatbot__message {
    display: inline-block;
    padding: 12px 20px;
    word-break: break-word;
    margin: 0;
    border-radius: 6px;
    letter-spacing: -0.01em;
    line-height: 1.45;
    overflow: hidden;
  }
  
  .is-ai .chatbot__message {
    background-color: #f0f0f0;
    margin-right: 30px;
  }
  
  .is-user .chatbot__message {
    background-color: #2BA88A;
    margin-left: 30px;
    color: #310001;
  }
  
  .chatbot__message a {
    color: #2BA88A;
    word-break: break-all;
    display: inline-block;
  }
  
  .chatbot__message p:first-child {
    margin-top: 0;
  }
  
  .chatbot__message p:last-child {
    margin-bottom: 0;
  }
  
  .chatbot__message button {
    font-weight: 300;
    border-radius: 50px;
    padding: 8px 20px;
    margin: -8px 10px 18px 0;
    transition: background-color 0.2s ease;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid rgba(245, 245, 245, 0.50);
    background: #3D3D3D;
    color: #FFF;
  }
  
  .chatbot__message button:hover {
    background: #3D3D3D;
  }
  
  .chatbot__message button:focus {
    outline: none;
  }
  
  .chatbot__message img {
    max-width: 100%;
  }
  
  .animation:last-child {
    -webkit-animation: fadein 0.25s;
    animation: fadein 0.25s;
    -webkit-animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .chatbot__arrow {
    width: 0;
    height: 0;
    margin-top: 18px;
  }
  
  .chatbot__arrow--right {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fde7e8;
  }
  
  .chatbot__arrow--left {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #f0f0f0;
  }
  
  .chatbot__entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 10px;
    border-top: 1px solid #e6eaee;
    background-color: #fff;
  }
  
  .chatbot--closed .chatbot__entry {
    display: none;
  }
  
  .chatbot__input {
    height: 70%;
    width: 90%;
    border: 0;
  }
  
  .chatbot__input:focus {
    outline: none;
  }
  
  .chatbot__input::-webkit-input-placeholder {
    color: #7f7f7f;
  }
  
  .chatbot__input::-moz-placeholder {
    color: #7f7f7f;
  }
  
  .chatbot__input::-ms-input-placeholder {
    color: #7f7f7f;
  }
  
  .chatbot__input::-moz-placeholder {
    color: #7f7f7f;
  }
  
  .chatbot__submit {
    fill: #2BA88A;
    height: 22px;
    width: 22px;
    transition: fill 0.2s ease;
    cursor: pointer;
  }
  
  .chatbot__submit:hover {
    fill: #2BA88A;
  }
  
  .u-text-highlight {
    color: #fde7e8;
  }
  
  .loader {
    margin-bottom: -2px;
    text-align: center;
    opacity: 0.3;
  }
  
  .loader__dot {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin: 0 1px;
    background: black;
    border-radius: 50px;
    -webkit-animation: loader 0.45s infinite alternate;
    animation: loader 0.45s infinite alternate;
  }
  
  .loader__dot:nth-of-type(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
  }
  
  .loader__dot:nth-of-type(3) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
  }
  
  @-webkit-keyframes loader {
    0% {
      transform: translateY(0);
    }
  
    100% {
      transform: translateY(-5px);
    }
  }
  
  @keyframes loader {
    0% {
      transform: translateY(0);
    }
  
    100% {
      transform: translateY(-5px);
    }
  }
  
  @-webkit-keyframes fadein {
    from {
      opacity: 0;
      margin-top: 10px;
      margin-bottom: 0;
    }
  
    to {
      opacity: 1;
      margin-top: 0;
      margin-bottom: 10px;
    }
  }
  
  @keyframes fadein {
    from {
      opacity: 0;
      margin-top: 10px;
      margin-bottom: 0;
    }
  
    to {
      opacity: 1;
      margin-top: 0;
      margin-bottom: 10px;
    }
  }
  
  .intro {
    display: block;
    margin-bottom: 20px;
  }
  
  .loader {
    margin-bottom: -2px;
    text-align: center;
    opacity: 0.3;
  }
  
  .loader__dot {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin: 0 1px;
    background: black;
    border-radius: 50px;
    -webkit-animation: loader 0.45s infinite alternate;
    animation: loader 0.45s infinite alternate;
  }
  
  .loader__dot:nth-of-type(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
  }
  
  .loader__dot:nth-of-type(3) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
  }
  
  @keyframes loader {
    0% {
      transform: translateY(0);
    }
  
    100% {
      transform: translateY(-5px);
    }
  }
  
  @keyframes fadein {
    from {
      opacity: 0;
      margin-top: 10px;
      margin-bottom: 0;
    }
  
    to {
      opacity: 1;
      margin-top: 0;
      margin-bottom: 10px;
    }
  }
  
  
  .intro {
    display: block;
    margin-bottom: 20px;
  }
  
  #chat-circle {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    padding: 12px;
    cursor: pointer;
  }
  
  
  .arrow-hover:hover {
    background: #2BA88A !important;
    color: white !important;
  }
  
  .arrow-hover:hover .fa-chevron-left {
    color: white !important;
  }
  
  .arrow-hover:hover .fa-chevron-right {
    color: white !important;
  }
  
  
  
  .services-card {
    padding-top: 50px !important;
    margin: 0 !important;
    display: grid;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    margin: 0px 100px 0px 100px;
  }
  
  .first-col,
  .sec-col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .mechanical-service-container,
  .electronics-service-container,
  .plant-service-container,
  .software-service-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .mechanical-card,
  .plant-card,
  .electronics-card,
  .software-card {
    position: relative;
    overflow: hidden;
    height: 225px;
    width: 430px;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    border-radius: 15px;
    background: linear-gradient(302deg, rgba(0, 0, 0, 0.40) -39.72%, rgba(0, 0, 0, 0.00) 61.84%), #2E2E2E;
  }
  
  .services-card a {
    text-decoration: none !important;
    opacity: 65% !important;
    line-height: 3 !important;
    letter-spacing: 0.2px !important;
  }
  
  .services-card a:hover {
    opacity: 100% !important;
  }
  
  .services-card span {
    border-bottom: 3px solid #2BA88A;
  }
  
  .exp-span {
    border-radius: 4px !important;
  }
  
  
  
  
  .mechanical-card:hover,
  .plant-card:hover,
  .electronics-card:hover,
  .software-card:hover {
    box-shadow: 3px 3px 0px 2px #2BA88A;
    background: linear-gradient(129deg, rgba(0, 0, 0, 0.00) 42.95%, rgba(0, 0, 0, 0.60) 108.69%), #232323;
  }
  
  .services-card a i {
    opacity: 0;
    /* Make the icon transparent */
    transition: margin-left 0.3s ease-in-out, opacity 0.3s ease-in-out;
    /* Adding smooth transitions for both properties */
  }
  
  .services-card a:hover i {
    margin-left: 10px;
    /* Adjust the margin value as needed */
    opacity: 1;
    /* Make the icon fully visible on hover */
  }
  
  .vectorIcon {
    position: absolute;
    top: 20px;
    right: 10px;
    transition: transform 1.3s ease;
  }
  
  .mechanical-card:hover .vectorIcon,
  .plant-card:hover .vectorIcon,
  .electronics-card:hover .vectorIcon,
  .software-card:hover .vectorIcon {
    transform: translate(0, calc(100% + 205px));
  }
  
  .content-wrapper p {
    font-weight: 700 !important;
  }
  
  

  
  
  
  
  /* mobile  */
  
  
  .mobile-section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }
  
  .mobile-section img {
    max-width: 80%;
    /* Ensure the image doesn't exceed its container's width */
    height: auto;
    /* Maintain the aspect ratio */
  }
  
  
  
  
  
  
  
  /* Navbar Css */
  
  .navbar {
    background: #1F2425;
    width: 100%;
    /* Full width */
    padding-right: 50px !important;
    padding-left: 70px !important;
    height: auto;
  }
  
  .navbar-brand {
    color: #ffffff !important;
    font-family: 'Manrope' !important;
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 100.401% !important;
    letter-spacing: -0.72px !important;
  }
  
  .navbar-toggler {
    margin-right: 0;
  }
  
  .navbar-nav .nav-item {
    margin-right: 50px !important;
  }
  
  .navbar-nav {
    margin-left: auto;
  }
  
  .navbar-nav .nav-link {
    color: #ffffff !important;
    font-family: 'Manrope' !important;
    font-size: 19.2px !important;
    font-style: normal !important;
    font-weight: 210 !important;
    line-height: normal !important;
    letter-spacing: 0.2px;
  }
  
  
  
  
  
  
  .nav-align {
    display: flex;
    align-items: center;
  }
  
  .nav-color {
    background: linear-gradient(0deg, #2BA88A 0%, #2BA88A 100%), #267AB8;
    height: 62px;
  }
  
  .navbar-brand svg {
    width: 55% !important;
    height: 50% !important;
    display: flex;
    align-items: center;
  }
  
  /* Footer */
  
  .footer-content {
    color: rgba(255, 255, 255, 0.60) !important;
    font-family: 'Manrope';
    font-size: 13.33px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  
  .copyright-section {
    background: rgba(0, 0, 0, 0.87);
    padding-left: 92px;
    padding-right: 85px;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
  }
  
  
  
  footer {
    background-color: #2e2e2e;
    color: rgba(255, 255, 255, 0.6);
    padding: 73px 85px 62px 91px;
    font-family: 'Manrope';
  }
  
  
  /* Index */
  
  .index-section {
    height: auto;
    width: auto;
    background-blend-mode: normal, exclusion, normal;
  }
  
  .main-section {
    padding: 120px 100px 100px 130px;
  }
  
  .innovation {
    display: flex;
    align-items: center;
    margin-left: 7%;
    margin-top: -10px;
  }
  
  .build-width {
    width: 40%;
  }
  
  .pop-up-video {
    display: flex;
    cursor: pointer;
  }
  
  .corporate {
    font-weight: 500 !important;
    width: 71%;
    margin-left: 20px
  }
  
  .video-popup {
    z-index: 999;
  }
  
  /* exponential section */
  
  .exponential-section {
    height: auto;
    padding: 124px;
  }
  
  /* industry */
  
  .industry-sec {
    padding: 88px 10px 58px 10px;
  }
  
  
  
  .carousel-item-content {
    display: flex;
    width: 100%;
  }
  
  .linkedin-profile-image {
    border-radius: 50%;
    width: 20%;
    /* Adjust the width as needed */
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
  
  .carousel-text-section {
    flex: 1;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    /* Stack text content in a column */
  }
  
  .location-text {
    color: #FFF;
    font-family: 'Manrope';
    font-size: 13.333px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  
  
  
  
  
  
  
  /*............................................................... Responsiveness ......................................................................................................... */
  
  @media (max-width: 767px) {
    .mobile {
      display: none !important;
    }
  
    .mobile-section {
      display: visible !important;
    }
  }
  
  @media (min-width: 767px) {
    .mobile-section {
      display: none !important;
    }
  }
  
  @media (max-width: 374px) {
  
    /* Navbar  */
  
    .navbar-nav .nav-item {
      margin-right: 0px !important;
    }
  
    .navbar-brand {
      padding-left: 10px !important;
      width: 50%;
      font-size: 26px !important;
    }
  
    .navbar {
      padding: 0px 0px !important;
    }
  
    .container-fluid {
      padding: 0px !important;
    }
  
    .nav-link {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  
    .navbar-nav .nav-link {
      font-size: 15.2px !important;
    }
  
    /* Footer */
  
    footer {
      padding: 33px 25px 62px 25px;
    }
  
    .d-flex.justify-content-end.footer-al {
      justify-content: start !important;
    }
  
    .footer-c p {
      text-align: start !important;
    }
  
    .footer-h {
      margin-bottom: 5% !important;
    }
  
    /* index */
  
    .main-section {
      padding: 50px 0px 50px 25px;
    }
  
    .main-acufore {
      font-size: 30.796px !important;
      letter-spacing: .064px !important;
    }
  
    .main-section .h8 {
      font-size: 9px !important;
    }
  
    .vertical-line {
      height: 18px !important;
    }
  
    .main-section .h7 {
      font-size: 16px !important;
    }
  
    .build-width {
      width: 90% !important;
    }
  
    .box-section {
      right: 4% !important;
      top: 92% !important;
      width: 180px !important;
      height: 60px !important;
    }
  
    .custom-box-sec {
      padding-top: 12px !important;
      padding-right: 5px !important;
    }
  
    .box-section .five-hundred {
      font-size: 20px !important;
      margin-left: -14% !important;
    }
  
    .box-section .happy-clients {
      font-size: 10px !important;
      margin-left: -14% !important;
    }
  
    .corporate {
      font-size: 7px !important;
      margin-left: -10% !important;
      width: 80% !important;
    }
  
    .pop-up-video svg {
      width: 30px !important;
      height: 30px !important;
      margin-top: 5%;
    }
  
    .acf-header-btn {
      font-size: 10.2px !important;
      padding: 5px 9px !important;
    }
  
  
    .exponential-section {
      height: auto;
      padding: 20px;
      padding-bottom: 70px;
    }
  
    .exponential-section h2 {
      margin-top: 15% !important;
      margin-bottom: 40% !important;
      font-size: 20.33px !important;
      letter-spacing: 0px !important;
    }
  
    .exponential-section h5 {
      font-size: 10px !important;
    }
  
    .exponential-section svg {
      display: none !important;
    }
  
    .copyright-section {
      padding-left: 25px;
      padding-right: 25px;
    }
  
    .footer-content {
      font-size: 6.33px !important;
    }
  
    .industry-section h2 {
      font-size: 20.33px !important;
      letter-spacing: 0px !important;
      margin-bottom: 15% !important;
    }
  
    .industry-sec {
      padding: 40px 20px 40px 20px !important;
    }
  
    .carousel-image {
      width: 230px !important;
      height: 180px !important;
    }
  
  
    .industry-sec .text-container a {
      font-size: 18px !important;
      letter-spacing: 0px !important;
    }
  
  
  }
  
  
  @media (min-width: 375px) and (max-width: 575px) {
  
    /* Navbar  */
  
    .navbar-nav .nav-item {
      margin-right: 0px !important;
    }
  
    .navbar-brand {
      padding-left: 10px !important;
      width: 50%;
      font-size: 26px !important;
    }
  
    .navbar {
      padding: 0px 0px !important;
    }
  
    .container-fluid {
      padding: 0px !important;
    }
  
    .nav-link {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  
    .navbar-nav .nav-link {
      font-size: 15.2px !important;
    }
  
    /* Footer */
  
    footer {
      padding: 33px 25px 62px 25px;
    }
  
    .d-flex.justify-content-end.footer-al {
      justify-content: start !important;
    }
  
    .footer-c p {
      text-align: start !important;
    }
  
    .footer-h {
      margin-bottom: 5% !important;
    }
  
    .copyright-section {
      padding-left: 25px;
      padding-right: 25px;
    }
  
    .footer-content {
      font-size: 6.33px !important;
    }
  
  
    /* index */
  
    .main-section {
      padding: 50px 0px 50px 25px;
    }
  
    .main-acufore {
      font-size: 40.796px !important;
      letter-spacing: .064px !important;
    }
  
    .main-section .h8 {
      font-size: 13px !important;
    }
  
    .vertical-line {
      height: 18px !important;
    }
  
    .main-section .h7 {
      font-size: 16px !important;
    }
  
    .build-width {
      width: 90% !important;
    }
  
    .box-section {
      right: 4% !important;
      top: 92% !important;
      width: 200px !important;
      height: 60px !important;
    }
  
    .custom-box-sec {
      padding-top: 12px !important;
      padding-right: 5px !important;
    }
  
    .box-section .five-hundred {
      font-size: 20px !important;
      margin-left: -12% !important;
    }
  
    .box-section .happy-clients {
      font-size: 10px !important;
      margin-left: -12% !important;
    }
  
    .corporate {
      font-size: 7px !important;
      margin-left: -10% !important;
      width: 80% !important;
    }
  
    .pop-up-video svg {
      width: 30px !important;
      height: 30px !important;
    }
  
    .exponential-section {
      height: auto;
      padding: 20px;
      padding-bottom: 70px;
    }
  
    .exponential-section h2 {
      margin-top: 15% !important;
      margin-bottom: 40% !important;
      font-size: 25.33px !important;
      letter-spacing: 0px !important;
    }
  
    .exponential-section h5 {
      font-size: 10px !important;
    }
  
    .exponential-section svg {
      display: none !important;
    }
  
    .acf-header-btn {
      font-size: 10.2px !important;
      padding: 5px 9px !important;
    }
  
    .industry-section h2 {
      font-size: 25.33px !important;
      letter-spacing: 0px !important;
      margin-bottom: 15% !important;
    }
  
    .industry-sec {
      padding: 40px 20px 40px 20px !important;
    }
  
  
    .carousel-image {
      width: 250px !important;
      height: 180px !important;
    }
  
  
    .industry-sec .text-container a {
      font-size: 18px !important;
      letter-spacing: 0px !important;
    }
  
  
  
  
  
  
  
  
  
  }
  
  
  
  
  
  @media (min-width: 576px) and (max-width:767px) {
  
    /* Navbar  */
  
    .navbar-nav .nav-item {
      margin-right: 0px !important;
    }
  
    .navbar-brand {
      font-size: 26px !important;
    }
  
    .navbar-nav .nav-link {
      font-size: 15.2px !important;
    }
  
    .navbar {
      padding: 0px 0px !important;
    }
  
    .container-fluid {
      padding: 0px !important;
    }
  
    .nav-link {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  
  
  
    /* Footer */
  
    footer {
      padding: 33px 25px 62px 25px;
    }
  
    .d-flex.justify-content-end.footer-al {
      justify-content: start !important;
    }
  
    .footer-c p {
      text-align: start !important;
    }
  
    .footer-h {
      margin-bottom: 5% !important;
    }
  
    .copyright-section {
      padding-left: 25px;
      padding-right: 25px;
    }
  
    .footer-content {
      font-size: 7.33px !important;
    }
  
    /* index */
  
    .main-section {
      padding: 50px 0px 50px 45px;
    }
  
    .main-acufore {
      font-size: 40.796px !important;
      letter-spacing: .064px !important;
    }
  
    .main-section .h8 {
      font-size: 13px !important;
    }
  
    .vertical-line {
      height: 18px !important;
    }
  
    .main-section .h7 {
      font-size: 19px !important;
    }
  
  
  
    .build-width {
      width: 55% !important;
    }
  
    .box-section {
      right: 4% !important;
      top: 92% !important;
      width: 230px !important;
      height: 60px !important;
    }
  
    .custom-box-sec {
      padding-top: 12px !important;
      padding-right: 5px !important;
    }
  
    .box-section .five-hundred {
      font-size: 20px !important;
      margin-left: -12% !important;
    }
  
    .box-section .happy-clients {
      font-size: 10px !important;
      margin-left: -12% !important;
    }
  
    .corporate {
      font-size: 9px !important;
      margin-left: -10% !important;
      width: 80% !important;
    }
  
    .pop-up-video svg {
      width: 35px !important;
      height: 35px !important;
    }
  
  
    .exponential-section {
      height: auto;
      padding: 20px;
      padding-bottom: 70px;
    }
  
    .exponential-section h2 {
      margin-top: 20% !important;
      margin-bottom: 20% !important;
      font-size: 37.33px !important;
    }
  
    .exponential-section h5 {
      font-size: 15px !important;
    }
  
    .exponential-section svg {
      display: none !important;
    }
  
  
  
    .industry-section h2 {
      font-size: 37.33px !important;
      letter-spacing: 0px !important;
      margin-bottom: 15% !important;
    }
  
    .industry-sec {
      padding: 40px 20px 40px 20px !important;
    }
  
  
    .carousel-image {
      width: 300px !important;
      height: 180px !important;
    }
  
  
    .industry-sec .text-container a {
      font-size: 20px !important;
      letter-spacing: 0px !important;
    }
  
  
  
  
  }
  
  
  @media (min-width: 768px) and (max-width:991px) {
  
    /* Navbar  */
  
    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
      display: flex;
      flex-wrap: inherit;
      align-items: center;
      justify-content: space-between;
      padding: 10px !important;
    }
  
    .navbar-nav .nav-item {
      margin-right: 0px !important;
    }
  
    .navbar-brand {
      font-size: 26px !important;
    }
  
    .navbar-nav .nav-link {
      font-size: 15.2px !important;
    }
  
    .navbar-nav .nav-link {
      font-size: 15.2px !important;
    }
  
    .navbar {
      padding: 0px 0px !important;
    }
  
    .container-fluid {
      padding: 0px !important;
    }
  
    .nav-link {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  
  
    /* Footer */
  
    footer {
      padding: 33px 25px 62px 25px;
    }
  
    .copyright-section {
      padding-left: 25px;
      padding-right: 25px;
    }
  
  
  
  
    /* index */
  
    .main-section {
      padding: 70px 0px 60px 60px;
    }
  
  
    .build-width {
      width: 65%;
    }
  
    .box-section {
      right: 4% !important;
      top: 92% !important;
      width: 270px !important;
      height: 60px !important;
    }
  
    .custom-box-sec {
      padding-top: 12px !important;
      padding-right: 5px !important;
    }
  
    .box-section .five-hundred {
      font-size: 20px !important;
      margin-left: -12% !important;
    }
  
    .box-section .happy-clients {
      font-size: 10px !important;
      margin-left: -12% !important;
    }
  
    .corporate {
      font-size: 9px !important;
      margin-left: -10% !important;
      width: 80% !important;
    }
  
    .pop-up-video svg {
      width: 35px !important;
      height: 35px !important;
    }
  
  
    .main-acufore {
      font-size: 52px !important;
    }
  
    .innovation {
      margin-left: clamp(8%, 1vw, 10%) !important;
    }
  
    .index-section .h8 {
      font-size: 14px !important;
    }
  
    .exponential-section {
      height: auto;
      padding: 10px 40px 80px 40px !important;
      padding-bottom: 70px;
    }
  
    .exponential-section h2 {
      margin-top: 10% !important;
      margin-bottom: 10% !important;
      font-size: 37.33px !important;
    }
  
    .exponential-section h5 {
      font-size: 15px !important;
    }
  
  
    .industry-section h2 {
      font-size: 37.33px !important;
      letter-spacing: 0px !important;
      margin-bottom: 7% !important;
    }
  
    .industry-sec {
      padding: 40px 10px 40px 10px !important;
    }
  
  
    .carousel-image {
      width: 240px !important;
      height: 150px !important;
    }
  
  
    .industry-sec .text-container a {
      font-size: 22px !important;
      letter-spacing: 0px !important;
    }
  
  

  
    .client-section h2 {
      font-size: 37.33px !important;
    }
  
    .about-carousel {
      width: 220px !important;
      height: 80px !important;
    }
  
    .right-sec {
      padding: 35px !important;
    }
  
    .right-sec .right-choice-text {
      font-size: 60.2px !important;
    }
  
    .right-sec .right-p {
      font-size: 14.04px !important;
      margin-top: 7% !important;
    }
  
  
    .acf-header-btn {
      padding: 7px 9px !important;
    }
  
    .right-sec .acf-header-btn {
      font-size: 12px !important;
    }
  
    .world-section h2 {
      font-size: 37.33px !important;
    }
  
    .world-section p {
      font-size: 10.2px !important;
    }
  
    .world-section .acf-header-btn {
      font-size: 14.2px !important;
    }
  
    .client-section .acf-header-btn {
      font-size: 14.2px !important;
    }
  
  
    .industry-section .acf-header-btn {
      font-size: 14.2px !important;
    }
  
    .index-contact {
      padding: 30px !important;
    }
  
    .index-contact h5 {
      font-size: clamp(25.2px, 3.35vw, 45px) !important;
      white-space: nowrap !important;
    }
  
    .mechanical-card,
    .plant-card,
    .electronics-card,
    .software-card {
      width: 340px !important;
    }
  
    .services-card h6 {
      font-size: 18px !important;
    }
  
    .exp-services .services-card a {
      font-size: 14px !important;
      line-height: 4 !important;
      white-space: nowrap;
    }
  
    .exp-services h2 {
      font-size: 37.33px !important;
    }
  
  }
  
  
  
  @media (min-width: 992px) and (max-width:1199px) {
  
    /* Navbar  */
  
    .navbar {
      padding: 0px 20px 0px 20px !important;
    }
  
    .navbar-nav .nav-item {
      margin-right: 0px !important;
    }
  
    .navbar-brand {
      font-size: 26px !important;
    }
  
    .navbar-nav .nav-link {
      font-size: 15.2px !important;
    }
  
    .main-section .main-acufore {
      font-size: 58.796px !important;
    }
  
    .main-section .innovation {
      font-size: 16px !important;
    }
  
    .innovation {
      margin-left: clamp(8.2%, 1vw, 10%) !important;
    }
  
  
  
    /* Footer */
  
    footer {
      padding: 33px 35px 62px 35px;
    }
  
    .copyright-section {
      padding-left: 30px;
      padding-right: 30px;
    }
  
  
    /* index */
  
    .main-section {
      padding: 80px 100px 100px 80px;
    }
  
  
  
    .build-width {
      width: clamp(60%, 50%, 60%);
    }
  
  
    .box-section {
      right: 17% !important;
      top: 92% !important;
      width: 320px !important;
      height: 60px !important;
    }
  
    .custom-box-sec {
      padding-top: 12px !important;
      padding-right: 0px !important;
    }
  
    .box-section .five-hundred {
      font-size: 25px !important;
    }
  
    .box-section .happy-clients {
      font-size: 10px !important;
    }
  
    .corporate {
      font-size: 10px !important;
      width: 60% !important;
    }
  
    .pop-up-video svg {
      width: 35px !important;
      height: 35px !important;
    }
  
    .exponential-section {
      height: auto;
      padding: 50px 70px 90px 70px !important;
    }
  
    .exponential-section h2 {
      margin-top: 5% !important;
      margin-bottom: 10% !important;
      font-size: 39.33px !important;
    }
  
    .exponential-section h5 {
      font-size: 20px !important;
    }
  
    .industry-section h2 {
      font-size: 39.33px !important;
      letter-spacing: 0px !important;
      margin-bottom: 5% !important;
    }
  
    .industry-sec {
      padding: 40px 20px 40px 20px !important;
    }
  
  
    .carousel-image {
      width: 300px !important;
      height: 180px !important;
    }
  
  
    .industry-sec .text-container a {
      font-size: 25px !important;
      letter-spacing: 0px !important;
    }
  
  
  
    .index-contact h5 {
      font-size: clamp(16px, 5vw, 33px) !important;
      white-space: nowrap !important;
    }
  
  
  
  
  
  }
  
  
  
  
  @media (min-width: 1200px) and (max-width:1399px) {
  
    /* Navbar  */
  
    .vertical-line {
      height: 20px !important;
    }
  
    .icon-large {
      font-size: 25px !important;
    }
  
    .navbar-brand {
      font-size: 26px !important;
    }
  
    .navbar-nav .nav-link {
      font-size: 17.2px !important;
    }
  
    .navbar-nav .nav-item {
      margin-right: 20px !important;
    }
  
  
    /* Footer */
  
    footer .h8 {
      font-size: 16.7px !important;
    }
  
    footer .footer-p {
      font-size: 14.2px !important;
    }
  
    /* index */
  
    .build-width {
      width: 50%;
    }
  
    .box-section {
      right: 17% !important;
      top: 92% !important;
      width: 439px !important;
      height: 88px !important;
    }
  
    .box-section .five-hundred {
      font-size: 27px !important;
      margin-top: -2% !important;
    }
  
    .box-section .happy-clients {
      font-size: 18px !important;
    }
  
    .corporate {
      font-size: 15px !important;
      margin-left: -2px !important;
      margin-top: 7px !important;
    }
  
    .main-section .main-acufore {
      font-size: 58.796px !important;
    }
  
    .main-section .innovation {
      font-size: 16px !important;
      margin-left: 6% !important;
    }
  
    .exponential-section h2 {
      font-size: 48px !important;
    }
  
    .exponential-section h5 {
      font-size: 28px !important;
    }
  
    .industry-section h2 {
      font-size: 48px !important;
    }
  
    .industry-section .text-container a {
      font-size: 30px !important;
    }
  
  
    .client-section h2 {
      font-size: 48px !important;
    }
  
    .world-section h2 {
      font-size: 48px !important;
    }
  
    .exponential-section {
      height: auto;
      padding: 100px !important;
    }
  
    .carousel-image {
      width: 405px !important;
      height: 220px !important;
    }
  
    .acf-diverse {
      font-size: 19px !important;
    }
  

  
  
    .right-p {
      margin-top: 7% !important;
    }
  
    .world-section {
      padding: 65px !important;
    }
  
    .index-contact h5 {
      font-size: clamp(16px, 5vw, 33px) !important;
      white-space: nowrap !important;
    }
  
    .map-gp {
      margin-left: -3% !important;
    }
  
    .map-gs {
      margin-left: 3% !important;
    }
  
    .index-contact {
      padding: 40px !important;
    }
  
    .index-section .innovation {
      margin-left: 7% !important;
    }
  
  
  
  }
  
  
  
  
  
  
  @media (min-width: 1400px) and (max-width: 1800px) {
  
    /* Navbar  */
  
    .navbar-nav .nav-item {
      margin-right: 27px !important;
    }
  
  
    /* index */
  
    .main-section {
      padding: 170px 100px 100px 180px;
    }
  
    .index-section {
      height: 708px !important;
    }
  
    .main-acufore {
      margin-top: 3.5%;
    }
  
    .box-section {
      top: 108% !important;
      right: 80px !important;
    }
  
    .innovation {
      margin-left: clamp(7%, 1vw, 10%) !important;
    }
  
  
    .main-section .build-width {
      font-size: 33px !important;
    }
  
    .acf-header-btn {
      font-size: 19.2px !important;
    }
  
    .build-width {
      width: 60% !important;
    }
  
    .index-contact h5 {
      font-size: clamp(16px, 5vw, 33px) !important;
      white-space: nowrap !important;
    }
  
  
  }
  
  
  
  @media (min-width: 1801px) and (max-width: 2559px) {



  
    /* Navbar  */
  
    .navbar-nav .nav-item {
      margin-right: 27px !important;
    }
  
  
    /* index */
  
    .main-section {
      padding: 170px 100px 100px 180px;
    }
  
    .index-section {
      height: 708px !important;
    }
  
    .main-acufore {
      margin-top: 3.5%;
    }
  
    .box-section {
      top: 108% !important;
      right: 301px !important;
    }
  
    .innovation {
      margin-left: 5.8%;
    }
  
    .main-section .build-width {
      font-size: 33px !important;
    }
  
    .acf-header-btn {
      font-size: 19.2px !important;
    }
  
    .build-width {
      width: 40% !important;
    }
  
  
    .carousel-image {
      width: 580px !important;
      height: 320px !important;
    }
  
  
    .acf-diverse {
      font-size: 26px !important;
    }
  

  
  

  

  
    .right-choice-section .right-choice-text {
      font-size: 137.2px !important;
    }
  
    .right-sec {
      padding: 170px !important;
    }
  
    .right-choice-section .right-p {
      font-size: 31.04px !important;
      margin-top: 8% !important;
    }
  
  
    .right-choice-section .acf-header-btn {
      font-size: 29.04px !important;
    }
  
    .world-section {
      padding: 140px !important;
    }
  
  
    .world-section p {
      font-size: 27px !important;
    }
  
  
    .world-section .acf-header-btn {
      font-size: 29px !important;
    }
  
    .client-section .acf-header-btn {
      font-size: 23px !important;
    }
  
    .index-contact {
      padding: 100px !important;
    }
  
    .index-contact h5 {
      font-size: 44px !important;
      white-space: nowrap;
    }
  
    .map-gp {
      margin-left: -5% !important;
    }
  
    .map-gs {
      margin-left: 5% !important;
    }
  
    .form-control {
      padding: 0.375rem 4.75rem !important;
    }
  
    .index-contact .acf-header-btn {
      font-size: 25px !important;
    }
  
    .exp-services .mechanical-card,
    .plant-card,
    .electronics-card,
    .software-card {
      width: 630px !important;
    }
  
    .services-card h6 {
      font-size: 30px !important;
    }
  
    .exp-services .services-card a {
      text-decoration: none !important;
      opacity: 65% !important;
      line-height: 2.2 !important;
      font-size: 20px !important;
    }
  
    .arrow-hover {
      width: 40px !important;
      height: 40px !important;
    }
  
    .fa-chevron-right {
      font-size: 1.5em !important;
    }
  
    .fa-chevron-left {
      font-size: 1.5em !important;
    }
  
  
  
  
  
  }
  
  
  
  
  
  
  
  
  
  
  @media (min-width: 2560px) and (max-width: 3880px) {
  
    /* Navbar  */
  
  
  
    .navbar-nav .nav-link {
      font-size: 28.2px !important;
    }
  
    .navbar-brand img {
      max-width: 100% !important;
    }
  
  
    .navbar-nav .nav-item {
      margin-right: 27px !important;
    }
  
  
    /* index */
  
    .main-section .build-width {
      font-size: 50px !important;
    }
  
    .main-section .acf-header-btn {
      font-size: 32px !important;
    }
  
    .build-width {
      width: 55% !important;
    }
  
    .index-section {
      height: auto !important;
      padding: 180px !important;
    }
  
    .index-section .h8 {
      font-size: 38px !important;
    }
  
    .innovation {
      margin-left: 14.3% !important;
    }
  
  
    .main-acufore {
      font-size: 143px !important;
    }
  
    .box-section {
      top: 108% !important;
      right: 301px !important;
    }
  
  
    .vertical-line {
      display: inline-block;
      width: 6px !important;
      height: 52px !important;
    }
  
  
    .acf-header-btn {
      font-size: 19.2px !important;
    }
  
  
  
  
  
    .acf-diverse {
      font-size: 35px !important;
    }
  
  
  


  
    .right-choice-section .right-choice-text {
      font-size: 180.2px !important;
    }
  
    .right-sec {
      padding: 240px !important;
    }
  
    .right-choice-section .right-p {
      font-size: 40.04px !important;
      margin-top: 8% !important;
    }
  
  
    .right-choice-section .acf-header-btn {
      font-size: 35.04px !important;
    }
  
    .world-section {
      padding: 250px 250px 150px 250px !important;
    }
  
  
    .world-section p {
      font-size: 35px !important;
    }
  
  
    .world-section h2 {
      font-size: 80px !important;
    }
  
  
    .world-section .acf-header-btn {
      font-size: 35px !important;
    }
  
    .client-section .acf-header-btn {
      font-size: 35px !important;
    }
  
    .client-section h2 {
      font-size: 80px !important;
    }
  
    .client-section {
      padding: 80px 0px 80px 0px !important;
    }
  
    .about-carousel {
      width: 370px !important;
      height: 150px !important;
    }
  
    .index-contact {
      padding: 100px !important;
    }
  
    .index-contact h5 {
      font-size: 55.2px !important;
      white-space: nowrap;
    }
  
    .map-gp {
      margin-left: -5% !important;
    }
  
    .map-gs {
      margin-left: 5% !important;
    }
  
    .form-control {
      padding: 2.375rem 4.75rem !important;
      font-size: 1.7rem !important;
    }
  
  
    .index-contact .acf-header-btn {
      font-size: 30px !important;
    }
  
    .box-section {
      right: 8% !important;
      top: 112% !important;
      width: 800px !important;
      height: 165px !important;
    }
  
    .custom-box-sec {
      padding-top: 12px !important;
      padding-right: 5px !important;
    }
  
    .box-section .five-hundred {
      font-size: 80px !important;
    }
  
    .box-section .happy-clients {
      font-size: 34px !important;
    }
  
    .corporate {
      font-size: 27px !important;
      width: 75% !important;
    }
  
    .pop-up-video svg {
      width: 100px !important;
      height: 100px !important;
    }
  
    .exponential-section {
      padding: 200px !important;
    }
  
    .exponential-section h2 {
      font-size: 80px !important;
    }
  
  
    .exponential-section h5 {
      font-size: 45px !important;
    }
  
    .exponential-section .container {
      max-width: 1800px !important;
      margin-top: 0% !important;
    }
  
    .industry-section h2 {
      font-size: 80px !important;
    }
  
  
    .carousel-image {
      width: 758px !important;
      height: 400px !important;
    }
  
    .industry-section {
      padding: 50px 0px 50px 0px !important;
    }
  
  
    .arrow-hover {
      width: 50px !important;
      height: 50px !important;
    }
  
    .fa-chevron-right {
      font-size: 2em !important;
    }
  
    .fa-chevron-left {
      font-size: 2em !important;
    }
  
  
    .exp-services .mechanical-card,
    .plant-card,
    .electronics-card,
    .software-card {
      width: 630px !important;
    }
  
    .services-card h6 {
      font-size: 30px !important;
    }
  
    .exp-services .services-card a {
      text-decoration: none !important;
      opacity: 65% !important;
      line-height: 2.2 !important;
      font-size: 20px !important;
    }
  
    .exp-services h2 {
      font-size: 80px !important;
    }
  
    .exp-services {
      padding: 150px !important;
    }
  
    .exp-services .services-card {
      padding-top: 100px !important;
    }
  
  
    footer .h8 {
      font-size: 30px !important;
    }
  
    footer .footer-p {
      font-size: 23px !important;
    }
  
    .icon-large {
      font-size: 25px !important;
    }
  
    .footer-content {
      font-size: 16.33px !important;
    }
  
    #tooltip {
      font-size: 30px !important;
    }
  
  
  }
  
  
  .accordion-button:not(.collapsed) {
    color: white !important;
    background-color: white !important;
  }
  
  .accordion-button {
    color: white !important;
    background-color: white !important;
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M12.0002 8C11.6002 8 11.2002 8.2 11.0002 8.4L4.4002 15C3.8002 15.6 3.8002 16.6 4.4002 17.2C5.0002 17.8 6.0002 17.8 6.6002 17.2L12.0002 11.8L17.4002 17.2C18.0002 17.8 19.0002 17.8 19.6002 17.2C20.2002 16.6 20.2002 15.6 19.6002 15L13.2002 8.6C12.8002 8.2 12.4002 8 12.0002 8Z' fill='%232BA88A'/%3e%3c/svg%3e") !important;
    border-radius: 50%;
    box-shadow: 1px 0px 9px 0px rgba(1, 20, 4, 0.3);
  }
  
  .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11.9998 16C12.3998 16 12.7998 15.8 12.9998 15.6L19.5998 9C20.1998 8.4 20.1998 7.4 19.5998 6.8C18.9998 6.2 17.9998 6.2 17.3998 6.8L11.9998 12.2L6.59981 6.8C5.99981 6.2 4.99981 6.2 4.3998 6.8C3.79981 7.4 3.79981 8.4 4.3998 9L10.7998 15.4C11.1998 15.8 11.5998 16 11.9998 16Z' fill='%232BA88A'/%3e%3c/svg%3e") !important;
    border-radius: 50%;
    box-shadow: 1px 0px 9px 0px rgba(1, 20, 4, 0.3);
  }
  
  
  .accordion-button:focus {
    border-color: #2BA88A !important;
    box-shadow: none !important;
  }
  
  .accordion-button:focus {
    z-index: 3;
    border-color: white !important;
  }