/*---- THEME CSS STARTS ----*/

body {
    overflow-x: hidden !important;
    position: relative;
    font-family: "Euclid Circular A", Sans-serif;
    letter-spacing: -0.2px;
}

.page-header {
   display: none;
}

.image-hover {
    overflow: hidden;
}
.image-hover img {
    transition: all 0.5s ease-in;
    width: 100%;
}
.image-hover:hover img {
    transform: scale(1.1);
}


/*--- CUSTOM BUTTON CSS ----*/
.custom-btn a.elementor-button {
    padding: 8px 15px 8px 20px;
    border-radius: 50px;
}
.custom-btn .elementor-button-content-wrapper {
    align-items: center;
}
.custom-btn .elementor-button-icon svg {
    height: 38px;
    width: 38px;
}
.custom-btn .elementor-button {
    overflow: hidden;
    display: inline-flex;
}
.custom-btn .elementor-button-text {
    position: relative;
    transition: transform 0.6s ease-in-out;
}
.custom-btn .elementor-button-text::before {
    content: attr(data-text);
    position: absolute;
    top: -60px; 
    left: 0;
    width: 100%;

}
.custom-btn .elementor-button-text[data-text]:empty:before {
    content: "Contact Us"; 
}
.custom-btn .elementor-button:hover .elementor-button-text {
    transform: translateY(60px);
}

.custom-btn span.elementor-button-content-wrapper:after {
    content: "";
    background: url(../images/ButtonIcon.svg);
    width: 38px;
    height: 38px;
    margin-left: 15px;
}
.custom-btn .elementor-button:hover span.elementor-button-content-wrapper:after {
    background: url(../images/ButtonIcon2.svg);
}
/*--- CUSTOM BUTTON CSS ----*/

/*---- THEME CSS ENDS ----*/


/*---- CAREER PAGE ----*/

.intouchform .elementor-dragandrophandler {
    border: 1px dashed #283356;
    border-radius: 10px;
    height: 136px;
    display: flex;
    align-items: center;
}
.elementor-dragandrophandler-inner {
    padding: 0;
}
.intouchform .elementor-text-drop {
    font-size: 18px;
    color: #747474;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}
.intouchform .elementor-text-browser a {
    background: transparent;
}
.intouchform .elementor-text-browser a:before {
    content: "";
    background-image: url(../images/exporticon.svg);
    width: 36px;
    height: 36px;
    display: block;
}

/*---- CAREER PAGE ----*/


/*------ HEADER CSS STARTS -----*/

.elementor-element-edit-mode.custom-header {
    background-color: black;
}
.custom-header {
    position: absolute;
    z-index: 9;
    width: 100%;
    background: rgba(0, 0, 0, 0.01);
    backdrop-filter: blur(5px);
}


.custom-header.elementor-sticky--effects{
    background: white;
}

.elementor-sticky--effects .custom-logo img {
  content: url('../images/MainStickyLogo.svg');
}

.custom-header.elementor-sticky--effects .header-menu .elementor-nav-menu a.elementor-item {
    color: #333 !important;
}
.custom-header.elementor-sticky--effects .search-icon svg {
    filter: invert(1);
}
.custom-header.elementor-sticky--effects .wpml-translate img {
    filter: invert(1);
}
.custom-header.elementor-sticky--effects .custom-btn a.elementor-button {
    background: #ECF1FF;
}



.header-menu li:not(:last-child) a.elementor-item {
    margin-right: 46px !important;
}

.header-menu a.elementor-item {
    padding: 0 !important;
    margin: 0 !important;
}


/*------ HEADER CSS ENDS -----*/

/*----- HOME SLIDER CSS STARTS -----*/


/* Initial hidden */
.slide-sub,
.slide-para {
    opacity: 0;
}

/* h5 */
.slide-sub {
    transform: translateX(-60px);
    transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

/* h2 words */
.slide-heading {
    white-space: normal;
}

.slide-heading .word {
    display: inline-block;
    white-space: nowrap;
}

.slide-heading .word span {
    display: inline-block;
    transform: translateX(-40px);
    opacity: 0;
    transition: none;
}

/* paragraph */
.slide-para {
    transition: opacity 1.1s ease;
}

/* animate state */
.animate {
    opacity: 1 !important;
    transform: translateX(0) !important;
}
.slide-heading .word span.animate {
    transition: transform 0.9s cubic-bezier(.22,1,.36,1),opacity 0.6s ease
}







.slider-main {
    position: relative;
}
.slider-main .slider__counter {
    display: none;
}
.sliderInner {
     position: relative;
}
.sliderInner .inner-content {
     position: absolute;
     bottom: 0;
     top: 0;
     width: 100%;
     align-items: center;
     display: flex;
}

.sliderInner .inner-content {
    color: white;
}

.sliderInner .inner-content .container {
    width: 1320px;
    margin: 0 auto;
}
.sliderInner .image img{
    width:100%;
}

.sliderInner .inner-content .slide-cont {
    width: 70%;
}
.sliderInner .inner-content h2 {
    font-size: 75px;
    font-weight: 600;
    line-height: 90px;
    letter-spacing: -1.5px;
/*    transition: opacity 0.4s ease;*/
}
.sliderInner .inner-content p {
    font-size: 18px;
    color: white;
    margin-bottom: 25px;
    /*opacity: 0;
    transform: translateY(40px); 
    transition: all 0.9s ease-in-out;*/
}

.learn-more a {
    background-color: white;
    padding: 8px 15px 8px 20px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}
.learn-more a:after {
    content: "";
    background: url(../images/ButtonIcon.svg);
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-left: 15px;
}

.home-arrow {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 110px;
    left: 15%;
    gap:50px;
}
.home-arrow * {
    color: white;
}
.home-arrow .slider__counter {
    padding: 0 25px;
    font-size: 18px;
    font-weight: 400;
}
.home-arrow .slick-arrow {
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 30px;
}

/*----- HOME SLIDER CSS ENDS -----*/


.rightContainer .elementor-widget-shortcode {
    margin-left: calc((100% - 1320px) / 2);
    margin-right: 0;
    overflow: hidden;
}

.customContainer {
    margin-left: calc((100% - 1320px) / 2) !important;
    margin-right: 0 !important;
    overflow: hidden;
    width: auto;
}


/*---- ABOUT SECTION HOME PAGE CSS STARTS ----*/

.custom_image {
    transition: transform 0.15s ease-out;
    transform-style: preserve-3d;
}
.custom_image img {
    box-shadow: 0 0 74.7px 0 rgba(0, 0, 0, 0.15);
}

.elementor-13 .elementor-element.elementor-element-d0bc760 .elementor-blockquote:before {
    color: rgba(0, 0, 0, 0.10);
    font-family: "Euclid Circular A";
    font-size: 200px;
    font-style: normal;
    font-weight: 400;
    line-height: 115px;
    letter-spacing: -0.2px;
    display: flex !important;
    width: 56px !important;
    height: 62px;
    position: relative;
    top: 30px;
    content: "“";
}
.elementor-13 .elementor-element.elementor-element-d0bc760 .elementor-blockquote:after {
    color: rgba(0, 0, 0, 0.10);
    font-family: "Euclid Circular A";
    font-size: 200px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.2px;
    content: "”";
    float: right;
    margin-top: 6%;
}
.elementor-13 .elementor-element.elementor-element-d0bc760 .elementor-blockquote p {
    padding-left: 9%;
    margin-top: 1px;
}


.box-custom {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="419" height="96" viewBox="0 0 419 96" fill="none"><path d="M33.7568 0.5H408.804C415.213 0.500217 419.783 6.71675 417.871 12.834L394.121 88.834C392.882 92.7997 389.209 95.4999 385.054 95.5H10.0068C3.59793 95.4998 -0.972182 89.2832 0.939453 83.166L24.6895 7.16602C25.8902 3.32408 29.375 0.669936 33.3691 0.507812L33.7568 0.5Z" stroke="%23E5E5E5"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 27px 50px;
}
.box-custom .elementor-icon-box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box-custom h3.elementor-icon-box-title {
    margin-top: 0;
}




#insoirationacc summary.e-n-accordion-item-title {
    display: flex;
    align-items: center;
}

#insoirationacc .e-n-accordion-item-title-header {
    flex: 1; /* keeps text on left */
}

#insoirationacc .e-n-accordion-item-title-icon {
    margin-left: auto; /* pushes icon to the right */
}
#insoirationacc details[open] .e-n-accordion-item-title-icon svg {
    transition: transform 0.3s ease;
}
/*---- ABOUT SECTION HOME PAGE CSS ENDS ----*/



/*---- INDUSTRY SECTION CSS STARTS ----*/
.industry-section {
    background: linear-gradient(180deg, #F6F8FF 0%, rgba(246, 248, 255, 0.00) 100%);
}
.industry-section .industry_box a{
    font-weight: 400;
    color: #283356;
}
.industry_box p.elementor-icon-box-description {
    display: flex;
    align-items: center;
}
.industry_box p.elementor-icon-box-description:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 25px;
    margin-left: 5px;
}

.second-row .industry_box:first-child {
    margin-right: 110px;
}
.second-row .industry_box:last-child {
    margin-left: 125px;
}


.industry_box:hover {
    transform: translateY(-30px);
}
.industry_box .elementor-icon-box-icon span.elementor-icon,.industry_box .elementor-icon-box-icon span.elementor-icon svg path{
    transition: all 0.5s ease-in;
}
.industry_box:hover .elementor-icon-box-icon span.elementor-icon {
    background-color: #283356 !important;
}
.industry_box:hover .elementor-icon-box-icon span.elementor-icon svg path {
    fill: #fff !important;
}






.bs-services-wrapper {
    width: 100%;
}

.bs-services-heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Grid */
.bs-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Card */
.bs-service-card {
    text-align: left;
}

/* Image */
.bs-service-image {
    border-radius: 8px;
    overflow: hidden;
}

.bs-service-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* Title */
.bs-service-title {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
}

/* Tablet */
@media (max-width: 1024px) {
    .bs-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .bs-services-grid {
        grid-template-columns: 1fr;
    }
}




.bs-projects-wrapper {
    width: 100%;
}

.bs-projects-heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}

.bs-projects-details {
    font-size: 18px;
    color: #121212;
    margin-bottom: 45px;
    font-weight: 400;
    line-height: 30px;
    width: 85%;
}

.bs-projects-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.bs-project-image {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.bs-project-image img {
    width: 100%;
    object-fit: cover;
    display: block;
    height: 450px;
}

/* Title overlay */
.bs-project-title {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    z-index: 2;
    color: #FFF;
}

/* Optional dark overlay */
.bs-project-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.45), transparent);
}

/* Mobile */
@media (max-width: 768px) {
    .bs-project-image img {
        height: 240px;
    }
}



div#detind h2,
div#serind h2,
div#proind h2{
    color: var(--Text-Color, #333);
    font-family: "Euclid Circular A";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 125% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
div#detind p{
    color: #121212;
    font-family: "Euclid Circular A";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.2px;
}
div#detind p:not(:last-child){
    padding-bottom: 35px;
}
div#detind,
div#serind,
div#proind{
    margin-bottom: 50px;
}
div#serind h4{
    color: var(--Text-Color, #333);
    font-family: "Euclid Circular A";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 180% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
}





.bs-industry-list {
    background: #f7f9ff;
    padding: 12px;
    border-radius: 12px;
    width: 100%;
}

.bs-industry-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    text-decoration: none;
    color: #1f2a44;
    transition: background 0.25s ease;
}

.bs-industry-item:hover {
    background: #ffffff;
}

.bs-industry-icon {
    width: 72px;
    height: 72px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bs-industry-icon img,
.bs-industry-icon svg {
    width: 20px;
    height: 20px;
}

.bs-industry-title {
    color: #283356;
    font-family: "Euclid Circular A";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px; /* 250% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
}

/* Active state (optional) */
.bs-industry-item.current {
    background: #ffffff;
    font-weight: 600;
}






.bs-industry-row {
    display: flex;
    align-items: center;
    gap: 90px;
    margin-bottom: 90px;
}

.bs-industry-row.reverse {
    flex-direction: row-reverse;
}

/*.bs-industry-image {
    flex: 1;
}

.bs-industry-image img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 81.4px 0 rgba(0, 0, 0, 0.25);
}
*/


.bs-industry-image {
    flex: 1;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 81.4px 0 rgba(0, 0, 0, 0.25);
    background: rgba(0, 0, 0, 0.25);
    max-width: 40%;
}

.bs-industry-image img {
    width: 100%;
    border-radius: 10px;
    transform: scale(1.04);          /* initial zoomed-in state */
    transition: transform 0.5s ease; /* smooth animation */
}

.bs-industry-image:hover img {
    transform: scale(1);             /* zooms OUT on hover */
}

.bs-industry-content {
    flex: 1;
}

.bs-industry-header {
    display: block;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.bs-industry-icon {
    width: 42px;
    height: 42px;
    background: #f5f7ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bs-industry-icon img,
.bs-industry-icon svg {
    width: 20px;
    height: 20px;
}

.bs-industry-content h3 {
    color: #333;
    font-family: "Euclid Circular A";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 125% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
    margin: 35px 0;
}

.bs-industry-text p {
    color: #121212;
    font-family: "Euclid Circular A";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.2px;
}

.bs-industry-text p:not(:last-child){
    margin-bottom: 55px;
}

.bs-industry-btn {
    display: inline-block;
    padding: 10px 18px;
    background: #1f2a44;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 768px) {
    .bs-industry-row,
    .bs-industry-row.reverse {
        flex-direction: column;
    }

    .bs-industry-content {
        padding: 25px;
    }
}



.post-type-archive-our-industry .bs-industry-icon{
    width: 90px;
    height: 90px;
}
.post-type-archive-our-industry .bs-industry-icon img{
    width: 40px;
    height: 40px;
}
.post-type-archive-our-industry .bs-industry-content .custom-btn a.elementor-button {
    background: #ECF1FF;
    color: #333;
    margin-top: 40px;
}
.post-type-archive-our-industry .custom-btn a.elementor-button:hover {
    background: #283356;
    color: #fff;
}

/*---- INDUSTRY SECTION CSS ENDS ----*/


/*---- COMMITMENT SECTION CSS STARTS ----*/

.number-iconlist ul.elementor-icon-list-items {
  counter-reset: number-counter;
  position: relative;
}
.number-iconlist ul.elementor-icon-list-items li.elementor-icon-list-item {
  counter-increment: number-counter;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.number-iconlist ul.elementor-icon-list-items li.elementor-icon-list-item::before {
  content: counter(number-counter);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #384265;
  box-shadow: 0 4px 19.1px 0 rgba(0, 0, 0, 0.10);
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}

.number-iconlist ul.elementor-icon-list-items:before {
    content: "";
    border-left: 1px solid rgb(231 231 231 / 10%);
    position: absolute;
    top: 10px;
    left: 24px;
    height: 90%;
    width: 1px;
}

/*---- COMMITMENT SECTION CSS ENDS ----*/

/*----- SERVICE SECTION CSS STARTS -----*/

.service-section{
    background: linear-gradient(180deg, #F6F8FF 0%, rgba(246, 248, 255, 0.00) 100%);
}

.service-inner .slick-list {
    padding-left: 0 !important;
}
.service-inner .service-item {
    padding-right: 20px;
    display: block !important;
}
.serviceBox {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.serviceBox img {
    width: 100%;
    display: block;
    transition: all 0.5s ease-in;
}
.serviceBox::before {
    content: "";
    background: linear-gradient(180deg, rgba(40, 51, 86, 0.00) 0%, #283356 100%);
    position: absolute;
    width: 100%;
    height: calc(100% + 100px);
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-in;
}
.service-head {
    width: 80%;
    position: absolute;
    bottom: 0;
    padding: 40px;
    z-index: 8;
    color: #fff;
}
.service-head h4 {
    color: #fff;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}

.serviceBox:hover img {
    transform: scale(1.05);
}
.serviceBox:hover:before {
    height: 100%;
}



.service-arrow {
    display: flex;
    align-items: center;
    justify-content: end;
}
.service-arrow .slick-arrow {
    color: #C2C2C2;
    border: 1px solid;
    width: 54px;
    height: 54px;
    border-radius: 30px;
    font-size: 18px;
    background: transparent;
    margin-left: 15px;
}

.service-arrow .slick-arrow:hover {
    color: #283356;
}

/*----- SERVICE SECTION CSS ENDS -----*/




/*----- Careers SECTION CSS STRAT -----*/

.job-card {
    display: flex;
    justify-content: space-between;
    padding: 40px 50px;
    background: #F6F8FF;
    border-radius: 10px;
    margin-bottom: 20px;
    align-items: center;
}

.job-date {
    color: #000;
    font-family: "Euclid Circular A";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.job-title {
    color: #000;
    font-family: "Euclid Circular A";
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
}
.imgshdw.noshaw img{
    box-shadow: 0 0 0;
}

.job-right .custom-btn a {
    background: #fff !important;
    color: #283356 !important;
}

.job-meta {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 26px;
}
.job-meta li{
    color: #000;
    font-family: "Euclid Circular A";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.job-meta li span{
    color: #283356;
}
.apply-btn {
    background: #0d1b3e;
    color: #fff;
    padding: 10px 18px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.job-right a {
    background: #fff;
    border-radius: 60px;
    color: #333 !important;
    overflow: hidden;
}
.job-right a:hover {
    background: #283356 !important;
    color: #fff !important;
}



div#bgjob {
    border-radius: 10px;
    background: #F6F8FF;
    padding: 35px 25px;
}
.pspace p:not(:last-child){
    padding-bottom: 30px;
}
.awsm-job-form {
    display: none;
}

.lispace ul{
    padding-left: 5%;
}

.no-equal-height .elementor-container,
.no-equal-height .e-con-inner {
    align-items: flex-start;
}


.load-more-wrap.custom-btn a {
    background: #ecf1ff;
    color: #283356;
}
.load-more-wrap.custom-btn:hover a {
    background: #283356;
    color: #fff;
}
.load-more-wrap.custom-btn{
    text-align: center;
    margin-top: 30px;
}







/*----- Careers SECTION CSS END -----*/




/*----- PROJECTS SECTION CSS STARTS -----*/

.projectsBox {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin: 0 20px;
}
.projectsBox:before {
    content: "";
    background: linear-gradient(9deg, #000 -9.08%, rgba(0, 0, 0, 0.00) 47.41%);
    position: absolute;
    width: 100%;
    height: 85%;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-in;
}
.projectsBox img {
    width: 100%;
    display: block;
    transition: all 0.5s ease-in;
}
.project-head {
    position: absolute;
    width: 100%;
    padding: 0 60px;
    bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9;
}
.project-head h3{
    color: #fff;
    margin: 0;
    font-weight: 500;
}

.projects-inner .slick-current a.projects-link {
    transform: rotate(-45deg);
}


/* ------------------ PROJECT CARD ------------------ */

.projects-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.project-card-2 {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

/* ------------------ IMAGE ------------------ */

.project-img-wrap-2 {
    position: relative;
}

.project-img-wrap-2 img {
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    transition: transform 0.5s ease;
    transform: scale(1.03);
}

/* ------------------ OVERLAY ------------------ */

.project-overlay-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 24px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    background: linear-gradient(
        to top,
        rgba(0,0,0,0.65),
        rgba(0,0,0,0)
    );
    color: #fff;
    z-index: 2;
    transition: background 0.4s ease;
}

/* ------------------ TITLE ------------------ */

.project-head h3,
.project-overlay-2 h4 {
    color: #fff;
    margin: 0;
    font-weight: 500;
}

/* ------------------ ARROW (BASE STATE) ------------------ */

.project-arrow-2 {
    width: 44px;
    height: 44px;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    border: 1px solid transparent;
    background: transparent;

    transition: all 0.35s ease;
}
.project-arrow-2 svg {
    width: 22px;
    height: 22px;
    opacity: 0.9;
    transform: rotate(-45deg);
    transition: transform 0.25s ease;
}

/* ------------------ HOVER EFFECTS ------------------ */

.project-card-2:hover img {
    transform: scale(1.1);
}

.project-card-2:hover .project-overlay-2 {
    background: linear-gradient(180deg, rgba(40, 51, 86, 0.00) 0%, #283356 108.62%);
}

.project-card-2:hover .project-arrow-2 {
    background: rgba(255, 255, 255, 0.15);
    border-color: #fff;
}

.project-card-2:hover .project-arrow-2 svg {
    transform: rotate(0deg) translate(0px, 0px);
}

/* ------------------ SLICK ACTIVE STATE ------------------ */

.projects-inner .slick-current a.projects-link {
    transform: rotate(-45deg);
}


.custom-btn.weblink {
    position: relative;
    top: -11px;
}
/*----- PROJECTS PAGE CSS ENDS -----*/




/*----- PROJECTS DETAIL PAGE CSS START -----*/


/*.acf-key-features {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 12px 40px;
}

.acf-key-features li {
    font-size: 16px;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
}*/


.acf-key-features {
    list-style: none;
    padding: 0;
    margin: 0;
    column-count: 2;
    column-gap: 60px;
    padding-bottom: 42px;
    border-bottom: 1px solid #E6E6E6;
}

.acf-key-features li {
    color: #121212;
    font-family: "Euclid Circular A";
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.2px;

    margin-bottom: 32px;

    break-inside: avoid;
}

.acf-key-features .tick {
    color: #1a3c6e; /* adjust to brand color */
    font-weight: bold;
    margin-right: 10px;
}




.acf-image-slider {
    width: 100%;
    position: relative;
}

.acf-image-slider img {
    width: 100%;
    height: 500px;
    display: block;
    border-radius: 6px;
}

.acf-image-slider .swiper-button-next,
.acf-image-slider .swiper-button-prev {
    color: #000;
    background: #fff;
}
.acf-image-slider .swiper-button-next:after,
.acf-image-slider .swiper-button-prev:after{
    font-size: 15px;
}
.acf-image-slider .swiper-button-prev{
    left: 0;
}
.acf-image-slider .swiper-button-next{
    right: 0;
}

.acf-image-slider .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.6;
}

.acf-image-slider .swiper-pagination-bullet-active {
    opacity: 1;
}


.projects-title-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.project-item {
    background: #f6f8fc;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 500;
}

.project-item a {
    text-decoration: none;
    color: #333;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
}

.project-item:hover {
    background: #eef2f9;
}

.single-projects .e-con-inner h4{
    color: #333;
    font-family: "Euclid Circular A";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 208.333% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
}
.single-projects .e-con-inner p:not(:first-child){
    color: #121212;
    font-family: "Euclid Circular A";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.2px;
}

.projectover h4 {
    margin-top: 30px;
}

.projectover {
    border-top: 1px solid #E6E6E6; 
    border-bottom: 1px solid #E6E6E6; 
    padding-bottom: 28px;
}
.projectover li{
    color: #121212;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.2px;
    padding-bottom: 10px;
}
/*.keyfeature li{
    color: #121212;
    font-family: "Euclid Circular A";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.2px;
    padding-bottom: 40px;
}*/
.keyfeature{
    border-bottom: 1px solid #E6E6E6; 
}
.dandcus hr {
    margin: 48px 0 38px;
    border-color: #E6E6E6 !important;
}
div#det.formbg{
    background: #F6F8FF;
    box-shadow: 0 0 0 0;
    padding-top: 29px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 30px;
}


/*----- PROJECTS DETAIL PAGE CSS END -----*/


/*----- About Page Css Start-----*/

#insoirationacc .e-con-full.e-flex.e-con.e-child {
    padding-top: 0;
    border: 0;
    padding-left: 0;
}
.imgshdw img{
    box-shadow: 0 0 81.4px 0 rgba(0, 0, 0, 0.15);
    display: block;
    transition: all 0.5s ease-in;

}
.imgshdw:hover img{
    transform: scale(1.05);
}
.bgcolorheas h6 {
    background: #F0F0F0;
    border-radius: 10px;
    display: inline-block;
    padding: 17px 18px;
}

#chairman{
    background: linear-gradient(180deg, rgba(246, 248, 255, 0.00) 0%, #F6F8FF 100%);
}

/*----- About Page Css End -----*/




/*----- Our Company Css Start-----*/

/*div#multicompany {
    background: linear-gradient(180deg, #F6F8FF 0%, rgba(246, 248, 255, 0.00) 100%);
}*/
div#subsidiaries .box-style {
    border: 1px solid transparent; /* or existing border color */
    transition: border 0.3s ease;
}

div#subsidiaries .box-style:hover {
    border: 1px solid #283356;
}

div#subsidiaries .box-style a.elementor-button {
    background: transparent !important;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Show button on hover of the box */
div#subsidiaries .box-style:hover a.elementor-button {
    opacity: 1;
    transform: translateY(0);
}
div#subsidiaries  .elementor-element.elementor-element-b6665e0 {
    visibility: hidden;
}



/*----- Our Company Css End-----*/



/*----- Our Company Css Start-----*/


.focuss .industry_box:hover {
    transform: translateY(0px);
}
.focuss .industry_box {
    border-radius: 10px;
    background: #F6F8FF;
    padding: 35px 20px;
}
.focuss .industry_box .elementor-icon-box-content {
    padding-top: 8px;
}
.lispace li:not(:last-child) {
    margin-bottom: 22px;
}





/*----- Our Company Css End-----*/




/*----- Our Purchase Css start-----*/

.intouchform input, .intouchform select {
    padding: 18px 20px;
}

#custom-btn .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
}

#custom-btn .elementor-button-content-wrapper::after {
    content: "";
    background: url("../images/ButtonIcon.svg") no-repeat center;
    background-size: contain;
    width: 38px;
    height: 38px;
    margin-left: 15px;
    display: inline-block;
}
button#custom-btn {
    padding: 9px 9px 9px 27px;
}
.formbg {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 81.4px 0 rgba(0, 0, 0, 0.10);
    padding-top: 44px;
    padding-left: 50px;
    padding-right: 47px;
    padding-bottom: 50px;
}
.mrbtm p:not(:last-child) {
    margin-bottom: 52px;
}

/*----- Our Purchse Css End-----*/



/*----- Our Sustainability Css Start-----*/


div#threehead .elementor-widget-icon-box .elementor-icon-box-content {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 20px;
}
div#threehead .elementor-element .elementor-icon-box-wrapper{
    position: relative;
    left: 5%;
}
.threeboxes h6 {
    height: 11vh;
}
.environ p:not(:last-child),
.environ li:last-child {
    margin-bottom: 20px;
}
.environ li{
    margin-bottom: 15px;
}




/* INITIAL STATE — hide text */
#onhoversection .e-child .shwonhover {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    z-index: 999;
    transform: translateY(0);
    transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
 
/* Heading animation (optional) */
#onhoversection .e-child .uparaega {
    z-index: 999;
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
 
/* HOVER ONLY ON RESPECTIVE CARD */
#onhoversection .e-child:hover .shwonhover {
    opacity: 1;
    max-height: 500px; /* enough for text */
    transform: translateY(0);
}
 
#onhoversection .e-child:hover .uparaega {
    transform: translateY(0px);
}
 
 
#onhoversection .e-child .shwonhover {
    transition-delay: 0s;
}
 
 
/* Card base */
#onhoversection .e-child {
    position: relative;
    overflow: hidden;
}
 
/* Shadow layer */
#onhoversection .e-child::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;                 /* start hidden */
    height: 100%;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.75) 100%);
    opacity: 1;
    transition: all 0.6s ease;
    pointer-events: none;
}
 
/* Hover effect */
#onhoversection .e-child:hover::after {
    top: 0px;                  /* moves UP */
    opacity: 1;
}


/*----- Our Sustainability Css End-----*/



/*---- NEWS SECTION CSS STARTS -----*/
.home-posts a.elementor-post__read-more:before {
    content: "";
    border-top: 2px solid #000;
    width: 44px;
    display: block;
    margin-right: 10px;
    transition: all 0.3s ease-in;
}
.home-posts a.elementor-post__read-more {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.home-posts a.elementor-post__read-more:after {
    content: "";
    background: url(../images/readline.svg) no-repeat;
    position: absolute;
    left: 100%;
    width: 45px;
    height: 15px;
    display: block;
    margin-left: 15px;
}
.home-posts a.elementor-post__read-more:hover:before{
    width: 0;
    margin-right: 0;
}
.home-posts .elementor-post__read-more-wrapper {width: 220px;overflow: hidden;}
/*---- NEWS SECTION CSS ENDS -----*/



/*---- Contact SECTION CSS start -----*/



.detset a{
    color: #121212;
    font-family: "Euclid Circular A";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    letter-spacing: -0.2px;
}
.detset p:last-child{
    margin-top: 40px;
}



/*---- Contact SECTION CSS end -----*/



/*---- Media SECTION CSS end -----*/

/* Video post thumbnail wrapper */
.elementor-post.is-video-post .elementor-post__thumbnail {
    position: relative;
}

/* YouTube play icon */
.elementor-post.is-video-post .elementor-post__thumbnail::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    background-image: url(../../../uploads/2025/12/utubeicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 2;
}

/* Optional dark overlay */
.elementor-post.is-video-post .elementor-post__thumbnail::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}
.category-videos .elementor-post__read-more-wrapper {
    display: none;
}
#mediatabs button[tabindex="0"] {
    text-decoration: underline;
    font-weight: 600;
    text-underline-offset: 6px;
}
#mediatabs button {
    padding: 0;
    padding-right: 40px;
    padding-left: 20px;
}





.bs-post-nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 70px 0 60px;
    border-top: 1px solid #D1D1D1;
    gap: 20px;
}

.bs-prev-post a {
    font-size: 14px;
    color: #0073e6;
    text-decoration: none;
}

.bs-post-title h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.bs-post-share {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

.bs-post-share a {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    border: 1px dashed #ccc;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius: 50%;
}

.bs-post-share a:hover {
    background: #000;
    color: #fff;
}

.single-post .custom-header{
    background: #FFF;
    box-shadow: 0 13px 51.8px 0 rgba(0, 0, 0, 0.05);
}
.single-post .elementor-element.elementor-element-320e234.e-con-full.custom-header.e-flex.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.e-lazyloaded ul li a 
{
    color: #000 !important;
}

.single-post .elementor-element.elementor-element-320e234.e-con-full.custom-header.e-flex.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.e-lazyloaded .custom-logo img {
    content: url(../images/MainStickyLogo.svg);
}
.imgfullll img{
    width: 100% !important;
}
div#commiyt {
    border-radius: 10px;
    background: #F6F8FF;
    width: 75%;
    padding: 40px 64px;
    margin: 0 auto;
    margin-bottom: 65px;
}
div#commiyt h3,
div#driving h3,
div#looking h3{
    color: #000;
    font-family: "Euclid Circular A";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px; /* 156.25% */
    letter-spacing: -0.64px;
}
div#commiyt p,
div#driving p,
div#looking p{
    line-height: 30px;
}
div#driving img{
    width: 100%;
    margin-top: 40px;
}
div#driving p:last-child {
    margin: 0 !important;
}
.bs-prev-post a{
    border-radius: 60px;
    background: #F7F7F7;
    color:  #333;
    font-family: "Euclid Circular A";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 21px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 25px;
}
.bs-post-title h2{
    color: #000;
    font-family: "Euclid Circular A";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px; /* 208.333% */
    letter-spacing: -0.48px;
    margin-top: 28px;
}
.bs-post-share span {
    color: #121212;
    font-family: "Euclid Circular A";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.2px;
}
div#noload .elementor-button-wrapper {
    display: none;
}




/* Wrapper */
.bs-comment-wrapper {
    max-width: 100%;
}

/* Title */
.bs-comment-wrapper h3 {
    margin-bottom: 15px;
}

/* Form */
.bs-comment-form textarea {
    width: 100%;
    height: 160px;
    padding: 14px;
    background: #f5f5f5;
    border: none;
    border-radius: 4px;
    resize: none;
    margin-bottom: 12px;
}

/* Row layout */
.bs-row {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.bs-row input {
    flex: 1;
    padding: 12px 14px;
    background: #f5f5f5;
    border: none;
    border-radius: 4px;
    font-size: 14px;
}

/* Submit */
.bs-submit {
    background: #0b1b3f;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 20px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.bs-submit:hover {
    background: #0b1b3f !important;
}
.bs-submit span {
    width: 22px;
    height: 22px;
    background: #fff;
    color: #0b1b3f;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Mobile */
@media (max-width: 768px) {
    .bs-row {
        flex-direction: column;
    }
}


#comment h3{
    color: #333;
    font-family: "Euclid Circular A";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 125% */
    letter-spacing: -0.2px;
    margin-bottom: 45px;
}



.elementor-post__thumbnail:hover img {
    transform: scale(1.3);
}

.elementor-post__thumbnail {
    overflow: hidden;
    transition: transform 0.8s ease;
}
.elementor-posts-container .elementor-post__thumbnail img{
    transition: transform 0.8s ease;
}

/*---- Media SECTION CSS end -----*/






/*----- FOOTER CSS STARTS -----*/

.newsletterForm input#form-field-email {
    height: 55px;
    border-radius: 50px;
}
.newsletterForm button.elementor-button {
    padding: 8.5px 0px 8.5px 10px !important;
    border-radius: 50px;
}
.newsletterForm .elementor-field-type-submit span.elementor-button-text {
    display: flex;
    align-items: center;
}
.newsletterForm .elementor-field-type-submit span.elementor-button-text:after {
    content: "";
    background: url(../images/ButtonIcon.svg);
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-left: 15px;
}

/*----- FOOTER CSS ENDS -----*/






/*----- Our Companies CSS start -----*/


div#subsidiaries .maincont .e-con-full {
    box-shadow: 0 5px 21.4px 0 rgba(0, 0, 0, 0.10);
    border-radius: 10px;
}




/*----- Our Companies CSS ENDS -----*/


@media only screen and (max-width: 1680px){


.custom-btn a.elementor-button {
    padding: 6px 10px 6px 15px;
}

.sliderInner .inner-content .container {
    width: 1140px;
}
.sliderInner .inner-content .slide-cont {
    width: 60%;
}
.sliderInner .inner-content h2 {
    font-size: 55px;
    line-height: 65px;
}
.sliderInner .inner-content p {
    font-size: 16px;
    margin-bottom: 20px;
}
    
.home-arrow {
    left: 8%;
}

.box-custom {
    padding: 25px 40px;
}

.second-row .industry_box:first-child {
    margin-right: 75px;
}
.second-row .industry_box:last-child {
    margin-left: 95px;
}


.service-head {
    padding: 30px 20px;
}
.service-head h4 {
    font-size: 20px;
}

.projectsBox {
    margin: 0 15px;
}


.home-posts .elementor-post__read-more-wrapper {
    width: 210px;
}

.rightContainer .elementor-widget-shortcode {
    margin-left: calc((100% - 1140px) / 2);
}

}

@media only screen and (max-width: 1279px){

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 767px) {
    
}




/* Wrapper */
.popup-search-wrapper {
    position: relative;
}
 
/* Search Button */
.popup-search-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
 
button.popup-search-btn:hover {
    background: none !important;
}
 
button.popup-search-btn:focus {
    background: none !important;
        border: none !important;
        outline: none !important;
}
 
/* Overlay */
.popup-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 9999;
}
 
/* Active State */
.popup-search-overlay.active {
    opacity: 1;
    visibility: visible;
}
 
/* Search Box */
.popup-search-box {
    background: #fff;
    padding: 60px;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    position: relative;
    animation: popupZoom 0.3s ease;
}
 
/* Animation */
@keyframes popupZoom {
    from {
        transform: scale(0.85);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
 
/* Form */
.popup-search-box form {
    display: flex;
    gap: 10px;
}
 
/* Input */
.popup-search-box input[type="search"] {
    flex: 1;
    padding: 14px 16px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ddd;
    outline: none;
}
 
.popup-search-box input[type="search"]:focus {
    border-color: #000;
}
 
/* Button */
.popup-search-box button {
    padding: 14px 22px;
    background: #283356;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px;
}
 
.popup-search-box button:hover {
    background: #333;
}
 
/* Close Button */
.popup-search-close {
    position: absolute;
    top: 8px;
    right: 15px;
    width: 35px;
    height: 35px;
    background: #283356;
    color: #fff;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
 
/* Mobile */
@media (max-width: 576px) {
    .popup-search-box form {
        flex-direction: column;
    }
 
    .popup-search-box button {
        width: 100%;
    }
}



 
/*.menu-item-1701 {
    position: relative;
}

 
#elementor-popup-modal-1607 {
    display: block !important;
    position: static !important;
    background: none !important;
    pointer-events: auto !important;
}

#elementor-popup-modal-1607 .dialog-widget-content {
    background: transparent !important;
    box-shadow: none !important;
}

 
#bs-industry-popup {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);

    width: 100%;
    max-width: 70%;
    background: #fff;
    z-index: 9999999;

    box-shadow: 0 20px 40px rgba(0,0,0,0.15);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

 
.menu-item-1701:hover #bs-industry-popup,
#bs-industry-popup:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

 
.bs-industry-hover-layout {
    display: flex;
    gap: 40px;
}

 
.bs-industry-left {
    width: 30%;
    border-radius: 7.24px;
    background: #F6F8FF;
    padding-top: 21px;
    padding-left: 28px;

}
 

.bs-industry-right {
    width: 70%;
    position: relative;
    min-height: 520px;       
    overflow: visible;      
}

 
.bs-industry-item {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 12px 14px;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.25s ease;
}

.bs-industry-item:hover,
.bs-industry-item.active {
    background: #f5f7fa;
}

 
.bs-industry-services {
    position: absolute;
    inset: 0;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(6px);
    transition: opacity 0.3s ease, transform 0.3s ease;

    z-index: 1;  
}

.bs-industry-services.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);

    z-index: 2;  
}
.bs-industry-right h4.bs-service-title {
    color: #FFF;
    font-family: "Euclid Circular A", Sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.145px;
    text-transform: capitalize;
    position: absolute;
    bottom: 10px;
    padding-left: 24px;
    width: 50%;
}
.bs-industry-right .bs-service-card {
    position: relative;
}
.bs-industry-left .bs-industry-icon {
    width: 47px;
    height: 47px;
}
.bs-industry-left .bs-industry-title{
    font-size: 17px;
    font-weight: 600;
    line-height: 60px;
}
h2.bs-services-heading{
    color: #283356;
    font-family: "Euclid Circular A";
    font-size: 20.273px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.201px;  
    letter-spacing: -0.145px;
    text-transform: capitalize;
    padding-top: 21px;
}




.bs-service-image {
    position: relative;
    overflow: hidden;
}

.bs-service-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);  
    pointer-events: none;
}

 
.bs-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}



 
.bs-dropdown-icon {
    display: inline-block;
    margin-left: 8px;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
    position: relative;
    top: -2px;
}

 
.menu-item-1701:hover .bs-dropdown-icon {
    transform: rotate(-135deg);
}*/


ul#menu-1-18c5c1b li a {
    padding-bottom: 10px !important;
}
ul#menu-1-18c5c1b li.menu-item.menu-item-1701 {
    position: relative;
}
ul#menu-1-18c5c1b li.menu-item.menu-item-1701::after {
    content: "";
    position: absolute;
    right: 20%;
    top: 33%;
    width: 7px;
    height: 7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-top: 0 !important;
    border-left: 0 !important;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.25s ease;
    pointer-events: none;
}

/* Rotate on hover */
ul#menu-1-18c5c1b li.menu-item.menu-item-1701:hover::after {
    transform: translateY(-50%) rotate(-135deg);
}

/* ===============================
   POPUP CONTAINER
================================ */
.menu-item-1701 {
    position: relative;
}
#bs-industry-popup {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translate3d(-50%, -12px, 0);
    width: 100%;
    max-width: 70%;
    z-index: 9999999;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    will-change: transform, opacity;
    backface-visibility: hidden;

    transition: opacity 0.2s ease, transform 0.2s ease;
}

.menu-item-1701 > a:hover + #bs-industry-popup,
#bs-industry-popup:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(-50%, 0, 0);
}
/* ===============================
   LAYOUT
================================ */
.bs-industry-hover-layout {
    display: flex;
    gap: 0px;
    align-items: stretch;
}

/* ===============================
   LEFT PANEL (ALWAYS VISIBLE)
================================ */
.bs-industry-left {
    width: 30%;
    background: #F6F8FF;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    padding: 21px 0 21px 28px;
}

/* ===============================
   RIGHT PANEL (HIDDEN INITIALLY)
================================ */
.bs-industry-right {
    width: 70%;
    position: relative;
    min-height: 75vh;
}
.bs-industry-right h2.bs-services-heading{
    color: #283356;
    font-family: "Euclid Circular A";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;  
    letter-spacing: -0.145px;
    text-transform: capitalize;
    padding-top: 0px;
}
.bs-industry-right h4.bs-service-title {
    color: #FFF;
    font-family: "Euclid Circular A", Sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    text-transform: capitalize;
    position: absolute;
    bottom: 10px;
    padding-left: 24px;
    width: 70%;
}
.bs-industry-right .bs-service-image {
    position: relative;
    overflow: hidden;
}

.bs-industry-right .bs-service-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);  
    pointer-events: none;
}

 
.bs-industry-right .bs-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bs-industry-right .bs-industry-services {
    background: #fff;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding-left: 30px;
    padding-right: 30px;
}
.bs-industry-right .bs-service-card{
    position: relative;
}
/* Individual service panels */
.bs-industry-services {
    position: absolute;
    inset: 0;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(12px);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
        padding: 12px;
}

/* Show active panel */
.bs-industry-services.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* ===============================
   LEFT ITEMS
================================ */
.bs-industry-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.25s ease;
}

/* Hover + active */
.bs-industry-item:hover,
.bs-industry-item.active {
    background: #f5f7fa;
}

.bs-industry-list .bs-industry-item:hover,
.bs-industry-list .bs-industry-item.active{
    background: #FFF;
    box-shadow: 0 4px 14.6px 0 rgba(0, 0, 0, 0.05);
}


.single-our-industry .bs-industry-icon img, 
.single-our-industry .bs-industry-icon svg,
.bs-industry-left .bs-industry-icon img,
.bs-industry-left .bs-industry-icon svg{
    width: 32px;
    height: 32px;
}
.bs-industry-left span.bs-industry-title{
    font-size: 16px;
}
.single-our-industry .bs-industry-icon,
.bs-industry-left .bs-industry-icon{
    width: 72px;
    height: 72px;
    background: #fff;
}
.single-our-industry .bs-industry-list a.bs-industry-item:hover {
    border-radius: 61px;
    background: #FFF;
    box-shadow: 0 4px 14.6px 0 rgba(0, 0, 0, 0.05);
}
.single-our-industry .bs-industry-list a.bs-industry-item:hover .bs-industry-icon,
.bs-industry-list .bs-industry-item:hover .bs-industry-icon,
.bs-industry-list .bs-industry-item.active .bs-industry-icon{
    background: #F6F8FF;
}
#cstmmmm .bs-slide a img {
    margin: 0 auto;
}
.single-our-industry .bs-industry-list a.bs-industry-item:hover span.bs-industry-title,
.bs-industry-left .bs-industry-list .bs-industry-item:hover span.bs-industry-title,
.bs-industry-left .bs-industry-list .bs-industry-item.active span.bs-industry-title {
    font-weight: 600;
}
.single-our-industry .bs-industry-list a.bs-industry-item:hover span.bs-industry-title{
    font-weight: 600;
}



.bs-services-header.cus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.bs-services-heading {
    margin: 0;
}
.bs-services-header.cus .custom-btn.weblink{
    margin-top: 30px;
    margin-bottom: 30px;
}
.bs-services-header.cus .custom-btn.weblink a {
    background: #ECF1FF;
    color: #333;
    padding: 8px 15px 8px 20px;
}
.bs-services-header.cus .custom-btn.weblink a:hover {
    background: #283356;
    color: #fff;
    padding: 8px 15px 8px 20px;
}
h2.ourindustrygte{
    color: #727992;
    font-family: "Euclid Circular A";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.201px; /* 258.579% */
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
.bs-slick-slider .slick-slide {
    margin: 0 20px; /* adjust spacing here */
}
.bs-slick-slider .slick-list {
    margin: 0 -20px;
}



.animate-text {
    opacity: 1;
    animation:fadeInUp 1s ease-in forwards;
}
@keyframes fadeInUp{
    0%{transform:translate(0px, 100px); opacity: 0;}
    100%{transform:translate(0px, 0); opacity: 1;}
}





@media only screen and (min-width: 768px){

.animate-text {
  opacity: 1;
  border-right: 3px solid transparent;
  animation: typing 3.5s steps(40, end) forwards, fadeIn 1s ease-in-out forwards;
}
    
}




div#project .custom-btn {
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
}
div#project .custom-btn a{
    background-color: #ecf1ff !important;
    color:#000 !important;
}
div#project .custom-btn a:hover{
    background-color: #283356 !important;
    color:#fff !important;
}