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

body{
    font-family: "Poppins", sans-serif;
    line-height: 1em;

}

html{
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: .8em;
}

.phone-top{
  color: #e84905;
  font-size: 25px;
  font-weight: 700;
}


.btn{
  padding: 10px 40px;
}

.btn-default-01{
  background-color: #000159;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  border-radius: 10px;
}

.btn-default-01:hover{
  background-color: #e84905;
  color: #ffffff;
}





.btn-default-02{
  background-color: #000159;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
}

.btn-default-02:hover{
  background-color: #e84905;
  color: #ffffff;
}


.btn-default-03{
  background-color: #e84905;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
}

.btn-default-03:hover{
  background-color: #fff;
  color: #e84905;
}


.btn-default-04{
  background-color: #000159;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
}

.btn-default-04:hover{
  background-color: #fff;
  color:#e84905;
}

.btn-default-05{
  background-color: #e84905;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
}

.btn-default-05:hover{
  background-color: #000159;
  color:#fff;
}



@media (max-width: 768px) {
.navbar .container{
  align-items: center;
  justify-content: center;
}

.navbar .navbar-brand{
  margin-bottom: 10px;
}



}



#sec01{
  padding: 0px 20px;
  background: #F1F5FF;
}

#sec01 h1{
  font-size: 40px;
  font-weight: 700;
  color: #e84905;

}

#sec01 p{
  font-size: 18px;
  font-weight: 400;
  color: #737373;
  line-height: 1.2em;
}

#sec01 input{
  font-size: 18px;
color: #737373;
background: #d9d9d9;
}

@media (max-width: 768px) {

#sec01 {
text-align: center;
}

.sec01-img02{
width: 70%;
}

#sec01 h1{
  font-size: 26px;


}

}



#sec02{
  padding: 0px 20px 0px 20px;
  background: #000159;

}



#sec02 h2{
  font-size: 32px;
  font-weight: 700;
  color: #e84905;

}


#sec02 p{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4em;
}

.sec02-spacer{
  padding: 80px 0;
}


@media (max-width: 768px) {

#sec02 {
text-align: center;
}

#sec02 h2{
  font-size: 28px;


}

}


#sec11{
  padding: 0px 20px 0px 20px;
  background: #000159;

}



#sec11 h2{
  font-size: 32px;
  font-weight: 700;
  color: #e84905;

}


#sec11 p{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.2em;
}

#sec11 .list-unstyled{
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4em;
}


#sec11 .list-unstyled li{
  margin-bottom: 20px;
}

#sec11 .list-unstyled li img{
  margin-right: 10px;
}


@media (max-width: 768px) {

#sec11 {
text-align: center;
}

#sec11 h2{
  font-size: 28px;


}

}





#sec03{
  padding: 80px 20px 80px 20px;
  background: #e84905;

}

#sec03 span{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

#sec03 h2{
  font-size: 32px;
  font-weight: 700;
  color: #fff;

}


#sec03 p{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4em;
}

.sec03-box{
  background: #fff;
  border-radius: 10px;
  padding: 10px;
}

.sec03-box img{
  max-width: 150px;
margin-top: -80px;
}


.sec03-box h3{
  font-size: 14px;
  font-weight: 700;
  color: #333061;
}

.sec03-box p{
  font-size: 12px !important;
  font-weight: 400;
  color: #333061 !important;
}


@media (max-width: 768px) {


.sec03-box{
margin-bottom: 80px;
}

.sec03-box04{
margin-bottom: 0px;
}

#sec03 h2{
  font-size: 28px;


}

}




#sec12{
  padding: 80px 20px 80px 20px;
  background: #e84905;

}

#sec12 span{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

#sec12 h2{
  font-size: 30px;
  font-weight: 700;
  color: #fff;

}

#sec12 h3{
  font-size: 18px;
  color: #fff;
}

#sec12 h5{
  font-size: 26px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

#sec12 p{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4em;
}

.sec12-box{
  background: #fff;
  border-radius: 10px;
  padding: 10px;
}

.sec12-box img{
  max-width: 150px;
margin-top: -80px;
}




.sec12-box h4{
  font-size: 14px;
  font-weight: 700;
  color: #333061;
}


.sec12-box p{
  font-size: 12px !important;
  font-weight: 400;
  color: #333061 !important;
}





@media (max-width: 768px) {


.sec12-box{
margin-bottom: 80px;
}

.sec12-box04{
margin-bottom: 0px;
}

#sec12 h2{
  font-size: 28px;


}


.sec12-footer{
  text-align: center;
}

}




#sec04{
  padding: 80px 20px 80px 20px;
  background: #fff;

}

#sec04 span{
  color: #e84905;
  font-size: 15px;
  font-weight: 600;
}

#sec04 h2{
  font-size: 32px;
  font-weight: 700;
  color: #000159;

}

.sec04-box{
  background-image: url('../../img/sec04-bg01.webp');
    background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
width: 220px;
height: 142px;

  }


.row-sec04-box01{
 margin-right: 60px;
}

.row-sec04-box02{
 margin-left: 60px;
 margin-top: -25px;
}


.sec04-box p{
  font-size: 10px !important;
  font-weight: 400;
  line-height: 1.1em;
  color: #333061 !important;
}

.sec04-box p b{
  color: #e84905 !important;
}


.sec04-box img{
  max-width: 100px;
margin-top: -60px;
}

.sec04-box01{
  z-index: 99999999 !important;
}

.sec04-box02{
  z-index: 99999999 !important;
}

.sec04-box03{
 z-index: 999999 !important;
}

.sec04-box04{
 z-index: 9 !important;
}

.sec04-box05{
z-index: 9 !important;
}

.sec04-box06{
  z-index: 9 !important;
}




@media (max-width: 992px) {


  .row-sec04-box01{
 margin-right: 0px;
}

.row-sec04-box02{
 margin-left: 0px;
 margin-top: 40px;
}




}



@media (max-width: 768px) {
#sec04 {
text-align: center;
}

  .sec04-box{
margin-bottom: 30px;

  }

.row-sec04-box01{
  margin-left: 22%;
   margin-top: -50px;

}

.row-sec04-box02{
 margin-top: 0px;
   margin-left: 22%;
}

}


#sec05{
  padding: 0px 20px 0px 20px;
  background: #000159;

}


#sec05 span{
  color: #e84905;
  font-size: 15px;
  font-weight: 600;
}

#sec05 h2{
  font-size: 32px;
  font-weight: 700;
  color: #fff;

}


#sec05 p{
  font-size: 12px;
  font-weight: 400;
  color: #737373;
  line-height: 1.4em;
  text-align: center;
}

#sec05 h6{
  font-size: 10px;
  font-weight: 600;
  color: #e84905;
  line-height: 1.4em;

}


.sec05-box01{
  background-image: url('../../img/sec05-img18.webp');
      background-repeat: no-repeat;
      background-position: center;
  background-size: cover;
  padding: 40px 20px;
width: 300px;
height: 216px;

}


.sec05-box02{
  background-image: url('../../img/sec05-img18.webp');
      background-repeat: no-repeat;
      background-position: center;
  background-size: cover;
  padding: 50px 20px;
width: 300px;
height: 216px;
margin-top: -80px;
}

@media (max-width: 768px) {



#sec05 h2{
  font-size: 28px;


}


.sec05-box01{


}

.sec05-box02{
margin-top: 20px;
margin-left: 20%;
}


}


#sec06{

  background: #fff;

    background-image: url('../../img/sec06-img14.webp');
    
    background-repeat: no-repeat;
    background-position: right;
  background-size: contain;
}


#sec06 .container{


}

#sec06 .row{

  
  padding: 40px 20px 40px 20px;

}


#sec06 h2{
  font-size: 26px;
  font-weight: 700;
  color: #e84905;

}



#sec06 .circle-blue {
  position: absolute;
  background-color: #000159;
  width: 300px;
  height: 300px;
  border-radius: 150px;
}

#sec06 .circle-orange {
  position: absolute;
  background-color: #e84905;
  width: 300px;
  height: 300px;
  border-radius: 150px;
margin-left: 25px;
}


#sec06 .sec06-img12{
  z-index: 99999999;
}






@media (max-width: 768px) {


#sec06{

  background: #fff;

    background-image: inherit;
    
    background-repeat: no-repeat;
    background-position: right;
  background-size: contain;
  text-align: center;
}


#sec06 h2{
  font-size: 26px;


}

.sec06-img-logo{
  width: 150px;
}



}



#sec07{
  padding: 40px 20px 40px 20px;
  background: #000159;

}


#sec07 h2{
  font-size: 30px;
  font-weight: 700;
  color: #fff;

}

#sec07 p{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4em;
}

#sec07 input{
  font-size: 15px;
color: #737373;
background: #d9d9d9;
}

#sec07 .btn{
padding: 7px 11px;
}



@media (max-width: 768px) {


#sec07{


  text-align: center;
}


#sec07 h2{
  font-size: 26px;


}


#sec07 img{
width: 25%;


}

}




#info{
  padding: 40px 20px 0px 20px;
  background: #F1F5FF;
}

#info h2{
  font-size: 36px;
  font-weight: 700;
  color: #e84905;

}

#info p{
  font-size: 12px;
  font-weight: 400;
  color: #000159;
}

#info input{
  font-size: 12px;
color: #737373;
background: #d9d9d9;
}

#info textarea{
  font-size: 12px;
color: #737373;
background: #d9d9d9;
}

#info .form-check{
  font-size: 12px;
color: #737373;
background: #d9d9d9;
padding: 10px 30px;
border-radius: 5px;
}

#info .form-check-input{
border: 1px #444444 solid;

}

#info .form-check-input:checked{
        background-color: #e84905; 
        border-color: #e84905; 

}


#info span{
  font-size: 14px;
  font-weight: 400;
  color: #000159;
}


#info .text-privacy{
font-size: 12px;

}


#info a{
color: #000159;
}




#sec09{
  padding: 40px 20px;
  background: #fff;
}



#sec10{
  padding: 0px 20px;
  background: #e84905;
}

#sec10 p{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4em;
}



#sec10 .social-icons{
    display: flex;
    align-items: center;

}


#sec10 a{
background: #fff;
width: 40px;
height: 40px;
border-radius: 20px;

margin-right: 8px;
    text-align: center;
padding-top: 8px;

}


#sec10 i{
font-size: 26px;
    text-align: center;
color: #e84905;

}

#sec10 a:hover{
background: #323060;


}


.sec10-box-05{
background-color: #323060;
border-radius: 10px;
padding: 20px;
font-size: 12px;
line-height: 1.4em;
margin-top: 40px;
margin-bottom: 40px;
box-shadow: 6px 6px rgba(0, 0, 0, 0.3);
}

.sec10-box-05:hover{
box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
color: #e84905;
}


a .sec10-box-05{
color: #fff;
text-decoration: none;
text-align: left;
display: inline-block;
}





@media (max-width: 992px) {

#sec10{

text-align: center;

}

#sec10 .social-icons{
    display: flex;
    align-items: center;
  justify-content: center;
}


#sec10 img{

  margin-top: -10px ;
  width: 70%;

}

}



@media (max-width: 768px) {


}






#sec14{
  padding: 80px 20px 80px 20px;
  background: #fff;

}

#sec14 span{
  color: #e84905;
  font-size: 15px;
  font-weight: 600;
}

#sec14 h2{
  font-size: 32px;
  font-weight: 700;
  color: #000159;

}

.sec14-box{



  }


.row-sec14-box01{

}

.row-sec14-box02{
 margin-left: 60px;
 margin-top: -25px;
}


.sec14-box p{
  font-size: 10px !important;
  font-weight: 400;
  line-height: 1.1em;
  color: #333061 !important;
}

.sec14-box p b{
  color: #000159 !important;
  text-transform: uppercase;
}


.sec14-box img{
  max-width: 100px;
margin-top: -60px;
}

.sec14-box01-wrapper{
  margin-top: 40px;
  margin-right: -50px;
}

.sec14-box01{
  background-image: url('../../img/sec14-bg01.webp');
      background-repeat: no-repeat;
      background-position: center;
  background-size: cover;
  padding: 20px;
width: 200px;
height: 200px;
  z-index: 99999999 !important;

}

.sec14-box01-01{
  margin-left: -60px;
}

.sec14-box01-02{
  padding: 0 20px 0 0px;
  margin-left: 20px;
}


.sec14-box02-wrapper{
  margin-top: 40px;
  margin-right: -50px;
}

.sec14-box02{
  background-image: url('../../img/sec14-bg02.webp');
      background-repeat: no-repeat;
      background-position: center;
  background-size: cover;
  padding: 20px;
width: 200px;
height: 200px;
  z-index: 99999999 !important;
}

.sec14-box02-01{
  margin-left: -60px;
}

.sec14-box02-02{
   padding: 0 20px 0 0px;
  margin-left: 30px;
}

.sec14-box03-wrapper{
  margin-top: 40px;
  margin-right: -50px;
}

.sec14-box03{
  background-image: url('../../img/sec14-bg03.webp');
      background-repeat: no-repeat;
      background-position: center;
  background-size: cover;
  padding: 20px;
width: 200px;
height: 200px;
  z-index: 99999999 !important;
}

.sec14-box03-01{
  margin-left: -60px;
}

.sec14-box03-02{
   padding: 0 20px 0 0px;
  margin-left: 30px;
}

.sec14-box04-wrapper{
  margin-top: 40px;
  margin-right: -50px;
}

.sec14-box04{
  background-image: url('../../img/sec14-bg04.webp');
      background-repeat: no-repeat;
      background-position: center;
  background-size: cover;
  padding: 20px;
width: 200px;
height: 200px;
  z-index: 99999999 !important;
}

.sec14-box04-01{
  margin-left: -60px;
}

.sec14-box04-02{
   padding: 0 20px 0 0px;
  margin-left: 30px;
}



.sec14-box05-wrapper{
  margin-top: 40px;
  margin-right: -50px;
}

.sec14-box05{
  background-image: url('../../img/sec14-bg05.webp');
      background-repeat: no-repeat;
      background-position: center;
  background-size: cover;
  padding: 20px;
width: 200px;
height: 200px;
  z-index: 99999999 !important;
}

.sec14-box05-01{
  margin-left: -60px;
}

.sec14-box05-02{
   padding: 0 20px 0 0px;
  margin-left: 30px;
}



@media (max-width: 992px) {


  .row-sec14-box01{
 margin-right: 0px;
}

.row-sec14-box02{
 margin-left: 0px;
 margin-top: 40px;
}




}



@media (max-width: 768px) {
#sec14 {
text-align: center;
}

  .sec14-box{
margin-bottom: 30px;

  }

.row-sec14-box01{
  margin-left: 25%;
   margin-top: -50px;

}

.row-sec14-box02{
 margin-top: 0px;
   margin-left: 25%;
}

}







  
  .popup-exit {
    display: none;
    position: fixed;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup-exit-box {
    position: absolute;
    padding: 0px;
    top: 50%;
    left: 50%;
    max-width: 900px;
    width: 100%;
    transform: translate(-50%, -50%);
    background-color: #333;
    color: #fff;
    border-radius: 10px;
}

.popup-exit-close {
    position: absolute;
    right: 2%;
    top: 4%;
    padding: 10px 8px 5px 8px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    border: 3px #fff solid;
}

.popup-exit-close:hover {
    color: #ea5b0c;
    background:#fff;
    border: 2px #fff solid;
}



.popup-exit-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;

  }
  
  .popup-exit-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }

.popup-exit-left-column{
    background: #ffffff;
    border-radius: 10px 0 0 10px;
    height: 100%;
    padding: 80px 40px 40px 40px;

	
}  

.popup-exit-right-column{
    background: #ea5b0c;
    border-radius: 0 10px 10px 0;
    height: 100%;
    padding: 80px 40px 40px 40px;

} 



#form-popup-exit label{
    color: #575757;
    font-weight: 700;
}


#form-popup-exit input{
background: #ededed;
box-sizing: border-box;
border: 2px #9d9d9c solid;
width: 100%;
padding: 12px 20px;
margin: 8px 0;
border-radius:10px;
color:#575757;
}


#form-popup-exit input[type=submit] {
    background: #312c63;
    color: #fff;
border: none;
font-size: 20px;
font-weight: 800;
cursor:pointer;
}    



#form-popup-exit input[type=submit]:hover {
    background: #ea5b0c;
    color: #fff;
border: none;
font-size: 20px;
font-weight: 800;
}   




.popup-exit-row-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;

  }
  
.popup-exit-column-2 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2;
    align-items: center;
    justify-content: center;
	width: 25%;
	padding: 20px 20px;
}


.popup-exit-column-2 img{
margin-bottom: 10px;
}


.popup-exit-column-2 h4, .popup-exit-column-2 p{
    margin-block-start: 0em;
    margin-block-end: 0em;
    text-align: center;
}

.popup-exit-column-2 h4 {
font-size: 18px;
font-weight: 700;
}

.popup-exit-column-2 p {
	font-size: 14px;
	font-weight: 400;
	}


.popup-exit h2{
 font-size: 36px;
 font-weight: 800;
}


.popup-exit h3{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 40px;
   }
   

.invalid-feedback{
	color:red;
	font-weight: 300;
}



@media (max-width: 600px) {


	.popup-exit-box {
		position: absolute;
		padding: 0px;
		top: 50%;
		left: 50%;
		max-width: 900px;
		width: 90%;
		transform: translate(-50%, -50%);
		background-color: #333;
		color: #fff;
		border-radius: 10px;
	}



	.popup-exit-row {
		flex-direction: column-reverse;
	
	  }
	  
	  .popup-exit-column {

	  }


.popup-exit-row-2{
	display: none;
}



.popup-exit-close {
    right: 2%;
    top: 2%;
    padding: 1px 5px 1px 5px;
    width: 30px;
    height: 30px;
    font-size: 16px;

}


.popup-exit-left-column{
    background: #ffffff;
    border-radius:  0 0 10px 10px;
    height: 100%;
    padding: 20px 40px 20px 40px;

	
}  

.popup-exit-right-column{
    background: #ea5b0c;
    border-radius: 10px 10px 0 0;
    height: 100%;
    padding: 40px 40px 0px 40px;

} 

#form-popup-exit input{
	margin: 2px 0;
	border-radius:10px;
	color:#575757;
	}

	.popup-exit h2{
		font-size: 26px;
		font-weight: 800;
	   }

}