.dark-blue{background-color: #071E2C;}
.text-dark-blue{color: #071E2C;}
.religare-green-bg{background-color: #2B6C43;}
.yellow-bg{background-color: #FFFF00;}
.teal-blue-bg{background-color: #12A0D8;}
.light-blue{background-color: #F0F5FB;}
.grey-blue{background-color:#fff;}
 

section {
  padding: 60px 0 30px 0;
  
  
}

.section-title h2 {
font-size:20px;
line-height:40px;
padding-bottom:0px;
position: relative;
text-align:center;
}

.section-header p {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  color: #212121; 
}

.section-header h2 {
  margin: 0px 0 0 0;
  padding: 0;
  font-size:30px;
  line-height: 32px;
  font-weight: 700;
  color: #071E2C;
  display:flex;
  justify-content:center;
}
.section-header h5 {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #071E2C;
}
.section-header h4 {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #0D90AB; text-transform: uppercase;
}

.section-header h6 {
  margin: 0px 0 0 0;
  padding: 0;
  font-size:16px;
  line-height: 30px;
  font-weight:700;
  color: #071E2C;
}

section#clients{background: #fef5e6; padding-bottom:70px;}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #52df32;
  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: #379721;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

.carousel-item p{text-align:center;}

/*--------------------------------------------------------------
# topbar
--------------------------------------------------------------*/

#topbar {
    background: #F9BD05;
    padding:0px 0px;
    font-size: 14px;
    transition: all 0.5s;
    color: #000000;
 
}

#topbar .container {
    display: flex;
    justify-content: space-between;
}
#topbar .contact-info {
    display: flex;
    align-items: center;
}
#topbar .contact-info i {
    font-style: normal;
    color: #000000;
}
#topbar .contact-info i a {
    line-height: 0;
  
    transition: 0.3s;
}
#topbar .contact-info i span, #topbar .lang i span {
    padding-left: 5px;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
 
  z-index: 997;
  padding: 10px 0; background:#ffffff; 
}

.header.header-scrolled {
  background: #fff;
  padding: 15px 0;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  margin-top:0px;
}

.header .logo {
  line-height: 0; 
}

.header .logo img {
  max-height: 40px;
  margin-right: 0px;  width:100%;
}

.header .logo span {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #012970;
  font-family: 'Poppins', sans-serif;
  margin-top: 3px;
}

.header .top-head{color: #fff;}
.header .top-head img{width: 20px; margin-right: 10px;}
.header .top-head .social-icons{width: 13%;}

.section-title{display:flex; justify-content:center; flex-flow:column;}
.section-title p{text-align:center;}
 

 
   
/*--------------------------------------------------------------
# reviews Section
--------------------------------------------------------------*/
 


.clients .section-title{padding-left:64px;}
.mobile_view {
    display: none;
}

.imgSteps{display: block;}

 


/*--------------------------------------------------------------
# Footer Section
--------------------------------------------------------------*/
.footer{padding: 40px 0;}
.footer p{font-size: 14px; color: #fff;}
.footer p a {text-decoration: underline; padding: 0 5px; color: #fff;}
.footer img{width: 30px; margin-right: 10px;}
.desktop-view.docReq{display:block !important;}
.mobile-view.docReq{display:none !important;}

@media(max-width:1920px) and (min-width:1900px){
 
.BlankSection{background:#effbff; height:60px; padding:0px;}
}
 

@media(min-width:1440px) and (max-width:1500px){
 
}

@media(max-width:1024px) and (min-width:920px){
.leadform{width:100% !important;}
.section-header.service{padding-top:480px;}
}

@media(max-width:823px){
	
.stepstabs h4 {
    padding: 14px;
    box-shadow: 0px 4.11429px 12.3429px rgb(0 0 0 / 15%);
    margin-right: 20px;
    border-radius: 10px;
    font-weight: 600;
}

.steps-content h4 {
    font-weight: 600;
    font-size: 18px;
}

p.content-steps {
    color: #333333;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}	

.dmatSecLast .steps {
    margin-top: 30px;
    margin-bottom: 15px;
}	
	
	
	
h2{font-size:22px; line-height:30px;}
section{padding:70px 0px;}
section#form{position:inherit; left:0%; padding-bottom:0px;}

.stepBox .imgSteps{display:none !important;}
.mobile_view {
    display: block;
}

#resendOtpS a{top:228px; right: 293px !important;}
#hero .icon-box h3{color: #52df32;}
.mainbanner{padding:10px 0px; background-size:contain; background: url("../images/Banner-Tab.png") no-repeat; background-size:cover;}
.service{padding-top:360px;}
.mainbanner1{padding:50px 0px; background-size:contain; background: url("../images/Mobile-Banner1.jpg") no-repeat; background-size:contain;}
.mainbanner2{padding:50px 0px; background-size:contain; background: url("../images/Mobile-Banner2.jpg") no-repeat; background-size:contain;}
.service{padding-top:360px;}
	.content::before{top:-9px; left:-6px; width:75px; height:40px;}
	.documents .box2{padding:10px 0px 0px 0px;}
	.services .box1 img{width:20%;}
	.reviews .carousel-item p{width:85%;}
	.services .box1{min-height:auto; margin-bottom:50px;}
    .banner_content{width:50%;}
.portfolio{padding:85px 0px; padding-bottom:0px; }

.leadform h2{text-align:center;}
.desktop-view{display:none;}
.mobile-view.docReq{display:block !important;}
.desktop-view.docReq{display:none !important;}
.mobile-view.docReq{padding-bottom:30px;}
.leadform .form-select, .form-control{padding:6px;}
/*.leadform{margin-top:40%;}*/
.documents .box2.last img{width:15% !important;}
.docs-discription{width:83%; float:right;}
.documents .box2.last .docs-discription{width:83% !important;}
 .portfolio .portfolio-item .innerBox{width:100%;}
 .clients .section-title{padding-left:30px;}
}

@media(max-width:425px){
h1 {
    font-size: 24px !important;
    line-height: 33px !important;
}

.mobHead{display:block; margin-top:25px;}

	.mainbanner{padding:50px 0px; background-size:contain; background: url("../images/Banner-Tab.png") no-repeat; background-size:cover;}
	.service{padding-top:360px;}
.cta h3{font-size:23px;}
.cta p{font-size:14px;  line-height:22px;}
.services .icon-box h4{font-size:16px;}

.about .count-box span {
    font-size: 20px;
    line-height: 20px;}
/*.mainbanner{height:192px;}*/
 

.countNos{padding-top:50px; padding-bottom:50px;}
.leadform .form-select, .form-control{padding:10px;}

.frmFld{margin-top:20px;}
.counters{padding-top:40px;}
.leadform h1{font-size:19px !important; line-height:26px !important;}
	h2{font-size:18px; padding-bottom:5px;}
	.mainbanner{padding:20px 0px;}	
	.banner_content p{font-size:16px; line-height:22px; margin-top:20px;}
	 .reviews .carousel-item p{margin-top:36px;}
	 	.service{padding-top:360px;}
		.services .box1{margin-bottom:36px !important;}
        
     section.e-service-section {
             margin-top: 600PX;
        }
        
        .header {
           padding: 0px 0;
        }
        .container.awards {
               text-align: center;
        } 
		.portfolio{padding:50px 0px; padding-bottom:25px;}
        .section-header h2{font-size:20px;}
        .portfolio #portfolio-flters li{font-size:14px; padding:10px;}
        .section-title h2{font-size:20px;}
        .carousel p{font-size:14px;}
        h3.name{font-size:16px;}
        .section-header p{font-size:14px;}
        .owl-carousel.owl-drag .owl-item{display:flex; justify-content:center;}
        .carousel-indicators [data-bs-target]{min-width:15px !important;}
        .portfolio .portfolio-item .portfolio-img img{width:20%;}
        .portfolio .portfolio-item .portfolio-info{margin-top:0px;}
        .portfolio .portfolio-item .portfolio-info h4{font-size:18px;}
        .portfolio .portfolio-item .innerBox{padding:10px 0px;}
        .section-header.docSec.grey-blue{padding-top:60px;}
        section.testimonialSec{padding-top:0px;}
        .awards img{width:50%; margin-bottom:15px;}
       
         .clients .section-title{padding-left:10px;}
 
}

@media(max-width:375px){
.leadform h1{font-size:17px !important; line-height:24px !important;}
h2{font-size:16px; line-height:25px;}
 .reviews::after{position: absolute; top:175px; left:20px; height:50px;z-index: 1; transform: rotateY(180deg);}
 .mainbanner{padding-top:0px;}
.service{padding-top:306px;}
#hero h2 {
    font-size: 18px;
    line-height: 24px;
}
section h3{font-size:24px;}
 

}

@media(max-width:320px){
h1 {
    font-size: 18px !important;
    line-height: 26px !important;
}
#hero h2 {
    font-size: 15px;
    line-height: 24px;
}
.headpointers {
    padding-top: 350px;
}
section#form{top:10%;}
.leadform h1{font-size:14px !important; line-height:20px !important;}
	.mainbanner{padding:0px;}
	h2{padding:0px; font-size:14px; line-height:17px;}
	.banner_content p{font-size:14px; line-height:17px; margin-top:17px;}
	 	.service{padding-top:220px;}
}



/*--------------------------------------------------------------
# Lead Form Functional Css 
--------------------------------------------------------------*/

.field-group {
  position: relative;
}
#leadForm .astrick {
  position: absolute;
  left: -8px;
  top: 4px;
  color: red;
}
 

#resendOtp {
  cursor: pointer;
}
/*--------------------------------------------------------------
# Lead Form Functional Css 
--------------------------------------------------------------*/


.mychkbox{padding-top: 10px;
 
    display: block;
    position: absolute;
    top: 56px;
    left:0px;
    background: rgb(255, 255, 255);
    width: 100%;
    padding-left: 10px;
    z-index: 1000;
    border: 1px solid #ced4da;
    border-radius: 0px;
    padding-bottom: 10px;}
	
	
.mychkbox label{width:100%; display:block; padding-right:10px; font-size:14px;}
.mychkbox label span{padding-left:10px; display:inline-box;}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes{display:none;}

.leadform .frmFld.msg{font-size:11px; line-heght:32px; margin:15px 0px;}
.lapyimg h2{font-size:17px;}


section.e-service-section {
    background: #fff;
}

.e_service h3 {
    background: #2476b8;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.e_service {
    transition: 0.8s ease-in-out;
}

.e_service:hover {
    transition: 0.8s ease-in-out;
    transform: scale(1.03);
}

.e_service p {
    padding: 17px;
    border: 1px solid #2476b8;
    min-height: 110px
    
}

.mob-view {
    display: none;
}


@media (max-width: 812px){
.mainbanner{background: unset;}
.mob-view {
    display: block;
}