/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2025 | 09:38:02 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.span_yellow strong{
	color: #fc0;
}
.hover_scale img:hover {
    transform: scale(1.1);
}

.hover_scale img {
    transition: 0.5s ease all;
}
.overflow_hidden {
    overflow: hidden;
}
.slick-dots li button {
    aspect-ratio: 1;
    width: 10px;
    padding: 0;
    box-shadow: none;
    height: 10px;
    background: var( --e-global-color-29e48bb );
    border-radius: 100px;
    opacity: 0.5
}

.slick-dots li button::before {
    display: none;
}

.slick-dots li.slick-active button {
    opacity: 1
}

.slick-dots li {
    width: 10px;
    height: 10px;
}

.slick-dots {
    bottom: 0px;
}

.slick-dotted.slick-slider {
    padding-bottom: 15px;
    margin-bottom:0;
}


div#promotion_slider {
    padding-bottom: 25px;
}

.line_clamp_2lines{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}
#promotion_slider .slick-slide>div>div {
    display: inline-flex !important;
}

/* for Header responsive*/
@media (max-width: 1200px) and (min-width: 1025px) {
    
    .main_menu  a.elementor-item {
        padding-inline: 14px !important;
    }
    
}
@media (max-width: 1024px) {
    .main_menu nav.elementor-nav-menu--dropdown {
        position: absolute;
        right: -15px;
        z-index: 9999;
        width: 100vw;
        transform: none !important;
        left: auto;
        top: 49px !important;
    margin: 0 !important;
}

.main_menu .elementor-menu-toggle {
    margin: auto;
}
	.step_divider>div {
    height: 100%;
}
}
@media (max-width:767px){
	.main_menu nav.elementor-nav-menu--dropdown{
		top: 45px !important;
	}
}

/* Header responsive end here*/