body {  font-family: "Plus Jakarta Sans", sans-serif;font-size: 16px;color: #333333;font-weight: normal; }

#header {
  width: 100%;
  padding:20px 0 60px ;
  text-align: center;

      /*  min-height:500px; The image used */
  background-image: url('../image/banner.jpg');
  background-size: cover;     
  background-repeat: no-repeat;
  background-position: center center;
}
 

.logo-img
{
	width:140px
}
.title-banner {
  font-size: 34px;
	font-family: "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.257;
  text-align: justify;
 }
 .title-banner span
 {
	color:rgb(255, 175, 19);
}
  #header p
  {
  font-size: 20px;
	font-family: "Plus Jakarta Sans", sans-serif;
  color: rgb(255, 255, 255);
  line-height: 1.6;
  text-align: left;
  margin-top: 27px;
} 

.content
{
	max-width: 562px;
}


.w-lg-75
{
width:89%;	
}
 

/* Form container styles */
.form-container {
  background-color: rgb(17, 44, 94);
  padding: 2rem;
  width: 325px;
  color: #fff;
   border-radius: 6px;
}


/* Form heading */
.form-container h2 {
  font-size: 18px;
  text-align: center;
   color: rgb(255, 255, 255);
  line-height: 1.45;
  }
 .iti {
    width: 100%; 
     height: 40px;
     border-width: 1px;
  border-color: transparent;
  border-style: solid;
      border-radius: 0;
    margin-bottom: 13px;
    padding: 0;
    font-size: 12px;  color: rgb(75, 75, 75);

}
.iti__country-list {
    max-width: 280px;
}

input.call_back_inpt {
 
    width: 100%;
    height: 40px;
    border: 1px solid rgb(223, 227, 233); 
    border-radius: 5px;    
        margin-bottom: 13px;  
      background-color: rgb(255, 255, 255);
      font-size: 12px;  color: rgb(75, 75, 75);
    font-family: "Plus Jakarta Sans" !important;

}

 
select.call_back_inpt {
     font-family: "Plus Jakarta Sans" !important;

    width: 100%;
    border: 1px solid rgb(223, 227, 233);
  	border-radius: 5px;    
    margin-bottom: 10px;
    font-size: 14px;
            height: 40px;
  color: rgb(75, 75, 75);
}
 

select.call_back_inpt1
{ 
	font-size: 12px;
    border: 1px solid rgb(223, 227, 233); 
    border-radius: 5px;     
    margin-bottom: 13px;
    color: rgb(75, 75, 75);
        height: 40px;
            font-family: "Plus Jakarta Sans" !important;

        width:100%;
}

 input.call_back_inpt2 {
 
    width: 100%;
    height: 40px;
    border: 1px solid rgb(223, 227, 233); 
    border-radius: 5px;     
    margin-bottom: 13px;  
      background-color: rgb(255, 255, 255);
      font-size: 12px;  color: rgb(75, 75, 75);
    font-family: "Plus Jakarta Sans" !important;


}
 

select.call_back_inpt1
{
    outline: none;
    overflow: hidden;
    text-indent: 0.01px;
    text-overflow: '';
    background: url('../image/arrow-down.png') no-repeat #fff;
    background-position: 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
        color: rgb(75, 75, 75);
            font-family: "Plus Jakarta Sans" !important;

}
.btn-form,.btn-form:hover {
	background-color: rgb(255, 175, 19);
    border-radius: 5px;
	color: rgb(17, 44, 94);
    text-transform: uppercase; 
	padding: 11.5px 30px;
  border: none;
   font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
   width: 100%;  line-height: 1.5;
  transition: background-color 0.3s ease;
  }
 

 

 

 
 .top-margin
 {
	    margin-top: 40px;
}
 
#why-content
{
	padding:50px 0;
}
#why-content .title
{

  font-size: 26px;
  color: rgb(50, 50, 50);
  font-weight: bold;
  line-height: 1.385;
  text-align: center;
}
#why-content .title span
{
}
.custom-heading {
 	max-width: 491px;

  text-align: center;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width:100%;
    font-size: 25px;
    font-weight: 600;
  line-height: 35px;
}
 

.custom-heading::after {
  content: "";
  display: block;
  margin: 15px auto 0; /* Adjust top margin as needed */
  width: 52px;
 
      background: rgb(255, 175, 19);
    height: 4px;

}
 

.bluetxtcolr
{
		  color: rgb(17, 44, 94);

}
.width-1
{
	width:150px !important;
}
.hexagon {
      width: 100px;
      height: 100px;
      background: #0d2b59; /* navy */
      position: relative;
      margin: auto;
      clip-path: polygon(
    50% 0%,     /* top center */
    100% 25%,   /* top right */
    100% 75%,   /* bottom right */
    50% 100%,   /* bottom center */
    0% 75%,     /* bottom left */
    0% 25%      /* top left */
  );      display: flex;
      align-items: center;
      justify-content: center;
    }

    .hexagon.yellow {
      background: #ffbf00; /* yellow */
    }

    .hexagon img {
      width: 30px;
    }

    .feature-text {
      text-align: center;
  font-size: 13px;
    font-weight: 600!important;

      margin-top: 10px;  
      color: rgb(17, 44, 94);
 
  min-height: 54px;
  line-height: 1.333;    }
   

 .hexagon img
 {
	width:30px;
}
.owl-carousel .owl-item  .hexagon img
{
		width:30px !important;
}
.owl-carousel .owl-stage {
  display: flex !important;
 
}

.owl-carousel .owl-item {
  display: flex!important;
  height: auto!important;
/* ensures height grows naturally */
}

.owl-carousel .item {
  display: flex !important;
  flex: 1!important;
      padding: 0 3px;

}
.owl-theme .owl-nav.disabled+.owl-dots
{
	margin-top:30px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
  background-color: rgb(17, 44, 94)!important;
}
 .owl-theme .owl-dots .owl-dot span
 {
     margin: 5px 3px!important;
	background-color: rgb(174, 174, 174) !important; /*rgba(139, 28, 46, 0.2)*/
}
 #Who-content
{
	padding: 50px 0;
    background: url('../image/whoShouldBg.jpg') no-repeat center center;
    background-size: cover;
    background-color: #fff;
    overflow: hidden;
}
  .highlight-link {
  color: rgb(17, 44, 94);
      text-decoration: none;
        font-size: 20px;
  line-height: 1.75;
  text-align: center;

    margin-bottom: 40px;
    }
 /* Card Styling */
.benefit-card {
  background-color: #fff;
  border: 0.2px solid rgb(17, 44, 94);
  border-radius: 12px;
  padding: 20px 60px 20px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  gap: 15px;
  transition: box-shadow 0.3s ease;
  height: 100%;
   font-family: "Plus Jakarta Sans", sans-serif;
}


.benefit-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* Icon styling */
.benefit-icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}

/* Text next to icon */
.benefit-text {
font-size: 18px;
  font-weight: 500;
  color: rgb(0, 0, 0);
  line-height: 1.4;
  margin: 0;
  line-height: 1.333;
 
  text-align: left;
 
}
 
  

/* CTA Button */
.cta-button {
  display: inline-block;
  margin-top: 50px;  
  text-transform: uppercase;
  background-color: #112c5e;
  color: rgb(255, 255, 255);
  padding: 11.5px 30px;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
  text-align: center;  
  font-size: 16px;
 
   font-family: "Plus Jakarta Sans", sans-serif;
 
}
 



.cta-button:hover  {
  background-color: #001830;
  color: #fff;
}
#Course-Modules-content
{
	padding: 50px 0;
}
.Section-title {
  font-size: 18px;
  line-height: 1.5;
  color: rgb(17, 44, 94);
  font-weight:600;
  text-align: left;
   font-family: "Plus Jakarta Sans", sans-serif !important;
}
 

.Section-title span
{
	font-weight:normal;
 font-family: "Plus Jakarta Sans", sans-serif !important;
 }
#Course-Modules-content .accordion-button:not(.collapsed)
 {
	background-color:transparent;
}
#Course-Modules-content .accordion-item
{
	border:0.5px solid rgb(17, 44, 94) !important;
	  border-radius: 6px !important;
  background-color: rgb(249, 249, 249) !important;
  margin-bottom:15px; 
  font-family: "Plus Jakarta Sans", sans-serif !important;
}
#Course-Modules-content .accordion-flush .accordion-item .accordion-button
{
	border:0  !important;
	  border-radius: 6px !important;
  background-color: rgb(249, 249, 249) !important;
  padding:16px 14px;
 font-family: "Plus Jakarta Sans", sans-serif !important;
}
#Course-Modules-content  .accordion-flush .accordion-item .accordion-button.collapsed
{
	border:0!important;
	  border-radius: 6px !important;
	  box-shadow:none !important;

}
.accordion-button:focus,#Course-Modules-content .accordion-button:not(.collapsed)
{
	border-color:transparent !important;
	box-shadow: none !important;
	color:rgb(17, 44, 94) !important;

	
}

 
#Course-Modules-content .accordion-button::after
{
		background-image:url('../image/Dropdown-arrow.png');
		background-size: 13px;
	    background-position: 0 6px;
	    
}
#Course-Modules-content .accordion-button:not(.collapsed)::after
{
	background-image:url('../image/Dropdown-arrow.png');
	background-size: 13px;
	    background-position:7px 6px;
}
.Sub-title-Course {
  font-size: 14px;
  display:block;
  font-weight:600;
  text-align:left;
  color: rgb(17, 44, 94);
  line-height: 1.222;
  text-align: left;
   font-family: "Plus Jakarta Sans", sans-serif !important;
}
 .ulli{
  font-size: 14px; 
  color: rgb(17, 44, 94);
  line-height: 1.5;
  text-align: left;
   font-family: "Plus Jakarta Sans", sans-serif !important;
 
}
#Course-Modules-content ul li
{
	margin-bottom:5px;
}
 .button-container {
      display: flex;
      gap: 20px;
      justify-content: center;
      padding: 25px 0 0;
    }
 

    .btn1 {
      display: flex;
      align-items: center;
      gap: 10px;
  padding: 11.5px 30px;
      border: none;
      border-radius: 5px;
 
  font-size: 16px;
      line-height: 1.5;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      color: #fff;
      text-decoration:none;
       font-family: "Plus Jakarta Sans", sans-serif !important;
    }
 


    .btn-dark-blue {
        background-color: #002244;
  color: rgb(255, 175, 19);

    cursor: none;
    }

    .btn-orange {
      background-color: rgb(255, 175, 19);
  color: rgb(17, 44, 94);
      }
.btn-orange:hover {
      background-color: #ef9e00;
      color: #000;
    }
 

.btn img {
      height: 18px;
      width: auto;
      margin-right:10px;
    }
    
    #faq
{
		padding: 50px 0;
 
    background: url('../image/FAQBg.jpg') no-repeat center center;
    background-size: cover;
    background-color: #efefef;
    overflow: hidden;

}
/**/
#faq .accordion-item
{
	background-color:transparent!important;
	border-top:0  !important;
	border-left:0  !important;
	border-right:0  !important;
	border-bottom: 0.5px solid #dadde4 !important;

}
#faq .accordion-item:last-of-type
{
		border-bottom:0  !important;
}
#faq .accordion-item .accordion-button
{
	border:0  !important;
	border-radius: 6px !important;
  	background-color: transparent;
  	padding:16px 14px;
  	font-size: 18px;
  	font-weight:600;   
  	color: rgb(17, 44, 94);
 	font-family: "Plus Jakarta Sans", sans-serif !important;
}
  


#faq .accordion-button:not(.collapsed)
{
box-shadow:none;	
}
  #faq .accordion-button::after
{
		background-image:none;
		background-size: 13px;
	    background-position: 0 6px;
	    
}
  #faq .accordion-button:not(.collapsed)::after
{
	background-image:none;
	background-size: 13px;
	    background-position:7px 6px;
}
  #faq .accordion-button .icon-toggle {
    transition: transform 0.2s ease;
        font-size: 22px;
  }
  #faq .accordion-button:not(.collapsed) .icon-toggle {
    content: '\f068'; /* minus icon when expanded */
  }
  #faq .accordion-button:not(.collapsed) .icon-toggle::before {
    font-family: 'bootstrap-icons';
    content: '\f2ea'; /* minus icon (bi-dash-lg) */
  }
  #faq .accordion-button.collapsed .icon-toggle::before {
    font-family: 'bootstrap-icons';
    content: '\f4fe'; /* plus icon (bi-plus-lg) */
  }
  #faq .accordion-body
  {
  	font-size: 14px;
  	    padding-left: 43px;
  }
   footer {
   color: rgb(255, 255, 255);
    text-align: center;
    padding: 88px 0 16px;
    font-size: 14px; 
  	background-color: rgb(41, 41, 41);
    box-sizing: border-box; 
    font-weight: 400;
    
}
 

 .div-hr {
    border-top: 1px solid rgb(55 55 55);
}
.footer-address
{
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 2.071;
  text-align: left;
  margin:20px 0;

}
 

 .tel-icon, .tel-icon:hover {
  line-height: 1.933;
  font-size: 14px;  
  color: rgb(255, 255, 255); 
  text-align: left;
  text-decoration:none;
  padding-right:18px;
 
}
 

.form-footer-title{
  font-size: 18px;
  color: rgb(255, 255, 255);
  line-height: 1.45;
  text-align: left;
  margin-bottom:20px;
}

.copy-right-title{
  font-size: 12px;
  color: rgb(135, 135, 135);
  line-height: 1.417;
  text-align: left;
 
}
 

footer select.call_back_inpt1,footer input.call_back_inpt
{
	font-size: 12px;
	margin-bottom:18px !important;
}
.btn-card, .btn-card:hover {
    display: inline-flex;
    text-align: center;
    background-color: #112c5e;
  	color: rgb(255, 255, 255);    
  	text-decoration: none;
  	text-transform: uppercase;
    font-size: 18px;
    line-height: 1.744;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 0;
    transition: background-color 0.3s ease;
}
 

 #accordionFlushExample .accordion-body 
 {
    font-size: 14px;
    padding-left: 35px;
}


 @media (max-width: 1200px) {
 .benefit-text {
    font-size: 17px;
    }
.iti__country-list {
    max-width: 235px;
}
footer select.call_back_inpt1,footer input.call_back_inpt
{
	    font-size: 12px;
	    margin-bottom:18px !important;
	}
	

}
@media (max-width: 991px)
{
    .owl-carousel {
        margin-top: 40px;
    }
.box-content-title1
{
	  font-size: 20px;
  color: rgb(255, 255, 255);
  line-height: 1.45;
  text-align: center;
  margin-bottom:30px;
}
 

	.title-banner
	{
		margin-top:134px;
}
footer
{
	    margin-bottom: 45px;
	        padding: 88px 0 19px;
}
   .button-close {
	border:0;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
        width: 25px;
        height: 26px;
        /* padding: 17px; */
        position: absolute;
        right: 0;
        top: -35px;      
}
  .iti-mobile .iti__country-list
  {
	max-height: 400px !important;
	max-width: 80vw !important;

}
    .iti-mobile .iti--container
    {
	    top: 22%!important;
	            left: 11%!important;
}
.modal-content
{
  border-radius: 8px;
  background-color: rgb(17, 44, 94);
        margin-top: 50px;
}

input.call_back_inpt, input.call_back_inpt2,select.call_back_inpt1,.iti  {
    margin-bottom: 20px;
}
.owl-carousel .owl-item img
{
	width:80px !important;
}
}
@media (max-width: 768px)
{
.logo-img {
    width: 120px;
}

 

.custom-heading
{
	    font-size: 17px;
	    line-height: 27px;
}
.custom-heading::after
{
	    margin: 10px auto 0;
}
.highlight-link {
        font-size: 15px;
    line-height: 26px;
 
        font-weight: 600;
}
.owl-carousel {
margin-top: 40px;
}
#faq .accordion-item .accordion-button
{
	    padding: 16px 0;
}
#faq .accordion-body 
 {
    font-size: 14px;
    padding-left: 31px;
}
#accordionFlushExample .accordion-body 
 {
    font-size: 14px;
    padding-left: 35px;
}

#why-content,#Course-Modules-content
 {
    padding: 40px 0;
}
#header
{
	padding: 20px 0 0;
    width: 100%; 
    text-align: center;
    background-image: url('../image/mobileBanner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#header p {
    font-size: 14px;
    text-align:left;
    margin-top:10px;
    
}
.title-banner
{
    font-size: 20px;
	text-align:left;
	margin-top:134px;
}
	.button-container {
        flex-direction: column;
        align-items: center;
      }

      .btn {
        width: 80%;
        justify-content: center;
      }
      #Who-content {
    padding: 40px 0;
    background: url('../image/whoShouldMobileViewBg.jpg') no-repeat center center;
    background-size: cover;
    background-color: #fff;
    overflow: hidden;
}
 .cta-button {
     margin: 40px auto 0;
    width:auto
  }
 #faq {
    padding: 40px 0;
    background: url('../image/FAQ-MobBg.jpg') no-repeat center center;
    background-size: cover;
    background-color: #efefef;
    overflow: hidden;
}
  .benefit-card {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
 
 
  padding: 12px 30px 12px 20px;
   border-width: 0.5px;
  border-color: rgb(17, 44, 94);
  border-style: solid;
  border-radius: 8px;

}

  .benefit-text {
    font-size: 0.95rem;
  }
  .Section-title {
  font-size: 16px;
 
  font-weight:600;
 
}
.btn1 {
    padding: 11.5px 27px;
}
#faq .accordion-item
{
 	border-bottom: 0.5px solid #B0B7C6 !important;

}
#faq .accordion-item .accordion-button
{
	  font-size: 16px;  color: rgb(17, 44, 94);
 

}
 

      footer {
        margin-bottom: 61px;
        padding: 64px 0 19px;
    }
    
    .footer-address {
        font-size: 13px;
}
  
 .tel-icon, .tel-icon:hover {
  line-height: 1.933;
  font-size: 14px;  
  color: rgb(255, 255, 255); 
  text-align: left;
  text-decoration:none;
  padding-right:0;
 
}


  }