html,body{width:100%;height:100%;margin: 0px;background:#000 url(../images/bg-radial.jpg)no-repeat; background-size:cover; }
    #mWrap{height: 100%; width: 100%;}
    .st0{fill:#7BC687;stroke:#7BC687;stroke-width:1;stroke-miterlimit:10;}
    .st{fill:none;stroke:#465748;stroke-width:1;stroke-miterlimit:10;}
    .glw{fill:none;stroke:#7BC687;stroke-width:1;stroke-miterlimit:10;}








html, body{font-family: 'Chakra Petch', sans-serif;}

.container1{max-width: 95%;width: 95%;margin: 0 auto;}
.container2{max-width: 80%;width: 80%;margin: 0 auto;}
.container3{max-width: 85%;width: 85%;margin: 0 auto;}

.navbar, .navbar-expand-lg{position: absolute;width: 100%;top: 0px;padding: 40px 0px 30px;margin: 0px;background: transparent;z-index: 222222;}
.navbar-brand{width: 217px;padding: 0px;margin: 0px;}
.navbar-brand img{width: 100%;}
.navbar-expand-lg .navbar-nav .btn1, .navbar-expand-lg .navbar-nav .login_btn{font-weight: 500;font-size: 15px;color: #000;background: #89d592;padding: 5px 10px;margin-bottom: 0px;margin-left: 25px;border-radius: 25px;display: inline-block;vertical-align: middle;}
/* .navbar-expand-lg .navbar-nav .login_btn{padding-right: 37px;} */
.btn1 span{display: inline-block;width: 20px;vertical-align: middle;
  height: 20px;background: url('../images/icon-login.png') no-repeat center center;
  background-size: 20px;margin-left: 5px;}
#sbmtAccess{font-weight: 500;font-size: 15px;color: #000;background: #89d592;padding: 5px 10px;margin-bottom: 0px;border-radius: 25px;display: inline-block;vertical-align: middle;}
.btn2, .btn2:hover{font-weight: 500;font-size: 15px;color: #000;background: #89d592;padding: 5px 10px;margin-bottom: 0px;border-radius: 25px;display: inline-block;vertical-align: middle;}
.footer{background: #1a1a1a;width: 100%;}
.f_text{font-weight:300;font-size: 15px;line-height: 20px;color: rgb(255 255 255 / 0.5);letter-spacing: 0.5px;margin: 15px 0px;}
.f_text span {display: inline-block;width: 1px;height: 20px;background: rgb(255 255 255 / 0.5);vertical-align: middle;margin: 0px 8px;}
.f_text a{color:rgb(255 255 255 / 0.5); text-decoration: none;}
.bg_home{position: relative;}
.text1{font-size: 38px;font-weight: 400;line-height: 45px;color: #fff;letter-spacing: 0.5px;}
.text2{font-size: 73px;font-weight: 400;line-height: 85px;color: #89d592;letter-spacing: 0.5px;}
.pos_abs1{position: absolute;left: 0;right: 0;top: 220px;text-align: center;z-index: 5;}
.modal-content{ background: rgba(0,0,0,0.7);padding: 30px;border-radius: 15px;}
.modal-body,.form-control,.form-control:focus{ background: none;}
.form-control{border:1px solid rgba(255,255,255,0.3); margin-bottom: 20px;}
.form-control:focus{border:1px solid rgba(255,255,255,0.5);   -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.5);
box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.5);}
.form-control::placeholder, .form-control{color:#fff}
.modal-open .bgblur{filter: blur(5px); -webkit-filter: blur(5px);}
.bgblur{width:100%;height:100%;}
.ul1{ list-style: square; padding-left: 15px; margin-bottom: 15px;}
.text3{font-weight: 300; font-size: 40px; line-height: 40px; color:#89d592; margin-bottom: 30px;}
.text4{font-weight: 300; font-size: 15px; line-height: 22px; color:#fff; margin-bottom: 5px;}
.text4a{font-weight: 400; font-size: 15px; line-height: 22px; color:#fff; margin-bottom: 5px;}
.text5{font-weight: 300; font-size: 20px; line-height: 28px; color:#89d592; margin-bottom:5px;}
.ul1 li{font-weight: 300; font-size: 15px; line-height: 22px; color:#fff; margin-bottom:5px;}
.link1{font-weight: 300; font-size: 15px; line-height: 22px; color:#89d592;}
.mrgbtm1{ margin-bottom: 20px;}
.mrgbtm2{ margin-bottom: 30px;}

.tbl1{font-weight: 300; font-size: 15px; line-height: 22px; color:#fff; }
.tbl1 th{color:#89d592;}
.tbl1,  .tbl1 td ,  .tbl1 th {border: 1px solid #3e3d3d;border-collapse: collapse;}
.tbl1 td,   .tbl1 th{ padding: 10px;}
.btn-close{ background: url(../images/icon-close.png) no-repeat; background-size: cover;position: absolute;
  right: 0px;top:0px;  opacity: 1;width:15px;height:15px;}
.modal.show{display: flex !important; align-items: center;}
.shMob{ display: none;}
#termsModal, #policyModal {width: 100%;height:100%;  margin: 0 auto;  left: 0;  right: 0; overflow: hidden; padding: 30px;}
#termsModal .modal-dialog, #termsModal .modal-content, #policyModal .modal-dialog, #policyModal .modal-content{ width:100%;max-width: 100%;height:100%;overflow: hidden;}
#termsModal .modal-body, #policyModal .modal-body{height:100%;overflow: hidden; padding: 0px;}
#termsModal .cntnt-wrp, #policyModal .cntnt-wrp{height:70vh; overflow-y: scroll; padding:0px 20px 20px 0px;}
#termsModal.modal.show .modal-dialog {transform: translate(0,-30px);}
.img1{ display: block; width:80px; margin: 80px auto;}
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #89d592;
}

html,body{scrollbar-color: #89d592 #fff;
scrollbar-width: thin;}



@media (max-width:1920px) {
.midPosition{ transform: translate(37%,65%);scale: 1.35;}
}
@media (max-width:1600px) {
  .midPosition{ transform: translate(50%,80%);scale: 1;}
}
@media (max-width:1367px) {
  .midPosition{ transform: translate(50%,90%);scale: 1;}
}


@media (max-width:1024px) {
.container2{max-width: 90%;width: 90%;}
.text1{font-size: 30px;line-height: 35px;}
.text2{font-size: 55px;line-height: 62px;}
.midPosition{transform: translate(60%,80%); scale: 80%;}
}
@media (max-width:992px) {
.navbar, .navbar-expand-lg{padding: 20px 0px 20px;}
.navbar-nav{margin: 0 !important; padding: 0;}
.navbar-collapse {flex-basis: 110px; flex-grow: 0; }
.hdMob{ display: none !important;}
.shMob{ display: inline-block;}
.footer, .footer .text-end{ text-align: center !important;}
.f_text{ margin: 5px 0px;}
.footer{ padding: 10px 0px;}
#carouselService1{ position: absolute;top:30%; left: 0px; right: 0px; margin: 0 auto;}
#carouselService2{ position: absolute;top:40%;left: 0px; right: 0px; margin: 0 auto;}
#carouselService3{ position: absolute;top:50%;left: 0px; right: 0px; margin: 0 auto;}
    .sphere-mob{background:url(../images/bg-mob.png)no-repeat center center; background-size:180%;
      height:100%;width:100%;position: absolute;top:0px;left:0px;}
    .pstn-rltv{ position: relative;height:85%; align-items: center; display: flex;}
.icn1{margin-right: 20%; margin-top: 35%;}
.icn2{ margin-left: 10%;}
.icn3 {margin-left: 10%; margin-top: 50%;  }
#termsModal, #policyModal{ padding: 10px;}
.text3 {font-weight: 300;font-size: 25px;line-height: 30px; }
#termsModal.modal.show .modal-dialog {transform: translate(0,0px);}
#policyModal.modal.show .modal-dialog {transform: translate(0,0px);}
#termsModal .modal-content, #policyModal .modal-content{ padding: 20px;}

}
@media (max-width:640px) {
.container2{max-width: 100%;width:100%;}
.text1{font-size: 25px;   line-height: 30px;}
.text2 {font-size: 45px;  line-height: 55px;}
.m1_cGroup{transform: translate(50%,0%);}
.img1{width: 50px; margin: 0px auto;}
.icn1{margin-right: 20%; margin-top: 35%;}
.icn2{ margin-left: 10%;margin-top: 20%;}
.icn3 {margin-left: 10%; margin-top: 50%;  }

}
@media (max-width:550px) {
  .pos_abs1{position: relative;margin-top: -70px;z-index: 2;}
}
@media (max-width:370px) {
  .icn1{margin-right: 20%; margin-top: 45%;}
  .icn2{ margin-left: 10%;margin-top: 35%;}
  .icn3 {margin-left: 10%; margin-top: 70%;  }
  .navbar-brand{ width:160px;}
  .pos_abs1 {margin-top: -105px;}
}