.carousel-row-slide-content span.component-card h2, h2.hdr-blue {
    color: #009fde;
    text-transform: uppercase;
    font-weight: bolder;
}
.carousel-row-slide-content p.text-sm.font-semibold.opacity-80.mt-0, h3.subhdr {
    font-size: 2rem;
}
.carousel-row-slide-content p, p.card-text {
    font-size: 1.2rem;
}
h3.subhdr {
    padding-bottom: 20px;
    text-transform: uppercase;
}

.banner-blue h2 {
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 3.25rem;
    padding-top: 40px;
}
.banner-blue .tab {
    width: 40px;
    height: 40px;
    background: #69c6ef;
    z-index: 900;
    bottom: -55px;
    left: calc(50% - 20px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

[data-epi-block-id="ae51fcae-3262-476d-aa46-120a2581be17"] {
    background-image: url(https://app-epsadi202508r1sjt001.cms.optimizely.com/globalassets/daikin/background/right-angle.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 80% auto;
    height: auto;
}

li .splide__pagination__page.is-active {
    background: rgb(82 82 82 / 81%) !important;
}
.vb\:row:has(.hero-bar) h3 {
  z-index: 10;
  font-weight: bolder;
}
.hero-bar {
    height: 0;
}
.hero-bar.tab {
    width: 40px;
    height: 40px;
    background: #313131;
    z-index: 0;
    position: absolute;
    bottom: -20px;
    left: calc(40% - 20px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Target the second vb:row specifically */
.vb\:grid > .vb\:row:has(.hero-bar) {
  width: calc(100% + 1rem); /* 0.5rem * 2 to negate p-2 */
  margin-left: -0.5rem;      /* Negates left p-2 */
  margin-right: -0.5rem;     /* Negates right p-2 */
  background: #313131;
}
/* Tablet Breakpoint (sm) */
@media (min-width: 640px) {
  .vb\:grid > .vb\:has(.hero-bar) {
    width: calc(100% + 1.5rem); /* 0.75rem * 2 to negate p-3 */
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
/* Desktop Breakpoint (md) */
@media (min-width: 768px) {
  .vb\:grid > .vb\:row:has(.hero-bar) {
    width: calc(100% + 2rem);   /* 1rem * 2 to negate p-4 */
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

p.main-txt {
    font-size: 1.15rem;
}

h2.section-hero {
  text-transform: uppercase;
  padding-bottom: 20px;
}
h2.section-hero span.blue {
  font-weight: bolder;
  color: #009fde;
}
/* Container for the text block */
.hero-text {
  /* 1. Positioning it on the right half */
  margin-left: auto;     /* Pushes the box to the right */
  width: 50%;            /* Takes up exactly half the screen */
  
  /* 2. Visual Styling */
  background-color: #ffffff; 
  color: #1a1a1a;        /* Ensuring text is dark enough to read on white */
  padding: 2.5rem;       /* Giving the text room to breathe */
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Optional: adds depth */
  
  /* 3. Layout Fixes */
  text-align: left;      /* Usually looks better for long paragraphs */
  position: relative;
  z-index: 20;
}
/* Responsive adjustment for Mobile */
@media (max-width: 768px) {
  .hero-text {
    width: 100%;         /* On mobile, take up full width */
    margin-left: 0;
    padding: 1.5rem;
  }
}


p.banner-link a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
}
p.banner-link a img {
    margin-left: 10px;
}




/* eq animation */
@-webkit-keyframes eq1 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes eq1 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes eq2 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    40% {
        -webkit-transform: scaleY(0.65);
        transform: scaleY(0.65);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes eq2 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    40% {
        -webkit-transform: scaleY(0.65);
        transform: scaleY(0.65);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes eq3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    60% {
        -webkit-transform: scaleY(0.85);
        transform: scaleY(0.85);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes eq3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    60% {
        -webkit-transform: scaleY(0.85);
        transform: scaleY(0.85);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes eq4 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    30% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }

    60% {
        -webkit-transform: scaleY(0.85);
        transform: scaleY(0.85);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes eq4 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    30% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }

    60% {
        -webkit-transform: scaleY(0.85);
        transform: scaleY(0.85);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes eq5 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    30% {
        -webkit-transform: scaleY(1.3);
        transform: scaleY(1.3);
    }

    60% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes eq5 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    30% {
        -webkit-transform: scaleY(1.3);
        transform: scaleY(1.3);
    }

    60% {
        -webkit-transform: scaleY(0.9);
        transform: scaleY(0.9);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

#home-03 #eq {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0;
}

@media (min-width: 760px) {
    #home-03 #eq {
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    #home-03 #eq {
        padding-left: 0;
    }
}

#home-03 #eq li {
    width: 4.7%;
    height: 235px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

#home-03 #eq li .block {
	width: 44%;
	margin: 0 auto;
	border-radius: 4px;
	background: #69c6ef;
	position: absolute;
	bottom: 0;
	left: 23%;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
}

#home-03 #eq li:nth-child(1) .block {
	-webkit-animation: eq1 4s infinite;
	animation: eq1 4s infinite;
	min-height: 90px;
}

#home-03 #eq li:nth-child(2) .block {
	min-height: 120px;
	-webkit-animation: eq2 3.8s infinite;
	animation: eq2 3.8s infinite;
}

#home-03 #eq li:nth-child(3) .block {
	min-height: 155px;
	-webkit-animation: eq4 4.2s infinite;
	animation: eq4 4.2s infinite;
}

#home-03 #eq li:nth-child(4) .block {
	min-height: 135px;
	-webkit-animation: eq3 3s infinite;
	animation: eq3 3s infinite;
}

#home-03 #eq li:nth-child(5) .block {
	min-height: 77px;
	-webkit-animation: eq5 4.7s infinite;
	animation: eq5 4.7s infinite;
}

#home-03 #eq li:nth-child(6) .block {
	min-height: 120px;
	-webkit-animation: eq2 3s infinite;
	animation: eq2 3s infinite;
}

#home-03 #eq li:nth-child(7) .block {
	-webkit-animation: eq1 4.5s infinite;
	animation: eq1 4.5s infinite;
	min-height: 95px;
}

#home-03 #eq li:nth-child(8) .block {
	min-height: 170px;
	-webkit-animation: eq5 3.6s infinite;
	animation: eq5 3.6s infinite;
}

#home-03 #eq li:nth-child(9) .block {
	min-height: 210px;
	-webkit-animation: eq3 4.2s infinite;
	animation: eq3 4.2s infinite;
}

#home-03 #eq li:nth-child(10) .block {
	min-height: 235px;
	-webkit-animation: eq2 4.8s infinite;
	animation: eq2 4.8s infinite;
}

#home-03 #eq li:nth-child(11) .block {
	min-height: 165px;
	-webkit-animation: eq4 3s infinite;
	animation: eq4 3s infinite;
}

#home-03 #eq li:nth-child(12) .block {
	min-height: 120px;
	-webkit-animation: eq5 4.8s infinite;
	animation: eq5 4.8s infinite;
}

#home-03 #eq li:nth-child(13) .block {
	min-height: 65px;
	-webkit-animation: eq1 3s infinite;
	animation: eq1 3s infinite;
}

#home-03 #eq li:nth-child(14) .block {
	min-height: 98px;
	-webkit-animation: eq3 5.7s infinite;
	animation: eq3 5.7s infinite;
}

#home-03 #eq li:nth-child(15) .block {
	min-height: 90px;
	-webkit-animation: eq1 4.6s infinite;
	animation: eq1 4.6s infinite;
}

#home-03 #eq li:nth-child(16) .block {
	-webkit-animation: eq1 3s infinite;
	animation: eq1 3s infinite;
	min-height: 125px;
}

#home-03 #eq li:nth-child(17) .block {
	min-height: 170px;
	-webkit-animation: eq1 5s infinite;
	animation: eq1 5s infinite;
}

#home-03 #eq li:nth-child(18) .block {
	min-height: 90px;
	-webkit-animation: eq4 3.9s infinite;
	animation: eq4 3.9s infinite;
}

#home-03 #eq li:nth-child(19) .block {
	min-height: 125px;
	-webkit-animation: eq2 4.7s infinite;
	animation: eq2 4.7s infinite;
}

#home-03 #eq li:nth-child(20) .block {
	min-height: 145px;
	-webkit-animation: eq1 2.5s infinite;
	animation: eq1 2.5s infinite;
}

#home-03 #eq li:nth-child(21) .block {
	min-height: 170px;
	-webkit-animation: eq2 4s infinite;
	animation: eq2 4s infinite;
}