@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --main-font-family:"Roboto", sans-serif;
    --secondary-font-family:"Roboto Mono", monospace;
    --primary-color: #00ADA4;
    --secondary-color:#505050;
    --main-heading-color:#505050;
    --first-background-color:#f4f4f4;
  }


*, *::before, *::after {
  box-sizing: border-box;
}


html{
    font-family: var(--main-font-family);
    font-size: 16px; /* Default font size */
    
}



html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.h1,h2,h3{
  font-family: var(--main-font-family);
}

.elx-mb-70{
  margin-bottom: 70px;;
}

h2{
  /* font-size: calc(3.2rem + 1.5vw); */
  font-size: clamp(3.75rem, -0.279rem + 4.477vw, 5.093rem);
  /* line-height: calc(2.5rem + 2vw); */
  line-height: 1.25;
}

.wrapper {
    width: 100%;
    position: relative;
    max-width: 1619px;
    margin: 0 auto;
    padding:0px 15px ;
   
}

.wrapper-elx .w-inner, .freq_asked .w-inner, .wrapper .w-inner{
    padding-left: 50px;
    padding-right: 0px; 
  }

  .wrapper-elx p{
    font-weight: 300;
    color: var(--secondary-color);

  }

  .wrapper-elx .section-heading, .freq_asked h2.section-heading{
    font-style: normal;
    color: var(--main-heading-color);
    font-weight: 300;
    margin-top: 0px;

  }

  
.wrapper-elx .btn-landing{
background:var(--primary-color);
font-family:var(--main-font-family);
font-size: clamp(1.875rem, -0.103rem + 2.198vw, 2.534rem);
font-weight: normal;
line-height: 1.18;
font-style: normal;
color: #fff;
padding: 10px 40px 10px 40px;
text-decoration: none;
border-radius: 6px;
width: auto;
height: 67.4px;
display: inline-block;
text-align: center;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.wrapper-elx .btn-landing:hover{
  background-color: #00877D;
    border-color: #00877D;
}



/* =========== Flex classes  =========== */


.d-flex{
  display: flex;
}

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


.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.align-item-center{
  align-items: center;
}


  /* utility Classes */
 
  .img-fluid{
    max-width: 100%;
  }
 

  /* ============ spaces class ========== */


  .mb-0{margin-bottom: 0rem;}
  .mb-1{margin-bottom:  0.25rem;}  
  .mb-2{margin-bottom: 0.5rem;} 
  .mb-3{margin-bottom: 1rem;} 
  .mb-4{margin-bottom: 1.5rem;} 
  .mb-5{margin-bottom: 3rem;} 

 .mt-0{ margin-top: 0rem;;}
 .mt-1{ margin-top: 0.25rem;} 
 .mt-2{ margin-top:  0.5rem;}  
 .mt-3 {margin-top:  1rem;} 
 .mt-4{ margin-top: 1.5rem;} 
 .mt-5{ margin-top: 3rem;} 
 


 .pb-0{margin-bottom: 0rem;}
 .pb-1{margin-bottom:  0.25rem;}  
 .pb-2{margin-bottom: 0.5rem;} 
 .pb-3{margin-bottom: 1rem;} 
 .pb-4{margin-bottom: 1.5rem;} 
 .pb-5{margin-bottom: 3rem;} 

.pt-0{ margin-top: 0rem;;}
.pt-1{ margin-top: 0.25rem;} 
.pt-2{ margin-top:  0.5rem;}  
.pt-3 {margin-top:  1rem;} 
.pt-4{ margin-top: 1.5rem;} 
.pt-5{ margin-top: 3rem;} 



  .pt-80{
    padding-top: calc(3rem + 1.7vw);
  }

  .pb-60{
    padding-bottom: 60px;
  }


  .my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .mt-60{
    margin-top: 60px;
  }

  .mb-60{
    margin-bottom: 60px;
  }
 

  

  /* ========== Font Sizes =========== */

  
  /* font-style classes */

  .f-bold-500{
    font-weight: 500 !important;
  }


  /* ============ bg color ============ */
  
  .bg-green-landing{
    background-color: var(--primary-color);
  }

  .color-green-landing{
    color:var(--primary-color) !important;
  }

  .bg-gray-landing{
    background-color: var( --secondary-color);
  }

  .bg-gray-light-landing{
   background-color: var(--first-background-color);
  }

  .text-white{
    color: #fff;
  }


 /* ============  Columns and Grids classes =========== */
 .row {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y)* -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

  .wrapper-elx .row {
    --bs-gutter-x: 0rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}

.wrapper-elx  p{
  margin-top: revert;
}



/* Utility Classes for Card Width */
.col-1  { width: calc(8.33% - 15px); }  /* 12 columns in a row */
.col-2  { width: calc(16.66% - 15px); } /* 6 columns in a row */
.col-3  { width: calc(25% - 15px); }    /* 4 columns in a row */
.col-4  { width: calc(33.33% - 15px); } /* 3 columns in a row */
.col-5  { width: calc(41.66% - 15px); } /* 2.4 columns in a row */
.col-6  { width: calc(50% - 15px); }    /* 2 columns in a row */
.col-7  { width: calc(58.33% - 15px); } /* 1.71 columns in a row */
.col-8  { width: calc(66.66% - 15px); } /* 1.5 columns in a row */
.col-9  { width: calc(75% - 15px); }    /* 1.33 columns in a row */
.col-10 { width: calc(83.33% - 15px); } /* 1.2 columns in a row */
.col-11 { width: calc(91.66% - 15px); } /* 1.09 columns in a row */
.col-12 { width: 100%; }                /* 1 column in a row */

/* Utility Classes for Card Width */
.wrapper-elx .col-1  { width: calc(8.33% - 15px); }  /* 12 columns in a row */
.wrapper-elx .col-2  { width: calc(16.66% - 15px); } /* 6 columns in a row */
.wrapper-elx .col-3  { width: calc(25% - 15px); }    /* 4 columns in a row */
.wrapper-elx .col-4  { width: calc(33.33% - 15px); } /* 3 columns in a row */
.wrapper-elx .col-5  { width: calc(41.66% - 15px); } /* 2.4 columns in a row */
.wrapper-elx .col-6  { width: calc(50% - 15px); }    /* 2 columns in a row */
.wrapper-elx .col-7  { width: calc(58.33% - 15px); } /* 1.71 columns in a row */
.wrapper-elx .col-8  { width: calc(66.66% - 15px); } /* 1.5 columns in a row */
.wrapper-elx .col-9  { width: calc(75% - 15px); }    /* 1.33 columns in a row */
.wrapper-elx .col-10 { width: calc(83.33% - 15px); } /* 1.2 columns in a row */
.wrapper-elx .col-11 { width: calc(91.66% - 15px); } /* 1.09 columns in a row */
.wrapper-elx .col-12 { width: 100%; }  

/* Responsive styles */
@media (max-width: 1024px) {
    /* Adjust column sizes for tablets */
    .wrapper-elx .col-3 { width: calc(33.33% - 15px); }
    .wrapper-elx .col-4 { width: calc(50% - 10px); }
    .wrapper-elx body {font-size: 15px;}
}


 

/*** Rakesh's Css **/
/* .wrapper-elx .section-heading {font-size: calc(2.7rem + 1.5vw);} */
/* .h5, h5 {} */
body .carousel-item-wrapper .ci-caption .ci-cta .btn {padding: 10px 40px;margin-right: 0 !important; line-height: 1.2;}
.wrapper-exl .carousel-item-wrapper .ci-img {background-repeat: no-repeat !important;background-size: cover !important;}
.carousel-item-wrapper .ci-shadow {display: none !important;}
.carousel-item-wrapper .ci-caption p {font-family: "Roboto Slab", system-ui;}
.btn.green {font-family: 'Roboto', sans-serif !important;}
.deploy_conf .w-inner .color-green-landing {margin-top: 30px;font-family: 'Roboto Mono';font-weight: 300;letter-spacing: -2.2px;font-size: clamp(1.625rem, -3.574rem + 5.777vw, 3.358rem);line-height: 1.2;}
.carousel-item-wrapper .ci-caption .ci-text-desc {width: auto !important;max-width: 725px;}
.benefit_industry_content .img-block span {font-family: "Roboto Slab", system-ui;}
.freq_asked_content ul li p {font-size: clamp(1rem, 0.21rem + 1.648vw, 2.188rem);}
.freq_asked_content ul li p.freq_ans {font-family: 'Roboto Mono';letter-spacing: -1.2px;}
.wrapper-elx .card-landing .card-inner img {height: auto;max-height: 90px;}
.elxr_download .sub-heading {  max-width: 300px;}
body .wrapper .owl-theme .owl-nav [class*="owl-"] {margin: 0 -70px !important; width: 47px;}
.owl-carousel.owl-drag .owl-item {display: flex;flex-wrap: wrap;}
.owl-carousel .owl-stage {display: flex;flex-wrap: wrap;}
.owl-carousel .item .card-description {height: auto;}
.card-landing p {font-weight: 300 !important;}
.carousel-item-wrapper .ci-caption .ci-text-title {max-width: 1500px;}
.card-inner h5.text-white {font-size: clamp(1rem, 0.667rem + 0.694vw, 1.5rem);}

.benefit_industry_content .img-block {min-height: 386px; overflow: hidden;}
.benefit_industry_content .img-block .overlay { overflow-y: auto;}
.benefit_industry_content .img-block:hover:before {filter: grayscale(0);}
.benefit_industry_content .img-block:before {content: "";position: absolute;inset: 0;background: var(--background);background-size: cover !important;filter: grayscale(100%); background-position: center center;}
body .wrapper.elspowl .w-inner {padding-left: 50px !important;padding-right: 0 !important;}
.carousel-item-wrapper .ci-caption h1 sup {font-weight: 300;}
.overlay-content {max-width: 80%;margin: 0 auto;}
.overlay-content p {inline-size: 100%; margin: 0;display: flex;flex-wrap: wrap;align-items: center;}
.carousel-item-wrapper .ci-caption h1 { line-height: 1.2 !important;    font-weight: 300 !important;}
.carousel-item-wrapper .ci-caption h1 sup {font-weight: 300;font-size: 30%;top: -1.2em;}
.carousel-item-wrapper .ci-caption p , .carousel-item-wrapper .ci-caption p span { font-family: "Roboto Slab", system-ui !important;}
.wrapper-elx .w-inner .card-container {gap: 20px;}
.wrapper-elx .w-inner .card-container .card-landing {margin-bottom: 0 !important;}
.benefit_industry_content .img-block h3 a {color: #00ADA4;}
.pro_ecosystem_img_block .img-box {width: 16.6%;max-width: 16.6%;padding: 0 20px;flex-basis: auto !important;}
.pro_ecosystem_img_block .img-box img {padding: 0 !important;width: auto;height: auto;max-width: 100%;}
.benefit_industry_content .img-block span,.benefit_industry_content .img-block h3{pointer-events:none;}
/* .img-overlay-text:hover .overlay{display:block !important;opacity:1;transition:all 0.2s;transition-delay:0.5s;} */



@media (max-width: 1500.98px){
body .wrapper .owl-theme .owl-nav [class*="owl-"] {margin: 0 -50px !important;width: 35px;}
}

@media (max-width: 1440.98px){
.pro_ecosystem_img_block .img-box img {max-width: 80%;}
.card-inner {padding: 20px;}
body .wrapper.elspowl .w-inner {padding-left: 50px !important;padding-right: 50px !important;}
.carousel-item-wrapper .ci-caption .ci-text-desc {max-width: 480px;}
.wrapper-elx .card-landing .card-inner img {max-height: 70px;}
.benefit_industry_content .img-block span, .benefit_industry_content .img-block h3 {font-size: 20px;padding: 10px 15px;}
.deploy_conf .w-inner .color-green-landing {letter-spacing: -1px;}
body .wrapper .owl-theme .owl-nav [class*="owl-"] {margin: 0 -35px !important; width: 25px;}
.overlay-content {max-width: 90%;}
.benefit_industry_content .img-block {height: 320px;min-height: 320px;}
.carousel-item-wrapper .ci-caption .ci-text-title { max-width: 740px;}

}

@media (max-width: 1024.98px){
  .pro_ecosystem_img_block .img-box {width: 20%;max-width: 20%;padding: 0 15px;}
.wind_river .card-container {--bs-gutter-y: 1rem;}
.wind_river .card-container .card-landing.col-3 {width: calc(50% - 15px);}
.benefit_industry_content .img-block span, .benefit_industry_content .img-block h3 {padding: 10px !important;margin-bottom: 0;}
.benefit_industry_content .img-block {min-height: 320px;height: 320px !important;}
.carousel-item-wrapper .ci-caption .ci-text-title {max-width: 600px;}
.carousel-item-wrapper .ci-caption .ci-text-desc { max-width:275px;}

}

@media (max-width: 999.98px){
.elspowl .w-inner .owl-carousel {width: 80%;margin: 0 auto;}
/* body .wrapper .owl-theme .owl-nav [class*="owl-"] {margin: 0 -25px !important;} */
body .wrapper.elspowl .w-inner {padding-left: 10px !important;padding-right: 10px !important;}
}

@media (max-width: 768.98px){
 .pro_ecosystem_img_block .img-box img {width: 100%;max-width: 130px;}
}

@media (max-width: 767.98px){
.pro_ecosystem_img_block .img-box {width: 25%;max-width: 25%;}
.wrapper-elx .card-landing .card-inner img {        max-height: 50px;}
body .wrapper .owl-theme .owl-nav [class*=owl-] {max-height: 45px;max-width: 25px;}
.pro_ecosystem_bottom_block {display: block !important;}
.benefit_industry_content .img-block {min-height: 270px; height: 270px  !important;}
.overlay-content {max-width: 100%;}
.carousel-item-wrapper .ci-caption .ci-text-title {max-width: 470px;}
.wrapper-exl .carousel-item-wrapper .ci-img{
  background-color: #000;
  background-position-y: 40px;
}
}

@media (max-width: 575.98px){
.wind_river .card-container {--bs-gutter-y: 0.5rem;}
.wind_river .card-container .card-landing.col-3 {width: calc(100% - 15px);}
.wrapper-elx .col-4 {width: 100%;}
}

@media (max-width: 479.98px){
  .pro_ecosystem_img_block .img-box {width: 33.333%;max-width: 33.333%;}
  .benefit_industry_content .img-block {min-height: 200px;}
.pro_ecosystem_img_block .img-box {flex-basis: 50%;width: 100%;margin-bottom: 20px;}
}