/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 * 
 * TABLE OF CONTENTS
 * 
 * 
 * 1. Orange Frame
 * 2. Header
 * 3. Footer
 * 
 * 4. Brown Line 
 * 5. Orange Line for Text Underline
 * 
 * 4. Chaty Widget
 * 5. Forminator
 * 
 * 
 * 4. Home
 * 5. Your Challange
 * 6. Shop (Our Support)
 * 7. Your NEXT
 * 8. Our Story
 * 9. Contact Us 
 * 
 */

.lang-es {
    display: none !important;
}

html[lang="es-ES"] .lang-es {
    display: block !important;
}

html[lang="es-ES"] .lang-en {
    display: none !important;
}







/* ORANGE FRAME & MARGINS & PADDINGS _____________________________________________________________________________________________*/
:root {
	--frame-border-width: 3px;
	--frame-color: var(--theme-palette-color-1);
}


#main-container {
	margin: 40px 20px 20px 20px;
	overflow: visible !important;
}

#header {
    border-top: solid var(--frame-border-width) var(--frame-color) !important;
    border-left: solid var(--frame-border-width) var(--frame-color) !important;
    border-right: solid var(--frame-border-width) var(--frame-color) !important;
}

#main-container .site-main {
    border-left: solid var(--frame-border-width) var(--frame-color);
    border-right: solid var(--frame-border-width) var(--frame-color);
    padding: 0 15px;
}

#footer [data-row="top"] {
    border-left: solid var(--frame-border-width) var(--frame-color) !important;
    border-bottom: solid var(--frame-border-width) var(--frame-color) !important;
    border-right: solid var(--frame-border-width) var(--frame-color) !important;
}

/* TABLET (768px+) */
@media (min-width: 768px) {
    :root { --frame-border-width: 4px; }
    
    #main-container {
        margin: 60px 45px 45px 45px;
    }
	
	#main-container .site-main {
		padding: 40px;
	}
}

/* LARGE TABLET / SMALL LAPTOP (1024px+) */
@media (min-width: 1024px) {
    
	#main-container {
		margin: 60px;
	}
	
	#main-container .site-main {
		padding: 50px;
	}
 
}

/* DESKTOP MEDIUM (1280px+) */
@media (min-width: 1280px) {
	:root { --frame-border-width: 5px; }
	
	#main-container {
		margin: 60px;
	}
	
	#main-container .site-main {
		padding: 0 70px;
	}
}

/* DESKTOP LARGE (1440px+) */
@media (min-width: 1440px) {
	#main-container {
        margin: 100px;
    }
	
	#main-container .site-main {
		padding: 0 130px;
	}
}
/* _____________________________________________________________________________________ */
/*
 * 
 * 
 * 
 * 
 * 
 * 
 *
 *
 *
*/
/* HEADER -> Logo & Navigation menu ___________________________________________________________________________________________________*/


.site-branding {
    position: absolute;
    top: -10px;
    left: -15px;
    z-index: 1000 !important;
}

/* MENU ARROW: Shared Animation Logic */
#menu-echelon-main-menu li a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.js-menu-arrow {
    display: inline-flex !important;
    margin-left: 5px;
    opacity: 0;
    transform: translateX(-15px);
    transition: 
        opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    color: #ff0000;
}

.js-menu-arrow svg {
    width: 18px;
    height: auto;
    vertical-align: middle;
}

/* HOVER & ACTIVE STATES */
#menu-echelon-main-menu li a:hover .js-menu-arrow,
#menu-echelon-main-menu li.current-menu-item .js-menu-arrow {
    opacity: 1 !important;
    transform: translateX(8px) !important;
}

/* TABLET (768px+) */
@media (min-width: 768px) {
    .site-branding {
        top: -20px;
        z-index: 99 !important;
    }
}

/* DESKTOP MEDIUM (1280px+) */
@media (min-width: 1280px) {
    .site-branding {
        top: -50px;
        left: -70px;
    }
}

/* DESKTOP LARGE (1440px+) */
@media (min-width: 1440px) {
    /* Add any 1440 specific tweaks here */
}
/* ________________________________________________________________________________________________________________________*/
/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
*/
/* FOOTER ______________________________________________________________________________ */
.ct-footer [class*="ct-container"] {
    padding-left: 1vw !important;
    padding-right: 1vw !important;
    max-width: 100% !important;
}

#menu-echelon-footer-menu {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Pins links to the right */
}

#menu-echelon-footer-menu li {
    display: flex !important;
    justify-content: flex-end !important;
    width: auto !important;
}

#menu-echelon-footer-menu .ct-menu-link {
    display: inline-block !important;
    width: auto !important;
    position: relative;
    text-decoration: none !important;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 12px; /* Smallest default */
}

/* Image Base Size */
#block-8 img {
    width: 130px !important;
    height: 130px !important;
}

/* Underline Animation Logic */
#menu-echelon-footer-menu .ct-menu-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

#menu-echelon-footer-menu .current-menu-item .ct-menu-link::after,
#menu-echelon-footer-menu .ct-menu-link:hover::after {
    transform: scaleX(1) !important;
}

@media (max-width: 990px) {
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div {
        --grid-template-columns: 1fr !important;
	    margin-bottom: 100px;
	justify-items: right !important;
}

[data-column="socials"] {
        order: 1 !important;
    }

[data-column="copyright"] {
        order: 2 !important;
    }

    
    .ct-footer-copyright p {
		margin-top: 80px;
    }
}





/* MOBILE MEDIUM (370px+) */
@media (min-width: 370px) {
    #menu-echelon-footer-menu .ct-menu-link {
        font-size: 16px;
    }
	
	
	
}

/* TABLET (768px+) */
@media (min-width: 768px) {
    #menu-echelon-footer-menu .ct-menu-link {
        font-size: 24px;
    }
    
    #block-8 img {
        width: 250px !important;
        height: 250px !important;
    }
}

.ct-footer [data-column]>[data-id] {
	margin: 0 !important;
}

/* LARGE DESKTOP (1440px+) */
@media (min-width: 1440px) {
    .ct-footer-copyright p {
    font-size: 18px;
}
	 #block-8 img {
        width: 450px !important;
        height: 450px !important;
    }
}
/* _____________________________________________________________________________________________________*/
/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
*/
/* BROWN LINE  __________________________________________________________________________*/

/* Monile */
@media only screen and (min-width: 300px) {
	.brown-line {
  		border: none; 
  		height: 2.5px; 
  		background-color: var(--theme-palette-color-2) !important; 
  		width: 112.5px;
  		margin-left: auto !important;
  		margin-right: auto !important;
	}
}


/* Tablet */
@media only screen and (min-width: 768px) {
	.brown-line {
  		border: none; 
  		height: 5px; 
  		background-color: var(--theme-palette-color-2) !important; 
  		width: 150px;
  		margin-left: auto !important;
 		margin-right: auto !important;
	}
}


/* Desktop */
@media only screen and (min-width: 992px) {
	.brown-line {
  		border: none; 
  		height: 5px; 
  		background-color: var(--theme-palette-color-2) !important; 
  		width: 150px;
  		margin-left: auto !important;
  		margin-right: auto !important;
	}
}

/* _____________________________________________________________________________________ */
/* 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
*/
/* ORANGE LINE for TEXT UNDERLINE_______________________________________________________ */

.underline-text-orange-b {
	text-decoration: underline;
	text-decoration-color: var(--theme-palette-color-1);
	text-decoration-thickness: 5px;
	text-underline-offset: 4px;
}
.underline-text-orange-s {
	text-decoration: underline;
	text-decoration-color: var(--theme-palette-color-1);
	text-decoration-thickness: 3px;
	text-underline-offset: 4px;
}
/* ______________________________________________________________________________________*/
/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
*/
/* CHATY _________________________________________________________________________________*/
/* Remove the circular clipping from the icon wrappers */
.chaty-channel-list .chaty-channel a,
.chaty-channel-list .chaty-channel span,
.chaty-channel .color-element {
    border-radius: 0 !important;
}

/* Force the SVG container to not clip corners */
.chaty-channel svg {
    border-radius: 0 !important;
    overflow: visible !important;
}

/* Ensure the main trigger button stays square */
.chaty-i-trigger, .chaty-cta-button {
    border-radius: 0 !important;
}
/* _______________________________________________________________________________________*/
/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 */
/* FORMINATOR ___________________________________________________________________________*/

.forminator-button, .forminator-button-submit {
	background-color: var(--theme-palette-color-1) !important;
	color: #fff;
	font-family: 'Myriad Pro', sans-serif !important;
	border-radius: 0 !important;
	padding: 10px 30px;
	font-size: 16px !important;
}


.forminator-button:hover,
.forminator-button-submit:hover {
	background-color: var(--theme-palette-color-5) !important;
}


.forminator-button-submit, 
.forminator-button-submit:hover, 
.forminator-button-submit:focus, 
.forminator-button-submit:active {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important; /* Removes inner text shadow if present */
}


.forminator-checkbox-label, .forminator-error-message {
	font-family: 'RF Rufo', sans-serif;
    letter-spacing: 1.5px;
    font-size: 18px;
    color: #000000;
}


/* Target the input on focus */
.forminator-ui.forminator-custom-form .forminator-input:focus,
.forminator-ui.forminator-custom-form .forminator-textarea:focus {
    border-color: var(--theme-palette-color-1) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
}

/* Ensure the button shadow is also killed on focus/active */
.forminator-ui.forminator-custom-form .forminator-button-submit:focus,
.forminator-ui.forminator-custom-form .forminator-button-submit:active {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* 1. Target the visual checkbox box when the hidden input is checked */
.forminator-ui.forminator-custom-form .forminator-checkbox input:checked + .forminator-checkbox-box {
    background-color: #ffffff; /* Your Orange */
    border-color: var(--theme-palette-color-1) !important;
}

/* 2. Target the tick/icon inside the box if you want to change its color too */
.forminator-ui.forminator-custom-form .forminator-checkbox input:checked + .forminator-checkbox-box i::before {
    color: #ffffff !important; /* White tick icon */
}

/* 3. Input focus border (from your previous request) */
.forminator-ui.forminator-custom-form .forminator-input:focus,
.forminator-ui.forminator-custom-form .forminator-textarea:focus {
    border-color: #ff8c00 !important;
    box-shadow: none !important;
    outline: none !important;
}


.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox .forminator-checkbox-box:before {
	color: var(--theme-palette-color-1) !important;
}


.forminator-ui.forminator-custom-form[data-design=default] .forminator-title+.forminator-subtitle {
	margin-top: 0 !important;
}


.forminator-ui#forminator-module-141.forminator-design--default .forminator-title {
	font-size: 30px !important;
	font-weight: 900;
}


.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-break {
    background-color: #ededed !important;
}


.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-break:before {
    background-color: var(--theme-palette-color-1) !important;
}


/* 1. DEFAULT STATE: All dots are orange and checked by default */
.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 50% !important;
    background-color: var(--theme-palette-color-1) !important;
    border: 2px solid var(--theme-palette-color-1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    position: relative !important;
}


/* Add the checkmark to all dots by default */
.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot::before {
    content: '\2713' !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: bold !important;
    display: block !important;
}


/* 2. FUTURE STATE: Reset any dot that comes AFTER the current one to "Empty/White" */
.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
    background-color: #fff !important;
    border: 2px solid #ededed !important;
}


/* Hide the checkmark for those future dots */
.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot::before {
    display: none !important;
}


/* 3. CURRENT STATE: The "Target" style for the active node */
.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current .forminator-step-dot {
    background-color: var(--theme-palette-color-1) !important;
    border: 3px solid #ffffff !important; 
    outline: 2px solid var(--theme-palette-color-1) !important;
}


/* Hide checkmark on the current node while you are on that page */
.forminator-ui#forminator-module-141.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current .forminator-step-dot::before {
    display: none !important;
}


.forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step {
	flex-direction: row-reverse !important;
}



.forminator-ui#forminator-module-141.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
	font-family: 'RF Rufo', sans-serif;
    letter-spacing: 1.5px;
    font-size: 18px;
    color: #000000;
}




.forminator-select-dropdown-container--open .forminator-custom-form-141.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-custom-form-141.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
	background-color: var(--theme-palette-color-1) !important;
}

/* PRODUCT PAGE ___________________________________________________________________________*/
/* ________________________________________________________________________________________*/



/* HOME ___________________________________________________________________________________*/

/* Mission Section - ECL Icon */
/* Mobile */
@media only screen and (min-width: 300px) {
	.echelon-leadership-consulting-icon {
		width: 150px !important;
		height: 150px !important;
	}
}


/* Tablet */
@media only screen and (min-width: 768px) {
	.echelon-leadership-consulting-icon {
		width: 150px !important;
		height: 150px !important;
	}
}

/* Desktop */
@media only screen and (min-width: 992px) {
	.echelon-leadership-consulting-icon {
		width: 150px !important;
		height: 150px !important;
	}
}







/* Grow text */
@keyframes grow-text {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.25); /* Adjust this for how big you want it to get */
    opacity: 1;
  }
}


.scroll-grow {
  display: inline-block; 
  vertical-align: middle;
  transform-origin: center;
  animation: grow-text linear;
  animation-timeline: view();
  animation-range: entry 15% cover 40%;
}




/* Testimonials*/
/* Testimonials*/
:root {
    --gem-card-w: 320px;
    --gem-card-h: 160px; 
    --gem-accent: var(--theme-palette-color-1);
    --gem-y-gap: 120px; 
}

#gem-pyramid-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 60px 0;
}

.gem-pyramid-stage {
    position: relative;
    width: 100%;
    max-width: 1440px;
    height: 650px;
}

.gem-card {
    position: absolute;
    width: var(--gem-card-w);
    height: var(--gem-card-h);
    background: white;
    display: flex;
    flex-direction: row; 
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0,0,0,0.08);
    border: 1px solid #eee;
    box-sizing: border-box;
    overflow: hidden;
}

/* --- Small State Layout (Horizontal) --- */
.gem-card-left {
    width: 45%;
    background: #fdfdfd;
    display: flex;
    flex-direction: column; 
    align-items: center;
    padding: 20px 10px;
    gap: 10px;
    border-right: 1px solid #f0f0f0;
    flex-shrink: 0;
}

.gem-profile-pic {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}
.gem-profile-pic img { width: 100%; height: 100%; object-fit: cover; }

.gem-profile-info {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.gem-profile-name { font-size: 16px; font-weight: bold; font-family: 'Myriad-Pro', sans-serif; margin: 0; color: #333; }
.gem-profile-role { font-size: 10px; color: #777; font-family: 'RF Rufo', sans-serif; margin: 0; line-height: 1.1; }

.gem-card-right {
    width: 55%;
    padding: 10px;
    display: flex;
    align-items: center;
	position: relative;
}
/* 2. Style the image and hide it by default */
.gem-card-right img {
    position: absolute;
    top: 20px;    /* Adjust for padding */
    right: 20px;  /* Adjust for padding */
    width: 120px;  /* Adjust size as needed */
    height: auto;
    display: none; /* Hidden when card is closed */
	z-index: 10;
}

/* 3. Show the image only when the parent card is open */
.gem-card.gem-is-open .gem-card-right img {
    display: block;
}

.gem-testimonial-text {
    font-size: 12px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
	font-family: 'Myriad-Pro', sans-serif;
}




/* --- Positioning (Relative to 50% Center) --- */
.gem-p1 { left: calc(50% - 160px); top: 0; z-index: 10; border-color: var(--gem-accent); }
.gem-p2 { left: calc(50% - 380px); top: var(--gem-y-gap); z-index: 8; opacity: 0.9; transform: scale(0.9); }
.gem-p3 { left: calc(50% + 60px);  top: var(--gem-y-gap); z-index: 8; opacity: 0.9; transform: scale(0.9); }
.gem-p4 { left: calc(50% - 500px); top: calc(var(--gem-y-gap) * 2); z-index: 6; opacity: 0.8; transform: scale(0.7); }
.gem-p5 { left: calc(50% + 180px); top: calc(var(--gem-y-gap) * 2); z-index: 6; opacity: 0.8; transform: scale(0.7); }
.gem-p6 { left: calc(50% - 540px); top: calc(var(--gem-y-gap) * 2.8); z-index: 4; opacity: 0.7; transform: scale(0.6); }
.gem-p7 { left: calc(50% + 220px); top: calc(var(--gem-y-gap) * 2.8); z-index: 4; opacity: 0.7; transform: scale(0.6); }





/* --- Fixed Open State (Profile Vertical on LEFT, Review on RIGHT) --- */
.gem-card.gem-is-open {
    display: flex;
    flex-direction: row !important; /* Forces LEFT side to stay left */
    left: 50% !important;
    top: 40px !important;
    transform: translateX(-50%) scale(1) !important;
    width: 980px;
    height: 610px;
    z-index: 100 !important;
    border: 3px solid var(--gem-accent);
    box-shadow: 0 20px 20px rgba(0,0,0,0.2);
	overflow: visible !important;
}

.gem-card.gem-is-open .gem-card-left {
    width: 25%;
    flex-direction: column !important; /* Stack vertically when open */
    justify-content: center;
    align-items: center;
    background: #fafafa;
    border-right: 1px solid #f0f0f0; /* Border on the right side of the profile box */
    padding: 20px;
}

.gem-card.gem-is-open .gem-profile-info {
    text-align: center;
    align-items: center;
    margin-top: 15px;
}

.gem-card.gem-is-open .gem-profile-pic { width: 100px; height: 100px; }
.gem-card.gem-is-open .gem-profile-name { font-size: 24px; font-family: 'Myriad-Pro', sans-serif; font-weight: 800; }
.gem-card.gem-is-open .gem-profile-role { font-size: 16px; font-family: 'RF Rufo', sans-serif; font-weight: 400; margin-top: 5px; }

.gem-card.gem-is-open .gem-card-right {
    width: 75%;
    padding: 100px 40px 0px 40px;
    display: flex;
    align-items: center;
}

.gem-card.gem-is-open .gem-testimonial-text {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    font-size: 18px;
    line-height: 1.6;
    text-align: left;
	font-family: 'Myriad-Pro', sans-serif;
}

.gem-footer { 
	position: absolute !important;
    bottom: 150px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 800px;  
    text-align: center;
    z-index: 5;  
    pointer-events: none; 
}

.gem-heading { 
	margin: 0; 
	font-size: 56px; 
	line-height: 1; 
	font-weight: 900; 
	color: var(--theme-palette-color-3);; 
	font-family: 'Myriad-Pro', sans-serif;
}

.gem-subtext {
	font-size: 40;
	color: var(--theme-palette-color-9);
	margin: 0 0 15px 0;
	font-family: 'Myriad-Pro', sans-serif;
}














/* Close Button Styling */

.gem-close-btn {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 34px;
    height: 34px;
    background: #f4f4f4;
    color: #333;
    border-radius: 50%;
    display: none; /* Hidden by default */
    align-items: center;
    justify-content: center;
    font-size: 28px;
	font-family: 'Arial', sans-serif;
    font-weight: bold;
    line-height: 0;
    cursor: pointer;
    z-index: 110; /* Above the card content and logo */
    transition: background 0.3s ease;
}



.gem-close-btn:hover {
    background: var(--gem-accent);
    color: white;
}



/* Only show button when card is open */

.gem-card.gem-is-open .gem-close-btn {
    display: flex;
}









#testimonial-row {
    display: flex;
    overflow-x: auto; /* Allows scrolling */
    scroll-snap-type: x mandatory; /* Makes it "snap" to cards */
    scroll-behavior: smooth;
    scrollbar-width: none; /* Hides scrollbar for Firefox */
}



#testimonial-row::-webkit-scrollbar {
    display: none; /* Hides scrollbar for Chrome/Safari */
}



#testimonial-row > * {
    flex-shrink: 0; /* Prevents cards from squishing */
    scroll-snap-align: start;
}


/* ________________________________________________________________________________________*/


.underline-links-on-hover-custom::after {
content: '';
position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--theme-palette-color-2);
transform: scaleX(0);
  transform-origin: left;
  
  /* Smooth transition */
  transition: transform 0.3s ease-in-out;
}

.underline-links-on-hover-custom:hover::after,
.underline-links-on-hover-custom:active::after {
transform: scaleX(1);
}






/*____________________________________________________________________________________ */
/* 1. Target the container you created */
.delia-story-video {
    width: 100%;
    max-width: 420px;       /* Keeps it from getting too wide on desktop */
    max-height: 80vh;      /* Limits height to 70% of the screen so it's not too tall */
    margin: 0 auto;        /* Centers it */
    aspect-ratio: 9 / 16;  /* Matches your vertical video shape */
    overflow: hidden;      /* Clean edges */
}

/* 2. Target the actual video inside */
.delia-story-video video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* Change 'cover' to 'contain' to stop truncation */
    background: transparent !important;
}

/* 3. Kill the Elementor 'Ghost Space' */
.delia-story-video .elementor-wrapper {
    padding-bottom: 0 !important;
    height: 100% !important;
}




/* */
.sticky-box {
  position: sticky !important;
  top: 60px !important; /* Distance from the top of the viewport */
}



/* */
@media (max-width: 1279px) {
	.echelons-birds-top-right{
	display: none !important;
}
}



@media (min-width: 1400px) {
	.echelons-birds-top-right {
		right: -2vw !important;
	}
}


@media (min-width: 1400px) {
	.echelons-birds-top-right {
		right: -6vw !important;
	}
}

/* */


@media (min-width: 1199px) {
	.brown-line-card {
		display: none !important;
	}
}


@media only screen and (min-width: 300px) and (max-width: 700px) {
	.forminator-title {
		font-size: 30px !important;
	}
	
	.forminator-subtitle {
		font-size: 24px !important;
	}
}