@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap');
/*Scrollbar*/
body {height: 100vh; overflow-y: scroll;} 
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); background-color: #9c9c9c; }
body::-webkit-scrollbar {width: 4px; background-color: #9c9c9c;} 
body::-webkit-scrollbar-thumb {background-color: #000; border-radius:10px; }
/*Scrollbar End*/
body{font-family: "Open Sans", serif; color: #222222; font-size: 14px; font-weight: 400; line-height: 1.3;}
a {text-decoration: none; color: #222222;}
a:hover{transition: 0.1s all; color: #000;}
.logo{transition: 0.5s all;text-align: right;}
.logo img { width: 180px; }
.logo-small{margin: 0 0;}
nav{padding: 10px 0;}
.h6, h6{font-weight: 600;}

section{padding: 40px 0 50px; position: relative;}
ol, ul {padding-left: 18px;}
.color1{color: #07509D;}
.color2{color: #EA2127;}

.txt1{position: absolute;top: 58%;left: 12%;transform: translateX(12%) translateY(-58%);width: 285px;text-align: left;}
.txt1 hr { margin: 0.5rem 0;color: #EA2127; opacity: 1;}
.txt2{position: absolute;top: 94%;right: 0%;transform: translateX(0%) translateY(-70%);width: 40%;text-align: left;}
.txt2 p{line-height: 1;}
/*.heading1{font-size: calc(1.2rem + ((1vw - 0.48rem) * 1.3889));  line-height: 1.2; font-weight: 600; margin-bottom: 15px;}*/




.banner{position: relative; background: url("../images/banner-bg.jpg") no-repeat center 0; background-size: cover;height: 470px;}
.form{position: absolute; top: 50%; right: 5%; transform: translateX(0%) translateY(-50%); width: 30%;}
.form .layout{width: 100%; background: #fff; border: solid 1px #07509D; border-radius: 12px; padding: 15px 30px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
/*.heading1{font-size: calc(1.2rem + ((1vw - 0.48rem) * 1.3889));  line-height: 1.2; font-weight: 600; margin-bottom: 15px;}*/
.heading2{font-size: calc(1.5rem + ((0.7vw - 0.48rem) * 1.3889));  line-height: 1.2; font-weight: 600; margin-bottom: 15px;}

.btn{border-radius: 0; padding: 3px 25px; line-height: 1;} 
.btn-primary{background-color: #07509D; color: #fff; border-color:#07509D; padding: 3px 5px;}

.validation{min-height: 80px; font-size: 12px;}







#video-container { position: relative; } .review__image { position: relative; overflow: hidden;width: 100%; height: 350px; } .video-testimonial { position: absolute; width: 100%; height: 100%; top: 50%; left: 0; transform: translateY(-50%); overflow: hidden; } .featured-video--thumbnail { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .review__image .image-wrapper { min-height: 100%; } .image-wrapper { display: block; position: relative; width: 100%; height: 0; padding-top: calc(1 / var(--aspect-ratio) * 100%); } .image-wrapper--cover img, img.fit-cover { object-fit: cover; } .image-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; image-rendering: auto; } .featured-video--header { z-index: 3; padding: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%; max-width: 800px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .featured-video--play { width: 100%; text-align: center; } .featured-video--play img { position: relative; width: 80px; height: 80px; cursor: pointer; } .review__image img { position: absolute; top: 0; left: 0; } .video-testimonial video { width: 100%; position: absolute; z-index: 3; opacity: 0; cursor: pointer; } .featured-video--play img { position: relative; } .video-testimonial .video--play, .active video{ opacity: 1; }


.title-bot{position: relative; margin-bottom: 20px;}
.title-bot:after { content: ""; display: block; width: 38%; height: 2px; background-color: #f00; position: absolute; bottom: -6px; }
.title-bot2{position: relative; margin-bottom: 20px;}
.title-bot2:after { content: ""; display: block; width: 55%; height: 2px; background-color: #f00; position: absolute; bottom: -6px; }
.footer{background: #07509D; color: #fff; padding: 50px 80px 30px; text-align: center;}

@media (min-width: 777px) {
.col-md-1-5 { width: 20%; }
.col-md-2-5 { width: 40%; }
.col-md-3-5 { width: 60%; }
.col-md-4-5 { width: 80%; }
.col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
.col-lg-1-5 { width: 20%; }
.col-lg-2-5 { width: 40%; }
.col-lg-3-5 { width: 60%; }
.col-lg-4-5 { width: 80%; }
.col-lg-5-5 { width: 100%; }
}
@media (max-width:1540px){
}
@media (max-width:1399.98px){
  .review__image { height: 300px; }
  .txt2{right: 0%;transform: translateX(0%) translateY(-70%);width: 38%;}

}
@media (max-width:1199.98px){
  .txt2{right: 0%;transform: translateX(0%) translateY(-70%);width: 36%;}
  .txt1{top: 58%;left: 5%;transform: translateX(5%) translateY(-58%);width: 225px;}


}
@media (max-width:991.98px){
  .form{right: 3%;width: 35%;}
  .form .layout{padding: 15px 15px; margin: 15px 10% 0; width: 80%;}
  .review__image { height: 220px; }
  .featured-video--play img{width: 45px; height: 45px;}
  .txt1{position: relative;top: 0;right: 0%;left: 0%;transform: none;width: 100%; margin-top: 20px;} 
  .txt2{top: 74%; right: 0%;transform: translateX(0%) translateY(-70%);width: 59%;}

  /*.txt2{position: relative;top: 0;right: 0%;transform: none;width: 100%; padding-top: 20px;}  */
  .banner {background: none; background-size: cover; height: auto; }
}
@media (max-width:767.98px){
  .logo img { width: 130px; }
  .logo {margin: 0 0; text-align: end;}
  h5{font-size: 16px; font-weight: 400;}
  h3.title-bot,h3.title-bot2{font-size: 20px;}
  h4 { font-size: 16px; }
  .form { position: relative; top: 0; right: 5%; transform: none; width: 100%; left: 0px; }
  .form .layout{border-radius: 0;}
  .banner {background: none; background-size: cover; height: auto; }
  .footer {padding: 20px 15px 10px;}
  .txt2{top: 70%; right: 0%;transform: translateX(0%) translateY(-70%);width: 59%;}
  .txt2 .pt-4{padding-top:0 !important}
}
@media (max-width:571.98px){
  .logo img {padding-top: 5px;}
  .txt2{top: 70%;}
  .txt2 .btn{font-size: 12px;}
  .txt2 .mb-4{margin-bottom:5px !important}
  .txt2 p{font-size: 10px;}
}
@media (max-width:426.98px){
  .txt2{top: 65%;}
}
@media (max-width:375.98px){
  .txt2{top: 60%;}
  .txt2 p{font-size: 8px;}
}