body,input {

    font-family: 'Questrial', sans-serif;

}



.mid-box ul li div{height: 222px;}



.mid-box ul li div.mutual-funds:before {background-image: url(../images/icon/annual-percentage-rate.png) !important;}



.mid-box ul li div.margin-trade-funding:before {background-image: url(../images/icon/specialist.png) !important;}



.mid-box ul li div.brokerage-calculator:before{background-image: url(../images/icon/doctor.png) !important;}



.mid-box ul li div.nri-trading:before{background-image: url(../images/icon/24-hours.png) !important;}



.mid-box ul li div.trading-solutions:before{background-image: url(../images/icon/doorstep.png) !important;}



.mid-box ul li div.nursing-care:before{background-image: url(../images/icon/nurse.png) !important;}



.mid-box ul li div.surgery-planning:before{background-image: url(../images/icon/planning.png) !important;}



.mid-box ul li div.medical-records:before{background-image: url(../images/icon/health-report.png) !important;}



.mid-box ul li div.physiotherapy:before{background-image: url(../images/icon/medical-kit.png) !important;}



.bold li{font-weight: 300;font-size: 16px !important;}



.text-align li{display: inline-flex;}



.timeline li:before{content:"\f058";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;position: relative;left: -8px;top: 4px;color:#4dcc52;}



.bold{padding-left: 10px;}



.ft-ad{line-height: 20px;}



.banner-inn p {margin-bottom: 10px;}



.banner-inn h1{color: #2f417a;font-size: 34px;text-transform: unset;}



.banner-inn h4{color: #e74042;}



.tit{color: #2f417a;}



.timeline h2{color: #2f417a;}



.get-st-lhs h2{color: #2f417a;}

.text-color{color: #f5b905;}

.tit h2 span{color: #e74042;}



.pri ul li{width: 100%;}



#customers{width: 100%;}



#customers td, #customers th {border: 1px solid #ddd;padding: 8px;text-align: center;}

#customers th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #2f417a;color: white;width: 25%;}



.fa-check-circle:before {content: "\f058";display: inline-block;font: normal normal normal 21px/1 FontAwesome;font-size: 23px;text-rendering: auto;-webkit-font-smoothing: antialiased;position: relative;left: 3px;top: -1px;color:lawngreen;}



.fa-times-circle:before {content: "\f00d";display: inline-block;font: normal normal normal 21px/1 FontAwesome;font-size: 23px;text-rendering: auto;-webkit-font-smoothing: antialiased;position: relative;left: 3px;top: -1px;color:  #e74042;}



#customers td, #customers th{padding:15px;line-height: 20px;font-weight: 600;}



.cont{

    position: relative;

    padding-left: 21px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 13px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



/* Hide the browser's default radio button */

.cont input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



.checkmark {

    position: absolute;

    top: 0px;

    left: 5px;

    height: 10px;

    width: 10px;

    background-color: #eee;

    border-radius: 50%;

    border: 1px solid #8f9090;

}



/* On mouse-over, add a grey background color */

.cont:hover input ~ .checkmark {

  background-color: #ccc;

}



/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the indicator (dot/circle) when checked */

.cont input:checked ~ .checkmark:after {

  display: block;

}



/* Style the indicator (dot/circle) */

.cont .checkmark:after {

    top: 2px;

    left: 3px;

    width: 5px;

    height: 5px;

    border-radius: 40%;

    background: #5a5959;

}



.col-33{width: 33.33%;float: left;}



.details li{list-style-type: decimal;}



.consent-form{line-height: 30px;padding: 0 7%;}



.modal, .modal1, .modal2{

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 20px;

  border: 1px solid #888;

  width: 50%;

}



.modal-content h3{



    text-align: center;

    color: #e74042;

    font-size: 20px;

    



}



.modal-content ul, p{



    line-height: 22px;

}



.modal-content li:before{



	content: "\f058";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    position: relative;

    left: -3px;

    top:0px;

    color: #e74042;

}



/* The Close Button */

.close, .close1, .close2{

  color: #aaaaaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

  cursor: pointer;

}



.close:hover,

.close:focus,

.close1:hover,

.close1:focus,

.close2:hover,

.close2:focus,

 {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}

footer ul li{padding: 4px 5px !important;cursor: pointer;}

.term-con{display: -webkit-inline-box;}

.h-btn a {border: 1px solid #4dcc52 !important;background: #4dcc52 !important;}

.fea-pro:hover {background: #2f417a !important;}

.banner-img{background: url(../images/banner/landing-banner2.jpg);background-size: contain;background-position: center center;background-repeat: no-repeat;}

.banner{background: unset !important;}

.advantage-banner::after{content:"";opacity:1;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1; background: url(../images/banner/banner4.jpg);background-size: cover;background-position: center center;}

.get-start{padding: 40px 0px;}

.feature-banner::after{content:"";opacity:1;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;background: url(../images/banner/banner5.jpg);background-size: cover;}

.get-st1{padding-bottom: 85px;}

.benefit-banner::after{content:"";opacity:1;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;background: url(../images/banner/banner6.jpg);background-size: cover;background-position: center center;}

.banner-inn{margin-top: -34px;}

.tit p{margin-top:0}

.get-st-lhs{float: left;width: 100%;padding-right: 50px;}

#customers th{background-color: #2f417a;color: white;width: 25%;font-size: 19px;font-weight: 600;}

.title1{font-size: 16px;font-weight: 600;}

footer{padding: 14px 0px;}

.foot-sec2{padding-top: 0px;}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 30.333%;
    float: left;
    margin-right: 20px;
text-align: center;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.so-bg-color {
    background: rgb(240,180,198);
    background: linear-gradient(90deg, rgb(75, 47, 109) 0%, rgba(255,255,255,1) 100%);
}

.card h3{padding-top: 10%;
    padding-bottom: 5%;font-size: 22px;}

.card h4{

margin-top: 8%;
    font-size: 20px;

}

.card p{

padding:10px;
}

.so-bg-color img{

    width: 50px;
    padding: 12px;}

.header2{

padding-top:4px;}

.whatsapp-img{

  position: fixed;
 
    bottom: 11px;
    right: 8px;
z-index: 999999;}


.ban-form ul li input[type="submit"] {
    background: #4dcc52  !important;
}

#customers th{text-align: center;}

.fea ul li{width: 30%;}


.mid-box ul li div.ambulance:before {background-image: url(../images/icon/ambulance.png) !important;}

.get-st-lhs p{margin: 15px 0px;}

.header{background: #ffffff;}

.banner-list{color: #fff;}


.serv-icon{display: inline-flex;margin-top: 4%;}

.serv-icon .icon-img{margin-right: 9%;text-align: center;}

.icon-img figcaption{font-size: 20px;text-align: center;padding-top: 9px;color: #fff;}

.get-st-full img{width: 100%;}

.float-left{width: 50%;float: left;}

.float-right{width: 50%;float: right;background: #fff;}

.float-right .ban-img{padding-left:60px;}

.middle-text1{width: 30%}

.middle-text2{width: 40%;padding-right: 0;}

.middle-text3{width: 30%;background: #fff;}

.middle-form{display: inline-flex;}

.banner-inn h1{line-height: 40px;}

.float-right{position: relative;top: -26px;left: 90px;width: 40%;box-shadow: 0px 0px 18px 2px rgba(3, 3, 3, 0.3);}

.float-right .ban-img {
    padding-left: 40px;
}

.form li{width: 90%;}

.banner{padding: 120px 0px 60px 0px;}

.pt-0 {padding-top: 0px !important;}

.form-text{font-size: 16px;line-height: 21px;}

.form-text li:before{
  content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: relative;
    left: -5px;
    top: 1px;
    color: #4dcc52;
}

.form-text ul{margin-top: 15px;}

.auth h5{color: #e74042;margin-top: 7px;}

.header2 {
    z-index: 999999999;
}

@media only screen and (max-width: 780px) {

  .mobile-form{

    display: block !important;
  }

  .float-right {
    position: relative;
    top: -26px;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 18px 2px rgba(3, 3, 3, 0.3);
}

.float-right .ban-img {
    padding-left: 25px;
}
.ban-form .form li {
    width: 95% !important;
}

.ban-form ul li:nth-child(2) {
    width: 95% !important;
}

.form-text{

  margin-top: 30px;
}

.banner {
    padding: 275px 0px 60px 0px;
}

.get-st-lhs{padding-right: unset;}

.parallax-flip-cards .container{text-align: center;margin: 0 auto;}
.parallax-flip-cards .inner{text-align: center;}
.fea ul li{width: 100%;}

.advantage-banner::after{opacity: 0.5}

.feature-banner::after{opacity: 0.3}

.benefit-banner::after{opacity: 0.3}

}

.land-3-top-contact{width: 80%;}

.land-3-top-logo {
    width: 20% ;
}

@media only screen and (max-width: 550px) {
  .banner-img{
    position: relative;
    top: 87px;
    background-position: top;
  }
  
.float-right{
  top: -56px;
}
  
.land-3-top-contact {
    width: 93%;
}

.land-3-top-logo {
    width: 100%;
}

.banner-img{background: url(../images/banner/mobile-banner.jpg);background-size: contain;background-position: top;background-repeat: no-repeat;}


  }

