body{font-family: 'Poppins', sans-serif; position: relative; font-size: 14px; color: #212121;}
:root {
  scroll-behavior: smooth;
}
a{color: #fff; text-decoration:none;}
a:hover{color: #fff; text-decoration: none;}

 
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif !important; }
h1{font-size: 36px; line-height: 46px;}
.border_btm{border-bottom: 1px solid #ddd; padding-bottom:50px; width: 100%;}
p{font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 25px; }

 
 

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #0D90AB;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #0D90AB;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
 
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header { z-index: 997; padding: 0px 0;display: flex; background: url("../images/background.png") no-repeat; background-size: cover; height: 660px;}
.header .logo {padding-top: 30px;}
.credLogo{display:flex; justify-content:right;}

@media(max-width:816px){
.header{height:990px;}
.RelLogo{width:50%;}
.credLogo{width:50%; float:right;}
}


 


/*--------------------------------------------------------------
# Banner Section
--------------------------------------------------------------*/
.banner-section {margin: 10px auto 0 auto;}
.banner-section h1{margin-bottom: 20px; font-size: 32px; color:#fff;}
.banner-section h1 strong{color: #72FF98;}
.banner-section h1 span{display:block;}
.banner-section .leadform{background: #fff; border-radius: 5px; float: right; padding: 0px; margin-top:18px;box-shadow: -1px -1px 21px 5px rgba(210,210,210,0.75);
-webkit-box-shadow: -1px -1px 21px 5px rgba(210,210,210,0.75); -moz-box-shadow: -1px -1px 21px 5px rgba(210,210,210,0.75); min-height: 450px; box-shadow:none;}
.banner-section .leadform h3{background: #38404b; border-radius: 5px 5px 0 0; padding: 15px 0; text-align: center; font-size: 20px; color: #fff;
box-shadow:0px 0px 2px 3px #505868;
}
.banner-section .leadform .internal-leadform{padding: 20px;}
.banner-section .leadform .internal-leadform .form-control{padding: 0.6rem .75rem;}
.banner-section .leadform .internal-leadform .resend{font-size: 12px; color: #212121; text-decoration: underline; text-align: right; float: right; padding-top: 5px;}
.error-in{display: none;}

.BannerText{display:flex; align-self:center; flex-flow:column;}
.BannerText button{background:url(../images/Zero-Brokerage-Line.png) center center no-repeat; border: 0px; font-family: 'Poppins', sans-serif;   color: #ffffff; font-size: 13px; line-height:20px; font-weight: 500; padding:22px 70px 15px 40px; display:flex;align-self:flex-start;}

.banner-section .leadform .internal-leadform button{background:#2ca54c; border: 0px; font-family: 'Poppins', sans-serif;   color: #ffffff; font-size: 18px; line-height:20px; font-weight: 500; padding:22px 65px 15px 65px; width:100%; border-radius:5px; cursor:pointer; }

.btn-close{min-width:auto;}
.modal-header{border-bottom:0px;}
.modal-footer{border-top:0px;}
.modal-title{font-size:17px;}
 
@media(max-width:816px){
.BannerText{padding:53px 0px;}
.BannerText button{padding:13px 43px 15px 40px; box-shadow:0px 1px 6px 6px #505868; border:1px solid #23262e; background:#38404b; border-radius:50px;}
.banner-section h1{margin-bottom:47px;font-size:30px; line-height:50px;}
}

 @media(max-width:667px){
 .banner-section h1{margin-bottom:35px;font-size:24px; line-height:36px;}
 }

 

@media(max-width:375px){
.BannerText button{padding:13px 20px 15px 15px;}	
}
 

/*--------------------------------------------------------------
# Benefits of Demat&trading Account section
--------------------------------------------------------------*/

.Demat-trading{background:url("../images/white-bg.png") no-repeat; padding-bottom:90px; padding-top:50px; }
.Demat-trading .Benefits{margin-top:200px; margin-bottom:100px;}
.Demat-trading h2{margin-bottom:30px; color:#fff; text-align:center;}
.Demat-trading h2 strong{display:block; color:#72FF98; display:inline-block;}
.Demat-trading h2 span{display:block;} 

@media(max-width:816px){
.Demat-trading{background:url("../images/white-bg-mob1.png") no-repeat;}
.Demat-trading h2{text-align:left;padding-left:30px; font-size:24px; line-height:34px;}
.Demat-trading h2 span{display:inline-block;padding-left:10px;}
.Demat-trading .Benefits{margin-top:100px; margin-bottom:70px;}
.Benefits h3{font-size:22px;}
.dematAcc p{font-size:18px;}

}

@media(max-width:514px){
.Demat-trading h2{font-size:20px; line-height:32px; padding-left:0px;}
.dematAcc h2{font-size:20px;}
.Demat-trading h2 span{padding-left:0px;}
.Demat-trading .Benefits{margin-top:80px; margin-bottom:50px;}
.Benefits h3{font-size:20px;}
.Benefits p{font-size:16px;}
.BenifitBox{margin-bottom:20px;}
.Benifitcont{margin-top:10px;}
}

@media(max-width:375px){
.Demat-trading h2{font-size:20px;line-height:30px;}
.Benefits h3{font-size:18px;}
.Benefits p{font-size:14px;}
}

@media(max-width:320px){
.Demat-trading h2{font-size:18px;line-height:30px;}
}
 
/*--------------------------------------------------------------
# How to Open Demat&trading Account section
--------------------------------------------------------------*/
.stepSec{margin:5rem 0;}
.section-header .dematAcc{padding:50px 0px;}
.Accnt-opensteps{padding-top:100px;}
.dematAcc h2{text-align:center; color:#212121; width:100%;}
.dematAcc .character{padding-top:50px;}
.dematAcc p{font-size:20px; line-height:32px; font-weight:500;}
.dematAcc span{display:block;}
.aboutimg.desktop-view{display:block;}
.aboutimg.mobView{display:none;}

@media(max-width:816px){
.aboutimg.desktop-view{display:none;}
.aboutimg.mobView{display:block;}
.section-header{background:url("../images/white-bg-mob2.png") no-repeat;}
.section-header .dematAcc{padding:125px 0px;}
.dematAcc .character{padding-top:0px;}
}

/*--------------------------------------------------------------
# Offer section
--------------------------------------------------------------*/

.offer{background:#343a4b; padding:50px 0px; }
.offerSec{border:1px dashed #72FF98; padding:30px 30px 60px 30px;  border-radius:30px; box-shadow:-10px -9px 30px -9px #6b707e inset;}
.offer .offerHead{display:flex; justify-content:center;}
.offer .offerHead h2{color:#fff; padding-bottom:50px; font-size:35px; line-height:60px; margin-top:-61px; background:#343a4b; display:inline-block;}
.offer .offerHead h2 strong{color:#72FF98;}
.offers-content{color:#fff;min-height:300px; min-height:300px;display:flex; align-items:flex-end;padding-bottom:15px;}
.offers-content .offer p{font-size:18px; width:56%; margin:0 auto;}

.offers-content p{text-align:center; font-size:21px; line-height:30px; margin-top:20px;}
.offers-content p strong{display:block; color:#85FF83;}
.OpenAccount a{color:#fff;}
.OpenAccount a:hover{text-decoration:none;color:#fff;}
.footer a{color:#fff; text-decoration:underline;}
.footer a:hover{text-decoration:none;color:#fff;}

.offer.subs .offerHead h2{text-align:center;}
.offer.subs .offerHead h2 strong{display:block;}
.offer.subs .offers-content.offer1, .offer.subs .offers-content.offer2, .offer.subs .offers-content.offer3{background:none; padding-left:12px;}
.offers-content.offer1{background:url(../images/rs-5000-Icon.png) center center no-repeat; min-height:340px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
.offers-content.offer2{background:url(../images/rs-5000-Icon.png) center center no-repeat; min-height:340px;display: flex; flex-flow: column; justify-content: center; align-items: center; padding-top:40px;}
.offers-content.offer3{background:url(../images/10-min-Icon.png) center center no-repeat; min-height:340px;display: flex; flex-flow: column;justify-content: center;
 align-items: center;}

@media(max-width:816px){
.offer .offerHead{justify-content:flex-start;}
.offers-content{background-position:left center !important;}
.offers-content{margin-bottom:75px;}
.offers-content.offer3{margin-bottom:35px;}
.offer p{width:50%; margin:0px; text-align:left; padding-top:20px;}
.stepsList1{padding-top:20px;}
.Accnt-opensteps{padding-top:60px;}
.banner-section .leadform .internal-leadform button{padding:22px 20px 15px 20px;}
.offer .offerHead h2{padding-bottom:40px;font-size:32px; }	
.Demat-trading h2 span{padding-left:0px;}
.offers-content.offer1, .offers-content.offer2, .offers-content.offer3{align-items:flex-start; padding-left:40px;}
.offer.subs .offerHead h2{text-align:left !important;}
}

@media(max-width:514px){
	.banner-section .leadform h3{font-size:16px;}
.offer .offerHead h2{padding-bottom:40px;font-size:20px;line-height:30px;}	
.offer p{width:100%;}
.offers-content.offer1, .offers-content.offer2, .offers-content.offer3{align-items:flex-start; padding-left:40px;}
.offer.subs .offers-content.offer1, .offer.subs .offers-content.offer2, .offer.subs .offers-content.offer3{padding-left:0px;}
.offers-content.offer1, .offers-content.offer2, .offers-content.offer3{background:none;}
.offers-content.offer3{margin-bottom:0px; padding-bottom:0px;}
.offer{padding-top:80px;}
.offer.subs{padding-top:50px;}
.offers-content.offer1, .offers-content.offer2, .offers-content.offer3{padding-left:15px;}
.RelLogo{width:60%;}
.credLogo{width:37%;}
.Lform{padding:0px;}
}

@media(max-width:375px){
.offer .offerHead h2{font-size:22px;}
.offer{padding-top:140px;}
 .offers-content.offer1, .offers-content.offer2, .offers-content.offer3{padding-left:15px;}
}

@media(max-width:320px){
.offer .offerHead h2{font-size:18px;}
}



/*--------------------------------------------------------------
# ReligareOne Intro section
--------------------------------------------------------------*/

.Religareone_intro{padding:50px 0px;}
.Religareone_intro h2{text-align:center;}

.Religareone_intro h2 strong {
    color: #72FF98;
}

.Religareone_intro p{padding:10px;}

@media (max-width: 816px){
.Religareone_intro h2 {
    text-align: left;font-size: 24px;
    line-height: 34px;
}

}


/*--------------------------------------------------------------
# OpenAccount section
--------------------------------------------------------------*/
.OpenAccount{background:#343a4b; padding:50px 0px; display:flex; flex-flow:column; justify-content:center; align-items:center;}
.OpenAccount button{background:#46945a; border: 0px; font-family: 'Poppins', sans-serif;   color: #ffffff; font-size: 20px; line-height:30px; font-weight: 500; padding:22px 65px 15px 65px; width:100%; border-radius:50px; width:30%; margin-bottom:30px; text-transform:uppercase; border:3px solid #222633; cursor:pointer;}
.OpenAccount a{text-decoration:underline; font-size:18px;}
.OpenAccount a:hover{text-decoration:none;}

@media(max-width:816px){
.Demat-trading{padding-top:10px;}
.section-header .dematAcc{padding:25px 0px;}
.OpenAccount button{width:45%;}
.dematAcc h2{ padding:0px; text-align:left; font-size:24px;}
 
}

@media(max-width:611px){
.dematAcc h2{padding-left:15px;}
.dematAcc h2{display:inline-block;}
.OpenAccount button{width:65%;}
}

@media(max-width:514px){
.OpenAccount button{width:92%;}	

.dematAcc p{font-size:18px; line-height:28px;}
}

@media(max-width:375px){
.dematAcc p{font-size:16px; line-height:26px;}
.OpenAccount button{font-size:16px;}
.OpenAccount a{font-size:14px;}
}

/*--------------------------------------------------------------
# Footer section
--------------------------------------------------------------*/

.footer{background: #363640; padding:50px 0px 20px 0px;}
.footer p{font-size: 14px; color: #fff;}
.socialIcon{padding:20px 0 10px 0px;}
.socialIcon ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mktupdate span{color: #fff;}
.socialIcon ul li{
  display: inline-flex; margin-top: 10px;}
.socialIcon ul li .img-fluid{max-width: 80%;}




/*--------------------------------------------------------------
#Some Common Media Queries
--------------------------------------------------------------*/

@media screen and (max-width:1920px) and (min-width:1440px){
.Demat-trading{background:url("../images/white-bg.png") center top no-repeat; padding-bottom:31px; padding-top:50px; background-size:cover;}	
}

 

@media screen and (max-width:736px) and (min-width:667px){
.header{height:943px;}	
.offer .offerHead h2{font-size:32px;}
.offer p{width:50%;}
.Demat-trading h2{text-align:center;}
.dematAcc h2{display:inline-block;}
.Demat-trading .Benefits{margin-top:100px; margin-bottom:40px;}
 
}

@media screen and (max-width:666px) and (min-width:516px){
.header{height:943px;}	
.offer .offerHead h2{font-size:32px; padding-left:18px;}
.offer p{width:50%;}
.dematAcc h2{display:inline-block;}
.Demat-trading .Benefits{margin-top:100px; margin-bottom:40px;}

 
}