@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&display=swap');

body {
  font-family: 'Montserrat';
  font-size: 16px; 
  font-weight: 400;
  color: #707070;
}
::placeholder { 
color: #666666;
}

body {padding-top: 67px;}

::-ms-input-placeholder { 
  color: #666666;
}

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

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

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

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

.heropad { padding-top: 50px;}


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

.herobg h4 {
  font-size: 20px; 
  font-weight: 500; 
  color: #1E1E1E;
}

.herobg h1{
  font-size: 45px;
  font-weight: bold;
  color: #E02322;
  max-width: 700px;
}

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

.formbg h2 {font-size: 22px; font-weight: 600; color: #1E1E1E;}
.formbg p {
  margin-bottom: 10px;
}
.formbg h4 {
  font-size: 18px;
  font-weight: 400;
  color: #1E1E1E;
  margin-bottom: 20px;
}
.formbg input {border-radius: 10px; font-size: 16px; font-weight: normal; border: solid 0.5px #919191; outline: none; padding: 10px; width: 100%; color: #AAAAAA;}
.formbg select {border-radius: 10px; font-size: 16px; font-weight: normal; border: solid 0.5px #919191; outline: none; padding:  10px; width: 100%; color: #AAAAAA; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 40px; /* space for the arrow */}
.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;}


footer {background-color: #E02322; padding: 20px 0px 0px 0px}
footer ul {font-size: 20px; 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: 16px; font-weight: normal;}
footer ul li a:hover {color: #FFF; text-decoration: underline;}
.copyright {margin: 0px; padding: 20px 0px; color: #FFF; text-align: center; font-size: 16px;}
.showmobile {display: none;}
.hidemobile {display: block;}
.button {text-align:center; padding-top: 20px;}
.button img {max-width: 250px;}
.form-select:focus {box-shadow: none;}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.howworks {
  margin: 50px 0px;
}
.howworks h2 {
  font-size: 30px;
  font-weight: 600;
  color: #1E1E1E;
  margin-bottom: 40px;
}
.howright {
  position: relative;
}
.howright .gap20 {
  gap: 20px;
} 
.howrightline {
  position: absolute;
  left: 33px;
  top: 30px;
  z-index: -1;

}
.howright h5{
  font-size: 18px;
  font-weight: 600;
  color: #3A3A3B;
}
.offeringenbd {
  margin-bottom: 50px;
}
.offeringenbd h2{
  font-size: 22px;
  font-weight: 500;
  color: #1E1E1E;
  margin-bottom: 30px;
}
.offeringenbd .bggrey {
  border-radius: 10px; padding: 20px;
  background:#FFF5F5 url('../images/enbd-png.png');
  background-size: cover;
}
.offeringenbd .bggrey .gap20 {
  gap: 20px;
}

.offeringenbd .bggrey h2 {
  color: #E02322;
  font-size: 22px;
  font-weight: 500;
  margin: 0px;
} 
.offeringenbd .bggrey .vwttl {
  border-bottom: 0.2px solid #000;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.offeringenbd .bggrey p {
  font-size: 16px;
  color: #1E1E1E;
  margin: 0px;
}
.impnotes {
  margin-bottom: 50px;
}
.impnotes h2{
  color: #1E1E1E;
  font-size: 24px;
  font-weight: 500;
  margin: 0px; 
}
.impnotes ul{
  list-style: disc;
  margin: 0px;
  padding: 0px;
}
.impnotes ul li {
  padding-bottom: 10px;
  margin-left: 30px;
  font-size: 16px;
  color: #777777;
}
.impnotes ul li a{
  color: #E01B22;
  text-decoration: underline;
}
.impnotes ul li a:hover {
  text-decoration: none;
}
.showmobile {
  display: none;
}
.hidemobile {
  display: block;
}

.read-toggle-li {
    list-style: none;
    margin-top: 20px;
}

.read-toggle-li a.read-toggle {
  background: #E01B55;
  color: #FFF;
  border-radius: 10px;
  padding: 10px 20px;
  text-decoration: none;
}
.read-toggle-li a.read-toggle:hover { 
  text-decoration: underline;
}
.faqs h2{
  color: #1E1E1E;
  font-size: 24px;
  font-weight: 500;
}
.faqs {
  margin-bottom: 50px;
}
.faqs a {
  color: #E01B22;
  text-decoration: underline;
}
.faqs a:hover {
  text-decoration: none;
}
.faqs .accordion-button {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.faqs .accordion-button:not(.collapsed) {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  background-color: transparent;
  box-shadow: none;
}
.faqs .accordion-body {
  font-size: 16px;
  color: #707070;
}
.faqs .accordion-item {
  border-left: 0px;
  border-right: 0px;
  border-top: none;
}
.faqs .accordion-button {
  padding-left: 0px;
  padding-right: 0px;
}
.faqs .accordion-body {
  padding-left: 0px;
  padding-right: 0px; 
}
.thanksimg img {
  height: 500px;
  object-fit: cover;
  width: 100%;
}
.thanksbgnew h2 {
  font-size: 24px;
  font-weight: 600;
  color: #00BD52;
}
.thanksbgnew h4 {
  font-size: 16px;
  color: #000;
}
.thanksbgnew {
  margin-top: 8px;
}
.input-group-text {
  background: transparent;
  color: #AAAAAA;
  font-size: 16px;
}
@media (min-width: 1200px) and (max-width: 1390px) { 
  .container {
    max-width: 1180px;
  }
}
@media  screen and (max-width: 1024px) {
  .formbg p {
    font-size: 14px;
  }
  .howrightline {
    display: none;
  }
  .herobg h1 {
    font-size: 35px;
  }
  footer ul {
    font-size: 20px;
  }
  footer ul li a {
    font-size: 16px;
  }
}

@media  screen and (max-width: 768px) { 
  .container, .container-lg, .container-md, .container-sm {
      max-width: 100%;
  }
  .hidemobile {
    display: none;
  }
  .showmobile {
    display: block;
  }
  .herobgmobile {
    margin-top: 12px;
  }
  .mobilebg {
    background-image: url(../images/main-bg-mobile.jpg); 
    background-size: cover; 
    height: 500px;
    max-width: 100%;
    background-position: center;
  }
  .mobilebg h1 {
    font-size: 32px;
    max-width: 372px;
    color: #E01B55;
    font-weight: bold;
    margin-top: 20px;
  }
  .mobilebg h4 {
    font-size: 16px;
    max-width: 280px;
    color: #1E1E1E;
  }
  .mobileform {
    margin-top: -50px;
  } 
  .howworks h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .howright {
    margin-top: 50px;
  } 
  .howright h5 {
    font-size: 16px;
  }
  .howright p {
    font-size: 14px;
  }
  .howrightline {
    display: none;
  }
  .offeringenbd h2 {
    font-size: 26px;
  }
  .offeringenbd .bggrey p {
    font-size: 14px;
  }
  .impnotes ul li {
    font-size: 14px;
    margin-left: 30px;
  }
  footer ul {
    font-size: 16px;
  }
  footer ul li a {
    font-size: 14px;
  }
  .copyright {
    font-size: 16px;
  }
  .formbg p {
    font-size: 14px;
  }
  .formbg input {
    font-size: 14px;
  }
  .input-group-text {
    font-size: 14px;
  }
  .faqs .accordion-button:not(.collapsed) {
    font-size: 16px;
  }
  .faqs .accordion-button {
    font-size: 16px;
  }
  .faqs .accordion-body {
    font-size: 16px;
  }
}

@media  screen and (max-width: 600px) { 
  .hidemobile {
    display: none;
  }
  .showmobile {
    display: block;
  }
  .herobgmobile {
    margin-top: 12px;
  }
  .mobilebg {
    background-image: url(../images/main-bg-mobile.jpg); 
    background-size: cover; 
    height: 580px;
    
  }
  .mobilebg h1 {
    font-size: 32px;
    max-width: 372px;
    color: #E01B55;
    font-weight: bold;
    margin-top: 20px;
  }
  .mobilebg h4 {
    font-size: 16px;
    max-width: 280px;
    color: #1E1E1E;
  }
  .mobileform {
    margin-top: -50px;
  } 
  .howworks h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .howright {
    margin-top: 50px;
  } 
  .howright h5 {
    font-size: 16px;
  }
  .howright p {
    font-size: 14px;
  }
  .howrightline {
    display: none;
  }
  .offeringenbd h2 {
    font-size: 26px;
  }
  .offeringenbd .bggrey p {
    font-size: 14px;
  }
  .impnotes ul li {
    font-size: 14px;
    margin-left: 30px;
  }
  footer ul {
    font-size: 16px;
  }
  footer ul li a {
    font-size: 14px;
  }
  .copyright {
    font-size: 16px;
  }
  .formbg p {
    font-size: 14px;
  }
  .formbg input {
    font-size: 14px;
  }
  .input-group-text {
    font-size: 14px;
  }
  .navbar-brand img {
    width: 250px;
  }
  .faqs .accordion-body {
    font-size: 14px;
  }
}

.v_logo{
    width: 150px;
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid #333;
}