.elementor-156 .elementor-element.elementor-element-7c6d218 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-ed917a6{width:100%;max-width:100%;}.elementor-156 .elementor-element.elementor-element-ed917a6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-fe3a0b9 > .elementor-container{max-width:1440px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-156 .elementor-element.elementor-element-bbc37d0{text-align:center;}.elementor-156 .elementor-element.elementor-element-bbc37d0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-156 .elementor-element.elementor-element-9b881bb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-9b881bb{text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;color:#000000;}.elementor-156 .elementor-element.elementor-element-ba4411d{margin-top:0px;margin-bottom:0px;}.elementor-156 .elementor-element.elementor-element-26b0f94{--e-image-carousel-slides-to-show:6;}.elementor-156 .elementor-element.elementor-element-26b0f94 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-26b0f94 .swiper-wrapper{display:flex;align-items:center;}.elementor-156 .elementor-element.elementor-element-26b0f94 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}.elementor-156 .elementor-element.elementor-element-01070b7{--e-image-carousel-slides-to-show:4;}.elementor-156 .elementor-element.elementor-element-01070b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-01070b7 .swiper-wrapper{display:flex;align-items:center;}.elementor-156 .elementor-element.elementor-element-01070b7 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}.elementor-156 .elementor-element.elementor-element-4047e62{--e-image-carousel-slides-to-show:6;}.elementor-156 .elementor-element.elementor-element-4047e62 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-4047e62 .swiper-wrapper{display:flex;align-items:center;}.elementor-156 .elementor-element.elementor-element-4047e62 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}.elementor-156 .elementor-element.elementor-element-bf93d0d:not(.elementor-motion-effects-element-type-background), .elementor-156 .elementor-element.elementor-element-bf93d0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-156 .elementor-element.elementor-element-bf93d0d > .elementor-container{max-width:1440px;}.elementor-156 .elementor-element.elementor-element-bf93d0d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-156 .elementor-element.elementor-element-bf93d0d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-156 .elementor-element.elementor-element-50f0817.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-156 .elementor-element.elementor-element-50f0817.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-156 .elementor-element.elementor-element-08b4b30{text-align:center;}.elementor-156 .elementor-element.elementor-element-08b4b30 .elementor-heading-title{color:#FFFF00;}.elementor-156 .elementor-element.elementor-element-bdb879a{text-align:center;}.elementor-156 .elementor-element.elementor-element-bdb879a .elementor-heading-title{color:#FFFF00;}.elementor-bc-flex-widget .elementor-156 .elementor-element.elementor-element-23c1a42.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-156 .elementor-element.elementor-element-23c1a42.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-156 .elementor-element.elementor-element-0437ec8{text-align:right;}.elementor-156 .elementor-element.elementor-element-0437ec8 .elementor-heading-title{color:#FFFF00;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-156 .elementor-element.elementor-element-4ef45f5 img{border-radius:60px 60px 60px 60px;}.elementor-156 .elementor-element.elementor-element-161f0e4 img{border-radius:60px 60px 60px 60px;}.elementor-156 .elementor-element.elementor-element-13d0b68 img{border-radius:60px 60px 60px 60px;}.elementor-156 .elementor-element.elementor-element-53975c0 img{border-radius:60px 60px 60px 60px;}.elementor-156 .elementor-element.elementor-element-d474aa0:not(.elementor-motion-effects-element-type-background), .elementor-156 .elementor-element.elementor-element-d474aa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-156 .elementor-element.elementor-element-d474aa0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-156 .elementor-element.elementor-element-d474aa0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-156 .elementor-element.elementor-element-8759224{text-align:center;}.elementor-156 .elementor-element.elementor-element-8759224 .elementor-heading-title{color:#FFFF00;}.elementor-156 .elementor-element.elementor-element-2322b7b{text-align:center;}.elementor-156 .elementor-element.elementor-element-2322b7b .elementor-heading-title{color:#FFFF00;}.elementor-156 .elementor-element.elementor-element-698e7c6:not(.elementor-motion-effects-element-type-background), .elementor-156 .elementor-element.elementor-element-698e7c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-156 .elementor-element.elementor-element-698e7c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-156 .elementor-element.elementor-element-698e7c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-156 .elementor-element.elementor-element-ba7e9a1 .elementor-heading-title{color:#FFFF00;}.elementor-156 .elementor-element.elementor-element-c3d92a5:not(.elementor-motion-effects-element-type-background), .elementor-156 .elementor-element.elementor-element-c3d92a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-156 .elementor-element.elementor-element-c3d92a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-156 .elementor-element.elementor-element-c3d92a5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-156 .elementor-element.elementor-element-184c877 img{border-radius:60px 60px 60px 60px;}.elementor-156 .elementor-element.elementor-element-1adffda img{border-radius:60px 60px 60px 60px;}.elementor-156 .elementor-element.elementor-element-0358dd9 img{border-radius:60px 60px 60px 60px;}.elementor-156 .elementor-element.elementor-element-225d1f1 img{border-radius:60px 60px 60px 60px;}@media(min-width:768px){.elementor-156 .elementor-element.elementor-element-50f0817{width:27.24%;}.elementor-156 .elementor-element.elementor-element-23c1a42{width:42.051%;}.elementor-156 .elementor-element.elementor-element-1b6ad22{width:7%;}.elementor-156 .elementor-element.elementor-element-36574d6{width:7.038%;}.elementor-156 .elementor-element.elementor-element-e800050{width:6.989%;}.elementor-156 .elementor-element.elementor-element-68a65cd{width:7%;}}@media(max-width:1024px){.elementor-156 .elementor-element.elementor-element-26b0f94{--e-image-carousel-slides-to-show:2;}.elementor-156 .elementor-element.elementor-element-01070b7{--e-image-carousel-slides-to-show:2;}.elementor-156 .elementor-element.elementor-element-4047e62{--e-image-carousel-slides-to-show:2;}}@media(max-width:767px){.elementor-156 .elementor-element.elementor-element-26b0f94{--e-image-carousel-slides-to-show:2;}.elementor-156 .elementor-element.elementor-element-01070b7{--e-image-carousel-slides-to-show:2;}.elementor-156 .elementor-element.elementor-element-4047e62{--e-image-carousel-slides-to-show:2;}.elementor-bc-flex-widget .elementor-156 .elementor-element.elementor-element-f7e2c97.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-156 .elementor-element.elementor-element-f7e2c97.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-156 .elementor-element.elementor-element-f7e2c97.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-156 .elementor-element.elementor-element-ba7e9a1{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-ed917a6 */.banner-wrap {
        /*height: calc(100vh + 70px);*/
        height: 100vh;
        margin-top: -60px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .title-wrap {
        color: #fff;
        left: 50%;
        font-weight: 700;
        position: absolute;
        transform: translate(-50%, calc(-25% + 70px));
        text-align: center;
        top: 50%;
        width: 100%;
        z-index: 5;
    }
    .title-wrap .main-title {
        font-size: 13vw;
        text-shadow: 0 5px 5px #303030;
    }
    .title-wrap .main-title img {
        margin-top: 5rem;
        width: 100%;
        max-width: 400px;
    }

    .actionNew, .object-animation-float {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.actionNew {
    -webkit-animation-name: slideshow;
    animation-name: slideshow;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: 3;
}
.visual1, .visual1-object {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.visual1 {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/web2.jpg);
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 0;
}
@keyframes slideshow {
 
  0% {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/web2.jpg) top no-repeat;
    background-size: cover;
    z-index: 1;
  }
  
  28% {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/web2.jpg) top no-repeat;
    background-size: cover;
    z-index: 1;
  }
  33% {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/09/onepatch.jpg) top no-repeat;
    background-size: cover;
    z-index: 1;
  }
  61% {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/09/onepatch.jpg) top no-repeat;
    background-size: cover;
    z-index: 1;
  }

  66% {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/web1.jpg) bottom no-repeat;
    background-size: cover;
    z-index: 1;
  }
  95% {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/web1.jpg) bottom no-repeat;
    background-size: cover;
    z-index: 1;
  }
  100% {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/web1.jpg) top no-repeat;
    background-size: cover;
    z-index: 1;a
  }
}


.object-animation-float {
    -webkit-animation-name: object-float;
    animation-name: object-float;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.actionNew, .object-animation-float {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.object-animation-breath, .object-animation-fly {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.object-animation-breath {
    -webkit-animation-name: object-breath;
    animation-name: object-breath;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.object-animation-fly {
    -webkit-animation-name: object-fly;
    animation-name: object-fly;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: 2;
}

.object-animation-fly02 {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    z-index: 3;
}

.object-animation-fly02 {
    -webkit-animation-name: object-fly02;
    animation-name: object-fly02;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@media (max-width: 1500px) {
    .visual1-object2 {
        background-size: 300px !important;
        top: 40% !important;
    }
    .visual2-object {
        background-size: 65% !important;

    }
}
@media (max-width: 1300px) {
    .visual1-object2 {
        background-size: 250px !important;
        top: 35% !important;
    }
}
@media (max-width: 1024px) {
    .visual2-object {
        background-size: 80% auto !important;
        top: 0% !important;
    }
    .visual3-object01 {
        background-size: 100% auto !important;
        left: 60% !important;
        width: 120% !important;
    }
    .visual3-object01 {
    background-size: 60% auto !important;
}
}
 @media (max-width: 768px) {
    .visual2-object {
        background-size: 90% auto !important;
        top: 10% !important;
    }
    .visual1-object2 {
        background-size: 150px !important;
        top: 20% !important;
    }
    .visual1-object {
        background-size: 100% auto !important;
        top: 45% !important;
    }
    .title-wrap .main-title img {
        margin-top: 5rem;
        width: 100%;
        max-width: 250px;
    }
    .visual3-object01 {
    background-size: 65% auto !important;
    top: 25% !important;
    }
    
    .visual1 {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/mobile-2.jpg) center no-repeat;
    background-size: cover;
    animation: slideshow-mobile 20s infinite ease-in-out; /* use mobile slideshow */
  }

  @keyframes slideshow-mobile {
    0%,
    28% {
      background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/mobile-2.jpg) center no-repeat;
      background-size: cover;
    }
    33%,
    61% {
      background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/mobile.jpg) center no-repeat;
      background-size: cover;
    }
    66%,
    95%,
    100% {
      background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/09/onepatch.jpg) center no-repeat;
      background-size: cover;
    }
  }
}

.visual1-object {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/09/7-5.png) top no-repeat;
    background-size: 60% auto;
    transform: translate(0);
    top: 15%;
    width: 100%;
}


.visual2-object {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/09/cock1.png) 50% no-repeat;
    background-size: 50%;
    transform-origin: left top;
    width: 100%;
    left: -10%;
    top: 0;
}
.visual3-object01 {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/10/7-3-1.png) top no-repeat;
    background-size: 55% auto;
    left: 65%;
    width: 120%;
}


.visual3-object02 {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/09/banner3_object02.04c39d7.png) bottom no-repeat;
    background-size: 100% auto;
    display: none;
    height: 50%;
    position: absolute;
    width: 180px;
}
.visual3-object03 {
    background: url(https://sb24-v3.2m-sy.com/wp-content/uploads/2025/09/banner3_object03.d5f95dd.png) bottom no-repeat;
    background-size: 100% auto;
    display: none;
    height: 50%;
    position: absolute;
    width: 180px;
}
.visual2, .visual2-object {
    height: 100%;
    position: absolute;
}

.visual3, .visual3-object01 {
    height: 130%;
    position: absolute;
    top: 0;
}


@keyframes object-float {
    0% {
        transform: translateY(-1rem);
        opacity: 1;
    }
    7% {
        transform: translateY(-.5rem);
    }
    14% {
        transform: translateY(-1rem);
    }
    22% {
        transform: translateY(-.5rem);
    }
    28% {
        transform: translateY(-1rem);
        opacity: 1;
    }
    33% {
        transform: translateY(-1.5rem);
        opacity: 0;
    }
    97% {
        transform: translateY(-1rem);
        opacity : 0;
    }
    100% {
        transform: translateY(-1rem);
        opacity: 1;
    }
}
@keyframes object-breath {
    0% {
        transform: translate(-50%) scale(1.05);
        opacity: 0;
    }
    7% {
        transform: translate(-50%) scale(1);
        opacity: 1;
    }
    14% {
        transform: translate(-50%) scale(1.05);
    }
    22% {
        transform: translate(-50%) scale(1);
    }
    28% {
        transform: translate(-50%) scale(1.05);
        opacity: 1;
    }
    33% {
        transform: ttranslate(-50%,0) scale(1);
        opacity: 0;
    }
    97% {
        transform: translate(-50%) scale(1.05);
        opacity: 0;
    }
    100% {
        transform: translate(-50%) scale(1);
        opacity: 0;
    }
}

@keyframes object-fly {
    0% {
        transform: translate(-1rem, 1rem) scale(.5);
        opacity: 0;
    }
    28% {
        transform: translate(-1rem, 1rem) scale(1);
        opacity: 0;
    }
    33% {
        transform: translateY(1rem) scale(1);
        opacity: 1;
    }
    40% {
        transform: translateY(1rem) scale(1);
    }
    61% {
        transform: translate(.8rem, 2rem) scale(1.2);
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes object-fly02 {
    0% {
        transform: translate(-80%, 20%);
        opacity: 0;
    }
    30% {
        transform: translate(-80%, 20%);
        opacity: 0;
    }
    33% {
        transform: translate(-80%, 20%);
        opacity: 0;
    }
    61% {
        transform: translate(-80%, 20%);
        opacity: 0;
    }
    66% {
        transform: translate(-60%, 20%);
        opacity: 1;
    }
    72% {
        transform: translate(-60%, 23%);
    }
    79% {
        transform: translate(-60%, 20%);
    }
    85% {
        transform: translate(-60%, 23%);
    }
    91% {
        transform: translate(-60%, 20%);
    }
    95% {
        transform: translate(-60%, 23%);
        opacity: 1;
    }
    100% {
        transform: translate(-60%, 20%);
        opacity: 0;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-01070b7 */.firstRow::before {
    content: "";
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0) 80%);
    height: 150px;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    pointer-events: none; /* allow clicking carousel below */
}

.to-left .swiper {
    padding-left: 160px;
}

@media (min-width: 1024px) {
    .to-left .swiper {
        padding-left: 190px;
        padding-right: 190px;
    }
}/* End custom CSS */