@import url(../constants.css);

#home-slider {background-color: transparent;}



#home-slider .bgImage .layer {/*    background-color: rgba(0, 0, 0, 0.5);*/}



.slider-wrapper {

    overflow: hidden;

    width: 100%;

    position: relative;

}



.slick-list {line-height: 0;}

#home-slider.slick-dotted.slick-slider {margin-bottom: 0;}

#home-slider .slick-slide img {opacity: 0;visibility: hidden;width: 100%;}

#home-slider img.desktop-view {display: block;}

#home-slider img.mobile-view {display: none;}

#home-slider .item {height: 90vh;background-repeat: no-repeat;background-size: cover;position: relative;}

#home-slider .item::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    text-align: center;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);

    background-blend-mode: normal;

}



.slider-content {

    position: absolute;

    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);

    left: 0;

    z-index: 2;

    color: var(--white);

    width: 100%;

    z-index: 9999;

}



.slider-content .content {position: relative;margin: 0 auto;}



.slider-content .content h1 {

    font-size: 64px;

    line-height: 110%;

    font-weight: 700;

    color: var(--white);

    animation: fadeOutDown 0.90s both; 

}



.slider-content .content h6 {

    font-size: 18px;

    line-height: 140%;

    font-weight: 700; 

    animation: fadeInUp 0.90s both; 

}



.slider-content .content .links{

    margin-top: 30px;

}



.slider-content .content h6 span {

    font-weight: 700;

}



.slider-content .content p {

    font-size: 24px;

    font-weight: 400;

    line-height: 150%;

    color: var(--white);

    margin: 0 0 20px;

    animation: fadeOutUp 0.90s both; }



.slider-content .content .links {

    margin-top: 30px;

}



.slider-content .content .links a.btn {

    margin-right: 20px;

    animation: fadeOutDown 0.90s both;

}





.slider-content .content .links a.btn:last-child {

    margin-right: 0;

}





#home-slider .item.slick-active .slider-content .content h1 {

    animation: fadeInUp 0.90s both 0.90s;

}



#home-slider .item.slick-active .slider-content .content h6 {

    animation: fadeInUp 0.90s both 0.90s; }    



#home-slider .item.slick-active .slider-content .content p {

    animation: fadeInDown 0.90s both 0.90s;

}



#home-slider .item.slick-active .slider-content .content .links a.btn {

    animation: fadeInUp 0.90s both 0.90s;

}



/* #home-slider .item.slick-active .slider-content .content .links a.btn:last-child{ 

    background-color: var(--primary);

    border-color: var(--primary);

} 

#home-slider .item.slick-active .slider-content .content .links a.btn:hover{ 

    background-color: var(--secondary);

    border-color: var(--secondary);

}  */



/* #home-slider .slider-content .content .links a.btn:last-child{

    background-color: #fff;

    color: var(--secondary);

} */



.slick-prev {

    left: 0;

    z-index: 222;

}



.slick-next {

    right: 0;

}



#home-slider .slick-prev {

    left: 0;

}



#home-slider .slick-next {

    right: 0;

}



#home-slider .slick-prev,

#home-slider .slick-next {

    font-size: 30px;

    line-height: 28px;

    width: auto;

    height: auto;

    color: var(--white);

    top: 50%;

    bottom: auto;

}



#home-slider .slick-prev:before,

#home-slider .slick-next:before {

    content: '';

}



#home-slider .slick-dots {

    bottom: 40px;

}



#home-slider .slick-dots {

    display: block;

    position: absolute;

    bottom: 30px;

    width: 100%;

}



#home-slider .slick-dots li button:before {

    top: 0;

    left: 0;

    width: auto;

    height: auto;

    content: '';

}



#home-slider .slick-dots li button {

    font-size: 10px;

    height: 10px;

    width: 10px;

    background-color: var(--text);

    border: none;

    border-radius: 50%;

    margin-top: 5px;

}



#home-slider .slick-dots li.slick-active button,

#home-slider .slick-dots li:hover button {

    background-color: transparent;

    border: none;

}



#home-slider .slick-dots li.slick-active button:after,

#home-slider .slick-dots li:hover button:after {

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    border-radius: 25px !important;

    top: 3px;

    left: 3px;

    right: 0px;

    bottom: 0;

    position: absolute;

    content: '';

    height: 10px;

    width: 10px;

    background-color: var(--primary);

}



/* @media screen and (max-width: 1024px) {

    .slider-content{top:5%;}

} */

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

    .slider-content .content h1 {

        font-size: 52px;

        line-height: 62px;

    }



    .slider-content .content {

        width: 75%;

    }

}

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

   

    .slider-content .content {

        width: 100%;

    }

}

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



    #home-slider img.mobile-view {display: block;}

    #home-slider .slick-slide img {opacity: 1;visibility: visible;width: 100%;}

    #home-slider .item {background-image: none!important;}

    #home-slider .item {height: 62vh;}

    

    .slider-content .content h1 {margin: 16px 0;font-size: 42px;line-height: 120%;}

    .links.mt-60 {margin-top: 0;}

    .links.mt-60 .btn{display: block;width: 210px;} 

    

    .slider-content .content .links a.btn:last-child {margin-right: auto;}

    .slider-content .content .links a.btn{width: 160px;}

}

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

      

}