/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2026 | 10:29:44 */
/* =========================================================
   03 - HOME VIDEO SLIDER CSS
   TARGET ONLY: #home-slider
========================================================= */


/* =========================================================
   SLIDE 2 BACKGROUND
========================================================= */

#home-slider .slide:nth-child(2) .slider-img-bg.img-anim {

    background-image: none !important;

    overflow: hidden !important;
}


/* =========================================================
   SLIDE 2 VIDEO
========================================================= */

#home-slider .slide:nth-child(2) .custom-slider-video {

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    z-index: 0 !important;

    display: block !important;
}


/* =========================================================
   SLIDE 2 MASK
========================================================= */

#home-slider .slide:nth-child(2) .slider-mask {

    z-index: 1 !important;
}


/* =========================================================
   SLIDE 2 CAPTION
========================================================= */

#home-slider .slide:nth-child(2) .caption-box {

    z-index: 2 !important;
}


/* =========================================================
   ALL SLIDES - ONLY HOME SLIDER
========================================================= */

#home-slider .slide {

    position: relative !important;
}


/* =========================================================
   SLIDER IMAGE BACKGROUND
========================================================= */

#home-slider .slide .slider-img-bg {

    position: absolute !important;

    inset: 0 !important;

    z-index: 0 !important;
}


/* =========================================================
   VIDEO - ONLY HOME SLIDER
========================================================= */

#home-slider .slide .slider-img-bg video {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    z-index: 0 !important;

    display: block !important;
}


/* =========================================================
   DARK OVERLAY
========================================================= */

#home-slider .slide .slider-mask {

    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;
}


/* =========================================================
   CAPTION
========================================================= */

#home-slider .slide .caption-box {

    position: relative !important;

    z-index: 10 !important;
}


/* =========================================================
   SLIDER BOX
========================================================= */

#home-slider .slide .slider-box {

    position: relative !important;

    z-index: 10 !important;

    height: 650px;
}


/* =========================================================
   SLIDER CONTENT
========================================================= */

#home-slider .slide .slider-content {

    position: relative !important;

    z-index: 11 !important;
}


/* =========================================================
   SLIDER TEXT + BUTTONS
========================================================= */

#home-slider .slide .slider-content .slider-title,
#home-slider .slide .slider-content .slider-text,
#home-slider .slide .slider-content .slider-subtitle,
#home-slider .slide .slider-content .btn-relative,
#home-slider .slide .slider-content a {

    position: relative !important;

    z-index: 12 !important;
}

@media (max-width: 768px) {
	    .elementor-2643 .elementor-element.elementor-element-250b24f1 .slider-box {
        padding-top: 17%;
        padding-bottom: 17%;
    }
	#home-slider .slide .slider-box{
		  height: auto;
	}
	  .home-slider .slick-arrow {
    font-size: 14px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.elementor-2643 .elementor-element.elementor-element-250b24f1 .home-slider .fa.fa-angle-left.slick-arrow,.elementor-2643 .elementor-element.elementor-element-250b24f1 .home-slider .fa.fa-angle-right.slick-arrow {
    right: 135px !important;
}	
	.elementor-element.elementor-element-1eed280.elementor-widget.elementor-widget-text-editor >p{
		font-size: 30px;
	}
}