@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat: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&family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');
body {
  font-family: 'Montserrat';
  font-size: 16px; 
  font-weight: 400;
}
::placeholder { 
color: #666666;
}

body {padding-top: 67px;}

::-ms-input-placeholder { 
  color: #666666;
}
.navbar-light .navbar-brand {
width: 20%;
}


.bg-light {
    background-color: #FFF!important;
}

.navbar-light .navbar-nav .nav-link {
color: #000;
font-size: 18px;
}


.herobg {
  background-image: url(../images/main-bg.png); background-size: cover; height: 850px; background-position: center center;
  margin-top: 18px;
}

.thanksbg {
  background-image: url(../images/thanks-bg.jpg); background-size: cover; height: 100vh; background-position: center center;
  margin-top: 18px;
}

.heropad { padding: 50px 0px 0px 0px;}


.desktopplane { 
  width: 70%;
  margin-top: -200px;
}

.herobg h2 {
font-size: 53px; font-weight: normal; color: #3A3A3B; line-height: 72px;
}

.herobg h1{font-size: 93px; font-family: 'Montserrat'; color: #FFF; font-weight: 600; line-height: 72px;}

.formbg {
background: rgba(255, 255, 255, .9); border-radius: 20px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); padding: 40px; position: relative; z-index: 2;
}

.formbg h2 {font-size: 24px; font-family: 'Montserrat'; font-weight: 600; color: #E02322; text-align: center; line-height: normal;}
.formbg input {border-radius: 10px; font-size: 16px; font-weight: normal; border: solid 0.5px #919191; outline: none; padding: 10px; width: 100%; color: #919191;}
.formbg select {border-radius: 10px; font-size: 16px; font-weight: normal; border: solid 0.5px #919191; outline: none; padding:  10px; width: 100%; color: #919191;}
.formbg input[type=checkbox] {
  width: 20px;
}
.formbg select option {
font-size: 18px; font-weight: normal;
}
.formbg .submit {background: #E01B22; border-radius: 10px; font-size: 18px; font-weight: 600; color: #FFF; width: 100%; border: none; padding: 10px 0px;}

.steps {
padding: 50px 0px;
background: #F5F5F5;
}

.steps1 {
  padding: 50px 0px;
}
.gap20 {
  gap: 20px;
}
.gap10 {
  gap: 10px;
}

.padtop35 {
  padding-top: 35px;
}
.padtop30 {
  padding-top: 30px;
}
.steps .rgtcont img{margin-bottom: 10px;}
.steps .rgtcont p.boldtxt {padding-bottom: 10px; margin: 0px; font-size: 20px; font-weight: 600; color: #3A3A3B; line-height: normal;}
.steps .rgtcont p.smalltxt {margin: 0px; font-size: 16px; font-weight: normal; color: #707070; width: 72%;}

.steps h2, .steps1 h2  {
font-size: 30px; font-weight: 600; color: #3A3A3B; padding-bottom: 30px;
}


.faqs {padding-bottom: 30px;}
.faqs h2 {font-size: 30px; font-weight: 600; color: #3A3A3B;}
.faqs h2.comquestion {padding-bottom: 20px;}

.accordion-item:first-of-type .accordion-button {
  border-radius: 10px;
}

.accordion-button {font-size: 26px; color: #707070;}
.accordion-body {font-size: 18px;}

.accordion-item {
border: none;
}
.accordion-button {
background: #F8F8F8;
margin-bottom: 20px;
color: #707070;
font-size: 20px;
font-weight: normal;
}

.accordion-button:not(.collapsed) {
background: #F8F8F8;
margin-bottom: 0px;
color: #707070;
box-shadow: none;
}

.accordion-button:focus {border: none; box-shadow: none;}

footer {background-color: #E02322; padding: 20px 0px 0px 0px}
footer ul {font-size: 24px; color: #FFF; list-style: none; margin: 0px; padding: 0px;}
footer ul li {padding-bottom: 5px;}
footer ul li a {color: #FFF; text-decoration: none; font-size: 20px; font-weight: 300;}
footer ul li a:hover {color: #FFF; text-decoration: underline;}
.copyright {margin: 0px; padding: 20px 0px; color: #FFF; text-align: center; font-size: 18px;}
.showmobile {display: none;}
.hidemobile {display: block;}
.button {text-align:center; padding-top: 20px;}
.button img {max-width: 250px;}
.form-select:focus {box-shadow: none;}

.navbar-light .navbar-nav .nav-link img {
  width: 25px;
}

.accordion-body ul {
  margin: 0px; padding-left: 14px;
}
/*
input[type="date"]:before {
  content: attr(placeholder) !important;
  color: #666666;
  margin-right: 0.5em;
}
*/
/*
@media  screen and (max-width: 3840px) {
.herobg {
padding: 660px 0px;
}
.container {
    max-width: 3550px;
}
}

@media  screen and (max-width: 2048px) {
.herobg {
padding: 200px 0px;
}
.container {
    max-width: 1884px;
}
}
*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0px;
}

.thanks {
  font-family: var(--in)
}
.herobg h3 {font-size: 50px; color: #FFF; font-weight: lighter;}
.navbar {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);

}
@media screen and (mx-width: 2500px) {


}

/*@media  screen and (max-width: 1730px) { 
  .desktopplane {bottom: 100px;}

}*/

@media screen and (max-width: 1920px) and (min-height: 1200px) { 
  
 } 


 @media  screen and (max-width: 1600px) { 
  .heropad {
    padding-top: 50px;
  }
}
@media  screen and (max-width: 1280px) { 
  .heropad {
    padding-top: 50px;
  }
}
/*
@media screen and (max-width: 1730px) {
  .container { max-width: 1320px; }
  .navbar-brand img {width: 250px;}
 
  .herobg h2 { font-size: 45px; line-height: 50px; }
  .herobg h1 {font-size: 62px; line-height: 70px;}
  .formbg h2 {font-size: 35px;}
  .formbg input { font-size: 16px; padding: 5px 10px; }
  .formbg select {font-size: 16px; padding: 5px 10px; }
  .formbg .submit {font-size: 25px;}
  .steps .rgtcont p.boldtxt {font-size: 24px;}
  .steps .rgtcont p.smalltxt {font-size: 20px;}
  .faqs h2.comquestion {padding-bottom: 20px;}
}
*/
/* @media  screen and (max-width: 1730px){
  .navbar-brand img {width: 155px;}
  .navbar-light .navbar-nav .nav-link {font-size: 18px;}
  .navbar-light .navbar-nav .nav-link img {width: 30px;}
  .steps h2 {font-size: 45px;}
  .herobg {height: 650px;}
  .desktopplane {margin-top: -150px;}
  .heropad { padding: 60px 0px 60px 0px;}
  .herobg h2 { font-size: 48px; line-height: 50px; }
  .herobg h1 {font-size: 80px; line-height: 80px; font-family: "Sofia Sans", sans-serif; font-weight: 800;}
  .herobg h3 {font-size: 50px; color: #FFF; font-weight: lighter;}
  .accordion-button {font-size: 20px;}
  .accordion-body {font-size: 18px;}
  .formbg h2 {font-size: 24px; line-height: normal;}
  .formbg .submit {font-size: 20px; padding: 10px;}
  .steps .rgtcont p.boldtxt {font-size: 21px;}
  .steps .rgtcont p.smalltxt {font-size: 18px;}
  .steps h2 {font-size: 45px;}
  .faqs h2 {font-size: 45px; }
  .faqs h2.comquestion {padding-bottom: 20px;}
  footer ul {font-size: 24px;}
  footer ul li a {font-size: 20px;}
  footer ul li {padding-bottom: 0px;}
  .formbg {padding: 20px;}
  .copyright {font-size: 20px;}
}

@media  screen and (max-width: 1440px) { 
  .herobg {background-size: auto; background-position: top center;}
}



@media  screen and (max-width: 1366px) {
  
  .navbar-brand img {width: 200px;}
  .navbar-light .navbar-nav .nav-link {font-size: 18px;}
  .steps h2 {font-size: 46px;}
  .herobg {background-size: auto; background-position: top center;}
  .heropad { padding: 80px 0px 0px 0px;}
  .herobg h2 { font-size: 45px; line-height: 50px; }
  .herobg h1 {font-size: 56px; line-height: 70px;}
  .formbg h2 {font-size: 24px;}
  .formbg .submit {font-size: 22px; padding: 5px 0px;}
  .steps .rgtcont p.boldtxt {font-size: 21px;}
  .steps .rgtcont p.smalltxt {font-size: 18px;}
  .steps h2 {font-size: 46px;}
  .faqs h2 {font-size: 46px; }
  .faqs h2.comquestion {padding-bottom: 20px;}
  footer ul {font-size: 20px;}
  footer ul li a {font-size: 18px;}
  footer ul li {padding-bottom: 0px;}
  .formbg {padding: 20px;}
  .accordion-button {font-size: 20px;}
  .accordion-body {font-size: 18px;}
  .copyright {font-size: 20px;}
}

@media  screen and (max-width: 1280px) {
  .container { max-width: 1200px; }
  .navbar-brand img {width: 200px;}
  .navbar-light .navbar-nav .nav-link {font-size: 18px;}
  .navbar-light .navbar-nav .nav-link img {width: 25px;}
  .steps h2 {font-size: 58px;}
  .herobg h2 { font-size: 48px; line-height: 50px; }
  .herobg h1 {font-size: 56px; line-height: 70px;}
  .formbg h2 {font-size: 32px;}
  .formbg input { font-size: 16px; padding: 5px 10px; }
  .formbg select {font-size: 16px; padding: 5px 10px; }
  .formbg .submit {font-size: 22px; padding: 5px 0px;}
  .steps .rgtcont p.boldtxt {font-size: 21px;}
  .steps .rgtcont p.smalltxt {font-size: 18px;}
  .steps h2 {font-size: 46px;}
  .faqs h2 {font-size: 46px; }
  .faqs h2.comquestion {padding-bottom: 20px;}
  footer ul li a {font-size: 18px;}
  footer ul li {padding-bottom: 0px;}
  .formbg {padding: 20px;}
  .accordion-button {font-size: 20px;}
  .accordion-body {font-size: 18px;}
}

 @media screen and (max-width: 1280px) and (max-height: 800px) and (min-height: 769px) {

} */



@media  screen and (max-width: 1024px) {
  .navbar-brand img {width: 150px;}
  .navbar-light .navbar-nav .nav-link {font-size: 14px;}
  .navbar-light .navbar-nav .nav-link img {width: 20px;}
   img.navsvg {width: 20px;} 
   .steps h2, .steps1 h2 {
    font-size: 20px;
   }
   .stepicn img {
    width: 50px !important;
   }
   .steps .rgtcont .d-flex {
    flex-direction: row;
   }

   .toptitle img {
    width: 100% !important;
   }

  .heropad { padding: 40px 0px 0px 0px; }
  .herobg h1 {font-size: 45px; line-height: 50px;}
  .herobg h3 {line-height: normal; font-size: 40px;}
  .formbg input { font-size: 14px; padding: 5px 10px; }
  .formbg select {font-size: 14px; padding: 5px 10px; }
  .formbg .submit {font-size: 14px; padding: 5px 0px;}
  .steps .rgtcont {width: 56%}
  .steps .rgtcont p.boldtxt {font-size: 18px;}
  .steps .rgtcont p.smalltxt {font-size: 15px;}
  .faqs h2 {font-size: 20px; }
  footer ul {font-size: 18px;}
  footer ul li a {font-size: 16px;}
  footer ul li {padding-bottom: 0px;}
  .formbg {padding: 20px;}
  .accordion-button {font-size: 18px;}
  .accordion-body {font-size: 16px;}
  .copyright {font-size: 18px;}
  .steps .rgtcont p.smalltxt {
    width: 100%;
  }
  .herobg {
    height: 700px;
    background-image: url(../images/mobile-bg.png);
  }

}

@media screen and (max-width: 1024px) and (max-height: 600px) { 
.herobg { height: 700px; }
.heropad {padding: 50px 0px 0px 0px;}
.desktopplane img { bottom: 50px; position: absolute; width: 70%; }
 } 

@media  screen and (max-width: 768px) { 
.container { max-width: 720px; }
.herobg { height: 700px; background-image: url(../images/mobile-bg.png); }
.toptitle  img {
  width: 325px;
}
.steps .col-md-4 {
  width: 100%;
}
.heropad {padding: 80px 0px 0px 0px;}
.mobileplane img { bottom: 550px; position: absolute; width: 70%; }
.herobg h2 {font-size: 22px; line-height: 30px;}
.herobg h1 {font-size: 45px;}
.steps .leftimg {width: 29%;}
.formbg {padding: 10px;}
.formbg .mt-4{margin-top: 15px !important;}
.steps .rgtcont {width: 65%;}
.steps .rgtcont img{width: 40px;}
.faqs h2.comquestion {padding-bottom: 20px;}
footer ul {font-size: 18px;}
footer ul li a {font-size: 16px;}
.copyright {font-size: 18px;}
.mobilelinks .navbar-nav {flex-direction: row;}
.navbar-light .navbar-brand {width: auto}
.navbar-toggler:focus {box-shadow: none;}
.showmobile {display: block;}
.hidemobile {display: none;}
.threesteps img {margin: auto;}
body {padding-top: 56px;}
.desktopplane {display: none;}
}

@media  screen and (max-width: 600px) { 
  .toptitle img {
    width: 325px !important;
  }
 .container {max-width: 100%;}
 .navbar-brand img {width: 120px; margin: auto;}
 .navbar-light .navbar-brand {padding-left: 20px;}
 .herobg { background-image: url(../images/mobile-bg.png); background-position: center center; max-height: none; height: auto;}
 .heropad {padding: 50px 20px;}
 .mobileplane {text-align:center;}
 .mobileplane img {width: 100%; position: static;}
 .herobg h2 {font-weight: 500; text-align:center;}
 .herobg h1 {text-align: center; font-size: 40px; text-shadow: 3px 0px 10px rgba(0,0,0,0.24);}
 .formbg { background: rgba(255, 255, 255, .8); padding: 20px; margin-top: 20px;} 
 .formbg input { padding: 10px; font-size: 16px;}
 .formbg select { padding: 10px; font-size: 16px;}
 .formbg .submit { font-size: 18px; padding: 10px 0px; }
 .steps .leftimg {width: 22%;}
 .steps .rgtcont { width: 70%; margin-left: 5%;}
 .mobmarbottom {margin-bottom: 30px;}
 .steps h2 { font-size: 20px;}
 .faqs {padding-bottom: 20px;} 
 .faqs h2 { font-size: 25px; }
 .faqs h2.comquestion {padding-bottom: 20px; padding-left: 20px;}
 footer ul { font-size: 14px;}
 footer ul li a {font-size: 14px;}
 .copyright { font-size: 14px;}
 .mobileplane {padding: 50px 0px;}
 .formmarbtm {margin-bottom: 0px;}
 .desktopplane {display: none;}
 .button {padding-top: 0px;}
 footer .container {padding: 0px 20px;}
 .herobg h3 {text-align: center;}
 .steps .gap20 {
  gap: 10px;
 }
}