/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
#banner-slide .swiper-slide-bg{
    background-position: top center;
}
#banner-slide .swiper-slide-inner{
    max-width: 1280px;
    margin: auto;
    padding: 0;
}
#banner-slide .swiper-slide-inner .elementor-slide-description span{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #444444;
    display: block;
    margin-top: 20px;
}
.service-info .elementor-image-box-img img{
    box-shadow: 0 0 10px rgb(140 140 140 / 20%);
}
.service-info .elementor-image-box-description{
    position: absolute;
    bottom: 20px;
    left: 15px;
    z-index: 999;
    opacity: 0;
    transition: transform 2s;
    color: #ffffff !important;
}
.service-info .elementor-image-box-wrapper{
    cursor: pointer;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.service-info .elementor-image-box-wrapper:hover .elementor-image-box-img img{
    box-shadow: 0 0 10px rgb(140 140 140 / 80%);
}
.service-info .elementor-image-box-content{
    margin-bottom: -5px;
}
.service-info .elementor-image-box-content::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background: rgb(43,46,127);
    background: linear-gradient(0deg, rgba(43,46,127,0.6) 10%, rgba(51,23,230,0) 100%);
    width: 100%;
    height: 100%;
    opacity: 0;
}
.service-info .elementor-image-box-wrapper:hover .elementor-image-box-description,
.service-info .elementor-image-box-wrapper:hover .elementor-image-box-content::before{
    opacity: 1;
}
.service-info .elementor-image-box-content .elementor-image-box-title{
    position: absolute;
    top: 5px;
    right: 15px;
    width: auto;
    display: inline-block;
    background: #FED36B;
    border-radius: 50px;
    padding: 5px 20px;
    z-index: 999;
}
.promotion-slide .elementor-swiper-button-prev{
    left: -30px !important;
}
.promotion-slide .elementor-swiper-button-next{
    right: -30px !important;
}
.review-slide .swiper-slide-inner::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0);
    background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgba(51, 23, 230, 0) 40%);
}
.review-slide  img{
    margin-bottom: -5px;
}
.review-slide .elementor-image-carousel-caption{
    position: absolute;
    bottom: 20px;
    text-align: center;
    margin: auto;
    width: 100%;
}
.review-slide .elementor-swiper-button{
    background-color: #FED36B;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
.review-slide .elementor-swiper-button:hover{
    background-color: #2B2E7F ;
    color: #ffffff !important;
}
.review-slide .elementor-swiper-button i{
    text-align: center;
    line-height: 40px;
    width: 40px;
}
.review-slide .elementor-swiper-button-prev{
    left: -20px !important;
}
.review-slide .elementor-swiper-button-next{
    right: -20px !important;
}
.open-hose p{
    margin-bottom: 0px;
}
@media screen and (max-width: 1366px) {
    #banner-slide .swiper-slide-inner{
        max-width: 1140px;
    }
}
@media screen and (max-width: 1200px)  {
    #banner-slide .swiper-slide-inner {
        max-width: 95%;
    }
    #banner-slide .swiper-slide-inner .elementor-slide-description span{
        font-size: 16px;
        line-height: 24px;
        width: 83%;
    }
    #banner-slide .swiper-slide-inner .elementor-slide-description span br{
        display: none;
    }
    .service-info .elementor-image-box-title{
        font-size: 14px !important;
        text-transform: capitalize !important;
    }
    .service-info .elementor-image-box-description{
        font-size: 18px !important;
    }
}
@media screen and (max-width: 980px){
    #banner-slide .swiper-slide-inner .elementor-slide-description span{
        margin-top: 10px;
    }
    .service-info .elementor-image-box-title{
        font-size: 12px;
    }
    .review-slide .elementor-swiper-button{
        width: 35px;
        height: 35px;
    }
    .review-slide .elementor-swiper-button i{
        line-height: 35px;
        width: 35px;
    }
}
@media screen and (max-width: 768px){
    #banner-slide .swiper-slide-inner .elementor-slide-description span{
        display: none;
    }
    #banner-slide .elementor-button{
        padding: 8px 20px !important;
    }
    #banner-slide .swiper-slide-inner {
        max-width: 90%;
    }
    .promotion-slide .elementor-swiper-button-prev {
        left: 10px !important;
        width: 35px;
        height: 35px;
        background-color: #FED36B;
        border-radius: 100%;
    }
    .promotion-slide .elementor-swiper-button-next {
        right: 10px !important;
        width: 35px;
        height: 35px;
        background-color: #FED36B;
        border-radius: 100%;
    }
    .promotion-slide .elementor-swiper-button i{
        line-height: 35px;
        width: 35px;
        text-align: center !important;
    }
    .blogs .slick-prev:before, .blogs .slick-next:before{
        font-size: 33px;
        opacity: 1;
        color: #FED36B;
    }
    .blogs .slick-prev{
        z-index: 99;
        left: -18px;
    }
    .blogs .slick-next{
        z-index: 99;
        right: 0;
    }
}