body{
    font-family: "Poppins", sans-serif;
    color: #2b2b2b;
}

p{
    margin-bottom: 0px;
}
a{
    text-decoration: none;
}
ul{
    list-style-type: none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

/******************************Ask Expert Form Start*******************************/
/*********Right Side Button CSS Start**********/
.rght-btn-sh {
	position: fixed;
	right: 10px;
	left: auto;
	bottom: 40px;
	top: auto;
	z-index: 9;
}
.rght-btn-sh button, .rght-btn-sh a {
	border: 1px solid #5681a4;
	color: #fff;
	width: 45px;
	height: 45px;
	position: relative;
	border-radius: 2px;
	font-size: 12px;
	background: linear-gradient(122deg, #fe4e19 0%, #517471 100%);
	line-height: 120%;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-transform: uppercase;
  transition: 0.5s all;
}
.rght-btn-sh button:hover {
	border-color: #5681a4;
	box-shadow: 0px 0px 15px 2px #5681a4;
}
.rght-btn-sh a::before, .rght-btn-sh button::before {
	font-size: 25px;
	font-family: bootstrap-icons;
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 9px;
	right: auto;
	content: "\f618";
	color: #fff;
	display: none;
}
.rght-btn-sh button::before{
	content: "\f8f1";
}
.rght-btn-sh {
	position: fixed;
	right: 10px;
	left: auto;
	bottom: 40px;
	top: auto;
	z-index: 9;
	display: none;
}
.bounce2 {
	animation: bounce2 2s ease infinite;
  }
  @keyframes bounce2 {
	  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	  40% {transform: translateY(-30px);}
	  60% {transform: translateY(-15px);}
  }

/*********Right Side Button CSS End**********/

.ask-expert .modal-dialog {
max-width: 345px;
margin: 0;
}
.ask-expert .modal-header {
justify-content: center;
padding: 10px;
}
.ask-expert .modal-title {
font-weight: 500;
line-height: 100%;
display: block;
position: relative;
margin-bottom: 0px;
text-transform: capitalize;
color: #05487c;
font-size: 20px;
text-align: center;
}
.ask-expert .modal-header {
justify-content: center;
}
.ask-expert .btn-close {
	background: #ed223d;
	opacity: 1;
	border: 1px solid #ed223d;
	border-radius: 0;
	position: absolute;
	left: auto;
	right: 5px;
	bottom: auto;
	top: 6px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}
.ask-expert .btn-close:hover {
background: #fff;
color: Red;
}
.ask-expert .modal-body > p {
text-align: center;
font-size: 14px;
color: #333;
font-weight: 500;
padding-bottom: 15px;
margin: 0;
}
.ask-expert-form .lg-form-wr {
padding: 0 0 8px;
margin: 0;
}
.ask-expert-form .main-div {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 0 10px;
}
.ask-expert .common-btn {
padding: 0;
margin: 0;
}
.ask-expert .modal-footer {
justify-content: center;
padding: 0 0 20px 0;
border: 0;
}
.ask-expert .common-btn .btn {
font-size: 14px;
padding: 8px 27px 8px 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
body .ask-expert .ask-expert-form input, body .ask-expert .ask-expert-form textarea {
border-left: 2px solid #ed555c;
border-radius: 0px;
font-size: 14px;
padding: 5px 9px;
height: 35px;
color: #212529;
box-shadow: none;
}
.ask-expert .modal-content {
border-bottom: 3px solid #e1545d;
border-radius: 0px !important;
}
body .ask-expert .ask-expert-form textarea {
height: 50px;
resize: none;
}
.ask-expert .common-btn .btn {
  background: #517471;
    color: #fff;
    border-radius:0px;
    line-height: 28px;
    padding:0 25px;
    font-size: 14px;
    font-weight: 500;
    border:1px solid #517471;
    transition: 0.5s all;
  }
#ask-expert {
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
}

/***************/
.topnav {
  background-color: #3e605c;
  color: white;
  padding: 5px;
  text-align: center;
  text-align: left;
}
.dlogo {
  width: 190px;
  margin-top: 8px;
}
.mainnav {
  padding: 5px 0px;
  border: 1px solid #e5e5e5;
}
  .topa{
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    font-weight: 500;
  }
  .posta{
    font-size: 19px;
    margin-right: 3[x];
  }
  .topaa{
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    float: right;
    font-weight: 500;
    padding-top: 2px;
  }
  .topaa b{
    font-weight: 500 !important;
  }
.topp{
    
    font-size: 14px;
    text-align: right;
}
.navul{
    display: flex;
    float: right;
    margin-top: 25px;
}
.navul li a{
     display: inline-block;
     color: #000000;
     font-size: 16px;
     font-weight: 500;
    margin-right: 25px;
}
.getcall{
    background: #fe4e19;
    color: #fff;
    padding: 5px 25px;
    border-radius: 2px;
    margin-top: 20px;
}
.offcanvas-body{
    padding: 0px !important;
}
.mobnavul {
  padding-left: 0px;
}
.tas{
    color: #517471 !important;
}
.mobnavul li a{
    display: block;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;

}
/************/
.banner{
    width: 100%;
}
.aboutcont{
    margin-top: 60px;
}
.pboxa{
    padding: 15px 20px;
}
/**aboutus**/
.haus {
  font-size: 18px;
  color: #478079;
}
.aboutcont h1{
    font-size: 25px;
    font-weight: 600;
    color: #000000;
}
.haustext{
    font-size: 14px;
}
.haustext span{
    color: #fe4e19;
    font-weight: 600;
    padding: 0px 5px;
}
.aboutbanner{
    width: 85%;
    margin-top: 25px;
}
.hauspoint{
    font-size: 17px;
    font-weight: 500;
    margin-top: 20px;
}
.hauspoint span{
    color: #517471;
    font-size: 15px;
}
.hauspointext{
    font-size: 13.5px;
}
.graybg{
    background: #f8fcff;
    margin-top: 60px;
    padding: 80px 0px 50px 0px;
    border-top: 1px solid rgb(240, 240, 240);
    border-bottom: 1px solid rgb(240, 240, 240);
}
.cw {
  color: #588b86;
  font-size: 15px;
  text-align: center;
}
.cwo{
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #000000;
}
.cwoo{
    font-size: 14px;
    text-align: center;
}
.coursesbox{
    text-align: left;
    padding: 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    margin-top: 20px;
    background: #fff;
}
.coursesbox img{
    width: 100%;
}
.coursesbox h2,.coursesbox h3,.coursesbox h4,.coursesbox h5,.coursesbox h6{
  font-size: 17px;
  font-weight: 600;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 5px;
}
.coursesbox p{
    font-size: 13.5px;
}
.viewall{
    display: block;
    text-align: center;
    margin-top: 10px;
    text-decoration: underline;
    color: #5d5d5d;
}
/***** steps wala css *******/
.stepsbox{
    text-align: center;
    padding: 20px 20px 40px 20px;
    border-right: 1px solid rgb(215, 215, 215);
    margin-bottom: 20px;
}
.oyeee{
    font-size: 13.5px;
    text-align: center;
    margin-bottom: 25px;
}
.oye{
    margin-top: 80px;
    text-align: center;
    font-size: 14px;
    color: #fe4e19;
}
.oyee{
    font-size: 23px;
    color: #000000;
    text-align: center;
    font-weight: 600;
}
.hil{
    font-size: 60px;
    -webkit-text-stroke: 1px #588b86;
    display: block;
    color: transparent;
    font-family: "Roboto Condensed";
    font-weight: 700;
    transition: 0.4s ease-in-out;
  }
.hill {
  font-size: 18px;
  color: #171717;
  font-weight: 600;
}
  .hilll{
    font-size: 15px;
    font-family: 400;
  }
  .hil:hover, .stepbox {
    transform: translateY(5px);
    color: #fe4e19;
  }
/****** review ********/
.review{
    color: #517471;
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
}
.revieww{
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #000000;
}
.reviewbox{
        background:  #fafafa;
        padding:  15px 20px;
        border-radius:   5px;
        text-align: left;
        border:  1px solid #dbdbdb;
        height: 180px;

}
.fivebox{
    width: 20%;
    padding: 0px 5px;
    margin-top: 15px;
}
.verified{
    width: 15px;
}
.reviewname{
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}
.reviewtext{
    font-size: 13.5px;
    color: #343434;
    text-align: left;
    margin-top: 5PX;
}
.reviewdate{
    font-size: 14px;
    color: #7b7b7b;
    font-size: 12PX;
    margin-top: 10PX;
}
/*******faq******/
.faq{
    color: #517471;
    font-size: 15px;
    text-align: center;
    padding-top: 80px;
}       
.faqq{
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #000000;
}
.faqbox {
    border:1px solid #e5e5e5;
    padding:15px 20px;
    height: 120px;
    margin-top: 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  }
  .fq {
    font-size: 15px;
    font-weight: 600;
  }
.fqq{
    font-size: 14px;
    color: #5d5d5d;
    margin-top: 5px;
}
/************ footer ***********/
.footerbox{
    border-top: 1px solid #517471;
    margin-top: 50px;
}
.footerlogo {
  width: 184px;
  margin-top: 40px;
  margin-bottom: 0px;
}
.footerhead {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 10px;
}
.footertext{
    margin-top: 10px;
    font-size: 14px;
    text-align: justify;
    padding-right: 40px;
}
.footera{
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
    color: #282828;
}
.footera span{
    font-weight: 500;
}
.form-subscribe
{
  max-width:600px;
  margin:0 auto
}
.form-subscribe .form-control
{
  background-color:hsla(0,0%,100%,.8);
  padding-left:10px;
  padding-right:5px;
  letter-spacing:1px;
  border: 1px solid #e5e5e5;
  font-size: 13px;
}
.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
  z-index:2;
  background-color:hsla(0,0%,100%,.8)
}
.form-subscribe .btn
{
  background:#517471;
  height:40.5px;
  color: #fff;
  border-radius: 0px;
  font-size: 13px;
}
.socialicon{
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    color:#517471;
}
.copyright{
    background-color: #517471;
    padding: 7px 15px;
    color: #fff;
    margin-top: 30px;
    font-size: 13px;
}
.menubtn{
    display: none;
}
/*********aboutuspage********/
.boutpbox h1 {
  font-size: 25px;
  font-weight: 500;
  color: #517471;
  margin-top: 60px;
}
.aboutptext{
  font-size: 15px;
  margin-top: 10px;   
  text-align: justify;
}
.aboutpimg{
  width: 100%;
  margin: auto;
  margin-top: 50px;
  border:1px solid rgb(241, 241, 241);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.aboutpicon {
  width: 100%;
  margin-top: 50px;
  border:1px solid rgb(241, 241, 241);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding:20px;
  height: 245px;
}
.aboutpiconimg{
  width: 80px;
}
.aboutpicon h2, .aboutpicon h3, .aboutpicon h4, .aboutpicon h5, .aboutpicon h6{
  font-size: 17px;
  font-weight: 600;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 5px;
}
.aboutpicon p{
  font-size: 14px;
  text-align: justify;
}
.boutpbox b{
  color: #517471;
  font-weight: 600;
}
/****************************/
.wwobox h1{
  font-size: 25px;
  font-weight: 500;
  color: #fe4e19;
  text-align: left;
}
.wwoboxx h2 {
  font-size: 25px;
  font-weight: 600;
  color: #282828;
  text-align: center;
  margin-top: 50px;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.0); }
}


.himan{
  font-size: 45px;
    animation: pulse 1s infinite ease-in-out alternate;
}
.whatsapp_btn {
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  background: #1faf54 !important;
  font-size: 15px !important;
  padding-top: 9px;
  display: block;
  color: #fff !important;
  text-align: center;
  padding-top: 5px;
  z-index: 99;
  width: 60px;
  height: 58px;
  box-shadow: 0 0 3px rgb(0 0 0 / .266);
  position: fixed;
}
.wwotext{
  font-size: 14px;
  margin-top: 10px;
  text-align: justify;
}
.wwoimg{
  width: 100%;
  margin-top: 30px;
  border: 1px solid #dfdfdf;
}
.wwdbox{
  width: 100%;
  margin-top: 20px;
  border:1px solid rgb(241, 241, 241);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding: 20px;
  height: 260px;
}
.wwdimg{
  width: 75px;
}
.wwdbox h2,.wwdbox h3,.wwdbox h4,.wwdbox h5,.wwdbox h6{
  font-size: 17px;
  font-weight: 600;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 5px;
}
.wwdimgtex{
  font-size: 14px;
  text-align: justify;
}
.main-tit P{
  text-align: center;
  font-size: 13.5px;
}
.wwrhead h6, .wwrhead h3{
  font-size: 23px;
  margin-top: 40px;
  font-weight: 600;
  color: #2f2f2f;
}
.wwrhead h2, .wwrhead h4 {
  font-size: 17px;
  font-weight: 500;
  color: #355f5b;
}
.wwrtextt{
  font-size: 15px;
  text-align: justify;
  margin-top: 10px;
}















@media only screen and (min-width:280px) and (max-width:480px){
    .dlogo {
        width: 86px;
      }
      .offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
        visibility: visible;
        width: 85% !important;
      }
      .oyeee {
        font-size: 14.5px;
      }
      .wwotext {
        font-size: 14.5px;
      }
      .wwdbox {
        height: auto;
      }
.menubtn{
    font-size: 25px;
  margin-top: 4px;
  float: right;
    margin-right: 10px;
}
.banner{
    display: none;
}
.aboutcont {
    margin-top: 40px;
  }
  .aboutcont h1 {
    font-size: 20px;
  }
  .hauspointext, .haustext {
    font-size: 14.5px;
    text-align: justify;
  }

  .graybg {
    padding:50px 0px 50px 0px;
  }


  .oye {
    margin-top: 50px;
  }
  .oyee {
    font-size: 20px;
  }

  .stepsbox {
    border-top:1px solid rgb(215, 215, 215);
    border-right: none;
  }
  .fivebox {
    width: 100%;
  }
  .reviewbox {
    height: auto;
  }
  .faqbox {
    height: auto;    
  }
  .footerhead {
    margin-top: 55px;
  }
  /*****************/
  
.aboutpicon{
  width: 100%;
  margin-top: 30px;
}
}

@media only screen and (min-width:480px) and (max-width:576px){
    .dlogo {
        width: 86px;
      }
.menubtn{
    font-size: 25px;
  margin-top: 4px;
  float: right;
    margin-right: 10px;
}
.banner{
    display: none;
}
.aboutcont {
    margin-top: 40px;
  }
  .aboutcont h1 {
    font-size: 20px;
  }
  .hauspointext, .haustext {
    font-size: 13.5px;
    text-align: justify;
  }

  .graybg {
    padding:50px 0px 50px 0px;
  }


  .oye {
    margin-top: 50px;
  }
  .oyee {
    font-size: 20px;
  }

  .stepsbox {
    border-top:1px solid rgb(215, 215, 215);
    border-right: none;
  }
  .fivebox {
    width: 100%;
  }
  .reviewbox {
    height: auto;
  }
  .faqbox {
    height: auto;    
  }
  .footerhead {
    margin-top: 55px;
  }  
  /*****************/
  .aboutpicon{
    width: 100%;
    margin-top: 30px;
  }
  .wwdbox {
    height: auto;
  }
}


@media only screen and (min-width:576px) and (max-width:768px){
    .dlogo {
        width: 86px;
      }
.menubtn{
    font-size: 25px;
  margin-top: 4px;
  float: right;
    margin-right: 10px;
}
.aboutcont {
    margin-top: 40px;
  }
  .aboutcont h1 {
    font-size: 20px;
  }
  .hauspointext, .haustext {
    font-size: 13.5px;
    text-align: justify;
  }

  .graybg {
    padding:50px 0px 50px 0px;
  }


  .oye {
    margin-top: 50px;
  }
  .oyee {
    font-size: 20px;
  }

  .stepsbox {
    border-top:1px solid rgb(215, 215, 215);
    border: none;
  }
  .fivebox {
    width: 100%;
  }
  .reviewbox {
    height: auto;
  }
  .faqbox {
    height: auto;    
  }
  .footerhead {
    margin-top: 55px;
  } 
   /*****************/
  .aboutpicon{
    width: 100%;
    margin-top: 30px;
  }
  .aboutpimg{
    display: none;
  }
  .wwdbox {
    height: auto;
  }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .dlogo {
        width: 86px;
      }
.menubtn{
    font-size: 25px;
  margin-top: 4px;
  float: right;
    margin-right: 10px;
}
.aboutcont {
    margin-top: 40px;
  }
  .aboutcont h1 {
    font-size: 20px;
  }
  .hauspointext, .haustext {
    font-size: 13.5px;
    text-align: justify;
  }

  .graybg {
    padding:50px 0px 50px 0px;
  }


  .oye {
    margin-top: 50px;
  }
  .oyee {
    font-size: 20px;
  }

  .stepsbox {
    border-top:1px solid rgb(215, 215, 215);
    border: none;
  }
  .fivebox {
    width: 50%;
  }
  .reviewbox {
    height: 150px;
  }
  .faqbox {
    height: auto;    
  }
  .footerhead {
    margin-top: 55px;
  }  
   /*****************/
  .aboutpicon{
    width: 100%;
    margin-top: 30px;
  }
  .aboutpimg{
    display: none;
  }
  .wwdbox {
    height: auto;
  }
}


@media only screen and (min-width:991px) and (max-width:1200px){
    .dlogo {
        width: 100px;
      }
.menubtn{
    font-size: 25px;
  margin-top: 4px;
  float: right;
    margin-right: 10px;
}
.aboutcont {
    margin-top: 40px;
  }
  .aboutcont h1 {
    font-size: 20px;
  }
  .hauspointext, .haustext {
    font-size: 13.5px;
    text-align: justify;
  }

  .graybg {
    padding:50px 0px 50px 0px;
  }


  .oye {
    margin-top: 50px;
  }
  .oyee {
    font-size: 20px;
  }

  .fivebox {
    width: 50%;
  }
  .reviewbox {
    height: 150px;
  }
  .faqbox {
    height: auto;    
  }
  .footerhead {
    margin-top: 55px;
  }
}


@media only screen and (min-width:280px) and (max-width:991px){
    
.navul, .getcall{
    display: none;
}

.menubtn{
    display:inline;
}
/* Ask Expert css start  */

.ask-expert .modal-dialog {
	margin: 0 auto;
}
#ask-expert {
	top: 30px;
	left: 0;
	right: 0;
	bottom: auto;
}
.rght-btn-sh {
	display: block;
}
/* Ask Expert css End */
}
.label_career{
  border-radius: 0px;
  font-size: 14px !important;
}
.custom-file-label {
  border:1px solid #e2e2e2;
  background: rgb(219, 219, 219);
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 15px;
  display: inline-block;
  border-radius: 0px;
}

.lkj{
  border:1px solid #e2e2e2;
  display: inline-block;
  border:1px solid #e2e2e2;
  padding: 7px 18px;
  margin-left: -5px;
  font-size: 15px;
  border-left: none;
  border-radius: 0px;
}
.subbtns{
  padding: 7px 18px;
  border-radius: 0px;
  font-size: 15px;
width: 250px;
  margin-top: 10px;
  margin-bottom: 25px;
  background:#517471;
  color:  #fff;
  border:1px solid #517471;
  font-weight: 500;
}
.subbtns:hover{
  border:1px solid #517471;
  background:#fff;;
  color:  #517471;
}