/*
Theme Name:   GeneratePress Child
Theme URI:    https://understandquran.com/wp-content/themes/generatepress-child/
Description:  A child theme for the GeneratePress theme
Author:       Your Name
Author URI:   https://understandquran.com
Template:     generatepress
Version:      1.0.0
*/
/************************Import Keyframes*************************/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

@keyframes floating {
    0% {
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        transform: rotateX(0deg) translateY(-20px);
    }
    100% {
        transform: rotateX(0deg) translateY(0px);
    }  
}

/*************************Header***************************/

.st-free-trial .exad-modal {
    height: 65px;
    margin-top: -11px;
    margin-bottom: 11px;
}

.st-free-trial span.exad-modal-action-icon-left {
    display: flex;
}

.st-free-trial .exad-modal span.exad-modal-action-icon-left svg {
    height: 85px;
}

.st-event-gallery .elementor-image-gallery .gallery-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.maktab-payment ul.woo-products-products-list.products-layout-left {
    display: flex;
    gap: 50px;
}

.maktab-payment ul.woo-products-products-list.products-layout-left li.woo-products-products-list__item {
    width: 50%;
    margin-top: 0 !important;
}

.woo-products-products-list__item-img {
    display: none;
}

.maktab-payment ul.woo-products-products-list.products-layout-left li.woo-products-products-list__item .woo-products-products-list__inner-box .woo-products-products-list__item-content {
    max-width: 100%;
}

.half-cont {
    max-width: 570px;
    margin-left: auto;
}

.animate-infographic{
    animation: floating 3s ease-in-out 0s infinite alternate;
}
.icon-menus ul::before {
    content: none;
}
.icon-menus nav ul .menu-item a.hfe-menu-item:hover {
    color: #fff !important;
}

body{
    font-family: "Poppins";
}

.req-popup .b24-form-sign,
.req-popup .b24-form-header-padding{
	display: none;
}
.req-popup .b24-form-content.b24-form-padding-side{
	padding: 0;
}
.req-popup .b24-form-wrapper.b24-form-border-bottom {
    border: none;
}

.teacher-ttc-form .b24-form-header.b24-form-padding-side,
.single-course-pg .comments-area {
    display: none;
}

div#qlwapp {
    z-index: 8 !important;
}
span.onsale {
    display: none;
}
.b24-form-wrapper.b24-form-border-bottom {
    border-bottom-color: #00ADB6 !important;
}
button.b24-form-btn {
    background: #00ADB6;
}
.pg-header .play-store .elementor-button-link span.elementor-button-icon {
    margin-top: 0;
    height: 17px;
}
.pg-header .apple-icon .elementor-button-link span.elementor-button-icon {
    margin-top: 0;
    height: 20px;
}
.pg-header .apple-icon .elementor-button-link .elementor-button-icon svg {
    margin-top: -2px;
}
.pg-header .elementor-button-link .elementor-button-icon svg{
	overflow: visible;
}

.pg-header .e-con-inner {
    max-width: 1200px;
}

ul.uq-subscription.products {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 20px;
    justify-content: center;
}
ul.uq-subscription.products li.subscription-item {
    background: #fff;
    border-radius: 20px;
    padding: 30px 20px;
		width: calc(25% - 15px);
}
ul.uq-subscription.products li.subscription-item h2.subscription-title {
    text-align: center;
    font-family: 'Poppins';
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    background: linear-gradient(to top, #00ADB6, #6BCEDF);
    padding: 20px;
    border-radius: 20px;
    margin: -80px 0px 30px 0px;
    color: #fff;
}
ul.uq-subscription.products li.subscription-item p.price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0px 20px 0px;
}
ul.uq-subscription.products li.subscription-item p.price .woocommerce-Price-amount bdi, ul.uq-subscription.products li.subscription-item p.price .woocommerce-Price-amount bdi span {
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 34px;
    text-align: center;
	margin: 0px 5px;
}
ul.uq-subscription.products li.subscription-item p.price span.subscription-details {
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    opacity: 50%;
}
ul.uq-subscription.products li.subscription-item .product-content ul {
    margin: 0;
    padding: 0 0px 0px 16px;
}
ul.uq-subscription.products li.subscription-item .product-content ul li {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
}
ul.uq-subscription.products li.subscription-item .single_add_to_cart_button {
    margin: 20px auto 0px auto;
    display: block;
    text-align: center;
    width: max-content;
    font-family: "Poppins";
    font-size: 16px;
    line-height: 26px;
    background: #54C946;
    border-radius: 10px;
    padding: 10px 40px;
    font-weight: 600;
}

div.simplesocialbuttons.simplesocialbuttons-float-left-center {
    margin: 0px 0px 0px 10px;
}

a.ytp-impression-link {
    display: none;
}

.hfe-flyout-open {
    margin-top: 0 !important;
}

div#exad-modal-e17436e {
    padding: 0px 15px;
}

.dr-shb-img {
    position: relative;
}

.dr-shb-img::after {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    border-radius: 20px;
}

#qlwapp.qlwapp-button .qlwapp-toggle {
    width: 55px;
    height: 55px !important;
    border-radius: 15px;
}

#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {
    margin: 0 !important;
    font-size: 35px;
}

.title-hide-form .b24-form-content.b24-form-padding-side {
    padding: 0;
}

.pg-header .hero-menu .hfe-nav-menu::-webkit-scrollbar,
.title-hide-form .b24-form-header.b24-form-padding-side,
.title-hide-form .b24-form-sign {
  display: none;
}

.title-hide-form .b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none;
}

#masthead.fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10 !important;
    background: #fff;
    padding-top: 0px;
}

.ehf-header #masthead{
	z-index: 9;
}

.pg-header{
	position: sticky;
	top: 68px;
	z-index: 9;
}

.searchwp-live-search-result .searchwp-live-search-result--title {
    margin-bottom: 0;
}

.searchwp-live-search-result .searchwp-live-search-result--title a {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 20px;
    text-decoration: none;
    font-weight: 500;
}

.pg-header.basic-header.fixed{
    position: fixed;
    top: 68px;
    z-index: 10;
}

a.login-logout-btn {
    
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding: 12px 40px;
    display: block;
    width: max-content;
    background: #FD991F;
    border-radius: 100px;
    color: #fff !important;
}

.google-lg-btn .nsl-container.nsl-container-block {
    text-align: center;
}

.trc-btns .elementor-icon-list-items .elementor-icon-list-item a {
    padding: 15px 0px;
}

.my-login-popup-btn .exad-modal-item {
    height: auto;
}

.my-login-popup-btn .exad-modal .exad-modal-button a.exad-modal-image-action.image-modal {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mob-sidebar-menu .nsl-button-label-container {
    display: none !important;
}

.mob-sidebar-menu .nsl-button.nsl-button-default.nsl-button-google {
    width: max-content;
    margin: auto;
    padding: 5px !important;
    border-radius: 50px;
}

.mob-sidebar-menu .elementor-widget-heading .elementor-widget-container {
    margin: 0px 0px 20px 0px !important;
}

.mob-sidebar-menu .nsl-button-svg-container {
    padding: 10px !important;
    border-radius: 36px !important;
}

.my-lesson-content-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 500;
    background: #FD991F;
    border-radius: 100px;
    color: #fff !important;
    margin-top: 30px !important;
    padding: 15px 0px;
}

div#sm2-container {
    display: none;
}

.custom-border{
	position: relative;
}

.custom-border::before {
    content: "";
    height: 6px;
    width: 100%;
    background: linear-gradient(to left, #FFFFFF00, #027C39);
    position: absolute;
    top: 100%;
    left: 0;
}

.custom-border::after {
    content: "";
    height: 6px;
    width: 100%;
    background: linear-gradient(to right, #FFFFFF00, #027C39);
    position: absolute;
    top: 0;
    right: 0;
}

.image-list .elementor-image-box-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.full-width-content .container.grid-container{
	padding: 0;
}

.live-courses-container {
    justify-content: center;
}

.live-courses {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.live-courses .hover-part {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    bottom: 0;
		transform: scaleX(0);
    transition: .5s ease;
}

.live-courses:hover .hover-part {
    transform: scaleX(1);
}

.learndash_post_sfwd-topic .ld-content-action a.ld-primary-color.ld-course-step-back {
    margin-top: 10px !important;
    font-size: 20px !important;
}


.tabs-menu .hfe-nav-menu .menu-item a.hfe-menu-item {
    border-radius: 20px 20px 0px 0px;
	position: relative;
}

.tabs-menu .hfe-nav-menu .menu-item a.hfe-menu-item::after {
    content: "";
    opacity: 1 !important;
    background: url(../svg/right-white-obj.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -23.5px;
    bottom: 0;
    display: block;
    width: 25px;
    height: 25px;
    background-color: transparent !important;
}

.tabs-menu .hfe-nav-menu .menu-item a.hfe-menu-item::before {
    content: "";
    opacity: 1 !important;
    background: url(../svg/left-white-obj.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    bottom: 0;
    display: block;
    width: 25px;
    height: 25px;
    background-color: transparent !important;
}

.my-login-popup-btn .exad-modal-button.exad-modal-btn-fixed-width-no {
    border: 2px solid #fff;
    border-radius: 50px;
    height: 53.5px;
}

.tabs-menu .hfe-nav-menu .menu-item.current-menu-item a.hfe-menu-item::before{
	background: url(../svg/left-blue-obj.svg);
	    background-size: contain;
    background-repeat: no-repeat;
}

.tabs-menu .hfe-nav-menu .menu-item.current-menu-item a.hfe-menu-item::after{
	background: url(../svg/right-blue-obj.svg);
	    background-size: contain;
    background-repeat: no-repeat;
}

.pg-header .hero-menu .hfe-nav-menu {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
    padding-left: 15px;
}

.pg-header .hero-menu .hfe-nav-menu .hfe-menu-item{
    width: max-content;
}

.pg-header ul.hfe-nav-menu li.menu-item i {
    font-size: 30px !important;
    width: auto;
    height: auto;
}

 .pg-header ul.hfe-nav-menu li.menu-item .hfe-has-submenu-container a span i.fa {
    display: none;
}

.pg-header ul.hfe-nav-menu li.menu-item ul.sub-menu li .hfe-has-submenu-container a span i.fa {
    display: block;
    font-size: 14px !important;
}

.pg-header ul.hfe-nav-menu li.menu-item a.hfe-menu-item {
    flex-direction: column;
    gap: 5px;
}

.login-mob {
    width: 40px;
    height: 40px;
    background: none;
    border-radius: 1000px;
}

.logout-mob-btn form button.logout-btn {
    padding: 0;
    background: 0;
    border: none;
    height: 40px;
}

.login-mob .exad-modal,
.login-mob .exad-modal-wrapper,
.login-mob .exad-modal-wrapper .exad-modal-button {
    height: 100%;
}

.login-mob .exad-modal-wrapper .exad-modal-button a.exad-modal-image-action.image-modal {
    padding: 0;
    height: 100%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-mob .exad-modal-wrapper .exad-modal-button a.exad-modal-image-action.image-modal span.exad-modal-action-icon-left,
.logout-mob-btn {
    height: 40px;
}

.login-mob .exad-modal-wrapper .exad-modal-button a.exad-modal-image-action.image-modal span.exad-modal-action-icon-left svg.e-font-icon-svg.e-far-user {
    width: 20px;
    height: 20px;
}

.login-mob .exad-modal .exad-modal-wrapper .exad-modal-item {
    margin: auto;
    height: max-content;
}

.mob-logout p a.login-logout-btn-mob {
    color: #fff;
    background: #fd991f;
    padding: 10px 40px;
    border-radius: 100px;
}

/*********************Button Animations***********************/

.animate-btn-custom {
    position: relative;
    overflow: hidden;
    z-index: 5;
    border: 2px solid #fff;
}

.animate-btn-custom::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #000;
    top: 0;
    bottom: 0;
    transform: translate(101%, 0%);
}

.animate-btn-custom:hover::before {
    transform: translate(0, 0);
}

.animate-btn-custom-white {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-custom-white::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #fff;
    top: 0;
    bottom: 0;
    transform: translate(101%, 0%);
}

.animate-btn-custom-white:hover::before {
    transform: translate(0, 0);
}

.animate-btn-color-one a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-one a.elementor-button::before,
.animate-btn-color-one a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #00585E;
}

.animate-btn-color-one a.elementor-button::before {
    top: 0;
    transform: translate(-101%, 0);
}

.animate-btn-color-one a.elementor-button::after {
    bottom: 0;
    transform: translate(101%, 0);
}

.animate-btn-color-one a.elementor-button:hover::before,
.animate-btn-color-one a.elementor-button:hover::after {
    transform: translate(0, 0);
}

.animate-btn-color-two a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-two a.elementor-button::before,
.animate-btn-color-two a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #00585E;
}

.animate-btn-color-two a.elementor-button::before {
    top: 0;
    transform: translate(0%, -101%);
}

.animate-btn-color-two a.elementor-button::after {
    bottom: 0;
    transform: translate(0%, 101%);
}

.animate-btn-color-two a.elementor-button:hover::before,
.animate-btn-color-two a.elementor-button:hover::after {
    transform: translate(0, 0);
}

.animate-btn-color-three a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-three a.elementor-button::before,
.animate-btn-color-three a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #FD991F;
}

.animate-btn-color-three a.elementor-button::before {
    top: 0;
    transform: translate(-101%, 0);
}

.animate-btn-color-three a.elementor-button::after {
    bottom: 0;
    transform: translate(101%, 0);
}

.animate-btn-color-three a.elementor-button:hover::before,
.animate-btn-color-three a.elementor-button:hover::after {
    transform: translate(0, 0);
}

.animate-btn-color-four a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-four a.elementor-button::before,
.animate-btn-color-four a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #FD991F;
}

.animate-btn-color-four a.elementor-button::before {
    top: 0;
    transform: translate(0%, -101%);
}

.animate-btn-color-four a.elementor-button::after {
    bottom: 0;
    transform: translate(0%, 101%);
}

.animate-btn-color-four a.elementor-button:hover::before,
.animate-btn-color-four a.elementor-button:hover::after {
    transform: translate(0, 0);
}

.animate-btn-color-five a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-five a.elementor-button::before,
.animate-btn-color-five a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #000;
}

.animate-btn-color-five a.elementor-button::before {
    top: 0;
    transform: translate(-101%, 0);
}

.animate-btn-color-five a.elementor-button::after {
    bottom: 0;
    transform: translate(101%, 0);
}

.animate-btn-color-five a.elementor-button:hover::before,
.animate-btn-color-five a.elementor-button:hover::after {
    transform: translate(0, 0);
}

.animate-btn-color-six a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-six a.elementor-button::before,
.animate-btn-color-six a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #000;
}

.animate-btn-color-six a.elementor-button::before {
    top: 0;
    transform: translate(0%, -101%);
}

.animate-btn-color-six a.elementor-button::after {
    bottom: 0;
    transform: translate(0%, 101%);
}

.animate-btn-color-six a.elementor-button:hover::before,
.animate-btn-color-six a.elementor-button:hover::after {
    transform: translate(0, 0);
}

.animate-btn-color-seven a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-seven a.elementor-button::before,
.animate-btn-color-seven a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #fff;
}

.animate-btn-color-seven a.elementor-button::before {
    top: 0;
    transform: translate(-101%, 0);
}

.animate-btn-color-seven a.elementor-button::after {
    bottom: 0;
    transform: translate(101%, 0);
}

.animate-btn-color-seven a.elementor-button:hover::before,
.animate-btn-color-seven a.elementor-button:hover::after {
    transform: translate(0, 0);
}

.animate-btn-color-eight a.elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.animate-btn-color-eight a.elementor-button::before,
.animate-btn-color-eight a.elementor-button::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    transition: all 0.25s;
    content: "";
    z-index: -1;
    background-color: #fff;
}

.animate-btn-color-eight a.elementor-button::before {
    top: 0;
    transform: translate(0%, -101%);
}

.animate-btn-color-eight a.elementor-button::after {
    bottom: 0;
    transform: translate(0%, 101%);
}

.animate-btn-color-eight a.elementor-button:hover::before,
.animate-btn-color-eight a.elementor-button:hover::after {
    transform: translate(0, 0);
}

/*************************All Courses page******************************/

.all-courses-pg .my-courses-grid header.page-header{
    display: none;
}

.all-courses-pg .grid-container{
    max-width: 100%;
    padding: 0;
}

.all-courses-pg .elementor.elementor-5524, 
.single-course-pg .elementor.elementor-5524{
    margin-bottom: 0;
}

.all-courses-pg .site-main {
    margin: 0;
}

.all-courses-pg .my-courses-grid .course-item .course-content ul {
    display: none;
}

.all-courses-pg .hero-courses-pg {
    padding: 0px 15px;
    background-color: #060F20;
    background-image: url(../jpg/all-courses-06.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    margin: 0;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}


.all-courses-pg .hero-courses-pg .container {
    max-width: 1140px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: start;
}

.all-courses-pg .hero-courses-pg .container h1 {
    text-align: center;
    color: #000;
    font-size: 80px;
    line-height: 100px;
    font-weight: 700;
    font-family: "Hahmlet", sans-serif;
    margin-bottom: 0px;
}

.all-courses-pg .my-courses-grid {
    padding: 100px 15px;
}

.all-courses-pg .my-courses-grid .my-courses-cont {
    max-width: 1140px;
    margin: auto;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item {
    width: calc(33.3% - 20px);
    background: #fff;
    border: 1px solid #FD991F;
    padding: 30px;
    border-radius: 20px;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item h2 {
    margin-bottom: 10px;
    margin-top: 20px;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item h2 a {
    font-weight: 700;
    font-family: "Hahmlet", sans-serif;
    font-size: 22px;
    line-height: 35px;
    text-decoration: none;
    color: #060F20;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item p {
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item a.courses-cta {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 30px;
    background: #FD991F;
    color: #fff;
    display: block;
    width: max-content;
    text-decoration: none;
    border-radius: 1000px;
    margin-top: 15px;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item .course-img-cont img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

/**********************************Single Course Page***********************************/

.single-course-pg .course-body-content .right-content .fixed-box .learndash .learndash-wrapper .ld-tabs,
.single-course-pg .course-body-content .right-content .fixed-box .learndash .learndash-wrapper .learndash.user_has_no_access,
.single-course-pg .course-body-content .right-content .fixed-box .learndash .learndash-wrapper .ld-item-list.ld-lesson-list,
.single-course-pg .course-body-content .right-content .fixed-box .learndash .learndash-wrapper .ld-progress-heading .ld-progress-stats .ld-progress-steps,
.single-course-pg .course-body-content .right-content .fixed-box .learndash .learndash-wrapper .ld-progress-heading .ld-progress-stats .ld-progress-steps,
.single-course-pg .course-body-content .right-content .fixed-box .learndash .learndash-wrapper .ld-course-status .ld-status.ld-status-progress {
    display: none;
}

.single-sfwd-courses .learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 20;
}

.single-sfwd-courses .learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open .ld-modal.ld-login-modal.ld-can-register {
    transform: none;
    width: 350px;
    max-width: 100%;
    height: 300px;
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.single-sfwd-courses .learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open .ld-modal.ld-login-modal.ld-can-register .ld-modal-heading {
    font-weight: 500;
    font-family: 'Poppins';
}

.learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open .ld-modal.ld-login-modal.ld-can-register span.ld-modal-closer.ld-icon.ld-icon-delete {
    color: #000;
}

.single-course-pg {
    margin: 0;
    width: 100%;
    background: #fff;
}

.single-course-pg .mob-course-img {
    display: none;
}

.single-course-pg .single-course-hero-sec {
    width: 100%;
    background: #060F20;
    padding: 50px 15px;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content {
    max-width: 1140px;
    margin: auto;
    padding-right: 30%;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .course-title{
    font-family: "Poppins";
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: capitalize;
    color: #fff;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .two-lines-disc{
    font-family: "Poppins";
    font-size: 19px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 24px;
    color: #fff;
    max-width: 600px;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .reviews-students {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .reviews-students .reviews a{
    font-family: "Poppins";
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #FA991C;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .reviews-students .reviews a:hover{
    color: #fff;
}
 
.single-course-pg .single-course-hero-sec .single-hero-sec-content .reviews-students .reviews, 
.single-course-pg .single-course-hero-sec .single-hero-sec-content .reviews-students .students a, 
.single-course-pg .single-course-hero-sec .single-hero-sec-content .reviews-students .students p{
    font-family: "Poppins";
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .language a,
.single-course-pg .single-course-hero-sec .single-hero-sec-content .product-link a{
    margin-left: 15px;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 8px 30px;
    background: #fa991c;
    color: #fff;
    text-decoration: none;
    border-radius: 23px;
    transition: 0.3s ease;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .language a:hover,
.single-course-pg .single-course-hero-sec .single-hero-sec-content .product-link a:hover{
    background-color: #fff;
    color: #000;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .date, 
.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .language,
.single-course-pg .single-course-hero-sec .single-hero-sec-content .product-link {
    display: flex;
    gap: 5px;
    align-items: center;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .date p, 
.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .language p,
.single-course-pg .single-course-hero-sec .single-hero-sec-content .product-link p{
    font-family: "Poppins";
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .date span, 
.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .language span{
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}

.single-course-pg .course-body-content {
    max-width: 1140px;
    margin: auto;
    padding: 30px 15px;
    display: flex;
    gap: 50px;
}

.single-course-pg .course-body-content .left-content{
    width: 65%;
}

.single-course-pg .course-body-content .left-content .nav-controls {
    padding: 10px;
    background: #6BCEDF;
    display: none;
}

.single-course-pg .course-body-content .left-content .nav-controls a {
    font-family: 'Poppins';
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
}

/* .single-course-pg .course-body-content .left-content .what-you-learn .points-cont, 
.single-course-pg .course-body-content .left-content .this-course-includes .points-cont, 
.single-course-pg .course-body-content .left-content .requirements .points-cont {
    display: flex;
    justify-content: space-between;
    gap: 30px;
} */

.left-content h2.sub-heading {
    font-family: 'Poppins';
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.single-course-pg .course-body-content .left-content .course-description ul li{
    margin-bottom: 10px;
}

.single-course-pg .course-body-content .left-content .course-description ul li ul{
    margin-top: 10px;
}


.single-course-pg .course-body-content .left-content .what-you-learn ul li::marker,
.single-course-pg .course-body-content .left-content .this-course-includes ul li::marker,
.single-course-pg .course-body-content .left-content .requirements ul li::marker{
    content: none !important;
}

.single-course-pg .course-body-content .left-content .what-you-learn {
    padding: 20px;
    border: 1px solid #c3c3c3;
    margin-bottom: 50px;
}

.single-course-pg .course-body-content .left-content .this-course-includes{
    margin-bottom: 50px;
}

.single-course-pg .course-body-content .left-content .this-course-includes ul {
    padding: 0px 0px 0px 50px;
    margin: 0;
    /* width: 100%; */
}

.single-course-pg .course-body-content .left-content .this-course-includes ul li{
    margin-bottom: 10px;
    position: relative;
}

.single-course-pg .course-body-content .left-content .this-course-includes ul li::before {
    content: "";
    background: url(../svg/group-1000011387.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: -50px;
    top: 0px;
}

.course-content .ld-course-list-content .ld-course-list-items {
    width: 100%;
    margin: auto;
}

.course-content .ld-course-list-content .ld-course-list-items .ld_course_grid {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #000;
    padding: 15px;
}

.course-content .ld-course-list-content .ld-course-list-items .ld_course_grid a img,
.course-content .ld-course-list-content .ld-course-list-items .ld_course_grid .ribbon {
    display: none;
}

.course-content .ld-course-list-content .ld-course-list-items .ld_course_grid .caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.course-content .ld-course-list-content .ld-course-list-items .ld_course_grid .caption .entry-title {
    font-family: 'Poppins';
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.course-content .ld-course-list-content .ld-course-list-items .ld_course_grid .caption .btn-primary {
    background-color: #6BCEDF;
    border: 1px solid #000;
    color: #fff;
    border-radius: 0;
}

.single-course-pg .course-body-content .left-content .course-material {
    margin-top: 50px;
}

.single-course-pg .course-body-content .left-content .material-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.single-course-pg .course-body-content .left-content .material-links a {
    font-family: "Poppins";
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    background: #fa991c;
    padding: 10px 20px;
    border-radius: 5px;
}

.single-course-pg .course-body-content .left-content .requirements,
.single-course-pg .course-body-content .left-content .course-description{
    margin-top: 50px;
    margin-bottom: 50px;
}

.single-course-pg .course-body-content .left-content .requirements ul{
    padding-left: 30px;
    margin: 0;
}

.single-course-pg .course-body-content .left-content .requirements ul li{
    position: relative;
    margin-bottom: 10px;
}

.single-course-pg .course-body-content .left-content .requirements ul li::before{
    content: "";
    background: url(../svg/page-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -30px;
    top: 5px;
}

.single-course-pg .course-body-content .left-content .learndash-courses .learndash_course a{
    text-decoration: none;
}

.single-course-pg .course-body-content .left-content .what-you-learn ul {
    margin: 0;
    padding-left: 30px;
}

.single-course-pg .course-body-content .left-content .what-you-learn ul li {
    position: relative;
    margin-bottom: 10px;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 22px;
    color: #000;
}

.single-course-pg .course-body-content .left-content .what-you-learn ul li::before {
    content: "";
    background: url(../svg/correct-signal-svgrepo-com.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: -30px;
    top: 6px;
}

.single-course-pg .course-body-content .left-content .course-description ul,
.single-course-pg .course-body-content .left-content .course-description ol {
    margin: 0;
    padding-left: 25px;
}

.single-course-pg .course-body-content .left-content .instructor-details .img-name {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 20px;
}

.single-course-pg .course-body-content .left-content .instructor-details .img-name img {
    padding-top: 10px;
    max-width: 150px;
    border: 1px solid #000;
    background: #060F20;
}

.single-course-pg .course-body-content .left-content .instructor-details .img-name .name-role .dr-sb-name {
    font-family: 'Poppins';
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #6BCEDF;
}

.single-course-pg .course-body-content .left-content .instructor-details .img-name .name-role .role {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    max-width: 253px;
    font-family: 'Poppins';
    font-weight: 500;
}

.single-course-pg .course-body-content .left-content .instructor-details .teacher-description p {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: justify;
}

.single-course-pg .course-body-content .left-content .more-courses{
    margin-top: 50px;
}

.single-course-pg .course-body-content .left-content .more-courses .learndash-courses {
    display: flex;
    gap: 20px;
}

.single-course-pg .course-body-content .left-content .more-courses .learndash-courses .learndash_course {
    text-align: center;
    width: calc(33.33% - 13.3px);
    gap: 15px;
}

.single-course-pg .course-body-content .left-content .more-courses .learndash-courses .learndash_course a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 15px;
}

.single-course-pg .course-body-content .left-content .more-courses .learndash-courses .learndash_course h5 {
    font-family: "Poppins";
    font-weight: 600;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    height: 52px;
    margin-bottom: 10px;
}

.single-course-pg .course-body-content .left-content .more-courses .learndash-courses .learndash_course p {
    font-family: "Poppins";
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single-course-pg .course-body-content .left-content .more-courses .sub-heading{
    text-align: center;
    margin-bottom: 40px;
}

.single-course-pg .course-body-content .right-content{
    width: 35%;
    position: relative;
}

.single-course-pg .course-body-content .right-content .fixed-box {
    background: #fff;
    box-shadow: 0px 0px 15px 0px #00000050;
    padding: 20px;
    position: relative;
    top: -350px;
}

.single-course-pg .course-body-content .right-content .fixed-box.fixed {
    max-width: 370px;
    min-width: 370px;
    position: fixed;
    top: 30%;
    bottom: 0;
    height: max-content;
}

.single-course-pg .course-body-content .right-content .fixed-box.stop {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
}

.single-course-pg .course-body-content .right-content .fixed-box img {
    width: 100%;
    margin-bottom: 0px;
    max-height: 330px;
    object-fit: cover;
    object-position: top;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status-segment {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid #FA991C;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status-segment:last-child {
    border-bottom: none;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status .ld-course-status-segment .ld-course-status-label {
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status .ld-course-status-segment .ld-course-status-content .ld-status {
    margin: 0px;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 20px;
    border-radius: 10px;
    padding: 10px 0px;
    max-width: 180px;
    width: 100%;
    font-weight: 600;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status .ld-course-status-segment .ld-course-status-content .btn-join {
    padding: 10px 0px !important;
    font-family: 'Poppins' !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background: #FA991C !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    width: 100% !important;
    max-width: 180px !important;
    min-width: 180px;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status .ld-course-status-segment .ld-course-status-content .ld-course-status-action .ld-button {
    font-family: 'Poppins';
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 30px;
    border-radius: 10px;
    font-weight: 600;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status .ld-course-status-segment .ld-course-status-content {
    margin-bottom: 30px;
    height: 100% !important;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status .ld-course-status-segment.status-free .ld-course-status-content{
    margin-bottom: 0;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status .ld-course-status-segment .ld-course-status-content .ld-course-status-price {
    font-family: 'Poppins';
    font-size: 26px;
    line-height: 32px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
}

.single-course-pg .course-body-content .right-content .fixed-box h6.progress-title {
    font-size: 22px;
    line-height: 32px;
    font-family: 'Poppins';
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}

.single-course-pg .course-body-content .right-content .fixed-box h6.progress-title {
    font-size: 22px;
    line-height: 32px;
    font-family: 'Poppins';
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-course-pg .course-body-content .right-content .fixed-box .learndash_post_sfwd-courses.user_has_access {
    margin: 0px 0px 20px 0px;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status {
    margin: 20px 0px 0px 0px;
    flex-direction: column;
    gap: 20px;
    background: none;
    padding: 0;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status-segment.ld-course-status-seg-price.ld-course-status-mode-free {
    display: none;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress {
    flex-direction: column !important;
    padding: 0 !important;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress .ld-progress-heading {
    width: 100%;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress .ld-progress-stats {
    width: 100%; 
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress .ld-progress-bar {
    width: 100%;
    margin: 15px 0px 0px 0px !important;
    height: 15px !important;
    background-color: #E2DEE2 !important;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress .ld-progress-bar-percentage {
    height: 15px !important;
    background-color: #7FCC47 !important;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress .ld-progress-percentage{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600 !important;
    font-family: 'Poppins';
    margin: 0px 0px 0px 0px !important;
    color: #000 !important;
    text-align: start;
}

.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-modal-text,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform input,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform p,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form a.ld-forgot-password-link {
    display: none;
}

.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform div#nsl-custom-login-form-2 .nsl-container.nsl-container-block.nsl-container-embedded-login-layout-below{
    padding: 0;
    text-align: center;
}

.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform div#nsl-custom-login-form-2 .nsl-button-label-container {
    background: #00B1A6;
    margin: 0;
    padding: 0px 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/********************************************Single Lesson page***************************************************/

.ld-tabs-content .video-container{
    text-align: center;
}

.lesson-btn-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    height: 100%;
    margin: 50px 0px;
}

.lesson-btn-cont p {
    height: 100%;
    padding: 15px 0px;
}

.lesson-btn-cont p a {
    font-size: 24px;
    font-family: "Poppins";
    font-weight: 500;
    line-height: 36px;
    padding: 15px 30px;
    border-radius: 10px;
    background: #FDC442;
    color: #000;
}

.learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .ld-content-action a.ld-primary-color.ld-course-step-back {
    font-size: 14px;
    line-height: 28px;
    padding: 8px 40px;
    background: #FD991F;
    color: #fff !important;
    border-radius: 1000px;
    font-weight: 600;
}

.learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .ld-content-action form.sfwd-mark-complete {
    margin-bottom: 30px;
}

/*********************Registration page***********************/

.page-id-89925 h1.entry-title {
    
    text-align: center;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    background: #00ADB6;
    color: #fff;
    padding: 100px 15px;
}

.st-register-login {
    max-width: 1140px;
    margin: auto;
    padding: 100px 15px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .order-overview {
    border: 5px solid #00ADB6;
    box-shadow: none;
    margin-bottom: 60px;
    padding: 30px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .order-overview .order-heading {
    
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
    font-weight: 600;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .order-overview .purchase-title {
    
    font-weight: 500;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .order-overview .purchase-rows .purchase-row span.purchase-label {
    
    color: #000;
    font-weight: 600;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .order-overview .purchase-rows .purchase-row span.purchase-value {
    
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .order-overview .order-overview-return {
    
    font-size: 16px;
    line-height: 24px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .order-overview .order-overview-return a {
    
    color: #fa991c;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper p.registration-login {
    text-align: center;
    
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0px 0px 30px 0px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper p.registration-login a.registration-login-link {
    
    background: #fa991c;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    margin: 0px 0px 0px 15px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .ldregister .learndash-registration-field label,
.st-register-login .learndash-wrapper #learndash-registration-wrapper .registration-login-form #loginform p label {
    
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .ldregister .learndash-registration-field input,
.st-register-login .learndash-wrapper #learndash-registration-wrapper .registration-login-form #loginform p input {
    background: #fff;
    border: 3px solid #00ADB6;
    margin-bottom: 25px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .ldregister p {
    display: flex;
    flex-direction: column;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .ldregister p input#wp-submit,
.st-register-login .learndash-wrapper #learndash-registration-wrapper .registration-login-form #loginform p.login-submit input {
    
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    width: max-content;
    margin: auto;
    padding: 15px 50px;
    background: #fa991c;
    border: none;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .show-register-form {
    margin-top: 40px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper .show-register-form a {
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background: #00ADB6;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
}

.home-pg-vid-btn a.exad-modal-image-action.image-modal {
    height: 70px;
}

/*************************Quran Page***************************/

#select_name_recitator2{
	height: 50px !important;
}

.params1_kb{
	height: 73px !important;
}

.quran.reset_quran{
	padding: 10px 25px;
}

.trans{
	font-weight: 700;
}

.page-id-313 h1.entry-title {
    text-align: center;
}

.icon-menus nav ul.hfe-nav-menu li.menu-item a img {
    margin: 0;
    width: 35px;
    height: 35px;
    object-fit: contain;
}

/*************************Homepage***************************/

.hero-menu span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {
    display: none;
}

.hero-menu ul li.menu-item ul.sub-menu {
    border-radius: 10px;
}

.hero-menu nav {
    z-index: 1 !important;
}

.btn-1 a, .submit-cont{
    position: relative;
    overflow: hidden;
}

.btn-1 a::before, .submit-cont::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}

@keyframes shiny-btn1 {
    0%{transform: scale(0) rotate(45deg); opacity: 0;}
    80%{transform: scale(0) rotate(45deg); opacity: 0.5; }
    81%{transform: scale(4) rotate(45deg); opacity: 1; }
    100%{transform: scale(50) rotate(45deg); opacity: 0; }
}

.pg-featured-course .featured-courses {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pg-featured-course .featured-courses li.featured-course-item {
    width: calc(33.3% - 20px);
}

.pg-featured-course .featured-courses .featured-course-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    margin-bottom: 30px;
}

.pg-featured-course .featured-courses .featured-course-item h2 {
    margin-bottom: 0;
    text-align: center;
}

.pg-featured-course .featured-courses .featured-course-item h2 a {
    
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
}

.testimonial-carousel .item.testimonial-item {
    background: #fff;
    border-bottom: 10px solid #fd991f;
    text-align: start;
    padding: 40px 40px 0 40px;
    border-radius: 15px;
}

.testimonial-carousel .testimonial-item p.quote {
    
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
	margin-bottom: -25px;
	color: #fff;
}

.testimonial-carousel .testimonial-item .content {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    background: #fff;
    margin-top: 25px;
    margin-bottom: 30px;
    padding: 0;
    border-radius: 15px;
}

.testimonial-carousel .testimonial-item .content ul {
    margin-left: 18px;
}

.teacher-name-role {
    margin-bottom: 30px;
}

.testimonial-carousel .testimonial-item .content::after{
    content: none;
}

.testimonial-carousel .testimonial-item .teacher-prof {
    display: flex;
    align-items: center;
    gap: 10px;
}

.testimonial-carousel .testimonial-item .teacher-img {
    width: 70px;
    position: static;
}

.testimonial-carousel .testimonial-item .teacher-img img.main-img {
    position: static;
    height: 60px;
    width: 60px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 100px;
    border: 2px solid #fd991f;
}

.testimonial-carousel .testimonial-item .teacher-name-role h5.teacher-name {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 2px;
    color: #fd991f;
}

.testimonial-carousel .testimonial-item .teacher-name-role h6.teacher-role {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0;
    color: #000;
}

.testimonial-carousel .owl-nav {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 25px;
}

.testimonial-carousel .owl-nav button span {
    font-size: 0;
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 100px;
}

.testimonial-carousel .owl-nav .owl-prev span:after {
    content: "";
    background: url(../svg/arrow-1-2.svg);
    width: 25px;
    height: 15px;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.testimonial-carousel .owl-nav .owl-next span:after {
    content: "";
    background: url(../svg/arrow-1-1.svg);
    width: 25px;
    height: 15px;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.pg-accordion span.elementor-accordion-icon {
    background: #FD991F;
    border-radius: 10px;
    width: 70px !important;
    height: 70px;
    display: flex !important;
    justify-content: center;
    align-items: center;
		margin-top: -20px;
}

.pg-accordion .elementor-accordion-item{
    border-radius: 10px;
    background: #fff;
		margin-bottom: 20px;
}

.pg-accordion .elementor-tab-content{
		border-radius: 0px 0px 10px 10px;
}

.course-category-tabs {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    margin: auto;
    padding: 8px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    border: 3px solid #6BCEDF;
    gap: 15px;
    margin-bottom: 70px;
}

.course-category-tabs a.category-tab,
.course-category-tabs a {
    font-family: "Hahmlet", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    padding: 20px 14px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.course-category-tabs a.category-tab.active{
    color: #fff;
    background: #00ADB6;
}

.course-category-tabs a:hover {
    color: #fff;
    background: #00ADB6;
}

.course-category-tabs::after {
    content: "";
    background: url(../svg/object.svg);
    width: 60px;
    height: 110px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -48px;
    top: -12px;
}

.course-category-tabs::before {
    content: "";
    background: url(../svg/object.svg);
    width: 60px;
    height: 110px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -48px;
    top: -12px;
    transform: rotate(180deg);
}

.course-carousel .owl-item {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
}

.course-carousel-container {
    padding-left: 100px;
}

.course-carousel-container .course-item img.featured-image {
    margin: 0;
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 15px;
}

.course-carousel-container .course-item .course-title {
    font-size: 30px;
    line-height: 45px;
    font-weight: 600;
    margin-bottom: 0;
    color: #012438;
}

.course-carousel-container .course-item .course-item-content {
    margin-bottom: 15px;
}

.course-carousel-container .course-item .course-title {
    font-family: "Hahmlet", sans-serif;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 0;
    color: #012438;
    text-transform: capitalize;
}

.course-carousel-container .owl-stage {
    display: flex;
}

.course-carousel-container .course-item .course-item-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-carousel-container .course-item .course-item-content .lesson-count{
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: #4ECB71;
    margin-bottom: -5px;
}

.course-carousel-container .course-item .reviews-cont {
    display: flex;
    align-items: center;
    gap: 10px;
}

.course-carousel-container .course-item .reviews-cont .stars{
    height: 24px;
}

.course-carousel-container .course-item .hover-content .reviews-cont .stars{
    height: 19px;
}

.course-carousel-container .course-item .reviews-cont .stars span{
    color: #EDAA12;
}

.course-carousel-container .course-item .reviews-cont .stars .material-symbols-outlined {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
}

.course-carousel-container .course-item .reviews-cont .review-number{
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.course-carousel-container .course-item{
    position: relative;
    overflow: hidden;
}

.course-carousel-container .course-item .hover-content{
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    position: absolute;
    left: 100%;
    top: -20px;
    right: -100%;
    bottom: 0;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    transition: 0.3s ease;
}

.course-carousel-container .course-item:hover .hover-content{
    left: -20px;
    right: 0;
}

.course-carousel-container .course-item .hover-content h6.hover-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;

}

.course-carousel-container .course-item .hover-content p.hover-description {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #333333;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.course-carousel-container .course-item .hover-content .duration, 
.course-carousel-container .course-item .hover-content .review-number {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    margin: 0;
}

.course-carousel-container .course-item .hover-content .reviews-cont .stars span{
    font-size: 16px;
}

.course-carousel-container .course-item .hover-content .enroll-now-button {
    color: #071021;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;   
    margin: 30px auto 0px auto;
    display: block;
    text-align: center;
    padding: 12px 30px;
    background: #FDC442;
    border-radius: 10px;
    max-width: max-content;
}

.course-carousel-container .owl-nav {
    display: flex !important;
    justify-content: center;
    margin-top: 50px;
    gap: 30px;
}

.course-carousel-container .owl-nav button.owl-prev,
.course-carousel-container .owl-nav button.owl-next {
    position: relative;
    width: 20px;
    height: 40px;
}

.course-carousel-container .owl-nav button.owl-prev span,
.course-carousel-container .owl-nav button.owl-next span{
    display: none;
}

.course-carousel-container .owl-nav button.owl-prev::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../svg/vector-17.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}

.course-carousel-container .owl-nav button.owl-next::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../svg/vector-18.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
}

.latest-blogs .pp-post-thumbnail img {
    border-radius: 20px 20px 20px 20px;
    height: 300px;
    object-fit: cover;
    object-position: top center;
}


.latest-blogs .pp-post-content {
    background: #fff;
    padding: 15px;
    width: 90%;
    margin: -60px auto 0px auto;
    position: relative;
    border-radius: 15px;
    border: 1px solid #FD991F;
}

.latest-blogs h2.pp-post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 65px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pg-newsletter {
    width: 90%;
}

.pg-newsletter .swp-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
}

.pg-newsletter .swp-form .field-email {
    background-color: #fff;
    border: 2px solid #188E94;
    border-radius: 30px;
    padding: 10px 20px;
    width: 100% !important;
}

.pg-newsletter .sendy-subs-newsletter p {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pg-newsletter .sendy-subs-newsletter p br {
    display: none;
}

.pg-newsletter .swp-form .field-submit {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background-color: #FD991F;
    padding: 10px 40px;
    border-radius: 27px;
    margin: 0px;
    display: block;
    transition: 0.5s ease;
}

.pg-newsletter .swp-form .field-submit:hover {
    background-color: #000;
}

/*********************Live Courses************************/

.hm-live-classes-container {
    max-width: 1630px;
    margin: auto;
    display: flex;
    gap: 30px;
    justify-content: center;
}

.hm-live-classes-container .live-class-item {
    width: 33.3%;
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px #00adb67d;
}

.hm-live-classes-container .live-class-item .class-status-container {
    display: flex;
    align-items: center;
}

.hm-live-classes-container .live-class-item .class-status-container .img-cont {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px;
    background-color: #F9B62C;
    border-radius: 10px;
    width: 35%;
    z-index: 1;
}

.hm-live-classes-container .live-class-item .class-status-container .img-cont p {
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.hm-live-classes-container .live-class-item .class-status-container .class-status {
    padding: 7px 00px 7px 70px;
    background-color: #037D6B;
    border-radius: 0px 10px 0px 0px;
    width: calc(65% + 5px);
    margin-left: -5px;
    z-index: 0;
}

.hm-live-classes-container .live-class-item .class-status-container .class-status p.class-type {
    
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    margin-bottom: 5px;
}

.hm-live-classes-container .live-class-item .class-status-container .class-status p.weekly-timing {
    
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: #fff;
}

.hm-live-classes-container .live-class-item .title-badge-cont{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 60px;
}

.hm-live-classes-container .live-class-item .title-badge-cont .title-cont {
    display: flex;
    gap: 5px;
    align-items: center;
}

.hm-live-classes-container .live-class-item .title-badge-cont .title-cont h2.title {
    margin-bottom: 0;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.hm-live-classes-container .live-class-item .title-badge-cont .title-cont h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
    width: 100%;
}

.hm-live-classes-container .live-class-item .title-badge-cont .title-cont p.language {
    
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
}

.hm-live-classes-container .live-class-item .title-badge-cont p.cl-type.online {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    background: url(../svg/class-type-online.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    text-align: end;
    margin-left: auto;
}

.hm-live-classes-container .live-class-item .title-badge-cont p.cl-type.offline {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    padding: 8px 10px 8px 30px;
    border-radius: 6px;
    background: url(../svg/class-type-offline.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    text-align: end;
}

.hm-live-classes-container .live-class-item .teacher-cont {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: #F9A7161A;
    border-radius: 10px;
    position: relative;
    margin-bottom: 10px;
    padding-right: 110px;
}

.hm-live-classes-container .live-class-item .teacher-cont .name-role p.name {
    
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
}

.hm-live-classes-container .live-class-item .teacher-cont .name-role p.role {
    
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #000;
}

.hm-live-classes-container .live-class-item .teacher-cont img {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 90px;
    height: 120px;
    object-fit: contain;
    object-position: bottom;
}

.hm-live-classes-container .live-class-item .location-cont{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    background-color: #F1F1F1;
    border-radius: 10px;
    margin-bottom: 10px;
}

.hm-live-classes-container .live-class-item .location-cont img {
    width: 22px;
}

.hm-live-classes-container .live-class-item .location-cont p.location {
    
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
}

.hm-live-classes-container .live-class-item .dates-hours {
    display: flex;
    padding: 15px;
    background-color: #7ddeff74;
    border-radius: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
}

.hm-live-classes-container .live-class-item .dates-hours p {
    
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    width: 50%;
    text-align: center;
}

.hm-live-classes-container .live-class-item .dates-hours p:first-child {
    border-right: 1px solid #7DDFFF;
}

.hm-live-classes-container .live-class-item .dates-hours p span {
    
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}

.hm-live-classes-container .live-class-item .action-buttons.upcoming,
.hm-live-classes-container .live-class-item .action-buttons.ongoing {
    display: flex;
    gap: 15px;
}

.hm-live-classes-container .live-class-item .action-buttons.upcoming a,
.hm-live-classes-container .live-class-item .action-buttons.past a,
.hm-live-classes-container .live-class-item .action-buttons.ongoing a { 
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    width: 50%;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
}

.hm-live-classes-container .live-class-item .action-buttons.upcoming a.btn-share,
.hm-live-classes-container .live-class-item .action-buttons.ongoing a.btn-share {
    background-color: #FD991F;
}

.hm-live-classes-container .live-class-item .action-buttons.upcoming a.btn-register,
.hm-live-classes-container .live-class-item .action-buttons.ongoing a.btn-register {
    background-color: #23C683;
}

.hm-live-classes-container .live-class-item .action-buttons.ongoing a.btn-join {
    background-color: #00585E;
}

.hm-live-classes-container .live-class-item .action-buttons.past a.btn-feedback {
    background-color: #23C683;
    width: 50%;
    display: block;
    margin: auto;
}

/*************************************/
#live-classes-form .filter-main {
    display: flex;
    gap: 30px;
    justify-content: center;
    max-width: 900px;
    margin: 0px auto 30px auto;
}

#live-classes-form .filter-main select {
    width: 33.3%;
    border-radius: 10px;
    padding: 11.5px !important;
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

#live-classes-form .filter-tabs {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 600px;
    margin: 0px auto 50px auto;
}

#live-classes-form .filter-tabs button.tab-button {
    width: 33.3%;
    background: #fff;
    color: #000;
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px;
    border-radius: 10px;
}

#live-classes-form .filter-tabs button.tab-button.active {
    background: #FD991F;
    color: #fff;
}

.live-classes-container {
    display: flex;
    gap: 30px;
    max-width: 1410px;
    margin: auto;
}

.live-classes-container .live-class-item {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    width: 450px;
}

.live-classes-container .live-class-item .image-content-container {
    position: relative;
}

.live-classes-container .live-class-item .image-content-container p.class-type {
    position: absolute;
    
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    padding: 8px 12px;
    background: #FD991F;
    color: #fff;
    border-radius: 10px 0px 10px 0px;
}

.live-classes-container .live-class-item .featured-image {
    margin: 0;
}

.live-classes-container .live-class-item .featured-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.live-classes-container .live-class-item .featured-image .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 10px;
    background: none;
}

.live-classes-container .live-class-item .weekly-timing-free {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 8px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00ADB6;
    border-radius: 0px 0px 10px 10px;
}

.live-classes-container .live-class-item .weekly-timing-free p.free-class {
    font-family: 'Hahmlet';
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: url(../svg/star-11.svg);
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.live-classes-container .live-class-item .weekly-timing-free p.weekly-timing {
    
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    display: flex;
    gap: 5px;
    align-items: center;
}

.live-classes-container .live-class-item h2 {
    margin-top: 10px;
    margin-bottom: 0;
}

.live-classes-container .live-class-item h2 a{
    font-family: 'Hahmlet';
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #333;
}

.live-classes-container .live-class-item p.teacher-name {
    
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.live-classes-container .live-class-item .rating-type {
    padding-bottom: 10px;
    border-bottom: 1px solid #A4A7A6;
    margin-top: 10px;
}

.live-classes-container .live-class-item .rating-type p.cl-type {
    
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    background: #FD991F;
    width: max-content;
    padding: 5px 12px;
    color: #fff;
    border-radius: 6px;
    margin-left: auto;
}

.live-classes-container .live-class-item p.location {
    
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 20px 0px 17px 0px;
    color: #333;
}

.live-classes-container .live-class-item .dates-hours {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.live-classes-container .live-class-item .dates-hours p {
    width: calc(33.3% - 6.6px);
    
    font-size: 11px;
    font-weight: 600;
    background: #fff;
    border: 1px solid rgba(0, 173, 182, 0.5);
    color: #000;
    padding: 10px;
    border-radius: 6px;
}

.live-classes-container .live-class-item .action-buttons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: center;
}

.live-classes-container .live-class-item .action-buttons a{
    
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 10px 0px;
    border-radius: 6px;
    width: 100%;
    text-align: center;
}

.live-classes-container .live-class-item .action-buttons a.btn-register {
    background: #FD991F;
    color: #fff;
}

.live-classes-container .live-class-item .action-buttons a.btn-share {
    background: #D9D9D9;
    color: #000;
}

.live-classes-container .live-class-item .action-buttons a.btn-join {
    background: #00ADB6;
    color: #fff;
}

.live-classes-container .live-class-item .action-buttons a.btn-feedback {
    background: #FD991F;
    color: #fff;
    width: 50%;
}

p.no-live-class{
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

#live-classes-results p.no-class {
    font-weight: 500;
    text-align: center;
    color: #fff;
}

/*********************All-Live-Class************************/

.post-type-archive-live_class .container.grid-container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.all-live-class {
    width: 100%;
}

.all-live-class .hero-all-live-class {
    padding: 100px 15px;
    background: #000;
}

.all-live-class .hero-all-live-class .hero-all-live-class-cont {
    max-width: 1140px;
    margin: auto;
}

.all-live-class .hero-all-live-class .hero-all-live-class-cont h4 {
    
    font-size: 30px;
    line-height: 45px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

.all-live-class .hero-all-live-class .hero-all-live-class-cont h1 {
    font-family: 'Hahmlet';
    font-size: 100px;
    line-height: 145px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

/*********************  -Live-Class************************/

.single-live_class .container.grid-container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.single-live-class {
    width: 100%;
}

.single-live-class .sticky-registration {
    position: fixed;
    right: 20px;
    bottom: 20px;
    top: auto;
    margin: 0;
    height: max-content;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: #fff;
    border: 1px solid #00ADB6;
    border-radius: 10px;
    max-width: 180px;
    width: 100%;
}

.single-live-class .sticky-registration img {
    max-width: 100px;
    margin-bottom: 8px;
}

.single-live-class .sticky-registration a {
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    background: #FD991F;
    border-radius: 10px;
    padding: 6px 30px;
}

.single-live-class .hero-live-class {
    background: url(../png/live-classes-a1-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.single-live-class .hero-live-class .hero-live-class-cont {
    padding: 70px 100px;
    max-width: 100%;
    margin: auto;
    background: linear-gradient(to right, #000 0%, #00000000 50%);
}

.single-live-class .hero-live-class .hero-live-class-cont h4 {
    font-family: 'Hahmlet';
    font-size: 30px;
    line-height: 45px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.single-live-class .hero-live-class .hero-live-class-cont .class-type{
    display: flex;
    gap: 13px;
    align-items: center;
    margin-bottom: 20px;
}

.single-live-class .hero-live-class .hero-live-class-cont .class-type p.cl-type {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
}

.single-live-class .hero-live-class .hero-live-class-cont .class-type p.cl-type.offline{
    background: #FF0000;
}

.single-live-class .hero-live-class .hero-live-class-cont .class-type p.cl-type.online{
    background: #23c683;
}

.single-live-class .hero-live-class .hero-live-class-cont .class-type p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
}

.single-live-class .hero-live-class .hero-live-class-cont h1.class-title {
    font-family: 'Hahmlet';
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #FD991F;
    margin-bottom: 20px;
}

.single-live-class .hero-live-class .hero-live-class-cont .loc-lan-week {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}

.single-live-class .hero-live-class .hero-live-class-cont .loc-lan-week p {
    display: flex;
    align-items: center;
    gap: 5px;
    
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content {
    display: flex;
    align-items: center;
    max-width: 600px;
    justify-content: center;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-bottom: 30px;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time {
    width: 100%;
    max-width: 180px;
    text-align: center;
    border-right: 2px solid #A4A7A6;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time:last-child{
    border-right: none;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time h6 {
    
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time .time {
    
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #00ADB6;
}

.single-live-class .hero-live-class .hero-live-class-cont .countdown-tag {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 30px;
}

.single-live-class .hero-live-class .hero-live-class-cont .countdown-box{
    background: rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    padding: 20px 10px;
    min-width: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-live-class .hero-live-class .hero-live-class-cont p.message {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #FD991F;
}

.single-live-class .hero-live-class .hero-live-class-cont p.countdown {
    display: flex;
    color: #fff;
    justify-content: center;
    margin-top: 10px;
}

.single-live-class .hero-live-class .hero-live-class-cont p.countdown .countdown-item {
    font-family: 'Inter';
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    letter-spacing: 3px;
    width: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.single-live-class .hero-live-class .hero-live-class-cont p.countdown .countdown-separator {
    font-family: 'Inter';
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    letter-spacing: 3px;
    width: 50px;
    text-align: center;
}

.single-live-class .hero-live-class .hero-live-class-cont p.countdown .countdown-item span.label {
    
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
}

.single-live-class .hero-live-class .hero-live-class-cont .free-class-tag {
    font-family: 'Hahmlet';
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    background: url(../svg/star-11.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 120px;
    height: 120px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.single-live-class .hero-live-class .hero-live-class-cont .button-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.single-live-class .hero-live-class .hero-live-class-cont .button-container a {
    
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    max-width: 200px;
    width: 100%;
    height: 62px;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-live-class .hero-live-class .hero-live-class-cont .button-container .btn-register,
.single-live-class .hero-live-class .hero-live-class-cont .button-container .btn-feedback {
    background: #FD991F;
}

.inaugration-btn{
    display: none;
}

.single-live-class .hero-live-class .hero-live-class-cont .button-container .btn-share {
    background: #00ADB6;
}

.single-live-class .live-class-content-cont {
    padding: 80px 100px;
    background: #EAEEED;
}

.single-live-class .live-class-content-cont .trainer-details {
    padding: 30px;
    border-radius: 20px;
    background: #fff;
    margin-bottom: 40px;
}

.single-live-class .live-class-content-cont .trainer-details h4 {
    font-family: 'Hahmlet';
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #333;
    margin-bottom: 25px;
}

.single-live-class .live-class-content-cont .trainer-details .image-content {
    display: flex;
    gap: 20px;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #A4A7A6;
}

.single-live-class .live-class-content-cont .trainer-details .image-content img {
    max-width: 160px;
}

.single-live-class .live-class-content-cont .trainer-details .image-content .content h6.teacher-name {
    font-family: 'Hahmlet';
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 5px;
}

.single-live-class .live-class-content-cont .trainer-details .image-content .content p.teach-role {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
    color: #000;
    opacity: 50%;
}

.single-live-class .live-class-content-cont .trainer-details .image-content .content p.rating, 
.single-live-class .live-class-content-cont .trainer-details .image-content .content p.reviews, 
.single-live-class .live-class-content-cont .trainer-details .image-content .content p.students {
    
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 0px 0px 15px 0px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.single-live-class .live-class-content-cont .trainer-details .image-content .content p.students {
    margin-bottom: 0px;
}

.single-live-class .live-class-content-cont .trainer-details p{
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    margin-top: 25px;
}

.single-live-class .live-class-content-cont .course-highlights {
    padding: 30px;
    border-radius: 20px;
    background: #fff;
}

.single-live-class .live-class-content-cont .course-highlights h4 {
    font-family: 'Hahmlet';
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.single-live-class .live-class-content-cont .course-highlights .img-content {
    display: flex;
    gap: 30px;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .featured-image {
    width: calc(40% - 15px);
    margin-top: 0;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .featured-image img {
    width: 100%;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .class-content {
    width: calc(60% - 15px);
    padding-left: 50px;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .class-content ul {
    margin: 0px 0px 20px 0px;
    padding-left: 20px;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .class-content ul li {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .class-content a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #FD991F;
    padding: 15px 0px;
    border-radius: 6px;
    max-width: 200px;
}

.single-live-class .youtube-frame {
    padding: 0px 15px 60px 15px;
    flex-direction: column;
    align-items: center;
}

.single-live-class .youtube-frame p.class-soon {
    font-weight: 600;
}

.single-live-class .youtube-frame iframe {
    width: 100%;
    max-width: 800px;
    height: 450px;
    border-radius: 30px;
    margin-bottom: 30px;
}

.single-live-class .youtube-frame a.join-btn {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #FD991F;
    padding: 15px 0px;
    border-radius: 6px;
    max-width: 200px;
}

.feedback-popup {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.feedback-popup.hidden {
    display: none;
}

.feedback-popup .popup-content {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    width: 420px;
}

.feedback-popup .popup-content a.btn-cancel {
    text-align: end;
    font-size: 20px;
}

.feedback-popup .popup-content .btn-cancel i {
    color: #000;
}

.feedback-popup .popup-content h4.rating-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    color: #000;
}

.feedback-popup .popup-content .all-ratings-form {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feedback-popup .popup-content .all-ratings-form .ratings-cont {
    display: flex;
    align-items: center;
    max-width: 300px;
}

.feedback-popup .popup-content .all-ratings-form .ratings-cont h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    width: 100px;
    text-align: start;
}

.feedback-popup .popup-content .all-ratings-form .ratings-cont .stars-number {
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
    gap: 15px;
}

.feedback-popup .popup-content .all-ratings-form .ratings-cont .stars-number .rating-result p span {
    font-size: 20px;
    line-height: 30px;
}

.feedback-popup .popup-content .star-rating {
    font-size: 30px;
    color: #ccc;
}

.feedback-popup .popup-content .star-rating .star {
    cursor: pointer;
}

.feedback-popup .popup-content .star-rating .star.active {
    color: gold;
}

.feedback-popup .popup-content button {
    margin-top: 20px;
    padding: 10px;
    background-color: #FD991F;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    line-height: 24px;
    font-weight: 500;
}

.single-live-class .live-class-rating {
    padding: 100px 15px;
    text-align: center;
    background: url(../jpg/2149367133.jpg);
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.35);
    background-blend-mode: multiply;
}

.single-live-class .live-class-rating h2 {
    font-family: "Hahmlet", "sans-serif";
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff;
}

.single-live-class .live-class-rating .all-ratings-wrap {
    display: flex;
    justify-content: center;
    gap: 100px;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item {
    padding: 30px 50px;
    border-right: 2px solid #FD991F;
    border-left: 2px solid #FD991F;
    border-radius: 20px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item p.no-ratings {
    color: #fff;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item span.rating-title {
    font-family: 'Poppins';
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item .star-numbering {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item .star-numbering .stars span {
    font-size: 40px;
    line-height: 36px;
    color: #FF9529;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item .star-numbering .stars span.star.empty {
    color: #cccccc;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item .star-numbering span.numeric-rating {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-weight: 500;
}

.single-live-class .live-class-gallery {
    padding: 80px 15px 100px 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-live-class .live-class-gallery .gallery-cont {
    width: 100%;
    max-width: 1140px;
}

.single-live-class .live-class-gallery .gallery-cont h3 {
    font-family: 'Hahmlet';
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
}

.single-live-class .live-class-gallery .gallery-cont .row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.single-live-class .live-class-gallery .gallery-cont .row .column {
    width: calc(33.3% - 6.6px);
    position: relative;
    overflow: hidden;
    height: 250px;
}

.single-live-class .live-class-gallery .gallery-cont .row .column img {
    width: 100%;
    height: 250px;
    cursor: pointer;
    transition: transform 0.3s linear;
    object-fit: cover;
    object-position: center;
}

.single-live-class .live-class-gallery .gallery-cont .row .column img:hover {
    transform: scale(1.05);
}

.single-live-class .live-class-gallery .gallery-cont #lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox img {
    max-width: 80%;
    max-height: 60vh;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
    border-radius: 10px;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 50px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #prev-btn, 
.single-live-class .live-class-gallery .gallery-cont #lightbox #next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #prev-btn {
    left: 10px;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #next-btn {
    right: 10px;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #prev-btn:hover, 
.single-live-class .live-class-gallery .gallery-cont #lightbox #next-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #thumbnail-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #thumbnail-container .thumbnail {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 2px solid #fff;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #thumbnail-container .thumbnail:hover {
    transform: scale(1.1);
}

.single-live-class .live-class-gallery .gallery-cont #lightbox #thumbnail-container .active-thumbnail {
    border-color: #ff6347;
}

/************************Promotion Live Class***************************/

.hm-live-classes-container.promotion-container .live-class-item .title-badge-cont .title-cont h2.title {
    font-size: 16px;
    line-height: 26px;
}

.hm-live-classes-container.promotion-container .live-class-item .title-badge-cont {
    margin-bottom: 30px;
}

.hm-live-classes-container.promotion-container .live-class-item .dates-hours {
    padding: 10px;
    flex-wrap: nowrap;
}

/************************Single All live classes***************************/

.hm-live-classes-container.single-all-live-classes-container {
    flex-wrap: wrap;
}

.hm-live-classes-container.single-all-live-classes-container .live-class-item {
    width: calc(33.3% - 20px);
}

.hm-live-classes-container.single-all-live-classes-container .live-class-item>a {
	text-decoration: none; 
}

/************************Contact-us***************************/

.pg-icon-box .elementor-icon-box-icon{
	position: relative;
}

.pg-icon-box .elementor-icon-box-icon::after {
    content: "";
    background: url(../png/vector.png);
    display: block;
    width: 110px;
    height: 115px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.site-contact-form .half-input-cont {
    margin-bottom: 30px;
}

.site-contact-form .half-input-cont p {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.site-contact-form .half-input-cont span.wpcf7-form-control-wrap {
    width: calc(50% - 15px);
    display: block;
    box-shadow: 0px 4px 23px 0px #0000000F;
}

.site-contact-form .txtarea-cont{
	margin-bottom: 50px;
}

.site-contact-form .txtarea-cont span.wpcf7-form-control-wrap {
    box-shadow: 0px 4px 23px 0px #0000000F;
	    margin-bottom: 50px;
			border-radius: 10px;
}

.site-contact-form .half-input-cont input.wpcf7-form-control {
    width: 100%;
    border-radius: 10px;
    padding: 15px;
}

.site-contact-form .txtarea-cont  textarea {
    height: 180px;
    border-radius: 10px;
}

.site-contact-form .submit-cont {
    margin: auto;
    width: max-content;
}

.site-contact-form .submit-cont input.sub-btn {
    
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    padding: 25px 100px;
    border-radius: 10px;
    background: #FD991F;
}

.site-contact-form span.wpcf7-spinner {
    display: none;
}

.site-contact-form br {
    display: none;
}

.site-contact-form input::placeholder, .site-contact-form textarea::placeholder {
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #959595;
}

/***************************All Blogs Page*******************************/

.all-blogs-pg{
    background-color: #fff;
}

.all-blogs-pg .grid-container {
    max-width: 100%;
    padding: 0;
}

.all-blogs-pg .site-main {
    margin: 0;
}

.all-blogs-pg .hero-blogs-pg {
    padding: 0px 15px;
    margin: 0;
    background: url(../jpg/blogs-2-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

.all-blogs-pg .hero-blogs-pg .container {
    max-width: 1140px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.all-blogs-pg .hero-blogs-pg .container h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.all-blogs-pg .hero-blogs-pg .container h1 {
    text-align: center;
    color: #fff;
    font-size: 80px;
    line-height: 100px;
    font-weight: 700;
    font-family: "Hahmlet", sans-serif;
    margin-bottom: 0px;
}

.all-blogs-pg .blog-post-container {
    display: flex;
    gap: 60px;
    padding: 60px 100px;
}

.all-blogs-pg .blog-post-container .sidebar {
    width: 30%;
}

.all-blogs-pg .blog-post-container .sidebar .search-form {
    margin-bottom: 40px;
}

.all-blogs-pg .blog-post-container .sidebar form.search-form {
    display: flex;
}

.all-blogs-pg .blog-post-container .sidebar .search-form label {
    width: 100%;
}

.all-blogs-pg .blog-post-container .sidebar .search-form label input.search-field {
    width: 100%;
    background: #f8f8f8;
    border-radius: 10px 0px 0px 10px;
    border: none;
}

.all-blogs-pg .blog-post-container .sidebar .search-form label input::placeholder{
    color: #000;
    opacity: 50%;
}

.all-blogs-pg .blog-post-container .sidebar .search-form button.search-submit {
    background: #f8f8f8;
    border-radius: 0px 10px 10px 0px;
}

.all-blogs-pg .blog-post-container .sidebar .search-form button.search-submit span.gp-icon {
    color: #000;
    opacity: 50%;
}

.all-blogs-pg .blog-post-container .sidebar h2 {
    
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 20px;
}

.all-blogs-pg .blog-post-container .sidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.all-blogs-pg .blog-post-container .sidebar ul li {
    padding-bottom: 10px;
    border-bottom: 0.5px solid #000;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.all-blogs-pg .blog-post-container .sidebar ul li a, 
.all-blogs-pg .blog-post-container .sidebar ul li p {
    
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #000;
    text-decoration: none;
}

.all-blogs-pg .blog-post-container .all-blogs {
    width: 70%;
}

.all-blogs-pg .blog-post-container .all-blogs h2 {
    
    font-size: 60px;
    line-height: 80px;
    font-weight: 600;
    color: #000;
    margin-bottom: 40px;
    text-align: center;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post {
    width: calc(33.3% - 20px);
    background: rgba(217, 217, 217, 0.2);
    border-radius: 15px;
    padding: 20px;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post .featured-image {
    margin: 0px 0px 16px 0px !important;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post .featured-image img {
    border-radius: 15px;
    height: 260px;
    object-fit: cover;
    width: 100%;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post .category-name {
    
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post .entry-title {
    text-align: start;
    margin-bottom: 10px;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post .entry-title a {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post .entry-content {
    margin-top: 0;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post .entry-content p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links span, 
.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    
    color: #333;
    text-decoration: none;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links .page-numbers{
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links .next.page-numbers, 
.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links .prev.page-numbers{
    width: auto;
    height: auto;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    font-size: 18px;
    line-height: 27px;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links span.page-numbers.dots {
    display: none;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container .nav-links .page-numbers.current{
    background: #F5B242;
    border: 1px solid #F5B242;
}

/*************************Single Blog Category Page***************************/

.all-blogs-pg .hero-cat-pg {
    padding: 00px 15px;
    margin: 0;
    background: url(../blogs-2.html);
    background-color: #00000099;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.all-blogs-pg .hero-cat-pg .container {
    max-width: 1140px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.all-blogs-pg .hero-cat-pg .container h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.all-blogs-pg .hero-cat-pg .container h1 {
    text-align: center;
    color: #fff;
    font-size: 50px;
    line-height: 65px;
    font-weight: 700;
    font-family: "Hahmlet", sans-serif;
    margin-bottom: 0px;
}


.all-blogs-pg .cat-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 60px 15px;
    max-width: 1140px;
    margin: auto;
    justify-content: center;
}

.all-blogs-pg .cat-posts .category-post {
    width: calc(33.3% - 20px);
}

.all-blogs-pg .cat-posts .category-post .post-thumbnail {
    margin-bottom: 20px;
}

.all-blogs-pg .cat-posts .category-post .post-thumbnail a img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    border-radius: 20px;
}

.all-blogs-pg .cat-posts .category-post .post-content h2 a {
    
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 65px;
}

.all-blogs-pg .cat-posts .category-post .post-content h2 {
    margin-bottom: 10px;
}

.all-blogs-pg .cat-posts .category-post .post-content .entry-content {
    margin-top: 0px;
}

.all-blogs-pg .cat-posts .category-post .post-content .entry-content p {
    font-size: 16px;
    line-height: 24px;
    
    font-weight: 400;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.all-blogs-pg .cat-posts .nav-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

.all-blogs-pg .cat-posts .nav-links span, 
.all-blogs-pg .cat-posts .nav-links a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    
    color: #333;
    text-decoration: none;
}

.all-blogs-pg .cat-posts .nav-links .page-numbers{
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.all-blogs-pg .cat-posts .nav-links .next.page-numbers, 
.all-blogs-pg .cat-posts .nav-links .prev.page-numbers{
    width: auto;
    height: auto;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    font-size: 18px;
    line-height: 27px;
}

.all-blogs-pg .cat-posts .nav-links span.page-numbers.dots {
    display: none;
}

.all-blogs-pg .cat-posts .nav-links .page-numbers.current{
    background: #F5B242;
    border: 1px solid #F5B242;
}

/***************************Single Blog Page********************************/

.all-blogs-pg .elementor.elementor-1851,
.single-blog-pg .elementor.elementor-1851{
    margin-bottom: 0px;
}

.single-blog-pg .container.grid-container {
    max-width: 100%;
    padding: 0;
}

.single-blog-pg .site-main {
    margin: 0;
}

.single-blog-pg .single-blog-container{
    padding: 50px 100px;
    background-color: #fff;
}

.single-blog-pg .single-blog-container .categories-cont {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.single-blog-pg .single-blog-container a.blog-category {
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    padding: 15px 35px;
    border: 1px solid #000;
    border-radius: 50px;
}

.single-blog-pg .single-blog-container h1.blog-title {
    font-family: 'Hahmlet';
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin: 30px 0px 15px 0px;
}

.single-blog-pg .single-blog-container hr {
    height: 1px;
    border-bottom-color: #000;
    background-color: #000;
    opacity: 1;
}

.single-blog-pg .single-blog-container .two-section-container {
    display: flex;
    margin-top: 50px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section {
    width: 80%;
    padding-right: 50px;
    border-right: none;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .blog-content {
    margin-bottom: 50px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section img {
    width: 100%;
    margin-bottom: 30px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section img {
    width: 100%;
    margin-bottom: 30px;
    max-width: 500px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .blog-content p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    margin-bottom: 25px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .blog-content ol li,
.single-blog-pg .single-blog-container .two-section-container .content-section .blog-content ul li{
    font-size: 20px;
    line-height: 35px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px; 
}

.single-blog-pg .single-blog-container .two-section-container .content-section .blog-content td{
    font-size: 20px;
    line-height: 35px;
    font-weight: 400;
    color: #000;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .blog-content h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .blog-content a {
    text-decoration: none;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container {
    margin-top: 20px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container h3 {
    font-family: 'Hahmlet';
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 40px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li {
    width: calc(33.3% - 33.3px);
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li .related-post-cont .related-blg-img-cont img {
    height: 300px;
    border-radius: 20px;
    object-fit: cover;
    object-position: center;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li .related-post-cont .content {
    background: #fff;
    padding: 15px;
    width: 90%;
    margin: -90px auto 0px auto;
    position: relative;
    border-radius: 15px;
    border: 1px solid #FD991F;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li .related-post-cont .content p.related-category-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li .related-post-cont .content a.related-post-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    color: #000;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    height: 60px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li .related-post-cont .content p.related-post-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts {
    padding-left: 50px;
    border-left: 1px solid #000;
    width: 20%;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts a.one-on-one-ad img {
    border: 1px solid #000;
}

.single-blog-pg .comments-area {
    padding: 0;
}

.single-blog-pg .comments-area h3#reply-title {
    font-size: 36px;
    line-height: 54px;
    font-weight: 400;
    margin-bottom: 20px;
}

.single-blog-pg .comments-area p.logged-in-as {
    display: none;
}

.single-blog-pg .comments-area .comment-form-comment textarea#comment {
    background: #d9d9d930;
    border: 1px solid #00000030;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 20px;
}

.single-blog-pg .comments-area .comment-form-comment textarea#comment::placeholder {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #00000050;
}

.single-blog-pg .comments-area .form-submit input#submit {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    background: #00ADB6;
    padding: 12px 35px;
    border-radius: 10px;
}

.all-blogs-pg .elementor.elementor-5524,
.single-blog-pg .elementor.elementor-5524{
    margin-bottom: 0;
}


/**********************************Shop Page***********************************/

.shop-products-pg .container.grid-container {
    max-width: 100%;
    padding: 0;
}

.shop-products-pg .site-content{
    flex-direction: column;
}

.shop-products-pg .elementor.elementor-5524 {
    width: 100%;
}

.shop-products-pg .hero-shop {
    text-align: center;
    padding: 0px 15px;
    background: url(../shop.html);
    background-size: cover;
    background-position: center center;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.shop-products-pg .hero-shop .hero-shop-container {
    max-width: 1140px;
    width: 100%;
    text-align: center;
}

p.single-pages-breadcrumb {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    width: 100%;
    max-width: 1140px;
    position: absolute;
    top: 40px;
    text-align: start;
    padding: 0px 15px;
}

p.single-pages-breadcrumb a {
    color: #fff;
}

p.single-pages-breadcrumb.courses,
p.single-pages-breadcrumb.courses a {
    color: #000;
}

p.single-course-breadcrumb {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    color: #fff;
}

p.single-course-breadcrumb a {
    color: #fff;
}

.shop-products-pg .hero-shop .hero-shop-container h1 {
    font-family: "Hahmlet";
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}

.shop-products-pg .hero-shop .hero-shop-container p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    color: #fff;
}

.shop-products-pg .shop-fluid {
    padding: 0px 15px;
}

.shop-products-pg .shop-container {
    width: 100%;
    max-width: 1140px;
    margin: auto;
    display: flex;
    gap: 50px;
    padding: 100px 0px;
}

.shop-products-pg .shop-container .categories-sidebar {
    width: calc(25% - 25px);
}

.shop-products-pg .shop-container .categories-sidebar h2 {
    font-family: 'Hahmlet';
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

.shop-products-pg .shop-container .categories-sidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.shop-products-pg .shop-container .categories-sidebar ul li.sub {
    margin-left: 30px;
}

.shop-products-pg .shop-container .categories-sidebar ul li.sub a {
    font-size: 16px;
    line-height: 24px;
}

.shop-products-pg .shop-container .categories-sidebar ul li a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    width: 100%;
    padding: 10px 5px;
    background: #FD991F;
    text-align: center;
}

.shop-products-pg .shop-container .products-list p.product-category {
    font-size: 16px;
    font-weight: 500;
    color: #FD991F;
    margin: 10px;
}

.shop-products-pg .shop-container .products-list {
    width: calc(75% - 25px);
}

.shop-products-pg .shop-container .products-list form.woocommerce-ordering {
    margin-bottom: 40px;
}

.shop-products-pg .shop-container .products-list form select.orderby{
    border-radius: 100px;
    border: 2px solid #188E94;
    background: #fff;
    padding: 10px 15px !important;
}

.shop-products-pg .shop-container .products-list p {
    margin-top: 15px;
}

.shop-products-pg .shop-container ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.shop-products-pg .shop-container ul.products::before {
    content: none;
}

.shop-products-pg .shop-container ul.products li.product {
    width: calc(33.3% - 20px);
    margin: 0;
    border: 1px solid #188E94;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

.shop-products-pg .shop-container ul.products li.product .sale-badge {
    font-size: 16px;
    line-height: 24px;
    background-color: #00ADB6;
    color: #fff;
    position: absolute;
    padding: 5px 30px;
    left: 0;
    top: 0;
}

.shop-products-pg .shop-container ul.products li.product img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.shop-products-pg .shop-container ul.products li.product h2.woocommerce-loop-product__title {
    padding: 0 10px !important;
    text-align: center;
}

.shop-products-pg .shop-container ul.products li.product h2.woocommerce-loop-product__title a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    height: 47px;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.shop-products-pg .shop-container ul.products li.product p.price {
    margin: 20px 0px;
}

.shop-products-pg .shop-container ul.products li.product p.price span.woocommerce-Price-amount.amount {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.shop-products-pg .shop-container ul.products li.product .price del span.woocommerce-Price-amount.amount {
    font-size: 12px;
    color: #000;
}

.shop-products-pg .shop-container ul.products li.product .price ins span.woocommerce-Price-amount.amount,
.shop-products-pg .shop-container ul.products li.product .price span.woocommerce-Price-amount.amount bdi {
    
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.shop-products-pg .shop-container ul.products li.product .addtocart-btn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.shop-products-pg .shop-container ul.products li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.shop-products-pg .shop-container ul.products li.product a.button.product_type_simple {
    margin-top: 0;
    
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    background: #FD991F;
    color: #fff;
    border-radius: 0;
    padding: 8px 30px;
}

.shop-products-pg .shop-container .pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.shop-products-pg .shop-container .pagination .page-numbers {
    
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: #FD991F;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-products-pg .shop-container .pagination .prev.page-numbers,
.shop-products-pg .shop-container .pagination .next.page-numbers {
    
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    background: #FD991F;
    width: auto;
    height: auto;
    padding: 10px 15px;
}

.shop-products-pg .shop-container .pagination .page-numbers.current {
    background: #000;
}

/**********************************Modal***********************************/

.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-modal-text,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform input,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform p,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form a.ld-forgot-password-link {
    display: none;
}

.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform div#nsl-custom-login-form-2 .nsl-container.nsl-container-block.nsl-container-embedded-login-layout-below{
    padding: 0;
    text-align: center;
}

.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-login-modal-wrapper .ld-login-modal-form #loginform div#nsl-custom-login-form-2 .nsl-button-label-container {
    background: #00B1A6;
    margin: 0;
    padding: 0px 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/********************************************Single Lesson page***************************************************/

.ld-tabs-content .video-container{
    text-align: center;
}

.lesson-btn-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    height: 100%;
    margin: 50px 0px;
}

.lesson-btn-cont p {
    height: 100%;
    padding: 15px 0px;
}

.lesson-btn-cont p a {
    font-size: 24px;
    
    font-weight: 500;
    line-height: 36px;
    padding: 15px 30px;
    border-radius: 10px;
    background: #FDC442;
    color: #000;
}

/********************************Woo Single Product Page*****************************************/

.single-product .site.grid-container{
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.single-product .site-main,
.product .inside-article .entry-content{
	margin: 0;
}

.single-product .site-content{
	flex-direction: column;
}

.product .inside-article {
    padding: 70px 15px;
}

.single-product-details .single-product-cont {
    max-width: 1140px;
    margin: auto;
}

.single-product nav.woocommerce-breadcrumb, 
.single-product nav.woocommerce-breadcrumb a {
    max-width: 1140px;
    margin: 0px auto 70px auto;
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.single-product-details .prod-img-details{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 0px 0px 30px 0px;
  border-bottom: 1px solid #e5e5e5;
}


.single-product-details .prod-img-details .prod-img{
	width: calc(30% - 13.3px);
    position: relative;
}

.single-product-details .prod-img-details .prod-img .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 20px;
}

.prod-img .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.prod-img .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li{
    width: calc(20% - 8px) !important;
}

.single-product-details .prod-img-details .prod-img .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    position: relative;
    width: 100% !important;
}

.single-product-details .prod-img-details .prod-img span.onsale {
    background: #00B1A6;
    width: 60px;
    height: 60px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
}

.single-product-details .prod-img-details .prod-details{
	width: calc(45% - 13.3px);
}

.single-product-details .prod-img-details .prod-details h1.product-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: 500;
}

.single-product-details .prod-img-details .prod-details p.author {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 5px;
}

.single-product-details .prod-img-details .prod-details .average-product-rating .star-numbering {
    display: flex;
    align-items: center;
    gap: 10px;
}

.single-product-details .prod-img-details .prod-details .average-product-rating .star-numbering .stars {
    font-size: 25px;
    line-height: 30px;
}

.single-product-details .prod-img-details .prod-details .average-product-rating .star-numbering .stars span.star.full,
.single-product-details .prod-img-details .prod-details .average-product-rating .star-numbering .stars span.star.half {
    color: #FF9529;
}

.single-product-details .prod-img-details .prod-details .average-product-rating .star-numbering .stars span.star.empty {
    color: #cccccc;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 15px;
    margin-bottom: 15px;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number p span.product-rating-value {
    font-size: 20px;
    line-height: 30px;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number .star-rating {
    float: none;
    display: flex;
    color: #ccc;
    font-size: 40px;
    line-height: 22px;
    gap: 5px;
    height: 30px;
    width: max-content;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number .rating-result {
    width: calc(100% - 170px);
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number .star-rating .star {
    cursor: pointer;
    float: none;
    width: 30px;
    height: 30px;
    position: static;
    display: flex;
    padding: 0;
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number .star-rating::before,
.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number .star-rating span::before{
    content: none;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .stars-number .star-rating .star.active {
    color: #FF9529;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .comment-btn {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .comment-btn textarea#review-comment {
    max-width: 600px;
    border: 2px solid #FD991F;
    background: #Fff;
    border-radius: 10px;
}

.single-product-details .single-product-cont .addtional-info .reviews #review-form .comment-btn button.button {
    width: max-content;
    background-color: #FD991F;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 30px;
}

.single-product-details .prod-img-details .prod-details #short-description p#short-description-text {
    font-size: 14px;
    line-height: 20px;
    margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}

.single-product-details .prod-img-details .prod-details .extra-details {
    display: flex;
    justify-content: space-between;
    text-align: center;
    gap: 30px;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e5e5e5;
}

.single-product-details .prod-img-details .prod-details .extra-details .detail {
    width: 25%;
}

.single-product-details .prod-img-details .prod-details .extra-details .detail p.heading {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #0f1111;
    margin-bottom: 10px;
}

.single-product-details .prod-img-details .prod-details .extra-details .detail p.value {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.single-product-details .prod-img-details .prod-cart {
    width: calc(25% - 13.3px);
    border: 5px solid #e5e5e5;
    padding: 20px;
    border-radius: 5px;
}

.single-product-details .prod-img-details .prod-cart .prices .disc-price {
    display: flex;
    column-gap: 10px;
    margin-bottom: 5px;
    flex-wrap: wrap;
    row-gap: 0;
}

.single-product-details .prod-img-details .prod-cart .prices{
    margin-bottom: -15px;
}

.single-product-details .prod-img-details .prod-cart p{
    margin-bottom: 15px;
}

.single-product-details .prod-img-details .prod-cart .prices .disc-price span.discount-percentage {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    color: #cc0c39;
}

.single-product-details .prod-img-details .prod-cart .prices .disc-price span.sale-price, 
.single-product-details .prod-img-details .prod-cart .prices .original-price .regular-price{
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.single-product-details .prod-img-details .prod-cart .prices .regular-price{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #565959;
    text-decoration: line-through;
}

.single-product-details .prod-img-details .prod-cart p.stock {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    width: max-content;
}

.single-product-details .prod-img-details .prod-cart p.stock.in {
    color: #007600;
}

.single-product-details .prod-img-details .prod-cart p.stock.out {
    color: #cc0c39;
}

.single-product-details .prod-img-details .prod-cart .quantity-addtocart {
    margin-top: 20px;
}

.single-product-details .prod-img-details .prod-cart .quantity-addtocart .quantity {
    
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 15px;
	margin-bottom: 15px;
}

.single-product-details .prod-img-details .prod-cart .quantity-addtocart .quantity .qty {
    width: 100%;
}

.single-product-details .prod-img-details .prod-details .quantity-addtocart .quantity input#quantity::-webkit-inner-spin-button {
    appearance: none;
}

.single-product-details .prod-img-details .prod-cart .quantity-addtocart button.single_add_to_cart_button.button.alt {
	width: 100%;
    
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    background: #fa991c;
    border-radius: 50px;
}

.single-product-details .prod-img-details .prod-cart .buy-now-button button.buy-now-button {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    background: #00B1A6;
    border-radius: 50px;
    margin-top: 15px;
}

.single-product-details .addtional-info {
    padding: 50px 0px 0px 0px;
}

.single-product-details .addtional-info .prod-subheadings {
    font-family: "Hahmlet";
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: start;
}

.single-product-details .addtional-info .reviews-fluid {
    display: flex;
    gap: 100px;
    padding: 100px 0px 50px 0px;
}

.single-product-details .addtional-info .reviews-fluid .reviews{
    width: 50%;
	padding: 0px;
}

.single-product-details .addtional-info .reviews-fluid form .ratings-cont p {
    display: none;
}

.single-product-details .addtional-info  ul.related-products {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

.single-product-details .addtional-info ul.related-products li.product {
    width: calc(25% - 22.5px);
    display: flex;
    flex-direction: column;
    text-align: center;
}

.single-product-details .addtional-info ul.related-products li.product a{
	text-decoration: none;
}

.single-product-details .addtional-info ul.related-products li.product a img.attachment-woocommerce_thumbnail {
    height: 250px;
    object-fit: contain;
    margin-bottom: 20px;
}

.single-product-details .addtional-info .related-products .product span.sale-badge {
    border-radius: 1000px;
    background: #00B1A6;
    width: 60px;
    height: 60px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: absolute;
}

.single-product-details .addtional-info .related-products .product h2.woocommerce-loop-product__title{
    margin-bottom: 0px;
}

.single-product-details .addtional-info .related-products .product h2.woocommerce-loop-product__title a {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
    height: 52px;
}

.single-product-details .addtional-info ul.related-products li.product p.price {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.single-product-details .addtional-info ul.related-products li.product .price bdi {
    color: #000;
}

.single-product-details .addtional-info .reviews, 
.single-product-details .addtional-info .related-products {
	margin-bottom: 0px;
}

.single-product-details .addtional-info .product-details{
    margin-bottom: 70px;
}

.single-product-details .addtional-info .product-details .prod-detail {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.single-product-details .addtional-info .product-details .prod-detail p:first-child {
    width: 100%;
    max-width: 150px;
}

.single-product-details .addtional-info ul.related-products li.product a.button.ajax_add_to_cart, 
.single-product-details .addtional-info ul.related-products li.product a.button.product_type_simple {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background: #fa991c !important;
    margin-top: 20px;
    padding: 10px 30px;
    width: max-content;
}

.single-product-details .addtional-info ul.related-products li.product .addtocart-btn {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews {
    width: 50%;
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews .single-review {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
    border: 1px solid #FD991F;
    border-radius: 10px;
    padding: 10px;
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews .single-review .review-left {
    width: 100%;
    max-width: 40px;
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews .single-review .review-left img {
    width: 40px;
    height: 40px;
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews .single-review .review-right {
    width: calc(100% - 60px);
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews .single-review .review-right p.user-name {
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews .single-review .review-right p.ratings {
    font-size: 30px;
    color: #FF9529;
    line-height: 30px;
}

.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews .single-review .review-right p.user-comment {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
}

/*******************************Bookstore********************************/

.featured-product-categories {
    display: flex;
    gap: 15px;
}

.category-item {
    text-align: center;
    border: 1px solid #000;
    padding: 15px;
    transition: 0.5s ease;
}

.category-item:hover {
    transform: translateY(-20px);
    transition: 0.5s ease;
}

.featured-product-categories .category-item h3 {
    margin: 10px 0px;
}

.featured-product-categories .category-item h3 a {
    font-family: 'Poppins';
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #FD991F;
    text-decoration: underline;
}

.category-item p {
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
}

.category-product ul.products {
    display: flex;
    column-gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.category-product.books ul.products {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.category-product ul.products::before {
    content: none;
}

.category-product ul.products li.product {
    margin: 0;
    background: #fff;
    width: calc(25% - 22.5px);
    text-align: center;
    position: relative;
    border-radius: 10px;
}

.category-product.white ul.products li.product {
    margin: 0;
    background: #fff;
    width: calc(25% - 22.5px);
    text-align: center;
    position: relative;
    border: 1px solid #000;
    border-radius: 10px;
}

.category-product ul.products li.product .sale-badge {
    font-size: 16px;
    line-height: 24px;
    background-color: #00ADB6;
    color: #fff;
    position: absolute;
    padding: 5px 30px;
    left: 0;
    top: 0;
    border-radius: 10px 0px 0px 0px;
}

.category-product ul.products li.product img {
    height: 220px;
    min-height: 220px;
    max-height: 220px;
    object-fit: contain;
    border-radius: 10px 0px 0px 0px;
}

.category-product ul.products li.product h2.woocommerce-loop-product__title {
    padding: 0px 10px;
    margin: 10px 0px 20px 0px;
}

.category-product ul.products li.product h2.woocommerce-loop-product__title a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}

.category-product ul.products li.product .price{
    margin-bottom: 0px;
}

.category-product ul.products li.product p.price bdi {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.category-product ul.products li.product p.price del bdi {
    font-size: 14px;
}

.category-product ul.products li.product .addtocart-btn a.add_to_cart_button {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 0;
    background: #fd991f00;
    border: 1px solid #000;
    color: #000;
    padding: 8px 40px;
    transition: 0.5s ease;
}

.category-product ul.products li.product .addtocart-btn a.add_to_cart_button:hover {
    background: #000;
    color: #fff;
}

.category-product.white ul.products li.product .addtocart-btn a.add_to_cart_button,
.category-product.white ul.products li.product .addtocart-btn a.button.product_type_simple {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 0;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 8px 40px;
    transition: 0.5s ease;
}

.category-product.white ul.products li.product .addtocart-btn a.add_to_cart_button:hover {
    background: #ffffff00;
    color: #000000;
}

.category-product ul.products li.product .addtocart-btn {
    margin: 15px 0px 30px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

a.added_to_cart.wc-forward {
    color: #FD991F;
}

/************************************Cart****************************************/

.cart-pg .cart-hero-sec {
    position: relative;
    background: url(../2149074076.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cart-pg .cart-hero-sec p.single-course-breadcrumb {
    width: 100%;
    max-width: 1170px;
    position: absolute;
    top: 20px;
    margin-bottom: 0;
    color: #000;
    padding: 0px 15px;
}

.cart-pg .cart-hero-sec p.single-course-breadcrumb a {
    color: #000;
}

.cart-pg .cart-hero-sec h1 {
    font-family: 'Hahmlet';
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #000;
    width: 100%;
    max-width: 1170px;
    margin-bottom: 0;
    padding: 0px 15px;
}

.cart-pg .cart-content{
    padding: 50px 15px;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}

.cart-pg .cart-content .wc-block-cart__payment-options {
    z-index: 0;
    position: relative;
}

.cart-pg .cart-content .cart-checkout-btn a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    font-family: "Poppins";
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    background: #FD991F;
    border-radius: 1000px;
    margin-top: 0px;
    text-decoration: none;
    font-weight: 600;
}

.cart-pg .cart-content table tbody td .wc-block-cart-item__wrap a.wc-block-components-product-name {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
}

.cart-pg .cart-content table tbody td.wc-block-cart-item__total span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value,
.cart-pg .cart-content table tbody td .wc-block-cart-item__prices ins.wc-block-components-product-price__value.is-discounted,
.cart-pg .cart-content table tbody td .wc-block-cart-item__prices span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    font-weight: 600;
}

.cart-pg .cart-content table tbody td .wc-block-cart-item__wrap .wc-block-cart-item__quantity button.wc-block-cart-item__remove-link {
    font-size: 16px;
}

/************************************Checkout Page****************************************/

.checkout-pg .checkout-hero-sec {
    background-color: rgba(0, 0, 0, 0.5) !important;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background: url(../1148.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
}

.checkout-pg .checkout-hero-sec p.single-course-breadcrumb {
    position: absolute;
    width: 100%;
    max-width: 1170px;
    padding: 0px 15px;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.checkout-pg .checkout-hero-sec h1 {
    margin: 0;
    font-family: 'Hahmlet';
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    padding: 0px 15px;
}

.checkout-pg .checkout-form-content {
    max-width: 1170px;
    padding: 50px 15px;
    margin: auto;
}

.checkout-pg .checkout-form-content .woocommerce-checkout div#customer_details {
    margin-bottom: 50px;
}

.checkout-pg .checkout-form-content .woocommerce-form-coupon-toggle .woocommerce-info {
    border-top-color: #188E94;
}

.checkout-pg .checkout-form-content .woocommerce-form-coupon-toggle .woocommerce-info::before,
.checkout-pg .checkout-form-content .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    color: #188E94;
}

.checkout-pg .checkout-form-content .woocommerce-billing-fields input, 
.checkout-pg .checkout-form-content .woocommerce-billing-fields .select2-container--default .select2-selection--single, 
.checkout-pg .checkout-form-content .woocommerce-shipping-fields input,
.checkout-pg .checkout-form-content .woocommerce-shipping-fields .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #188E94;
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.checkout-pg .checkout-form-content .woocommerce-billing-fields .selection span.select2-selection__arrow {
    margin: auto;
    top: 0;
    bottom: 0;
}

.checkout-pg .checkout-form-content .woocommerce-additional-fields textarea#order_comments {
    background-color: #fff;
    border: 1px solid #188E94;
    border-radius: 5px;
    height: 100px;
}

.checkout-form-content h3 {
    font-family: 'Hahmlet';
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    text-transform: capitalize;
}

.checkout-pg .checkout-form-content #order_review table.shop_table.woocommerce-checkout-review-order-table {
    border: 1px solid #00585E;
}

.checkout-pg .checkout-form-content #order_review table th, 
.checkout-pg .checkout-form-content #order_review table tbody td, 
.checkout-pg .checkout-form-content #order_review table tfoot td {
    border-color: #00585E;
    border-width: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
}

.checkout-pg .checkout-form-content #order_review table thead tr th:last-child, 
.checkout-pg .checkout-form-content #order_review table tbody tr td:last-child, 
.checkout-pg .checkout-form-content #order_review table tfoot tr td:last-child {
    border-left: 1px solid #00585E;
}

.checkout-pg .checkout-form-content #order_review table tfoot tr.order-total td,
.checkout-pg .checkout-form-content #order_review table tfoot tr.order-total th {
    border-bottom-width: 0px;
}

.checkout-pg .checkout-form-content #order_review div#payment {
    background: #00585E;
    color: #fff;
    border-radius: 5px;
}

.checkout-pg .checkout-form-content #order_review #payment ul.payment_methods li img {
    background: #fff;
    padding: 0px 15px 10px 5px;
}

.checkout-pg .checkout-form-content #order_review #payment div.payment_box{
    background-color: #00919b;
    color: #fff;
}

.checkout-pg .checkout-form-content #order_review #payment div.payment_box::before {
    border: 1em solid #00919b;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.checkout-pg .checkout-form-content #order_review #payment .place-order button {
    padding: 12px 40px 12px 40px;
    color: #000;
    background-color: #fff;
    border-radius: 100px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.checkout-pg .checkout-form-content #order_review #payment .place-order .woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link {
    color: #FD991F;
}

.checkout-pg .checkout-form-content .woocommerce-checkout .ppc-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    position: relative;
    z-index: 0;
}

.checkout-pg .checkout-form-content .woocommerce-checkout .ppc-button-wrapper div#zoid-paypal-buttons-uid_2772c1540b_mdc6mzk6mzi {
    width: 100%;
    max-width: 500px;
    min-width: 500px;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon {
    background: #00585E;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 15px;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon p {
    width: 100%;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
    width: 50%;
    padding: 0;
    margin: 0;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
    width: 50%;
    padding: 0;
    margin: 0;
    padding-left: 50px;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon .form-row input#coupon_code {
    background: #fff;
    border-radius: 5px;
    height: 50px;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last button.button {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding: 12px 40px;
    display: block;
    width: max-content;
    background: #FD991F;
    border-radius: 100px;
    color: #fff !important;
}

.my-order-receipt {
    display: flex;
    flex-direction: column;
    padding: 100px 15px;
    align-items: center;
    background: url(../2149167248.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 65%;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
}

.my-order-receipt ul.order_details {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px;
}

.my-order-receipt p {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
    gap: 20px;
    text-align: center;
}

.my-order-receipt ul.order_details li {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.my-order-receipt p button {
    font-size: 16px;
    line-height: 26px;
    width: 100%;
    max-width: 150px;
    background-color: #FD991F;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 1000px;
}

.my-order-receipt p button#btn-razorpay-cancel {
    background-color: #ff0000;
}

.my-order-receipt p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 40px;
    font-weight: 600;
}

.my-order-receipt h2.woocommerce-order-details__title, 
.my-order-receipt .woocommerce-customer-details h2 {
    font-family: "Hahmlet";
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
}

.my-order-receipt table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 1px solid #fff;
}

.my-order-receipt table thead tr th:first-child, 
.my-order-receipt table tbody tr td:first-child, 
.my-order-receipt table tfoot tr th:first-child {
    border-right: 1px solid #fff;
}

.my-order-receipt table thead tr th, 
.my-order-receipt table tbody tr td, 
.my-order-receipt table tfoot tr td, 
.my-order-receipt table tfoot tr th {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.my-order-receipt table tbody tr td a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}

.my-order-receipt table tbody tr td a:hover {
    color: #FD991F;
}

.my-order-receipt table tfoot tr:last-child td, 
.my-order-receipt table tfoot tr:last-child th {
    border-bottom: none;
}

.my-order-receipt p.order-again a.button {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 12px 40px;
    border-radius: 10000px;
    background: #FD991F;
    color: #fff;
    margin: 30px 0px 30px 0px;
}

.my-order-receipt .woocommerce-customer-details address {
    padding: 20px;
    border: 1px solid #fff;
    color: #fff;
}

.my-order-receipt .woocommerce-customer-details p.woocommerce-customer-details--phone, 
.my-order-receipt .woocommerce-customer-details p.woocommerce-customer-details--email {
    justify-content: flex-start;
    margin-bottom: 0;
}

/*************************************************My-Account-Page*****************************************************/

.myaccount-hero-sec {
    background: url(../101281.html);
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 35%;
}

.myaccount-hero-sec .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    text-align: center;
    min-height: 500px;
    max-width: 1170px;
    padding: 0px 15px;
    margin: auto;
}

.myaccount-hero-sec p.single-pages-breadcrumb{
    top: 20px;
}

.myaccount-hero-sec .container h1 {
    font-family: 'Hahmlet';
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
}

.account-pg-cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 50px 15px;
    max-width: 1170px;
    justify-content: center;
    row-gap: 50px;
    margin: auto;
}

.account-login-cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 50px 15px;
    max-width: 1170px;
    justify-content: center;
    margin: auto;
}

.account-pg-cont nav.woocommerce-MyAccount-navigation,
.account-pg-cont .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

.account-pg-cont nav.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
    row-gap: 30px;
}

.account-pg-cont nav ul li.is-active a,
.account-pg-cont nav ul li a:hover {
    background: #00585E;
}

.account-pg-cont nav ul li a {
    font-size: 16px;
    line-height: 26px;
    background: #FD991F;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 1000px;
    transition: 0.3s ease;
}

.account-pg-cont .woocommerce-MyAccount-content p {
    font-size: 16px;
    line-height: 26px;
}

.account-pg-cont .woocommerce-MyAccount-content p a,
.account-pg-cont .woocommerce-MyAccount-content table tbody th a,
.account-pg-cont .woocommerce-MyAccount-content table tbody td a {
    color: #FD991F;
}

.account-pg-cont .woocommerce-MyAccount-content table thead th, 
.account-pg-cont .woocommerce-MyAccount-content table tbody td, 
.account-pg-cont .woocommerce-MyAccount-content table tbody th {
    border: 1px solid #00585E;
}

.account-pg-cont .woocommerce-MyAccount-content table tbody td a.woocommerce-button {
    color: #fff;
    background: #FD991F;
    border-radius: 10000px;
    padding: 5px 25px;
}

.account-pg-cont .woocommerce-MyAccount-content .woocommerce-pagination a.woocommerce-button{
    background-color: #FD991F;
    padding: 5px 30px;
    border-radius: 1000px;
}

.account-pg-cont .woocommerce-MyAccount-content .woocommerce-info {
    border-top-color: #00585E;
}

.account-pg-cont .woocommerce-MyAccount-content .woocommerce-info::before {
    color: #00585E;
}

.account-pg-cont .woocommerce-MyAccount-content .woocommerce-info a.button.wc-forward,
.account-pg-cont .woocommerce-MyAccount-content a.button {
    font-size: 14px;
    line-height: 24px;
    background: #FD991F;
    padding: 10px 30px;
}

.account-pg-cont .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses {
    margin-top: 30px;
}

.account-pg-cont .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address {
    padding: 15px;
    border: 1px solid #00585E;
    border-radius: 10px;
}

.account-pg-cont .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses h2,
.account-pg-cont .woocommerce-MyAccount-content form h3,
.account-login-cont div#customer_login h2 {
    font-family: 'Hahmlet';
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

.account-pg-cont .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses a.edit {
    padding: 6px 20px;
    background: #00585E;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.account-pg-cont .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses address {
    margin-bottom: 0;
}

.account-pg-cont .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input,
.account-login-cont #customer_login input#username, 
.account-login-cont #customer_login input#password, 
.account-login-cont #customer_login input#reg_email {
    background-color: #fff;
    border: 1px solid #188E94;
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.account-pg-cont .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account fieldset {
    margin: 30px 0px 20px 0px;
}

.account-pg-cont .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account fieldset legend {
    margin-bottom: 5px;
}

.account-pg-cont .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p button.woocommerce-Button.button {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: #FD991F;
    padding: 10px 40px;
    border-radius: 1000px;
    color: #fff;
}

.account-login-cont #customer_login .u-column1 form.woocommerce-form-login p.form-row button.woocommerce-form-login__submit, 
.account-login-cont #customer_login form.woocommerce-form-register p.woocommerce-form-row button.button.woocommerce-form-register__submit {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background: #188E94;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
}

.account-login-cont #customer_login .u-column1 form.woocommerce-form-login p.form-row label {
    margin-top: 8px;
}

.account-login-cont #customer_login .u-column1 form.woocommerce-form-login p.woocommerce-LostPassword.lost_password a, 
.account-login-cont #customer_login form.woocommerce-form-register p a {
    color: #FD991F;
    font-weight: 500;
}

.account-login-cont #customer_login form.woocommerce-form-register p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    margin-bottom: 15px;
}

.account-login-cont #customer_login form.woocommerce-form-register p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.account-login-cont #customer_login form.woocommerce-form-register div:last-child {
    display: none;
}

.account-login-cont #customer_login .u-column1 form.woocommerce-form-login p.form-row:nth-child(3),
.account-login-cont #customer_login form.woocommerce-form-register p.woocommerce-form-row button.button.woocommerce-form-register__submit {
    margin-top: 20px;
}

.reset-pass-cont,
.lost-confirm-msg {
    padding: 50px 15px;
    max-width: 1170px;
    margin: auto;
}

.reset-pass-cont form>p:first-child {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 28px;
    max-width: 800px;
}

.reset-pass-cont .reset-pass-box {
    width: 100%;
    max-width: 550px;
    padding: 20px;
    border: 1px solid #cfc8d8;
    border-radius: 5px;
}

.reset-pass-cont .reset-pass-box p.woocommerce-form-row:first-child {
    margin-bottom: 30px;
}

.reset-pass-cont .reset-pass-box p.woocommerce-form-row {
    width: 100%;
    padding: 0;
    margin: 0;
}

.reset-pass-cont .reset-pass-box label {
    font-size: 16px;
    margin-bottom: 5px;
}

.reset-pass-cont .reset-pass-box input#user_login {
    background-color: #fff;
    border: 1px solid #188E94;
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.reset-pass-cont .reset-pass-box button.woocommerce-Button.button {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background: #188E94;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
}

.lost-confirm-msg .woocommerce-message {
    border-top: 3px solid #00585E;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.lost-confirm-msg .woocommerce-message::before {
    color: #00585E;
}

/*********************************************Promotion-Classes*********************************************/

.promotion-container.hm-live-classes-container .live-class-item {
    width: 100%;
    max-width: 500px;
}

@media(max-width:1600px){

.single-live-class .live-class-rating .all-ratings-wrap {
    justify-content: space-between;
    gap: 20px;
}
}

@media(max-width:1366px){

.single-live-class .live-class-rating .all-ratings-wrap .rating-item {
    padding: 30px 20px;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li {
    width: calc(50% - 25px);
}

.all-blogs-pg .blog-post-container{
    padding: 60px 15px;
}

.single-blog-pg .single-blog-container{
    padding: 50px 15px;
}

.all-blogs-pg .hero-blogs-pg,
.all-blogs-pg .hero-cat-pg{
    padding: 200px 15px;
}

.live-classes-container {
    max-width: 930px;
    flex-wrap: wrap;
    justify-content: center;
}

.single-live-class .live-class-content-cont .live-class-content .left-cont {
    width: 45%;
}

.single-live-class .live-class-content-cont .live-class-content .right-cont {
    width: 55%;
}

.single-live-class .live-class-content-cont .live-class-content .lower-content .overlay .overlay-content{
    padding: 25px 50px;
}

.single-live-class .live-class-content-cont .live-class-content .lower-content .overlay .overlay-content p{
    margin-bottom: 10px;
}

.single-live-class .live-class-content-cont .live-class-content .lower-content .overlay .overlay-content p.strt-date{
    font-size: 30px;
    line-height: 40px;
}

.single-live-class .hero-live-class .hero-live-class-cont,
.single-live-class .live-class-content-cont{
    padding: 70px 15px;
}

.hm-live-classes-container {
    flex-wrap: wrap;
    justify-content: center;
}

.hm-live-classes-container .live-class-item,
.hm-live-classes-container.single-all-live-classes-container .live-class-item {
    width: calc(50% - 15px)
}
}

@media(max-width:1240px){

.course-category-tabs{
    margin: 0px 45px 70px 45px;
    align-items: center;
}

.course-category-tabs::before,
.course-category-tabs::after{
    top: 3px;
}
}

@media(max-width:1200px){

.single-course-pg .course-body-content .right-content .fixed-box.fixed img,
.single-course-pg .course-body-content .right-content .fixed-box img{
    max-height: 250px;
}

.single-course-pg .course-body-content .right-content .fixed-box.fixed,
.single-course-pg .course-body-content .right-content .fixed-box {
    max-width: 275px !important;
    min-width: 275px !important;
}

a.hfe-sub-menu-item{
	padding: 15px !important;
}

.all-courses-pg .hero-courses-pg::after{
    width: 300px;
    height: 300px;
}
        
.single-course-pg .course-body-content .right-content .fixed-box.fixed{
    max-width: 340px;
    min-width: 340px;
}

.tabs-menu ul.hfe-nav-menu {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 0 25px;
    justify-content: flex-start;
}
	
.tabs-menu ul.hfe-nav-menu li.menu-item{
	flex: 0 0 auto;
}

.all-blogs-pg .all-posts-container article.post{
    width: calc(50% - 15px) !important;
}

.single-blog-pg .single-blog-container .two-section-container .content-section {
    width: 75%;
    padding-right: 25px;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts {
    padding-left: 25px;
    width: 25%;
}
}

@media(max-width:1140px){

.single-live-class .live-class-content-cont .live-class-content{
    flex-direction: column;
}

.single-live-class .live-class-content-cont .live-class-content .left-cont,
.single-live-class .live-class-content-cont .live-class-content .right-cont{
    width: 100%;
}

.single-live-class .live-class-content-cont .live-class-content .lower-content{
    max-width: 700px;
    margin: auto;
}

.single-live-class .live-class-content-cont .live-class-content .lower-content img{
    max-width: 700px;
}
}

@media(max-width:1024px){
	
.madrasah_table_cont {
    overflow-x: auto;
}

.madrasah_table_cont .online_madrasah_table {
    width: 100%;
    min-width: 1100px;
}

.myaccount-hero-sec .container,
.cart-pg .cart-hero-sec{
    min-height: 300px;
}

.st-free-trial .exad-modal {
    height: 65px;
    width: 65px;
    margin: -11px auto 11px auto;
}

.single-product-details .addtional-info .reviews-fluid{
    gap: 50px;
}

.single-live-class .live-class-rating .all-ratings-wrap{
    flex-wrap: wrap;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item {
    padding: 30px 50px;
    width: calc(50% - 15px);
}

.single-live-class .live-class-rating .all-ratings-wrap {
    gap: 30px;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item .star-numbering{
    justify-content: center;
}

.all-blogs-pg .blog-post-container .all-blogs h2{
    font-size: 45px;
    line-height: 55px;
}

.verse-trans p{
	max-width: 225px !important;
}

.all-blogs-pg .hero-blogs-pg .container h1{
    font-size: 60px;
    line-height: 80px;
}

.my-courses-grid .my-courses-cont .course-item {
    width: calc(50% - 15px);
}

.course-img-cont img{
    height: 250px;
}

.single-blog-pg .single-blog-container a.blog-category {
    font-size: 12px;
    line-height: 22px;
    padding: 12px 20px;
}

.single-blog-pg .single-blog-container .two-section-container{
    gap: 50px;
    flex-direction: column;
}

.single-blog-pg .single-blog-container .two-section-container .content-section {
    width: 100%;
    padding-right: 0;
    border-right: none;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts {
    padding-left: 0;
    border-left: none;
    width: 100%;
    text-align: center;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 30px;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts ul li {
    width: calc(33.3% - 13.3px);
    margin: 0px 0px 0px 0px;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts ul li .related-post-cont {
    flex-direction: column;
    text-align: center;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts ul li .related-post-cont .related-blg-img-cont{
    max-width: 100%;
    min-width: 100%;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts ul li .related-post-cont a img {
    max-width: 100%;
    max-height: 260px;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts h3 {
    text-align: center;
}

.single-product-details .prod-img-details{
    flex-wrap: wrap;
}

.single-product-details .prod-img-details .prod-cart{
    width: 100%;
    max-width: 500px;
}

.single-product-details .prod-img-details .prod-img{
    width: calc(40% - 10px);
}

.single-product-details .prod-img-details .prod-details{
    width: calc(60% - 10px);
}

.pg-featured-course .featured-courses{
    justify-content: center;
}

.pg-featured-course .featured-courses li.featured-course-item {
    width: calc(50% - 15px);
    max-width: 350px;
}

.all-blogs-pg .hero-cat-pg{
    padding: 150px 15px;
}

.all-blogs-pg .hero-cat-pg .container h1{
    font-size: 50px;
    line-height: 70px;
}

.single-live-class .hero-live-class .hero-live-class-cont h4{
    font-size: 24px;
    line-height: 36px;
}

.single-live-class .hero-live-class .hero-live-class-cont h1{
    font-size: 70px;
    line-height: 90px;
    margin-bottom: 0;
}

.single-live-class .live-class-content-cont .course-highlights .img-content{
    flex-direction: column;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .class-content,
.single-live-class .live-class-content-cont .course-highlights .img-content .featured-image {
    width: 100%;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .featured-image img{
    max-width: 500px;
}

.single-live-class .sticky-registration {
    max-width: 120px;
    margin: 0;
    bottom: 15%;
    top: auto;
}

.single-live-class .sticky-registration img{
    max-width: 60px;
}

.single-live-class .sticky-registration a{
    padding: 4px 0px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}

.hm-live-classes-container,
.hm-live-classes-container.single-all-live-classes-container {
    flex-direction: column;
    align-items: center;
}

.hm-live-classes-container .live-class-item,
.hm-live-classes-container.single-all-live-classes-container .live-class-item {
    width: 100%;
    max-width: 500px;
}

.shop-products-pg .hero-shop{
    padding: 100px 15px;
}

.shop-products-pg .shop-container .categories-sidebar ul li a{
    font-size: 14px;
    line-height: 20px;
}

.shop-products-pg .shop-container ul.products li.product{
    width: calc(50% - 15px) ;
}

.shop-products-pg .shop-container .categories-sidebar ul li.sub a {
    font-size: 12px;
    line-height: 18px;
}

.featured-product-categories {
    flex-wrap: wrap;
    justify-content: center;
}

.featured-product-categories .category-item {
    width: calc(33.3% - 10px);
}

.category-product ul.products {
    row-gap: 30px;
    justify-content: center;
}

.category-product ul.products li.product {
    width: calc(50% - 15px) !important;
}

.shop-products-pg .hero-shop,
.all-blogs-pg .hero-cat-pg,
.all-blogs-pg .hero-blogs-pg,
.all-courses-pg .hero-courses-pg {
    min-height: 300px;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .class-content {
    padding-left: 25px;
}

.all-courses-pg .hero-courses-pg .container h1{
    font-size: 60px;
    line-height: 80px;
}
    
.my-courses-grid .my-courses-cont .course-item {
    width: calc(50% - 15px);
}
    
.course-img-cont img{
    height: 250px;
}
    
.single-course-pg .mob-course-img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}
    
.single-course-pg .course-body-content{
    flex-direction: column-reverse;
}
    
.single-course-pg .course-body-content .right-content{
    width: 100%;
    position: static;
}
    
.single-course-pg .course-body-content .right-content .fixed-box{
    position: static;
    padding: 20px;
    width: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
}
    
.single-course-pg .course-body-content .right-content .fixed-box img{
    display: none;
}
    
.single-course-pg .course-body-content .left-content{
    width: 100%;
}
    
.single-course-pg .single-course-hero-sec .single-hero-sec-content{
    padding-right: 0;
}
    
.single-course-pg .course-body-content .left-content .nav-controls.nav-fixed{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    z-index: 10;
}

.single-course-pg .course-body-content .right-content .mob-fixed .learndash_post_sfwd-courses.user_has_access {
    position: fixed;
    top: 69px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px 0px 15px 0px #00000050;
    padding: 15px;
    margin: 0;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress .ld-progress-percentage{
    font-size: 14px;
}

.single-course-pg .course-body-content .right-content .fixed-box .ld-progress .ld-progress-bar {
    margin: 10px 0px 0px 0px !important;
    height: 5px !important;
}
    
.single-course-pg .course-body-content .right-content .mob-fixed h6.progress-title {
    display: none;
}  
    
.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item{
    width: calc(50% - 15px);
}
    
.all-courses-pg .hero-courses-pg{
    padding: 150px 15px;
}

ul.uq-subscription.products{
    flex-wrap: wrap;
    row-gap: 100px;
    justify-content: center;
}

ul.uq-subscription.products li.subscription-item {
    width: calc(50% - 10px);
    max-width: 330px;
}
}

@media(max-width:992px){

.course-carousel-container{
    padding: 0;
}

.req-popup div#exad-modal-e86ed65 {
    height: auto;
}
}


@media(max-width:850px){

.all-blogs-pg .blog-post-container{
    flex-direction: column;
    gap: 50px;
}

.all-blogs-pg .blog-post-container .sidebar,
.all-blogs-pg .blog-post-container .all-blogs{
    width: 100%;
}
}

@media(max-width:767px){

.learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .ld-content-action form.sfwd-mark-complete{
    width: 100%;
    max-width: 250px;
}

.st-free-trial .exad-modal {
    height: 55px;
    width: 55px;
    margin: -19px auto 19px auto;
}

.learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .ld-content-action form.sfwd-mark-complete input.learndash_mark_complete_button{
    text-align: center;
}

.learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .ld-content-action a.ld-primary-color.ld-course-step-back {
    width: 100%;
    max-width: 250px;
}

.learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .ld-content-action a.ld-button {
    max-width: 250px;
}

.my-order-receipt {
    padding: 50px 15px;
}

.my-order-receipt ul.order_details {
    margin-bottom: 50px;
    column-gap: 40px;
}

.my-order-receipt ul.order_details:after,
.my-order-receipt ul.order_details:before{
    content: none;
}

.my-order-receipt p button{
    line-height: 20px;
    max-width: 140px;
}

.my-order-receipt ul.order_details li{
    font-size: 12px;
    line-height: 22px;
    border-right: none;
    padding: 0;
    margin: 0;
}

.my-order-receipt p{
    font-size: 14px;
    line-height: 24px;
    gap: 10px;
}

.myaccount-hero-sec .container{
    min-height: 250px;
}

.account-pg-cont nav ul li a {
    font-size: 12px;
    line-height: 22px;
    padding: 8px 20px;
}

.account-pg-cont nav.woocommerce-MyAccount-navigation ul {
    column-gap: 15px;
    row-gap: 25px;
}

.single-live-class .live-class-gallery{
    padding: 40px 15px 50px 15px;
}

.single-live-class .live-class-gallery .gallery-cont h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
}

.single-live-class .live-class-gallery .gallery-cont .row .column {
    width: calc(50% - 5px);
}

.checkout-pg .checkout-hero-sec,
.cart-pg .cart-hero-sec{
    min-height: 250px;
}

.checkout-pg .checkout-hero-sec h1,
.myaccount-hero-sec .container h1,
.single-live-class .live-class-rating h2{
    font-size: 30px;
    line-height: 40px;
}

.checkout-pg .checkout-form-content #order_review #payment .place-order button{
    width: max-content;
    float: right;
}

.checkout-pg .checkout-form-content .woocommerce-checkout div#customer_details,
.checkout-pg .checkout-form-content .woocommerce-checkout div#customer_details .col-1 {
    margin-bottom: 30px;
}

.checkout-form-content h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
}

.checkout-pg .checkout-form-content .woocommerce-form-coupon-toggle .woocommerce-info,
.checkout-pg .checkout-form-content #order_review table th, 
.checkout-pg .checkout-form-content #order_review table tbody td, 
.checkout-pg .checkout-form-content #order_review table tfoot td, 
.checkout-pg .checkout-form-content #order_review #payment .place-order .woocommerce-privacy-policy-text p,
.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon {
    font-size: 14px;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
    float: none;
    margin-bottom: 10px;
    width: 100%;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last button.button {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 30px;
}

.checkout-pg .checkout-form-content form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
    float: none;
    padding: 0;
    width: 100%;
}

.checkout-pg .checkout-form-content #order_review #payment div.payment_box {
    padding: 15px;
    font-size: 14px;
}

#zoid-paypal-buttons-uid_445c0b0a54_mdk6ndi6mdg{
    min-width: 300px;
}

.checkout-pg .checkout-form-content #order_review #payment ul.payment_methods li img {
    padding: 0px 15px 5px 5px;
    max-width: 150px;
}

.single-product-details .addtional-info .reviews-fluid {
    flex-direction: column-reverse;
    padding: 50px 0px 0px 0px;
    gap: 30px;
}

.single-product-details .addtional-info .reviews-fluid .reviews,
.single-product-details .single-product-cont .addtional-info .reviews-fluid .approved-reviews{
    width: 100%;
}

.single-product-details .addtional-info .prod-subheadings {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

.single-live-class .live-class-rating h2{
    font-size: 40px;
    line-height: 50px;
}

.single-live-class .live-class-rating{
    padding: 50px 15px;
}

.single-live-class .live-class-rating .all-ratings-wrap {
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.single-live-class .live-class-rating .all-ratings-wrap .rating-item {
    padding: 20px 0px;
    width: 100%;
    max-width: 320px;
}

.share-popup.single-live-class a.btn-cancel{
    left: 315px !important;
    bottom: 210px !important;
}

.share-popup a.btn-cancel{
    left: 310px !important;
    bottom: 200px !important;
}

.share-popup ul{
    width: 300px !important;
}

.share-popup ul p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}

.share-popup.single-live-class p{
    margin-bottom: 5px;
}

.learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open .ld-modal.ld-login-modal.ld-can-register span.ld-modal-closer.ld-icon.ld-icon-delete{
    padding: 0;
}

.single-sfwd-courses .learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open .ld-modal.ld-login-modal.ld-can-register{
    width: 300px;
    height: 200px;
    min-height: 270px;
}

.single-sfwd-courses .learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open .ld-modal.ld-login-modal.ld-can-register .ld-login-modal-form {
    margin-top: 15px !important;
}

.single-blog-pg .single-blog-container hr {
    margin: 20px 0px;
}

.testimonial-carousel.owl-carousel.owl-loaded.owl-drag {
    margin-top: 30px;
}

.hero-shop p.single-pages-breadcrumb {
    top: 20px;
}
    
.shop-products-pg .hero-shop .hero-shop-container p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li{
    width: 100%;
}

.single-blog-pg .single-blog-container .two-section-container .content-section .related-blog-container ul li .related-post-cont .related-blg-img-cont img{
    height: 250px;
    object-position: top;
}

.shop-products-pg .hero-shop{
    background-position: right;
}

.all-courses-pg .hero-courses-pg::after{
    width: 200px;
    height: 200px;
}
    
.all-courses-pg .hero-courses-pg .container h1{
    font-size: 40px;
    line-height: 60px;
    color: #fff;
}
    
.all-courses-pg .hero-courses-pg{
    padding: 100px 15px;
}
    
.all-courses-pg .hero-courses-pg .container{
    justify-content: center;
}
    
.my-courses-grid .my-courses-cont .course-item {
    width: 100%;
    max-width: 450px;
}
    
.my-courses-grid .my-courses-cont{
    justify-content: center;
}
    
.all-courses-pg .hero-courses-pg {
    background-size: cover;
    background-position: right;
    background-color: #00000099;
    background-blend-mode: multiply;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item .course-img-cont img {
    height: 300px;
}
    
.single-course-pg .mob-course-img{
    height: 350px;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item h2 a{
    font-size: 16px;
    line-height: 26px;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item p{
    font-size: 12px;
    line-height: 20px;
}
    
.single-course-pg .course-body-content .left-content .what-you-learn .points-cont,
.single-course-pg .course-body-content .left-content .this-course-includes .points-cont,
.single-course-pg .course-body-content .left-content .requirements .points-cont{
    flex-direction: column;
    gap: 0;
}
    
.single-course-pg .course-body-content .right-content .fixed-box .ld-course-status{
    margin: 0;
}
    
.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language{
    flex-direction: column;
    justify-content: start;
}
    
.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .date,
.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language .language{
    width: 100%;
}
    
.single-course-pg .course-body-content .left-content ul {
    width: 100% !important;
}
    
.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses{
    justify-content: center;
}
    
.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item{
    width: 100%;
    max-width: 350px;
    padding: 15px;
}
    
.all-courses-pg .my-courses-grid{
    padding: 50px 15px;
}

.all-courses-pg .my-courses-grid .my-courses-cont ul.learndash-courses .course-item a.courses-cta {
    font-size: 14px;
    line-height: 24px;
    padding: 6px 24px;
}
    
p.single-pages-breadcrumb{
    font-size: 12px;
    line-height: 20px;
}

.all-courses-pg .hero-courses-pg{
    min-height: 250px;
}
    
.mob-max {
    max-width: 400px;
}
    
.play-store span.elementor-button-content-wrapper, .apple-icon span.elementor-button-content-wrapper{
    gap: 5px !important;
    align-items: center;
}
    
a.qlwapp-toggle {
    margin-bottom: 70px !important;
    padding: 10px !important;
}
    
a.qlwapp-toggle span.qlwapp-text {
    font-size: 14px;
}
    
.req-popup.sc-prg .exad-modal-item {
    height: 500px !important;
    overflow-y: scroll;
}

.page-id-2191 header#masthead {
    display: none;
}

.shop-products-pg .hero-shop,
.all-blogs-pg .hero-cat-pg,
.all-blogs-pg .hero-blogs-pg,
.all-courses-pg .hero-courses-pg {
    min-height: 250px;
}

.shop-products-pg .shop-container .categories-sidebar h2{
    font-size: 24px;
    line-height: 38px;
}

.shop-products-pg .shop-container .categories-sidebar{
    width: calc(30% - 25px);
}

.shop-products-pg .shop-container .products-list {
    width: calc(70% - 25px);
}

.shop-products-pg .shop-container .products-list form.woocommerce-ordering {
    margin-bottom: 10px;
    text-align: end;
}

.shop-products-pg .shop-container .products-list p {
    margin-bottom: 20px;
    margin-top: 0;
}

.tabs-menu-cont{
	background: #fff;
}

.testimonial-carousel .testimonial-item p.quote {
    font-size: 50px;
    line-height: 70px;
}

.testimonial-carousel .testimonial-item .content {
    font-size: 14px;
    line-height: 24px;
}

.testimonial-carousel .testimonial-item .teacher-img{
    width: 60px;
}

.testimonial-carousel .testimonial-item .teacher-name-role h5.teacher-name{
    font-size: 16px;
    margin-bottom: 0;
}

.testimonial-carousel .testimonial-item .teacher-name-role h6.teacher-role{
    font-size: 12px;
    line-height: 20px;
}

.testimonial-carousel .testimonial-item .teacher-img img.main-img{
    height: 60px;
    width: 60px !important;
}

.testimonial-carousel .item.testimonial-item{
    padding: 25px 20px 20px 20px;
}

.maktab-payment ul.woo-products-products-list.products-layout-left {
    flex-direction: column;
	gap: 30px;
}

.maktab-payment ul.woo-products-products-list.products-layout-left li.woo-products-products-list__item {
    width: 100%;
}

.teacher-name-role {
    margin-bottom: 0;
}

.testimonial-carousel .item.testimonial-item::after{
	width: 110px;
}

.site-contact-form .half-input-cont span.wpcf7-form-control-wrap{
	width: 100%;
}

.site-contact-form .submit-cont input.sub-btn{
	padding: 20px 75px;
}

.all-blogs-pg .hero-blogs-pg .container h1{
    font-size: 40px;
    line-height: 60px;
}

.all-blogs-pg .hero-blogs-pg .container h3{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.all-blogs-pg .cat-posts{
    align-items: center;
}

.all-blogs-pg .cat-posts .category-post {
    width: calc(50% - 15px);
}

.all-blogs-pg .hero-cat-pg{
    padding: 100px 15px;
}

.all-blogs-pg .hero-blogs-pg {
    padding: 100px 15px;
    background-color: #00000099;
    background-blend-mode: multiply;
}

.all-blogs-pg .hero-blogs-pg .container{
    align-items: center;
}

.all-blogs-pg .hero-blogs-pg h3,
.all-blogs-pg .hero-blogs-pg h1 {
    color: #fff !important;
}

.course-materials-table {
    overflow: auto;
}

.course-materials-table>.elementor-element {
    width: 700px;
}

.my-courses-grid .my-courses-cont .course-item {
    width: 100%;
    max-width: 450px;
}

.my-courses-grid .my-courses-cont{
    justify-content: center;
}

.course-category-tabs{
    flex-wrap: wrap;
}

.course-category-tabs a.category-tab, .course-category-tabs a {
    width: calc(50% - 15px);
}

.course-category-tabs::before, .course-category-tabs::after {
    top: 0;
    bottom: 0;
    margin: auto;
}

.all-blogs-pg .blog-post-container .all-blogs h2{
    font-size: 30px;
    line-height: 40px;
}

.single-blog-pg .single-blog-container h1.blog-title {
    font-size: 30px;
    line-height: 45px;
    margin: 20px 0px 0px 0px;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts ul li {
    width: calc(50% - 10px);
}

.course-content .ld-course-list-content .ld-course-list-items .ld_course_grid .caption{
    flex-wrap: wrap;
    gap: 20px;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .date-language{
    flex-direction: column;
    justify-content: start;
}

.page-id-89925 h1.entry-title {
    font-size: 35px;
    line-height: 45px;
    padding: 70px 15px;
}

.page-id-89925 .entry-content{
    margin: 0;
}

.st-register-login{
    padding: 50px 15px;
}

.st-register-login .learndash-wrapper #learndash-registration-wrapper p.registration-login {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    align-items: center;
}

.tabs-menu ul.hfe-nav-menu{
    overflow: visible;
}

.image-list .elementor-image-box-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.image-list figure.elementor-image-box-img {
    display: flex;
}

.image-list .elementor-image-box-content {
    text-align: start;
}

li#menu-item-5471 {
    display: none;
}

.single-product-details .prod-img-details .prod-details,
.single-product-details .prod-img-details .prod-img,
.single-product-details .prod-img-details .prod-cart{
    width: 100%;
}

.single-product-details .addtional-info ul.related-products li.product a img.attachment-woocommerce_thumbnail{
    height: 150px;
}

.single-product-details .addtional-info ul.related-products {
    flex-wrap: wrap;
    justify-content: center;
}

.single-product-details .addtional-info ul.related-products li.product{
    width: calc(50% - 15px);
}

.product .inside-article{
    padding: 30px 15px 70px 15px;
}

.single-product nav.woocommerce-breadcrumb, .single-product nav.woocommerce-breadcrumb a{
    margin: 0px auto 30px auto;
}

.pg-featured-course .featured-courses li.featured-course-item {
    width: 100%;
    max-width: 355px;
}

.all-blogs-pg .hero-cat-pg .container h3{
    font-size: 20px;
    line-height: 30px;
}

.all-blogs-pg .hero-cat-pg .container h1 {
    font-size: 30px;
    line-height: 50px;
}

#live-classes-form .filter-main{
    flex-wrap: wrap;
}

.single-live-class .live-class-content-cont{
    padding: 50px 15px;
}

.single-live-class .hero-live-class .hero-live-class-cont h1.class-title{
    font-size: 24px;
    line-height: 35px;
}

.single-live-class .hero-live-class .hero-live-class-cont .countdown-box{
    min-width: 375px;
}

.pg-header{
	top: 0px;
}

.pg-header.basic-header.fixed{
    top: 0;
}

.shop-products-pg .hero-shop {
    padding: 50px 15px;
}

.shop-products-pg .hero-shop .hero-shop-container h1 {
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 5px;
}

.shop-products-pg .shop-container{
    padding: 50px 0px;
}

.featured-product-categories .category-item h3 {
    margin: 5px 0px;
    line-height: 20px;
}

.featured-product-categories .category-item h3 a {
    font-size: 16px;
    line-height: 24px;
}

.category-item p {
    font-size: 14px;
    line-height: 22px;;
}

.pg-newsletter form .sendy-subs-newsletter p span.wpcf7-form-control-wrap {
    width: 100%;
}

.pg-header ul.hfe-nav-menu li.menu-item a.hfe-menu-item{
    flex-direction: row;
    justify-content: start;
    gap: 0;
}

.pg-header ul.hfe-nav-menu li.menu-item .hfe-has-submenu-container a span i.fa{
    display: block;
    font-size: 14px !important; 
}

.mob-sidebar-menu ul.hfe-nav-menu li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    padding-left: 30px;
}

p.single-pages-breadcrumb.courses, 
p.single-pages-breadcrumb.courses a{
    font-size: 12px;
    color: #fff;
}

p.single-course-breadcrumb {
    font-size: 12px;
    margin-bottom: 30px;
    margin-top: -30px;
}
}

@media(max-width:600px){
    .single-course-pg .course-body-content .left-content .more-courses .learndash-courses {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }
    
    .single-course-pg .course-body-content .left-content .more-courses .learndash-courses .learndash_course {
        width: calc(50% - 15px);
    }

    ul.uq-subscription.products li.subscription-item {
        width: 100%;
        max-width: 275px;
    }
}

@media(max-width:550px){

.all-blogs-pg .cat-posts .category-post{
    width: 100%;
}

.single-blog-pg .single-blog-container .two-section-container .sidebar-posts ul li {
    width: 100%;
}

.all-blogs-pg .cat-posts .category-post .post-content h2 a{
    height: auto;
}

#live-classes-form .filter-main, #live-classes-form .filter-tabs{
    margin-bottom: 30px;
    gap: 10px;
}

#live-classes-form .filter-main select, #live-classes-form .filter-tabs button.tab-button{
    width: 100%;
    height: 50px;
}

.single-live-class .hero-live-class .hero-live-class-cont h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center;
}

.single-live-class .hero-live-class .hero-live-class-cont h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0;
}

.single-live-class .live-class-content-cont .live-class-content .upper-content h1.class-title{
    font-size: 22px;
    line-height: 32px;
}

.single-live-class .live-class-content-cont .live-class-content .upper-content .loc-lan-week{
    gap: 20px;
}

.single-live-class .live-class-content-cont .live-class-content .upper-content .loc-lan-week p{
    font-size: 14px;
    line-height: 24px;
}

.single-live-class .live-class-content-cont .live-class-content .lower-content .overlay .overlay-content p.strt-date {
    font-size: 18px;
    line-height: 28px;
}

.single-live-class .live-class-content-cont .live-class-content .lower-content .overlay .overlay-content p {
    font-size: 12px;
    margin-bottom: 5px;
}

.single-live-class .live-class-content-cont .live-class-content .upper-content .loc-lan-week{
    flex-wrap: wrap;
}

.single-live-class .live-class-content-cont .live-class-content .upper-content .breadcrumb-cl-type{
    flex-direction: column;
    gap: 20px;
    align-items: start;
}

.single-live-class .live-class-content-cont .live-class-content .right-cont h4{
    font-size: 20px;
    line-height: 30px;
}

.single-live-class .live-class-content-cont .live-class-content .right-cont ul li{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

.single-live-class .live-class-content-cont .live-class-content .right-cont a{
    padding: 10px 0px;
}

.single-live-class .live-class-content-cont .live-class-content .right-cont p{
    font-size: 16px;
    line-height: 26px;
}

.live-classes-container .live-class-item .featured-image img{
    height: 200px;
}

.single-live-class .hero-live-class .hero-live-class-cont, 
.single-live-class .live-class-content-cont{
    padding: 50px 15px;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content {
    max-width: 100%;
    padding: 10px;
    text-align: center;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time{
    border-right: 2px solid #A4A7A6;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time:last-child {
    border-right: none;
}

.single-live-class .hero-live-class .hero-live-class-cont .loc-lan-week{
    row-gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.single-live-class .hero-live-class .hero-live-class-cont .countdown-tag {
    flex-direction: column;
    align-items: center;
}

.single-live-class .hero-live-class .hero-live-class-cont .class-type{
    justify-content: center;
}

.single-live-class .hero-live-class .hero-live-class-cont h1.class-title{
    text-align: center;
}

.single-live-class .hero-live-class .hero-live-class-cont .countdown-box {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding: 20px 10px;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time .time{
    font-size: 16px;
    line-height: 26px;
}

.single-live-class .hero-live-class .hero-live-class-cont .time-content .zone-time h6{
    font-size: 12px;
    line-height: 18px;
}

.single-live-class .hero-live-class .hero-live-class-cont p.countdown .countdown-item {
    font-size: 18px;
    line-height: 28px;
    width: 32px;
}

.single-live-class .hero-live-class .hero-live-class-cont .free-class-tag {
    display: none;
}

.single-live-class .hero-live-class .hero-live-class-cont .button-container{
    justify-content: center;
}

.single-live-class .hero-live-class .hero-live-class-cont .button-container a.btn-cancel {
    max-width: max-content;
    height: max-content;
}

.single-live-class .live-class-content-cont .trainer-details .image-content{
    flex-direction: column;
    align-items: flex-start;
}

.single-live-class .live-class-content-cont .trainer-details p,
.single-live-class .live-class-content-cont .course-highlights .img-content .class-content ul li{
    font-size: 14px;
    line-height: 24px;
}

.single-live-class .live-class-content-cont .course-highlights .img-content .class-content a,
.single-live-class .youtube-frame a.join-btn{
    max-width: 175px;
    padding: 10px 0px;
}

.single-live-class .youtube-frame iframe{
    height: 300px;
}

.download-table-box{
    overflow-x: auto;
}

.download-table-box .download-table-inner{
    min-width: 600px;
}

.ttc-table-cont {
    overflow: auto;
}

.ttc-table-box {
    width: 767px;
}

.shop-products-pg .shop-container ul.products li.product {
    width: 100%;
    max-width: 280px;
    margin: auto !important;
}

.shop-products-pg .shop-container{
    flex-wrap: wrap;
    justify-content: center;
}

.shop-products-pg .shop-container .categories-sidebar{
    width: 100%;
    max-width: 250px;
}

.shop-products-pg .shop-container .categories-sidebar ul li.sub {
    margin-left: 0px;
    margin-right: 30px;
}

.shop-products-pg .shop-container .products-list {
    width: 100%;
}

.shop-products-pg .shop-container .categories-sidebar h2,
.shop-products-pg .shop-container .products-list form.woocommerce-ordering,
.shop-products-pg .shop-container .products-list p{
    text-align: center;
}

.featured-product-categories .category-item {
    width: calc(50% - 7.5px);
}
}

@media(max-width:500px){

.st-event-gallery .elementor-image-gallery .gallery-item img {
    width: 100%;
    max-width: 300px;
    height: 200px;
}

.single-live-class .live-class-gallery .gallery-cont .row .column {
    width: 100%;
}

.shop-products-pg .shop-container ul.products li.product img{
    height: 180px;
}

.hm-live-classes-container .live-class-item .title-badge-cont p.cl-type.offline,
.hm-live-classes-container .live-class-item .title-badge-cont p.cl-type.online {
    width: 130px;
    background-size: cover;
}

.testimonial-carousel .testimonial-item .teacher-img{
    width: 50px;
}

.testimonial-carousel .testimonial-item .teacher-img img.main-img{
    width: 50px !important;
    height: 50px;
}

.testimonial-carousel .testimonial-item .teacher-name-role h5.teacher-name{
    font-size: 16px;
    margin-bottom: 0;
}

.testimonial-carousel .testimonial-item .teacher-name-role h6.teacher-role{
    font-size: 12px;
    line-height: 20px;
}

.course-category-tabs a.category-tab, .course-category-tabs a {
    width: 100%;
}

.all-blogs-pg .blog-post-container .all-blogs .all-posts-container article.post{
    width: 100% !important;
}

.single-product-details .prod-img-details .prod-details .extra-details{
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: 30px;
}

.single-product-details .prod-img-details .prod-details .extra-details .detail{
    width: 50%;
}

.single-product-details .addtional-info ul.related-products li.product {
    width: 100%;
    max-width: 300px;
}

.single-product-details .addtional-info ul.related-products li.product a.button.ajax_add_to_cart, 
.single-product-details .addtional-info ul.related-products li.product a.button.product_type_simple {
    max-width: 190px;
    margin: 20px auto 0px auto;
    width: 100%;
    padding: 12px 0px;
}

.hm-live-classes-container .live-class-item .class-status-container .img-cont {
    width: 45%;
    border-radius: 10px 0px 0px 10px;
}

.hm-live-classes-container .live-class-item .class-status-container .img-cont img {
    max-width: 30px;
}

.hm-live-classes-container .live-class-item .class-status-container .img-cont p{
    font-size: 14px;
    line-height: 20px;
}

.hm-live-classes-container .live-class-item .class-status-container .class-status {
    padding: 7px 0px 7px 0px;
    border-radius: 0px 10px 10px 0px;
    width: 55%;
    margin-left: 0;
    text-align: center;
}

.hm-live-classes-container .live-class-item .title-badge-cont {
    gap: 15px;
    align-items: start;
    margin-bottom: 20px;
    flex-direction: row;
}

.hm-live-classes-container .live-class-item .title-badge-cont .title-cont h2 {
    font-size: 16px;
    line-height: 24px;
}

.hm-live-classes-container .live-class-item .dates-hours p span {
    font-size: 12px;
    line-height: 20px;
}

.hm-live-classes-container .live-class-item .class-status-container .class-status p.class-type{
    font-size: 12px;
}

.hm-live-classes-container .live-class-item .class-status-container .class-status p.weekly-timing{
    font-size: 10px;
    line-height: 14px;
}

.pg-newsletter {
    width: 100%;
}

.category-product ul.products li.product {
    width: 100% !important;
    margin-bottom: 0 !important;
}

.all-courses-pg .my-courses-grid .my-courses-cont .course-item .course-content h2 a{
    font-size: 20px;
    line-height: 30px; 
}

.all-courses-pg .my-courses-grid .my-courses-cont .course-item .course-img-cont img{
    height: 200px;
}

.single-course-pg .course-body-content .left-content .more-courses .learndash-courses .learndash_course {
    width: 100%;
    max-width: 300px;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .course-title{
    font-size: 26px;
    line-height: 40px;
}

.single-course-pg .single-course-hero-sec .single-hero-sec-content .two-lines-disc{
    font-size: 16px;
}

.single-course-pg .course-body-content .left-content .more-courses .learndash-courses .learndash_course a img{
    height: 250px;
}

.hm-live-classes-container .live-class-item .action-buttons.ongoing {
    flex-wrap: wrap;
    justify-content: center;
}

.hm-live-classes-container .live-class-item .action-buttons.ongoing a {
    width: calc(50% - 7.5px);
}
}

@media(max-width:450px){

.course-carousel-container .owl-stage {
    padding: 0 !important;
}

.course-carousel-container{
    padding-right: 15px;
}

.live-classes-container .live-class-item .dates-hours{
    flex-wrap: wrap;
    justify-content: center;
}

.live-classes-container .live-class-item .dates-hours p{
    width: calc(50% - 5px);
}

.seerah-table-cont {
    overflow: auto;
}

.seerah-col {
    width: 500px;
}

.single-course-pg .course-body-content .left-content .instructor-details .img-name{
    flex-direction: column;
    align-items: start;
}

.single-course-pg .mob-course-img{
    height: 300px;
}

.single-course-pg .course-body-content .left-content .instructor-details .img-name img{
    margin: auto;
}

.single-live-class .hero-live-class .hero-live-class-cont .button-container a{
    width: 140px;
    height: 50px;
    font-size: 16px;
}

.share-popup.single-live-class a.btn-cancel{
    left: 310px !important;
    bottom: 215px !important;
}

.share-popup ul li a {
    width: 60px !important;
}
}

@media(max-width:400px){
.tabs-menu li.menu-item a.hfe-menu-item{
    font-size: 9.5px !important;
    line-height: 15px !important;
}

.live-classes-container .live-class-item .total-hours-free p.total-hours{
    font-size: 12px;
    line-height: 22px;
}

.live-classes-container .live-class-item .total-hours-free .total-hours span {
    font-size: 20px;
}
}

@media(max-width:390px){

.login-mob,
.logout-mob-btn,
.logout-mob-btn .logout-btn {
    width: 30px;
    height: 30px;
}

.apple-icon img,
.play-store img{
    max-width: 90px !important;
}

.free-trial img{
    max-width: 90px !important;
}
}

.share-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.share-popup ul {
    height: max-content;
    padding: 8px 0px;
    display: flex;
    position: fixed;
    width: 400px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #fff;
    list-style-type: none;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    flex-wrap: wrap;
}

.share-popup ul h5 {
    width: 100%;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 600;
}

.share-popup p {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 15px;
    padding: 0px 10px;
}

.share-popup ul li {
    width: 20%;
    text-align: center;
}

.share-popup.single-live-class a.btn-cancel {
    position: fixed;
    left: 430px;
    right: 0;
    top: 0;
    bottom: 225px;
    margin: auto;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    padding: 0 !important;
}

.share-popup a.btn-cancel {
    position: fixed;
    left: 425px;
    right: 0;
    top: 0;
    bottom: 200px;
    margin: auto;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    padding: 0 !important;
}

.share-popup ul li a {
    padding: 0 !important;
}

.share-popup ul li a i {
    color: #000;
    font-size: 30px;
}

.hidden {
    display: none;
}