.elementor-1378 .elementor-element.elementor-element-a232d54{--display:flex;--min-height:40vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1378 .elementor-element.elementor-element-a232d54:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-a232d54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thebeachfronthotelphuket.com/wp-content/uploads/2025/10/rawai-beachfront-hotel-facilities-swimming-pool.webp");background-position:center center;}.elementor-1378 .elementor-element.elementor-element-eda7d4e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.09;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;--z-index:1;}.elementor-1378 .elementor-element.elementor-element-eda7d4e::before, .elementor-1378 .elementor-element.elementor-element-eda7d4e > .elementor-background-video-container::before, .elementor-1378 .elementor-element.elementor-element-eda7d4e > .e-con-inner > .elementor-background-video-container::before, .elementor-1378 .elementor-element.elementor-element-eda7d4e > .elementor-background-slideshow::before, .elementor-1378 .elementor-element.elementor-element-eda7d4e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1378 .elementor-element.elementor-element-eda7d4e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1378 .elementor-element.elementor-element-320c669{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1378 .elementor-element.elementor-element-f131c45{text-align:center;}.elementor-1378 .elementor-element.elementor-element-f131c45 .elementor-heading-title{font-family:var( --e-global-typography-fa546bf-font-family ), Sans-serif;font-size:var( --e-global-typography-fa546bf-font-size );font-weight:var( --e-global-typography-fa546bf-font-weight );text-transform:var( --e-global-typography-fa546bf-text-transform );line-height:var( --e-global-typography-fa546bf-line-height );letter-spacing:var( --e-global-typography-fa546bf-letter-spacing );color:var( --e-global-color-text );}.elementor-1378 .elementor-element.elementor-element-a93becd{text-align:center;}.elementor-1378 .elementor-element.elementor-element-a93becd .elementor-heading-title{font-family:var( --e-global-typography-2aaff07-font-family ), Sans-serif;font-size:var( --e-global-typography-2aaff07-font-size );font-weight:var( --e-global-typography-2aaff07-font-weight );text-transform:var( --e-global-typography-2aaff07-text-transform );line-height:var( --e-global-typography-2aaff07-line-height );color:var( --e-global-color-primary );}.elementor-1378 .elementor-element.elementor-element-2b0126e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1378 .elementor-element.elementor-element-37c16b6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-37c16b6{text-align:center;}.elementor-1378 .elementor-element.elementor-element-f64f825{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-c13e408 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1378 .elementor-element.elementor-element-c13e408 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1378 .elementor-element.elementor-element-c13e408{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(max-width:1024px){.elementor-1378 .elementor-element.elementor-element-a232d54{--min-height:60vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-eda7d4e{--padding-top:60px;--padding-bottom:60px;--padding-left:6%;--padding-right:6%;}.elementor-1378 .elementor-element.elementor-element-f131c45 .elementor-heading-title{font-size:var( --e-global-typography-fa546bf-font-size );line-height:var( --e-global-typography-fa546bf-line-height );letter-spacing:var( --e-global-typography-fa546bf-letter-spacing );}.elementor-1378 .elementor-element.elementor-element-a93becd .elementor-heading-title{font-size:var( --e-global-typography-2aaff07-font-size );line-height:var( --e-global-typography-2aaff07-line-height );}}@media(max-width:767px){.elementor-1378 .elementor-element.elementor-element-a232d54{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-eda7d4e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:40px;--padding-bottom:40px;--padding-left:6%;--padding-right:6%;}.elementor-1378 .elementor-element.elementor-element-320c669{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1378 .elementor-element.elementor-element-f131c45 .elementor-heading-title{font-size:var( --e-global-typography-fa546bf-font-size );line-height:var( --e-global-typography-fa546bf-line-height );letter-spacing:var( --e-global-typography-fa546bf-letter-spacing );}.elementor-1378 .elementor-element.elementor-element-a93becd{text-align:center;}.elementor-1378 .elementor-element.elementor-element-a93becd .elementor-heading-title{font-size:var( --e-global-typography-2aaff07-font-size );line-height:var( --e-global-typography-2aaff07-line-height );}.elementor-1378 .elementor-element.elementor-element-2b0126e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1378 .elementor-element.elementor-element-f64f825{--padding-top:40px;--padding-bottom:40px;--padding-left:6%;--padding-right:6%;}}@media(min-width:768px){.elementor-1378 .elementor-element.elementor-element-320c669{--width:790px;}.elementor-1378 .elementor-element.elementor-element-2b0126e{--width:790px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1378 .elementor-element.elementor-element-320c669{--width:100%;}.elementor-1378 .elementor-element.elementor-element-2b0126e{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a232d54 */.herobanner-3 {
    padding-top: 0;
}

.herobanner-3 .elementor-swiper-button-next,.herobanner-3 .elementor-swiper-button-prev {
    transition: .3s;
    background:transparent;
    border: 1px solid #fff;
    margin: 0;
    z-index: 3;
    padding: 10px;
    font-size: 1.2rem;
    : 
}
.herobanner-3 .elementor-swiper-button-next{
    right: 0;
    border-radius: 50%
    }
.herobanner-3 .elementor-swiper-button-prev {
    left: 0;
    border-radius: 50%
}
.herobanner-3 .swiper-pagination-bullet {
    width: 12px;
    height: 12px
}
.herobanner-3 .swiper-pagination-bullets {
    bottom: -20px!important;}
.herobanner-3 .swiper-pagination-bullet {
    width: 10px;
    height: 10px
}
.herobanner-3 .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px
}

.herobanner-3 .slide-title {
    position: absolute;
    z-index: 2;
    bottom: 5vw;
    letter-spacing: .5px;
    text-align: center;
    padding: 0;
    background: none;

}
.herobanner-3 .slide-title  .elementor-heading-title {
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 100;
    line-height: 1;
    letter-spacing: .5px;
    color: #fff;
    letter-spacing: .15rem;
    text-shadow: 1px 1px 3px rgba(34, 34, 34, 0.9);
}



@media (max-width: 1199px) {

}
@media (max-width: 1024px) {
.herobanner-3 .slide-title {
    bottom: 0px;
    padding: 0;
}
}
@media (max-width: 767px) {
.herobanner-3 {

}
.herobanner-2 .slide-title {
    bottom: 20px;
    padding: 0 6%;
}
.herobanner-3 .slide-title  .elementor-heading-title {
    font-size: 1.5rem;
}
.herobanner-3 .elementor-swiper-button-next,.herobanner-2 .elementor-swiper-button-prev {
    font-size: 1rem;
    padding:5px
}

.herobanner-3 .swiper-pagination-bullets {
    bottom: 10px!important;}
.herobanner-3 .swiper-pagination-bullet {
    width: 8px;
    height: 8px
}
.herobanner-3 .elementor-swiper-button-next, .herobanner-3 .elementor-swiper-button-prev {

    padding: 5px!important;
    font-size: 15px!important;
}
}/* End custom CSS */