/*
Theme Name: Educational Landing Page
Theme URI: https://www.vwthemes.com/products/free-educational-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: Educational Landing Page is a modern, responsive theme designed for academies, schools, colleges, universities, online learning platforms, e-education providers, training centers, and coaching institutes, providing a professional digital platform for showcasing courses, tutorials, workshops, seminars, certification programs, and learning resources. Ideal for online courses, MOOCs, blended learning programs, e-learning portals, skill development platforms, and virtual classrooms, it features sections for course catalogs, program overviews, degree landing pages, kids’ zones, interactive learning modules, and online course enrollment. The theme supports ecommerce functionality through WooCommerce for selling courses, learning materials, subscriptions, and digital resources, while Contact Form 7 enables inquiries, student registrations, and workshop sign-ups, and Yoast SEO ensures improved visibility for searches such as online education, virtual learning, training programs, academic courses, and e-learning platforms. With a user-friendly layout, fast-loading performance, mobile responsiveness, customizable sections, and structured content areas, Educational Landing Page offers a versatile, conversion-focused solution to engage learners, streamline course management, and grow an educational brand online. Demo: https://www.vwthemes.net/educational-landing-page/Demo: https://www.vwthemes.net/educational-landing-page/
Template: ecommerce-landing-page
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.4.8
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: educational-landing-page
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, flexible-header, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, post-formats, education, blog, portfolio
*/

body, h1, h2, h3, h4, h5, h6 {
	font-family: "Plus Jakarta Sans", sans-serif;
}
body {
	font-size: 15px;
}
a, a:hover{
	color: #F24080;
}
.middle-align {
	margin: 40px auto 0 !important;
}
.top-bar {
	border: 0;
	background: #000000;
	padding: 6px;
}
.topbar-text a, .topbar-text span {
	color: #fff;
}
.social-icons {
	padding: 10px 0;
}
.social-icons .widget, .social-icons span, .top-bar .custom-social-icons {
	display: inline-block;
	color: #fff;
}
.top-bar .custom-social-icons i {
	padding: 0 0 0 10px;
	border: 0;
	font-size: 14px;
	color: #fff;
}
#header {
	background: transparent;
}
.scrollup i {
	background: #000000;
}
.scrollup i:hover {
  background-color: #000000;
  transform: scale(1.3);
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a, .post-categories li a{
  background: #000000  !important;
  color: #fff;
  padding:8px 15px;
  margin-right:5px;
  font-weight: 600;
}
.bradcrumbs a:hover, .post-categories li a:hover{
  background: #000000 !important;
}
.bradcrumbs span{
  background: #F24080  !important;
  color: #fff;
  padding:8px 15px;
  font-weight: 600;
}
.page-content{
  padding: 70px !important;
}
nav.navigation.posts-navigation .nav-previous a, nav.navigation.posts-navigation .nav-next a{
	background: #F24080 ;
}
nav.navigation.posts-navigation .nav-previous a:hover, nav.navigation.posts-navigation .nav-next a:hover{
	background: #000000;
	color: #fff !important;
}
#sidebar h3 a.rsswidget{
	color: #fff !important;
}
/*bredcrumb*/
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a,
.wc-block-components-order-summary-item__quantity{
	background: #41246d !important;
}
.header-fixed{
  border-bottom: 2px solid #F24080;
  background-color: #41246d;
}
/*----------------- SEARCH POPUP ----------------*/

.topbar-btn a, .more-btn a {
	font-size: 15px;
	background: #F24080 ;
	display: inline-block;
}
.topbar-btn a:hover, .topbar-btn a:hover, .more-btn a:hover, input[type="submit"]:hover, #comments input[type="submit"]:hover, #comments a.comment-reply-link:hover, #slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover, .pagination .current, .pagination a:hover, #sidebar .tagcloud a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .widget_product_search button:hover, nav.woocommerce-MyAccount-navigation ul li:hover {
	background: #000000 !important;
	color: #fff !important;
}
.menu-section, .closebtn i{
	background: #F24080;
}
#sidebar ul li::before{
	background-color: #F24080 !important;
}
.page-template-custom-home-page .home-page-header{
	border-bottom: none !important;
	background: transparent;
}
.home-page-header{
	border-bottom: 2px solid #F24080;
	background-color: #41246d;
}
.main-navigation a:hover{
	color: #fff;
}
.main-navigation ul ul li a:hover, .sticky .post-main-box h2:before, .main-navigation ul ul a:focus{
  color: #F24080;
}
.main-navigation ul ul{
  border-top: 2px solid #F24080;
  border-bottom: 2px solid #F24080;
}
.post-nav-links a.post-page-numbers:hover{
	background-color: #F24080 !important;
	color: #fff;
}
.menu-section .closebtn i{
	font-size: 20px;
}
.logo p.site-title a:hover{
	color: #fff !important;
}
/* Header */
.topbar .cart-no{
	display: none;
}
.myaccount-icon i{
	background: #F24080;
}
p.site-title a, .logo h1 a, .logo p.site-description{
	color: #fff ;
}
/* banner section */
#banner{
	background-color: #41246D;
	position: relative !important;
	isolation: isolate;
}
.banner-small-heading{
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	font-family: "Kalam", cursive;
	font-weight: 600;
}
.banner-small-heading:after{
	content: '';
  width: 70px;
  height: 2px;
  background: #fff;
  display: inline-block;
  margin: 0px 0px 0px 6px;
}
#banner h2, #banner p {
	color: #fff;
}
.banner-main-text{
	margin-top: 0 !important;
}
.banner-image img, .banner-image2 img, .banner-image3 img{
  height: 200px;
  width: 300px;
	object-fit: cover;
	border-radius: 50px;
	position: relative;
	z-index: 9;
}
.banner-image1 img{
	height: 260px;
  width: 260px;
  object-fit: cover;
  border-radius: 50%;
  background: linear-gradient(0deg, #452C74 0%, #624B87 100%);
  padding: 28px;
}
#banner h2 {
  font-size: 45px;
  text-transform: capitalize;
}
.read-more a{
	background: #F24080;
	border-radius: 6px;
	text-transform: capitalize;
}
.read-more a:hover{
	color: #fff;
}
.banner-image-line img {
	width: auto;
}
.banner-image-line{
  position: absolute;
	top: 60%;
  left: 60%;
}
.banner-image2, .banner-image3{
	position: relative;
	z-index: 9999999999999999;
}
.banner-image1 img{
	border-radius: 50%;
  width: 260px;
  height: 260px;
	background: linear-gradient(0deg, #422770 0%,#543A7C 100%);
	padding: 25px;
	object-fit: cover;
}
#banner::before{
	content: '';
	position: absolute;
	height: 94%;
	aspect-ratio: 1/1;
	background: linear-gradient(0deg, #422770 0%,#543A7C 100%);
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	z-index: -1;
}
#banner::after{
	content: '';
	position: absolute;
	height: 80%;
	background: linear-gradient(0deg, #452C74 0%, #624B87 100%);
	aspect-ratio: 1/1;
	border-radius: 50%;
	left: 50px;
	top: 50%;
	transform: translate(0, -50%);
	z-index: -1;
}
.inner_carousel{
  position: absolute;
  top: 35%;
  z-index: 99;
  left: 15%;
  right: 63%;
}
.woocommerce span.onsale,.woocommerce a.added_to_cart.wc-forward,#sidebar ul li::before,.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
  background:#F24080  !important ;
}
.wp-block-latest-comments__comment-meta a,.product_meta a,.wc-block-components-totals-coupon a,
.woocommerce-MyAccount-content a{
  color:#F24080  !important ;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
  border-color: #F24080  !important ;
}
/* Latest News & Blog Section */
#latest-post-section h4.heading-text{
	font-size: 30px;
}
.events-box:hover span.event-date, .events-box:hover span.event-location li a{
	background-color: #F24080 !important;
}
.events-box:hover h3 a{
	color: #F24080 !important;
}
#latest-post-section .events-box img{
	border-radius: 10px;
}
.latest-post-head h4{
	font-size: 22px;
}
.latest-post-head h5{
	font-size: 25px;
}
/* Feature Courses Section */
.user-text1::before{
	content: '(';
}
.user-text1::after{
	content: ')';
}
.user-text1{
	font-weight: 600;
}
.feature-courses span{
	color: #F24080;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	font-family: "Kalam", cursive;
}
.feature-courses-span:after, .feature-courses-span:before{
	content: '';
  width: 70px;
  height: 2px;
  background: #F24080;
  display: inline-block;
  margin: 0px 20px 0px 20px;
}
.feature-courses p{
	color: #000;
}
.price-text-sec{
	font-size: 18px;
	font-weight: 700;
}
.price-text-sec1{
	font-size: 12px;
	color:#beb6b5;
	margin-top: 8px;
	text-decoration-line: line-through;
	font-weight: 600;
}
.feature-box{
	box-shadow: 0px 0px 6px #00000029;
	border-radius: 10px;
}
.feature-box img{
  border-radius: 10px 10px 0 0;
  height: 215px;
  object-fit: cover;
}
.feature-box h3 a{
	font-size: 18px;
	color: #000;
}
.feature-main-div{
	padding: 10px;
}
.feature-box:hover h3 a{
	border-bottom: 2px solid;
}
.star-myaccount{
	align-items: center;
}
.star-myaccount .star-rating i{
	color: #feaf18;
}
#footer li a:hover{
	color: #F24080 !important;
}
#footer input[type="submit"]:hover{
	background:#F24080  !important;
}
/*end*/
.more-btn a, #comments input[type="submit"], #comments a.comment-reply-link, input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, nav.woocommerce-MyAccount-navigation ul li, .pro-button a,.pagination span, .pagination a {
	background: #F24080  !important;
	color: #fff !important;
}
.service-btn a {
	top: -45px;
}
#sidebar h3, #sidebar .wp-block-search .wp-block-search__label,#footer-2,.inner-box:hover{
	background: #F24080;
}
.post-main-box:hover h2 a, .post-main-box:hover .post-info a, .single-post .post-info:hover a,#footer .textwidget a, #footer li a:hover, .post-main-box:hover h3 a, #sidebar ul li a:hover, .post-navigation a:hover .post-title, .post-navigation a:focus .post-title, .post-navigation a:hover, .post-navigation a:focus,.logo h1 a:hover, .logo p.site-title a:hover{
	color: #000000;
}
#header{
	background: transparent !important;
}
#preloader{
	background-color: #F24080;
}
/*pagination*/
.pagination span, .pagination a, .post-nav-links span, .post-nav-links a{
	background: #000000 !important;
}
.wp-block-button.is-style-outline a{ 
	background: transparent !important;
	border: 1px solid #000;
}
.post-navigation span.meta-nav:hover{
	color: #000;
}
.about-img img {
  box-shadow: -20px 20px 0 0px #94c2ec;
}
#sidebar .more-button a{
	background: #F24080  !important;
  color: #fff !important;
}
#sidebar .more-button a:hover{
  background: #000000 !important;
  color: #fff !important;
}
#sidebar label.wp-block-search__label, #sidebar .wp-block-heading, #footer .custom-about-us a.custom_read_more{
  background: #F24080;
}
#footer .wp-block-search .wp-block-search__button, #sidebar .wp-block-search .wp-block-search__button{
  background: #000000;
}
#footer .tagcloud a:hover{
	border-color: #F24080;
}
#footer .widget_tag_cloud a.tag-cloud-link:hover{
	background-color: #F24080;
}
.post-main-box:hover h2 a, .post-main-box:hover .post-info a, .single-post .post-info:hover a, .grid-post-main-box:hover h2 a, .grid-post-main-box:hover .post-info a{
	color: #000000;
}
.copyright a:hover{
	color: #fff;
}
.copyright .widget{
	margin-bottom: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button,a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background-color: #F24080;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,a.wc-block-components-checkout-return-to-cart-button:hover, .wc-block-components-checkout-place-order-button:hover{
  background: #000000 !important;
  color: #fff !important;
}
.post-main-box .more-btn a{
	border-radius: 6px;
}
/*post*/
.post-main-box:hover h2 a, .post-main-box:hover .post-info span a, .single-post .post-info:hover a, .middle-bar h6, .grid-post-main-box:hover h2 a, .grid-post-main-box:hover .post-info span a{
	color: #F24080;
}
.more-btn a, #comments input[type="submit"],.woocommerce a.added_to_cart.wc-forward, #comments a.comment-reply-link, input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, nav.woocommerce-MyAccount-navigation ul li, .pro-button a, .pagination span, .pagination a{
  border-radius: 6px;
}
.post-main-box h2 a, .grid-post-main-box h2 a{
	font-size: 24px;
	line-height: 35px;
}
#sidebar ul li:hover{
	color: #F24080;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: #F24080 ;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  color: #fff !important;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  text-transform: capitalize;
  background-color: #F24080 ;
  border-radius: 6px !important;
  color: #ffffff;
}
header.woocommerce-Address-title.title a:hover,#tag-cloud-sec .tag-cloud-link:hover{
  background: #41246d;
  color:#fff !important;
}
/*remove cart css*/
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  font-size: 14px;
  text-transform: capitalize;
  background: #F24080;
  text-decoration: none !important;
}
.wc-block-grid__product-title{
  border-bottom: none;
}
span.woocommerce-Price-amount.amount{
  font-size: 14px;
}
li.wc-block-grid__product{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 13px;
  max-width: 22% !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
	text-decoration: none !important;
}
.wp-block-woocommerce-empty-cart-block a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
border-radius: 6px !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover{
	color: #fff !important;
	background: #000 !important;
}	
@media screen and (max-width:767px) {
  li.wc-block-grid__product {
    max-width: 62% !important;
  }
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }
  .related-post .post-main-box{
  	margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px){
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
  .wc-block-grid__products{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding: 0px 50px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  	max-width: 100% !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1080px){
  .wc-block-grid__products{
    padding: 0px 34px !important;
  }
}
@media screen and (max-width: 1000px){
	.main-navigation a:hover{
		color: #F24080 !important;
	}
	.toggle-nav i{
		background: #F24080;
	}
	.serach_outer i{
		background: transparent;
	}
	p.site-title, .logo h1 {
    font-size: 25px;
	}
	#banner {
    padding: 10rem 0 2rem 0 !important;
	}
}
@media screen and (max-width:767px){
	.inner_carousel{
		position: static !important;
		margin-top: 20px;
	}
	.banner-image img, .banner-image2 img, .banner-image3 img {
    height: 100px;
    width: 150px;
    border-radius: 20px;
  }
  .banner-image1 img {
    height: 140px;
    width: 140px;
    padding: 14px;
  }
  #banner h2 {
    font-size: 32px;
  }
  .inner_carousel, #banner p {
    text-align: center;
  }
}
@media screen and (max-width:720px) {
	.menu-section{
		background: none;
	}
	#banner::before,#banner::after{
		display: none;
	}
  .banner-img{
  	padding-bottom: 10px;
  }
  .banner-image-main , .banner-image-main1{
  	justify-content: center !important;
  }
  .banner-image-line{
  	display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	#banner::after, #banner::before{
		display: none;
	}
/*	#banner::after{
		left: 38px;
	}*/
	.inner_carousel{
		left: 0;
		right: 0;
		position: static;
		margin-top: 20px;
	}
	#banner h2 {
    font-size: 32px;
  }
  .banner-image img, .banner-image2 img, .banner-image3 img {
   	height: 130px;
    width: 175px;
  }
  .banner-image1 img {
    height: 150px;
    width: 150px;
    padding: 14px;
  }
  .banner-img{
  	padding-bottom: 10px;
  }
  .banner-image-main , .banner-image-main1{
  	justify-content: center;
  }
  .banner-image-line{
    left: 54%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px){
	.main-navigation a{
		font-size: 14px;
	}
	.inner_carousel h2{
		font-size: 42px !important;
    line-height: 50px;
	}
  .banner-image img, .banner-image2 img, .banner-image3 img {
    height: 185px;
    width: 238px;
    margin: 10px;
  }
	.banner-image1 img {
    height: 180px;
    width: 180px;
    padding: 14px;
  }
  .inner_carousel{
    left: 5%;
    right: 50%;
  }
  .star-myaccount .star-rating i{
  	font-size: 10px;
  }
  .feature-box h3 a {
    font-size: 16px;
  }
  .price-text-sec {
    font-size: 16px;
  }
  .price-text-sec1{
    margin-top: 0px;
  }
  #banner::after{
    left: 36px;
  }
  .banner-image-line{
  	top: 55%;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1599px){
  .inner_carousel{
  	left: 5%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1075px){
	.main-navigation a{
		font-size: 14px;
	}
	.inner_carousel h2{
		font-size: 42px !important;
    line-height: 50px;
	}
  .banner-image img, .banner-image2 img, .banner-image3 img {
    height: 185px;
    width: 238px;
    margin: 10px;
  }
	.banner-image1 img {
    height: 180px;
    width: 180px;
    padding: 14px;
  }
  .banner-image-line{
  	top: 55%;
  }
  #banner::after{
    left: 36px;
  }
  .inner_carousel{
    left: 5%;
    right: 52%;  
  }
}
@media screen and (min-width: 1076px) and (max-width: 1200px){
	.main-navigation a{
		font-size: 14px;
	}
	.inner_carousel h2{
		font-size: 42px !important;
    line-height: 50px;
	}
  .banner-image img, .banner-image2 img, .banner-image3 img {
   	height: 130px;
   	width: 146px;
  }
  .banner-image1 img {
    height: 150px;
    width: 150px;
    padding: 14px;
  }
  .inner_carousel{
    left: 5%;
    right: 47%;
  }
  #banner::after{
    left: 36px;
  }
}
.feature-box img{
	width: 100%;
}
@media screen and (min-width: 1201px) and (max-width: 1439px){
	.inner_carousel{
    left: 5%;
    right: 55%;
  }
}
/* Progress Bar */
#ecommerce_landing_page_elemento_progress_bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0;
    background-color:#F24080;
    z-index: 99999;
}