@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
h1, h2, h3, h4, h5, h6{line-height:125%; margin: 0 0 20px 0; padding: 0; font-weight: 700;}
h1{font-size: 54px;}
h2{font-size: 54px;}
h5{font-size: 18px;color: #000000;}
.text-black{color: #04043F!important;}
p{margin-bottom: 20px;line-height:125%; font-size: 18px; font-weight: 400;}
p:last-child{margin-bottom: 0px;}
* {margin: 0;  padding: 0;  box-sizing: border-box; line-height: 100%;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Montserrat", sans-serif;font-weight: 400;overflow-x: hidden;}
html{overflow-x: hidden;}
.navbar{padding-top: 0;padding-bottom: 0;}

.btn-red{background-color: #EF3B24; color: #FFFFFF;font-size: 16px; padding: 15px; border: none; transition: 0.3s;}
.btn-red:hover{background-color: #E31A00;}
.btn-blue{background-color: #001B51; color: #FFFFFF;font-size: 16px; padding: 15px; border: none; transition: 0.3s; cursor: pointer;}
.btn-blue:hover{background-color: #023497;}


.home-section{height:calc(100vh - 100px);width: 100%;  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("../images/hero-banner.jpg"); background-size: cover;  background-position: center;  display: flex;  align-items: center; display: flex;  align-items: flex-end; padding-bottom: 0;}
.from-page{padding: 69px 0px;width: 100%;  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("../images/hero-banner.jpg"); background-size: cover;  background-position: center;}
.from-page .contact-wrapper{background: rgba(217, 217, 217, 0.85);}
.home-container p {font-size: clamp(18px, 2vw, 21px);  color: #FFFFFF;  margin-bottom: 30px;}
.speak-div {  padding: 1rem 0rem;  background-color: #EF3B24;  color: #FFFFFF;  text-align: center;}
.speak-div p { font-size: 26px;  line-height: 120%;  display: inline-block;  text-align: start; font-weight: 700;}
.schedule a{  text-decoration: none;  color: #FFFFFF;}
.discover-section{padding: 80px 0px;background-color: #E6E9F0;}
.discover-para{text-align: center;margin: 2rem 0rem;line-height: 130%;font-size: 18px;}
.white{background-color: #FFFFFF; height: 100%; padding: 10px;}
.white h5{margin: 20px 0 0 0;}
.products-div{margin-bottom: 50px;}
.custom-card {height: 100%; background: none; transition:background 0.4s ease; padding: 30px 10px;background:linear-gradient(180deg,#ffffff 0%,#fff 50%,#E6E9F0 100%);}
.custom-card:hover{background:linear-gradient(180deg,#ffffff 0%,#e8edff 50%,#dfe6ff 100%);}
.discover-heading{text-align: center;color: #04043F;font-size: 54px;font-weight: 600;}
.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;}
.diamond-list{list-style:none;padding-left:0;margin-bottom:30px;}
.diamond-list li{display:inline-block; font-size:18px;background-color:#FFFFFF;margin-bottom:7px;padding:8px 8px 8px 22px;color:#595959;position:relative;}
.diamond-list li::before{content:"";width:5.5px;height:5.5px;background:#EF3B24;position:absolute;left:9px;top:17px;transform:translateY(-50%) rotate(45deg);}.request{  background-color: #EF3B24;  font-size: 18px; border: none;  padding: 5px;  color: #FFFFFF;}
.flag-section{background-color:#05043F ; padding: 80px 0px 0px 0px;}
.flag-section p{color: #FFFFFF;font-size: 18px;line-height: 130%;}
.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; padding: 0px; text-align: center;}
.img-box{position: relative;width: 150px;text-align: center; margin: 0 auto;}
.frame{ width: 90%;  }
.icon{  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 70px; }
.support-section p{  color: #595959;  font-size: 18px;  line-height: 130%;  text-align: center;}
.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;}
.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: 42px; color: #FFFFFF;  }
.contact-left img{margin-top: 20px;}
.contact-form h4{   font-size: 30px; letter-spacing: 0%; color: #04043F;}
.contact-form label{  color: #000000; font-size: 18px; margin-bottom: 10px;}
.contact-form form{margin-top: 20px;}
.input-border{border-radius: 0px !important;}
.swiperDiv{margin-top: 60px;}
.swiper-slide{background:white;  padding:20px; height: auto!important;}
.swiper-slide {height: auto!important;}

.card-content{font-size: 18px; color: #000000}   
.card-content ul{ list-style: none; color: #595959; padding: 0px; margin: 0; font-size: 18px;}
.card-content ul li{  display: flex; align-items: flex-start; gap: 0px;  margin: 0 0 10px 0; font-size: 18px; line-height: 130%;}
.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-size: 30px;    
  letter-spacing: 0;   
  text-align: center;   
  color: #04043F;      
  margin-bottom: 10px;
}

.thankyou-card p {
  
  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 15px;    
  background-color:#EF3B24;
  color: #fff;           
  text-decoration: none;     
  white-space: nowrap;     
}
.modal-btn .download-btn img {
  display: inline-block;
}
.thankyou-card{
  text-align: center;
}
.product-card .image-box{position: relative; margin-bottom: 20px; }
.card-content h3{ font-size: 18px;font-weight: 600;}
.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; }
.logo-box{position: absolute; bottom: -1px; right: -1px; background-color: white; text-align: center; padding: 10px;}
.brand-logo{width: 70px;}
.support-haeding{font-size: 18px;}
.swiper-pagination-bullet {
  width: 20px;   
  height: 4px;      
  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: 15px;
  
  margin-top: 10px;
  background-color: #001B51;
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  background: #EF3B24; 
  opacity: 1;
}
.video-container{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.my-video{
  width:100%;
  height:auto;
  display:block;
}
@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){
h1, h2{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){
  .Download{font-size: 16px;}
  .speak-div img{width: 30%;}
  .home-section {
    height: calc(108vh - 0px);}
  .speak-div p{font-size: 21px;}
.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;text-shadow:1px 2px 6px rgba(0,0,0,0.7);}
.home-container p{text-align: center; text-shadow: 0px 2px 8px rgba(0,0,0,0.8);}
.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 ; margin-top: 30px; }
.support-haeding{font-size: 16px;}
.contact-left h3{font-size:20px;}
.contact-form h4 {font-size: 20px;}
.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: 20px;}
.home-section {
    background-image:  url("../images/mobile-banner.jpg"); 
  }
   .Download {
    display: block;   /* full-width block element */
    margin: 0 auto;   /* center horizontally */
    text-align: center; /* center text inside button */
  }
}

/* Form Validation Styles */
.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.form-control.is-invalid ~ .invalid-feedback {
  display: block;
}

.text-danger {
  color: #dc3545 !important;
}

/* Submit Button Loading State */
.submit-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em;
  margin-left: 0.5rem;
}

/* Success/Error Message Animations */
#successMessage, #errorMessage {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Icon Circle for Messages */
.icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #28a745;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

/* Download Button in Success Message */
.download-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  background-color: #EF3B24;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.download-btn:hover {
  background-color: #d63420;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.download-btn img {
  width: 20px;
  height: 20px;
}

/* Thank You Card Styling */
.thankyou-card {
  text-align: center;
  padding: 40px 0px 0 0;
}

.thankyou-card h5 {font-size: 28px;margin-bottom: 15px;color: #04043F;}

.thankyou-card p {font-size: 16px;color: #04043f;margin-bottom: 25px;line-height: 1.5;}

.modal-btn {margin-top: 20px;}

/* Responsive Form Styles */
@media (max-width: 768px) {
  .thankyou-card {padding: 30px 0px 0 0;}  
  .thankyou-card h5 {font-size: 24px; }  
  .download-btn {font-size: 14px;padding: 10px 20px;}  
  .icon-circle {width: 60px;height: 60px;}
}

@media (max-width: 820px) {
  .speak-div p {font-size: 22px;}
}

@media (max-width: 600px) {
  .contact-wrapper, .contact-left{padding: 20px;}
  .contact-form{margin-top: 20px;}
  .diamond-list li{width: 100%;}
  .speak-block{padding:0;}
  h1{font-size: 30px;}
  h2{font-size: 30px;}
  .home-container{text-align: center;}
}