/* style="background-image:url('<?php echo esc_url($image); ?>')" */

[class^="swiper-button-"]{-webkit-transition:all .3s ease;transition:all .3s ease}
.swiper-slide{backface-visibility:hidden;-webkit-backface-visibility:hidden}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
.home-slider{display:block;width:100%;margin:0 auto}.swiper-container{width:100%;height:100%;-webkit-transition:opacity .6s ease,-webkit-transform .3s ease;transition:opacity .6s ease,-webkit-transform .3s ease;transition:opacity .6s ease,transform .3s ease;transition:opacity .6s ease,transform .3s ease,-webkit-transform .3s ease}
.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}
.swiper-container.loading{opacity:0;visibility:hidden}
.swiper-slide{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}
/* .swiper-slide::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:#0000002e;z-index:2} */
.swiper-slide .slide-bgimg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover}
.swiper-slide .entity-img{display:none}
.swiper-slide .content{position:relative;width:fit-content;inset:0;color:#fff;z-index:10}
/* .swiper-slide .content .title{font-size:45px;font-weight:700;margin-bottom:7px;text-align:center} */


    [class^="swiper-button-"]{width:44px;opacity:0;visibility:hidden;z-index:10}
.swiper-button-prev{-webkit-transform:translateX(50px);transform:translateX(50px);display:none}.swiper-button-next{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none}

.paralax-swipper-banner .swiper-pagination-bullet{width:12px;height:12px;background:rgb(255 255 255 / .5);opacity:1;transition:all 0.3s ease}
.paralax-swipper-banner .swiper-pagination-bullet-active{width:40px;border-radius:6px;background:#fff}

@keyframes leftMovetoRight{0%{transform:translateX(-100px)}100%{transform:translateX(0)}}

.swiper-slide .content{transition:all 0.6s cubic-bezier(.25,.46,.35,.94);transition-delay:unset}
/* .swiper-slide-active .content{animation:leftMovetoRight 1s ease-in} */


@keyframes leftMovetoRR{0%{transform:translateX(-20px)}100%{transform:translateX(0)}}

.paralax-swipper-banner .parallex-bg{width:100%;display:block;float:left;height:100%;position:relative;
;background-size:cover;background-position:center;background-attachment:fixed;z-index: 1;
min-height: 620px;
}


.paralax-swipper-banner .swiper-slide .content .caption{
    /* -webkit-transform:translateX(0);
    transform:translateX(0); */
    opacity:1;
    animation: leftMovetoRR .5s ease-in;
}

.paralax-swipper-banner .swiper-slide .content .caption{
    width: 100%;
    display:block;line-height:1.4;
    /* -webkit-transform:translateX(50px);
    transform:translateX(50px); */
       /* animation: leftMovetoRight 2s ease-in;
    
 opacity:0;
    -webkit-transition:opacity .3s ease,-webkit-transform .7s ease;
    transition:opacity .3s ease,-webkit-transform .7s ease;
    transition:opacity .3s ease,transform .7s ease;
    transition:opacity .3s ease,transform .7s ease,
    -webkit-transform .7s ease;  */
    text-align:end;
            float: none;
    font-size: 19px;
    font-weight: 400;
    color: #231f20;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 16px;
        font-family: "Jost", sans-serif;
}




.paralax-swipper-banner .parallex-slide-inner {
width: 100%;
    max-width: 1184px;
    display: block;
    height: 100%;
    margin: 0 auto;
}

.paralax-swipper-banner .swiper-slide .content {

 width: 1184px;
    float: right;
    /* transform: translateY(-50%); */
    margin: 0 auto 0;
    position: absolute;
    /* top: 50%; */
    right: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.paralax-swipper-banner .swiper-slide-active .content{
    animation: leftMovetoRight 1s ease-in;
}

.paralax-swipper-banner .swiper-slide .content .banner-row-inner{
        width: 53%;
    float: right;
    display: flex
;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.paralax-swipper-banner .swiper-slide .content h2{
    font-size:40px;
    font-weight: 500;
    color: #231f20;
    letter-spacing: 5.72px;
    line-height: 1.09;
    text-transform: uppercase;
    margin: 0 0 16px;
    text-align:end;
        font-family: "Jost", sans-serif;
}





.paralax-swipper-banner .swiper-slide .content .banner-btn1{
        float: none;
    color: #ffffff;
    background: #231f20;
    border-color: #231f20;
    margin: 8px 6px 0 0;
    padding: 9px 24px 9px 24px;
    cursor:pointer;
        font-family: "Jost", sans-serif;
        font-size: 11px;
    font-weight: 700;
}


.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 1px;
    background: #fff;
    border-radius: 0;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 2px;
    position: relative;
    z-index: 99;
    opacity: 1;
}

.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet-active{
    background-color:black !important;
}


.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets {
    margin: 0 auto 0;
bottom: 28.4%;
    left: 0;
    width: 1184px;
    right: 0;
        display: flex
;
    justify-content: flex-end;
    /* border: 1px solid red; */

}





.paralax-swipper-banner figure.slide-bgimg {
  width: 91.9%;
    left: -32vw;
    float: left;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 999;

    opacity: 1;
    z-index: 999999;
        height: 100%;
}
.paralax-swipper-banner figure.slide-bgimg  img{
    display: flex;
      width: 100%;
    height: 100%;
    object-fit: contain;
}

.paralax-swipper-banner .swiper-slide .content .banner-btn1:hover{
color:#000000;
background-color: #fff;

}


/* .swiper-slide-next  */



@media screen and (min-width: 1241px) and (max-width: 1340px) {
   
.paralax-swipper-banner .swiper-slide-active .content {
        width: 94%;
    }
.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets{
   width: 94%;
}

.paralax-swipper-banner figure.slide-bgimg {
        width: 100%;
        left: -43vw;
}


}
@media screen and (min-width: 1025px) and (max-width: 1240px) {

.paralax-swipper-banner .swiper-slide-active .content {
        width: 94%;
}

.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets{
   width: 94%;
}

.paralax-swipper-banner .swiper-slide .content h2 {
       font-size: 36px;
    letter-spacing: 4.72px;
}


.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets {
   bottom: 24.4%;
}

.paralax-swipper-banner figure.slide-bgimg{
  left: -43vw;
width: 100%;
}

.paralax-swipper-banner .parallex-bg{
    min-height: 500px;
}

}



@media screen and (min-width:901px) and (max-width:1024px){
.paralax-swipper-banner .swiper-slide-active .content {
        width: 94%;
    }
.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets{
   width: 94%;
}


.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets {
        bottom: 23.4%;
}

.paralax-swipper-banner figure.slide-bgimg{
  left: -34vw;
width: 100%;
}

.paralax-swipper-banner .parallex-bg{
        min-height: 413px;
}

.paralax-swipper-banner .swiper-slide .content h2 {
          font-size: 32px;
        letter-spacing: 3.72px;
        line-height: 1.2;
}

.paralax-swipper-banner .swiper-slide .content .banner-row-inner {
    width: 57%;
            transform: translateY(-15px);
}

.paralax-swipper-banner .swiper-slide .content .caption{
    font-size: 16px;
        margin: 0 0 13px;
}

.paralax-swipper-banner figure.slide-bgimg img {
    width: 92%;
    height: 100%;
    object-fit: contain;
}

}



@media screen and (min-width:768px) and (max-width:900px) {

.paralax-swipper-banner .swiper-slide-active .content {
        width: 94%;
    }
.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets{
   width: 94%;
}


.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets {
        bottom: 26.4%;
}

.paralax-swipper-banner figure.slide-bgimg{
  left: -37vw;
width: 100%;
}

.paralax-swipper-banner .parallex-bg{
        min-height: 360px;
}

.paralax-swipper-banner .swiper-slide .content h2 {
          font-size: 28px;
            letter-spacing: 2.72px;
        margin: 0 0 10px;
        line-height: 1.2;
}

.paralax-swipper-banner .swiper-slide .content .banner-row-inner {
    width: 57%;
            transform: translateY(-28px);
}

.paralax-swipper-banner .swiper-slide .content .caption{
        font-size: 14px;
        margin: 0 0 10px;
}

.paralax-swipper-banner figure.slide-bgimg img {
    width: 92%;
    height: 100%;
    object-fit: contain;
}



}


@media screen and (max-width:767px){

.swiper-slide::after{
    background-color: transparent;
}
.paralax-swipper-banner .swiper-slide-active .content{
    animation: none;
}


}


@media screen and (min-width:601px) and (max-width:767px) {



    .paralax-swipper-banner .swiper-slide .content {width: 100%;transform: none;margin: 0 0 0;position: relative;top: inherit;right: inherit;left: inherit;background: #fff;}
 
.paralax-swipper-banner .swiper-slide .content .banner-row-inner {
    width: 100%;
    padding: 34px 5% 60px;
    justify-content: center;
}
 
.paralax-swipper-banner .swiper-slide .content h2 {
    text-align: center;
}
 
.paralax-swipper-banner .swiper-slide .content .caption {
    text-align: center;
}
 
.paralax-swipper-banner figure.slide-bgimg {
    width: 100%;
    left: inherit;
    position: relative;
}
 
.paralax-swipper-banner figure.slide-bgimg img {
    left: -30%;
    position: relative;
}
 
.paralax-swipper-banner .parallex-bg {
    min-height: inherit;
    height: 100%;
}
 
.paralax-swipper-banner .swiper-slide {
    display: block;
}


.paralax-swipper-banner .swiper-slide .content h2 {
    font-size: 27px;
        letter-spacing: 3.72px;
        margin: 0 0 16px;
}

.paralax-swipper-banner .swiper-slide .content .caption{
            font-size: 16px;
        margin: 0 0 10px;
}

.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets {
    margin: 0 auto 0;
    bottom: 5%;
    left: 0;
    width: 90%;
    right: 0;
    display: flex
;
    justify-content: center;
    z-index: 99;
    position: absolute;
    margin-inline: auto;
}


.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet{
        background: #000000;
}
.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet-active{
    background: #f2a69a !important;
}

.paralax-swipper-banner .swiper-slide .content .banner-btn1{
            margin: 10px 4px 0;
}

}


@media screen and (min-width:481px) and (max-width:600px){

.paralax-swipper-banner .swiper-slide .content {width: 100%;transform: none;margin: 0 0 0;position: relative;top: inherit;right: inherit;left: inherit;background: #fff;}
 
.paralax-swipper-banner .swiper-slide .content .banner-row-inner {
    width: 100%;
    padding: 34px 5% 60px;
    justify-content: center;
}
 
.paralax-swipper-banner .swiper-slide .content h2 {
    text-align: center;
}
 
.paralax-swipper-banner .swiper-slide .content .caption {
    text-align: center;
}
 
.paralax-swipper-banner figure.slide-bgimg {
    width: 100%;
    left: inherit;
    position: relative;
}
 
.paralax-swipper-banner figure.slide-bgimg img {
    left: -30%;
    position: relative;
}
 
.paralax-swipper-banner .parallex-bg {
    min-height: inherit;
    height: 100%;
}
 
.paralax-swipper-banner .swiper-slide {
    display: block;
}



.paralax-swipper-banner .swiper-slide .content h2 {
    font-size: 25px;
                letter-spacing: 3.72px;
        margin: 0 0 16px;
        line-height: 1.3;
}

.paralax-swipper-banner .swiper-slide .content .caption{
            font-size: 16px;
        margin: 0 0 10px;
}

.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets {
    margin: 0 auto 0;
    bottom: 5%;
    left: 0;
    width: 90%;
    right: 0;
    display: flex
;
    justify-content: center;
    z-index: 99;
    position: absolute;
    margin-inline: auto;
}


.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet{
        background: #000000;
}
.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet-active{
    background: #f2a69a !important;
}


.paralax-swipper-banner .swiper-slide .content .banner-btn1{
            margin: 10px 4px 0;
}

}


@media screen and (max-width: 480px) {
    
.paralax-swipper-banner .swiper-slide .content {width: 100%;transform: none;margin: 0 0 0;position: relative;top: inherit;right: inherit;left: inherit;background: #fff;}
 
.paralax-swipper-banner .swiper-slide .content .banner-row-inner {
    width: 100%;
    padding: 34px 5% 50px;
    justify-content: center;
}
 
.paralax-swipper-banner .swiper-slide .content h2 {
    text-align: center;
}
 
.paralax-swipper-banner .swiper-slide .content .caption {
    text-align: center;
}
 
.paralax-swipper-banner figure.slide-bgimg {
    width: 100%;
    left: inherit;
    position: relative;
}
 
.paralax-swipper-banner figure.slide-bgimg img {
    left: -30%;
    position: relative;
}
 
.paralax-swipper-banner .parallex-bg {
    min-height: inherit;
    height: 100%;
}
 
.paralax-swipper-banner .swiper-slide {
    display: block;
}



.paralax-swipper-banner .swiper-slide .content h2 {
    font-size: 20px;
        letter-spacing: 3.72px;
        margin: 0 0 16px;
                line-height: 1.3;
}

.paralax-swipper-banner .swiper-slide .content .caption{
            font-size: 16px;
        margin: 0 0 10px;
        line-height: 1.2;
}

.paralax-swipper-banner .swiper-pagination.swiper-pagination-bullets {
    margin: 0 auto 0;
    bottom: 5%;
    left: 0;
    width: 90%;
    right: 0;
    display: flex
;
    justify-content: center;
    z-index: 99;
    position: absolute;
    margin-inline: auto;
}


.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet{
        background: #000000;
}
.paralax-swipper-banner .swiper-pagination .swiper-pagination-bullet-active{
    background: #f2a69a !important;
}

.paralax-swipper-banner .swiper-slide .content .banner-btn1{
            margin: 10px 4px 0;
}

}



@media (min-width: 2500px) {
    .paralax-swipper-banner figure.slide-bgimg {
        left: -22vw;
    }

    /* .paralax-swipper-banner figure.slide-bgimg {
    width: 91.9%;
    left: -32vw;
} */
}