body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#333; 
	font-family: 'Lato', sans-serif; font-size:20px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
	 background:url(../images/bg.jpg) repeat-x center top ;
}
 
 html {
scroll-behavior: smooth;
}
*{ box-sizing:border-box;}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 
 
.main-container{width:100%; float:left; margin:0px; padding:0px 0 0 0;}
 
.container{width:950px; margin:0 auto; padding:0px;  display:table;}

.header{width:100%; float:left; margin:0px; padding:15px 4% 0px;}
.header h1{width:100%; float:left; margin:0px; padding:0 0px 10px; font-size:60px; line-height:66px; color:#0e1a40; text-align:center; font-weight:900;   }
.header h1 span{ color:#fac85e; }
.header .img1{max-width:100%; height:auto;}
.header h2{width:100%; float:left; margin:0px; padding:5px 0 25px; font-size:28px; line-height:36px; color:#000; text-align:center; font-weight:700; letter-spacing:-1px; }

.header ul{width:100%;   margin:30px 0; padding:0px; display:inline-block; text-align:center;}
.header ul li{width:auto; margin:5px 0; float:none; padding:0px 0 0px; text-align:center; list-style:none; font-size:24px; line-height:30px; color:#000;}
.header ul li:last-child{width:auto; margin:50px 0 20px; float:none; padding:0px 0 0px; list-style:none;}


.header .btn { width: 90%; margin: 0 5%; display:inline-table;  padding: 25px; background: #fff; font-size: 26px;  color: #1f497d; font-weight: 700; text-align: left; border: 0; border-radius:8px; 
	text-align:center;}
.header .btn:hover { background: #1f497d; color:#FFFFFF}

.btn_img{  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; float:left;}
.btn_img input{ max-width:100%; height:auto;}

.btn_img_mob{  width:100%; text-align:center; margin:0 auto; padding:0 0 0 0; float:left; display:none;}
.btn_img_mob input{ max-width:100%; height:auto;}

.button{  width:100%; text-align:center; margin:10px 0; padding:0 0 0 0; float:left; position:relative; display:table;}
.button input{ max-width:100%; height:auto;}

.button_mob{  width:100%; text-align:center; margin:10px 0; padding:0 0 0 0; float:left; position:relative; display:none;}
.button_mob input{ max-width:100%; height:auto;}

.middle-content{width:100%; float:left; margin:0px; padding:0px 3% 0px; background:#fff;}
 
.mid-text{width:100%; float:left; margin:0px 0 0 0; padding:0px 0px 30px;  }
.mid-text p{width:auto; float:none; margin:0px 0 0px; padding:0; font-size:20px; line-height:36px; font-weight:400; color:#333333;}
.mid-text p span{font-weight:700; font-size:60px; line-height:36px}
.mid-text p b{font-weight:700;}
.mid-text p .color{color:#ff0000;}

.mid-text h2{width:100%; float:left; margin:30px 0px 20px; padding:0; font-size:36px; line-height:40px; font-weight:900; color:#333333;}


.mid-text1{width:100%; float:left; margin:0px 0 0 0; padding:0px 20px;  }
.mid-text1 h2{width:100%; float:left; margin:20px 0px 30px; padding:0; font-size:36px; line-height:44px; font-weight:900; color:#333333; text-align:center;}
.mid-text1 h2 .color{color:#ff0000;}
.mid-text1 p{width:100%; float:left; margin:0px 0 0px; padding:0; font-size:20px; line-height:30px; font-weight:400; color:#333333;}
.mid-text1 p span{ font-weight:700; color:#1f497d;}
.mid-text1 p span.color{color:#ff0000!important;}
.mid-text1 .right{width:45%; float:right; margin:10px 0; padding:0px 0px;}
.mid-text1 .left{width:50%; float:left; margin:10px 0 ; padding:0px 0px; clear:both;}
.mid-text1 .left img{width:100%; height:auto;}
.mid-text1 .right ul{width:100%;   margin:10px 0; padding:0px; float:left;}
.mid-text1 .right ul li{width:100%; margin:5px 0; float:left; padding:0px 0 0px; list-style:disc; background:none; list-style-position:inside;font-size:20px; font-weight:700; color:#333333;}
.mid-text1 h4{width:100%; float:left; margin:0px 0px 30px; padding:22px; font-size:26px; line-height:36px; font-weight:400; color:#fff; background:#0e1a3f; text-align:center}
.mid-text1 h4 span{font-size:36px; }
.mid-text1 .img11{max-width:100%; float:left; margin:0px 30px 0 0 ; padding:0px 0px;}
 
.show{ display:block}
.hide{ display:none}



.blue_area_contant{width:100%; float:left; margin:60px 0; padding:60px 0px; background:#0e1a3f;}
.blue_area_contant h2{width:100%; float:left; margin:30px 0px 20px; padding:0 10%; font-size:36px; line-height:44px; font-weight:900; color:#fff; text-align:center;}
.blue_area_contant h1{width:100%; float:left; margin:30px 0px 40px; padding:0 15%; font-size:80px; line-height:90px; font-weight:900; color:#fff; text-align:center;}
.blue_area_contant h1 span{font-size:55px; line-height:55px;}
.blue_area_contant p{width:100%; float:left; margin:0px 0 0px; padding:0 0 25px; font-size:20px; line-height:30px; font-weight:400; color:#fff;}
.blue_area_contant  ul{width:100%;   margin:10px 0 20px; padding:0px; float:left;}
.blue_area_contant ul li{width:32%; margin:10px 1% 10px 0; list-style:none; float:left; padding:15px 0px; font-size:20px; font-weight:700; color:#000; background:#fff; text-align:center; text-transform:uppercase;}
.img-center{width:100%; float:left; margin:0px 0 40px; padding:0px; line-height:0px; text-align:center;}
.img-center img{width:100%; height:auto;}
.img-center1{width:100%; float:left; margin:0px 0 40px; padding:0px; line-height:0px; text-align:center;}
.img-center1 img{max-width:100%; height:auto;}
.blue_area_contant1  ul{width:100%;   margin:10px 0 20px; padding:0px; float:left;}
.blue_area_contant1 ul li{width:100%; margin:0px 0 15px 3%; list-style: disc; float:left; padding:0px; font-size:20px; font-weight:700; color:#fff; background: none; text-align:left; text-transform: none;}

.mid-text2{width:100%; float:left; margin:0px 0 0 0; padding:0px 0px 0;  }
.mid-text2 h2{width:100%; float:left; margin:20px 0px 30px; padding:0; font-size:36px; line-height:44px; font-weight:900; color:#333333; text-align:center;}

.mid-text2 p{width:100%; float:left; margin:0px 0 0px; padding:0; font-size:20px; line-height:33px; font-weight:400; color:#333333;}
.mid-text2 p span{ width:100%; float:left; font-weight:700; font-size:30px; line-height:40px; color:#000;  padding:40px 0; text-align:center; font-style:italic;}

.mid-text2 .left{width:45%; float:left; margin:10px 0; padding:0px 0px;}
.mid-text2 .right{width:50%; float:right; margin:10px 0 ; padding:0px 0px;}
.mid-text2 .right img{width:100%; height:auto;}
.mid-text2 .left ul{width:100%;   margin:20px 0; padding:0px; float:right;}
.mid-text2 .left ul li{width:100%; margin:5px 0; float:left; padding:0px 0 0px; list-style:disc; background:none; list-style-position:inside;font-size:20px; font-weight:700; color:#333333;}


.full_img{width:100%; float:right; margin:20px 0 40px 0 ; padding:0px 0px;}
.full_img img{width:100%; height:auto;}

 

.btn1 { width: 90%; margin: 30px 5%; display:inline-table;  padding: 25px; background: #fff; font-size: 26px;  color: #1f497d; font-weight: 700; text-align: left; border: 0; border-radius:8px;	text-align:center; border:4px solid #1f497d}
.btn1:hover { background: #1f497d; color:#FFFFFF} 

.mid-text1 ul{width:100%;   margin:10px 0; padding:0px; float:left;}
.mid-text1 ul li{width:100%; margin:0px 0 15px; float:left; padding:0px 0 0 30px; list-style:none;  font-size:24px; font-weight:700; color:#333333; background:url(../images/arrow.jpg) no-repeat left;}
 

.testimonial{width:100%; float:left; margin:20px 0 10px; padding:25px; background:#071116;}
.testimonial p{width:100%; float:left; margin:0px 0 0px; padding:0; font-size:24px; line-height:36px; font-weight:300; color:#fff; font-style:italic;}
.testimonial p span{width:100%; float:left; font-weight:700; color:#fac85e; font-style:inherit;}


.mid-text-new{width:100%; float:left; margin:0px; padding:0px;}
.mid-text-new ul{width:100%; float:left; margin:0px; padding:0px;}
.mid-text-new ul li{width:100%; float:left; margin:0px; padding:0px; list-style:none;background:none}
.mid-text-new ul li .right1{width:80%; float:left; margin:10px 0; padding:0px 0px;}
.mid-text-new ul li .left1{width:80px; height:80px; float:left; margin:10px 20px 10px 0; padding:15px 0 0 ; background:#0e1a3f; border-radius:50%; font-size:24px; line-height:26px; font-weight:900; color:#fff; background-image:none; text-align:center}
 
.price-btm-section{width:100%; float:left; margin:0px; padding:30px 5%;}
.price-btm-section h2{width:100%; float:left; margin:0px 0 20px; padding:0; font-size:50px; line-height:normal; font-weight:700; letter-spacing:-0.5px; color:#000; text-align:center}
.price-btm-section h3{width:100%; float:left; margin:0px 0 20px; padding:0; font-size:36px; line-height:normal; font-weight:300; letter-spacing:-0.5px; color:#000;}
.price-btm-section h3 span{color:#ff0000; font-weight:700}

.price-btm-section p{width:100%; float:left; margin:0px 0 30px; padding:0; font-size:26px; line-height:normal; font-weight:300; letter-spacing:-0.5px; color:#000; }
.value {   width: 90%;
    float: none;
    margin: 0 auto 40px auto;
    padding: 30px;
    border: #000080 8px dashed;
    display: table; text-align:center
}
.value h2{width:100%; float:left; margin:0px 0 10px; padding:0; font-size:50px; line-height:normal; font-weight:700; letter-spacing:-0.5px; color:#000; text-align:center}
.value h3{width:100%; float:left; margin:0px 0 10px; padding:0; font-size:36px; line-height:normal; font-weight:300; letter-spacing:-0.5px; color:#000;text-align:center}
.value h3 span{color:#ff0000; font-weight:700}
.value h4{width:100%; float:left; margin:0px 0 10px; padding:0; font-size:32px; line-height:normal; font-weight:300; letter-spacing:-0.5px; color:#000;text-align:center}
.value h4 span{color:#ba10ac; font-weight:700}
.value h1{width:100%; float:left; margin:0px 0 10px; padding:0; font-size:60px; line-height:normal; font-weight:700; letter-spacing:-0.5px; color:#ff0000;text-align:center}
.value h5{width:100%; float:left; margin:0px 0 10px; padding:0; font-size:32px; line-height:normal; font-weight:300; letter-spacing:-0.5px; color:#ff0000;text-align:center}

.value-img{width:100%; float:left; margin:20px 0 10px; padding:0; text-align:center; }
.value-img img{max-width:100%; height:auto;}

.instant-button{width:300px; float:none; margin:20px auto 20px auto; padding:0px; line-height:45px; background:#00b5ee; font-size:24px; color:#fff; font-weight:900; text-align:center; text-transform:uppercase; border-radius:30px; display:table;}


.footer{width:100%; float:left; margin:50px 0 0 0; padding:20px 0; background:#000; font-size:15px; font-weight:400; text-align:center; color:#ccc;}

/*in tent pop 08-09-2023*/

.exit-intent-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(33, 33, 33, 0.8);
    transform: translateY(60%) scale(0);
    transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.exit-intent-popup.visible {
    transform: translateY(0) scale(1);
}

.newsletter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Popup-specific styles */
.newsletter {
    background:url(../images/bg.jpg) repeat-x center top ;
    width: 100%;
    max-width: 600px;
    padding: 35px 0px;
    height: auto;
    border-radius: 3px;
}

.close {
    position: absolute;
    font-size: 35px;
    font-weight: 600;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 25px;
    height: 20px;
}
.newsletter h2 span {
    font-size: 100px;
    font-weight: 900;
    color: #00b5ee;
}
.newsletter h2 {
   
   font-family: 'Lato', sans-serif;
    padding: 10px 30px 0px;
    font-size: 30px;
    text-align: center;
    margin: 0 0 0 0;
    line-height: 36px;
}
.newsletter h3{
font-family: 'Lato', sans-serif;
font-size: 30px;
margin: 5px 0px 10px 0px;
text-align: center;
}

.newsletter h4{
color:	#000;
font-family: 'Lato', sans-serif;
font-size: 30px;
margin: 0px 0px 0px 0px;
padding: 5px 5px;
text-align: center;
}
.newsletter h4 span{
	 color: #00b5ee;
}
button.submit {
    display: block;
   
    width: 250px;
    margin: 10px auto auto auto;
    padding: 12px 0;
    border: 0px;
    background: #00b5ee;
    border-radius: 30px;
    text-align: center;
  
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

/***************/
.video_area{ width:100%; padding:0 0 0 0; margin:0 0 0 0; position:relative;   float:left;}
.heart {
	width:100%;
	height:100%;
	font-size: 150px;
	color: #e00;
	animation: beat .40s infinite alternate;
	transform-origin: center;
	text-align:center;
	position:absolute;
	top:30%;
	z-index:9999; display:none;  
		
}
.heart img {
  vertical-align: middle;
  border-style: none;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.1); }
}

.video_real{ width:100%; float:left; text-align:center;}