* {margin: 0;padding: 0;}    
html {font-size: 16px;}
body, html {height: 100%;width:100%;}
body {font-family: 'Mukta Mahee', sans-serif;color: #222;line-height: 1.5;font-size: 1.125rem;}

.boom {all: unset;}
.lease {display: flex;flex-wrap: wrap; justify-content: center;align-items: center;width: 100%;margin-top:30px;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
a:visited, a:hover, a:active {color:#009624;}
.mt-4 {margin-top:40px !important;}
.pt-3 {margin-top:25px !important;}
.pt-4 {margin-top:40px !important;}
.mtop30 {margin-top:0px;}
.main-white-button a, .but a, .butt {flex: 0 1 auto;text-align: center;background-color: #fff;font-size: 18px;font-weight: 500;color: #2a2a2a;padding: 12px 25px;border-radius: 7px;letter-spacing: 0.25px;border:1px solid #008c28;margin: 10px;cursor:pointer;-webkit-transition: all .35s; -moz-transition: all .35s;transition: all .35s;word-wrap:none;white-space:nowrap;box-sizing: border-box;white-space:nowrap;}
.main-white-button a:hover, .but a:hover, .butt:hover {background-color: #5a5a5a; color: #fff !important; border:1px solid #5a5a5a;}
.but a, .butt {background: #00c853; color:#fff !important; border:1px solid #00c853;}
.btn:hover, .btn:focus {background: #009624 !important;outline: 0; text-decoration: none !important;}
.but a:hover, .but a:focus,.butt:hover, .butt:focus  { color: #fff !important;}
.dbannerl {max-width: 60% !important; height:auto;}
.padme {padding:0px 30px;}
    
.banner-top {position: fixed;top: 0;left: 0; width: 100%;height: 95px;background-color: #333;color: white;display: flex;align-items: center;justify-content: center;z-index: 10;text-align: center;padding: 20px;}
   
    
    
    .t12 {
    display:block;
    align:left;
    text-align:left;
    margin-top:25px;
    line-height:14px;
    font-size:12px;
    width:90%;
    padding-left:10%;
    padding-right:0;
    margin-bottom:25px !important;}

    .wrapper {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      padding-top: 95px;
      overflow:hidden;
    }
    
    .mbot50 {margin-bottom:50px !important;}
   
    .content {
      display: flex;
      flex: 1;
      justify-content: center;
    }

    .container {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

        
 .contb {
    padding:0px 60px !important;
    display: flex;
    justify-content: center; 
    align-items: center;
    width: 100% !important;
    margin: 0 auto !important;
}
 
.contb .c, .contb p {
width: 100%;
display:block;
text-align:center;
}


.mtop50 {margin-top:50px;}

    
    .banner-bottom {
      height: 70px;
      background-color: #333;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
  h1 span{
    font-size: 3rem;
    font-weight: 700;
}
h1 small{
    font-weight: 300;
    display: block;
    font-size: 2.4rem;
} 
    

button, input, optgroup, select, textarea {
    font-family: 'Mukta Mahee', sans-serif;
}
.brand-logo{
    width: 180px;
}

.hero h1 span{
    font-size: 3rem;
    font-weight: 700;
}
.hero h1 small{
    font-weight: 300;
    display: block;
    font-size: 2.4rem;
}

.card-outline-primary{
    border-color: #00c853;
}

.vMiddle,
#main-offer-form, .faq-container {
  max-width: 50rem;
  width: 100% !important;
  margin: 0 auto;
  padding-right:10px;
}

#main-offer-form {
    word-wrap:none;
    text-wrap:suppress;
    white-space:nowrap;
    
}

.form-control{
    height: 3rem;
}

.bg-alt {
    background-color: #fff;
}
.bg-faded{
    background-color: #F2F2F2;
}

.text-faded {
    color: #D9EDF7;
}
.text-dark {
    color: #37474F;
}
.text-muted{
    color: #999 !important;
}

.text-green{
    color:#00c853 !important;
    
}


    .faq-question {
      color: #009624;
      padding: 10px;
      cursor: pointer;
      margin-top: 5px;
    }

    .faq-answer {
      display: none;
      padding: 5px;
      
    }

    .faq-question.active + .faq-answer {
      display: block;
    }

.m10 {margin-left:7px;}

.txtcent {
 text-align: center !important;
 }

 .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw !important;
      height: 100vh !important;
      background-color: rgba(0, 0, 0, 0.2); 
      align-items: center;
      justify-content: center;
      z-index: 1001;
      overflow:hidden;
       }
       
  .modal-content {
      background-color: #eaeaea;
      padding: 10px 20px 20px 20px;
      border-radius: 5px;
      text-align: left;
      max-width:500px;
      max-height:90%;
      margin:0 auto;
      overflow-y:auto;
    }
    
    .close-btn {
      display:block;
      background-color: #009624;
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
      margin: 10px auto;
      width:30%;
      border-radius: 5px;
      white-space:nowrap;
    }    
 
 .close-btn:hover {
     background-color: #00c853;
  }
  
 
@media (max-width:796px){
  .container{min-width:100% !important; top: 0;padding: 0px 20px 40px 20px;}
  .mtop30 {margin-top:60px !important;}     
}

@media screen and (max-width: 920px) {
 .dbannerl {max-width: 96% !important; height:auto;}
 .conta {margin-bottom:0px !important;padding:0px 20px !important;}
 .contb {width:90%;margin-bottom:0px !important; padding:0px 60px !important;}
}

@media screen and (min-width: 768px) {
 .hero h1 small{font-weight: 300;display: block;font-size: 1.6rem;}
}

@media screen and (min-width: 920px) {
 .hero h1 small{font-weight: 300;display: block;font-size: 2.3rem;}
 .modal-content {min-width:800px;max-width:800px;min-height:75%;max-height:75%;}
}

@media screen and (min-width: 1400px) {
 .dbannerl {max-width: 48% !important;height:auto;}
}

@media screen and (min-width: 1900px) {
 .dbannerl {max-width: 34% !important;height:auto;}
}

@media screen and (max-width: 1540px) {
 .lease {flex-direction: column;}
 .but a {display:block;margin: 40px 0 0 0 !important;}
 .mtop50 {margin-top:40px;}
}