#layerslider {
    max-width: 100% !important;
    position: relative;
    background: url(../img/banner.webp);
    background-position: inherit;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    transition: 0.4s;
}

#layerslider:hover {
    transform: scale(1.04);
    transition: 0.4s;
}

#layerslider .ls-content {
    left: 10% !important;
}

#layerslider .btn_theme_primary {
    border-radius: 6px;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 1.25rem;
}

#layerslider .btn_theme_primary:hover{
	background: #1DAEAB;
}

#layerslider .text-box h2 {
    font-weight: 200;
    font-size: 2.85rem;
    -webkit-text-stroke: 0px;
    color: var(--color-font-light);
    line-height: 51px;
    padding-top: 4rem;
    width: 43%;
    /* text-shadow: 0px 2px 14px var(--color-dialog); */
}

#layerslider .text-box h3{
	width: 40%;
    color: var(--color-dialog);
    font-weight: 300;
    font-size: 1.35rem;
}

#layerslider .text-box p {
    font-weight: 200;
    font-size: 1.3rem;
    color: var(--color-font-light);
    width: 80%;
}

#layerslider .text-box .btn_theme_secondary,
#layerslider .text-box .btn_theme_tertiary {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 10px 20px !important;
    margin-top: 3rem !important;
    display: block;
    max-width: 210px;
}

#layerslider .text-box .btn_theme_tertiary {
    padding: 8px 20px !important;
    margin-top: 1rem !important;
}

#layerslider .ls-slide .ls-l {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100% !important;
}




@media (max-width: 1299px) {
    #layerslider .ls-content {
        left: 9% !important;
    }
}

@media (max-width: 1024px) {
	
	#layerslider {
		background-position: 30%;
		height: 650px;    
	}
	
	#layerslider .text-box h2 {
		font-weight: 200;
		font-size: 2.5rem;
		line-height: 41px;
		padding-top: 4rem;
		width: 50%;
	}

}

@media (max-width: 768px) {}

@media (max-width: 550px) {
	
	#layerslider .text-box h3 {
    width: 42%;
    color: var(--color-dialog);
    font-weight: 400;
    font-size: 0.75rem;
}
	
	#layerslider .text-box h2 {
        font-weight: 400;
        font-size: 1.1rem;
        line-height: 21px;
        padding-top: 2rem;
        width: 50%;
    }
	
	#layerslider {
        background-position: 40%;
        height: 280px;
    }
	
	#layerslider .text-box p{display:none;}
	
	#layerslider .btn_theme_primary{display:none;}

    

}

@media (max-width: 320px) {
	
	#layerslider .text-box h2 {
        font-weight: 400;
        font-size: 1.1rem;
        line-height: 21px;
        padding-top: 2rem;
        width: 60%;
    }
	
}