:root{
    --orange: #F37A3A;
}
/*@font-face {
    font-family: 'century_gothicregular';
    src: url('../fonts/gothic-webfont.woff2') format('woff2'),
         url('../fonts/gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'century_gothicbold';
    src: url('../fonts/gothicb-webfont.woff2') format('woff2'),
         url('../fonts/gothicb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'century_gothicbold_italic';
    src: url('../fonts/gothicbi-webfont.woff2') format('woff2'),
         url('../fonts/gothicbi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'century_gothicitalic';
    src: url('../fonts/gothici-webfont.woff2') format('woff2'),
         url('../fonts/gothici-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Regular.woff2') format('woff2'),
        url('../fonts/GoogleSans-Regular.woff') format('woff'),
        url('../fonts/GoogleSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* body{font-family: 'Poppins', sans-serif;} 
body{font-family: 'century_gothicregular';}*/
html{scroll-behavior: smooth;}
body{font-family: 'Google Sans';}
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Google Sans';
	font-weight: bold;
}
.main-header {
	position: relative;
    background: #fff;
}
.menu-header {
	position: absolute;
	width: 100%;
}
.inner-header .menu-header {
	position: relative;
	width: 100%;
}
.home-banner {
    background: url(../images/main-baner-bg.png)no-repeat -2px 0;
    background-size: cover;
	padding: 200px 0 150px;
    height: 100vh;
	min-height: 800px;
}
._logo img {
	max-width: 280px;
	transition: all 300ms ease-in-out;
}
.logo-cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.main-nav {
	display: flex;
	list-style: none;
	gap: 0px;
	margin-bottom: 0;
	padding-left: 0;
    align-items: center;
}
.main-nav li{padding: 2px 10px; transition: all 300ms ease-in-out;}
.main-nav li a{color: var(--orange); text-transform: uppercase; font-family: 'Google Sans'; transition: all 300ms ease-in-out; font-size: 14px;}
.main-nav li.active, .main-nav li:hover{background: var(--orange); }
.main-nav li.active a, .main-nav li:hover a{color: #fff; text-decoration: none;}
.banner-inner {
	max-width: 1200px;
	margin: auto;
	margin-top: 150px;
}
.banner-inner .banner-content {
	max-width: 800px;
}
.banner-inner .banner-content p {
	font-size: 18px;
	margin-top: 25px;
}
.title-w-line {
	color: var(--orange);
}
.title-w-line::before {
	content: '';
	width: 25px;
	height: 2px;
	background: var(--orange);
	position: relative;
	display: inline-block;
	top: -5px;
	margin-right: 10px;
}
.banner-content h1 {
	font-weight: 700;
	font-size: 48px;
}
.banner-content h1 span{color: var(--orange);}
.banner-btn {
	margin-top: 60px;
}
.btn-orange {
	background-color: var(--orange);
	border-radius: 0;
	box-shadow: -8px 8px 0px #fff;
	color: #fff;
	font-weight: 600;
	padding: 14px 22px;
	font-size: 20px;
}
.what-we-do {
	background: #f6f6f6;
}
.what-we-img-cont img {
	width: 100%;
}
.what-we-btn {
	margin: -26px 0 0 44px;
}
.concept-img img {
	max-width: 100%;
}
.section-title h2 span{color: var(--orange);}
.how-it-works {
	background: #fef5ee;
}
.our-programs-feats {
	display: flex;
	gap: 15px;
	align-items: center;
}
.feats-list {
	width: 33.3%;
}
.girl-img {
	width: 33.3%;
}
.girl-img img {
	width: 100%;
}
.feats-list .feats-txt {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}
.feats-list .feats-txt ._icn img {
	width: 60px;
}
.our-programs {
	/* background-size: cover; */
	/* background-image: linear-gradient(to bottom, #efefef , #fff); */
	background: url(../images/our-work-bg.png) no-repeat bottom;
	background-size: cover;
}
.feats-list .feats-txt h3{color: var(--orange);}
.feats-list._left {
	text-align: right;
}
.feats-list._ryt .feats-txt {
	flex-direction: row-reverse;
}
.servcie-suite-cont {
	background-image: linear-gradient(to right, #F04A34 , #F47A3B);
}
.service-suite-select {
	max-width: 500px;
	margin: auto;
	position: relative;
}
.service-suite-select .form-control {
	border: 2px solid var(--orange);
	border-radius: 0;
	height: 62px;
	font-weight: 600;
	
}
.service-suite-select::after {
	content: '\f0d7';
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	width: 75px;
	height: 58px;
	top: 2px;
	background: #fff;
	text-align: center;
	line-height: 60px;
	pointer-events: none;
	font-size: 32px;
}
.pricing-tabs-cont .nav-tabs {
	border: 0;
	justify-content: space-between;
	text-align: center;
}
.pricing-tabs-cont .tab-pane {
	margin-top: 40px;
}
.pricing-tabs-cont .nav-item {
	flex: auto;
	position: relative;
	border: 1px solid #fff;
}
.pricing-tabs-cont .nav-item .active::after {
	content: '\f0d7';
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 46px;
	bottom: -40px;
	transform: translateX(-50%);
	left: 50%;
}
.pricing-tabs-cont .nav-item.nav_1 a {
	background: #F03B30;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 22px;
	font-weight: 600;
}
.pricing-tabs-cont .nav-item.nav_1 .active::after{color: #F03B30;}
.pricing-tabs-cont .nav-item.nav_2 a {
	background: #F15836;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 22px;
	font-weight: 600;
}
.pricing-tabs-cont .nav-item.nav_2 .active::after{color: #F15836;}
.pricing-tabs-cont .nav-item.nav_3 a {
	background: #F27F3C;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 22px;
	font-weight: 600;
}
.pricing-tabs-cont .nav-item.nav_3 .active::after{color: #F27F3C;}
.pricing-tabs-cont .nav-item.nav_4 a {
	background: #F29C3C;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 22px;
	font-weight: 600;
}

.pricing-tabs-cont .nav-item.nav_4 .active::after{color: #F29C3C;}

.pricing-tabs-cont .nav-item a {
	padding: 20px 0;
}
.pricing-tabs-cont td:nth-child(1) {
	max-width: 80px;
}
.pricing-tabs-cont td:nth-child(2) {
	text-align: center;
	border: 4px solid #707070;
	border-bottom:0 ;
	border-top:0 ;
}
.pricing-tabs-cont td:nth-child(4) {
	text-align: center;
	border: 4px solid #707070;
	border-bottom:0 ;
	border-top:0 ;
}
.pricing-tabs-cont td:nth-child(6) {
	text-align: center;
	border: 4px solid #707070;
	border-bottom:0 ;
	border-top:0 ;
}
.pricing-tabs-cont td {
	border-top: 0;
	border-bottom: 0;
}
.service-price {
	font-size: 22px;
	font-weight: 600;
}
.pricing-tabs-cont tfoot td:nth-child(2) {
	text-align: center;
	border: 4px solid #707070;
	border-top:0 ;
	border-radius: 0 0 20px 20px;
}
.pricing-tabs-cont tfoot td:nth-child(4) {
	text-align: center;
	border: 4px solid #707070;
	border-top:0 ;
	border-radius: 0 0 20px 20px;
}
.pricing-tabs-cont tfoot td:nth-child(6) {
	text-align: center;
	border: 4px solid #707070;
	border-top:0 ;
	border-radius: 0 0 20px 20px;
}
.pricing-tabs-cont th:nth-child(1) {
	width: 25%;
}
.pricing-tabs-cont th:nth-child(2) {
	text-align: center;
	width: 25%;
	border: 4px solid #707070;
	border-bottom:0 ;
	border-radius: 20px 20px 0 0;
}
.pricing-tabs-cont th:nth-child(3) {
	border: 0;
	width: 1%;
}
.pricing-tabs-cont th:nth-child(4) {
	text-align: center;
	width: 25%;
	border: 4px solid #707070;
	border-radius: 20px 20px 0 0;
	border-bottom:0 ;
}
.pricing-tabs-cont th:nth-child(5) {
	border: 0;
}
.pricing-tabs-cont th:nth-child(6) {
	text-align: center;
	width: 25%;
	border: 4px solid #707070;
	border-radius: 20px 20px 0 0;
	border-bottom:0 ;
}
.pricing-tabs-cont .table {
	border-collapse: separate;
	border-spacing: 0;
}
.table-head.head1 {
	color: #ED7C40;
	text-transform: uppercase;
	font-size: 22px;
}
.table-head.head2 {
	color: #ED4B36;
	text-transform: uppercase;
	font-size: 22px;
}
.main-footer {
	background: #FFF2EA;
	color: #5D5D5D;
}
.main-footer a{color: #5D5D5D;}
.main-footer .btn{color: #fff; box-shadow: none;}
.footer-logo-cont img {
	width: 250px;
}
.main-footer ._menus ul {
	list-style: none;
	padding-left: 0;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	justify-content: space-between;
	gap: 4px;
	margin-top: 15px;
}
.main-footer ._menus ul li a{font-size: 14px;}
.main-footer ._menus ul li a img {
	width: 15px;
}
.footer-socio .socio-links a {
	font-size: 24px;
	padding: 0 5px;
	transition: 300ms ease-in-out all;
}
.footer-socio .socio-links {
	margin-bottom: 10px;
}
.menu-header.fixedHeader {
	position: fixed;
	background: #fff;
	box-shadow: 0 0 8px #ccc;
	z-index: 999;
}
.menu-header.fixedHeader ._logo img {
	max-width: 180px;
}
.footer-socio .socio-links a:hover{color: var(--orange);}
.toTop {
	position: fixed;
	right: 60px;
	bottom: 100px;
	font-size: 32px;
}
.toTop.hidden {
	display: none;
}
.modal-header {
	background-image: linear-gradient(to right, #F04A34 , #F47A3B);
	color: #fff;
}
.modal-header .close{color: #fff;}
.modal-body {
	background: #fef5ee;
}
.modal-body ._logo {
	text-align: center;
	margin-bottom: 20px;
}
.modal-body h3 {
	text-align: center;
}
.modal .btn.btn-primary {
	background: var(--orange);
	border-color: var(--orange);
}
.modal-footer {
	justify-content: center;
}
/****************** Start Responsive *********************/
@media(max-width: 1700px){
	.banner-inner {
		max-width: 900px;
		margin: auto;
		margin-top: 70px;
	}
}
@media(max-width: 1400px){
	.banner-inner {
		max-width: 900px;
		margin: auto;
		margin-top: 70px;
	}
}
@media(max-width: 1200px){
	.main-nav{gap: 5px;}
	.home-banner{height: auto;}
	.banner-inner {
		max-width: 800px;
		margin: auto;
		margin-top: 20px;
		text-align: center;
	}
}
@media(min-width: 993px){
	.show-mob{display: none;}
	.show-desktop{
		display: block !important;
	}
	.what-we-img{width: 50%;}
}
@media(max-width: 992px){
	.show-mob{display: block;}
	.what-we-img{width: 100%;}
	.show-desktop{
		display: none;
	}
	.nav-cont{
		position: absolute;
		right: 15px;
	}
	.main-nav{background-color: rgba(0, 0, 0, 0.7); position: absolute; right: 15px; top: 30px; min-width: 250px; flex-direction: column; box-shadow: 0 0 8px #333; padding: 20px;}
	.nav-toggler{cursor: pointer; font-size: 28px;}
	.container{max-width: 95%;}
	.main-nav li {
		padding: 2px 10px;
		transition: all 300ms ease-in-out;
		display: block;
		width: 100%;
		border-bottom: 1px dashed #fff;
	}
	.main-nav li a{display: block; color: #fff;}
	.home-banner {
		height: auto;
		/*background: transparent;*/
		min-height: auto;
		padding-bottom: 40px;
		background-size: 100%;
		background-position: bottom;
	}
	.banner-content h1 {
		font-weight: 700;
		font-size: 38px;
	}
}
@media(max-width: 768px){
	.our-programs-feats {
		flex-direction: column;
	}
	.banner-inner {
		padding: 0 15px;
	}
	.feats-list {
		width: 100%;
	}
	.girl-img {
		width: 100%;
	}
	.feats-list._ryt .feats-txt {
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	.feats-list._left {
		text-align: left;
	}
	.pricing-tabs-cont .nav-item.nav_1 a, .pricing-tabs-cont .nav-item.nav_2 a, .pricing-tabs-cont .nav-item.nav_3 a{font-size: 14px;}
	.table-head.head1, .table-head.head2, .pricing-tabs-cont td, .service-price{font-size: 12px;}
	.pricing-tabs-cont .table td, .table th{padding: 0.15rem;}
	.pricing-tabs-cont th:nth-child(1) {
		width: 25%;
	}
	.pricing-tabs-cont th:nth-child(5){width: 1%;}
	.pricing-tabs-cont th:nth-child(2),.pricing-tabs-cont th:nth-child(4), .pricing-tabs-cont th:nth-child(6){width: 15%;}
}