/* Slider */
#showcase-slider-wrappper .swiper-slide{
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height:620px;
    display: flex;
    align-items: center;
}

/* Overlay */
#showcase-slider-wrappper .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
}

/* Content */
#showcase-slider-wrappper .hero-5{
    width:100%;
    z-index:2;
}

#showcase-slider-wrappper .hero-content{
    max-width:620px;
    color:#fff;
}

#showcase-slider-wrappper .hero-content h1{
    font-size:62px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:20px;
}

#showcase-slider-wrappper .hero-content h1 span{
    color:#0dcaf0;
}

#showcase-slider-wrappper .hero-content p{
    font-size:18px;
    line-height:30px;
    margin-bottom:35px;
}

#showcase-slider-wrappper .hero-button{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

/* Images */
#showcase-slider-wrappper #canvas-slider img,
#showcase-slider-wrappper .slider-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
@media (max-width:992px){

#showcase-slider-wrappper .swiper-slide{
    min-height:620px;
}

#showcase-slider-wrappper .hero-content{
    max-width:100%;
    text-align:center;
}

#showcase-slider-wrappper .hero-content h1{
    font-size:46px;
}

#showcase-slider-wrappper .hero-content p{
    font-size:17px;
}

#showcase-slider-wrappper .hero-button{
    justify-content:center;
}

}@media (max-width:480px){

#showcase-slider-wrappper .swiper-slide{
    min-height:420px;
}

#showcase-slider-wrappper .hero-content h1{
    font-size:28px;
}

#showcase-slider-wrappper .hero-content p{
    font-size:14px;
    line-height:24px;
}

}
#showcase-slider-wrappper .hero-5 .container{
    width:100%;
    max-width:1320px;
    margin:auto;
}

@media(max-width:768px){

#showcase-slider-wrappper .hero-5 .container{
    padding-left:20px;
    padding-right:20px;
}
 
#showcase-slider-wrappper .hero-content p {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 5px;
}

}
#showcase-slider-wrappper .swiper-slide{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    background-color:#0d4f6d;
}



    @media (min-width: 320px) and (max-width: 640px) { 
        .theme-btn {
    padding: 0 3px;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
  }
    .hero-5 .hero-button {
    margin-top: 20px;
  }
.theme-btns2 {
  font-size: 12px; 
  height: 42px;
  line-height: 42px; 
}
 #showcase-slider-wrappper .hero-content p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 2px;
  }
   #showcase-slider-wrappper .hero-content h1 {
    font-size: 20px;
  }
}