/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 12 2026 | 17:03:25 */
/* Removes Sale Button from product Grid card */
.onsale{
	display: none;
}
.elementor-editor-active .slide-up{
    opacity: 1 !important;
}

.text__disabled {
	color: #CCD9E4!important;
}
button:focus,
button:focus-visible{
	border: none!important;
	outline: none!important;
}
.fade-slide-up {
  opacity: 0;
  transform: translateY(200px);
  animation: fadeSlideUp 600ms cubic-bezier(0.42, 0, 0.58, 1) 800ms forwards;
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(64px);
  }

  20% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.slide-up {
  opacity: 0;
  transform: translateY(32px);
}

.slide-up.is-visible {
  animation: fadeSlideUp 400ms cubic-bezier(0.42, 0, 0.58, 1) forwards;
}
.hero__slider.slide-up,
.pricing__hero.slide-up {
	animation-delay: 1200ms;
}


@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(32px);
  }

  /* hold opacity briefly so movement starts first */
  20% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}




.top__left--square {
	position: relative;
}
.top__left--square:before {
	position: absolute;
	top: -3px;
	left: 0px;
	width: 7px;
	height: 7px;
	content: "";
	background: #004376;
}
.main__button,
.browse__btn{
	width: max-content!important;
}

.main__button a{
	position: relative;
/* 	padding-right: 76px!important; */
	width: max-content!important;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 4px 4px 4px 24px!important;
		font-family: "Inter", sans-serif!important;


	
}
.browse__btn a {
	padding: 4px!important;
		font-family: "Inter", sans-serif!important;

}
.main__button a:after {
/* 	position: absolute;
	content: "";
	background: url("/wp-content/uploads/2025/12/icon-box.svg");
	    background-size: contain;
    background-repeat: no-repeat;
	width: 56px;
	height: 56px;
	right: 4px;
	top: 4px;
	transition: transform 0.3s ease-in-out; */
}
/* .main__button a:hover:after {
	transform: rotate(45deg);
	transition: transform 0.3s ease-in-out;
} */

.product__card--grid h3,
.product__card--slider h3,
.product__card--grid .woocommerce-product-details__short-description,
.courses__card--grid h3,
.courses__card--grid h3,
.courses__card--grid .woocommerce-product-details__short-description{
	display: -webkit-box!important;
  -webkit-line-clamp: 2;      /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hero__slider .swiper{
	padding-bottom: 135px!important;
}
.hero__slider .swiper .elementor-swiper-button{
	top: calc(100% - 75px)!important;
	width: 56px;
	height: 56px;
}
.hero__slider .elementor-swiper-button {
 border: 1px solid #99B4C8;
    padding: 20px;
    border-radius: 50%;	
}
.hero__slider .elementor-swiper-button:hover {
	border: 1px solid #fff;
}
.hero__slider .elementor-swiper-button:hover svg {
	fill: #fff!important;
}

.hero__slider .elementor-swiper-button-prev {
	left: calc(100% - 135px)!important;
   
}
.hero__slider .elementor-swiper-button-next {
	left: calc(100% - 65px)!important;
	right: auto!important;
   
}
.hero__slider .swiper .swiper-pagination-fraction {
	bottom: 63px!important;
	left: 49px;
	width: max-content;
	font-size: 0;
    min-width: 164px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hero__slider .swiper-pagination-current,
.hero__slider .swiper-pagination-total{
	font-size: 14px;
	color: #99B4C8;
}
.hero__slider .swiper-pagination-current {
	color: #fff;
	position: relative;
}
.hero__slider .swiper-pagination-total{
	position: relative;
}
.hero__slider .swiper-pagination-current:after {
	position: absolute;
	content: "";
	top: 10px;
    left: 34px;
	width: 96px;
	height: 1px;
	background: #99B4C8;
}
.hero__slider .swiper-pagination-current:before,
.hero__slider .swiper-pagination-total:before{
	position: absolute;
	content: "0";
	left: -9px;
	
}
.typing-color-effect .elementor-testimonial__text{
    color: #CCD9E4; /* initial color */
    transition: color 0.3s ease;
}
.product__grid--duration {
	display: none!important;
}
.product__grid--duration:has(.elementor-icon-box-content) {
	display: block!important;
}
.product__card--grid .product__grid--image,
.courses__card--grid .courses__card--image {
	transition: all 0.5s ease-in-out;
	
}
.product__card--grid .woocommerce-product-details__short-description p strong,
.courses__card--grid .woocommerce-product-details__short-description p strong{
	font-weight: 400!important;
}
/* .product__card--grid:hover .product__grid--image {
	transform: scaley(0.95);
	background-size: 120%!important;
	transition: all 0.8s ease-in-out;
} */
.product__card--grid:hover .product__grid--image{
    margin-top: 4px!important;
	margin-bottom: 4px!important;
	transform: scale(1.05);
	min-height: 172px!important;
	transition: all 0.5s ease-in-out;
}
.product__grid--info {
	width: max-content!important;
}
.courses__card--grid:hover .courses__card--image{
/*     margin-left: 4px!important;
	margin-right: 4px!important; */
	transform: scale(1.05);
	max-width: 220px!important;
	width: 220px!important;
	min-width: 220px!important;
	transition: all 0.5s ease-in-out;
}
.courses__card--image{
	min-width: 220px!important;
}

/* Progress Bar Amination */
/* 1. Desktop & Global Track Setup (Horizontal) */
.progress__bar--animation {
    position: relative;
    border-top: 1px solid rgba(0, 67, 118, 0.1); 
}


/* 2. Desktop Animated Progress Bar (Horizontal) */
.progress__bar--animation.start-animation::before {
    content: "";
    position: absolute;
    top: -1px; 
    left: 0;
    height: 1px;
    background-color: #004376;
    width: 0%;
    z-index: 0;
    animation: fill-progress-horizontal 8s linear infinite;
}


/* 3. Mobile Adjustments (Vertical Top to Bottom) */
@media (max-width: 767px) {
	
	.speakers__tabs .e-n-tab-title[aria-selected="false"]:before {
		background: url("/wp-content/uploads/2025/12/iconButton-3.svg")!important;
		width: 40px!important;
        height: 40px!important;
        background-size: contain !important;
        top: calc(50% - 20px) !important;
		content: "";
		position: absolute;
		right: 24px;
	}
	.speakers__tabs .e-n-tab-title[aria-selected="true"]:before {
		background: url("/wp-content/uploads/2025/12/iconButton-4.svg")!important;
		width: 40px!important;
        height: 40px!important;
        background-size: contain !important;
        top: calc(50% - 20px) !important;
	}
	.speakers__tabs .speakers__btn img {
		display: none;
	}
	/* 1. Make the container scrollable horizontally */
    .my-nav-container {
        flex-wrap: nowrap !important; /* Force items to stay in one row */
        overflow-x: auto; /* Allow side scrolling */
        justify-content: flex-start; /* Align items to the start */
        
        /* Smooth scrolling for iOS */
        -webkit-overflow-scrolling: touch; 
        
        /* Optional: Hide scrollbar for a cleaner look */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* IE 10+ */
    }
    
    .my-nav-container::-webkit-scrollbar { 
        display: none; /* Chrome/Safari */
    }

    /* 2. Fix the width of individual tabs so they don't squish */
    .nav-item {
        /* flex: 0 0 auto; -> Don't grow, don't shrink, auto basis
           width: 85vw;    -> Takes up 85% of screen width (peeks the next one)
        */
        flex: 0 0 85vw !important; 
        max-width: 160px; /* Optional: cap the width so it's not huge on tablets */
        border-right: 1px solid #CCD9E4 !important;
        border-bottom: 1px solid #CCD9E4; /* Add bottom border on mobile for separation */
    }
	.nav-item .session__slider--tabdecs {
		display: none!important;
	}
	
    .progress__bar--animation {
        border-top: none; /* Remove top line */
        border-left: 1px solid rgba(0, 67, 118, 0.1); /* Add side track */
        padding-left: 0px; /* Space between bar and text */
        margin-left: 34px; /* Gap from edge of screen */
    }

    .progress__bar--animation.start-animation::before {
        top: 32px;
        left: -1px;
        width: 1px;
        height: 0%;
        animation: fill-progress-vertical 8s linear infinite;
        z-index: 0;
        
        border: none;
    }
}

/* 4. Base state for items */
.progress__bar--item {
    opacity: 0.5; 
    transition: opacity 0.8s ease-in-out;
}

/* 5. Item Animations - Shared for Mobile & Desktop */
.progress__bar--animation.start-animation .progress__bar--item:nth-child(1) { animation: step-1 8s infinite; }
.progress__bar--animation.start-animation .progress__bar--item:nth-child(2) { animation: step-2 8s infinite; }
.progress__bar--animation.start-animation .progress__bar--item:nth-child(3) { animation: step-3 8s infinite; }
.progress__bar--animation.start-animation .progress__bar--item:nth-child(4) { animation: step-4 8s infinite; }

/* 6. Keyframes */

/* Desktop Horizontal Fill */
@keyframes fill-progress-horizontal {
    0% { width: 0%; opacity: 1; }
    94% { width: 100%; opacity: 1; }
    95%, 100% { width: 100%; opacity: 0; }
}

/* Mobile Vertical Fill (Top to Bottom) */
@keyframes fill-progress-vertical {
    0% { height: 0%; opacity: 1; }
    94% { height: 100%; opacity: 1; }
    95%, 100% { height: 100%; opacity: 0; }
}

/* Cumulative Smooth Opacity Steps */
@keyframes step-1 {
    0%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}

@keyframes step-2 {
    0%, 24% { opacity: 0.5; }
    26%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}

@keyframes step-3 {
    0%, 49% { opacity: 0.5; }
    51%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}

@keyframes step-4 {
    0%, 74% { opacity: 0.5; }
    76%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}


/* 1. Container & Vertical Track Setup */
.speakers__bar--animation {
    position: relative;
    border-left: 1px solid rgba(0, 67, 118, 0.1); /* Vertical track on the left */
    padding-left: 0px; /* Space for the bar to breathe */
    margin-left: 10px;
}

/* 2. The Animated Vertical Progress Bar */
.speakers__bar--animation.start-animation::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px; /* Align perfectly with the border-left track */
    width: 1px; /* Thickness of the active bar */
    height: 0%; 
    background-color: #004376;
    z-index: 5;
    animation: fill-progress-vertical 8s linear infinite;
}

/* 3. Base state for Speaker items */
.speakers__bar--item {
    opacity: 0.5; 
    transition: opacity 0.8s ease-in-out;
    margin-bottom: 40px; /* Adjust spacing between speakers */
}

/* 4. Trigger Animations when class .start-animation is present */
.speakers__bar--animation.start-animation .speakers__bar--item:nth-child(1) { animation: speaker-step-1 8s infinite; }
.speakers__bar--animation.start-animation .speakers__bar--item:nth-child(2) { animation: speaker-step-2 8s infinite; }
.speakers__bar--animation.start-animation .speakers__bar--item:nth-child(3) { animation: speaker-step-3 8s infinite; }
.speakers__bar--animation.start-animation .speakers__bar--item:nth-child(4) { animation: speaker-step-4 8s infinite; }
.speakers__bar--animation.start-animation .speakers__bar--item:nth-child(1) {
	opacity: 1!important;
}

/* 5. Keyframes for Vertical Growth */
/* @keyframes fill-progress-vertical {
    0% { height: 0%; opacity: 1; }
    94% { height: 100%; opacity: 1; }
    95%, 100% { height: 100%; opacity: 0; } /* Reset fade */
}

/* 6. Smooth Cumulative Opacity Steps */
@keyframes speaker-step-1 {
    0%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}

@keyframes speaker-step-2 {
    0%, 24% { opacity: 0.5; }
    26%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}

@keyframes speaker-step-3 {
    0%, 49% { opacity: 0.5; }
    51%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}

@keyframes speaker-step-4 {
    0%, 74% { opacity: 0.5; }
    76%, 94% { opacity: 1; }
    95%, 100% { opacity: 0.5; }
}
.speakers__bar--item .top__left--square:before {
	top: 0px;
	left: -4px;
}
.speakers__tabs .e-n-tab-title {
	border-radius: 0!important;
	border: 1px solid;
}

.speakers__tabs .e-n-tab-title[aria-selected="true"] {
	position: relative;
}
.speakers__tabs .e-n-tab-title[aria-selected="true"]:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #004376;
	right: 24px;
	top: 50%;
	margin-top: -4px;
}

.speakers__tabs .speakers__btn {
	display: flex;
    align-items: center;
    gap: 12px;
}
.speakers__tabs .speakers__btn div {
	display: flex;
	flex-direction: column;
    gap: 2px;
}
.speakers__tabs .speakers__btn img{
	width: 40px;
    height: 40px;
}
.speakers__tabs .speakers__btn div p {
	color: #004376;
font-size: 16px;
font-weight: 400;
line-height: 130%; /* 20.8px */
	margin-bottom: 0;
}
.speakers__tabs .speakers__btn div span {
	color:  #004376;

font-size: 14px;
font-weight: 400;
line-height: 130%; /* 18.2px */
	margin-bottom: 0;
	opacity: 0.6;
}

/* -------------------------------------------------------------- */


/* Credits Popup */


/* Full-screen background overlay */
.product__grid--credits {
    display: none; 
    position: fixed; /* Fixes it to the browser window */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 99999; /* Higher than header/footer */
    justify-content: center;
    align-items: center;
}

/* The actual white box containing the table */
.product__grid--credits .e-con-inner {
    background: #f2f5f8;
    width: 100%;
    max-width: 1000px;
    max-height: 80vh;
    padding: 0px;
    position: relative;
    overflow-y: auto;
	border: 1px solid #99b4c8;
}
/* .elementor-element:has(.product-credits-list) {
	 overflow-y: auto;
} */

/* Show popup */
.product__grid--credits.is-visible {
        display: flex;
    flex-direction: column;
    justify-content: center;
	    z-index: 99999;

}

/* Close Button style */
.close-credits-btn {
    position: absolute;
    top: -100px;
    right: 35px;
    cursor: pointer;
    font-size: 24px;
    color: #004376;
    line-height: 1;
    border: 1px solid;
    /* padding: 18px; */
    line-height: 0;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: -10px;*/
}

/* -------------------------------------------------------------- */
.faq__section .e-closed{
		transform: rotate(0deg);
		transition: transform 1.5s ease-in;
	}
	
	.faq__section .e-opened{
		transform: rotate(45deg);
		transition: transform 1.5s ease-in;
	}

/* menu bg */ 

body:has(.e-n-menu-content.e-active) {
	position: relative;
}

body:has(.e-n-menu-content.e-active):before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 2;
	top: 67px;
	left: 0;
}
/* -------------------------------------------------------------- */



/* archive filtration */
.products__archive .woocommerce.columns-3  {
	display: flex;
    gap: 50px;
}
.products__archive .row:has(li.product){
	justify-content: space-between;
	gap: 20px;
}
.products__archive li.product {
	width: 31%;
    list-style: none;
	border: 1px solid #ccd9e4;
}
.products__archive .woof_sid_flat_white  {
	padding: 0;
	width: 25%;
	border: none;
}
.products__archive .woof_auto_1_columns .woof_container {
	padding: 20px;
    border-bottom: 1px solid #ccd9e4;
    margin-bottom: 0;
}
.products__archive .woof_auto_1_columns .woof_container .woof_container_inner h4 {
	font-size: 18px!important;
	line-height: 1.3!important;
	color: #004376;
	margin-bottom: 24px;
}

.products__archive .woof_auto_1_columns .woof_list label {
	font-size: 14px!important;
	line-height: 1.3!important;
	color: #004376;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: 500;
	padding-top: 0;
}
.products__archive .woof_auto_1_columns .icheckbox_square-blue {
	width: 18px!important;
    height: 18px!important;
   background-image: url(/wp-content/uploads/2025/12/Checkbox.svg)!important;
	background-position: 0!important;
    background-size: contain;
	    margin-top: 0;
}
.products__archive .woof_auto_1_columns .icheckbox_square-blue.checked {
	width: 18px!important;
    height: 18px!important;
   background-image: url(/wp-content/uploads/2025/12/Checkbox-1.svg) !important;
    background-size: contain;
	background-position: 0!important;
	    margin-top: 0;
}
.products__archive ul.woof_list li {
    margin: 0 0 7px 0px;
}
.products__archive .woof_sid_flat_white .woof_redraw_zone {
	padding: 0;
	
	border: 1px solid #ccd9e4;
	display: flex;
    flex-direction: column-reverse;
}
.products__archive .woocommerce.columns-3>.woocommerce{
	width: 75%;
}
.products__archive .woocommerce.columns-3>#woof_results_by_ajax {
	width: 75%;
}
.products__archive p.woocommerce-result-count {
	display: none!important;
}
.products__archive #woof_results_by_ajax:has(.woof_reset_button_2) {
	width: 75%;
}
.products__archive #woof_results_by_ajax .woocommerce.columns-3 {
	flex-direction: column;
	    gap: 10px;
}

.products__archive .woocommerce-loop-product__title {
	font-size: 18px;
	line-height: 1.3;
	color: #004376;
	display: -webkit-box!important;
  -webkit-line-clamp: 2;      /* number of lines */
  -webkit-box-orient: vertical;
   overflow: hidden;
	font-weight: 400;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	font-family: "Inter", Sans-serif!important;
}
.products__archive li img{
	height: 211px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}

.products__archive  span.price,
.products__archive .add-to-cart-container{
	display: none;
}

/* Container for the image to allow absolute positioning of badges */
li.product {
    position: relative !important;
    display: flex;
    flex-direction: column;
}
/* Badges Container - positioned top left over image */
.custom-badges-container {
    position: absolute;
    /* top: 20px; */
    /* left: 20px; */
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    width: 100%;
    /* height: 100%; */
    padding-left: 20px;
    padding-top: 20px;
}

/* Badge Styling */
.badge-category, .badge-credits {
	font-family: "inter", sans-serif;
    background: #fff;
    color: #004376;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 8px;
    border-radius: 8px;
.}

/* Format Line (Above Title) */
.product-format-line {
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 600;
}

/* Meta Details (Below Title) */
.custom-product-meta {
    margin-top: 10px;
    font-size: 13px;
    color: #555;
}
/* 2. Format and Meta Styling */
.product-card-footer-content {
   padding-top: 0;
    margin-top: 12px;
    padding-left: 20px;
    margin-bottom: 20px;
    padding-right: 20px;
}

.product-format-label {
    font-size: 12px;
    font-weight: 800;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.meta-row {
   font-size: 14px;
	text-transform: uppercase;
    color: #004376;
    line-height: 1.3;
    padding: 0 20px 20px 20px;
    display: flex;
    gap: 8px;
    align-items: center;
}
.products__archive li .meta-row img {
	    height: 16px;
    width: 16px;
    margin-bottom: 0;
}
.products__archive li .badge-bookmark{
	width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid;
    position: absolute;
    top: 151px;
    right: 20px;
}
.products__archive li .badge-bookmark img {
	    height: 16px;
    width: 16px;
    margin-bottom: 0;
}
.products__archive .format-tag {
	display: flex;
	align-items: center;
	gap: 4px;
	padding-left: 20px;
	padding-right: 20px;
	    padding-bottom: 24px;
	font-size: 14px;
    text-transform: uppercase;
    color: #004376;
    line-height: 1.3;
}
.products__archive .format-tag img {
	height: 16px;
    width: 16px;
    margin-bottom: 0;
}
.products__archive .format-container-top {
	display: flex;
	align-items: center;
}
.products__archive .woocommerce nav.woocommerce-pagination ul,
.products__archive .woocommerce nav.woocommerce-pagination ul li{
	border: none;
}
.products__archive .woocommerce nav.woocommerce-pagination ul {
	display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
}
.products__archive .woocommerce nav.woocommerce-pagination ul li a,
.products__archive  .woocommerce nav.woocommerce-pagination ul li span.current{
	min-width: 40px;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #004376;
	font-weight: 400;
	padding: 0;
    font-size: 16px;
}
.products__archive  .woocommerce nav.woocommerce-pagination ul li span.current,
.products__archive  .woocommerce nav.woocommerce-pagination ul li a:hover{
	background: #e5ecf1;
	font-weight: 600;
}
.products__archive .woocommerce nav.woocommerce-pagination ul li a.next {
	margin-left: 103px;
	border: 1px solid;
}
.products__archive .woocommerce nav.woocommerce-pagination ul li a.prev {
	margin-right: 103px;
	border: 1px solid;
	display: flex!important;
}
.products__archive .woof_products_top_panel,
.products__archive .woocommerce-notices-wrapper,
.products__archive .woof_products_top_panel_content{
	display: none!important;
}
.products__archive .woof_products_top_panel_ul {
	display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}
.products__archive .woof_products_top_panel_ul li button.woof_reset_button_2 {
	    padding: 5px 10px;
}
.products__archive>.woocommerce.columns-3>.woocommerce-pagination {
	position: absolute;
    bottom: -70px;
    left: 50%;
}
.products__archive>.woocommerce.columns-3>.row{
	width: 75%;
	    justify-content: start;
}

.products__archive .woof_submit_search_form_container{
	justify-content: space-between;
    padding-right: 20px;
    margin-top: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ccd9e4;
    padding-left: 20px;
}
.products__archive .woof_submit_search_form_container>div {
	color: #004376;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
}
.products__archive .woof_submit_search_form_container button{
	background: none!important;
	padding: 0!important;
	margin: 0!important;
	color: #668ead;
	font-size: 14px;
	line-height: 1.3;
	text-transform: capitalize;
	font-weight: 400;
}
.products__archive .woof_submit_search_form_container button:hover{
	color: #004376;
	
}

.products__archive--tabs .elementor-widget-search .e-search-label>svg {
	transform: translateY(-25%);
}
.woof_submit_search_form_container div, 
.woof_submit_search_form_container button,
.woof_submit_search_form_container:empty{
	display: block!important;
}


/* Container for the toggle button */
.woof_show_more_less_container {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Style for the button to match your screenshot */
.woof_show_more_less_btn {
    color: #004376; /* Adjust to match your blue */
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.woof_show_more_less_btn:hover {
	 color: #004376;
}

.woof_show_more_less_btn::after {
    content: ''; /* Down arrow symbol */
	background: url('/wp-content/uploads/2025/12/chevron-down.png');
    margin-left: 5px;
    font-size: 18px;
	width: 20px;
	height: 20px;
	background-size: contain;
}

.woof_show_more_less_btn.opened::after {
    content: ''; /* Up arrow symbol */
	background: url('/wp-content/uploads/2025/12/chevron-up.png');
	width: 20px;
	height: 20px;
	background-size: contain;
}

/* Hidden state */
.woof_list li.hidden-item {
    display: none;
}


/* -------------------------------------------------------------- */

/* running string */
/* .ticker-wrap {
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
 */
.ticker {
  width: 100%;
}

.ticker-track {
  display: flex;
  width: max-content;
  animation: ticker-scroll 18s linear infinite;
}
.ticker-track-2 {
  display: flex;
  width: max-content;
  animation: ticker-scroll 54s linear infinite;
}
.ticker-track-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 450px;
    gap: 20px;
    padding: 32px 56px;
    border-right: 1px solid #ccd9e4;
    justify-content: center;
}
.ticker-track-imgs .ticker-track-item {
	min-width: 300px;
	
}
.ticker-track-imgs .ticker-track-item img {
	max-width: 120px;
	
}
.ticker-track-imgs.ticker-track-imgs2 .ticker-track-item img {
	max-width: 160px;
	
}

.ticker-track-item span,
.ticker-track-item h2
{
 
  color: #004376;
}
.ticker-track-item h2 {
	margin-bottom: 0;
}

@keyframes ticker-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}




/* magenic button */
/* Custom Icon Window Styling */
.custom-icon-window{
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    pointer-events: none;
    margin-left: 16px;
}
.custom-icon-window-browse{
    width: 20px;
    height: 20px;

    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    pointer-events: none;
    margin-left: 8px;
}

.custom-icon-window-blue{
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    pointer-events: none;
    margin-left: 16px;
}
.custom-icon-window-browse-blue{
    width: 20px;
    height: 20px;

    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    pointer-events: none;
    margin-left: 8px;
}

.custom-arrow,
.custom-arrow-browse,
.custom-arrow-browse-blue{
    position: relative;
    width: 100%;
    height: 100%;
}

/* Base style for both icons using masks */
.custom-arrow::before,
.custom-arrow::after{
    content: '';
    position: absolute;
    width: 20px; /* Adjust based on your SVG size */
    height: 20px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    background-color: #e67e22; /* Arrow color */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: transform 0.5s cubic-bezier(0.6, 0.01, 0, 1);
}
.custom-arrow-browse::before,
.custom-arrow-browse::after{
    content: '';
    position: absolute;
    width: 20px; /* Adjust based on your SVG size */
    height: 20px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    background-color: #fff; /* Arrow color */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: transform 0.5s cubic-bezier(0.6, 0.01, 0, 1);
}
.custom-arrow-browse-blue::before,
.custom-arrow-browse-blue::after{
    content: '';
    position: absolute;
    width: 20px; /* Adjust based on your SVG size */
    height: 20px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    background-color: #004376; /* Arrow color */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: transform 0.5s cubic-bezier(0.6, 0.01, 0, 1);
}
.browse__btn--blue a {
	padding-left: 0!important;
}

/* State 1: Normal Arrow */
.custom-arrow::before {
    -webkit-mask-image: url('/wp-content/uploads/2025/12/Icon-1-3.svg');
    mask-image: url('/wp-content/uploads/2025/12/Icon-1-3.svg');
}
.custom-arrow-browse::before {
    -webkit-mask-image: url('/wp-content/uploads/2025/12/Icon-box.svg');
    mask-image: url('/wp-content/uploads/2025/12/Icon-box.svg');
}
.custom-arrow-browse-blue::before {
    -webkit-mask-image: url('/wp-content/uploads/2025/12/Icon-13-1.svg');
    mask-image: url('/wp-content/uploads/2025/12/Icon-13-1.svg');
}

/* State 2: Hover Arrow (Starts off-screen) */
.custom-arrow::after {
    -webkit-mask-image: url('/wp-content/uploads/2025/12/Icon-2-3.svg');
    mask-image: url('/wp-content/uploads/2025/12/Icon-2-3.svg');
    transform: translate(-150%, 150%); /* Start bottom-left */
}
.custom-arrow-browse::after {
    -webkit-mask-image: url('/wp-content/uploads/2025/12/Icon-box.svg');
    mask-image: url('/wp-content/uploads/2025/12/Icon-box.svg');
    transform: translate(-150%, 150%); /* Start bottom-left */
}
.custom-arrow-browse-blue::after {
    -webkit-mask-image: url('/wp-content/uploads/2025/12/Icon-13-1.svg');
    mask-image: url('/wp-content/uploads/2025/12/Icon-13-1.svg');
    transform: translate(-150%, 150%); /* Start bottom-left */
}

/* HOVER ANIMATION */
.main__button:hover .custom-arrow::before {
    transform: translate(150%, -150%); /* Move out top-right */
}

.main__button:hover .custom-arrow::after {
    transform: translate(0, 0); /* Slide into center */
}
.main__button:hover .custom-arrow-browse::before {
    transform: translate(150%, -150%); /* Move out top-right */
}

.main__button:hover .custom-arrow-browse::after {
    transform: translate(0, 0); /* Slide into center */
}

.main__button:hover .custom-arrow-browse-blue::before {
    transform: translate(150%, -150%); /* Move out top-right */
}

.main__button:hover .custom-arrow-browse-blue::after {
    transform: translate(0, 0); /* Slide into center */
}
/* -------------------------------------------------------------- */

/* speakers */
.product__item--cat a {
	color: #99b4c8;
}
.product__item--speakers {
	display: flex;
	flex-direction: column;
}

.product__item--speakers p {
	display: none;
}
.product__item--speakers p:has(img),
.product__item--speakers p:has(img) strong{
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 16px;
}
.product__item--speakers p:has(img) img {
	
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 12px;
}
.product__featured--img {
	height: 100%;
}
.product__featured--img img {
	height: 100%;
	object-fit: cover;
}
.product__page--cat a {
	color: #99B4C8!important;
}
/* -------------------------------------------------------------- */
/* session slider */
.sessions__slider .speaker-info h4 {
	color: #004376!important;
}
.sessions__slider .e-con-inner {
	margin-left: 0!important;
}
.sessions__slider .speaker-info p {
	color: #99b4c8!important;
	opacity: 1!important;
}


.sessions__slider .swiper-pagination-fraction,
.attorney__slider .swiper-pagination-fraction{
	bottom: 0px!important;
	left: calc(50% + 164px);
	width: max-content;
	font-size: 0!important;
    min-width: 164px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.attorney__slider .swiper-pagination-fraction {
	left: 95px;
}
.sessions__slider .swiper-pagination-current,
.sessions__slider .swiper-pagination-total,
.attorney__slider .swiper-pagination-current,
.attorney__slider .swiper-pagination-total{
	font-size: 14px!important;
	color: #99B4C8;
	bottom: -40px;

}

.attorney__slider .swiper .swiper-pagination-fraction {
	bottom: 63px!important;
	
	width: max-content;
	font-size: 0;
    min-width: 164px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.attorney__slider .swiper-pagination-current,
.attorney__slider .swiper-pagination-total{
	font-size: 14px;
	color: #99B4C8;
}
.attorney__slider .swiper-pagination-current {
	color: #004376;
}

.attorney__slider .swiper-pagination-current {
	position: relative;
}
.attorney__slider .swiper-pagination-total{
	position: relative;
}
.attorney__slider .swiper-pagination-current:after {
	position: absolute;
	content: "";
	top: 8px;
    left: 34px;
	width: 96px;
	height: 1px;
	background: #99B4C8;
}
.attorney__slider .swiper-pagination-current:before,
.attorney__slider .swiper-pagination-total:before{
	position: absolute;
	content: "0";
	left: -9px;
	
}


@media (min-width: 768px) and (max-width: 1024px) {
		#woof-offcanvas .woof_redraw_zone {
		display: flex;
    flex-direction: column-reverse;
	}
	#woof-offcanvas input[type="checkbox"] {
    accent-color: #1a436d;
    width: 18px;
    height: 18px;
}
	 #woof-offcanvas .icheckbox_square-blue {
    width: 18px !important;
    height: 18px !important;
    background-image: url(/wp-content/uploads/2025/12/Checkbox.svg) !important;
    background-position: 0 !important;
    background-size: contain;
    margin-top: 0;
}
	 #woof-offcanvas .woof_list label {
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: #004376;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: 500;
    padding-top: 0;
}
	 #woof-offcanvas .woof_container_inner h4 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    color: #004376;
    margin-bottom: 24px;
}
	 #woof-offcanvas .woof_container {
    padding: 20px;
    border-bottom: 1px solid #ccd9e4;
    margin-bottom: 0;
}
	#woof-offcanvas .woof_submit_search_form_container {
    justify-content: start;
        padding-right: 20px;
        margin-top: 22px;
        padding-bottom: 22px;
        border-bottom: 1px solid #ccd9e4;
        padding-left: 20px;
        gap: 24px;
}
	#woof-offcanvas .woof_redraw_zone {
    padding: 0;
    border: 1px solid #ccd9e4;
    display: flex;
    flex-direction: column-reverse;
}
	#woof-offcanvas .woof_submit_search_form_container>div {
    color: #004376;

font-family: "PP Editorial New";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 104%; /* 33.28px */
}
	#woof-offcanvas .icheckbox_square-blue.checked {
    width: 18px !important;
    height: 18px !important;
    background-image: url(/wp-content/uploads/2025/12/Checkbox-1.svg) !important;
    background-size: contain;
    background-position: 0 !important;
    margin-top: 0;
}
	#woof-offcanvas .woof_submit_search_form_container button {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #668ead;
    font-size: 14px;
    line-height: 1.3;
    text-transform: capitalize;
    font-weight: 400;
}
	.products__archive .woocommerce.columns-3 {
  
    flex-direction: column;
}
	.products__archive>.woocommerce.columns-3>.row {
    width: 100%;
   justify-content: space-between;
    align-self: center;
}
	.products__archive>.woocommerce.columns-3>.woocommerce-pagination{
		left: 0%;
	}
	.products__archive .woocommerce.columns-3>.woocommerce,
	.products__archive .woocommerce.columns-3>#woof_results_by_ajax{
		width: 100%;
	}
	.speakers__tabs .e-n-tab-title[aria-selected="false"]:before {
		background: url("/wp-content/uploads/2025/12/iconButton-3.svg")!important;
		width: 40px!important;
        height: 40px!important;
        background-size: contain !important;
        top: calc(50% - 20px) !important;
		content: "";
		position: absolute;
		right: 24px;
	}
	.speakers__tabs .e-n-tab-title[aria-selected="true"]:before {
		background: url("/wp-content/uploads/2025/12/iconButton-4.svg")!important;
		width: 40px!important;
        height: 40px!important;
        background-size: contain !important;
        top: calc(50% - 20px) !important;
	}
	.speakers__tabs .speakers__btn img {
		display: none;
	}
	
	.products__archive li.product {
		width: 48%;
	}
	.main__button a {
		width: 100% !important;
    justify-content: space-between;
	}
	.main__button.browse__btn a,
	.main__button.browse__btn--blue a {
		 justify-content: start;
	}
	.main__button  {
		width: 100% !important;
	}
	.main__button.browse__btn,
	.main__button.browse__btn--blue,
	footer .main__button#footer-view-more-btn{
		width: max-content !important;
	}
  .sessions__slider .swiper-pagination-current,
.sessions__slider .swiper-pagination-total{
	    bottom: 20px;
}
	.sessions__slider .swiper-pagination-fraction {
	
	left: 120px;
	
}
	.sessions__slider .elementor-swiper-button-next,
	.sessions__slider .elementor-swiper-button-prev{
		z-index: 9999;
	}
	.hero__slider .swiper .elementor-swiper-button {
   
    width: 40px;
    height: 40px;
}
	.hero__slider .elementor-swiper-button-prev {
    left: calc(100% - 115px) !important;
}
	.main__button a span.elementor-button-content-wrapper {
		width: calc(100% - 56px);
	}
	.main__button.browse__btn a span.elementor-button-content-wrapper,
	.main__button.browse__btn--blue a span.elementor-button-content-wrapper{
		width: auto;
	}
}

.sessions__slider .swiper-pagination-current {
	color: #004376;
	position: relative;
}
.sessions__slider .swiper-pagination-total{
	position: relative;
}
.sessions__slider .swiper-pagination-current:after {
	position: absolute;
	content: "";
	top: 10px;
    left: 34px;
	width: 96px;
	height: 1px;
	background: #99B4C8;
}
.sessions__slider .swiper-pagination-current:before,
.sessions__slider .swiper-pagination-total:before{
	position: absolute;
	content: "0";
	left: -9px;
	
}
.sessions__slider {
	position: relative;
	overflow: hidden;
}
.sessions__slider:before {
	position: absolute;
	content: "";
	width: 120px;
	height: 100%;
	background: linear-gradient(to right, #F2F5F800 0%, #F2F5F8 100%);
	opacity: 1;
	top: 0;
	left: auto;
	right: 0;
	z-index: 3;
}
.sessions__slider .swiper {
	overflow: visible;
	padding-bottom: 0!important;
}
.sessions__slider .swiper .swiper-slide{
/* 	max-width: 99.5%; */
}


/* Container for the tabs */
.my-nav-container {
    display: flex;
    border-top: 1px solid #E0E0E0;
}

/* Individual Tab Item */
.nav-item {
    flex: 1;
    cursor: pointer;
    border-right: 1px solid #CCD9E4!important;
/*     border-bottom: 1px solid #E0E0E0; */
    transition: background 0.3s ease, border-color 0.3s ease;
	opacity: 0.5;
}

.nav-item:last-child {
    border-right: none;
}

/* THE ACTIVE STATE */
.nav-item.active-nav-tab {
    pointer-events: none; /* Disables clicking the already active tab */
	opacity: 1;
}

/* ... Your existing desktop CSS remains here ... */

/* TABLET & MOBILE SLIDER OVERRIDES */
@media (max-width: 1024px) {
    
    
}



/* -------------------------------------------------------------- */



/* footer WPform  */

.footer-subscribe .wpforms-submit-container {
	margin: 0 !important;
    position: absolute!important;
    top: 4px;
    right: 4px;
}
.footer-subscribe .wpforms-container input.wpforms-field-large{
	font-size: 18px;
    min-height: 59px;
    padding: 7px 20px;
}
.footer-subscribe .wpforms-submit{
	font-family: "Inter", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    height: 51px !important;
    padding: 24px !important;
    line-height: 1.5 !important;
}
.footer-subscribe .wpforms-submit:hover{
	background: #F39B33!important;
}
.footer-subscribe .wpforms-field-email {
	padding: 0!important;
}
.footer-subscribe .wpforms-container {
	margin: 0 !important;
}

/* -------------------------------------------------------------- */

/* Cart */

.cart__container:has(.empty__cart){
	background: #004376!important;
}

/* -------------------------------------------------------------- */
@media (max-width: 767px) {
	#woof-offcanvas .woof_redraw_zone {
		display: flex;
    flex-direction: column-reverse;
	}
	#woof-offcanvas input[type="checkbox"] {
    accent-color: #1a436d;
    width: 18px;
    height: 18px;
}
	 #woof-offcanvas .icheckbox_square-blue {
    width: 18px !important;
    height: 18px !important;
    background-image: url(/wp-content/uploads/2025/12/Checkbox.svg) !important;
    background-position: 0 !important;
    background-size: contain;
    margin-top: 0;
}
	 #woof-offcanvas .woof_list label {
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: #004376;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: 500;
    padding-top: 0;
}
	 #woof-offcanvas .woof_container_inner h4 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    color: #004376;
    margin-bottom: 24px;
}
	 #woof-offcanvas .woof_container {
    padding: 20px;
    border-bottom: 1px solid #ccd9e4;
    margin-bottom: 0;
}
	#woof-offcanvas .woof_submit_search_form_container {
    justify-content: start;
        padding-right: 20px;
        margin-top: 22px;
        padding-bottom: 22px;
        border-bottom: 1px solid #ccd9e4;
        padding-left: 20px;
        gap: 24px;
}
	#woof-offcanvas .woof_redraw_zone {
    padding: 0;
    border: 1px solid #ccd9e4;
    display: flex;
    flex-direction: column-reverse;
}
	#woof-offcanvas .woof_submit_search_form_container>div {
    color: #004376;

font-family: "PP Editorial New";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 104%; /* 33.28px */
}
	#woof-offcanvas .icheckbox_square-blue.checked {
    width: 18px !important;
    height: 18px !important;
    background-image: url(/wp-content/uploads/2025/12/Checkbox-1.svg) !important;
    background-size: contain;
    background-position: 0 !important;
    margin-top: 0;
}
	#woof-offcanvas .woof_submit_search_form_container button {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #668ead;
    font-size: 14px;
    line-height: 1.3;
    text-transform: capitalize;
    font-weight: 400;
}
	.products__archive>.woocommerce.columns-3>.woocommerce-pagination {
    left: 0%;
}
	.products__archive>.woocommerce.columns-3>.row {
    width: 100%!important;
    
    align-self: center;
}
	.products__archive .woocommerce.columns-3>#woof_results_by_ajax {
	width: 100%;
}
	.products__archive #woof_results_by_ajax .woocommerce.columns-3 {
    flex-direction: column;
    gap: 10px;
		align-items: center;
}
	.products__archive #woof_results_by_ajax {
		display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
	}
	.products__archive .woocommerce nav.woocommerce-pagination ul li a.prev {
		margin-right: 10px;
	}
	.products__archive .woocommerce nav.woocommerce-pagination ul li a.next {
		margin-left: 10px;
	}
	.products__archive--tabs .e-n-tabs-heading {
		    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 29px;
	}
	.products__archive--tabs .e-n-tabs-heading #by-law-firm {
		margin-top: 0!important;
	}
	.products__archive--tabs .e-n-tabs-heading #all-courses .e-n-tab-title-text {
		display: block!important;
		        width: max-content;
        max-width: 140px;
	}
	.products__archive--tabs .custom-count-badge {
		right: 37px;
	}
	
	.hero__slider .swiper .swiper-pagination-fraction {
		left: 9px;
	}
	.main__button a:after {
		width: 48px;
		height: 48px;
		    top: 3px;
		
	}
	.main__button a span.elementor-button-content-wrapper {
		width: calc(100% - 56px);
		position: relative;
		left: 20px;
	}
	.main__button.browse__btn a span.elementor-button-content-wrapper,
	.main__button.browse__btn--blue a span.elementor-button-content-wrapper{
		width: auto;
		position: relative;
		left: 0px;
	}
	
	.main__button a {
		width: 100% !important;
    justify-content: space-between;
	}
	.main__button.browse__btn a,
	.main__button.browse__btn--blue a {
		 justify-content: start;
	}
	.main__button  {
		width: 100% !important;
	}
	.main__button.browse__btn,
	.main__button.browse__btn--blue,
	footer .main__button{
		width: auto !important;
	}
	.top__left--square:before {
		left: -4px;
		top: 9px;
	}
	.hero__slider .elementor-swiper-button {
		padding: 10px;
	}
	.hero__slider .swiper-pagination-current:after {
		width: 48px;
	}
	.hero__slider .swiper .swiper-pagination-fraction {
		min-width: 120px;
	}
	.hero__slider .elementor-swiper-button-next {
    left: auto!important;
    right: 0 !important;
}
	.hero__slider .elementor-swiper-button-prev {
    right: 50px !important;
    left: auto !important;
}
.product__card--flex .elementor-image-box-wrapper	{
		    display: flex!important;
    align-items: center!important;
    gap: 4px!important;
	}
	.products__archive .woocommerce.columns-3 {
		flex-direction: column;
	}
	.products__archive .woof_sid_flat_white {
		width: 100%;
	}
	.products__archive .woocommerce.columns-3>.woocommerce {
    width: 100%;
}
	.products__archive li.product {
		width: 100%;
	
	}
	.products__archive .woocommerce.columns-1>.woocommerce #woof_results_by_ajax{
		    display: flex;
    flex-direction: column;
		align-content: center;
    align-items: center;
		        margin-top: 40px;
	}
	.products__archive .row:has(li.product) {
   
    width: 100%;
}
	.sessions__slider:before {
		display: none!important;
	}
	.sessions__slider .swiper-pagination-fraction {
		left: 120px;
	}
	.speakers__bar--animation.start-animation::before {
   
   top: 26px;
        left: -1px;
        width: 1px;
        border: none;
        max-height: calc(100% - 26px);
    
}
	.speakers__bar--animation{
		margin-left: 0;
	}
	.product__card--grid:hover .product__grid--image {
		min-height: 140px!important;
	}
	.product__featured--img {
    height: auto;
}
	.sessions__slider .swiper-pagination-current, .sessions__slider .swiper-pagination-total {
    
    bottom: 28px;
}
	.hero__slider .swiper .elementor-swiper-button {
   
    width: 40px;
    height: 40px;
}
}





/*  */
.attorney__slider {
	
}
.attorney__image .elementor-image-box-wrapper {
	gap: 22px;
}

/* 1. Base Button & Background */
.hero__slider .elementor-swiper-button {
    overflow: hidden !important;
    position: relative;
    background-color: transparent;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.hero__slider .elementor-swiper-button:hover {
    background-color: #1a5684 !important;
    border-color: #fff !important;
}

/* 2. Hide the default Elementor SVG */
.hero__slider .elementor-swiper-button svg {
    display: none !important;
}

/* 3. Setup the Initial Icon (Normal State) */
.hero__slider .elementor-swiper-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px; /* Adjust size */
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.hero__slider .elementor-swiper-button-prev::before {
    background-image: url('/wp-content/uploads/2026/01/chevron-backward.svg');
}

.hero__slider .elementor-swiper-button-next::before {
    background-image: url('/wp-content/uploads/2026/01/chevron-forward.svg');
}

/* 4. Setup the Slide-In Icon (Hover State) */
.hero__slider .elementor-swiper-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: #ffffff; /* Makes the SVG white on hover */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}

.hero__slider .elementor-swiper-button-prev::after {
    -webkit-mask-image: url('/wp-content/uploads/2026/01/chevron-backward.svg');
    transform: translate(150%, -50%); /* Start hidden on right */
}

.hero__slider .elementor-swiper-button-next::after {
    -webkit-mask-image: url('/wp-content/uploads/2026/01/chevron-forward.svg');
    transform: translate(-250%, -50%); /* Start hidden on left */
}

/* 5. The Hover Action */

/* Original moves out */
.hero__slider .elementor-swiper-button-prev:hover::before {
    transform: translate(-150%, -50%);
    opacity: 0;
}
.hero__slider .elementor-swiper-button-next:hover::before {
    transform: translate(150%, -50%);
    opacity: 0;
}

/* Clone moves in */
.hero__slider .elementor-swiper-button:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%);
}

/*  */


/* Container Setup */
.e-loop__load-more .elementor-button {
    overflow: hidden;
    position: relative;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover Background & Text Color */
.e-loop__load-more .elementor-button:hover {
/*     background-color: #1a5684 !important; */
/*     color: #fff !important; */
}

/* 1. Original Icon Animation (Slides OUT Down) */
.e-loop__load-more .elementor-button .elementor-button-icon {
    transition: transform 0.3s ease, opacity 0.3s ease;
    display: inline-flex;
}

.e-loop__load-more .elementor-button:hover .elementor-button-icon {
    transform: translateY(150%); /* Moves down and out */
    opacity: 0;
}

/* 2. The Pseudo-element (Clone) Setup */
.e-loop__load-more .elementor-button .elementor-button-content-wrapper::after {
    content: '';
    position: absolute;
    /* Adjust 'right' to align exactly where your original icon is */
    right: 0px; 
    top: 50%;
    width: 14px; /* Size of the chevron */
    height: 14px;
    background-color: currentColor;
    
    /* Mask for the Chevron Down */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
    
    /* Initial state: Hidden above the button */
    transform: translate(0, -250%);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hover State: Slide clone INTO view from TOP */
.e-loop__load-more .elementor-button:hover .elementor-button-content-wrapper::after {
    transform: translate(0, -50%); /* Centered vertically */
    opacity: 1;
}

/* Ensure the wrapper doesn't clip the pseudo-element incorrectly */
.e-loop__load-more .elementor-button-content-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}



/* 1. Base State: The Title Bar */
.faq__section .e-n-accordion-item-title {
    transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
}

/* 2. Base State: The Icon Container */
.faq__section .e-n-accordion-item-title-icon {
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); /* Adds a slight "bounce" effect */
    display: inline-flex;
}

/* 3. Open State: Smooth Background Change */
/* Replace #f9f9f9 with your preferred highlight color */
.faq__section .e-n-accordion-item[open] .e-n-accordion-item-title {
    background-color: #f9f9f9; 
}

/* 4. Open State: Smooth Icon Rotation */
/* This rotates the icon 45 degrees when the accordion opens */
.faq__section .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
    transform: rotate(135deg);
}

/* 5. Smooth Fade for the Content */
.faq__section .e-n-accordion-item > div[role="region"] {
    animation: fadeIn 0.4s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 768px) and (max-width: 1024px) {
	
	/* 1. Make the container scrollable horizontally */
    .my-nav-container {
        flex-wrap: nowrap !important; /* Force items to stay in one row */
        overflow-x: auto; /* Allow side scrolling */
        justify-content: flex-start; /* Align items to the start */
        
        /* Smooth scrolling for iOS */
        -webkit-overflow-scrolling: touch; 
        
        /* Optional: Hide scrollbar for a cleaner look */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* IE 10+ */
    }
    
    .my-nav-container::-webkit-scrollbar { 
        display: none; /* Chrome/Safari */
    }

    /* 2. Fix the width of individual tabs so they don't squish */
    .nav-item {
        /* flex: 0 0 auto; -> Don't grow, don't shrink, auto basis
           width: 85vw;    -> Takes up 85% of screen width (peeks the next one)
        */
        flex: 0 0 85vw !important; 
        max-width: 320px; /* Optional: cap the width so it's not huge on tablets */
        border-right: 1px solid #CCD9E4 !important;
        border-bottom: 1px solid #CCD9E4; /* Add bottom border on mobile for separation */
    }
	.sessions__slider:before {
		display: none!important;
	}

    /* --- VARIABLES --- */
    /* Adjust this value to match the position of your top__left--square */
    .progress__bar--animation--tablet {
        --bar-start-offset: 35px; 
    }

    /* --- CONTAINER SETUP --- */
    .progress__bar--animation--tablet1,
    .progress__bar--animation--tablet2 {
        position: relative;
        /* Removed the border-top here to use a positioned track instead */
        border-top: none; 
    }

    /* --- 1. THE GREY TRACK (::after) --- */
    /* We create the grey line manually so we can start it at the offset */
    .progress__bar--animation--tablet1::after,
    .progress__bar--animation--tablet2::after {
        content: "";
        position: absolute;
        top: -1px;
        left: var(--bar-start-offset); /* Starts at the square */
        right: 0; /* Extends to the end */
        height: 1px;
        background-color: rgba(0, 67, 118, 0.1);
        z-index: 1;
		border: none;
    }

    /* --- 2. THE BLUE PROGRESS BAR (::before) --- */
    
    /* ROW 1 BAR */
    .progress__bar--animation--tablet.start-animation .progress__bar--animation--tablet1::before {
        content: "";
        position: absolute;
        top: -1px;
        left: var(--bar-start-offset); /* Starts at the square */
        height: 1px;
        background-color: #004376;
        width: 0%;
        z-index: 5;
        animation: fill-row-1 12s linear infinite;
		border: none;
    }

    /* ROW 2 BAR */
    .progress__bar--animation--tablet.start-animation .progress__bar--animation--tablet2::before {
        content: "";
        position: absolute;
        top: -1px;
        left: var(--bar-start-offset); /* Starts at the square */
        height: 1px;
        background-color: #004376;
        width: 0%;
        z-index: 5;
        animation: fill-row-2 12s linear infinite;
				border: none;

    }

    /* --- 3. ITEM HIGHLIGHTS (Unchanged) --- */
    
    .progress__bar--animation--tablet.start-animation .progress__bar--animation--tablet1 .progress__bar--item:nth-child(1) {
        animation: bar-step-1 12s infinite;
    }
    .progress__bar--animation--tablet.start-animation .progress__bar--animation--tablet1 .progress__bar--item:nth-child(2) {
        animation: bar-step-2 12s infinite;
    }
    .progress__bar--animation--tablet.start-animation .progress__bar--animation--tablet2 .progress__bar--item:nth-child(1) {
        animation: bar-step-3 12s infinite;
    }
    .progress__bar--animation--tablet.start-animation .progress__bar--animation--tablet2 .progress__bar--item:nth-child(2) {
        animation: bar-step-4 12s infinite;
    }

    /* --- KEYFRAMES --- */

    /* IMPORTANT: Calculate width based on the offset so it doesn't overflow */
    @keyframes fill-row-1 {
        0% { width: 0%; }
        48% { width: calc(100% - var(--bar-start-offset)); } /* Stops at the end */
        94% { width: calc(100% - var(--bar-start-offset)); }
        95%, 100% { width: 0%; }
    }

    @keyframes fill-row-2 {
        0%, 49% { width: 0%; }
        50% { width: 0%; }
        94% { width: calc(100% - var(--bar-start-offset)); } /* Stops at the end */
        95%, 100% { width: 0%; }
    }

    /* Item Timings */
    @keyframes bar-step-1 { 0%, 94% { opacity: 1; } 95%, 100% { opacity: 0.5; } }
    @keyframes bar-step-2 { 0%, 24% { opacity: 0.5; } 26%, 94% { opacity: 1; } 95%, 100% { opacity: 0.5; } }
    @keyframes bar-step-3 { 0%, 49% { opacity: 0.5; } 51%, 94% { opacity: 1; } 95%, 100% { opacity: 0.5; } }
    @keyframes bar-step-4 { 0%, 74% { opacity: 0.5; } 76%, 94% { opacity: 1; } 95%, 100% { opacity: 0.5; } }
}



/*  law firm page */


/* Container styling */
.attorney-full {
	padding: 40px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	 border-bottom: 1px solid #ccd9e4;
}

/* The clickable wrapper */
.attorney-card-link {
    text-decoration: none !important;
    display: block;
    transition: background-color 0.2s ease-in-out;
}

/* Hover effect for the whole card */
.attorney-card-link:hover {
    background-color: #F2F5F8;
}

/* Row layout */
.attorney-row {
    display: flex;
    align-items: center;
    
   
}
a.attorney-card-link:last-child .attorney-full {
   border-bottom: none;
}

/* Circular photo */
.attorney-photo {
    margin-right: 12px;
    flex-shrink: 0;
}

.attorney-photo img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* Text styles */
.attorney-name {
    color: #004376;

font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 130%; /* 20.8px */
	margin-bottom: 2px;
}

.attorney-meta {
    color: #004376;
opacity: 0.6;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 130%; /* 18.2px */
}
div.wpforms-container-full .wpforms-confirmation-container-full {
	background: transparent!important;
	border: 1px solid #fff!important;
	border-radius: 666px!important;
	padding: 25px!important;
	
}
div.wpforms-container-full .wpforms-confirmation-container-full p{
	color: #fff!important;
	
}
.share__btn {
	color: #fff;
	height: 56px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-family: "Inter", sans-serif;
}
.modal-content-new .btn-success{
	background: #F08200;
	border-radius: 666px;
	border: none;
	    font-weight: 500;
	    padding: 12px 16px;

}
.modal-content-new .btn-success:hover{
	background: #F39B33;
}
.modal-content-new  .modal-title {
	color: #004376;

font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 130%; /* 31.2px */
}
.modal-content-new .modal-body h5 {
	color: #004376;

font-family: Inter;
font-size: 18px;
font-weight: 500;
line-height: 130%; /* 23.4px */
}
.modal-content-new .modal-body .btn-outline-navy {
	border-color: #004376;
	color: #004376;
	border-radius: 666px;
	   font-weight: 500;
	    padding: 12px 16px;

}
.modal-content-new .modal-body .btn-outline-navy:hover {
	background: #F2F5F8;
}
.modal-content-new .modal-body p small {
	color: #668EAD;


font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 130%; /* 18.2px */
}
.modal-content-new .modal-header button{
	background: none;
	opacity: 1;
}
.modal-content-new .modal-header,
.modal-content-new .modal-body {
	padding: 24px;
}

.e-cart-totals .blockUI {
	background: transparent!important;
}