@font-face {font-family: Euclid Flex;src: url('../font/EuclidFlexRegular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {    font-family: Euclid Flex;    src: url('../font/EuclidFlexMedium.ttf') format('truetype');    font-weight: 500;    font-style: normal;}
@font-face {    font-family: Euclid Flex;    src: url('../font/EuclidFlexSemiBold.ttf') format('truetype');    font-weight: 600;    font-style: normal;}
@font-face {    font-family: Euclid Flex;    src: url('../font/EuclidFlexBold.ttf') format('truetype');    font-weight: 700;    font-style: normal;}
* {  margin: 0;  padding: 0;  box-sizing: border-box;}
body {    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.navbar{
  padding-top: 0;
  padding-bottom: 0;
}

.home-section {min-height: 100vh;   width: 100%;  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("../images/hero-image.png");   background-size: cover;  background-position: center;  display: flex;  align-items: center;   display: flex;  align-items: flex-end;   padding-bottom: 0;}
.home-container h1 {  font-family: "Euclid Flex";  font-weight: 600;   font-size: 54px;  color: #FFFFFF;  line-height: 118%;  margin-bottom: 20px;}
.home-container p {      line-height: 98%;  font-size: clamp(18px, 2vw, 21px);  color: #FFFFFF;  margin-bottom: 30px;}
.Download { background-color: #EF3B24;    color: #FFFFFF;    font-weight: 600;    font-size: 18px;    padding: 10px;    border: none;    transition: 0.3s;}
.Speak-div {  padding: 1rem 0rem;  background-color: #EF3B24;  color: #FFFFFF;  text-align: center;}
.Speak-div p {  font-weight: 600;  font-size: 26px;  line-height: 120%;  display: inline-block;  text-align: start;  font-family: "Euclid Flex";}
.Schedule {color: #FFFFFF;  border: none;  padding: 8px 20px;  font-weight: 600;  margin-top: 10px;  background-color: #001B51;  }
.Schedule a{  text-decoration: none;  color: #FFFFFF;      font-family: "Halyard Display";}
.discover-section{padding: 80px 0px;background-color: #E6E9F0;}
.discover-para{text-align: center;margin: 2rem 0rem;line-height: 130%;font-weight: 400;font-size: 18px;}
.white{background-color: #FFFFFF;padding: 12px;}
.products-div{margin-bottom: 50px;}
.custom-card {padding: 3rem 0rem;background: #FFFFFF;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(241, 245, 255, 1) 100%, rgba(230, 233, 240, 1) 100%);}
.cheese{font-size: 18px;color: #000000;font-weight: 400;font-family: "Euclid 'Euclid Flex'";line-height: 98%}
.discover-heading{text-align: center;color: #04043F;font-size: 54px;font-weight: 600;line-height: 98%;font-family: "Euclid Flex";}
.info-card {background: #fff;padding: 30px 20px;border-radius: 14px;box-shadow: 0 10px 25px rgba(0,0,0,0.08);height: 100%;}
.info-card img {object-fit: contain;margin: 0 auto;}
.info-card h5 {font-weight: 600;}
.info-card ul {list-style: disc;padding-left: 20px;margin-top: 15px;text-align: left;}
.info-card ul li {font-size: 15px;margin-bottom: 8px;color: #444;}
.because-section {padding: 80px 0;background-color: #C7DDE3;}
.section-title {font-family: Euclid Flex, sans-serif;font-weight: 600;font-size: 54px;line-height: 98%;margin-bottom: 30px;color: #000000;}
.diamond-list{list-style:none;padding-left:0;margin-bottom:35px;}
.diamond-list li{display:inline-block; font-size:18px;background-color:#FFFFFF;margin-bottom:7px;padding:5px 5px 5px 22px;color:#595959;position:relative;}
.diamond-list li::before{content:"";width:5.5px;height:5.5px;background:#EF3B24;position:absolute;left:9px;top:50%;transform:translateY(-50%) rotate(45deg);}.request{  background-color: #EF3B24;  font-size: 18px;  font-weight: 600;  border: none;  padding: 5px;  color: #FFFFFF;}
.flag-section{    background-color:#04043F ;    padding: 80px 0px 0px 0px;}
.flag-section h2{color: #FFFFFF;font-size: 54px;line-height: 98%;font-weight: 600;font-family: "Euclid 'Euclid Flex'";margin-bottom: 1.5rem;}
.flag-section p{color: #FFFFFF;font-size: 18px;line-height: 130%;font-weight: 400;font-family: "Euclid 'Euclid Flex'";}
.box{ display: flex !important; align-items: center !important; background-color: #090962; padding: 5px 5px; }
.support-section{background-color: #E6E9F0;padding: 80px 0px;  }
.support-row{  padding:15px 0px ;  border: 1px solid #EF3B24;  background-color: #FFFFFF;}
.support-card{border-right: 1px solid #E6E9F0;text-align: center;}
.support-section h2{text-align: center;margin-bottom: 1rem;font-size: 54px;font-weight: 600;color: #04043F;font-family: "Euclid 'Euclid Flex'";line-height: 98%;}
.img-box{position: relative;width: 150px;text-align: center;  margin: 1rem auto; }
.frame{ width: 100%;  }
.icon{  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 70px; }
.support-section p{  color: #595959;  font-size: 18px;  font-weight: 400;  line-height: 130%;  text-align: center;}
.Partner{  border: none;  padding: 10px;  background-color: #EF3B24;  color: #FFFFFF;}
.footer-section{  background-color: #001C51;  }
.find-more {  color: #ffffff;           font-size: 18px;  line-height: 130%;  text-align: center; }
.find-more .highlight {  color: #EF3B24;         }
.explore-btn{    text-align: center;    margin-top: 30px;}
.Explore{  background-color: #EF3B24;  color: #FFFFFF;  font-size: 18px;  font-weight: 600;  border: none;  padding: 10px;}
.foooter-div{    text-align: center;    padding: 2rem;}
/* .contact-section{  padding: 100px 0px;  background-color: #E6E9F0;} */
.contact-wrapper{  padding: 50px;background-color: #D9D9D9}
.contact-left{padding: 35px;      background-color: #EF3B24;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}
.contact-left h3{  font-size: 46px;    color: #FFFFFF;    font-weight: 600;    font-family: Euclid Flex;}
.contact-left img{  margin-top: 2rem;}
.contact-form h4{font-family: Euclid Flex, sans-serif;   font-weight: 600;   font-size: 30px;   line-height: 98%;   letter-spacing: 0%;   color: #04043F;}
.submit-btn{      width: 100%;    color: #FFFFFF;    background-color: #001B51;    padding: 5px 0px;    font-size: 18px;    font-family: Halyard Display;    font-weight: 400;}
.contact-form label{  color: #000000;    font-size: 18px;    font-weight: 400;    font-family: Euclid Flex;    line-height: 98%;    margin-bottom: 10px;}
.contact-form form{   margin-top: 3rem;}
.input-border{border-radius: 0px !important;}
.swiper-slide{  background:white;  padding:20px;}
.card-content{ font-size: 18px;    font-family: 'Euclid Flex';    height: 200px;    color: #000000;    line-height: 98%;    font-weight: 600;}   
.card-content ul{ list-style: none;   color: #595959;   padding: 0px;   font-size: 18px;   font-weight: 400;   font-family: 'Euclid Flex';   line-height: 98%;}
.card-content ul li{  display: flex; align-items: flex-start; gap: 0px;  margin-top: 10px;   font-size: 18px;   font-weight: 400;   line-height: 98%;   font-family: "Euclid Flex";   }
.custom-close{
  position: absolute;
 
  z-index: 1055;
  width: 30px;
  height: 30px;
color: black;
     background-color: transparent;
    border: none;
    top: 15px;
    right: 28px;
  padding: 5px;
}
.custom-close::after{
  content: "×";
  color:black;
  font-size: 20px;
  font-weight: bold;
  display: block;
  text-align: center;
  line-height: 20px;
}
.card-content li{
  position: relative;
  padding-left: 18px;
}
.modal-content{
  border-radius: 0;    
  padding: 0;          
  background-color: transparent; 
  box-shadow: none;  
}
.card-content li::before{
  content: "◆";
  position: absolute;
  left: 0;
  color: #EF3B24;
  font-size: 10px;
}
.thankyou-card h2 {
  font-family: 'Euclid Flex', sans-serif;
  font-weight: 600;        
  font-size: 30px;           
  line-height: 98%;         
  letter-spacing: 0;        
  text-align: center;        
  color: #04043F;           
  margin-bottom: 10px;
}

.thankyou-card p {
  font-family: 'Euclid Flex', sans-serif;
  font-weight: 300;        
  font-style: normal;      
  font-size: 30px;
  line-height: 130%;
  letter-spacing: 0;
  text-align: center;       
  color: #04043F;        
}
.modal-btn .download-btn {
  display: inline-flex;         
  align-items: center;         
  gap: 8px;                    
  padding: 10px 20px;         
  background-color:#EF3B24;  ;   
  color: #fff;                
  text-decoration: none;       
  border-radius: 6px;          
  white-space: nowrap;          
}
.modal-btn .download-btn img {
  display: inline-block;
}
.thankyou-card{
  text-align: center;
}
.product-card .image-box{    position: relative;}
.card-content h3{ font-size: 18px;font-weight: 600;line-height: 98%;font-family: "Euclid 'Euclid Flex'";margin-top: 15px;}
.swiper-slide{ background:white; padding:20px; height:100%; display:flex;}
.product-card{  display:flex;  flex-direction:column;  width:100%;  height:100%;}
.product-card .main-img{ width:100%; display:block; height:220px; object-fit:cover;}
.top-label{   position: absolute;    top: 0px;    left: 0px;    background: #001C51;    color: #FFFFFF;    padding: 6px 10px;    font-size: 12px;    font-weight: 600;}
.logo-box{position: absolute;   bottom: -1px;   right: -1px;    background-color: white;   text-align: center;   padding: 10px;}
.swiper-pagination-bullet {
  width: 20px;           /* dash width */
  height: 4px;           /* dash height */
  background: #333;      
  opacity: 0.5;
  border-radius: 2px;
  margin: 0 4px !important;
}
/* Speak-div styling */
.Speak-div {
  padding: 1rem;
  background-color: #EF3B24;
  color: #FFFFFF;
  text-align: center;
}

.Speak-div img {
  max-width: 100%;
  height: auto;
}

.Schedule {
  color: #FFFFFF;
  border: none;
  padding: 8px 20px;
  font-weight: 600;
  margin-top: 10px;
  background-color: #001B51;
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  background: #EF3B24;   /* active dash color */
  opacity: 1;
}
@media (max-width: 991px) {
  .because-section {
    padding: 50px 0;
    text-align: left;
  }
  
  .because-img-wrapper {
    margin-top: 40px;
  }
  

  .because-img-wrapper img {
    max-width: 90%; 
  }
}


@media (max-width:991px){
.home-container h1{font-size:40px;line-height:120%;}
.discover-heading{font-size:40px;}
.section-title{font-size:40px;}
.flag-section h2{font-size:40px;}
.support-section h2{font-size:40px;}
.contact-left h3{font-size:36px;}
.home-container p{font-size:18px;}
.flag-section p{font-size:16px;}
.support-section p{font-size:16px;}
.discover-para{font-size:16px;}
}
@media (max-width:576px){
.Speak-div div{display:flex;flex-direction:column;align-items:center;text-align:center;}
.home-container h1{font-size:30px;line-height:120%; text-align: center;}
.home-container p{text-align: center;}
.discover-heading{font-size:30px;}
.section-title{font-size:30px;}
.flag-section h2{font-size:30px;}
.support-section h2{font-size:30px;}
.support-card{border-right:none ; }
.support-card h5{font-size: 18px; }
.contact-left h3{font-size:26px;}
.home-container p{font-size:16px;}
.flag-section p{font-size:15px;}
.support-section p{font-size:15px;}
.discover-para{font-size:15px;}
.diamond-list{margin-bottom: 10px;}
.home-section {
    background-image:  url("../images/mob-hero-img.png"); 
  }
   .Download {
    display: block;        /* full-width block element */
    margin: 0 auto;        /* center horizontally */
    text-align: center;    /* center text inside button */
  }
}