@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');


.margin-top{
    margin-top: auto;
    margin-bottom: auto;
}

/* Scroll to Top Button Style */
.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    font-size: 18px;
    background-color: #555;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    display: none; /* Hidden by default */
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.scroll-to-top:hover {
    opacity: 1; /* Fully visible on hover */
}


.hidden-section {
    opacity: 0;
    transform: translateY(50px); /* Slide up effect */
    transition: opacity 0.8s ease-out, transform 0.8s ease-out; /* Smooth transition */
}

.hidden-section.revealed {
    opacity: 1;
    transform: translateY(0); /* Reset position when revealed */
}

.industry-columns{
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr;  
    grid-gap: 20px;
}

.details1 {
    flex: 0 0 100%; /* Second item takes 60% of the width */
    padding: 30px;
}

.industry-columns .details{
    z-index: 999;
    background-color: rgb(16 16 16 / 1);
    box-shadow: 0 4px 70px #093149;
    border-bottom: rgb(255, 255, 255);
    padding-bottom: 20px;
            padding-right: 28px;
            padding-top: 20px;
            padding-left: 28px;
            border-radius: 8px;
}

.banner-title{
    line-height: 1 !important;
}

.header-card{
    text-align: center;
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 1.2 !important;
}
.header-card-p + a {
    width: 100% !important;
  text-align: center !important;
  }
.header-card-p{
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.5;
    font-weight: 400;
}
.grid-solutin{
display: grid;
  grid-template-columns: 1fr 1fr; 
  gap: 50px;
}

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

    .industry-columns{

        grid-template-columns: 1fr 1fr 1fr 1fr;

    }
      
    }
@media screen and (max-width: 1200px) {
    .grid-solutin {
      grid-template-columns: 1fr; 
    }

        grid-solutin {
          grid-template-columns: 1fr;
        }
      
        .item1 {
          order: 2; 
        }
      
        .item2 {
          order: 1; 
        }
      
        .item3 {
          order: 3;
        }
      }
  
  


.banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      height: 100%;
      justify-content: space-between;
      min-height: 100px;
      overflow: hidden;
      padding: 30px 0 30px;
      width: 100%;
    }
    .banner-wrapper .banner-slider .swiper-wrapper .swiper-slide {
    background-size: cover;
    height: inherit;
}

.banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner .containers .text-wrapper {
    position: relative;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner .containers .text-wrapper.banner-font-lg .banner-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500; 
        font-size: 56px;
        line-height: inherit;
    }
}

.banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner .containers .text-wrapper.banner-font-lg .banner-title {
    width: 100%;
}

.banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner .containers .text-wrapper .banner-title:only-child {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 992px) {
    .banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner .containers .text-wrapper .banner-title {
        max-width: 70%;
    }
}


.banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner .containers .text-wrapper .banner-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 41px;
    margin: 0;
    padding-bottom: 0;
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0);
}


.banner-wrapper .banner-slider .swiper-wrapper .swiper-slide .swiper-slide-inner .containers .background-banner-image {
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.banner-wrapper .banner-slider:has(.swiper-slide.dark-theme.swiper-slide-active) {
    background-color: #002d3c;
}

    .slide_style_0 {
      background: url(/images/banner1.png) no-repeat center;
    }

    .slide_style_about {
        background: url(/images/aboutUs1.png) no-repeat center;
      }

    .slide_style_contact {
        background: url(/images/contactUs1.png) no-repeat center;
      }

      
      .container-txt p {
        text-align: center;
        line-height: 1.5;
      }
/* card list start */

.secPa {
    padding: 30px 0;
}
.secParagraph{
    font-family: var(--font-inter), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height:29.7px;
    
}
.introsec {
    font-family: 'Montserrat', sans-serif;
    font-weight:bolder;
    color: #fff;
    font-size: 27px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}



 .serText {
    background: #fff;
    color: #000;
    margin-top: auto !important;
    margin-bottom: auto !important;
    border-radius: 5px;
    box-sizing: border-box;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,.25));
    padding: 20px;
    position: relative;
    width: 100%;
    z-index: 999;
}

 .serText>.c-subtitle {
    margin-bottom: 12px;
}
.serText h2 {
    padding-top: 1rem;
}

 .serText p {
    font-size: 14px;
    line-height: inherit;
}

 .serText>* {
    margin: 0 0 16px;
}

 .serText h3 {
    font-family: Montserrat Semibold;
    font-size: 18px;
    line-height: inherit;
}

  .serText>* {
    margin: 0 0 16px;
}

.serText p {
    font-size: 14px;
    line-height: inherit;
}

.description1 {
    flex: 0 0 100%; /* First item takes 35% of the width */
}

 .serText>* {
    margin: 0 0 16px;
}

.serText>:last-child {
    margin-bottom: 0;
}

 .card-listing .stack-in-one-row .c-element_wrap .servicecard_content .serText>* {
    margin: 0 0 16px;
}

.cta-wrapper, .grid-cta-wrapper {
    align-items: center;
    display: flex;
}

.cta-wrapper {
    justify-content: space-between;
}

 .card-listing .stack-in-one-row .btn.btn-learn-more {
    border-width: 1px;
    font-family: Montserrat Medium;
    font-size: 14px;
    line-height: inherit;
    padding: 10px 35px 10px 15px;
}

.btn.btn-learn-more {
    align-items: center;
    background: transparent;
    border: 1px solid #002d3c;
    border-radius: 10px;
    color: #000;
    display: inline-flex;
    font-family: Montserrat Medium;
    font-size: 14px;
    line-height: inherit;
    padding: 10px 35px 10px 15px;
    position: relative;
    width: fit-content;
}

.btn.btn-learn-more:after {
    background: url(https://eviden.com/wp-content/themes/evidian/assets/build/images/learn-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}


.full-service-card-wrapper.vc_row .vc_column_container .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0!important;
}

.full-service-card-wrapper .card-listing .stack-in-one-row {
    max-width: 100%;
    position: relative;
    width: 100%;
}

.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}
.vc_row.vc_row-no-padding .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.full-service-card-wrapper .card-listing .stack-in-one-row .c-element_wrap .servicecard_content {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.servicecard_content .containerrs{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 90% !important;

    margin: auto;
    padding: 0 20px;
}

.four-three:before {
    padding-bottom: 100%;
}

.image-container:before {
    content: "";
    display: block;
    width: 100%;
}
.full-service-card-wrapper .card-listing {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
}

 .servicecard_content .containerrs {
    display: flex;
}

.servicecard_content .containerrs{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 90% !important;
}

.containerrs {
    box-sizing: border-box;
    margin: auto;
    padding: 0 20px;
    width: 90%;
}
@media (min-width: 1366px) {
    .containerrs {
        max-width: 1343px;
    }
}
@media (min-width: 1366px) {
    .containerrs {
        max-width: 1343px !important;
    }
}
.full-service-card-wrapper .card-listing .stack-in-one-row .c-element_wrap .c-element_image {
    object-fit: cover;
    width: 100% !important;
}
.full-service-card-wrapper .card-listing .stack-in-one-row .c-element_wrap .c-element_image.ser_left_img {
    text-align: right!important;
}

.full-service-card-wrapper .card-listing .stack-in-one-row .c-element_wrap .c-element__content, .full-service-card-wrapper .card-listing .stack-in-one-row .c-element_wrap .c-element_image {
    width: 50%;
}
.full-service-card-wrapper .card-listing .stack-in-one-row .c-element_wrap .c-element_image img {
    border-radius: 15px 0 0 15px;
    display: inline-flex !important;
    width: 64.5%;
}

.full-service-card-wrapper .card-listing .stack-in-one-row .c-element_wrap .servicecard_content img {
    display: none;
}

.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 {
    float: left;
}
.vc_col-xs-12 {
    width: 100%;
}

@media (min-width: 768px) {
    .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
        float: left;
    }
}

@media (min-width: 768px) {
    .vc_col-sm-6 {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9 {
        float: left;
    }
}
@media (min-width: 992px) {
    .vc_col-md-6 {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .four-three:before {
        padding-bottom: 75%;
    }
    .item1{
        order:1
    }
    .item2{
        order:2
    }
}


@media screen and (min-width: 767px) {
   .serText {
        margin-top: 0;
        max-width: 100%;
    }
    .onlargcontact{
        width: 70%;
    }

    .buttonContact{
        width: 20% !important;
    }
}

@media screen and (max-width: 967px) {
    .industry-columns{
        grid-template-columns: 1fr 1fr 1fr;
   
       }

     
 }


/* header-360  */
@media (min-width: 768px) {
    .vc_col-sm-offset-6 {
        margin-left: 50%;
    }


}

@media (max-width: 500px) {
    .header-360 {
     text-align: center;
    }
    .industry-columns{

     grid-template-columns: 1fr;

    }
}

@media (min-width: 992px) { /* For large screens and above */
    .description {
        flex: 1 1 35%; /* First item takes 35% of the width */
    }

    .description1 {
        flex: 0 0 50%; /* First item takes 35% of the width */
    }

    .secPa{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .details {
        flex: 1 1 60%; /* Second item takes 60% of the width */

    }
    .details1 {
        flex: 0 0 50%; /* Second item takes 60% of the width */
        padding: 30px;
    }
    /* padding-top: 60px; */
}



@media (min-width: 768px) {
    .vc_col-sm-12 {
        width: 100%;
    }
    .introsecPara{
        margin-left:5%;
        margin-right:5%; 
    }

    .introsec{
        text-align: start;
    }
}