*{
		font-family: 'Roboto', sans-serif;
	}
	.d-flex{
		display:flex;
	}
	.bx {
		font-size: 20px;
	}
	.text-color{
		color:#a4fadd !important;
	}
	.pt2
	{
		padding-top:2rem !important;
	}
	.banner-head {
		padding-bottom: 100px;
	}
	.headbox {
		align-items: flex-end;
	}
	.btn-primary {
		color: #fff;
		background: transparent linear-gradient(270deg, #04a2ad, #33b384) 0 0 no-repeat padding-box !important;
		border-color: #33b384 !important;
		box-shadow: 0 0.125rem 0.25rem 0 rgba(11, 164, 167, 0.31);
	}
	.btn-primary:hover {
		color: #fff;
		background: transparent linear-gradient(270deg, #33b384, #04a2ad) 0 0 no-repeat padding-box !important;
		border-color: #33b384 !important;
		box-shadow: 0 0.125rem 0.25rem 0 rgba(11, 164, 167, 0.31);
	}
	.btn-primary:focus {
		color: #fff;
		background: transparent linear-gradient(270deg, #33b384, #04a2ad) 0 0 no-repeat padding-box !important;
		border-color: #33b384 !important;
		box-shadow: 0 0.125rem 0.25rem 0 rgba(11, 164, 167, 0.31);
	}
	.form_title{
		background:transparent linear-gradient(97deg,#04a2ad,#33b384) 0 0 no-repeat padding-box;
		border-top-right-radius: 1.5rem;
		border-top-left-radius: 1.5rem;
	}
	.form-select{
		border: 1px solid #a5a5a5 !important;
	}
	.stick-box {
		background: #f8cd4d;
		padding: 20px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		transition: 0s;
		cursor: pointer;
		height: 100%;
		min-height:135px;
		max-height:180px;
	}
	.title-head {
		margin-bottom: 30px;
	}
	.nav-link.active {
		box-shadow: 0px 4px 15px rgb(0 0 0 / 36%);
		border-radius: 10px;	
		height: 100%;
		min-height: 135px;
		max-height: 200px;
	}
	.nav-link.active .arrow-down {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 22px solid #f0ce60;
		position: relative;
		bottom: -20px;
	}
	.stick-box h4 {
		font-size: 25px;
		font-weight: 600;
	}
	.stick-box h5 {
		font-weight: 600;
	}
	.stick-box p {
		font-size: 20px;
	}
	.nav-pills .nav-link.active,
	.nav-pills .show>.nav-link {
		color: var(--bs-nav-pills-link-active-color);
		background-color: var(--bs-nav-pills-link-active-bg);
	}
	.nav-link {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		transition: 0s;
		cursor: pointer;
		height: 100%;
		background: #f8cd4d;
		border-radius: 10px;
	}
	.P-lg img{
		height: 130px;
	}
	.P-lg h5{
		padding-top:15px;
	}
	.form-check-input
	{
		border:1px solid #a5a5a5;
	}
	.form-check-input.is-valid:checked {
		background-color: #0fa0ad ;
	}
	.form-check-input.is-valid{ 
		border-color: #0fa0ad ;
	}
	.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #131314 !important;
	}
	.about
	{
		height:100%;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: center;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
	}
	.about img{
		margin-top:-86px;
	}
	.bg-light{
		background-color: rgba(245, 245, 247, 1) !important;
	}
	.counter
	{
		padding:15px 15px 150px 15px;
	}	
	.counter .container{
		border-color: rgba(0, 0, 0, 0.1);
		border-width: 1px 1px 1px 1px;
		border-radius: 7px 7px 7px 7px;
		border-style: solid;
		padding: 70px 20px;
	}
	.shadow-lg{
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16) !important;
	}
	.form-check label{
		display: contents !important;
	}
	
	header{
		background:#000;
	}
	.list-1{
		display: inline-flex;
	}
	.list-1 a{
		border: 1px solid #707070;
		padding: 12px;
		border-radius: 50%;
	}
	.list-1 a:hover{
		color: #33b384 !important;
	}
	.footerBG {
	  background: rgb(24 35 35) !important;
	}
	footer a{
		color: #fff;
	}
	.footer-rightsec a{
		color:#fff;
	}
	.footer-rightsec a:hover{
		color: #33b384 !important;
	}
	.input-group-text{ 
		text-align:left !important;
	}
	.input-group-text input::placeholder{
		text-transform: capitalize;
	}
	
	.social-icons{
		display: flex;
	}
	.social-icons i
	{
		background-color: rgb(24, 35, 35) !important;
		color: #fff;
		border-radius: 50%;
		padding: 6px;
	}
	.timing-list li {
		position: relative;
		padding-left: 24px; /* space for icon */
		list-style: none;
		display: flex;
		justify-content: start;
		align-items: end;
	}
	.timing-list li::before {
		content: "\25CF"; /* Unicode for bx-dot */
		font-family: 'boxicons';
		position: absolute;
		left: 0;
		font-size: 1.2em;
		color: #333; /* optional */
	}
	/*Responsive css*/
	
	@media(min-width:767px) and (max-width:1200px){
		.nav-link{
			min-height: 200px !important;
			max-height: 200px !important;
			width: 100%;
		}
		.stick-box{
			height: 100%;
			min-height:135px;
			max-height:150px;
		}
	}
	@media(max-width:997px){   
		.partners-lg{
			display:none;
		}
		.partners-sm{
			display:block;
		}
		.list li {
			color: #fff;
			margin-bottom: 7px;
			font-size: 14px;
		}
		.sm-text-center{
			justify-content: center !important;
		}
	}
	@media(min-width:997px){
		.partners-lg{
			display:block;
		}
		.partners-sm{
			display:none;
		}
	}
	@media(min-width:767px) and (max-width:1200px){
		.nav-link.active .arrow-down {
			width: 0;
			height: 0;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-top: 22px solid #f0ce60;
			position: relative;
			bottom: -35px;
		}
	}
	@media(max-width:380px){
		.nav-link{
			height: 100%;
			min-height: 180px;
			max-height: 200px;
		}
		.stick-box h4 {
			font-size: 22px;
			font-weight: 600;
		}
		.stick-box p {
			font-size: 16px;
		}
		.stick-box h5 {
			font-weight: 600;
			font-size: 18px;
		}
		.title-head h1{
			line-height: 40px  !important;
		}
	}
	@media (min-width: 768px) {
		.tophead {
			grid-template-columns: repeat(3, 1fr);
		}
		.grid-container .item1{
			text-align:center;
			background: #fff;
			border-radius: 10px;
			padding: 20px;
			width: 200px;
		}
	}
	@media(max-width:767px){
		.title-head h1{line-height: 44px  !important;}
		.footerBG{
			position: relative;
			overflow:hidden;
		}
		.footerBG::before {
			content: "";
			position: absolute;
			bottom: 0;
			background-size: 100%;
			background-repeat: no-repeat;
			z-index: 0;
		}
		.footerBG::before {
			top: -85%;
			right: 0;
			width: 66%;
		}
		:lang(ar) .footerBG::before {
			top: -74%;
			left: 0;
			width: 0%;
		}
	}
	@media(min-width:767px){
		.title-head h1{
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			line-height: 54px;
			font-style: normal;
			width: 90%;
		}
		.footerBG{
			position: relative;
			overflow:hidden;
		}
		.footerBG::before {
			content: "";
			position: absolute;
			bottom: 0;
			background-size: 100%;
			background-repeat: no-repeat;
			z-index: 0;
		}
		.footerBG::before {
			top: -85%;
			right: 0;
			left: -30%;
			width: 66%;
		}
		:lang(ar) .footerBG::before {
			top: -74%;
			right: -30%;
			left: 0;
			width: 52%;
		}
	}
	@media(min-width:1200px) {
		.container {
			width: 1180px;
		}
	}
	@media (max-width: 767px) {
		.tophead{
			display: grid;
			grid-template-columns: 1fr;
		}	
		.tophead {
			grid-template-areas:
			  "second"
			  "first"
			  "third";
		}
		.first {
			grid-area: first;
		}
		.second {
			grid-area: second;
		}
		.third {
			grid-area: third;
		}
		.sm-mb50{
			margin-bottom: 50px;
		}
		.counter img{
			width:50px !important;
		}
	}
	
	@media only screen and (min-width: 250px) and (max-width: 420px) {
		.list-1 li {
			color: #fff;
			margin-bottom: 7px;
			font-size: 14px;
		}
	}
	
	@media (max-width: 767px)
	{
		.banner {
			padding-bottom: 150px;
			color: #fff;
			background-position: top left;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.title-head{
			display: none;
		}
		.title-head-mobile{
			display: block;
		}
		.formview{
			margin-top:-120px;
		}
	}
	@media (min-width:767px){
		.banner {
			padding-bottom: 150px;
			/*padding-top: 150px;*/
			color: #fff;
			background-position: top center;
			background-size: cover;
			background-repeat: no-repeat;
			height:530px;
		}
		.title-head{
			display: block
		}
		.title-head-mobile{
			display: none;
		}
		.formview{
			margin-top:-300px;
		}
	}
	
	:lang(ar) .form-check-input {
		margin-left: 5px; /* Add space between checkbox and text */
		margin-right: 0; /* No space on the right in RTL */
		float: initial;
	}
	:lang(ar) #telephone {
		border-top-left-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
	
	.footer-cnttext
	{
		padding-left: 1.5rem !important;
	}
	:lang(ar) .footer-cnttext
	{
		padding-right: 1.5rem !important;
	}
	.ps-left{
		padding-left: 0.5rem !important;
	}
	:lang(ar) .ps-left
	{
		padding-right: 0rem !important;
	}
	:lang(ar) .arps-left{
		padding-left: 0.5rem !important;
	}