/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Pre Existing CSS */

.npf{display: none !important}
.hovertext {
	display:none
}

.contactbutton:hover + .hovertext {
    display: inline	;
}

.spline-watermark  {
display:none !important;}

.taptap-by-bonfire-image-active .taptap-image-grid-item {
box-shadow: 0px 0px 15px 1px rgb(210 210 210 / 25%);
}

.taptap-image-sub-arrow {
	background-color: #000000!important;
 }

.taptap-image img {
    padding-bottom: 25px!important;
margin-left:3px;
}

.taptap-image {
	text-align: left; }

.taptap-by-bonfire-image .sub-menu li a {
	color: #464b4b!important; }

.taptap-by-bonfire-image .sub-menu li a:hover {
	color: #0f0f0f!important; }

.taptap-by-bonfire-image ul li a { 	color: #FFFFFF!important; }



.elementor-2121 .elementor-element.elementor-element-6350bf81 a { color: #d4c802; }



@media screen and (max-width: 767px) {
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-9fbf38c img {width: 100%;}
	.page-id-1071 .elementor-element-9fbf38c {max-width: 360px; width: 100%; margin: auto;}
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-ec4c7d5 {top: 250px !important; left: 100px !important;}
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-e7a0cb2 {left: 150px !important; top: 50px !important;}
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-2c68b3c {left: 540px !important; top: 250px !important;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-6454234 img {width: 400px;}
	.page-id-1149 .my-adjustment {width: 400px; position: relative; margin-top: -400px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-2c7e3f2 {left: -45%;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-43f8689 {left: 50%; top: -90px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-197f9fa {left: 50%; top: -15px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-3f33188 {left: -50%; top: -140px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-9020e2c {left: -50%; top: 0;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-29da6ab {left: 40%; top: -145px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-ffee316 {left: 50%; top: -160px;}
	.page-id-6 .elementor-element-a0dda96, .page-id-6 .elementor-element-0c2a5c8 {margin-top: 50px;}
	.page-id-6 .elementor-6 .elementor-element.elementor-element-b30c7e1 {left: 30% !important; top: 75% !important;}
	.page-id-6 .elementor-6 .elementor-element.elementor-element-acbc9e8 img {width: 100%; max-width: 320px;}
	.page-id-6 .elementor-6 .elementor-element.elementor-element-84142b2 {left: 30% !important;}
	.page-id-6 .elementor-6 .elementor-element.elementor-element-df1d303 {left: 45% !important;}
	.page-id-6 .elementor-6 .elementor-element.elementor-element-8b861b5, .page-id-6 .elementor-6 .elementor-element.elementor-element-f281898 {display:none !important;}
}
@media screen and (max-width: 682px) {
.page-id-1071 .elementor-1071 .elementor-element.elementor-element-2c68b3c {
    left: 450px !important;
    top: 250px !important;
}
}

@media screen and (max-width: 580px) {
.page-id-6 #bdt-slider-25a7116 .bdt-slide-item .elementor-element-populated {
    height: 400px;
}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-6454234 img {width: 300px;}
	.page-id-1149 .my-adjustment {width: 300px; position: relative; margin-top: -315px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-2c7e3f2 {left: -45%;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-43f8689 {left: 50%; top: -90px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-197f9fa {left: 50%; top: -15px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-3f33188 {left: -50%; top: -140px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-9020e2c {left: -50%; top: 0;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-29da6ab {left: 40%; top: -145px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-ffee316 {left: 50%; top: -160px;}
}
@media screen and (max-width: 540px) {
	.page-id-1071 .elementor-element-9fbf38c {max-width: 275px; width: 100%; margin: auto;}
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-e7a0cb2 {width: 80px; left: 100px !important; top: 30px !important;}
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-ec4c7d5 {top: 185px !important; left: 90px !important; width: 70px;}
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-2c68b3c {left: 350px !important; top: 120px !important; width: 80px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-29da6ab {display: none;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-6454234 img {width: 250px;}
	.my-adjustment img{width:25% !important;}
	.page-id-1149 .my-adjustment {width: 200px;}
	
}
@media screen and (max-width: 480px) {
.page-id-1071 .elementor-element-9fbf38c {
    max-width: 170px;
    width: 100%;
    margin: auto;
}
	.page-id-1071 .elementor-1071 .elementor-element.elementor-element-e7a0cb2 > .elementor-widget-container, .page-id-1071 .elementor-1071 .elementor-element.elementor-element-ec4c7d5 > .elementor-widget-container,  .page-id-1071 .elementor-1071 .elementor-element.elementor-element-2c68b3c > .elementor-widget-container {
    padding: 10px 10px 10px 10px;
}
.page-id-1071 .elementor-1071 .elementor-element.elementor-element-e7a0cb2 {
    width: 60px;
    left: 25% !important;
    top: 50px !important;
}
.page-id-1071 .elementor-1071 .elementor-element.elementor-element-ec4c7d5 {
    top: 185px !important;
    left: 25% !important;
    width: 60px;
}
.page-id-1071 .elementor-1071 .elementor-element.elementor-element-2c68b3c {
    left: 60% !important;
    top: 120px !important;
    width: 60px;
}
}
@media screen and (max-width: 450px) {
	.page-id-1149 .my-adjustment {width: 250px; margin-left: auto !important; margin-right: auto !important;}
	.page-id-1149  .elementor-element-43f8689{display:none !important;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-197f9fa {left: 120% !important; top: -15px;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-ffee316 {top: -30px !important;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-2c7e3f2 {left: -100px !important; top: 50px !important;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-9020e2c {left: 120px !important;}
	.page-id-1149 .elementor-1149 .elementor-element.elementor-element-197f9fa {left: 110px !important; top: 25px !important;}
}


/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.its-simple,
.habitual,
.hi-pages,
.boxabl,
.muscle-fuel,
.little-rae{
	cursor:pointer;
}

.video-overlay {
    position: relative;
}
.video-overlay:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

button.vp-unmute-button {
    display: none !important;
}

.glassfrosted .elementor-widget-container {
    display: none !important;
}

.page-id-5541 .elementor-18 .elementor-element.elementor-element-9fab914.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    display: none;
}

.page-id-5541 .elementor.elementor-48.elementor-location-footer {
    display: none;
}

.page-id-5541 header.page-header {
    display: none;
}

.page-id-5541 .elementor.elementor-18.elementor-location-header {
    display: none;
}

.PlayButton_module_playButtonWrapper__496f5d00 {
display: none;
}

.player button:not(:focus) {
    display: none;
}

.bdt-tab>* {
	padding-bottom: 10px; }

.bdt-tab {
    justify-content: center;
}

.dblogpost h4 {
	font-size:35px;
background: linear-gradient(-45deg, #525560, #000000, #1e222f);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dblogpost h4:before {
    background: linear-gradient(-45deg, #FBE200, #f8f513, #FBE200);
    border-radius: 1px;
    content: '';
    display: block;
    height: 7px;
    width: 80px;
    margin-bottom: 20px;
	margin-top:10px
}

.dblogpost a{
	color: #000000!important;
box-shadow: inset 0px -6px 0px #f3f2c0;
    cursor: pointer;
    transition: .25s ease-in-out;
}
.dblogpost h6 {
font-size: 25px;}

.dblogpost img {
padding: 10px;
	 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.hs-form-required {
    color: #ff9e00!important;
}




.dds-results{position:relative;width:100%;padding:6rem 0 14rem; padding-top: 0rem; padding-bottom: 1rem;
  overflow:hidden;
  
  font-family:'Inter',sans-serif;color:#fff}
@media(max-width:768px){.dds-results{padding:4rem 0 11rem; padding-top: 1rem; padding-bottom: 1rem;}}

.dds-title{background:linear-gradient(298deg,#73769d,#eeecf5,#73769d);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-size:20rem;font-weight:800;line-height:.93;text-align:center;margin:0 0 .5rem;
  letter-spacing:-.03em}
@media(max-width:768px){.dds-title{font-size:3.1rem;padding-bottom:1.5rem}}

.dds-subtitle{color:#eeecf5ba;font-size:1.2rem;text-align:center;margin:0 auto 3rem;max-width:300px}
@media(max-width:768px){.dds-subtitle{max-width:240px;margin-bottom:1rem}}

.dds-rail-wrap{overflow:hidden;padding-left:5rem;cursor:grab;user-select:none; padding-top: 1rem;}
@media(max-width:768px){.dds-rail-wrap{padding-left:1rem}}
.dds-rail{display:flex;gap:0}
.dds-slide{flex:0 0 auto;padding:0 1rem}

.dds-card{transition:transform .3s}
.dds-card:hover{transform:translateY(-5px)}
@media(max-width:768px){.dds-card{}}

.dds-brand{height:60px;display:flex;align-items:center;margin:0 0 1rem .8rem}
.dds-brand img{max-height:100%;max-width:120px;filter:brightness(.95);
  transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s}
.dds-card:hover .dds-brand img{transform:scale(1.1);filter:brightness(1.2)}
@media(max-width:768px){.dds-brand{height:50px}}

.dds-stat{font-size:1.8rem;font-weight:600;line-height:1.15;margin:0 0 1.5rem 1rem;
  color:var(--title,#fff);transition:filter .3s}
.dds-card:hover .dds-stat{filter:brightness(1.2)}
@media(max-width:768px){.dds-stat{font-size:1.2rem}}

.dds-gostudy{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;justify-content:center;gap:.5rem;width:90%;padding:1rem;
  font-size:.8rem;font-weight:600;color:#fff;background:rgba(0,0,0,.82);border-radius:18px;
  backdrop-filter:blur(4px);opacity:0;transition:opacity .3s;text-decoration:none}
.dds-gostudy svg{transition:transform .3s}
.dds-gostudy:hover svg{transform:translate(3px,-3px)}
@media(min-width:769px){.dds-card:hover .dds-gostudy{opacity:1; color: #ffffff;}}
@media(max-width:768px){.dds-gostudy span{display:none}}

.dds-explore{position:absolute;bottom:7rem;left:50%;transform:translateX(-50%);
  background:#21212a;padding:.75rem .8rem .75rem 1.6rem;border-radius:9999px;
  display:flex;align-items:center;gap:1rem;z-index:2}
@media(max-width:768px){.dds-explore{bottom:6rem}}

.dds-explore-label{font-weight:600}
.dds-explore-btn{background:linear-gradient(90deg,#faff00 0%,#fbff4c 100%);color:#0a0a1c;
  font-weight:700;font-size:.9rem;border:2px solid #00000061;border-radius:999px;
  padding:1rem 2rem;box-shadow:0 0 80px rgba(250,255,0,.6);
  display:flex;align-items:center;white-space:nowrap;cursor:pointer;
  transition:transform .2s,background .3s}
.dds-explore-btn:hover{transform:scale(1.05)}
.dds-explore-btn:active{transform:scale(.97)}
@media(max-width:768px){.dds-explore-btn{padding:.45rem .9rem;font-size:.98rem}}

.dds-panel{position:absolute;bottom:13rem;left:50%;transform:translateX(-50%);
  background:#111;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.5);overflow:hidden;
  max-height:0;transition:max-height .4s;padding:0 1rem;z-index:2}
.dds-panel.open{max-height:400px;padding:.75rem 1rem}
@media(max-width:768px){.dds-panel{bottom:11rem}}

.dds-panel-content{display:flex;flex-direction:column}
.dds-feature{padding:.65rem 0;font-size:.9rem;color:#eee}
@media(max-width:768px){.dds-feature{font-size:.75rem}}

.dds-disclaimer{position:absolute;bottom:4.2rem;left:50%;transform:translateX(-50%);
  max-width:300px;font-size:.7rem;color:#888;text-align:center}
.dds-disclaimer a{color:inherit;text-decoration:underline}
@media(max-width:768px){.dds-disclaimer{bottom:3.2rem;font-size:.46rem}}

.dds-rail-wrap::-webkit-scrollbar{display:none}
.dds-rail-wrap{scrollbar-width:none}

/* optional “dragging” cursor */
.dds-rail-wrap.dragging{cursor:grabbing}


.casestudyswiper .swiper-slide {
    width: 340px !important;
    min-width: 340px !important;
}

/* Fuck it - pure CSS centering */
.casestudyswiper {
    display: flex !important;
    justify-content: center !important;

    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
}

.casestudyswiper .swiper-wrapper {
    display: flex !important;
	padding-top: 20px;


}

.casestudyswiper .swiper-slide {
    width: 340px !important;
    min-width: 340px !important;
    flex-shrink: 0 !important;

}

.uspstudio {
     text-wrap-mode: nowrap;
}
@media(min-width:769px){
.elementor-widget-loop-carousel.elementor-pagination-position-outside:not(:has(>.elementor-widget-container))>.swiper, .elementor-widget-loop-carousel.elementor-pagination-position-outside:not(:has(>.elementor-widget-container))>.swiper-container, .elementor-widget-loop-carousel.elementor-pagination-position-outside>.elementor-widget-container>.swiper, .elementor-widget-loop-carousel.elementor-pagination-position-outside>.elementor-widget-container>.swiper-container {

    padding-left: 4rem;
    padding-right: 4rem;
  
	} }

.svp__icon {
    width: 50px;
    height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    
}

.vps__icon {
	    width: 50px!important;
    height: 50px!important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

i {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
	  font-weight: 300; 
	font-size: 105%;
}

.italic i {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
	  font-weight: 300; 
	font-size: 105%;
}




.adscreative .swiper-slide {
width: auto !important;
    min-width: 400px;
    max-width: 400px;
}

.adscreative .swiper {
	padding-left: 4rem;
    padding-right: 4rem;
}

.bm-panel-inner {

    padding: 0px !important;
}


.readytochat {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999; /* make sure it stays above all other elements */
  background: inherit; /* keeps its background if already styled */
}


.dfpt .dfpt__row {
    max-width: fit-content;
    justify-content: center;
    background: #000;
   
    padding: .5rem !important;
    border-radius: 88px;
	    border: 1px solid #1a1a1a;
    background-image: radial-gradient(at top right, #2B2C2E 0%, #030303 56%);
}

.dfpt {

    display: flex
;
    flex-direction: column;
    align-items: center;
}


/* 1. Make the widget root act like a full-width wrapper that centers the slider */
.dvps-2e7119b1 {
  width: 100%;
  display: flex;
  justify-content: center;      /* center child horizontally */
  box-sizing: border-box;
}



.dvpm-5a5d931 .playButton {

    background: #05050833!important;

    backdrop-filter: blur(6px);
}

.imageslider .swiper {
    padding-left: 4rem;
    padding-right: 4rem;
}

.emailslider .swiper {
    padding-left: 4rem;
    padding-right: 4rem;
}

@media (max-width: 767px) {
    .dfpt-mobile-wrap .dfpt__row {
        
        max-width: 250px;
        border-radius: 33px;
    }
}

/* responsive: under 1140px stack + make both 100% wide */
@media (max-width: 1140px) {
  .menu-container {
    flex-wrap: wrap;
  }

  .servicegrid {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    order: 1;
	  
  }

  .serviceusp {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    order: 2;
    background-position: calc(100% - -40px) calc(100% - -110px)!important;


  }
}

.step-label {
    font-size: 11px;
    font-weight: 500;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 8px;
    line-height: 1; /* keeps it vertically tight inside button */
    display: inline-block; /* so margin-right is consistent */
}


.swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background: #8A8A8A !important;
    opacity: 1 !important;
    border-radius: 6px !important;
  
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 6px !important;
}

.swiper-pagination-bullet-active {
    width: 24px !important;
    background: #FFF !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    background: #9CA3AF !important;
    transform: scale(1.1) !important;
}

@font-face {
    font-family: 'Founders Grotesk X Condensed';
    src: url('/wp-content/uploads/founders-grotesk-x-condensed-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.highlightfont {
    font-family: 'Founders Grotesk X Condensed', sans-serif;
    font-weight: 700;
	text-transform: uppercase;

	font-size: 180%;
	    line-height: 1.1;

}

.playIcon,
.playIcon *,
.playIcon::before,
.playIcon::after,
[class*="playIcon"],
[class*="playIcon"] *,
[class*="playIcon"]::before,
[class*="playIcon"]::after,
.dvpm-5a5d931 .playIcon,
.dvpm-5a5d931 .playIcon *,
.dvpm-5a5d931 .playIcon::before,
.dvpm-5a5d931 .playIcon::after {
  background: transparent !important;
  background-color: transparent !important;
  fill: transparent !important;
  stroke: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* If it's an SVG */
.playIcon svg,
.playIcon svg *,
[class*="playIcon"] svg,
[class*="playIcon"] svg * {
  background: none !important;
  fill: currentColor !important;
}

/* If there's a circle/rect behind it */
.playIcon circle,
.playIcon rect,
.playIcon path {
  fill: transparent !important;
  background: transparent !important;
}

/* Hover background for the #studio div */
#studio.e-n-menu-title.e-current:hover {
    background-color: #faff01 !important;
}

/* Change text color to black on hover */
#studio.e-n-menu-title.e-current:hover .e-n-menu-title-text,
#studio.e-n-menu-title.e-current:hover span {
    color: #000 !important;
}

/* Add smooth transition */
#studio.e-n-menu-title.e-current {
    transition: background-color 0.3s ease;
}

#studio.e-n-menu-title.e-current .e-n-menu-title-text {
    transition: color 0.3s ease;
}

/* Keep parent transparent */
li:has(#studio):hover {
    background-color: transparent !important;
}

.elementor-widget-n-menu #studio .e-n-menu-icon span svg {
    height: 20px;
    width: 20px;
    transform: scale(1.4);
	
}
.elementor-widget-n-menu #studio .e-n-menu-icon img {
    transition: opacity 0.3s ease;
}

.elementor-widget-n-menu #studio:hover .e-n-menu-icon img {
    opacity: 0;
}

.elementor-widget-n-menu #studio .e-n-menu-icon {
    position: relative;
}

.elementor-widget-n-menu #studio:hover .e-n-menu-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2025/11/New-Invert-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
		    transform: scale(1.4);
}


/* Fix for get started button and menu items for breakpoint */
.elementor-widget-n-menu .e-n-menu-heading {
    flex-wrap: nowrap;
}

.elementor-12245 .elementor-element.elementor-element-82b1c91 .elementor-button {
    text-wrap-mode: nowrap;
}

.elementor-widget-n-menu .e-n-menu-title .e-n-menu-icon span svg {
    height: 20px;
	width: 20px;
	    transform: scale(1.4);
}



@media (max-width: 767px) {
.adscreative .swiper-slide {
    width: auto !important;
    min-width: 200px !important;
    max-width: 200px !important;
} 
	
	.emailslider .swiper-slide {
		    width: auto !important;
    min-width: 200px !important;
    max-width: 200px !important;
	}
	
		
	.imageslider .swiper-slide {
		    width: auto !important;
    min-width: 200px !important;
    max-width: 200px !important;
	}
	
	

.adscreative .swiper {
    padding-left: 2rem;
    padding-right: 2rem;
}}

.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper~.swiper-pagination-custom, .elementor-element .swiper~.swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper~.swiper-pagination-custom, .elementor-lightbox .swiper~.swiper-pagination-fraction {
     bottom: -26px !important;

}

.sss__overlay {
  background-color: transparent !important;
}

.clickable-container {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.clickable-container:hover {



}

.elementor-widget-wrap [data-tilt]:hover {
    box-shadow: none!important;
}

.dcta-<?php echo esc_attr($id); ?> .dcta__button {
  /* existing styles... */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Force Safari to repaint the background */
.dcta-<?php echo esc_attr($id); ?> .dcta__button::after {
  /* existing styles... */
  will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


body {
  overflow-x: hidden;
}


 .dvpm__icon {

    height: 40px;
    width: 40px;
}

.dvpm__play {

    align-items: center;
    justify-content: center;
}

/* Base card */
.hovercardfx {

}

/* Soft light sweep on hover */


/* Heading + body base */
.hovercardfx .elementor-heading-title {
  font-weight: 600;
  letter-spacing: 0.01em;
  transition:
    color .24s ease,
    transform .24s ease;
}

.hovercardfx .elementor-widget-text-editor {
  transition:
    color .24s ease,
    transform .24s ease,
    opacity .24s ease;
}

/* Hover / focus state */
.hovercardfx:hover,
.hovercardfx:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 24px 70px rgba(100, 100, 100, 0.55);
  border-color: rgba(250, 250, 255, 0.14);
  
}

.hovercardfx:hover::before,
.hovercardfx:focus-within::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Text motion on hover */
.hovercardfx:hover .elementor-heading-title,
.hovercardfx:focus-within .elementor-heading-title {
  color: #fafafa;
  transform: translateY(-2px);
}

.hovercardfx:hover .elementor-widget-text-editor,
.hovercardfx:focus-within .elementor-widget-text-editor {
  color: rgba(245, 245, 245, 0.86);
  transform: translateY(1px);
  opacity: 1;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hovercardfx,
  .hovercardfx::before,
  .hovercardfx .elementor-heading-title,
  .hovercardfx .elementor-widget-text-editor {
    transition: none;
  }
}