:root {
	--title: #07152F;
	--body: #68788d;
	--fbg: #042023;
	--33: #333;
	--gray: #F4F6F9;
	--f6: #f6f6f6;
	--f7: #f7f7f7;
	--dc: #DCE1F5;
	--dd: #ddd;
	--d8: #d8d8d8;
	--53: #535353;
	--ba: #BABABA;
	--fa: #fafafa;
	--f9: #f9f9f9;
	--fc: #FCFEFE;
	--white: #fff;
	--blue: #4A3AFF;
	--yellow: #F5C50B;
	--green: #1D8E5A;
	--red: #FF3636;
	--rating: #FF9C00;
	--box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
	--shadow-2: 0 6px 30px rgba(0, 0, 0, 0.02);
	--shadow-3: 0px 30px 50px rgba(0, 0, 0, 0.08);
	--Y5: translateY(-5px);
	--22: 22px;
}

body {	color: var(--body);	font-family: 'Lexend', sans-serif;	font-size: 16px; line-height: 1.7;	font-weight: 400; overflow-x: hidden; position: relative; }
html,
body {	height: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0px; font-family: 'Lexend', sans-serif; color: var(--title); font-weight: 600; }
a { color: var(--body);	text-decoration: none; transition: .5s; }
a:hover,
a:focus { text-decoration: none; color: var(--green); }
p { margin-bottom: 15px; }
ul,
li { margin: 0;	padding: 0; }
fieldset {	border: 0 none;	margin: 0 auto;	padding: 0; }
img { max-width: 100%; }
.section-heading span {	display: inline-flex;	align-items: center;	gap: 10px;
	margin-bottom: 10px; color: #20C4E8;	font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: 1.4px; text-transform: uppercase; }
.section-heading span::before { content: ""; width: 28px; height: 2px; background: linear-gradient( 90deg, #20C4E8 ); border-radius: 10px; }
.section-heading h2 { font-size: 35px; color: var(--title); font-weight: 600;	margin-top: 5px; }
.section-padding { padding: 40px 0; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
/*------------------------------------* Button CSS ---------------------**/
.astro-slider-btn { display: inline-flex; align-items: center;justify-content: center;
	padding: 15px 38px;border-radius: 60px;font-size: 15px;font-weight: 600;letter-spacing: 1px; text-transform: uppercase; text-decoration: none;
	color: #ffffff; position: relative; overflow: hidden;z-index: 1;background: linear-gradient( 135deg,#07152F 0%,	#0B2A4A 45%,#087EA4 75%,#20C4E8 100% );
	border: 1px solid rgba(32, 196, 232, 0.45); box-shadow:0 10px 30px rgba(7, 21, 47, 0.35),inset 0 1px 0 rgba(255, 255, 255, 0.15);
	transition:transform 0.4s ease,box-shadow 0.4s ease,background 0.4s ease,border-color 0.4s ease; }
.astro-slider-btn:hover { color: #ffffff; background: linear-gradient(135deg,#20C4E8 0%,#087EA4 50%,#07152F 100% );
	border-color: #20C4E8; transform: translateY(-4px) scale(1.02); box-shadow:0 18px 40px rgba(7, 21, 47, 0.45),0 0 25px rgba(32, 196, 232, 0.30); }
.astro-slider-btn::before { content: ""; position: absolute; top: 0; left: -120%;width: 60%;
	height: 100%; background: rgba(255, 255, 255, 0.18); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; }
.astro-slider-btn:hover::before {	left: 130%; }
.astro-slider-btn:active {	transform: scale(0.98); }
.astro-slider-btn span, .astro-slider-btn i { position: relative; z-index: 2; }
.green_btn, .yellow_btn, .green_border_btn, .gray_btn {	padding: 11px 29px;	font-size: 15px; border-radius: 7px;	pointer-events: auto;
	cursor: pointer; position: relative;	display: inline-block; text-transform: uppercase; letter-spacing: 0.05rem;
	overflow: hidden; transition: .5s;	z-index: 1; text-align: center; }
button.green_btn, button.yellow_btn {  border: 1px solid var(--green); }
.yellow_btn { background-color: var(--green); color: var(--title); }
.green_btn { color: #fff; background: var(--yellow); }
.yellow_btn:before, .green_btn::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.yellow_btn span, .green_btn span {	position: relative; }
.yellow_btn:before, .green_btn::before { content: '';	background: var(--green);	width: 120%; left: -10%;	transform: skew(30deg);
  transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.yellow_btn:before {	background: var(--yellow); }
.yellow_btn:hover::before, .green_btn:hover::before {	transform: translate3d(100%, 0, 0); }
.green_btn:hover { color: var(--title); border-color: var(--yellow); }
.yellow_btn:hover {	color: var(--white); }
.green_border_btn {	background-color: transparent;	border: 1px solid var(--green);	color: var(--title); }
.gray_btn {	background-color: var(--gray);	border: 1px solid var(--gray);	color: var(--green); }
.gray_btn:hover,.gray_btn:focus,.green_border_btn:hover,.green_border_btn:focus {	background-color: var(--green);	border-color: var(--green);	
  color: var(--white); }
/*** Header ***/
.header-top { background: #071B35; padding: 15px 30px; }
.header-top { color: var(--white); }
.header-top a {	color: var(--white); }
.header-top ul { list-style-type: none; }
.header-top ul li { display: inline-block; }
.header-top .htleft ul li { padding-right: 15px; }
.header-top ul li i{ color:#20C4E8;  padding-right:5px;}
.header-top .htright ul li:first-child { padding-left: 0; }
.header-top .htright ul li { padding-left: 15px; padding-right: 15px; }
.header-top ul li:last-child { padding-right: 0; padding-left: 0; }
.header-top .social_icons a { color: var(--white); width: 28px; height: 28px; line-height: 28px; display: inline-block;
	text-align: center; border: 1px solid var(--white); border-radius: 50%; margin-left: 8px; transition: .5s; font-size: 13px; }
.header-top .social_icons a:hover {	border-color: var(--yellow); color: var(--yellow); }
.bis_himage {	position: absolute;	top: 50%;	left: 52%;	transform: translate(-50%, -50%); width: auto;	margin-top: 10px; }
.bis_himage img { width: 200px; }
.site-logo img { width: 80px; }
.site-logo a {	display: block; }
.main-header {	padding: 10px 0; margin: 0 30px; }
#main-menu {}
#main-menu li { display: inline-block; position: relative; padding: 10px 13px; }
#main-menu li a { font-weight: 600; color: var(--title); transition: .5s; }
#main-menu li a:hover, #main-menu li a:focus { color: var(--green); }
.search_btn, .widget_menu_icon, .cart_icon { color: var(--title); text-align: center; border-radius: 8px; position: relative; font-size: 21px;
	width: 48px; height: 47px; border: 1px solid var(--dd); line-height: 47px;	transition: .5s; }
.widget_menu_icon:hover, .cart_icon:hover, .search_btn:hover, .search_btn:focus { color: var(--title); background-color: var(--yellow);
    border-color: var(--yellow); }
.menu_btn.sidebar__toggle img { width: 24px; }
.offcanvas__info {	background: var(--white) none repeat scroll 0 0;
	border-left: 2px solid var(--p2-clr); position: fixed; right: 0; top: 0; width: 400px; height: 100%;
	-webkit-transform: translateX(calc(100% + 80px));
	-moz-transform: translateX(calc(100% + 80px));
	-ms-transform: translateX(calc(100% + 80px));
	-o-transform: translateX(calc(100% + 80px));
	transform: translateX(calc(100% + 80px));
	-webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
	-moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
	transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
	z-index: 99999; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; }
.offcanvas__info::-webkit-scrollbar {	display: none; }
.offcanvas__info.info-open {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.offcanvas__wrapper { position: relative; height: 100%;	padding: 30px 30px; }
.offcanvas__top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
}

.offcanvas__wrapper .offcanvas__content .text {	color: var(--text); }
.offcanvas__wrapper .offcanvas__content .offcanvas__close { width: 40px; height: 40px; line-height: 41px; text-align: center; border-radius: 50%; 
   background: linear-gradient(135deg, #102543 0%, #D4A437 100%); position: relative; z-index: 9;	cursor: pointer; transition: .5s; }
.offcanvas__wrapper .offcanvas__content .offcanvas__close:hover,
.offcanvas__wrapper .offcanvas__content .offcanvas__close:focus { background-color: var(--red);	background-color: var(--red); color: var(--white); }
.offcanvas__close button {	border: none;	background-color: transparent;	padding: 0; }
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {	color: var(--white); }
.offcanvas__logo {	width: 140px; }
.offcanvas__overlay {	position: fixed; height: 100%; width: 100%;
	background: #151515; z-index: 900; top: 0; opacity: 0; visibility: hidden; right: 0; }
.offcanvas__overlay.overlay-open { opacity: 0.8; visibility: visible; }
.sidebar_contact_info {}
.sidebar_contact_info h3 {	font-size: 18px; }
.sidebar_contact_info ul {	list-style-type: none; }
.scinof { margin-bottom: 50px; }
.sidebar_contact_info ul { list-style-type: none;	margin-top: 28px; display: block; }
.sidebar_contact_info li {	margin-bottom: 12px; }
.scinof i {	color: var(--green); font-size: 20px; display: inline-block;	padding-right: 2px; }
.sidebar_contact_info .hsidebar_social { margin-top: 0; }
.hsidebar_social li { display: inline-block; padding-right: 10px; }
.hsidebar_social li a { width: 40px; height: 40px; line-height: 40px;	border: 1px solid var(--dc);
	border-radius: 50%;	display: block; text-align: center;	transition: .5s; color: var(--title); }
.hsidebar_social li a:hover, .hsidebar_social li a:focus {	background-color: var(--green);	border-color: var(--green);	color: var(--white); }
.hsidebar_social {}
.sidebar_contact_info h4 {	font-size: 18px; font-weight: 500;	margin-bottom: 16px; }
.mobile-menu .mean-bar { margin-bottom: 40px !important;	overflow: hidden; }
@media (max-width: 450px) { .offcanvas__info {	width: 300px; } }
@media (max-width: 575px) { .offcanvas__wrapper {	padding: 20px;	} }
::-webkit-scrollbar {	width: 4px;	height: 4px; }
.mean-container a.meanmenu-reveal {	display: none; }
.mean-container .mean-nav { background: none; list-style: none; margin: 0; }
.mean-container .mean-bar { padding: 0; min-height: auto; background: none; }
.mean-container .mean-nav>ul { padding: 0;	margin: 0; width: 100%; list-style-type: none; display: block !important; }
.mean-container .mean-nav>ul .homemenu-items { display: flex; align-items: center; gap: 30px; justify-content: space-between; }
@media (max-width: 1199px) { .mean-container .mean-nav>ul .homemenu-items { flex-wrap: wrap; } }
.mean-container .mean-nav>ul .homemenu-items .homemenu { position: relative; }
@media (max-width: 1199px) {
  .mean-container .mean-nav>ul .homemenu-items .homemenu { max-width: 300px; text-align: center;	margin: 0 auto; border: 1px solid var(--border);
	   padding: 10px; }
}
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb { position: relative; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button {	position: absolute;	top: 50%;
	left: 50%; transform: translate(-50%, -50%);	width: 60%;	gap: 10px;	display: flex;	justify-content: center;
	flex-direction: column; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out;	margin-top: 20px; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn { padding: 12px 20px;
	color: var(--white) !important; width: initial; font-size: 16px; text-align: center; border-radius: 0; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover { color: var(--white) !important; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb::before {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
	background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);	background-repeat: no-repeat;
	background-size: cover;	background-position: center;	width: 100%;	height: 100%;	position: absolute;
	left: 0; top: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;	content: ""; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover::before { visibility: visible; opacity: 1; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; bottom: 50%;
 transform: translateY(50%); }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb img { width: 100%; }
.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-title { text-align: center; margin: 15px auto; display: inline-block; font-size: 16px; }
.mean-container a.meanmenu-reveal { display: none !important; }
.mean-container .mean-nav ul li a {	width: 100%; padding: 10px 0; color: var(--title); font-size: 16px; line-height: 1.5; font-weight: 500;
	text-transform: capitalize; border-bottom: 1px solid var(--dc) !important; border: none; }
.mean-container .mean-nav ul li a:hover { color: var(--p2-clr); }
.mean-container .mean-nav ul li a:last-child {	border-bottom: 0; }
.mean-container .mean-nav ul li a:hover { color: var(--theme2); }
.mean-container .mean-nav ul li a.mean-expand { margin-top: 5px; padding: 0 !important; }
.mean-container .mean-nav ul li>a>i { display: none; }
.mean-container .mean-nav ul li>a.mean-expand i { display: inline-block; font-size: 16px; }
.mean-container .mean-nav>ul>li:first-child>a {	border-top: 0; }
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {	transform: rotate(45deg);	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	-ms-transform: rotate(45deg);	-o-transform: rotate(45deg);	transition: all 0.4s ease-in-out; }
.mean-container .mean-nav ul li .mega-menu li a {	height: 200px;	width: 100%;	padding: 0;	border-top: 0;	margin-bottom: 20px; }
.offcanvas__contact {}
.offcanvas__contact h4 { font-size: 20px; }
.offcanvas__contact ul { margin-top: 20px; }
.offcanvas__contact i {	margin-right: 15px;	color: var(--yellow); }
.offcanvas__contact li { margin-bottom: 15px; }
.sidebar-social {}
.sidebar-social a {  width: 35px; height: 35px;
	line-height: 35px;	border: 1px solid var(--dc); border-radius: 50%; display: inline-block; text-align: center;
	transition: .5s; color: var(--title); text-align: center; }
.sidebar-social a:hover,
.sidebar-social a:focus {	background-color: var(--yellow);	border-color: var(--yellow);	color: var(--title); }
.sidebar-social a i {	color: var(--title);	margin: 0; }
/*-------------------------------# Dropdwon menu  --------------------------------*/
#navigation #main-menu ul li ul,
#navigation #main-menu ul li ul li ul {
	background: var(--white);
	-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
	left: -55px;
	list-style: outside none none;
	margin: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 10px;
	position: absolute;
	text-align: left;
	top: 120%;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 210px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid var(--yellow);
}

#navigation #main-menu .menu-item-has-children { position: relative; margin-right: 28px; }
#navigation #main-menu .menu-item-has-children::after { position: absolute; content: "\e64b"; font-family: themify; margin-top: 0px;
	margin-left: 0; font-size: 10px; right: -10px; top: 14px; color: var(--title); font-size: 12px; font-weight: 600; }
#navigation #main-menu ul li ul li { position: relative; }
#navigation #main-menu ul li ul li ul { top: 0; right: auto; left: 205px; }
#navigation.navbar-fixed #main-menu ul li li a { color: var(--title); }
#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover>ul { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 100%; }
#navigation #main-menu ul li ul li { display: block; margin: 0; padding: 0; }
#navigation #main-menu ul li ul li a { color: var(--title); display: block; font-size: 15px; line-height: 30px; font-weight: 600; padding: 4px 16px;
    position: relative; transition: all 0.3s ease 0s !important; visibility: inherit !important; opacity: inherit !important; text-transform: capitalize; border-radius: 4px; }
#navigation #main-menu ul li ul li a:hover { color: var(--white); background-color: var(--green); text-decoration: none; }
.home-slider { position: relative; overflow: hidden; }
.slider_subtitle { display: inline-block; padding: 8px 22px; font-size: 15px; font-weight: 500; letter-spacing: 0.5px; border-radius: 40px; background: linear-gradient(90deg, #0F2A4A 0%, #243B63 40%, #8B6B24 75%, #D4A437 100%);
	color: var(--white); border: 1px solid rgba(255, 215, 120, 0.35); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); }
.slider-content { padding: 70px 0 70px; }
.slider-content h1, .banner-content h1 { font-size: 50px; line-height: 60px; color: var(--white); font-weight: 600; margin-top: 25px; margin-bottom: 20px; }
.slider-content p, .banner-content p { margin-bottom: 30px; }
.home-slider .single-slide,
.home-banner { background-size: cover; background-position: right; position: relative; z-index: 1; color: var(--white); }
.home-slider .single-slide:after,
.home-banner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: -1; }
.home-slider .single-slide .slider-content {}
.home-slider .single-slide .slider-content h1 span { font-size: 48px; color: var(--yellow); font-weight: 600; }
.slider_shape { position: absolute; top: 0; right: -35px; }
.hslider_image { width: 45%; position: absolute; right: 0; top: 0; }
.slider_img { position: absolute; top: -23px; right: -20px; }
.slider_arrows { position: absolute; left: 50%; bottom: 22%; z-index: 1; transform: translate(-50%, 0%); }
.home-banner { z-index: 1; }
.banner-content { padding: 200px 0; }
.banner_subtitle { text-transform: uppercase; position: relative; }
.banner_subtitle::before { content: ''; position: absolute; top: 50%; left: -20px; width: 10px; height: 10px; background-color: var(--yellow); 
    border-radius: 50%;  transform: translateY(-50%); }
.banner_subtitle::after { content: ''; position: absolute; top: 50%; right: -20px; width: 10px; height: 10px; background-color: var(--yellow);
    border-radius: 50%; transform: translateY(-50%); }
.banner-content h1 { margin-top: 23px; margin-bottom: 25px; }
.banner-content p { margin-bottom: 40px; }
.banner-content h1 span { color: var(--yellow); }
.swiper-slide-visible.swiper-slide-active .slider-content .slider_subtitle {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.swiper-slide-visible.swiper-slide-active .slider-content h1 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.swiper-slide-visible.swiper-slide-active .slider-content p {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.swiper-slide-visible.swiper-slide-active .slider-content .yellow_btn {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.swiper-slide-visible.swiper-slide-active .slider_shape,
.swiper-slide-visible.swiper-slide-active .slider_img {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}


@keyframes upDown {
	0% { transform: translateY(-40px) }
	100% { transform: translateY(0px) }
}
@keyframes leftRight {
	0% { transform: translateX(-50px) }
	100% { transform: translateX(0px) }
}
@keyframes rightLeft {
	0% { transform: translateX(50px) }
	100% { transform: translateX(0px) }
}

/** About **/
.miner_icon { width: 119px; top: 0; left: -100px; position: absolute; }
.single-pillar { text-align: center; position: relative; padding: 60px 0 0; }
.single-pillar::after { content: ''; position: absolute;	background-image: url(../img/shapes/pillar.svg); top: 0; left: 0;
	width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; border-radius: 0 0 43px 43px; }
.single-pillar img { width: 130px; margin-bottom: 20px; border-radius: 50%; }
.single-pillar h3 { font-size: 22px; }
.pl_btm { background-color: var(--yellow); color: var(--title); padding: 14px 0; position: relative; z-index: 1; margin: 0 2px; border-radius: 0 0 35px 35px; }
.services { background-size: cover; background-position: center; position: relative; color: var(--white); z-index: 1; }
.white-title h2 { color: var(--white); }
.single-service { background-color: var(--white); color: var(--title); padding: 30px; border-radius: 15px; }
.single-service h3 { font-size: 22px; margin-bottom: 15px; }
.service_icon, .counter_icon {	width: 80px; height: 80px; line-height: 85px; border-radius: 50%; background-color: var(--yellow); text-align: center; 
    margin-bottom: 25px; position: relative; z-index: 1; }
.service_icon img { width: 43px; }
.service_icon:after, .counter_icon:after { content: '';	position: absolute;
	top: 3px; left: 3px; width: 80px; height: 80px; line-height: 80px; background-color: var(--green); border-radius: 50%;	z-index: -1; }
.ser-content { overflow: hidden; }
/*---------------------------------------* Testimonial ----------------------------------**/
.astro-review-section { background:linear-gradient(135deg,#081726 0%,#102543 45%, #1C3760 100%); position: relative; overflow: hidden; }
.astro-review-left h2 { color: #ffffff; font-size: 52px; line-height: 66px; margin-bottom: 20px; }
.astro-review-left p { color: rgba(255, 255, 255, 0.75); font-size: 16px; line-height: 32px; }
.astro-review-arrows { display: flex; gap: 18px; margin-top: 35px; }
.astro-review-arrows a { width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; 
    font-size: 20px; color: #07152F; background: linear-gradient( 135deg, #20C4E8 0%, #087EA4 100% ); border: 1px solid rgba(32, 196, 232, 0.5);
	box-shadow: 0 10px 30px rgba(7, 21, 47, 0.30), 0 0 15px rgba(32, 196, 232, 0.12);
	transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
}
.astro-review-arrows a:hover { transform: translateY(-5px); color: #20C4E8; background: #07152F; border-color: #20C4E8;
	box-shadow: 0 14px 35px rgba(7, 21, 47, 0.40), 0 0 20px rgba(32, 196, 232, 0.25); }
.astro-review-arrows a i { transition: transform 0.35s ease; }
.astro-review-arrows a:hover i { transform: scale(1.1); }
.astro-review-card { background: #ffffff; border-radius: 30px; padding: 40px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); position: relative; }
.astro-review-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.astro-review-user { display: flex; align-items: center; gap: 18px; }
.astro-review-user img { width: 80px; height: 80px; object-fit: cover; border-radius: 50%;	border: 4px solid rgba(212, 164, 55, 0.2); }
.astro-review-user h3 { font-size: 24px; margin-bottom: 6px; color: #07152F; font-weight: 700; }
.astro-review-user span { color: #20C4E8; font-size: 15px; font-weight: 500; }
.astro-review-quote i { font-size: 48px; color:#D7F7FC; }
.astro-review-stars { display: flex; gap: 6px; margin-bottom: 25px; }
.astro-review-stars i { color: #D4A437; font-size: 16px; }
.astro-review-card p { font-size: 17px; line-height: 34px; color: #555; margin-bottom: 0; }
@media(max-width: 767px) {
	.astro-review-left h2 { font-size: 38px; line-height: 50px; }
	.astro-review-card { padding: 30px; }
}
/**-------------------------- Blog------------------------------ **/
.astro-blog-section { background: #f9f7f2; position: relative; }
.astro-blog-card { background: #ffffff; border-radius: 28px; overflow: hidden; height: 100%; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); transition: 0.4s ease; }
.astro-blog-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); }
.astro-blog-image {	position: relative;	overflow: hidden;	height: 270px; }
.astro-blog-image img {	width: 100%; height: 100%; object-fit: cover; transition: 0.5s ease; }
.astro-blog-card:hover .astro-blog-image img {	transform: scale(1.08); }
.astro-blog-category { position: absolute; left: 20px; top: 20px; padding: 10px 18px; border-radius: 50px; background: linear-gradient(135deg, #B8892D 0%,	#E0B84B 100%); color: #ffffff; font-size: 13px; font-weight: 600; letter-spacing: 1px;	text-transform: uppercase; }
.astro-blog-content { padding: 30px; }
.astro-blog-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.astro-blog-meta span { font-size: 14px; color: #777; }
.astro-blog-meta i { color: #B8892D; margin-right: 5px; }
.astro-footer-widget {  max-height: 24rem; }
.astro-blog-content h3 { margin-bottom: 10px;	min-height: 85px; }
.astro-blog-content h3 a { font-size: 25px; line-height: 38px; font-weight: 700; color: #102543; text-decoration: none; transition: 0.3s ease; }
.astro-blog-content h3 a:hover { color: #B8892D; }
.astro-blog-content p { font-size: 15px; line-height: 30px; color: #666; margin-bottom: 25px; min-height: 90px; }
.astro-blog-btn { display: inline-flex; align-items: center; justify-content: center;
	padding: 13px 28px; border-radius: 50px; background: linear-gradient(135deg,#102543 0%, #1C3760 45%, #D4A437 100%);color: #ffffff; text-decoration: none;
	font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; transition: 0.4s ease; }
.astro-blog-btn:hover { color: #ffffff; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); }
@media(max-width: 767px) { .astro-blog-content h3 a { font-size: 22px;	line-height: 27px; } }
.blog-image { position: relative; height: 280px; overflow: hidden; width: 100%;
	background-image: url(../img/shapes/blog_shape.svg); background-size: cover; border-radius: 15px; padding: 15px; transition: .5s; }
.blog-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }
.blog_category { position: absolute; bottom: 30px; left: 30px; z-index: 1; }
.blog_category a {	padding: 7px 18px;	background-color: var(--white);	color: var(--title); font-size: 14px; border-radius: 30px; transition: .5s;
    display: block;	transition: .5s; }
.blog_category a:hover, .blog_category a:focus { background-color: var(--yellow); color: var(--title); }
.blog_content { margin-top: 25px; padding: 0 27px; }
.blog_meta { font-size: 15px; color: var(--green);	margin-bottom: 10px; }
.blog_meta a { color: var(--green); transition: .5s; }
.blog_content h3 { font-size: 22px;	margin-bottom: 10px; }
.blog_content h3 a { color: var(--title);	transition: .5s; }
.blog_content h3 a:hover { color: var(--green); }
.blog_btn { text-decoration: underline; }
.blog-page .single-blog { margin-bottom: 30px; }
.post_pagination { margin-top: 20px; }
.post_pagination ul li { display: inline-block; }
.post_pagination ul li a { width: 50px; height: 50px; line-height: 50px; border: 1px solid var(--dc); background: var(--dc); color: var(--body);
    display: block;	border-radius: 50%; margin: 0 10px; transition: .5s; }
.post_pagination ul li.active a, .post_pagination ul li a:hover, .post_pagination ul li a:focus {
	background: var(--yellow);	border-color: var(--yellow); color: var(--title); }
/* ------------------astro footer--------------- */
.astro-footer { background: linear-gradient( 135deg, #07152F 0%, #0B2342 100% ); color: #B8C7D9; padding-top: 70px; position: relative; overflow: hidden; }
.astro-footer::before {  content: ""; position: absolute; width: 350px; height: 350px; top: -180px;
    right: -100px; background: rgba(32, 196, 232, 0.08); border-radius: 50%; filter: blur(20px); pointer-events: none; }
.astro-footer-widget h3 { color: #FFFFFF; font-size: 20px; font-weight: 700; margin-bottom: 25px; position: relative; }
.astro-footer-widget h3::after { content: ""; display: block; width: 35px; height: 2px; margin-top: 10px; 
 background: linear-gradient( 90deg,#087EA4, #20C4E8 ); border-radius: 10px; }
.astro-footer-social {display: flex; align-items: center; gap: 12px; margin-top: 25px; }
.astro-footer-social a { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%;
    color: #FFFFFF;background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(32, 196, 232, 0.18); text-decoration: none; 
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease; }
.astro-footer-social a:hover {color: #FFFFFF; background: #20C4E8; border-color: #20C4E8;  transform: translateY(-4px); 
   box-shadow:0 8px 20px rgba(32, 196, 232, 0.25); }
.astro-footer-logo img { max-width: 200px;	margin-bottom: 20px; } 
.astro-footer-about { font-size: 16px; line-height: 34px; margin-bottom: 30px; }
.astro-contact-list { display: flex; flex-direction: column; gap: 18px; }
.astro-contact-item { display: flex; align-items: center; gap: 15px; }
.astro-contact-item > i { flex-shrink: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; color: #20C4E8; background: rgba(32, 196, 232, 0.10); border: 1px solid rgba(32, 196, 232, 0.18);
    font-size: 16px; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease; }
.astro-contact-item:hover > i { color: #FFFFFF; background: #20C4E8; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(32, 196, 232, 0.20); }
.astro-contact-item a { color: #B8C7D9; text-decoration: none; transition: color 0.3s ease; }
.astro-contact-item a:hover {  color: #20C4E8; }
.astro-footer-widget ul { padding: 0; margin: 0; list-style: none; }
.astro-footer-widget ul li { margin-bottom: 13px; }
.astro-footer-widget ul li a { color: #B8C7D9; text-decoration: none;
    font-size: 15px; font-weight: 500;display: inline-flex; align-items: center; transition:color 0.3s ease,transform 0.3s ease; }
.astro-footer-widget ul li a::before {  content: "→"; color: #20C4E8; font-size: 15px; font-weight: 700; margin-right: 10px; transition: transform 0.3s ease; }
.astro-footer-widget ul li a:hover {  color: #20C4E8; transform: translateX(4px); }
.astro-footer-widget ul li a:hover::before { transform: translateX(3px); }
.astro-footer-bottom { padding: 22px 0; border-top: 1px solid rgba(32, 196, 232, 0.15); }
.astro-footer-bottom p {  margin: 0; color: #91A6BD; font-size: 14px; line-height: 1.6; }
.astro-footer-bottom strong { color: #FFFFFF; }
.astro-footer-links a {	color: rgba(255, 255, 255, 0.7); font-size: 14px; text-decoration: none; transition: 0.3s ease; }
.astro-footer-links a:hover { color: #D4A437; }
.whatsapp-icon { position: fixed; bottom: 90px; right: 17px; z-index: 9999; padding: 10px; transition: transform 0.3s ease; }
.whatsapp-icon img { width: 55px; height: 55px; }
.whatsapp-icon:hover { transform: scale(1.1); }
@media(max-width: 767px) {
	.astro-footer { padding-top: 40px; }
	.astro-footer-widget h3 { font-size: 24px; margin-top:15px; }
	.astro-footer-links { justify-content: flex-start; margin-top: 15px; }
}
.progress-wrap { position: fixed; right: 25px; bottom: 25px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;
	border-radius: 50%; background: linear-gradient( 135deg, #07152F 0%, #087EA4 55%, #20C4E8 100% ); color: #ffffff; font-size: 20px; line-height: 1;
	cursor: pointer; border: 1px solid rgba(32, 196, 232, 0.45);
	box-shadow: 0 8px 25px rgba(7, 21, 47, 0.35), 0 0 20px rgba(32, 196, 232, 0.12); z-index: 99999; opacity: 0; visibility: hidden; transform: translateY(20px);
	transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease; }
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); }
.progress-wrap:hover { background: linear-gradient( 135deg, #20C4E8 0%, #087EA4 55%, #07152F 100% );
	color: #ffffff; transform: translateY(-5px); border-color: #20C4E8; box-shadow: 0 12px 30px rgba(7, 21, 47, 0.40), 0 0 25px rgba(32, 196, 232, 0.30); }
.progress-wrap i { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #ffffff; font-size: 18px; }
@media (max-width: 767px) {
	.progress-wrap { right: 18px; bottom: 20px; width: 50px; height: 50px; font-size: 18px; }
	.progress-wrap i { font-size: 16px; }
}
/*---------------------------* Main Banner *---------------**/
.main_banner { padding: 140px 0; z-index: 1; background-size: cover; }
.main_banner i { font-size: 12px; color: #20C4E8; }
.main_banner h2 { font-size: 40px; color: #fff;  }
.main_banner, .main_banner a { color: var(--white); }
.main_banner:before { content: '';	position: absolute;
	left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: -1; }
.form-control { border: 1px solid var(--dc); border-radius: 5px; height: 50px; line-height: 50px; padding: 10px 20px; }
.form-control:focus { border-color: var(--yellow); outline: none; box-shadow: none; }
textarea.form-control {	height: 150px;	line-height: 20px; padding: 20px 20px; }
.contact-info {	border: 1px dashed var(--dc); border-radius: 15px; padding: 40px; }
.contact-info ul {	list-style-type: none; }
.contact-info li {	position: relative;	display: block;	margin-bottom: 25px; padding-left: 65px; }
.contact-info li:last-child { margin-bottom: 0; }
.contact-info li .cicon { width: 50px; height: 50px;
	line-height: 55px;	border-radius: 50%;	background-color: var(--green);	text-align: center;	position: absolute;	left: 0; top: 0; }
.contact-info li .cicon i {	position: relative;	z-index: 1;	color: var(--white); }
.contact-info li .cicon:after {	content: ''; position: absolute;	top: 3px;
	left: 3px;	width: 50px; height: 50px; line-height: 55px; background-color: var(--yellow); border-radius: 50%;	z-index: -1; }
.contact-info li p { margin-bottom: 0; }

/*-------------------------------
# Sidebar
--------------------------------*/

.search-control {
	height: 56px;
	line-height: 45px;
	padding: 5px 30px;
	border-radius: 5px;
	border: 1px solid #D9D9D9;
	width: 100%;
	transition: .5s;
}

.search-control:focus {
	border-color: var(--green);
	outline: none;
}

.form-control option {
	font-weight: 400;
}

.form-control:focus {
	outline: none;
	box-shadow: inherit;
	border-color: var(--green);
	background: var(--white);
}

textarea.form-control {
	height: 160px;
}

.widget.search-widget {
	border: unset;
	padding: 0;
}

.search-form {
	position: relative;
}

.search-form button {
	position: absolute;
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 0 5px 5px 0;
	border: 1px solid var(--green);
	background: var(--green);
	color: var(--white);
	right: 0;
	top: 0;
	transition: .5s;
}

.search-form button:hover,
.search-form button:focus {
	background-color: var(--yellow);
	border-color: var(--yellow);
	color: var(--title);
}

.widget {
	margin-bottom: 30px;
	padding: 30px;
	border: 1px solid #E9EEF4;
	border-radius: 4px;
}

.widget-title {
	margin-bottom: 25px;
	font-size: 25px;
}

.widget ul {
	list-style-type: none;
}

.widget.category-widget li {
	line-height: 40px;
	position: relative;
	padding-left: 24px;
	font-size: 17px;
	font-weight: 500;
}

.category-widget li::before {
	content: "\f15c";
	position: absolute;
	width: 15px;
	height: 15px;
	color: var(--green);
	border-radius: 50%;
	left: 0;
	top: 0px;
	font-family: "Font Awesome 7 Free";
	font-size: 18px;
}

.popular-posts-widget {}

.popular-posts-widget li {
	display: block;
	margin-bottom: 22px;
	overflow: hidden;
}

.popular-posts-widget li:last-child {
	margin-bottom: 0;
}

.popular-posts-widget h4 {
	transition: .5s;
}

.popular-posts-widget a {
	display: block;
	transition: .5s;
}

.popular-posts-widget a:hover h4,
.popular-posts-widget a:focus h4 {
	color: var(--green);
}

.popular-posts-widget img {
	max-width: 100%;
}

.ppimage {
	width: 100px;
	margin-right: 15px;
}

.ppimage img {
	border-radius: 10px;
}

.ppcontent {
	overflow: hidden;
}

.ppcontent h4 {
	font-size: 18px;
	margin-top: 0px;
	line-height: auto;
	font-weight: 500;
}

.ppcontent span {
	position: relative;
	padding-left: 19px;
	font-size: 16px;
	color: var(--green);
}

.ppcontent span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 12px;
	height: 1px;
	background: var(--green);
	display: block;
}

.tags_clouds a {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	font-weight: 500;
	padding: 4px 15px;
	background: var(--f6);
	margin-bottom: 13px;
	border-radius: 4px;
	transition: .5s;
}

.tags_clouds a:hover,
.tags_clouds a:focus {
	background: var(--green);
	color: var(--white);
}

/* Start Blog Details */

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

.post-nav.pnavigation {
	margin-top: 40px;
	text-align: center;
}

.post-nav.pnavigation a {
	display: inline-block;
	background: var(--green);
	color: var(--white);
	padding: 8px 22px;
	font-weight: 600;
	border-radius: 4px;
	transition: .5s;
	margin: 0 15px;
}

.post-nav.pnavigation a:hover,
.post-nav.pnavigation a:focus {
	background: var(--yellow);
	color: var(--title);
}

/* End Blog Details */


/*-------------------------------
# Course Details
--------------------------------*/

.scourse_image {
	position: relative;
}

.scourse_image:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	border-radius: 15px;
}

.vid_btn_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
}

.scourse_image img {
	border-radius: 15px;
}

.scbtn {
	width: 80px;
	height: 80px;
	line-height: 74px;
	border: 3px dashed var(--white);
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	transition: .5s;
	z-index: 11;

}

.scbtn:hover,
.scbtn:focus {
	background-color: var(--green);
}
.scbtn svg { width: 31px; }
.scbtn svg path { fill: var(--white); }
.courses-details {}
.scourse-title { font-size: 24px; margin-top: 25px;	margin-bottom: 25px; }
.courses-details img {	width: 100%; }
.scourse_meta {	margin-top: 30px; margin-bottom: 30px; }
.scourse_meta img {	width: 70px; border-radius: 50%; margin-right: 15px; float: left; }
.scourse_meta span {	font-size: 16px; }
.scourse_meta p { font-size: 17px; font-weight: 600; line-height: 25px; margin-bottom: 0; }
.scourse_meta p { color: #222; }
.scourse_meta .smeta_text { display: inline-block; }
.scourse_meta .smeta { display: inline-block;	margin-right: 30px;	position: relative; }
.scourse_meta .smeta::after {
	width: 1px;
	height: 52px;
	background-color: #C9C8C8;
	content: '';
	position: absolute;
	right: 0;
	top: 5px;
}

.scourse_meta .smeta {	padding-right: 30px; margin-right: 30px; }
.smeta:last-child:after { display: none; }
.scourse_meta .smeta:last-child { padding-right: 0;	margin-right: 0; }
.scourse_meta .rev_icons {	color: #ffb608; }
.scourse_meta .rev_content { padding-left: 5px; }
.rev_content {}
.cd_tab #nav-tab {	background: var(--white); border: 1px solid var(--dc); text-align: center; margin-bottom: 30px; display: block; border-radius: 4px; }
.cd_tab #nav-tab button {
	display: inline-block;
	color: var(--title);
	font-weight: 500;
	margin: 15px 17px 15px;
	padding: 5px 25px;
	border-radius: 30px;
	outline: none;
	font-size: 16px;
}

.cd_tab #nav-tab button:hover,
.cd_tab #nav-tab button:focus {
	border-color: var(--f9);
	color: #222;
	outline: none;
}

.cd_tab #nav-tab.nav-tabs button.nav-link.active {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--white);
	outline: none !important;

}

#nav-overview ul {	list-style-type: none; }
#nav-overview ul li {	position: relative;	padding-left: 37px;	line-height: 30px; }
#nav-overview ul li::before {	content: "\ecb6";	position: absolute;
	left: 0; top: 4px; font-family: boxicons !important; font-size: 25px; color: var(--green); }
.cdtitle {	margin-bottom: 15px; font-size: 20px; }
.cd_curriculum h3,
.cd_rating h3 {	font-size: 20px; }
.benefits {	background: var(--f9);	overflow: hidden;	padding: 30px;	margin-top: 30px; }
.benefits h3 {	margin-bottom: 20px;	font-size: 22px; }
.benefits ul {	margin-left: -20px;	display: block; }
.benefits ul li { width: 47%;	float: left; margin-left: 20px;	margin-bottom: 15px; }
.cd_curriculum { border: 1px solid var(--fa); padding: 40px; }
.cd_curriculum h3 {	margin-bottom: 20px; }
.cd_curriculum ul {	list-style-type: none; }
.cd_curriculum ul li {	border-bottom: 1px solid #f1f1f1; padding-bottom: 15px;	margin-bottom: 15px; font-weight: 500; }
.cd_curriculum ul li i {	padding-right: 5px;	font-size: 21px;	display: inline-block;
	position: relative;	top: 4px; color: var(--green); }
.cd_curriculum ul li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }
.cd_cur_right {	float: right;	font-size: 15px; }
.cd_cur_right a {
	font-weight: 600;
	color: #444;
	background: #E5F8F8;
	padding: 0px 16px;
	display: inline-block;
	margin-right: 25px;
	font-size: 15px;
	border-radius: 4px;
	margin-right: 100px;
	transition: .5s;
}

.cd_cur_right a:hover,
.cd_cur_right a:focus {
	background: var(--green);
	color: var(--white);
}

.cd_rating {}

.cd_rating h3 {	margin-bottom: 20px; }
.cd_rating_top {
	border: 1px solid #f1f1f1;
	padding: 35px;
	overflow: hidden;
	margin-bottom: 60px;
	border-radius: 8px;
}

.cdr_rate_summary {	float: left; width: 25%; text-align: center; }
.cdr_rate_summary h1 { font-size: 65px; margin-bottom: 16px; }
.cdr_rating { color: #ffb608; }
.cdr_rating i { margin: 0 3px; }
.cdr_rate_summary p { margin-bottom: 0; }
.cdr_rate_number ul { list-style-type: none; }
.cdr_rate_number {	width: 75%;	float: left; }
.cdr_rate_number ul li { display: flex;	margin: 0 0 10px 0; }
.cdr_rate_number ul li:last-child {	margin: 0; }
.cdr_rate_value {
	flex: 1;
	position: relative;
	margin: 13px 86px 0 15px;
	height: 7px;
	background: #f2f2f2;
}

.rating_width {
	height: 7px;
	background-color: #ffb608;
	display: block;
}

.cdr_rate_count {
	display: inline-block;
	position: absolute;
	right: -80px;
	text-align: right;
	line-height: 1;
	font-size: 16px;
	margin: -12px 0;
}

.cdr_rate_star { flex: 0 0 40px; text-align: center; }
.rating_item_avatar { float: left; margin-right: 30px; }
.rating_item_avatar img {
	width: 100px;
	float: left;
	margin-right: 25px;
	border-radius: 50%;
}

.rava_conent {	overflow: hidden; }
.rava_conent h3 { font-size: 22px; margin-bottom: 5px; }
.rava_conent p { margin-bottom: 0; }
.rating_item_ricon { color: #ffb608; }
.rating_item {	overflow: hidden;	margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f1f1f1; }
.rating_item:last-child {	border-bottom: 0; }
.cdr_review_form h3 { font-size: 24px; margin-bottom: 6px; }
.review_form_ricon { margin-bottom: 12px; }
.review_form_ricon i {	cursor: pointer;	transition: .5s;	color: #222; }
.review_form_ricon i:hover { color: var(--yellow); }
.rating_form textarea { border: 1px solid #f1f1f1; width: 60%; height: 120px; margin-bottom: 20px; border-radius: 5px; padding: 10px 25px; }
.rating_form textarea:focus { border-color: var(--green); outline: none; }
.cd_instructor { display: flex;	gap: 30px; }
.cdin_image { width: 300px;	text-align: center; }
.cdin_image ul { list-style-type: none;	display: inline-block;	margin-top: 25px; }
.cdin_image ul li {	display: inline-block;	margin: 0 5px; }
.cdin_image ul li a {
	width: 35px;
	height: 35px;
	line-height: 38px;
	background: var(--f7);
	color: var(--body); transition: .5s;
	border-radius: 50%; display: block; font-size: 15px;
}

.cdin_image ul li a:hover,
.cdin_image ul li a:focus {
	background: var(--green);
	color: var(--white);
}

.cdin_content {
	padding-top: 20px;
}

.cdin_content h4 a {
	color: #222;
}

.cdin_content span {
	color: var(--body);
	margin-bottom: 8px;
	display: block;
	font-weight: 500;
}

.cdin_meta {
	font-weight: 500;
	display: flex;
	gap: 25px;
	border-top: 1px solid var(--dc);
	padding-top: 14px;
	margin-top: 15px;
}

.cdin_meta_item i {
	color: var(--green);
}

.course-sidebar {
	border: 1px solid var(--fa);
	box-shadow: var(--shadow-2);
	padding: 25px;
	border-radius: 5px;
	position: -webkit-sticky;
	/* For Safari */
	position: sticky;
	top: 0;
	margin-left: 40px;
}

.course-sidebar .cd-video {}

.course-sidebar .cd-video iframe {
	width: 100%;
	border-radius: 5px;
	height: 220px;
}

.course-sidebar .blue_btn {
	width: 100%;
	text-align: center;
}

.course-sidebar h3 {
	margin-bottom: 20px;
	font-size: 24px;
}

.course-sidebar .scourse_list li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cside-label {
	float: left;
	font-weight: 600;
	color: var(--title);
}

.cside-value {
	float: right;
	font-weight: 600;
}

.course-sidebar ul {	list-style-type: none;	overflow: hidden; }
.cd_price {
	text-align: left;
	font-weight: 600;
	font-size: 25px;
	color: var(--title);
}

.cd_price del {
	font-size: 20px;
	color: var(--red);

}

.cd_price span {
	color: var(--green);
}

.cd_btn {
	display: inline-block;
	padding: 10px 35px;
	border-radius: 30px;
	background-color: var(--green);
	border: 1px solid var(--green);
	color: var(--white);
	font-weight: 600;
	font-size: 17px;
	transition: .5s;
}

.cd_btn:hover,
.cd_btn:focus {
	background-color: #002935;
	border-color: 1px solid #002935;
	color: var(--white);
	box-shadow: 0;
}

.cd_social { margin-top: 0; text-align: left; }
.cd_social span { display: inline-block; margin-right: 8px; color: var(--title); font-weight: 500; }
.cd_social ul { position: relative; top: 10px; }
.cd_social ul, .cd_social li { display: inline-block; }
.cd_social li { margin: 0 3px; }
.cd_social li a { width: 35px; height: 35px; line-height: 35px; font-size: 15px;
	color: var(--title); border: 1px solid var(--dc); display: block; text-align: center; border-radius: 50%; transition: .5s; }
.cd_social li a:hover,
.cd_social li a:focus { background: var(--green); border-color: var(--green); color: var(--white); }
.cd_social li i {}
.scourse_list i { color: var(--green); margin-right: 5px; }
.related-courses { padding-top: 80px; }
.created-title { margin-bottom: 15px; font-size: 25px; }
.relcourse_slider .c_author img { width: auto !important; display: inline-block; }
.course-sidebar .green_btn { width: 100%; text-align: center; }
/* -------------------------- Start Instructor Details  ---------------------------------*/
.id_image img {}
.id_image .id_meta {	border-bottom: 1px dashed var(--dd); }
.id_image .id_meta span {	margin: 0 10px; }
.id_image .id_meta i {	color: var(--green); }
.id_image i { color: var(--rating); }
.id_content {}
.id_content span {	font-weight: 600;	color: var(--green);	margin-bottom: 15px;	display: block; }
.id_cinfo {	list-style-type: none;	color: var(--green);}
.id_cinfo a { color: var(--green); }
.id_cinfo strong {	color: var(--title); }
.id_social { list-style-type: none;	margin-top: 15px; }
.id_social li {	display: inline-block;	padding-right: 8px; }
.id_social li a { width: 38px; height: 38px; line-height: 38px;
	background: rgba(20, 200, 140, 0.06); color: var(--title); display: block; text-align: center;	border-radius: 50%;	font-size: 15px; transition: .5s; }
.id_social li a:hover {	background: var(--green);	color: var(--white); }
.id_cinfo {}
.id_cinfo li {	margin-bottom: 5px; }
/** FAQ **/
#faq_accordion .accordion-item {}
#faq_accordion .accordion-item { border: 1px solid var(--dc); border-radius: 8px; overflow: hidden; margin-bottom: 30px; }
#faq_accordion .accordion-button {
	background: linear-gradient(135deg, #19273f 0%, #111a2a 100%); color: #fff !important;	font-size: 17px; font-weight: 600; padding: 14px 24px; }
#faq_accordion .accordion-button.collapsed { background-color: rgba(20, 200, 140, 0.04);	color: var(--title); }
#faq_accordion .accordion-button:focus { outline: none;	box-shadow: none; }
#faq_accordion .accordion-button[aria-expanded="true"]::after,
#faq_accordion .accordion-button[aria-expanded="false"]::after {
	font-family: "Phosphor"; font-weight: 900; color: var(--white); display: inline-block;
	position: absolute; inset-block-start: 50%; transform: translateY(-50%);
	inset-inline-end: 18px;	height: 30px; width: 30px; background-color: var(--green); background-image: inherit; display: flex;
	justify-content: center; align-items: center; border-radius: 50%; color: #fff; text-align: center; }
#faq_accordion .accordion-item:has(.accordion-collapse.collapse.show) .accordion-button::after,
#faq_accordion .accordion-item:has(.accordion-collapse.collapsing) .accordion-button::after {
	color: var(--title);	background-color: var(--yellow); }
/*3598--------------------*/