/**
 * Theme Name: TutorStarter Child
 * Author: Themeum
 * Author URI: https://www.themeum.com
 * Description: Tutor Starter is a free WordPress LMS theme powered by Tutor LMS, the popular eLearning plugin for WordPress. It is designed to let Tutor LMS take center stage while also letting you pick what feels right. Tutor Starter is created with the same Unified Design System from Tutor LMS making it the perfect companion eLearning theme for Tutor LMS. Tutor Starter is also highly specialized for speed and efficiency, with all of its components optimized to give your eLearning website a great score on Google's PageSpeed. Tutor Starter pages are also schema ready and SEO optimized to make ranking on search engines as easy as pie! It also boasts an impressive blog single page for perfect readability. With full support for both Elementor and Gutenberg, Tutor Starter hopes to cater to the largest audience of both classic page builders and modern Gutenberg based builders. It comes with customizer settings for headers, footers, and everything in between. With several header and footer variations, advanced typography settings, and contextual page settings, create the eLearning website of your dreams with this free LMS theme. Tutor Starter features 3 modern and pre-built home layouts with fully functioning inner pages for both Elementor and Gutenberg to let you get started in no time. Tutor Starter also features a clean and light one-click demo importer to import all these pre-built home layouts for Gutenberg and Elementor. This, along with deep ties with Tutor LMS makes it a no-brainer WordPress LMS theme. Please Check theme demo here https://preview.tutorlms.com/
 * Tested up to:   6.7
 * Requires PHP:   7.4
 * Version: 1.0.0
 * Template: tutorstarter
 * License: GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Tags: education, e-commerce, blog, custom-logo, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support, footer-widgets, left-sidebar, right-sidebar
 * Text Domain: tutorstarter
 */
 body {
    font-family: 'Host Grotesk', sans-serif !important;
    font-weight: 500 !important; /* Adjust font weights */
}


/* body, h1, h2, h3, h4, h5, h6, p, a, span, button { */
/*      font-family: "Host Grotesk", "Host Grotesk Placeholder", sans-serif; */
/* } */


.elementor-element.elementor-element-305e474.e-con-full.e-flex.e-con.e-parent.e-lazyloaded .elementor-counter-title {
    font-weight: 500 !important;
    font-size: 20px !important;
}

.elementor-7961 .elementor-element.elementor-element-171e5a8.e-con .e-con-inner {
    padding: 6px;
}
.elementor-widget-video .e-hosted-video .elementor-video {
    border-radius: 20px;
}

.elementor.elementor-7961 .elementor-element.elementor-element-7a2f950b.e-con{
	padding: 0px !important;
}
.elementor.elementor-7961 .elementor-element.elementor-element-4286003d .tutor-course-card .tutor-course-name {
    color: #1C1C1C;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
	text-align: left;
}
.elementor-7961 .elementor-element.elementor-element-4286003d .etlms-course-list-main-wrap .tutor-course-card {
    box-shadow: 0px 6px 25px 0px #0000004D;
}
/* image hover css start custom by shiv  */
.elementor-7961 .elementor-element.elementor-element-65c27441{
	background: linear-gradient(180deg, rgba(226, 97, 131, 0) 68.19%, rgba(226, 97, 131, 0.3) 88.99%)
}
.elementor-element.elementor-element-c9fdef0 .e-con-inner{
	padding-bottom: 40px;
}
  .ekit-wid-con .elementskit-post-image-card .elementskit-post-body {
    padding: 10px !important;
    background: #fff;
    margin: 0px 20px;
    border-radius: 20px;
}
.elementor-7961 .tutor-ratio{
	position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
.elementor-7961 .tutor-ratio img{
	width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: transform 0.5s ease;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.tutor-course-card .tutor-course-thumbnail{
	 overflow: hidden;
    height: 100%;
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	
}
.tutor-course-card.etlms-has-hover-animation:hover {
    transform: translateY(0px) !important;
}
.tutor-course-card .tutor-course-thumbnail:hover .tutor-ratio{
	transform: scale(1.2); 
    opacity: 1;
	
}
/* image hover css end custom by shiv  */
.elementor.elementor-7961 .elementor-element.elementor-element-4286003d .tutor-card-footer:not(.tutor-no-border) {
    display: none;
}
p.elementor-heading-title.elementor-size-default {
    font-weight: 600 !important;
}
.elementor-7961 .elementor-element.elementor-element-1a13786a .elementor-heading-title span {
    font-size: 60px;
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);
    -webkit-background-clip: text;
    color: transparent;
}
.btn{
	padding: 3px 12px !important;
	border-radius: 20px !important;
	color: #fff !important;
	text-align: center;
	width: auto !important;
}
.header {
    position: static;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}
header.header.scrolled {
    position: fixed;
	padding: 0px;
}
.top_bar {
    transition: all 0.3s ease-in-out;
	padding: 5px 0;
}

.header.scrolled .top_bar {
    transform: translateY(-100%);
    opacity: 0;
    height: 0;
    overflow: hidden;
	
}
.top_bar figure {
    overflow: visible;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.header.scrolled {
	background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px 0;
}

.header .navbar-brand {
    max-width: 130px;
    height: 100%;
}
.elementor-7961 .elementor-element.elementor-element-603084a8 {
    color: #454545 !important;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	border-radius: 20px;
}

.elementor-element.elementor-element-305e474.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    margin: 0 auto;
    max-width: 1140px;
}

.explorations-carousel {
    width: 100%;
    position: relative;
    white-space: nowrap;
}

.carousel-track {
    display: flex;
    gap: 20px;
    animation: scrollLeft 100s linear infinite;
}

.carousel-track.scrollRight {
    display: flex;
    gap: 20px;
    animation: scrollRight 100s linear infinite; 
}
/* .elementor-element-4039e09 .elementor-widget-container .elementor-shortcode .explorations-carousel .carousel-track {
    display: flex;
    gap: 20px;
    animation: scrollLeft 100s linear infinite;
} */
.exploration-card {
    width: 300px;
    flex-shrink: 0;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}
/* .exploration-card {
    background: linear-gradient(rgba(229, 97, 128, 0.1) 0%, rgba(116, 109, 252, 0.1) 100%) rgba(0, 0, 0, 0);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    text-align: center;
}
.exploration-content {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
 */
@keyframes scrollRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.exploration-image {
    max-width: 100%;
    height: auto;
}

.exploration-title {
    font-size: 24px;
    margin-top: 10px;
}

.exploration-content {
    font-size: 16px;
    margin-top: 10px;
}
.tutor-btn-outline-primary:hover{
	 color: #fff;
    border-color: #8255EB;
    background-color: #8255EB;
}

.ekit-wid-con .elementskit-post-image-card {
    background: none !important;
}

.widget .widget_block .widget_media_image .p-2 .size-auto, .size-full{
    max-width: 33% !important;
}

/* shiv style.css start */
header .top_bar{
    background: linear-gradient(90.09deg, #756CF9 0.2%, #AC66BD 51.92%, #E26183 99.66%);

}
header .top_bar .row{
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}

header .top_bar .row figure{
	display: flex;
	margin: 7px 0;
}
header .top_bar .row figure img:first-of-type {
    transform: rotate(-15deg);
    border-radius: 5px !important;
	border: solid 1px #fff;
}
header .top_bar .row figure img:last-of-type {
    margin-left: -2px;
    position: relative;
    border-radius: 5px !important;
    border: solid 1px #fff;
}
header .navbar ul li a{
    color: #000;
    padding: 0 25px;
}
header .navbar .btn-wrapper a.btn-transparent{
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);-webkit-background-clip: text; 
    color: transparent;
}

header .navbar .btn_wrapper .btn{
    padding: 20px;
}
header .top_bar p{
    color: #fff;
    font-size: 14px;
	font-weight: 600;
}
header .top_bar .btn-red{
    width: auto;
    height: 30px;
    border-radius: 16px;
    font-size: 12px;
    margin-right: 20px;
	text-decoration: none;
}
/* shiv style.css end */

/* shiv reset css start */
a{
    text-decoration: none;
}

li{
    list-style: none;
}
.row{
    display: flex;
    flex-wrap: wrap;
}
.container{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.d-flex{
    display: flex;
}
.space-between{
    justify-content: space-between;
}
.space-around{
    justify-content: space-around;
}
.space-center{
    justify-content: center;
}
.align-center{
    align-items: center;
}
.btn {
    border-radius: 50px;
    color: #fff;
    background-color: #F28705;
    padding: 3px 0px;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    width: 100%;
    font-weight: 600;
    background: linear-gradient(91.69deg, #756CF9 3.23%, #AC66BD 50.27%, #E26183 97.32%) !important;
}

.btn-transparent{
    background: transparent;
    border: solid 1px #E26183 !important;
}
.btn-red{
    background-color: #FF2424;
    color: #fff;
    padding: 5px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-white{
    background: #fff;
}
.btn span{
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);-webkit-background-clip: text; 
/*     color: transparent; */
	justify-content: center;
	display: flex;
}
.g-10{
    gap: 10px;
}
/* shiv reset css end */
.navbar-brand{
    width: 100%;
}
a.btn.btn-red.hover-btn figure {
    background: #fff;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    border-radius: 50%;
	margin-left: 10px;
}
.header .menu > ul > li i {
    margin-left: 8px;
}
a.btn.btn-red.hover-btn img{
	width: 18px;
	transition: all 0.2s;
}
a.btn.btn-red.hover-btn:hover img{
	margin-left: 5px;
}
.navbar {
    padding: 0px 0px !important;

}
header.header .header-item li a{
	text-decoration: none;
}
header.header .row.v-center {
	align-items: center;
	padding: 15px 0;
}
/* dropdown header */
.header .header-item.item-left {
    flex: 0 0 18%;
}
.header .item-center{
	flex:0 0 55%;
}
.header .menu-main {
    padding-left: 5px;
    display: flex;
    justify-content: space-between;
}
.header .item-right{
	flex:0 0 27%;
	display: flex;
	justify-content: flex-end;
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 15px;
     color:#555555;
     margin-left: 10px;
     transition: color 0.3s ease;
}
/* .header .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	margin-left: 22px;
} */
.header .menu > ul > li > a{
	font-size: 15px;
	font-weight: 500;
	color:#000000;
	position: relative;
	text-transform: capitalize;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}

.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a{
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:10px 0;
	display: inline-block;
	font-size: 15px;
	color:#555555;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 1100px;
  width: 100%; 	
/*   display: flex;
  flex-wrap: wrap; */
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 .inner-sub-menu {
    display: flex;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	font-size: 16px;
	color:#ea4636;
	font-weight: 500;
	line-height: 1;
	padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
    text-align: left;
    position: absolute;
    bottom: 30px;
    line-height: 1.2;
    font-size: 15px;
    color: #fff;
    padding: 0 10px;
    max-width: 220px;
}
.sub-menu .list-item a img {
    transition: transform 0.3s ease; 
}

.sub-menu .list-item:hover a img {
    transform: scale(1.2); 
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
	height: 300px;
	object-fit: cover;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
	background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);
    -webkit-background-clip: text;
    color: transparent !important;
}
/* banner section */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}


/*responsive*/


.ekit-wid-con .elementskit-post-image-card {
    background: none !important;
    padding-bottom: 10px !important;
    box-shadow: none !important;
}
div#post-items--6e91880b .elementskit-post-image-card .elementskit-entry-header img {
    max-height: 180px !important;
    border-radius: 20px;
    object-fit: cover;
}
.ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb>img {
    transform: scale(1) !important ;
    opacity: 1 !important;
}
.copyright-container {
    display: flex;
    gap: 10px;
}
.site-footer {
    background: linear-gradient(179.82deg, #FFFBFE 22.82%, #F7E5F4 86.25%) !important;
	
}
section.footer-widgets #text-1 {
    max-width: 380px;
    width: 100%;
	padding-top: 0px;
}
section.footer-widgets section#block-8 {
    padding-bottom: 10px;
}

.tutor-card-body p {
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
}
.tutor-card-md .tutor-card-body {
    padding: 20px 20px 8px;
}
.ekit-wid-con .elementskit-post-image-card .elementskit-post-body h2.entry-title{
	line-height: 1.5;
	min-height: 80px;
}
a.elementskit-btn {
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    font-weight: 600 !important;
}
.elementor-element.elementor-element-756da4e1 .elementor-shortcode {
    display: flex;
}
h2 span{
	background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
}
#custom-register-form{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
form#custom-register-form input {
    width: 100%;
    display: block;
    border-radius: 30px;
    padding: 10px;
    border: none;
	opacity: .6;
}
form#custom-register-form input::placeholder {
	color: #000 !important;
}
form#custom-register-form button {
	position: static;
	transform: translateY(0%);
}
/* .elementor embed, .elementor iframe, .elementor object, .elementor video {
    height: 180px !important;
}
 */

.explorations-carousel {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.carousel-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
}

.exploration-card {
    flex: 0 0 300px;
    margin: 0 0px;
    text-align: center;
}

.exploration-video video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.exploration-title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.exploration-content p {
    font-size: 14px;
    color: #555;
}

/* button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
} */

.prev-button {
    left: 10px;
}

.next-button {
    right: 10px;
}
.exploration-title, .exploration-content p{
	white-space: normal !important;
	line-height: 1.2;
}

a.hover-btn {
    transition: transform .5s ease-in-out;
    position: relative;
    overflow: hidden;
	background: #000;
	height: 35px;
    animation-duration: 1s;
    animation-fill-mode: both;
	text-decoration: none;
}
a.hover-btn:hover{
	background: linear-gradient(90deg, #B847AE 0%, #C6509F 52.18%, #B847AE 100%) !important
}
a.hover-btn span {
    transition: transform .4s ease-in-out;
    width: auto;
    display: flex;
    justify-content: center;
    padding: 0px 10px;
    margin: 0px;
    white-space: nowrap;
}
.elementor-element.elementor-element-3826dfc a.hover-btn:after{
	right: 25px;
}
a.hover-btn:after {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0px;
    content: attr(data-hover);
    display: inline;
    transition: top .4s ease-in-out;
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);
    -webkit-background-clip: text;
    color: #fff;
    justify-content: center;
    display: flex;
}
a.hover-btn:hover span {
    transform: translateY(-100%);
    transition: transform .4s ease-in-out;
}
a.hover-btn:hover:after {
    top: 1px;
    transition: top .4s ease-in-out .1s;
}
.header .header-item .menu-main .menu-item-has-children .list-item{
	overflow: hidden;
	padding: 0 !important;
	margin: 0 15px 20px;
	border-radius: 25px;
	flex: 0 0 22% !important;
}
.header .header-item .menu-main .menu-item-has-children .list-item img{
	margin-top: 0px !important;
}
.elementor-widget-container {
    text-align: center;
}
.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-3d2b2e1d .elementor-element-827f94e .elementor-element.elementor-element-e7433e9 {
	width: 55% !important;
}
.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-3d2b2e1d .elementor-element-827f94e .elementor-element.elementor-element-aa61765.e-con-full.e-flex.e-con.e-child {
    width: 45% !important;
}
a.btn.btn-transparent {
    background: transparent !important;
}
a.btn.btn-transparent span {
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);
    -webkit-background-clip: text;
    color: transparent !important;
}
a.btn.btn-transparent:hover {
    background: linear-gradient(90deg, #EEE2FA 0%, #FEDDEA 100%) !important;
}
a.btn.btn-transparent:hover span, a.btn.btn-transparent:after, a.btn.btn-white.hover-btn {
	background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);
    -webkit-background-clip: text;
    color: transparent !important;
}
a.btn.btn-white.hover-btn, a.btn.btn-white.hover-btn:hover{
	background: #fff !important;
}
.ekit-heading.elementskit-section-title-wraper.text_left.ekit_heading_tablet-.ekit_heading_mobile- .ekit-heading__description p{
    margin-bottom: 0px !important;
}
h2.elementor-heading-title.elementor-size-default {
    font-size: 38px !important;
    line-height: 1 !important;
}
a.btn.hover-btn {
    width: auto !important;
    max-width: 200px;
    margin: 0 auto;
}
.elementor-element.elementor-element-642275e6.e-con-full.e-flex.e-con.e-child {
    padding: 0px !important;
    text-align: left !important;
}
.elementor-element.elementor-element-642275e6.e-con-full.e-flex.e-con.e-child p.elementor-heading-title.elementor-size-default{
	text-align: left;
	font-weight: 500 !important;
}
.elementor-widget-video .elementor-wrapper iframe{
	border-radius: 10px;
}
.elementor-counter-number-wrapper {
	line-height: 1.2 !important;
}
h2.ekit-heading--title.elementskit-section-title {
    font-size: 38px !important;
    font-weight: 800 !important;
	line-height: 1 !important;
}
.ekit-heading__description p {
    max-width: 380px;
    font-size: 20px !important;
    margin-bottom: 20px !important;
	color: #000 !important;
	margin: 0 auto;
}

/* .faq-container {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background-color: #f4f4f4;
    border-radius: 8px;
}
 */

/* .faq-tab {
    margin-bottom: 15px;
}

.faq-tab-button {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    text-align: left;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.faq-tab-answer {
    display: none;
    padding: 10px;
    margin-top: 10px;
    background-color: #e9ecef;
    border-left: 4px solid #007BFF;
    border-radius: 5px;
    font-size: 14px;
    max-height: 200px;
    overflow-y: auto;
} */
.faq-tab {
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.faq-tab-button {
  width: 100%;
  background-color: #f7f7f7;
  color: #333;
  border: none;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-icon {
    font-size: 27px;
    transition: transform 0.3s ease;
    color: #bbb8ba;
    font-weight: 100;
}

.faq-tab-answer {
  display: none;
  padding: 0px 15px 15px 15px;
  background-color: #ffffff;
  color: #555;
  font-size: 14px;
}

.faq-tab-answer.show {
  display: block !important;
}



/* custom card code */
 .other-course-container {
      display: flex;
    }
.other-course-container h2.framer-text.framer-styles-preset-1454aj {
    display: none;
}
  .custom_card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: calc(33% - 10px);
    margin-right: 20px;
    transition: transform 0.3s;
    padding: 0px !important;
}
.custom_card:nth-of-type(3n){
	margin-right: 0px;
}
.custom_card-content .row img {
    width: 30px;
    height: 30px !important;
    margin: 0 10px;
}
    .custom_card:hover {
/*       transform: translateY(-10px); */
    }

   .custom_card img {
    width: 100%;
/*     height: 100%; */
/*     max-height: 220px; */
	height: 250px !important;
    transition: transform 0.3s;
    border-radius: 0px !important;
}

   .custom_card img:first-of-type:hover  {
      transform: scale(1.2);
    }
.custom_card .author-small img:hover{
	transform: scale(1);
}

    .custom_card-content {
      padding: 25px 15px;
    }
.custom_card-content h3.title a {
    color: #000;
    font-size: 24px;
	min-height: 65px;
	transition: all 0.3s;
}
.elementor-element.elementor-element-c9fdef0 .ekit-heading__description p{
	max-width: 100% !important;
	margin: 0px !important;
}
.elementor-element.elementor-element-c9fdef0 .elementor-widget-container {
	margin-bottom: 0px !important;
}
.custom_card-content h3.title a:hover{
	color: rgb(229 97 128);
}
   .tag {
    display: inline-block;
    background: #e16285;
    color: white;
    padding: 0px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: .1px;
    text-transform: uppercase;
	line-height: 1.5;
}


    .title {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .title img {
      width: 30px;
      height: 30px;
      margin-right: 10px;
      border-radius: 50%;
    }

    .author {
      font-size: 13px;
      color: #555;
      margin-bottom: 10px;
    }

    .description {
      font-size: 14px;
      color: #777;
      margin-bottom: 15px;
    }

   .details {
    display: flex;
    font-size: 14px;
    color: #555;
    gap: 20px;
	padding-bottom:15px;
}

    .more-detail {
      display: block;
      text-align: center;
      margin-top: 15px;
      padding: 10px;
      background: #f0f0f0;
      border-radius: 5px;
      text-decoration: none;
      color: #333;
      transition: background 0.3s;
    }

    .more-detail:hover {
      background: #ddd;
    }
.custom_card-content a.btn.btn-transparent.hover-btn {
    height: 48px;
    min-width: 100%;
    background: linear-gradient(90deg, #EEE2FA 0%, #FEDDEA 100%) !important;
    border: none !important;
    border-radius: 30px !important;
}
/* custom card code end */
/* Styling for author tabs */
.author-tabs ul {
    display: flex;
    list-style-type: none;
    padding: 0;
}

.author-tabs ul li {
    margin-right: 20px;
}

.author-tabs ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

.author-tabs ul li a.active-tab {
    color: #0073aa;
    border-bottom: 2px solid #0073aa;
}

/* Tab content */
.author-tab-content .tab-pane {
    display: none;
    margin-top: 20px;
}

.author-tab-content .tab-pane.active {
    display: block;
}

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

.post-item h4 {
    font-size: 18px;
    margin: 0;
}

.post-item p {
    font-size: 14px;
    color: #555;
}

.post-item a {
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}
img{
	border-radius: 20px !important;
}


/* course page css start here */
.tutor-single-course-sidebar .tutor-card:not(.tutor-no-border) {
    background-color: #fffbfe;
    box-shadow: 0 10px 15px #0000001a;
	border-radius: 24px;
}
.tutor-card.tutor-card-md.tutor-sidebar-card::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(180deg, 
    var(--token-dc5969ca-9325-410f-a9d9-e6d0aa7ab088, #e65cbe) 0%, 
    var(--token-e349c0ad-1c19-40cf-99e1-9108d1c0474e, rgb(114, 108, 252)) 100%);
    z-index: -1;
    border-radius: 24px;
}
.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
    background-color: #fffbfe;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.faq-header h2{
	font-size: 32px;
}
.testimonial-container h2, .main-course-container h2{
    padding: 50px 0 30px;
}
.faq-tab-button {
    background-color: #fff !important;
    flex-direction: row-reverse;
    font-weight: 400;
    font-size: 17px;
}

.tutor-single-course-sidebar {
    position: sticky;
    top: 0;
}
.course_banner{
	height: 300px;
}
.tutor-wrap{
	padding-top: 0px !important;
}
.tutor-course-details-page{
	margin-top: 20px;
}
.tutor-course-details-page .short-description {
    padding: 20px 0 30px;
}
.tutor-course-details-page .author-info {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tutor-course-details-page .author-info p{
	font-size: 20px;
}
.tutor-course-details-page .author-info font {
    font-size: 17px;
}
header.tutor-course-details-header h2 {
    font-size: 38px;
    line-height: 1;
	max-width: 100%;
}
.tutor-course-details-page .short-description p{
	font-size: 20px;
}
.tutor-course-sidebar-card-pricing {
    padding-top: 10px;
}
.tutor-course-sidebar-card-pricing span{
   font-size: 35px;
}
.tutor-card-body a.btn.hover-btn {
    max-width: 100%;
    height: 48px;
    border-radius: 30px !important;
}
.tutor-card-body .tutor-mt-24 {
    margin-top: 10px;
}
.tutor-course-details-widget span {
    padding-left: 10px;
    font-size: 14px;
}
.tutor-card-footer .tutor-d-flex.tutor-mb-12 {
    margin-bottom: 5px;
}
.tutor-instructor-designation.tutor-fs-7.tutor-color-muted {
    color: #000 !important;
}
header.tutor-course-details-header .author-info{
	font-size: 17px;
}
.tutor-video-player iframe {
    border-radius: 20px;
}
.course_banner img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0px !important;
    object-position: 47.9% 5.8%;
    object-fit: cover;
}
.course-single-instructor .d-flex {
    padding: 10px 0 40px;
}
.course-single-instructor .d-flex a {
    display: flex;
    align-items: center;
    gap: 20px;
}
.course-single-instructor .d-flex h4{
	font-size: 20px;
	color: #454545;
	font-weight: 700;
}
.course-single-instructor .d-flex p{
	font-size: 17px;
	color: #1c1c1c;
	font-weight: 400;
}
  .info-wrapper {
      display: flex;
      gap: 2rem;
      background-color: #fff;
      padding: 1rem;
      border-radius: 8px;
    }

   .info-block {
    display: flex;
    align-items: center;
    gap: 15px;
    border-right: solid 1px #dedede;
    width: 33%;
}
.info-block:last-of-type{
	border: none;
}
.info-block p.label{
	font-size: 17px;
}

.tutor-course-details-tab h2 {
    font-size: 32px;
    letter-spacing: 0.4px;
}
    .icon {
      font-size: 1.5rem;
    }

    .label {
      font-size: 0.9rem;
      color: #666;
      margin: 0;
    }
img.sidebar-icon {
    width: 20px;
}

    .value {
      font-size: 1rem;
      font-weight: bold;
      margin: 0;
    }

  .category {
    color: white;
    background-color: orange;
    padding: 0px 10px;
    border-radius: 15px;
    font-size: 12px;
}

/* teacher card css start here */

  .teacher_card {
      position: relative;
      width: 33%;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease-in-out;
    }
    .teacher_card_wrapper{
        gap: 5px;
    }


    .teacher_card img {
      width: 100%;
      height: auto;
      transition: transform 0.5s ease-in-out;
    }

    .teacher_card:hover img {
      transform: scale(1.1);
    }

    .teacher_card-content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 20px;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      color: white;
      text-align: left;
    }

    .teacher_card-content h3 {
      font-size: 1.5em;
      margin-bottom: 10px;
    }

    .teacher_teacher_card-content p {
      font-size: 1em;
    }



/* teacher card css end here */
/* tab custom css start here */
nav.course-tabs{
	margin-top: 40px;
}
nav.course-tabs ul {
    padding: 0px;
    display: flex;
    gap: 30px;
    border-bottom: solid 1px #dedede;
}
.tutor-course-details-tab.tutor-mt-32 {
    margin: 0px;
}
nav.course-tabs ul li{
	display: flex;
	align-items: center;
}
nav.course-tabs ul li.active {
    background: linear-gradient(90deg, #EEE2FA 0%, #FEDDEA 100%) !important;
    padding: 8px 10px;
    border-top-left-radius: 10px;
	position: relative;
    border-top-right-radius: 10px;
}
nav.course-tabs ul li a{
	color: #000;
}
nav.course-tabs ul li.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
    90deg,
    var(--token-dc5969ca-9325-410f-a9d9-e6d0aa7ab088, rgb(202, 82, 155)) 0%,
    var(--token-e349c0ad-1c19-40cf-99e1-9108d1c0474e, rgb(156, 54, 205)) 100%
  );
}
nav.course-tabs ul li.active a {
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);
    -webkit-background-clip: text;
    color: transparent !important;
}
div#keypoints h2,div#topics h2,div#trainer h2, .faq-container h2{
	font-size: 32px;
	padding-top: 60px;
}
.sub-menu.mega-menu h5 {
    color: #000;
    padding: 10px 0 20px;
}
div#introduction img {
    width: 100% !important;
    object-fit: cover;
    margin-top: 20px;
}
.tutor-accordion-item p {
    padding: 0px 20px 20px 20px;
}
.tutor-accordion-item-header.is-active, .tutor-accordion-item-header, .tutor-accordion-item-header:hover {
    color: #000 !important;
    font-size: 24px;
    font-weight: 800;
    background: transparent;
    cursor: default;
}
.tutor-accordion-item-header::after{
	color: #000;
	display: none;
}
ul.tutor-course-content-list li.tutor-course-content-list-item {
    border: solid 1px #dedede;
    border-radius: 10px;
    padding: 10px;
    margin: 20px;
}
.tutor-color-muted{
    background: linear-gradient(91.69deg, #E26183 3.23%, #AC66BD 50.27%, #756CF9 97.32%);
    -webkit-background-clip: text;
    color: transparent !important;
}

div#keypoints .list_style {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #000;
    font-weight: 400;
}
div#keypoints p{
	padding: 15px 0;
}
div#keypoints .list_style::before {
    content: "✔";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: linear-gradient(91.69deg, #756CF9 3.23%, #AC66BD 50.27%, #E26183 97.32%) !important;
    color: white;
    border-radius: 50%;
    font-size: 14px;
    margin-left: -35px;
}

.author-small {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.custom_card-content .author-small {
    height: 30px;
}
.custom_card-content .short-des p {
    font-size: 14px;
    line-height: 1.5;
	min-height: 110px;
}

.testimonial-card .row {
    gap: 20px;
	margin-bottom: 20px;
}

figure{
	overflow: hidden;
	margin: 0px !important;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.testimonial-content p {
	font-size: 14px;
}
.author-small img {
    width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50% !important;
}
ul.author-gallery-images {
    display: flex;
    gap: 20px;
	padding: 0px;
}
ul.author-gallery-images .half_image{
	min-height: 165px;
	height: 100%;
}
ul.author-gallery-images .full_image{
	min-height: 330px;
	height: 100%;
}
ul.author-gallery-images li {
    width: 33%;
}
ul.author-gallery-images li img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.main-course-container h2, .testimonial-container h2 {
    text-align: center;
}


div#introduction p {
    font-size: 17px;
}
section.footer-widgets a:hover {
    text-decoration: none !important;
    color: #e56684;
}
.testimonial-card {
    border-radius: 20px;
    padding: 30px;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 40px 0px;
}

.testimonial-card .testimonial-content h3 {
	line-height: 1;
	font-size: 20px;
}

#courses-list {
    flex-wrap: wrap;
     /* Adjust spacing between cards */
}
.other-course-container {
    flex-wrap: wrap; /* Allows cards to wrap onto new lines */
    
}

.custom_card{
	margin-top: 20px
}

.elementor-element.elementor-element-2acff12.elementor-widget.elementor-widget-shortcode .elementor-widget-container{
	text-align: left;
}

.elementor-element.elementor-element-103a9d0c.elementor-widget.elementor-widget-heading .elementor-widget-container{
	text-align: left;
}

.elementor-element.elementor-element-daa3d03.elementor-widget.elementor-widget-shortcode .main-course-container{
	text-align: left;
}

.carouselverticalone {
    animation: looping 10s linear 0s infinite none;
}


.verticalcolumnone  {
    max-height: 750px;
        height: 750px;
    width: 200px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
   
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-100%);
}
}