/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Nexora - Business Coaching HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. Home About us css
06. Services css
07. Why Choose us css
08. Our Process css
09. Our Process css
10. Our Pricing css
11. Our Clients css
12. Join Now css
13. Footer css
14. About Page css
15. FAQs Page css
16. Courses List Page css
17. Course Single Page css
18. Blog List Page css
19. Team Page css
20. Contact Us Page css
21. Team Single Page css
22. Success Story Page css
23. 404 Page css
24. Blog Single Page css
25. Media Query CSS
-------------------------------------------------------------------------------------- */

/************************************/
/***** 	 01. Global Variables	 ****/
/************************************/

:root {
	--body-background		: #001413;
	--primary-color			: #71AFAC;
	--primary-overlay-color	: #3BAFCA90;
	--dark-overlay			: #001413CC;
	--secondary-color		: #0B1F1E;
	--text-color			: #fff;
	--error-color			: rgb(230, 87, 87);
	--accent-font			: 'Space Grotesk', sans-serif;
	--default-font			: 'Poppins', sans-serif;
	--transition			: all 0.2s ease-in-out;
}
  

/************************************/
/***** 	   02. General css		 ****/
/************************************/

body{
	font-size: 14px;
	font-weight: 300;
	background: var(--body-background);
	font-family: var(--default-font);
	color: var(--text-color);
	line-height: 1.8em;
}

p{
	line-height: 1.8em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: var(--accent-font);
	margin-top:0;
	font-weight: 700;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.container{
	max-width: 1140px;
}

.btn-default{
	display: inline-block;
	background: var(--primary-color);
	font-family: var(--default-font);
	color: var(--text-color);
	font-size: 18px;
	font-weight: 600;
	padding: 12px 30px;
	border: 2px solid var(--primary-color);
	border-radius: 30px;
	transition: var(--transition);
}

.btn-default:hover{
	background: transparent;
	color: var(--primary-color);
}

.btn-default i{
	margin-left: 10px;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--body-background);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader{
	margin: auto;
	border: 8px solid #fff;
	border-radius: 50%;
	border-top: 8px solid var(--primary-color);
	width: 80px;
	height: 80px;
	animation: spinner 2s linear infinite;
}
  
@keyframes spinner{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/************************************/
/***** 	   03. Header css		 ****/
/************************************/

header.main-header{
	padding: 25px 0;
}

.navbar{
	padding: 0;
}

.main-menu{
	font-family: var(--accent-font);
	justify-content: flex-end;
}

.main-menu ul{
	align-items: center;
}

.main-menu ul li{
	margin: 0 15px;
	position: relative;
}

.main-menu ul li.submenu > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a{
	font-size: 16px;
	font-weight: 700;
	padding: 12px 10px !important;
	color: var(--text-color);
}

.main-menu ul li.highlighted-menu a{
	background-color: var(--primary-color);
	border: 2px solid var(--primary-color);
	padding-left: 30px !important;
	padding-right: 30px !important;
	border-radius: 30px;
	font-size: 18px;
	font-weight: 600;
	font-family: var(--default-font);
	transition: var(--transition);
}

.main-menu ul li.highlighted-menu a:after{
	content: '\f35a';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 10px;
}

.main-menu ul li.highlighted-menu a:hover,
.main-menu ul li.highlighted-menu a:focus{
	background: transparent;
	color: var(--primary-color);
}

.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: var(--primary-color);
}

.main-menu ul ul{
	display: none;
	padding: 8px 0;
	margin: 0;
	list-style: none;
	width: 200px;
	border-radius: 12px;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--primary-color);
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	padding: 7px 20px !important;
}

.main-menu ul ul li a:hover{
	color: var(--secondary-color);
}

.main-menu ul li:hover > ul{
	display: block;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	margin-top: 10px;
}

.slicknav_btn{
	background: none;
	border: 2px solid var(--primary-color);
	padding: 6px 0 0;
	width: 42px;
	height: 42px;
	margin: 0;
	border-radius: 30px;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--primary-color);
	margin: 4px auto !important;
}

.slicknav_menu{
	padding: 0;
	background: #71AFAC;
}

.slicknav_nav{
	padding-top: 5px;
	padding-bottom: 5px;
}

.slicknav_nav li a{
	font-size: 16px;
	font-weight: 700;
	font-family: var(--accent-font);
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover{
	background-color: transparent;
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content: '\f105';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

/************************************/
/***** 	    04. Hero css		 ****/
/************************************/

.hero{
	padding: 100px 0;
}

.hero-content{
	padding-right: 60px;
}

.hero-content-header{
	margin-bottom: 30px;
}

.hero-content-header h1{
	font-size: 42px;
	color: var(--primary-color);
	line-height: 1.2em;
}

.hero-content-header h2{
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 20px;
}

.hero-content-body .btn-default{
	margin-top: 10px;
}

.hero-image{
	text-align: right;
}

/************************************/
/***** 	 05. Home About us css	 ****/
/************************************/

.home-aboutus{
	padding: 100px 0;
	background-color: var(--secondary-color);
}

.home-about-image{
	text-align: center;
}

.home-about-image img{
	border-radius: 500px 500px 0 0;
}

.about-services{
	margin-top: -80px;
	display: flex;
	justify-content: center;
	align-items: baseline;
}

.about-service-single{
	width: 50%;
	max-width: 170px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-color: var(--body-background);
	margin: 0 5px;
	padding: 30px;
	aspect-ratio: 1/1;
	border-radius: 50% 50% 50% 0;
}

.home-about-first{
	text-align: right;
	border-radius: 50% 50% 0 50%;
}

.about-service-single .about-service-icon{
	width: 100%;
}

.about-service-single h3{
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	margin: 15px 0 0;
}

.home-about-content{
	padding-left: 30px;
}

.home-about-content h2{
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 20px;
}

.about-signature{
	margin-top: 30px;
}

/************************************/
/***** 	   06. Services css   	 ****/
/************************************/

.home-services{
	padding: 100px 0 50px;
}

.section-title{
	text-align: center;
	margin-bottom: 60px;
}

.section-title h2{
	font-size: 40px;
	font-weight: 700;
	color: var(--primary-color);
	margin: 0 0 20px;
}

.section-title p{
	margin-bottom: 0;
}

.home-service-single{
	background-color: var(--secondary-color);
	text-align: center;
	border-radius: 24px;
	padding: 30px;
}

.home-service-single .service-icon{
	margin-bottom: 20px;
}

.home-service-single h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 20px;
}

.home-service-single .btn-default{
	margin-top: 10px;
	font-size: 16px;
	padding: 8px 25px;
}

/************************************/
/***** 	 07. Why Choose us css	 ****/
/************************************/

.why-choose-us{
	padding: 50px 0;
}

.why-choose-accordion{
	margin-right: 30px;
}

.accordion-default .accordion-item{
	background: var(--secondary-color);
	border: none;
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: 20px;
	border-radius: 0;
}

.accordion-default .accordion-header{
	font-size: 20px;
	font-weight: 700;
	color: var(--text-color);
	padding: 14px 40px 14px 20px;
	cursor: pointer;
	position: relative;
}

.accordion-default .accordion-header:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-size: 18px;
	position: absolute;
	right: 15px;
	top: 16px;
	color: var(--primary-color);
	transition: var(--transition);
}

.accordion-default .accordion-header:not(.collapsed):after{
	transform: rotate(180deg);
}

.accordion-default .accordion-body{
	color: var(--text-color);
}

.accordion-default .accordion-body p:last-child{
	margin-bottom: 0;
}

.why-choose-video{
	border-radius: 24px;
	overflow: hidden;
	position: relative;
}

.why-choose-video .why-choose-video-image img{
	border-radius: 24px;
}

.why-choose-us-video-overlay{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: var(--primary-overlay-color);
}

.why-choose-us-video-overlay a{
	font-size: 80px;
	color: var(--text-color);
	text-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/************************************/
/***** 	 08. Our Process css	 ****/
/************************************/

.our-process{
	padding: 50px 0 100px;
}

.our-process .section-title{
	text-align: left;
}

.our-process .section-title .btn-default{
	margin-top: 30px;
}

.our-process-single{
	background-color: var(--secondary-color);
	padding: 50px 40px;
	border-radius: 24px;
	text-align: center;
}

.our-process-single.process-2{
	margin-top: -60px;
}

.our-process-single.process-3{
	margin-top: -120px;
}

.our-process-single h2{
	font-size: 40px;
	line-height: 1em;
	color: var(--primary-color);
	margin-bottom: 30px;
}

.our-process-single h3{
	margin-bottom: 30px;
	font-size: 20px;
}

.our-process-single p:last-child{
	margin-bottom: 0;
}

/************************************/
/***** 	 09. Our Process css	 ****/
/************************************/

.latest-courses{
	padding: 100px 0;
	background: var(--secondary-color);
}

.course-item{
	margin-bottom: 30px;
}

.course-header{
	margin-bottom: 25px;
}

.course-item .course-feature-image{
	margin-bottom: 20px;
}

.course-item .course-feature-image img{
	border-radius: 24px;
}

.course-item .course-meta ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.course-item .course-meta ul li{
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	font-family: var(--accent-font);
	margin-right: 15px;
}

.course-item .course-meta ul li i{
	color: var(--primary-color);
	margin-right: 4px;
}

.course-body h2{
	font-size: 22px;
	margin-bottom: 15px;
}

.course-body h3{
	font-size: 20px;
	margin-bottom: 15px;
  color: var(--primary-color);
}

.course-body h4{
	font-size: 18px;
	margin-bottom: 15px;
  color: var(--primary-color);
}

.course-body h5{
	font-size: 16px;
	margin-bottom: 15px;
  color: var(--primary-color);
}

.course-body ul{
	padding: 0;
	margin: 0 0 15px;
	list-style: none;
}

.course-body ul li{
	margin-bottom: 6px;
}

.course-body ul li i{
	color: var(--primary-color);
	margin-right: 8px;
}

.course-footer .btn-default{
	font-size: 16px;
	padding: 8px 25px;
}

/************************************/
/***** 	 10. Our Pricing css	 ****/
/************************************/

.our-pricing{
	padding: 100px 0;
}

.pricing-box{
	background: var(--secondary-color);
	border-radius: 24px;
	padding: 50px 40px;
	text-align: center;
}

.pricing-header{
	border-bottom: 1px solid var(--primary-color);
	padding-bottom: 40px;
	margin-bottom: 30px;
}

.pricing-header h2{
	color: var(--primary-color);
	font-size: 40px;
	margin-bottom: 20px;
}

.pricing-header h3{
	font-size: 30px;
	margin-bottom: 30px;
}

.pricing-header p{
	margin-bottom: 0;
}

.pricing-body h3{
	font-size: 20px;
	margin-bottom: 30px;
}

.pricing-body ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.pricing-body ul li{
	margin-bottom: 6px;
}

.pricing-body ul li i{
	color: var(--primary-color);
	margin-right: 8px;
}

.pricing-footer{
	margin-top: 40px;
}

.pricing-box.popular-plan{
	background: var(--primary-color);
}

.popular-plan .pricing-header{
	border-bottom-color: var(--secondary-color);
}

.popular-plan .pricing-header h2{
	color: var(--secondary-color);
}

.popular-plan .pricing-body ul li i{
	color: var(--text-color);
}

.popular-plan .pricing-footer .btn-default{
	background: var(--text-color);
	border-color: var(--text-color);
	color: var(--primary-color);
}

.popular-plan .pricing-footer .btn-default:hover{
	background: transparent;
	color: var(--text-color);
}

/************************************/
/***** 	 11. Our Clients css	 ****/
/************************************/

.our-clients{
	padding: 60px 0;
	background: var(--secondary-color);
}

.client-carousel{
	padding: 0 40px;
	position: relative;
}

.client-carousel .swiper-wrapper{
	align-items: center;
}

.client-button-prev,
.client-button-next{
	color: var(--primary-color);
	font-size: 28px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.client-button-prev{
	left: 0;
}

.client-button-next{
	right: 0;
}

.client-slide{
	text-align: center;
}

.client-slide img{
	max-width: 210px;;
}

/************************************/
/***** 	  12. Join Now css       ****/
/************************************/

.join-now{
	padding: 60px 0;
	background: var(--primary-color) url(/image/joinnow-overlay.png) no-repeat center center;
	background-size: cover;
}

.join-now-box{
	text-align: center;
	max-width: 748px;
	margin: 0 auto;
}

.join-now-box h2{
	font-size: 40px;
	color: var(--secondary-color);
	margin-bottom: 20px;
}

.join-now-box p{
	font-size: 18px;
	font-weight: 500;
	color: var(--secondary-color);
}

.join-now-box .btn-default{
	border-color: var(--secondary-color);
	background: var(--secondary-color);
	margin-top: 10px;
}

.join-now-box .btn-default:hover{
	background: transparent;
	color: var(--secondary-color);
}

/************************************/
/*****     13. Footer css        ****/
/************************************/

footer.main-footer{
	padding: 80px 0;
	background: var(--secondary-color);
}

.footer-about{
	margin-right: 20px;
}

.footer-logo{
	margin-bottom: 30px;
}

.footer-about-content{
	margin-bottom: 30px;
}

.footer-social ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-social ul li{
	display: inline-block;
}

.footer-social ul li a{
	display: inline-block;
	font-size: 20px;
	color: var(--text-color);
	margin-right: 15px;
	transition: var(--transition);
}

.footer-social ul li a:hover{
	color: var(--primary-color);
}

.footer-links h3,
.footer-contact-box h3{
	font-size: 30px;
	margin-bottom: 20px;
}

.footer-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-links ul li{
	margin-bottom: 8px;
}

.footer-links ul li a{
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 700;
	color: var(--text-color);
	transition: var(--transition);
}

.footer-links ul li a:hover{
	color: var(--primary-color);
}

.footer-contact-box{
	margin-left: 20px;
}

.footer-info-box h4{
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 500;
	color: var(--primary-color);
	margin: 0 0 2px;
}

.footer-info-box p{
	font-weight: 500;
	line-height: 1.4em;
}

.footer-info-box p a{
	color: inherit;
}

.footer-copyright{
	border-top: 1px solid var(--primary-color);
	text-align: center;
	padding-top: 30px;
	margin-top: 30px;
}

.footer-copyright p{
	font-weight: 500;
	margin: 0;
}

.footer-copyright p a{
	color: inherit;
	transition: var(--transition);
}

.footer-copyright p a:hover{
	color: var(--primary-color);
}

/************************************/
/*****   14. About Page css      ****/
/************************************/

.subpage-header{
	padding: 80px 0;
	background-color: var(--secondary-color);
}

.subpage-header-box{
	text-align: center;
}

.subpage-header-box h1{
	font-size: 40px;
	margin-bottom: 15px;
}

.subpage-header-box ul.breadcrumb{
	padding: 0;
	margin: 0;
	list-style: none;
	justify-content: center;
}

.subpage-header-box ul.breadcrumb li{
	font-family: var(--accent-font);
	font-size: 20px;
	font-weight: 700;
	color: var(--primary-color);
	margin-right: 10px;
}

.subpage-header-box ul.breadcrumb li:last-child{
	margin-right: 0;
}

.subpage-header-box ul.breadcrumb li:after{
	content: '\f105';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 16px;
	color: var(--text-color);
	margin-left: 10px;
}

.subpage-header-box ul.breadcrumb li:last-child:after{
	display: none;
}

.subpage-header-box ul.breadcrumb li a{
	color: var(--primary-color);
}

.about-information{
	padding: 100px 0;
}

.about-info-images{
	margin-right: 30px;
}

.about-info-image-one{
	margin-right: 30px;
}

.about-info-image-one img{
	width: 100%;
	border-radius: 24px 0 0 0;
}

.about-info-image-two{
	text-align: right;
	margin-top: -240px;
}

.about-info-image-two img{
	border-radius: 0 0 24px 0;
}

.about-info-content h2{
	font-size: 40px;
	color: var(--primary-color);
	line-height: 1em;
	margin-bottom: 30px;
}

.about-info-content blockquote{
	border-left: 2px solid var(--primary-color);
	background: var(--secondary-color);
	padding: 14px 20px;
	margin-bottom: 20px;
}

.about-info-content blockquote p{
	margin: 0;
	font-weight: 500;
}

.about-info-content .btn-default{
	margin-top: 10px;
}

.about-service-box{
	margin-top: 100px;
}

.about-service-title{
	margin-right: 20px;
}

.about-service-title h2{
	font-size: 40px;
	margin: 0;
}

.about-service-content{
	margin-left: 20px; 
}

.about-service-content p{
	font-size: 14px;
	margin: 0;
}

.about-service-row{
	margin-top: 60px;	
}

.about-service-row .col-6{
	border-right: 1px solid var(--secondary-color);
}

.about-service-item{
	padding: 30px 20px;
}

.row.about-service-row .col-6:nth-of-type(4n + 4){
	border-right: none;
}

.about-service-item .about-service-icon{
	margin-bottom: 20px;
}

.about-service-item h2{
	font-size: 20px;
	margin-bottom: 20px;
}

.about-service-item a{
	font-size: 28px;
	color: var(--primary-color);
}

.about-service-item a:hover{
	color: var(--text-color);
}

.about-counters{
	padding: 60px 0;
	background: var(--secondary-color);
}

.about-counter-box{
	text-align: center;
}

.about-counter-box h3{
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 5px;
}

.about-counter-box p{
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}

.our-vision-mission{
	padding: 100px 0 50px;
}

.vision-mission-images{
	display: flex;
	justify-content: space-between;
	align-items: end;
	flex-wrap: wrap;
}

.vision-mission-image-one{
	width: 55%;
}

.vision-mission-image-one img{
	border-radius: 1000px 1000px 0 1000px;
	width: 100%;
	height: auto;
}

.vision-mission-image-two{
	width: 43%;
}

.vision-mission-image-two img{
	border-radius: 1000px 1000px 1000px 0;
	width: 100%;
	height: auto;
}

.vision-mission-content.my-mission{
	margin-left: 30px;
}

.vision-mission-content.my-vision{
	margin-right: 30px;
}

.vision-mission-content h2{
	font-size: 40px;
	color: var(--primary-color);
	font-weight: 700;
	margin-bottom: 20px;
}

.vision-mission-content p{
	font-size: 14px;
	font-weight: 300;
	color: var(--text-color);
	line-height: 1.8em;
}

.vision-mission-content ul{
	margin:0;
	padding: 0;
	list-style: none;
}

.vision-mission-content ul li{
	position: relative;
	font-size: 14px;
	font-weight: 300;
	padding-left: 25px;
	margin-bottom: 10px;
}

.vision-mission-content ul li::before{
	content: '\f058';
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: 900;
	color: var(--primary-color);
	position: absolute;
	top: 0;
	left: 0;
}

.vision-mission-content .btn-default{
	margin-top: 10px;
}

.our-vision{
	margin-top: 100px;
}

.about-courses{
	padding: 50px 0;
}

.latest-posts{
	padding: 50px 0 100px;
}

.latest-posts .section-title{
	text-align: left;
	margin: 0 20px 0 0;
}

.latest-posts .section-title .btn-default{
	margin-top: 30px;
}

.post-item{
	border-radius: 24px;
	overflow: hidden;
}

.post-item .post-item-image img{
	width: 100%;
	aspect-ratio: 1/0.7;
	object-fit: cover;
}

.post-item .post-item-content{
	background: var(--secondary-color);
	padding: 30px 25px;
}

.post-item-content h2{
	font-size: 20px;
	line-height: 1em;
	color: var(--text-color);
}

.post-item-content h2 a{
	color: inherit;
}

.post-item-content .post-meta{
	margin: 15px 0;
}

.post-item-content .post-meta ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.post-item-content .post-meta ul li{
	display: inline-block;
	margin-right: 2px;
	position: relative;
	font-family: var(--accent-font);
	font-weight: 700;
	padding-right: 12px;
}

.post-item-content .post-meta ul li:after{
	content: '/';
	font-family: var(--accent-font);
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-color);
	position: absolute;
	top: -1px;
	right: 0;
}

.post-item-content .post-meta ul li:last-child{
	padding-right: 0;
}

.post-item-content .post-meta ul li:last-child:after{
	display: none;
}

.post-item-content .post-meta ul li a{
	font-size: 16px;
	font-weight: 700;
	color: inherit;
}

.post-item-content a.btn-read-more{
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-color);
}

.newsletter-fullwidth{
	background: var(--primary-color) url(/image/joinnow-overlay.png) no-repeat;
	padding: 80px 0;
	text-align: center;
}

.newsletter-box{
	max-width: 768px;
	margin: 0 auto;
}

.newsletter-box h2{
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 40px;
}

.newsletter-form{
	background: var(--text-color);
	max-width: 730px;
	margin: 0 auto;
	border-radius: 50px;
	overflow: hidden;
	padding: 10px;
}

.newsletter-form .form-control{
	width: 100%;
	border: none;
	box-shadow: none;
	font-weight: 500;
	font-size: 18px;
	padding: 12px 20px;
}

.newsletter-form .btn-newsletter{
	width: 100%;
	background: var(--primary-color);
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 600;
	color: var(--text-color);
	border: 2px solid var(--primary-color);
	border-radius: 30px;
	padding: 14px;
	transition: var(--transition);
}

.newsletter-form .btn-newsletter:hover{
	background-color: transparent;
	color: var(--primary-color);
}

.newsletter-form .btn-newsletter i{
	margin-left: 10px;
}

.newsletter-social-links ul{
	padding: 0;
	margin: 40px 0 0;
	list-style: none;
}

.newsletter-social-links ul li{
	display: inline-block;
	margin: 0 15px;
}

.newsletter-social-links ul li a{
	display: block;
	font-size: 36px;
	color: var(--text-color);
	transition: var(--transition);
}

.newsletter-social-links ul li a:hover{
	color: var(--secondary-color);
}

.webinar-registration{
	background: url(/image/registration-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 100px 0;
	position: relative;
}

.webinar-registration .container{
	position: relative;
	z-index: 1;
}

.webinar-registration:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--dark-overlay);
}

.webinar-title h2{
	font-size: 40px;
	line-height: 1em;
	color: var(--text-color);
	margin-bottom: 40px;
}

.webinar-title ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.webinar-title ul li{
	position: relative;
	padding-left: 36px;
	margin-bottom: 15px;
}

.webinar-title ul li:before{
	content: '\f058';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 20px;
	color: var(--primary-color);
	position: absolute;
	top: 0;
	left: 0;
}

.webinar-form{
	background: var(--primary-color);
	padding: 60px 80px;
	border-radius: 24px;
}

.webinar-form .form-control{
	font-family: var(--default-font);
	font-weight: 500;
	font-size: 18px;
	color: var(--text-color);
	background-color: var(--dark-overlay);
	border: none;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	padding: 18px 25px;
}

.webinar-form .form-control:focus{
	outline: 0;
	box-shadow: none;
}

.webinar-form .form-check-label{
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 500;
}

.webinar-form .btn-submit{
	background: var(--text-color);
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
	border: 2px solid var(--text-color);
	outline: 0;
	box-shadow: none;
	padding: 12px 30px;
	border-radius: 30px;
	transition: var(--transition);
}

.webinar-form .btn-submit i{
	margin-left: 10px;
}

.webinar-form .btn-submit:hover{
	background: transparent;
	color: var(--text-color);
}

/************************************/
/*****   15. FAQs Page css       ****/
/************************************/

.faq-content{
	padding: 100px 0;
}

/**************************************/
/*****  16. Courses List Page css  ****/
/**************************************/

.courses-lists{
	padding: 100px 0 0;
}

.courses-lists .course-item{
	margin-bottom: 50px;
}

.course-pricing{
	padding: 50px 0 100px;
}

/***************************************/
/*****  17. Course Single Page css  ****/
/***************************************/

.page-course-single{
	padding: 100px 0 50px;
}

.course-entry{
	margin-right: 30px;
}

.course-video{
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: 20px;
}

.course-video-image img{
	width: 100%;
}

.course-video-play{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--primary-overlay-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.course-video-play a{
	font-size: 60px;
	color: var(--text-color	);
	text-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.course-content h2{
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 20px;
}

.what-you-learn{
	margin-top: 50px;
}

.what-you-learn h2{
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 20px;
}

.what-you-learn ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.what-you-learn ul li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 8px;
	font-weight: 500;
	position: relative;
	padding-left: 22px;
}

.what-you-learn ul li:nth-of-type(2n + 2){
	margin-right: 0;
}

.what-you-learn ul li:before{
	content: '\f192';
	font-family: 'FontAwesome';
	color: var(--primary-color);
	position: absolute;
	top: 0;
	left: 0;
}

.our-lesson-accordion{
	margin-top: 50px;
}

.our-lesson-accordion h2.lession-title{
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 20px;
}

.course-widget{
	background-color: var(--secondary-color);
	border-radius: 24px;
	margin-bottom: 30px;
	padding: 30px;
}

.course-widget h3.widget-title{
	font-size: 20px;
	margin-bottom: 20px;
}

.course-widget-enroll .course-widget-body h3{
	color: var(--primary-color);
	font-size: 40px;
	margin-bottom: 20px;
}

.course-widget-enroll .course-widget-body .btn-default{
	margin-top: 10px;
}

.course-widget-included ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.course-widget-included ul li{
	position: relative;
	font-size: 14px;
	font-weight: 500;
	padding-left: 40px;
	padding-top: 2px;
	margin-bottom: 15px;
}

.course-widget-included ul li .course-included-icon{
	position: absolute;
	top: 0;
	left: 0;
}

.course-widget-included ul li .course-included-icon img{
	width: 30px;
}

.course-widget-requirements h3.widget-title{
	margin-bottom: 30px;
}

.course-widget-requirements ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.course-widget-requirements ul li{
	font-size: 14px;
	font-weight: 500;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}

.course-widget-requirements ul li:before{
	content: '\f058';
	font-family: 'FontAwesome';
	font-size: 18px;
	font-weight: 900;
	color: var(--primary-color);
	position: absolute;
	top: 0;
	left: 0;
}

.course-widget-requirements ul li:last-child{
	margin-bottom: 0;
}

.course-team-members{
	padding: 50px 0 100px;
}

.team-member-item{
	text-align: center;
}

.team-member-item .team-member-image{
	margin-bottom: 20px;
}

.team-member-item .team-member-image img{
	border-radius: 24px;
}

.team-member-item h3{
	font-size: 20px;
	color: var(--text-color);
	margin-bottom: 4px;
}

.team-member-item h3 a{
	color: inherit;
}

.team-member-item p{
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 700;
	color: var(--primary-color);
	margin: 0;
}

.team-member-item .author-socials{
	margin-top: 10px;
}

.team-member-item .author-socials ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.team-member-item .author-socials ul li{
	display: inline-block;
	margin: 0 3px;
}

.team-member-item .author-socials ul li a{
	width: 32px;
	height: 32px;
	line-height: 30px;
	display: block;
	font-size: 16px;
	text-align: center;
	color: var(--text-color);
	background-color: var(--primary-color);
	border: 2px solid var(--primary-color);
	border-radius: 30px;
	transition: var(--transition);
}

.team-member-item .author-socials ul li a:hover{
	background: transparent;
	color: var(--primary-color);
}

/***************************************/
/*****   18. Blog List Page css     ****/
/***************************************/

.blog-archive-lists{
	padding: 100px 0; 
}

.blog-archive-lists .post-item{
	margin-bottom: 40px;
}

.post-item.post-layout-2{
	border-radius: 0;
}

.post-item.post-layout-2 .post-item-image img{
	border-radius: 24px;
}

.post-item.post-layout-2 .post-item-content{
	background-color: transparent;
	padding: 20px 0 0 0;
}

.post-layout-2 .post-item-content a.btn-read-more{
	font-size: 18px;
	font-weight: 600;
}

.post-pagination{
	margin-top: 30px;
}

.post-pagination .pagination{
	justify-content: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

.post-pagination .pagination li{
	margin: 0 4px;
}

.post-pagination .pagination a{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: var(--secondary-color);
	text-align: center;
	border-radius: 50%;
	font-family: var(--accent-font);
	font-weight: 700;
	font-size: 16px;
	color: var(--text-color);
	transition: var(--transition);
}

.post-pagination .pagination a:hover{
	color: var(--primary-color);
}

.post-pagination .pagination a.current{
	background: var(--primary-color);
}

/***************************************/
/*****      19. Team Page css       ****/
/***************************************/

.page-team{
	padding: 100px 0 60px;
}

.page-team .team-member-item{
	margin-bottom: 40px;
}

/***************************************/
/*****   20. Contact Us Page css    ****/
/***************************************/

.page-contact-us{
	padding: 100px 0;
}

.contact-information {
	margin-right: 80px;
}

.contact-information h2{
	font-size: 40px;
	color: var(--primary-color);
	line-height: 1em;
	margin-bottom: 40px;
}

.contact-info-item{
	position: relative;
	padding-left: 46px;
	margin-bottom: 25px;
}

.contact-info-item .contact-info-icon{
	font-size: 30px;
	color: var(--primary-color);
	position: absolute;
	top: 8px;
	left: 0;
}

.contact-info-item h3{
	font-size: 20px;
	margin-bottom: 2px;
}

.contact-info-item p{
	margin: 0;
}

.contact-social-links{
	margin-top: 40px;
}

.contact-social-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.contact-social-links ul li{
	display: inline-block;
	margin-right: 8px;
}

.contact-social-links ul li a{
	display: block;
	width: 48px;
	height: 48px;
	line-height: 46px;
	border: 2px solid var(--primary-color);
	border-radius: 50%;
	background: var(--primary-color);
	font-size: 22px;
	text-align: center;
	color: var(--text-color);
	transition: var(--transition);
}

.contact-social-links ul li a:hover{
	background-color: transparent;
	color: var(--primary-color);
}

.contact-form-box .contact-title{
	margin-bottom: 30px;
}

.contact-form-box .contact-title p{
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 8px;
}

.contact-form-box .contact-title h2{
	color: var(--primary-color);
	font-size: 40px;
	line-height: 1em;
}

.contact-form .form-control{
	background: transparent;
	color: var(--text-color);
	border: 1px solid var(--primary-color);
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	font-size: 18px;
	font-weight: 500;
	padding: 14px 20px;
}

.contact-form .btn-submit{
	background: var(--primary-color);
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 600;
	color: var(--text-color);
	border: 2px solid var(--primary-color);
	border-radius: 30px;
	padding: 14px 40px;
	transition: var(--transition);
}

.contact-form .btn-submit:hover{
	background-color: transparent;
	color: var(--primary-color);
}

.contact-form .btn-submit i{
	margin-left: 10px;
}

.with-errors ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.with-errors ul li{
	color: var(--error-color);
}

#msgSubmit.hidden{
	display: none;
}

#msgSubmit{
	color: var(--error-color);
	padding-top: 30px;
}

.google-map{
	line-height: 0;
}

.google-map iframe{
	width: 100%;
	height: 600px;
}

/***************************************/
/*****   21. Team Single Page css   ****/
/***************************************/

.page-team-single{
	padding: 100px 0 50px;
}

.team-avatar img{
	width: 100%;
	border-radius: 24px;
}

.team-member-information{
	margin-left: 50px;
}

.team-member-content h2{
	font-size: 40px;
}

.team-member-content h3{
	font-size: 20px;
	color: var(--primary-color);
	margin-bottom: 30px;
}

.team-meta{
	margin-top: 40px;
}

.team-meta ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.team-meta ul li{
	position: relative;
	font-size: 20px;
	font-family: var(--accent-font);
	font-weight: 700;
	padding-left: 40px;
	margin-bottom: 15px;
}

.team-meta ul li .team-meta-icon{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 22px;
	color: var(--primary-color);
}

.team-social-links{
	margin-top: 40px;
}

.team-social-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.team-social-links ul li{
	display: inline-block;
	margin-right: 15px;
}

.team-social-links ul li a{
	color: var(--text-color);
	font-size: 26px;
	transition: var(--transition);
}

.team-social-links ul li a:hover{
	color: var(--primary-color);
}

.related-team-members{
	padding: 50px 0 100px;
}

/*****************************************/
/*****   22. Success Story Page css   ****/
/*****************************************/

.page-success-story{
	padding: 100px 0 50px;
}

.success-story-video{
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: 30px;
}

.success-story-image img{
	width: 100%;
}

.success-story-play{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--primary-overlay-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.success-story-play a{
	font-size: 60px;
	color: var(--text-color	);
	text-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.success-story-content h2{
	color: var(--primary-color);
	font-size: 40px;
	margin-bottom: 20px;
}

.success-story-content h3,
.success-story-content h4,
.success-story-content h5,
.success-story-content h6{
	margin-bottom: 20px;
}

.success-story-content h3{
	font-size: 24px;
}

.success-story-content h4{
	font-size: 20px;
}

.success-story-content h5{
	font-size: 18px;
}

.success-story-content h6{
	font-size: 18px;
}

.success-story-content ul{
	margin-bottom: 25px;
}

.client-testimonials{
	padding: 50px 0;
}

.testimonial-slide{
	background: var(--secondary-color);
	padding: 30px 20px;
	border-radius: 24px;
	text-align: center;
}

.testimonial-avatar{
	margin-bottom: 20px;
}

.testimonial-avatar img{
	width: 100%;
	max-width: 72px;
	border-radius: 50%;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.testimonial-content p{
	font-style: italic;
	line-height: 1.8em;
}

.testimonial-meta h3{
	font-family: var(--default-font);
	font-weight: 500;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 4px;
}

.testimonial-meta p{
	color: var(--primary-color);
	font-size: 14px;
	font-style: italic;
	margin: 0;
}

.testimonial-carousel .swiper-pagination{
	position: relative;
	bottom: auto;
	margin-top: 15px;
}

.testimonial-carousel .swiper-pagination .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	background-color: var(--text-color);
	opacity: 1;
}

.testimonial-carousel .swiper-pagination .swiper-pagination-bullet-active{
	background: var(--primary-color);
}

.connect-with-me{
	padding: 50px 0 100px;
}

.connect-with-me-content{
	margin-right: 50px;
}

.connect-with-me-content h3{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
}

.connect-with-me-content h2{
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 20px;
}

/*****************************************/
/*****        23. 404 Page css        ****/
/*****************************************/

.page-not-found{
	padding: 100px 0;
}

.page-not-found-box{
	text-align: center;
}

.page-not-found-image{
	margin-bottom: 40px;
}

.page-not-found-content{
	max-width: 680px;
	margin: 0 auto;
}

.page-not-found-content h2{
	color: var(--primary-color);
	font-size: 40px;
	margin-bottom: 20px;
}

.page-not-found-content .btn-default{
	margin-top: 10px;
}

/*****************************************/
/*****    24. Blog Single Page css    ****/
/*****************************************/

.page-blog-single{
	padding: 100px 0;
}

.post-content{
	margin-right: 40px;
}

.post-feature-image{
	margin-bottom: 20px;
}

.post-feature-image img{
	border-radius: 24px;
}

.post-meta{
	margin-bottom: 30px;
}

.post-meta ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.post-meta ul li{
	display: inline-block;
	margin-right: 30px;
}

.post-meta ul li a{
	color: inherit;
}

.post-meta ul li a i{
	font-size: 18px;
	color: var(--primary-color);
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}

.post-title{
	margin-bottom: 20px;
}

.post-title h1{
	font-size: 40px;
	line-height: 1em;
}

.post-entry p{
	font-size: 14px;
	line-height: 1.8em;
}

.post-entry blockquote{
	border-left: 2px solid var(--primary-color);
    background: var(--secondary-color);
    padding: 14px 20px;
    margin-bottom: 20px;
}

.post-entry blockquote p:first-child:before{
	content: '\f10d';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 18px;
	position: relative;
	color: var(--primary-color);
	margin-right: 6px;
	top: -4px;
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	margin-bottom: 20px;
}

.post-entry h3{
	font-size: 24px;
}

.post-entry h4{
	font-size: 20px;
}

.post-entry h5{
	font-size: 18px;
}

.post-entry h6{
	font-size: 18px;
}

.post-entry ul{
	margin-bottom: 25px;
}

.post-widget{
	background-color: var(--secondary-color);
	padding: 30px;
	border-radius: 24px;
	margin-bottom: 30px;
}

.post-widget h3.post-widget-title{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}

.post-widget .search-form{
	background-color: var(--body-background);
	border: 1px solid var(--primary-color);
}

.search-form .form-control{
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	padding: 15px;
	font-family: var(--default-font);
	font-weight: 500;
	color: var(--text-color);
}

.search-form .btn-search{
	width: 54px;
	height: 54px;
	border: none;
	box-shadow: none;
	outline: 0;
	background: var(--primary-color);
	color: var(--text-color);
	font-size: 18px;
}

.post-widget .recent-post-item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px;
}

.post-widget .recent-post-item:last-child{
	margin-bottom: 0;
}

.recent-post-feature-img{
	width: 30%;
}

.recent-post-feature-img img{
	border-radius: 6px;
	aspect-ratio: 1/0.7;
	object-fit: cover;
}

.recent-post-content{
	width: 65%;
}

.recent-post-content h3{
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	color: var(--text-color);
	margin-bottom: 4px;
}

.recent-post-content h3 a{
	color: inherit;
}

.recent-post-meta ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.recent-post-meta ul li{
	display: inline-block;
	position: relative;
}

.recent-post-meta ul li:after{
	content: '/';
	color: var(--primary-color);
	margin-left: 4px;
}

.recent-post-meta ul li:last-child:after{
	display: none;
}

.post-widget-needhelp{
	background-color: var(--primary-color);
	text-align: center;
}

.post-widget-needhelp .post-widget-body h3{
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 20px;
}

.need-help-info ul{
	display: inline-block;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

.need-help-info ul li{
	font-family: var(--accent-font);
	font-size: 20px;
	font-weight: 700;
	color: var(--text-color);
	margin-bottom: 15px;
}

.need-help-info ul li a{
	color: inherit;
}

.need-help-info ul li i{
	font-size: 26px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

.post-widget-needhelp .post-widget-body .btn-default{
	background: var(--text-color);
	color: var(--primary-color);
	border-color: var(--text-color);
	margin-top: 10px;
}

.post-widget-needhelp .post-widget-body .btn-default:hover{
	background-color: transparent;
	color: var(--text-color);
}

/************************************/
/***** 	 25. Media Query CSS	 ****/
/************************************/


@media only screen and (max-width: 1024px){
    .main-menu ul li{
        margin: 0 10px;
    }

    .hero-content{
        padding-right: 0;
    }
}

@media only screen and (max-width: 991px){
   
    .btn-default{
        font-size: 16px;
    }

    .responsive-menu,
    .navbar-toggle{
        display: block;
    }

    header.main-header{
        padding: 15px 0;
    }

    .hero{
        padding: 40px 0;
    }

    .hero-content{
        margin-bottom: 40px;
    }

    .hero-content-header h1{
        font-size: 34px;
    }

    .hero-content-header h2{
        font-size: 16px;
    }

    .hero-image{
        text-align: center;
    }

    .home-aboutus{
        padding: 40px 0;
    }

    .about-service-single{
        max-width: 150px;
        padding: 20px;
    }

    .home-about-content{
        padding-left: 0;
        margin-top: 40px;
    }

    .home-about-content h2{
        font-size: 28px;
    }

    .home-services{
        padding: 40px 0 30px;
    }

    .section-title{
        margin-bottom: 30px;
    }

    .section-title h2{
        margin-bottom: 10px;
        font-size: 28px;
    }

    .section-title p br{
        display: none;
    }

    .home-service-single{
        padding: 30px 20px;
    }

    .home-service-single h3{
        font-size: 18px;
    }

    .why-choose-us{
        padding: 30px 0 10px;
    }

    .why-choose-video{
        margin-bottom: 30px;
    }

    .why-choose-accordion{
        margin: 0;
    }

    .accordion-default .accordion-header{
        font-size: 18px;
    }

    .our-process{
        padding: 30px 0 40px;
    }

    .our-process-single{
        padding: 30px 20px;
    }

    .our-process-single.process-2,
    .our-process-single.process-3{
        margin-top: 0;
    }

    .latest-courses{
        padding: 40px 0;
    }

    .our-pricing{
        padding: 40px 0 10px;
    }

    .pricing-box{
        margin-bottom: 30px;
    }

    .our-clients{
        padding: 40px 0;
    }

    .join-now{
        padding: 40px 0;
    }

    footer.main-footer{
        padding: 40px 0;
    }

    .footer-about{
        margin-bottom: 30px;
    }

    .footer-contact-box{
        margin-left: 0;
    }

    .footer-links{
        margin-bottom: 30px;
    }

    .subpage-header{
        padding: 40px 0;
    }

    .subpage-header-box h1{
        font-size: 28px;
    }

    .subpage-header-box ul.breadcrumb li{
        font-size: 18px;
    }

    .subpage-header-box ul.breadcrumb li:after{
        font-size: 14px;
    }

    .about-information{
        padding: 40px 0;
    }

    .about-info-images{
        margin-right: 0;
    }

    .about-info-image-one img{
        width: 100%;
    }

    .about-info-image-two{
        margin-top: -220px;
        margin-right: 0;
    }

    .about-info-image-two img{
        max-width: 50%;
    }

    .about-info-content{
        margin-top: 30px;
    }

    .about-info-content h2{
        font-size: 36px;
    }

    .about-service-box{
        margin-top: 40px;
    }

    .about-service-title{
        margin-right: 0;
    }

    .about-service-content{
        margin-left: 0;
    }

    .about-service-row{
        margin-top: 30px;
    }

    .about-service-row .col-6{
        border: none;
    }

    .about-service-item{
        padding: 20px 0;
    }

    .about-service-title h2{
        font-size: 36px;
        line-height: 1em;
    }

    .about-counters{
        padding: 40px 0;
    }

    .about-counter-box h3{
        font-size: 36px;
    }

    .about-counter-box p{
        font-size: 14px;
    }

    .our-vision-mission{
        padding: 40px 0 ;
    }

    .vision-mission-content.my-mission{
        margin-left: 0;
    }

    .vision-mission-content.my-vision{
        margin-right: 0;
    }

    .vision-mission-content h2{
        font-size: 36px;
        margin-top: 30px;
    }

    .our-vision{
        margin-top: 40px;
    }

    .about-courses{
        padding: 20px 0;
    }

    .latest-posts{
        padding: 20px 0 40px;
    }

    .latest-posts .section-title{
        margin-right: 0;
        margin-bottom: 30px;
    }

    .post-item-content h2{
        font-size: 18px;
    }

    .newsletter-fullwidth{
        padding: 40px 0;
    }

    .newsletter-box h2{
        font-size: 36px;
    }

    .newsletter-form .form-control{
        font-size: 16px;
    }

    .newsletter-form .btn-newsletter{
        font-size: 16px;
    }

    .webinar-registration{
        padding: 40px 0;
    }

    .webinar-form{
        padding: 30px;
    }

    .faq-content{
        padding: 40px 0 20px;
    }

    .courses-lists{
        padding: 40px 0 0;
    }
    
    .courses-lists .course-item{
        margin-bottom: 30px;
    }
    
    .course-pricing{
        padding: 20px 0 10px;
    }

    .page-course-single{
        padding: 40px 0 20px;
    }

    .course-entry{
        margin-right: 0;
    }

    .course-content h2,
    .what-you-learn h2,
    .our-lesson-accordion h2.lession-title{
        font-size: 36px;
    }

    .course-widget{
        padding: 20px;
    }

    .course-team-members{
        padding: 20px 0 40px;
    }

    .blog-archive-lists{
        padding: 40px 0;
    }

    .post-layout-2 .post-item-content a.btn-read-more{
        font-size: 16px;
    }

    .post-pagination{
        margin-top: 0;
    }

    .page-team{
        padding: 40px 0 10px;
    }
    
    .page-team .team-member-item{
        margin-bottom: 30px;
    }

    .page-contact-us{
        padding: 40px 0;
    }

    .contact-information{
        margin-bottom: 40px;
        margin-right: 0;
    }

    .contact-information h2{
        font-size: 36px;
        margin-bottom: 30px;
    }

    .contact-social-links{
        margin-top: 20px;
    }

    .contact-social-links ul li a{
        width: 36px;
        height: 36px;
        line-height: 34px;
        font-size: 18px;
    }

    .contact-form-box .contact-title h2{
        font-size: 36px;
    }

    .contact-form .form-control{
        font-size: 16px;
    }

    .contact-form .btn-submit{
        font-size: 16px;
    }

    .google-map iframe{
        height: 400px;
    }

    .page-team-single{
        padding: 40px 0 20px;
    }

    .team-member-information{
        margin-left: 0;
    }

    .team-member-content h2{
        font-size: 36px;
    }

    .team-member-content h3{
        margin-bottom: 20px;
    }

    .team-meta{
        margin-top: 20px;
    }

    .team-meta ul li{
        font-size: 16px;
        padding-left: 30px;
    }

    .team-meta ul li .team-meta-icon{
        font-size: 18px;
    }

    .team-social-links{
        margin-top: 30px;
    }

    .team-social-links ul li a{
        font-size: 18px;
    }

    .related-team-members{
        padding: 20px 0 40px;
    }

    .page-success-story{
        padding: 40px 0 20px;
    }

    .success-story-content h2{
        font-size: 36px;
    }

    .client-testimonials{
        padding: 20px 0;
    }

    .connect-with-me{
        padding: 20px 0 40px;
    }

    .connect-with-me-content{
        margin-right: 0;
    }

    .connect-with-me-content h2{
        font-size: 36px;
    }

    .page-not-found{
        padding: 40px 0;
    }

    .page-not-found-content h2{
        font-size: 36px;
    }

    .page-blog-single{
        padding: 40px 0 10px;
    }

    .post-content{
        margin-right: 0;
        margin-bottom: 40px;
    }

    .post-title h1{
        font-size: 36px;
    }

    .post-widget-needhelp .post-widget-body h3{
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px){
    .home-services{
        padding: 40px 0 0;
    }

    .home-service-single{
        margin-bottom: 20px;
    }

    .why-choose-us-video-overlay a{
        font-size: 60px;
    }

    .our-process-single.process-2,
    .our-process-single.process-3{
        margin-top: 20px;
    }

    .latest-courses{
        padding: 40px 0 10px;
    }

    .course-item {
        margin-bottom: 30px;
    }

    .course-body h2{
        font-size: 22px;
    }

    .course-body h3{
        font-size: 20px;
    }

    .course-body h4{
        font-size: 18px;
    }

    .course-body h5{
        font-size: 16px;
    }

    .pricing-box{
        padding: 40px 30px;
    }

    .pricing-header h2{
        font-size: 28px;
    }

    .pricing-header h3{
        font-size: 22px;
    }

    .pricing-body h3{
        font-size: 18px;
    }

    .client-button-prev{
        left: 10px;
    }
    
    .client-button-next{
        right: 10px;
    }

    .join-now-box h2{
        font-size: 28px;
    }

    .join-now-box p{
        font-size: 16px;
    }

    .footer-links h3,
    .footer-contact-box h3{
        font-size: 22px;
    }

    .about-information{
        padding: 40px 0 10px;
    }

    .about-counters{
        padding: 40px 0 10px;
    }

    .about-counter-box{
        margin-bottom: 30px;
    }

    .about-info-image-two{
        margin-top: -100px;
    }

    .about-info-content h2{
        font-size: 28px;
    }
    
    .about-service-title h2{
        font-size: 28px;
    }

    .about-service-content{
        margin-top: 20px;
    }

    .about-service-item{
        padding: 0;
        margin-bottom: 30px;
    }

    .about-service-item h2{
        font-size: 18px;
        line-height: 1em;
    }

    .about-service-item a{
        font-size: 22px;
    }
    
    .vision-mission-content h2{
        font-size: 28px;
        margin-top: 20px;
    }

    .vision-mission-content ul li::before{
        font-size: 14px;
    }

    .about-courses{
        padding: 20px 0 0;
    }

    .latest-posts{
        padding: 20px 0 10px;
    }

    .post-item{
        margin-bottom: 30px;
    }

    .newsletter-box h2{
        font-size: 28px;
        margin-bottom: 30px;
    }

    .newsletter-form{
        border-radius: 16px;
    }

    .newsletter-form .form-control{
        padding: 12px 20px 18px;
    }

    .newsletter-social-links ul li {
        margin: 0 10px;
    }

    .newsletter-social-links ul li a{
        font-size: 26px;
    }

    .webinar-title{
        margin-bottom: 30px;
    }

    .webinar-title h2{
        font-size: 28px;
        margin-bottom: 30px;
    }

    .webinar-form{
        padding: 30px 20px;
        border-radius: 16px;
    }

    .webinar-form .form-control{
        font-size: 16px;
        padding: 14px 20px;
    }

    .webinar-form .form-check-label{
        font-size: 16px;
    }

    .webinar-form .btn-submit{
        width: 100%;
        font-size: 16px;
    }

    .course-video{
        border-radius: 16px;
    }

    .course-video-play a{
        font-size: 40px;
    }

    .course-content h2,
    .what-you-learn h2,
    .our-lesson-accordion h2.lession-title{
        font-size: 28px;
    }

    .what-you-learn ul li{
        width: 100%;
        margin-right: 0;
    }

    .what-you-learn,
    .our-lesson-accordion{
        margin-top: 30px;
    }

    .course-sidebar{
        margin-top: 30px;
    }

    .course-widget h3.widget-title{
        font-size: 18px;
    }

    .course-team-members{
        padding: 40px 0 10px;
    }

    .team-member-item{
        margin-bottom: 30px;
    }

    .team-member-item .team-member-image img{
        border-radius: 16px;
    }   

    .team-member-item h3{
        font-size: 18px;
    }
   
    .contact-information h2{
        font-size: 28px;
    }

    .contact-info-item h3{
        font-size: 18px;
    }

    .contact-info-item .contact-info-icon{
        font-size: 28px;
    }

    .contact-form-box .contact-title h2{
        font-size: 28px;
    }

    .team-avatar{
        margin-bottom: 30px;
    }

    .team-member-content h2{
        font-size: 28px;
    }

    .team-member-content h3{
        font-size: 18px;
    }

    .related-team-members{
        padding: 20px 0 10px;
    }

    .success-story-video{
        border-radius: 16px;
    }

    .success-story-play a{
        font-size: 50px;
    }

    .success-story-content h2{
        font-size: 28px;
    }

    .connect-with-me-content{
        margin-bottom: 30px;
    }

    .connect-with-me-content h2{
        font-size: 28px;
    }

    .page-not-found-content h2{
        font-size: 28px;
    }

    .page-not-found-content .btn-default{
        margin-top: 0;
    }

    .post-feature-image img{
        border-radius: 16px;
    } 

    .post-title h1{
        font-size: 28px;
    }

    .post-widget-needhelp .post-widget-body h3{
        font-size: 28px;
    }
}