html{
	font-size: 62.5%;  scroll-behavior: smooth;
}
@font-face{
	font-family:'plusjakarta_regular';
	src:url('../fonts/PlusJakartaSans-Regular.ttf');
}
@font-face{
	font-family:'plusjakarta_medium';
	src:url('../fonts/PlusJakartaSans-Medium.ttf');
}
@font-face{
	font-family:'plusjakarta_semibold';
	src:url('../fonts/PlusJakartaSans-SemiBold.ttf');
}
@font-face{
	font-family:'plusjakarta_bold';
	src:url('../fonts/PlusJakartaSans-Bold.ttf');
}
@font-face {
  font-family:'FontAwesome';
  src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body{
	box-sizing: border-box;
	overflow-x: hidden!important;
	font-family:'Harmony_regular';


}
.container-fluid, .row{
	margin:0px;
	padding:0px;
}

:root{
	--blue:#349bbc;
	--lightblue:#349bbc;
	--graybg:#f2f2f2;
	--hero_top:#10639f;
	--plusjakarta_regular:'plusjakarta_regular';
	--plusjakarta_medium:'plusjakarta_medium';
	--plusjakarta_semibold:'plusjakarta_semibold';
	--plusjakarta_bold:'plusjakarta_bold';
}
.navbar{
	background: white;
	padding:1rem 0;
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}
.main_logo{
	max-width:15rem;
}
.my_menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-link{
	font-size:1.7rem;
	font-family: var(--plusjakarta_medium);
	color:black;
	font-weight: 400;
	text-transform: capitalize;
	margin-right:1.5rem;
}
.nav-link.active{
	color:var(--blue);
}
.nav-link:hover{
	color:var(--blue);
}
.navbar .offcanvas.show {
	background: var(--graybg);
}
.phone_btn{
	background:var(--blue);
	color:white;
	border-radius: 2.5rem;
	padding:.7rem 2.5rem!important;
	display: inline-block;
	margin-right: 0;
	font-size: 2rem!important;
	font-family: var(--plusjakarta_semibold);
	text-decoration: none;
	margin-right: 0!important;
}
.phone_btn:hover{
	background: black;
	color:white;
	text-decoration:none;
}
.download_btn i{
	margin-right: .7rem;
}

.menu_icon{
	font-size: 2rem;
	color:var(--blue);
}

.nav_mobile_right{
	display: none;
}

.navbar-toggler:focus{
	outline: none;
	box-shadow: none;

}
.margintop{
	margin-top:6.5rem;
}

.hero_section{
	width:100%;
	height: 60.8rem;
	background:linear-gradient(rgba(0, 0, 0, .5),rgba(0, 0, 0, .5)),url(../images/hero_image.jpeg);
	background-size: cover;
	display: flex;
	align-items: center;
}
.hero_contents{
	max-width: 80rem;
	display: block;
	margin:0 auto;
	text-align: center;
}
.hero_heading{
	font-family: var(--plusjakarta_bold);
	color:white;
	font-size: 5rem;
	font-weight: 800;
	text-shadow: .1rem .1rem .1rem .4rem black;
}
.hero_desc{
	font-family: var(--plusjakarta_regular);
	color:white;
	font-size:2rem;
}


/*about us*/

.main_about_flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:1rem;
	margin-top: 2rem;
}
.abou_main_elft{
	display: flex;
	align-items: center;	
	gap:2rem;
}
.owner_name{
	font-size: 2.2rem;
	font-family: var(--plusjakarta_semibold);
	color:var(--blue);
}
.owner_title{
	font-size: 1.8rem;
	font-family: var(--plusjakarta_semibold);
}
.sign{
	max-width:15rem;
	display: block;
	margin:0 auto;
}
.brand_color{
	color:var(--blue);
}
.py_7{
	padding:7rem 0;
}
.helping_text{
	font-size: 2.2rem;
}
.about_no{
	font-size: 2rem;
	color:black;
	font-family: var(--plusjakarta_semibold);
	display: block;
	text-decoration: none;
	margin-top:0rem;
}
.section_tagline{
	font-size: 1.8rem;
	color:var(--blue);
	border-left:.1rem solid var(--blue);
	font-family: var(--plusjakarta_semibold);

	padding-left:1rem;
}
.owner_img {
    border-radius: 50%;
    max-width: 12rem;
}
.section_sub_heading{
	font-family: var(--plusjakarta_bold);
	margin-top:1rem;
	font-size: 3.5rem;
	text-transform: capitalize;
	font-weight: bolder;
}.slash {
    border-right: 0.1rem solid var(--blue);
    height: 5rem;
}
.gen_p{
	font-size: 1.7rem;
		color:#454545;
	font-family:var(--plusjakarta_regular);
}


.helping_text{
	font-size: 2.2rem;
	font-family: var(--plusjakarta_semibold);
}
.feature_section{
	background:#f6f6f6;
}
.feature_card{
	padding:4rem 3rem;
	border:.1rem solid #d9d9d9;
	background: white;
	text-align: center;
}
.feature_icon_div i{
	font-size:4rem;
}


.feature_cad_two{
	padding-left:1rem;
	border:.1rem solid #d9d9d9;
	background: white;
	display: flex;
	align-items: center;
	flex-direction: row;
	height: auto;
	padding:2rem 0rem 2rem 1rem;
	position: relative;
	margin-bottom: 1rem;
}
.feature_icon{
	position: relative;
	background: var(--blue);
	border-radius: 50rem;
	margin-right: .8rem;
}
.feature_text_bi{
	font-size: 1.7rem;
	font-family: var(--plusjakarta_semibold);
	display: inline-block;
	margin:0;
	text-align: left;

}
.feature_icon i{
	font-size: 2rem;
	width:3.5rem;
	height: 3.5rem;
	color:white;
	line-height: 3.5rem;
	text-align: center;
}

.feature_text_sm{
	font-size: 1.5rem;
	font-family: var(--plusjakarta_regular);
	display: inline-block;
	margin:0;
	color:gray;
	text-align: left;
}




.feature_title{
	font-size: 1.8rem;
	font-family: var(--plusjakarta_bold);
	margin:1.5rem 0 1rem 0;
}
.feature_desc{
		font-size: 1.7rem;
		color:#454545;
	font-family: var(--plusjakarta_regular);
}

.sec_heading{

    font-size: 3.2rem;
    color:#1b1c1f;
    font-family: var(--plusjakarta_bold);
    text-transform: capitalize;
}

.no_badge{
	width: 7rem;
    height: 4rem;
    background: var(--blue);
    display: inline-block;
    text-align: center;
    border-radius: 0.5rem;
    color: white;
}
.consult_btn {
    font-size: 1.8rem;
    text-decoration: none;
    background: var(--blue);
    color: white;
    padding: 1.5rem 2.5rem;
    font-family: var(--plusjakarta_semibold);
    border-radius: 2.5rem;
}
.consult_btn:hover{
	background:black;
	color: white;
}
.forflex{
	display: flex;
	align-items: center;
}
.range_pic{
	border-radius: 1rem;
}


.cta_section{
	width:100%;
	height: auto;
	background:linear-gradient(rgba(0, 0, 0, .7),rgba(0, 0, 0, .7)),url(../images/cta_section.jpeg);
	background-size: cover;
	display: flex;
	align-items: center;
}
.cta_contents{
	max-width: 80rem;
	display: block;
	margin:0 auto;
	text-align: center;
}
.cta_heading{
	font-family: var(--plusjakarta_bold);
	color:white;
	font-size: 4rem;
	font-weight: 800;
	text-shadow: .1rem .1rem .1rem .4rem black;
}
.cta_desc{
	font-family: var(--plusjakarta_regular);
	color:white;
	font-size:2rem;
}


.cta_btn{
    font-size: 1.8rem;
    text-decoration: none;
    background: var(--blue);
    color: white;
    width:25rem;
    height: 5rem;
    line-height: 5rem;
    display: inline-block;
    font-family: var(--plusjakarta_semibold);
    outline: .2rem solid var(--blue);

   
}
.cta_btn:hover{
	background:black;
	color: white;
    outline: .2rem solid black;
}

.cta_btn2{
   font-size: 1.8rem;
    text-decoration: none;
    background: transparent;
    color: white;
    width:25rem;
    height: 5rem;
    line-height: 5rem;
    display: inline-block;
    font-family: var(--plusjakarta_semibold);
    outline: .2rem solid var(--blue);
    margin-left: 1rem;
   
}
.cta_btn2:hover{
	background:black;
	color: white;
}

.learning_base_left{
	background:url(../images/right_one.png);
	background-size: 100% 100%;
}
.learning_base_right{
	background:url(../images/left_one.png);
	background-size: 100% 100%;
}

.contact_info_section .card{
  padding:4rem 2rem;
}
.contact_info_section .card .cd-icon{
  font-size:3rem;
  color:var(--blue);
  margin-bottom:1.5rem;
}
.contact_info_section .card a{
  font-size:1.7rem;
  margin-bottom:1.5rem;
  text-decoration: none;
  color:#111111;
  font-family: var(--plusjakarta_regular);
  font-weight: bold;
}
.location_desc{
 font-size:1.7rem;
  margin-bottom:1.5rem;
  text-decoration: none;
  color:#111111;
  font-family: var(--plusjakarta_regular);
  font-weight: bold;	
}
.contact_info_section .card a:hover{
	color:var(--hero_top);
}
  .contact_main{
    background:#F4F6FC;
    padding: 6rem 0rem;
  }


.contact_main form{
	font-family: var(--plusjakarta_regular);
  margin-top:1rem;
}
.contact_main form input, .contact_main form select{
  width:100%;
  display: block;
  height:4.9rem;
  border:none;
  font-size: 1.6rem;
  padding-left:1.6rem;
  background: white;
  color:gray;
}
.contact_main form textarea{
  width:100%;
  display: block;
  height:15.9rem;
  border:none;
  font-size: 1.6rem;
  padding-left:1.6rem;

}
.contact_main form input::placeholder, .contact_main form textarea::placeholder{
  font-size:1.6rem;
  line-height: 4.9rem;
  /*padding-left:1rem;*/
}
:focus:is(input,textarea,select){
  box-shadow:0px 0px 1px 1px var(--darkgray);
  border-radius: 3px;
  outline: none;
}
.contact_main form input[type="submit"]{
  background:var(--blue);
  color:white;
  font-size:1.8rem;
  letter-spacing: .1rem;
  height: 4.9rem;
  /*english
  urdu
  maths*/
}
.contact_main form input[type="submit"]:hover{
  background: black;
  cursor: pointer;
}
.copyright_text{
	padding:0;
	margin:0;
}
footer{
	padding:2rem 0;
}

.social_icons{
	padding:0;
	margin:0;
}
.social_icons li{
	line-height: none;
	display: inline-block;
	margin-left:2rem;
}
.social_icon{
	width:3rem;
	height: 3rem;
	display: inline-block;
	margin-left:1rem;
}
.copyright_text{
	font-size: 1.7rem;
	font-family: var(--plusjakarta_regular);
}
@media (min-width: 992px) {
  /* Reset opacity overlay on larger screens */
  .offcanvas-backdrop {
    opacity: 0 !important;
    display: none !important;
  }
}