.slider .label_color {background-color: #FFF; color: var(--OPTION_BASE_COLOR); border: 1px solid #FFF;}
.slider .label_border {color: #FFF; border: 1px solid #FFF;}
.slider .slider_content {margin-bottom: 40px;}
.slider .company_name img {max-width: 80%;}
.slider .slider_shadow {position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.5)}

.slider .content_container {
    z-index:2; width: 100%; height: 100%; position: absolute; left: 0;  
    right: 0; top: 0; background-color: transparent; color: #FFF;
    padding-top: 150px;
    padding-bottom: 50px;
}

.slider .item {
    position: relative; 
    height: 828px; 
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: center bottom;
   
    font-size: 30px;
    font-weight: 600;
}
.slider .item h2 {font-weight: 800; font-size: 40px;}
.slider .text {color: #FFF; }
.slider .text > div {margin-top: -30px; position: relative; width: 100%;}

.slider .item h2 svg {width: 40px;
  height: 40px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
}
.slider .item h2 svg path {fill: #FFF;}

.slider .main_label_block {position: absolute; right: 0; bottom: 30px;}


.slider .slider_content ul li {
    font-size: 1.3rem; line-height: 1.4; 
    list-style: none; position: relative; 
    padding-left: 15px; text-align: left;
}
.slider .slider_content ul li::before {
    width: 6px;
    height: 6px;
    left: 0;
    top: 13.5px;
    border-radius: 50%;
    background-color: var(--OPTION_BASE_COLOR);
    content: '';
    position: absolute;
}


.slider .item .slogan {max-width: 60%;}
.slider .item .slogan img {max-width: 100%;}



/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .slider .item {height: 750px;  background-position: center top;}    
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    .slider .item {height: 650px;} 
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{

}
/*.col-*/
@media screen and (max-width: 575px)
{
    .slider .slider_content ul li {font-size: 1rem;} 
}