@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: var(--shade);
                                                                            background-blend-mode: normal;
}

.slider-content                                                             {position: absolute;top: 20%;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: var(--large);line-height: var(--lheight);font-weight: var(--dbold);animation: fadeOutDown 0.90s both;margin-bottom: 36px;}

.slider-content .content h1 span                                            {color:var(--primary);font-style: normal;}

.slider-content .content h6                                                 {font-size: 22px;line-height: 38px;font-weight: var(--normal);animation: fadeOutDown 0.90s both;}

.slider-content .content h6 span                                            {font-weight: 600;animation: fadeOutDown 0.90s both;}

.slider-content .content p                                                  {font-size: 20px;font-weight: var(--normal);line-height: 140%;margin: 0 0 20px;animation: fadeOutUp 0.90s both; }

.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 h6                 {animation: fadeInUp 0.90s both 0.90s;}
#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;}

.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:64px;}}
@media screen and (max-width: 830px) {
    .slider-content .content h1                                             {margin:0 0 16px 0;font-size: 42px;line-height: 50px;}
    .slider-content .content .links a.btn                                   {display: block;margin-right: 0;} 
    .slider-content .content .links                                         {display: flex;grid-template-columns: auto;gap: 30px;flex-flow: wrap;justify-content: center;}
}
@media screen and (max-width: 767px) {
    #home-slider .item::before                                              {}
    .header .top-wrap                                                       {padding: 28px 0;}
    #home-slider img.mobile-view                                            {display: block;}
    .slider-content .content h6                                             {font-size: 20px;line-height: 28px;
                                                    font-weight: var(--normal);animation: fadeOutDown 0.90s both;
    }
    #home-slider .slick-slide img                                           {opacity: 1;visibility: visible;width: 100%;}
    #home-slider .item                                                      {background-image: none!important;}
    #home-slider .item                                                      {height: 80vh;}
    h1 > br                                                                 {display: none;}
}