:root {
--font-sz-26: 26px;
--font-sz-30: 30px;
}
.banner-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100%;
background: var(--e-global-color-38c33cf);
clip-path: polygon(0 0, 0 100%, 100% 0);
}
.cust-acc .e-n-accordion-item {
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(4, 26, 49, 0.1);
}
.blog-content p:last-of-type {
margin-bottom: 0 !important;
}
.nrm-list ul {
padding-left: 20px;
}
.nrm-list li {
padding-left: 5px;
margin-bottom: 20px;
}
.gap-30 {
gap: 30px;
}
.cat-head {
background-color: var(--e-global-color-d65cb5b);
border: solid 1px var(--e-global-color-28afdbb);
padding: 20px 30px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
border-radius: 7px;
margin-bottom: 30px;
position: sticky;
z-index: 1;
}
.cat-head h4 {
font-size: var(--e-global-typography-817f3aa-font-size);
font-weight: 600;
line-height: var(--e-global-typography-817f3aa-line-height);
margin: 0;
}
.cat-head a {
font-weight: 600;
text-decoration: underline;
}
.cat-main-box {
display: flex;
flex-direction: column;
gap: 60px;
}
.paginate-loop span.page-numbers,
.paginate-loop a.page-numbers {
width: 45px;
height: 45px;
display: flex;
background: var(--e-global-color-38c33cf);
justify-content: center;
align-items: center;
border-radius: 50%;
font-weight: 600;
}
.paginate-loop a.page-numbers:hover,
.paginate-loop span.page-numbers.current {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-00cbb17);
}
.pagination {
margin: 0;
}
.pagination .page-numbers,
.elementor-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.pagination .page-numbers {
width: 100%;
padding: 0;
gap: 10px;
}
.pagination .page-numbers li {
list-style-type: none;
}
.paginate-loop span.page-numbers.prev,
.paginate-loop a.page-numbers.prev,
.paginate-loop span.page-numbers.next,
.paginate-loop a.page-numbers.next {
background-color: transparent;
font-size: 20px;
}
.paginate-loop a.page-numbers.prev:hover,
.paginate-loop a.page-numbers.next:hover {
background-color: var(--e-global-color-38c33cf);
color: var(--e-global-color-primary) !important;
}
.paginate-loop span.page-numbers.prev,
.paginate-loop span.page-numbers.next {
opacity: 0.3;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.taxonomy-filter form {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.taxonomy-filter input {
display: none;
}
.taxonomy-filter label {
font-size: 15px;
background-color: var(--e-global-color-38c33cf);
border: solid 1px var(--e-global-color-primary);
border-radius: 10px;
padding: 10px 15px;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.taxonomy-filter label.checked,
.taxonomy-filter label:hover {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-00cbb17);
}
.play-icon .elementor-icon-wrapper {
line-height: 1;
}
.play-icon .elementor-icon {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.elementor-widget-text-editor a {
text-decoration: underline;
}
.popup-overlay {
width: calc(100% + 60px);
height: calc(100% + 60px);
position: absolute;
top: -30px;
left: -30px;
background: rgba(255, 255, 255, 0.01);
z-index: 10;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
overflow: auto;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
overflow: visible;
} .question-block {
background: #fafafa;
padding: 30px 50px;
border-radius: 15px;
}
.question-block h3 {
font-size: var(--font-sz-30);
margin-bottom: 30px;
color: #121212;
}
.answers-box {
display: flex;
flex-direction: column;
gap: 20px;
}
.answers-box label {
width: 100%;
cursor: pointer;
background: #fff;
padding: 15px;
border-radius: 10px;
border: solid 1px #c8c8c8;
}
.answers-box input[type=radio] {
display: none;
}
.answers-box .cust-input {
border: solid 2px #c8c8c8;
width: 24px;
height: 24px;
display: inline-block;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
transition: all 0.3s ease;
}
.answers-box input[type=radio]:checked + .cust-input {
background: #005cb8;
border-color: #005cb8;
} .form-main-box {
position: relative;
}
.form-loader-box {
display: none;
min-height: 100px;
}
.form-loader {
width: calc(100% + 60px);
height: calc(100% + 60px);
position: absolute;
top: -30px;
left: -30px;
background: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.form-spinner {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.test-form-wrapper .progress-head {
font-size: 17px;
color: var(--e-global-color-primary);
font-weight: 600;
display: none;
text-align: center;
margin-bottom: 20px;
}
.test-progress-bar {
width: 90%;
height: 8px;
background: rgba(46, 195, 131, 0.2);
border-radius: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 35px;
overflow: hidden;
display: none;
}
.test-progress {
height: 100%;
background: #2ec383;
}
.question-block.correct-answer {
border: solid 1px #2ec383;
background-color: #d8faec;
}
.question-block.correct-answer .toggler svg {
fill: #2ec383;
}
.question-block.wrong-answer {
border: solid 1px #64819c;
background-color: #dae8f5;
}
.question-block.wrong-answer .toggler svg {
fill: #64819c;
}
.answers-box.disabled {
pointer-events: none;
opacity: 0.6;
}
.review-list {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: stretch;
}
.review-list .question-block {
display: flex;
flex-direction: column;
gap: 30px;
}
.review-list .answers-main-box {
display: none;
}
.review-list .question-block:first-of-type .answers-main-box{
display: block;
}
.review-list .question-acc-box,
.review-list .question-badge-box {
display: flex;
justify-content: space-between;
align-items: start;
gap: 10px;
}
.review-list .question-badge {
font-weight: 500;
font-size: 13px;
color: #fff;
padding: 5px 15px;
background-color: #64819c;
border-radius: 100px;
}
.review-list .question-block.correct-answer .question-badge {
background-color: #2ec383;
text-wrap: nowrap;
}
.review-list .toggler {
font-size: 15px;
width: 40px;
cursor: pointer;
}
.review-list .question-box {
width: 100%;
}
.review-list .question-block h3 {
font-size: var(--font-sz-26);
margin: 0 0 15px 0;
}
.review-list .question-acc-box {
align-items: center;
gap: 20px;
}
.popup-overlay {
display: flex;
justify-content: center;
align-items: center;
}
.popup-overlay h3 {
font-size: var(--font-sz-30) !important;
font-weight: 400 !important;
}
.popup-overlay .inner-popup {
box-shadow: 0 2px 19px 0px rgba(0, 0, 0, 0.21);
}
.popup-overlay.success-box .inner-popup {
max-width: 590px;
width: 90%;
background-image: linear-gradient(#0679eb, #005cb8);
border-radius: 20px;
padding: 45px 60px;
}
.popup-overlay.success-box h3 {
color: #fff;
text-align: center;
}
.popup-overlay.success-box label {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 5px;
}
.popup-overlay.success-box input:not([type=submit]) {
color: #333333 !important;
font-size: 16px !important;
border-radius: 6px !important;
border: none !important;
padding: 12px 25px !important;
font-weight: 400 !important;
margin-bottom: 20px;
}
.popup-overlay.success-box input:not([type=submit]):focus {
outline: none;
border: none;
box-shadow: none;
}
.popup-overlay.success-box input[type=submit] {
border-color: #fff;
width: 100%;
margin-top: 30px;
background: #fff;
color: var(--e-global-color-primary);
}
.popup-overlay.success-box input[type=submit]:hover {
background-color: var(--e-global-color-38c33cf);
color: var(--e-global-color-primary);
border-color: var(--e-global-color-38c33cf);
}
.cust-inp-check {
display: flex;
gap: 10px;
cursor: pointer;
}
.cust-inp-check input {
position: absolute;
opacity: 0;
cursor: pointer;
width: 22px;
height: 22px;
}
.cust-inp-check p {
margin: 0;
}
.cust-inp-check .cust-input {
width: 22px;
min-width: 22px;
height: 22px;
color: var(--e-global-color-primary);
background-color: #fff;
display: inline-block;
border-radius: 5px;
vertical-align: middle;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
}
.cust-inp-check input[type=checkbox]:checked + .cust-input::before {
content: "✓";
}
.popup-overlay.exit-box .inner-popup {
padding: 40px;
border-radius: 20px;
background-color: #fff;
max-width: 475px;
width: 90%;
}
.popup-overlay.exit-box h3 {
font-weight: 600 !important;
color: #121212 !important;
}
.popup-overlay.exit-box .button-box {
display: flex;
gap: 15px;
}
.popup-overlay.exit-box p {
font-size: 18px;
margin-bottom: 25px;
}
.popup-overlay.exit-box button {
padding-right: 30px;
padding-left: 30px;
min-width: 175px;
width: 100%;
}
.popup-overlay.exit-box button.exit-test {
background-color: var(--e-global-color-38c33cf);
color: var(--e-global-color-primary);
}
.popup-overlay.exit-box button.exit-test:hover {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-00cbb17);
}
.popup-overlay.active {
opacity: 1;
visibility: visible;
}
.menu-cat-btn .elementor-button-content-wrapper {
text-align: left;
justify-content: space-between !important;
}
.cust-breadcrumb li a .elementor-icon-list-text:hover {
color: var(--e-global-color-primary) !important;
}
.cust-breadcrumb .elementor-inline-item > .elementor-icon-list-text {
background-color: var(--e-global-color-38c33cf) !important;
color: var(--e-global-color-primary) !important;
border-radius: 5px;
padding: 2px 13px !important;
}
.cat-main-box .elementor-grid-3 .elementor-grid {
grid-template-columns: repeat(3, 1fr);
}
.cat-main-box .elementor-grid {
display: grid;
grid-column-gap: 30px !important;
grid-row-gap: 30px !important;
}
@media (max-width: 1024px) {
.cat-main-box .elementor-grid-tablet-2 .elementor-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.cat-main-box .elementor-grid-mobile-1 .elementor-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.elementor-widget-image a {
width: 100% !important;
}
@media (min-width: 1024px) {
.header-mega-menu .custom-center-menu-parent {
position: relative !important;
}
.header-mega-menu .custom-center-menu-parent .e-n-menu-content {
left: -50% !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
}
@media (max-width: 1400px) and (min-width: 1024px) {
.site-main-header .header-logo img {
max-width: 150px !important;
}
.site-main-header .elementor-widget-n-menu .e-n-menu-title {
padding-left: 5px;
padding-right: 5px;
}
.site-main-header .elementor-widget-n-menu .e-n-menu-title-text {
font-size: 14px;
}
.site-main-header .elementor-button {
padding: 10px !important;
font-size: 13px !important;
}
}
@media (max-width: 1024px) {
:root {
--font-sz-26: 22px;
--font-sz-30: 24px;
}
.header-mega-menu .e-n-menu-title {
justify-content: space-between !important;
flex-wrap: nowrap !important;
border-bottom: solid 1px var(--e-global-color-38c33cf) !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.header-mega-menu .e-n-menu-toggle {
border: none !important;
background: none !important;
}
.header-mega-menu .e-n-menu-title-text {
font-weight: 500 !important;
}
.header-mega-menu .e-n-menu-title-container {
width: 100% !important;
}
.question-block {
padding: 30px;
}
.popup-overlay.exit-box .inner-popup,
.popup-overlay.success-box .inner-popup {
padding: 20px;
}
}
@media (max-width: 767px) {
:root {
--font-sz-26: 19px;
--font-sz-30: 22px;
}
.cat-head {
flex-wrap: wrap;
}
.popup-overlay.exit-box .button-box {
flex-direction: column;
}
}
.cust-lang .cpel-switcher__list{
background-color: var( --e-global-color-primary );
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
overflow: hidden !important;
box-shadow: 0 0 19px 0 rgba(0,0,0,0.21);
} .cust-lang .cpel-switcher__toggle > a {
position: relative;
padding-right: 15px !important;
}
.cust-lang .cpel-switcher__toggle > a::after {
content: '\2304';
position: absolute;
right: 2px;
font-weight: 600;
}
@keyframes slide-horizontal {
0% {
transform:translateX(0)
}
5% {
transform:translateX(3px)
}
10% {
transform:translateX(-2px)
}
15% {
transform:translateX(3px)
}
20% {
transform:translateX(-2px)
}
25% {
transform:translateX(0)
}
100% {
transform:translateX(0)
}
}
.home-banner-btn .elementor-button {
animation: 3s ease-in-out infinite slide-horizontal;
}
@media (max-width: 767px){
.banner-frm{
position: relative !important;
}
}
.cust-toc li{
padding: 15px 0;
margin: 0;
border-bottom: solid 1px #D8DEEB;
} .book-sec .subscription-plan-selector {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: center !important;
}
.booking-plan-selector {       }
.booking-plan-selector .subscription-plan-form{
margin-bottom: -42px;
}
.booking-plan-selector .subscription-plan-selector {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: center !important;
}
.booking-plan-selector .plan-card {
width: calc(33.33% - 7px);
border: 1px solid #ccc;
border-radius: 12px;
padding: 10px 8px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center; transition: border-color 0.3s ease, box-shadow 0.3s ease;
position: relative;
background-color: #fff;
text-align: center;
margin-bottom: 20px;
}
.booking-plan-selector .plan-card:has(input[type=radio]:checked) {
border-color: #005cb8;
box-shadow: 0 0 0 2px #e6f0ff;
}
.booking-plan-selector .plan-card input[type=radio] {
position: absolute;
opacity: 1;
pointer-events: none;
align-self: center;
}
.booking-plan-selector .plan-left h3 {
font-size: 12px;
font-weight: 500;
color: #283043;
margin-bottom: 6px;
}
.booking-plan-selector .plan-note {
font-size: 8px;
color: #005cb8;
background: #e4f2ff;
border-radius: 20px;
padding: 4px 8px;
margin-bottom: 12px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0.2px;
}
.booking-plan-selector .plan-left {
display: grid;
flex-direction: column;
gap: 10px;
align-self: center;
margin-top: -8px;
}
.booking-plan-selector .plan-right {
font-size: 19px;
font-weight: 600;
color: #005cb8;
margin-top: auto;
align-self: center;
margin-top: 20px;
}
.booking-plan-selector .custom-add-to-cart-btn {
background-color: #0679eb !important;
border: none !important;
color: #fff !important;
padding: 10px 20px !important;
border-radius: 6px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
transition: background-color 0.3s ease, border-color 0.3s ease;
font-weight: 400 !important;
font-size: 14px !important;
width: calc(50% - 7px);
justify-content: center;
}
.booking-plan-selector .custom-add-to-cart-btn:hover {
background-color: #005cb8 !important;
border-color: none !important;
}
.booking-plan-selector .cart-icon {
width: 20px;
height: 20px;
display: none;
}
.booking-plan-selector .plan-right {
order: 1;
font-size: 19px;
font-weight: 600;
color: #005cb8;
margin-bottom: 6px;
}
.booking-plan-selector .plan-left {
order: 2;
display: flex;
flex-direction: column;
align-items: center;
}
.booking-plan-selector .woocommerce-Price-amount .woocommerce-Price-decimal {
display: none !important;
}
@media (max-width: 767px) {
.booking-plan-selector .subscription-plan-form{
margin-bottom: -54px;
}
}
@media (max-width: 450px) {
.booking-plan-selector .plan-note {
font-size: 7px;
}
}
.product-plan-selector {     }
.product-plan-selector .subscription-plan-form {
margin-bottom: -63px;
}
.product-plan-selector .subscription-plan-selector {
display: flex;
flex-direction: column;
}
.product-plan-selector .plan-card {
border: 1px solid #ccc; border-radius: 8px;
padding: 5px 15px;
cursor: pointer;
display: flex;
justify-content: space-between; align-items: center;
transition: border-color 0.3s ease;
position: relative;
margin-bottom: 10px;
}
.product-plan-selector .plan-card input[type=radio] {
position: absolute;
opacity: 1;
pointer-events: none;
}
.product-plan-selector .plan-card:has(input[type=radio]:checked) {
border-color: #005cb8; }
.product-plan-selector .plan-left {
margin-left: 30px;
margin-top: 10px;
}
.product-plan-selector .plan-left h3 {
color: #283043 !important;
font-size: 15px !important;
font-weight: 600 !important;
margin: 0;
}
.product-plan-selector .plan-right {
font-size: 20px;
font-weight: 600;
color: #005cb8;
}
.product-plan-selector .custom-add-to-cart-btn {
background-color: #e6f0ff !important;
border: 1px solid #005cb8 !important;
color: #005cb8 !important;
width: calc(50% - 10px);
justify-content: center;
border-radius: 6px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
transition: background-color 0.3s ease, border-color 0.3s ease;
margin-top: 20px;
font-weight: 400 !important;
font-size: 17px !important;
padding-top: 17px;
padding-bottom: 17px;
}
.product-plan-selector .custom-add-to-cart-btn:hover {
background-color: var( --e-global-color-primary ) !important;
color: var( --e-global-color-00cbb17 ) !important;
}
.product-plan-selector .custom-add-to-cart-btn:hover img{
filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(1%) hue-rotate(73deg) brightness(105%) contrast(100%);
}
.product-plan-selector .cart-icon {
width: 20px;
height: 20px;
}
.product-plan-selector .plan-note {
font-size: 12px;
color: #005cb8;
margin-top: 4px;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0.2px;
background: #e4f2ff;
border-radius: 20px;
padding: 4px 12px;
}
@media (max-width: 1024px) {
.product-plan-selector .custom-add-to-cart-btn {
width: 100%;
}
.product-plan-selector .subscription-plan-form {
margin-bottom: 0;
}
}
.product-quantity{
display: none;
}
.return-to-shop {text-align: center;}
.return-to-shop a.button{
background-color: var( --e-global-color-primary );
font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
font-size: var( --e-global-typography-accent-font-size );
font-weight: var( --e-global-typography-accent-font-weight );
line-height: var( --e-global-typography-accent-line-height );
color: var( --e-global-color-00cbb17 );
border-radius: 8px 8px 8px 8px;
padding: 18px 25px 18px 25px;
}
.return-to-shop a.button:hover{
background-color: var( --e-global-color-secondary );
color: var( --e-global-color-00cbb17 );
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
background-color: var( --e-global-color-secondary );
color: var( --e-global-color-00cbb17 );
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single,
.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single{
height: auto !important;
}
.payment_methods .woocommerce-info[role="status"]{padding: 3px 10px !important; }
@media (max-width: 1024px) {
.elementor-widget-woocommerce-checkout-page .e-apply-coupon{
width: auto !important;
margin-left: 10px;
}
}
.shop_table.coupon .coupon-col-start input{
height: 100%;
}
.woocommerce-order .woocommerce-customer-details address,
table.shop_table.subscription_details ,
table.shop_table.my_account_orders:not(.account-orders-table) ,
table.shop_table.order_details {
border: none;
border-radius: 25px;
background-color: #FAFAFA;
padding: 30px;
font-family: var( --e-global-typography-text-font-family ), Sans-serif;
font-size: var( --e-global-typography-text-font-size );
font-weight: var( --e-global-typography-text-font-weight );
line-height: var( --e-global-typography-text-line-height );
color: var(--general-text-color);
}
.woocommerce-order,
.woocommerce-order td{
font-family: var( --e-global-typography-text-font-family ), Sans-serif;
font-size: var( --e-global-typography-text-font-size );
font-weight: var( --e-global-typography-text-font-weight );
line-height: var( --e-global-typography-text-line-height );
color: #121212 !important;
}
.woocommerce-order section h2{
font-size: var( --e-global-typography-afd3cbf-font-size );
font-weight: var( --e-global-typography-afd3cbf-font-weight );
line-height: var( --e-global-typography-afd3cbf-line-height );
color: #002D55;
margin: 30px 0 10px !important;
}
.woocommerce-order table th {
font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
font-size: var( --e-global-typography-accent-font-size );
font-weight: var( --e-global-typography-accent-font-weight );
line-height: var( --e-global-typography-accent-line-height );
color: #005CB8 !important;
}
.woocommerce-order table .button,
.woocommerce-order table .button:hover{
color: #fff;
}
.order-again{
display: none;
}
.woocommerce-address-fields small{
display: block;
}
.payment_box fieldset{
border: none !important;
}
.site-main-header,
.site-main-header .e-con-inner{
transition: all 0.3s ease-in-out;
}
.site-main-header.elementor-sticky--active{
box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.site-main-header.elementor-sticky--active .e-con-inner{
padding-top: 5px;
padding-bottom: 5px;
}