@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
	--white: #ffffff;
	--light-black: #333;
	--dark-black: #000;
	--light-gray: #424141;
	--dark-gray: #404040;
	--primary-color: #0098a1;
	--orange-color: #f19f2f;
	--largest-font: 4rem;
	--heading-font: 3rem;
	--text-font: 1.6rem;
	--medium-font: 2.5rem;
	--box-shadow: 0 .3rem .5rem rgba(0,0,0,.5);
}

*::selection{
	background: var(--orange-color);
	color: var(--white);
}


/*@font-face {*/
/*  font-family: cfcfont;*/
/*  src: url(../fonts/aller.bold.ttf);*/
/*}*/

/*@font-face {*/
/*  font-family: textfont;*/
/*  src: url(../fonts/aller.regular.ttf);*/
/*}*/

/*@font-face {*/
/*  font-family: customtext;*/
/*  src: url(../fonts/aller.light.ttf);*/
/*}*/


*{
    font-family: 'Poppins', sans-serif;
	padding: 0;margin: 0;
	box-sizing: border-box;
	text-decoration: none;
	text-transform: capitalize;
	scroll-behavior: smooth;
	font-smoothing: antialised;
	scroll-padding-top: 5rem;
}

body{
	overflow-x: hidden;
}

html{
	overflow-x: hidden;
	font-size: 62.5%;
}

section{
	padding: 5rem 5%;
}

.heading h1{
	font-size: 4rem;
    /*padding-bottom: 2rem;*/
    position: relative;
    color: var(--orange-color);
    text-transform: uppercase;
    text-align: center;
}

/*.heading h1::before{
	position: absolute;
    content: '';
    width: 4rem;
    height: 0.2rem;
    background: var(--orange-color);
    top: 80%;
    transition: .4s ease;
}

.heading h1:hover::before {
    width: 12rem;
}*/



.btn{
	background: var(--orange-color);
	padding: .5rem 2.8rem;
	border-radius: 2rem;
	line-height: 2;
	font-family: 'Poppins', sans-serif;
	text-transform:uppercase;
	font-size:1.8rem;
	color:#ffffff;
	cursor:pointer;
}

.btn:hover{
	color: var(--white)!important;
}


.header-active{
	top: 0;
	width: 100%;
	border-radius: 0;
	background: var(--dark-black);
}

.header-top{
    position:relative;
    padding:.5rem;
    background:rgba(0,0,0,.9);
    display:flex;
    justify-content:flex-end;
    text-transform:none!important;
}

.header-top p{
    padding-right:3rem;
    font-size:1.4rem;
    color:var(--white);
}

header{
	width: 100%;
	background: var(--dark-black);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 .3rem .5rem rgba(0, 0, 0,.3);
	padding: 1rem 2rem;
	transition: .2s linear;
	z-index: 1000;
	border:0.05rem solid #80808073
}


header .navbar ul{
	display: flex;
	list-style: none;
	align-items: center;
	justify-content: space-between;
	margin: 0;padding: 0;
}

header .navbar ul li{
	margin: 0 2rem;
}

header .navbar ul li a{
	font-size: 1.8rem;
	color: var(--white);
	text-transform: capitalize;
	font-family: 'Poppins', sans-serif;

}

header .navbar ul li.active a,
header .navbar ul li:hover a{
	color: var(--orange-color);
}


.dropdown a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: var(--white)!important;
    position:relative;
}

.dropdown a i{
    position:relative;
    left:10px;
}



/* Dropdown styling */
 .dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--dark-black);
    min-width: 160px;
    z-index: 1;
    top:70%;
    z-index:1000;
  }

  .dropdown-content a {
    padding: 12px 16px;
    display: block;
    text-decoration: none;
    color: var(--white)!important;
  }
  
  .dropdown-content a:hover{
      color: var(--orange-color)!important;
  }

    .dropdown-content li{
         background:var(--dark-black);
    }
    
    .dropdown-content li:last-child{
        border-bottom:none;
    }
    
  li:hover .dropdown-content {
    display: block!important;
    
  }


header .fa-bars{
	font-size: 3rem;
	color: var(--orange-color);
	cursor: pointer;
	display: none;
}

.mobimage{
	display: none;
}

.howitworksmob{
 display:none;   
}

.homesection{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem;
	background: url('https://creditfaircapital.in/assets-v1/images/light.png'),radial-gradient(62.56% 78.31% at 50% 0,rgba(70,76,128,.6) 0,rgba(70,76,128,0) 100%),#000;
	min-height: 100vh;
	background-size:cover;
	/*border-bottom: .3rem solid var(--orange-color);*/
}

.homesection .contentcontainer {
	width: 100vw;
	/*display: flex;*/
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap;
}

.homesection .contentcontainer .heading-content{
	display: flex;
	justify-content: center;
	align-items: center;
}

.homesection .contentcontainer .heading-content h1{
	color: var(--white);
	font-size: 6rem;
	margin-top: 10rem;
	margin-bottom: 5rem;
	font-weight: bolder;
	text-align:center;
	font-family: 'Poppins', sans-serif;
}

.homesection .contentcontainer .icon-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom:2rem;
	gap:2rem;
	margin-bottom: 5rem;
}

.homesection .contentcontainer .icon-container .box{
	display: flex;
	/*flex:  1 1 15rem;*/
	/*justify-content: space-between;*/
	align-items: center;
}

.homesection .contentcontainer .icon-container .box .icon i{
	color: var(--white);
	font-size: 4rem;
	padding: 2rem 0  0 7rem;
	color: var(--orange-color);
}

.homesection .contentcontainer .icon-container .box .content p{
    display:flex;
    align-items:center;
    /*justify-content:center;*/
	color: var(--white);
	line-height: 1.4;
	font-family: 'Poppins', sans-serif;
	font-weight: 550;
	font-size: 2rem;
}

.homesection .contentcontainer .text-content p{
	font-size: 2.8rem;
	/*padding: 0 4rem;*/
	color: var(--white);
	line-height: 1.5;
	margin-bottom: .5rem;
	font-weight: 400;
	padding: 0rem 0  0 7rem;
	font-family: 'Poppins', sans-serif;
}

.homesection .imagecontainer{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36vw;
	margin-top: 6rem;
	margin-right: .5rem;
}

.homesection .imagecontainer img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1);
}


.homesection .contentcontainer .btn{
    align-items:center;
    justify-content:center!important;
    /*padding: 1rem 3.5rem;*/
}

.aboutsection{
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*background: var(--light-black);*/
	background: url('https://creditfaircapital.in/assets-v1/images/creditfair_2_1.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0 70px;

	/*min-height: 100vh;*/
}
.aboutsection .left-content{
	width: 48vw;
}


.aboutsection .right-content{
	width: 40vw;
	margin-left: 10rem;
}

.aboutsection .right-content h1{
	font-size: 4rem;
	color: var(--orange-color);
	margin-bottom: 2rem;
}

.aboutsection .right-content h4{
	font-size: var(--medium-font);
	color: var(--white);
	margin-bottom: 2rem;
}

.aboutsection .right-content p{
	font-size: var(--text-font);
	color: var(--white);
	margin-bottom: 2rem;
	line-height: 1.6;
	text-transform: none;
	/*padding: 0  20rem  0 0;*/
	font-size: 2.1rem;
	font-family: 'Poppins', sans-serif;
}
.aboutsection .right-content .btn{
    font-size: 1.8rem;
    color: var(--white);
    margin: 1rem auto;

}


.products{
	/*min-height: 100vh;*/
	background: var(--white);
	padding: 5rem 5% 1.5rem 5%;
}

.products .box-cotainer{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
}

.products .heading h4{
	font-size: 4rem;
	margin-bottom: 1rem;
	text-align: center;
	color: var(--dark-black);
	font-family: 'Poppins', sans-serif;
}

.products .heading p{
	font-size: 2.1rem;
	line-height: 1.6;
	text-transform: none;
	margin-bottom: 1rem;
	text-align: center;
	/*padding: 0 8rem;*/
	color: var(--dark-black);
	font-family: 'Poppins', sans-serif;
}

.products .box-cotainer .box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 1 45rem;
	/*background: var(--dark-black);
	box-shadow: var(--box-shadow);
	padding: 2.5rem 2rem;*/
	border-radius: 1rem;
	padding: 4rem;
}



/*.products .box-cotainer .box:hover{*/
/* transform: translateY(-3rem);*/
/*-webkit-transform: translateY(-3rem);*/
/*transition: .4s linear;*/
/*}*/




/*.products .box-cotainer .box .image-box img{*/
/*	width: 100%;*/
/*}*/

.products .box-cotainer .box .content-box{
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	flex-flow: column;
	margin:0 2rem;

}

.products .box-cotainer .box .content-box a{
    color: var(--orange-color);
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    text-transform:none;
}

.products .box-cotainer .box .content-box h4{
	font-size: var(--medium-font);
	padding: .5rem 0rem;
	color: var(--orange-color);
	/*text-align: center;*/
}

.products .box-cotainer .box .content-box p{
	font-size: 1.9rem;
	padding: .5rem 0 1rem 0rem;
	text-transform: none;
	color: var(--dark-black);
	font-family: 'Poppins', sans-serif;
}

/*.calculator{
	background: var(--dark-black);
	min-height: 100vh;
	border-bottom: .3rem solid var(--orange-color);
}*/

.calculators{
	background: var(--dark-black);
}

.calculators .container{
display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 40px;
}

.calculator {
  width: 40%;
  color: var(--white);
}

.heading h3 {
  font-size: 25px;
  color: var(--white);
}
#message {
  font-size: 20px;
  color: var(--orange-color);
}

.input-group {
  margin: 20px 0;
}

.input-group label {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}

.input-group input,
.input-group button,
.input-group select {
  width: 90%;
  padding: 12px;
  border: 1px solid var(--orange-color);
  outline: none;
  border-radius: 5px;
}
.input-group button {
  background-color: var(--orange-color);
  color: #fff;
}

.results {
  /*background: var(--white);*/
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.09);
  width: 50%;
  margin: 10px;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}


.howitworks{
	/*min-height: 100vh;*/
	background: var(--white);
	pointer-events:none;
}

.howitworks .box-cotainer{
	padding: 0 0rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/*gap: 2rem;*/
	flex-wrap: wrap;
}

.howitworks .box-cotainer .box{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 10rem;
	padding: 3rem 1rem;
	flex-wrap: wrap;
	flex-flow: column;
	/*margin: 6rem  0 0 0;*/
}

.howitworks .box-cotainer .arorwicon{
    display:inline-block;
    margin-top:-8rem;
    transform:rotate(180deg);
    
}

.howitworks .box-cotainer .box img{
	/*width: 15rem;*/
	border-radius: 50%;
	border: .05rem solid var(--dark-black);
	margin-bottom: 1rem;
	/*background: var(--white);*/
	/*box-shadow: var(--box-shadow);*/
}

.howitworks .box-cotainer .box .box-details{
	display: block;
	position: relative;
	
}

.howitworks .box-cotainer .box .box-details i{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	text-align: center;
	margin-bottom: .5rem;
}

.howitworks .box-cotainer .box .box-details h2{
	display: block;
	width: 5rem;
	height: 5rem;
	background: var(--orange-color);
	text-align: center;
	color: var(--white);
	line-height: 5rem;
	margin: 0 auto;
	margin-bottom: 2rem;
	position: relative;
	
}



.howitworks .box-cotainer .box p{
	font-size: 1.6rem;
	line-height: 1.6;
	color: var(--light-gray);
	text-align: center;
	text-transform:uppercase;
	font-weight: 600;
}

.testimonial{
	background: var(--dark-black);
}

.testimonial .box-cotainer{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3rem;
	margin: 0rem 0 3rem 0;
}


.testimonial .box-cotainer i{
	font-size: 3rem;
	color: var(--white);
	margin-top: -4rem;
}

.testimonial .box-cotainer .box{
	display: flex;
	background: var(--dark-gray);
	color: var(--white);
	padding: 1rem 0;
	flex: 1 1 20rem;
	border-radius: 1.5rem;
	position: relative;
	border: .1rem solid var(--white);
	margin-bottom: 8rem;
	margin-top: 5rem;
}

.testimonial .box-cotainer .box p{
	font-size: var(--text-font);
	line-height: 1.4;
	color: var(--white);
	text-transform: none;
	padding: 2rem 1.3rem;
    font-family: 'Poppins', sans-serif;
	/*text-align: center;*/

}

.testimonial .box-cotainer .box i{
	position: absolute;
	margin-top: -4rem;
}

.testimonial .box-cotainer .box::before{
	position: absolute;
	width: 0rem;
	height: 0rem;
	content: '';
	top: 100%;
	left: 15%;
	transform: translate(-100%,-50%) rotate(45deg);
    border: 2rem solid var(--dark-gray);
    border-bottom: .2rem solid var(--white);
    border-right: .2rem solid var(--white);
}

.testimonial .box-cotainer  .box .extracontent {
	display: flex;
	/*align-items: center;*/
	/*justify-content: space-between;
	gap: 2rem;*/
	flex-wrap: wrap;
	position: absolute;
	top: 120%;
}


.testimonial .box-cotainer  .box .extracontent .content h4{
		color: var(--orange-color);
	  font-size: 1.6rem;
	  margin-left: 1rem;
	  text-transform: uppercase;
}

.testimonial .box-cotainer  .box .extracontent .content p{
		color: var(--white);
	  font-size: 1.4rem;
	  margin-top: -1rem;
	  font-family: 'Poppins', sans-serif;
}

.testimonial .box-cotainer  .extracontent  .image img{
	margin-left: 1rem;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	left: 1rem;
}

.faq{
	background: var(--white);
}
.faq .heading{
	margin-bottom: 5rem;
}


.faq .main-cotainer{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
}

.faq .main-cotainer .form-container{
	background: var(--dark-black);
    box-shadow: var(--box-shadow);
    width: 32%;
    padding: 2rem 3rem;
    border-radius: 1.5rem;
    padding-bottom: 3rem;
}

.faq .main-cotainer .form-container form{
	width: 100%;
}


.faq .main-cotainer .form-container form h4{
	/*margin: 1rem 2rem;*/
	margin-bottom: 3rem;
	color: var(--white);
	font-size: var(--medium-font);
	text-align: center;
	text-transform:none;

}
.faq .main-cotainer .form-container form .inputbox{
	margin: 1rem 2rem;

}

.faq .main-cotainer .form-container form .inputbox label{
	font-size: var(--text-font);
	color: var(--white);
}


.faq .main-cotainer .form-container form .inputbox span{
    color: red;
}

.faq .main-cotainer .form-container form  span{
    color: red;
}

.faq .main-cotainer .form-container form  span i{
    color: seagreen;
}

.faq .main-cotainer .form-container form .inputbox span i{
    color:seagreen;
}

#submit-error{
    color: red;
}
.faq .main-cotainer .form-container form .lbl{
  font-size: var(--text-font);
	color: var(--white);
	margin: 0 2rem;
}
.faq .main-cotainer .form-container form .inputbox input[type="text"],
.faq .main-cotainer .form-container form .inputbox input[type="email"],
.faq .main-cotainer .form-container form .inputbox input[type="tel"],
.faq .main-cotainer .form-container form textarea
 {
	width: 100%;
	height: 3rem;
	padding: 1rem 2rem;
	border: none;
	outline: none;
	box-shadow: var(--box-shadow);
	border-radius: .5rem;
	text-transform:none;
}

.faq .main-cotainer .form-container form textarea{
	width: 87%;
	height: 5rem;
	margin: 1rem 2rem;
	resize: none;
	padding: 1rem 2rem;
	text-transform:none;
}


.faq .main-cotainer .form-container form a{
	margin-left:2rem;
	margin-top: 13rem;
	font-size: 1.8rem;
    color: var(--white);
    text-transform: uppercase;
    /*border: 0.2rem solid var(--white);*/
}

.faq .main-cotainer .form-container form input[type="submit"]{
    background: var(--orange-color);
    padding: 0 2.8rem;
    border-radius: 2rem;
    line-height: 2;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    color: #ffffff;
    cursor:pointer;
}

.faq .main-cotainer  .accordion-container{
	width: 50%;
	text-align: left;
}

.faq .accordion{
	margin-bottom: 1rem;
	cursor: pointer;
}

.faq .accordion.active .accrodion-heading{
	background: var(--orange-color);
}


.faq .accordion.active .accrodion-heading h3{
	color: var(--white);
}

.faq .accordion.active .accrodion-heading i{
	color: var(--white);
	transform: rotate(180deg);
	transition: transform .2s .1s;
}

.faq .accordion.active .accordion-content{
	display: block;
	text-transform:none;
}

 .faq .accordion .accrodion-heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	background: var(--dark-black);
	border: .2rem solid var(--main-color);
	padding: 1.5rem 2rem;
	border-radius: 1rem;
}

.faq .accordion .accrodion-heading h3{
	font-size: 1.5rem;
    color: var(--white);
    font-weight: 400;
    text-transform: none;
}

.faq .accordion .accrodion-heading i{
	font-size: 2rem;
	color: var(--white);
}

.faq .accordion .accordion-content{
	padding: 1rem 2rem;
	border: .1rem solid var(--main-color);
	font-size: 1.6rem;
	line-height: 1.6;
	background: var(--white);
	border-top: 0;
	display: none;
	animation: animate .3s linear backwards;
	transform-origin: top;
	text-transform: none;
}
@keyframes animate{
	0%{
		transform: scaleY(0);
	}
}

/*.faq .main-cotainer  .accordion-container .accordion:nth-child(1) .accordion-content{
	display: block;
}
*/


    .aboutcfcbanner img{
      min-width:100%;
      max-height:100vh;
      object-fit:cover;
    }
    
    @media(max-width:500px){
        .aboutcfcbanner img{
         width:100%;
         margin-top:8rem;
      }
    }
.aboutpage-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.aboutpage-content .imagesection{
    height:400px;
    min-width:50%;
    position:relative;
    overflow:hidden!important;
   
}

.aboutpage-content .imagesection .experience{
    width:200px;
    height:200px;
    background:#f19f2f;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    bottom:-5rem;
    right:-1rem;
}

.aboutpage-content .imagesection .experience h2{
    font-size:3rem;
    color:var(--white);
}

.aboutpage-content .imagesection .experience span{
    display:block;
     font-size:2rem;
     text-align:center;
}

.aboutpage-content .imagesection img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.aboutpage-content .contentsection{
    padding:1rem 3rem;
}

.aboutpage-content .contentsection h3{
    font-size:2.3rem;
    color:rgba(0,0,0,.5);
    text-align:center;
    font-weight:500;
    margin-bottom:1rem;
}

.aboutpage-content .contentsection p{
    font-size:1.6rem;
    padding-bottom:0.5rem;
    text-transform:none;
}


.aboutpage-content .contentsection .founderinformation h1{
    margin-top:1rem;
    font-size:2rem;
    text-transform:uppercase;
    color:var(--light-black);
    font-weight:500;
}

.aboutpage-content .contentsection .founderinformation h4{
    font-size:1.6rem;
    text-transform:uppercase;
    color:var(--orange-color);
    font-weight:700;
}

.aboutpage-content .contentsection .social-media-section{
    display:flex;
    align-items:center;
    margin-top:1rem;
}

.aboutpage-content .contentsection .social-media-section a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    background:var(--orange-color);
    border-radius:50%;
    margin-right:.5rem;
    font-size:2rem;
    color:var(--white);
}  

.ouradvisorssection .advisorscontainer{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:2rem;
    margin-top:2rem;
    text-align:center;
}

.ouradvisorssection .advisorscontainer .advisorbox{
    background:var(--white);
    padding:1rem;
    box-shadow:0 .3rem .5rem rgba(0,0,0,.3);
    position:relative;
}

.ouradvisorssection .advisorscontainer .advisorbox img{
    width:230px;
    height:230px;
    object-fit:cover;
    position:relative;
    border-radius:10px;
}

.ouradvisorssection .advisorscontainer .advisorbox img::before{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    content:'';
}



.ouradvisorssection .advisorscontainer .advisorbox h2{
    margin-top:.5rem;
    font-size:2rem;
    color:var(--orange-color);
}

.ouradvisorssection .advisorscontainer .advisorbox h3{
    margin-top:1rem;
    font-size:1.5rem;
    color:var(--dark-gray);
}

.ouradvisorssection .advisorscontainer .advisorbox h5{
    font-size:1.4rem;
    color:var(--light-gray);
    font-weight:400;
}

.ouradvisorssection .advisorscontainer .advisorbox .social-media-section{
    position:absolute;
    top:2rem;
    right:0rem;
    display:none;
  
}

.ouradvisorssection .advisorscontainer .advisorbox .social-media-section a{
     width:40px;
     height:40px;
     border-radius:50%;
     background:var(--orange-color);
     display:flex;
     align-items:center;
     flex-flow:column;
     justify-content:center;
     margin-bottom:.3rem;
     font-size:1.6rem;
     color:var(--white);
     
}


.ouradvisorssection .advisorscontainer .advisorbox:hover .social-media-section{
    display:block;
     right:2rem;
       transition:0.2s linear ease;
}

/*team section starts*/


.teamsection .teamcontainer{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:2rem;
    margin-top:2rem;
    text-align:center;
}

.teamsection .teamcontainer .teambox{
    background:var(--white);
    padding:1rem;
    box-shadow:0 .3rem .5rem rgba(0,0,0,.3);
    position:relative;
}

.teamsection .teamcontainer .teambox img{
    width:300px;
    height:300px;
    object-fit:cover;
    position:relative;
    border-radius:10px;
}

.teamsection .teamcontainer .teambox img::before{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    content:'';
}



.teamsection .teamcontainer .teambox h2{
    margin-top:.5rem;
    font-size:2rem;
    color:var(--orange-color);
}

.teamsection .teamcontainer .teambox h3{
    margin-top:1rem;
    font-size:1.5rem;
    color:var(--dark-gray);
}

.teamsection .teamcontainer .teambox h5{
     margin-bottom:1rem;
    font-size:1.4rem;
    color:var(--light-gray);
    font-weight:400;
}

.teamsection .teamcontainer .teambox .social-media-section{
    position:absolute;
    top:2rem;
    right:0rem;
    display:none;
  
}

.teamsection .teamcontainer .teambox .social-media-section a{
     width:40px;
     height:40px;
     border-radius:50%;
     background:var(--orange-color);
     display:flex;
     align-items:center;
     flex-flow:column;
     justify-content:center;
     margin-bottom:.3rem;
     font-size:1.6rem;
     color:var(--white);
     
}


.teamsection .teamcontainer .teambox:hover .social-media-section{
    display:block;
    right:2rem;
    transition:0.2s linear ease;
}

.broad-container{
    display:block;
    padding: 5rem 5%;
    /*align-items:center;*/
    /*flex-wrap:wrap;*/
}

.broad-container .heading h1{
    display:block;
    padding-top:8rem;
    padding-bottom:2rem;
    font-size: 4rem;
    position: relative;
    color: var(--orange-color);
    text-transform: uppercase;
    justify-content:center;
    
}

.broad-container .content-section{
    margin-bottom:2rem;
}

.broad-container .content-section p
 {
    font-size: 1.6rem;
    padding-bottom: 1rem;
    text-transform: none;
 }
 
 .broad-container .content-section ul {
     list-style:none;
     
 }
 
 
 .mb-0{
     margin-bottom:0;
 }
 
 .pb-0{
    padding-bottom:0;
 }
 .broad-container .content-section ul li{
   margin-left:2rem;
   font-size:1.4rem;
   line-height:1.4;
   margin-bottom:0.5rem;
 }
 
 .broad-container .content-section ul li i{
     font-size:1.3rem;
     color:var(--orange-color);
     margin-right:.5rem;
 }
 
 .broad-container .content-section table{
    display:flex;
    align-items:center;
 }
 
 .broad-container .content-section table th{
     background:var(--orange-color);
     font-size:1.4rem;
     color:var(--white);
     text-transform:uppercase;
 }
 
 .broad-container .content-section table th,tr,td{
   padding:1rem;
 }
 
 .broad-container .content-section table tr,td{
   background:#f3f3f3;
   font-size:1.4rem;
 }
.footer{
	background: var(--dark-black);
}

.footer .footer-container{
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	flex-wrap: wrap;
	margin-bottom: 3rem;
}

.footer .footer-container .addresses i,
.footer .footer-container .addresses p{
	color: var(--white);
	font-size: var(--text-font);
}

.footer .footer-container .addresses h2,
.footer .footer-container .usefullinks h2,
.footer .footer-container .ourservices h2,
.footer .footer-container .socialmedia h2{
	color: var(--white);
	margin-bottom: 2rem;
	font-size: var(--text-font);
	color: var(--orange-color);
}


 .footer .footer-container .ourservices .duplicatelinks{
	
	    visibility:hidden;
	}

.footer .footer-container .addresses p,
.footer .footer-container .usefullinks p,
.footer .footer-container .ourservices p{
	color: var(--white);
	margin-bottom: 1rem;
	font-size: var(--text-font);
	font-family: 'Poppins', sans-serif;
	text-transform:none;
}

.footer .footer-container .addresses a,
.footer .footer-container .usefullinks a,
.footer .footer-container .ourservices a{
	color: var(--white);
	font-family: 'Poppins', sans-serif;
}

.footer .footer-container .addresses a:hover,
.footer .footer-container .usefullinks a:hover,
.footer .footer-container .ourservices a:hover{
    	color:  var(--orange-color);
}

.footer .footer-container .usefullinks i,
.footer .footer-container .ourservices i{

	font-size: 1rem;
	color: var(--orange-color);
	margin-right: .5rem;
	line-height: 1.2;
}

.footer .footer-container .socialmedia a{
	font-size: 1.5rem;
	width: 4rem;
	height: 4rem;
	background: var(--orange-color);
	color: var(--white);
	line-height: 4rem;
	text-align: center;
	border-radius: 50%;
	margin: .3rem;
}
/*.footer .footer-container .addresses .opentime{
	margin:2rem 0;
}

.footer .footer-container .addresses .phone{
	margin-bottom: 2rem;
}

.footer .footer-container .addresses .email{
	margin-bottom: 2rem;
}*/

.footer .disclaimer-container{
	display: block;
	margin-bottom: 1rem;
}

.footer .disclaimer-container h2{
	font-size: var(--text-font);
	color: var(--orange-color);
	margin-bottom: 1rem;
}

.footer .disclaimer-container p{
	font-size: 1.3rem;
	color: var(--white);
	line-height: 1.6;
	text-transform: none;
	/*font-family: 'Poppins', sans-serif;;*/
}

.footer .copyright{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:5rem;
}

.footer .copyright .copyrighted-text p{
	font-size: var(--text-font);
	color: var(--white);
}
.footer .copyright .designedby a{
	font-size: var(--text-font);
	color: var(--orange-color);
}

.footer .copyright .designedby p{
	color: var(--white);
	font-size: var(--text-font);
}


#scroll-top {
    position: fixed;
    top: -120%;
    right: 2rem;
    padding: 0.5rem 0.8rem;
    font-size: 2.5rem;
    background: var(--orange-color);
    color: var(--white);
    transition: .5s linear;
    z-index: 100;
    border-radius: 0.5rem;
    opacity: .8;
}

#scroll-top.active {
    top: calc(100% - 12rem);
}


#scroll-top:hover {
    transform: rotateY(180deg);
}


/*responsive media queries*/

@media(max-width: 1024px){
	html{
		font-size: 52%;
	}

	header .fa-bars{
		display: block;
	}

	header .navbar{
		position: fixed;
		top: -100rem;left:50%;
		transform: translateX(-50%);
		width: 100%;
		background: var(--dark-black);
		border-radius: .5rem;
		box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .3);
		z-index: 1000;
		transition: .2s linear;
		opacity: 0;
	}

	header .navbar ul{
		flex-flow: column;
	}

	header .navbar ul li{
		margin:1rem auto;
		width: 100%;
		text-align: center;

	}

	header .navbar ul li a{
		display: block;
		font-size: 2rem;
		text-transform: uppercase;
	}
	
		.dropdown .dropdown-content {
	    position:relative;
	}
	

	header .nav-toggle{
		top: 13.5rem;
		opacity: 1;
		transition: .2s linear;
	}

	.calculators{
		padding: 5rem 3%;
	}

		.calculators .container {
		    display: flex;
		    flex-direction: row;
		    justify-content: center;
		    margin: 0px;
		}

		.input-group input, .input-group button, .input-group select {
		    width: 100%;
		}


		.calculator {
	       width: 90%;
	     }

	     .results {
	     	 width: 90%;
	     	 margin: 2rem;
	     }
	     
	      .footer .footer-container .ourservices .duplicatelinks{
	
	    visibility:hidden;
	}
}

@media(max-width: 991px){

	html{
		font-size: 50%;
	}

	header .fa-bars{
		display: block;
	}

	header .navbar{
		position: fixed;
		top: -100rem;left:50%;
		transform: translateX(-50%);
		width: 100%;
		background: var(--dark-black);
		border-radius: .5rem;
		box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .3);
		z-index: 1000;
		transition: .2s linear;
		opacity: 0;
	}

	header .navbar ul{
		flex-flow: column;
	}

	header .navbar ul li{
		margin:1rem auto;
		width: 100%;
		text-align: center;

	}

	header .navbar ul li a{
		display: block;
		font-size: 2rem;
		text-transform: uppercase;
	}
    
    	.dropdown .dropdown-content {
	    position:relative;
	}
	
	header .nav-toggle{
		top: 13.5rem;
		opacity: 1;
		transition: .2s linear;
	}
	
	.aboutpage-content{
	    flex-flow:column;
	}
		.aboutpage-content .imagesection{
	    min-width:100%;
	    height:auto;
   	}

	.calculators{
		padding: 5rem 3%;
	}

		.calculators .container {
		    display: flex;
		    flex-direction: row;
		    justify-content: center;
		    margin: 0px;
		}

		.input-group input, .input-group button, .input-group select {
		    width: 100%;
		}


		.calculator {
	       width: 90%;
	     }

	     .results {
	     	 width: 90%;
	     	 margin: 2rem;
	     }
	     
	     .footer .footer-container
	     {
	         display:block;
	     }
	     
	     .footer .footer-container .ourservices .duplicatelinks{
	
	    display:none;
	}
}
@media(max-width:768px){
	html{
		font-size: 55%;
	}
	
	.header-top{
	    text-align:center;
	}

	header .fa-bars{
		display: block;
	}

	header .navbar{
		position: fixed;
		top: -100rem;left:50%;
		transform: translateX(-50%);
		width: 100%;
		background: var(--dark-black);
		box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .3);
		z-index: 1000;
		transition: .2s linear;
		opacity: 0;
	}

	header .navbar ul{
		flex-flow: column;
	}

	header .navbar ul li{
		margin:1rem auto;
		width: 100%;
		text-align: center;

	}

	header .navbar ul li a{
		display: block;
		font-size: 2rem;
		text-transform: uppercase;
	}
	
	.dropdown .dropdown-content {
	    position:relative;
	}

	header .nav-toggle{
		top: 9.5rem;
		opacity: 1;
		transition: .2s linear;
		height:100vh;
	}

	.mobimage{
	display: block;
	width:80%;
	margin:0 auto;
	margin-top:-5rem;
}

.howitworksdesk{
    display:none;
}

.howitworksmob{
 display:block;   
}


.howitworks .box-cotainer{
    flex-flow:column;
}

.howitworks .box-cotainer .arorwicon{
    transform:rotate(270deg);
}


	.homesection .contentcontainer{
		width: 100vw;
	}

	.homesection .contentcontainer .heading-content h1{
		font-size: 3.2rem;
	}
	
	.homesection .contentcontainer .icon-container{
	    margin-bottom:2rem;
	}

	.homesection .contentcontainer .icon-container .box{
		/*display: block;*/
		/*text-align: center;*/
	}
	
	.homesection .contentcontainer .icon-container .box .content p{
	    padding:0;
	}

	.homesection .contentcontainer .icon-container .box .icon i{
		 padding: 2rem 0 0 2rem;;
	}

	.homesection .contentcontainer .btn{
		margin: 0 auto;
		margin-bottom: 2rem;
	}
	.homesection .contentcontainer .text-content p{
		font-size: 1.5rem;
	}

	.homesection .imagecontainer{
		width: 100vw;
	}

	.aboutsection {
    background: var(--light-black);
}

	.aboutsection .left-content{
		width: 0;
	}
	.aboutsection .right-content{
		width: 100vw;
		margin-left: 0;
	}

	.aboutsection .right-content h1{
		font-size: 3rem;
	}
	
	.aboutpage-content{
	    flex-flow:column;
	}
	
	.aboutpage-content .imagesection{
	    min-width:100%;
	    height:auto;
	}
	
	
	.aboutpage-content.directormessage{
	    flex-flow:column-reverse;
	}
	
	.products .heading h4{
	    font-size:3rem;
	    padding:1rem 0 1rem 0;
	}

	.products .box-cotainer .box{
		flex-flow: column;
		padding:0;
	}
	
	.products .box-cotainer .box .content-box{
	    align-items:center;
	}
	
	.products .box-cotainer .box .content-box p{
	    text-align:center;
	}

	/*.products .box-cotainer .box:hover{*/
	/*	    transform: translateY(10rem);*/
	/*	    -webkit-transform: translateY(10rem);*/
	/*	    transition: .4s linear ease;*/
	/*}*/
	
	.products .box-cotainer .box .image-box img{
	    width: 100%;
    margin: auto;
    display: block;
	}

	.calculators{
		padding: 5rem 3%;
	}

		.calculators .container {
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    margin: 0px;
		}

		.input-group input, .input-group button, .input-group select {
		    width: 100%;
		}


		.calculator {
	       width: 100%;
	     }

	     .results {
	     	 width: 100%;
	     	 margin: 0;
	     }

	.testimonial .box-cotainer{
		margin: 1rem;
	}

	.testimonial .box-cotainer .testmob{
		margin-bottom: 14rem;
	}
	
	.faq .main-cotainer{
		flex-flow: column-reverse;
	}

	.faq .main-cotainer .form-container{
		width: 100%;
	}

	.faq .main-cotainer .accordion-container{
		width: 100%;
	}
	
	.faq .accordion .accrodion-heading h3{
	    line-height:1.6;
	}
	
	.footer .footer-container .usefullinks h2, .footer .footer-container .ourservices h2{
	    margin-bottom:1rem;
	    margin-top:2rem;
	}
	
	 .footer .footer-container .ourservices .duplicatelinks{
	
	    display:none;
	}
	
	.footer .copyright{
	    flex-flow:column;
	    line-height:2.5rem;
	    text-align:center;
	}
}

@media(max-width:500px){
    
     .aboutpage-content .imagesection .experience{
        width:120px;
        height:120px;
    }
    
    .aboutpage-content .imagesection .experience h2{
        font-size:2rem;
        text-align:center;
        margin-bottom:2rem;
    }
    
    .aboutpage-content .imagesection .experience span{
        font-size:1.5rem;
    }
    
    .footer .footer-container{
        flex-flow:column;
    }
}


@media(max-width:320px){
     .aboutpage-content .imagesection .experience{
        width:120px;
        height:120px;
    }
    
    .aboutpage-content .imagesection .experience h2{
        font-size:2rem;
        text-align:center;
        margin-bottom:2rem;
    }
    
    .aboutpage-content .imagesection .experience span{
        font-size:1.5rem;
    }
    
    .footer .footer-container{
        flex-flow:column;
    }
}