/*.sppb-carousel-extended-outer-stage {
    height: auto !important;
}

.sppb-carousel-extended-item {
    aspect-ratio: 8 / 3;
}

.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap,
.sppb-image-carousel-layout1 .sppb-carousel-extended-item img,
.sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay { border-radius: 0 !important; }

div.sppb-carousel-extended-dots { bottom: 20px; }


@media (max-width: 991px) {
  .sppb-carousel-extended-item { aspect-ratio: 1 / 1; }
}
*/

.sppb-carousel-extended-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay{
    border-radius: 0px;
}

.sppb-carousel-extended-nav-control .nav-control.next-control {
    float: right;
    margin-right: 0px;
}

.sppb-carousel-extended-nav-control .nav-control.prev-control {
    float: left;
    margin-left: 0px
}

/*product slider 02 homepage*/
#hikashop_category_information_module_157 #hikashop_carousel_hikashop_category_information_module_157 {
    padding: 0px!important;
    padding-top: 50px!important;
}

div#hikashop_carousel_pagination_hikashop_category_information_module_157 {
    position: relative;
}
div#hikashop_carousel_pagination_hikashop_category_information_module_157 .swiper-pagination.swiper-pagination-top.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -20px;
}



/*slideshow*/
.sppb-addon-sp-slider .sp-item .sp-background::after {
      background: linear-gradient(to bottom, rgb(121 121 121 / 80%), rgba(35, 35, 35, 0));
      mix-blend-mode: darken;
}

.sp-basic-slider h1.sppb-sp-slider-title.title-01{
    margin-left: 100px !important;
    font-size:90px;
}
.sp-basic-slider h1.sppb-sp-slider-title.title-02{
    margin-right: 100px !important;
    font-family: "Caveat", serif;
    font-size:120px;
}

.sp-basic-slider .sppb-sp-slider-text p {
    padding:20px 0;
}

 
@media (max-width:1200px) {
.sp-basic-slider h1.sppb-sp-slider-title.title-01{
    font-size:70px;
}
.sp-basic-slider h1.sppb-sp-slider-title.title-02{
    font-size:90px;
}
}

@media (max-width:991px) {
.sp-basic-slider h1.sppb-sp-slider-title.title-01{
    margin-left: auto !important;
    margin-right: auto !important;
}
    
.sp-basic-slider h1.sppb-sp-slider-title.title-02{
    margin-left: auto !important;
    margin-right: auto !important;
}

.hero-p .sp-basic-slider .sppb-sp-slider-text p br {
    display:none; 
}
}

@media (max-width:767px) {
  
.sp-slider .sp-item .sp-background  {
    height:100vh;
  }
  
.sppb-sp-slider-title,
.sppb-sp-slider-text {
    text-align:center;
}

.sp-basic-slider h1.sppb-sp-slider-title.title-01{
    margin-left: auto !important;
    margin-right: auto !important;
    font-size:50px;
    line-height:1;
}

.sp-basic-slider h1.sppb-sp-slider-title.title-02{
    margin-top: 15px !important;
    font-size:70px;
    line-height:0.8;
}
}

@media (max-width:575px) {
    .sp-basic-slider h1.sppb-sp-slider-title.title-01{
    font-size:40px;
}

.sp-basic-slider h1.sppb-sp-slider-title.title-02{
    font-size:60px;
}
}

@media (min-width:768px) {
.sp-basic-slider h1.sppb-sp-slider-title.title-01 br,
.sp-basic-slider h1.sppb-sp-slider-title.title-02 br {
    display:none;
}
}


/*slideshow-button*/
.slider-button-02 .sp-slider-btn-text {
    color:#ffffff !important;
    background:transparent !important;
    border: 2px solid #fff  !important;;
    border-radius:0;
    transition:all 0.3s;
    padding: 15px 30px !important;
    font-size:18px !important;
}

.slider-button-02 .sp-slider-btn-text:hover {
    background:#BDBDBD !important;
    color:#444444 !important;
    border: 2px solid #BDBDBD !important;

}


.slider-button-01 .sp-slider-btn-text {
    color:#444444 !important;
    background:#ffffff !important;
    border: 2px solid #fff  !important;;
    border-radius:0;
    transition:all 0.3s;
    padding: 15px 30px !important;
    font-size:18px !important;
}

.slider-button-01 .sp-slider-btn-text:hover {
    background:#BDBDBD !important;
    color:#444444 !important;
    border: 2px solid #BDBDBD !important;
}

@media (max-width:575px) { 
    .slider-button-02 .sp-slider-btn-text {
        font-size:14px !important; 
    }

    .slider-button-01 .sp-slider-btn-text {
        font-size:14px !important; 
    }
    
}

@media (max-width:375px) { 
    .slider-button-02 .sp-slider-btn-text {
        margin-top: 20px;
    }
    
}

/*intro-section*/
.slogan-title h1 {
    font-family: "Caveat", serif;
    font-size: 120px;
    line-height:1;
    color:#03098a;
    margin-bottom:0 !important;
}

.slogan-title-right h1 {
    font-family: "Caveat", serif;
    font-size: 120px;
    line-height:1;
    color:#03098a ;
    text-align:center;
    margin-bottom:0 !important;
}

@media (max-width:1200px) {
.slogan-title h1,
.slogan-title-right h1{
    font-size:90px;
}

.sppb-addon-content h1{
     font-size:70px ;
}
}

@media (max-width:991px) {

.sppb-addon-content h1{
     font-size:50px ;
}
}

@media (max-width:767px) {
.slogan-title h1,
.slogan-title-right h1{
    font-size:70px;
}

#column-wrap-id-d27b3e0a-6efc-459a-911f-842d8b880908 {
margin-bottom:20px
}
}

/*services-section*/
#section-id-eb4f2d17-bb7d-4f53-9a51-86595862656a {
background: #BDBDBD
}

.home-slider-01 {
  margin-bottom:30px;
}
.home-slider-02 {
  margin-top:30px;
}
.home-slider-01 .sppb-carousel-extended-item img {
    aspect-ratio:3 / 2;
}

.home-slider-01 .sppb-carousel-extended-heading,
.home-slider-02 .sppb-carousel-extended-heading{
   font-size: 18px;
   background:hwb(0deg 0% 100% / 50%);
   width:100%;
   position: absolute;
   bottom: 0;
   margin-bottom: 0;
   height:50px;
   align-content:center;
}

@media (max-width:767px) {
.sppb-carousel-extended-heading {
   font-size: 18px;
} 
}

.sppb-carousel-extended-nav-control .prev-control {
    border-radius:0 20px 20px 0 !important;
}

.sppb-carousel-extended-nav-control .next-control {
    border-radius:20px 0 0 20px !important;
}


/*contact-section*/
.contact-bg  {
    position:relative;
}

.contact-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsl(0deg 0% 49% / 50%);
}

.contact-padding {
    padding-right:60px;
}