@keyframes heartbeat {
    0% { transform: scale(0); }
    25% { transform: scale(1.2); }
    50% { transform: scale(1); }
    75% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.slider-container { position: relative; margin: 0 auto; width: 800px; height: 400px;}
.overlap_slider_section .container { position: relative;}
.slider-container .bullet-container { position: absolute; top: auto; z-index: 1; left: 0; right: 0; margin: auto; bottom: -26px; display: flex; align-items: center; justify-content: center;}
.slider-container .bullet-container .bullet { margin:0 3px; height: 5px; width: 5px; border-radius: 50%; background-color: #787878; opacity: 0.5;}
.slider-container .bullet-container .bullet:last-child { margin-right: 0px;}
.slider-container .bullet-container .bullet.active { opacity: 1; background-color: #A1D95D;}
.overlap_slider_section h2 { text-align: center; color: #A1D95D; padding: 0 85px 50px; line-height: 45px;}
.slider-container .slider-content { position: relative; width: 100%; height: 100%;}
.slider-container .slider-content .slider-single { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: z-index 0ms 250ms;}
.slider-container .slider-content .slider-single .slider-single-image { position: relative; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0; object-fit: cover;}
.slider-container .slider-content .slider-single .slider-single-download { position: absolute; display: block; right: -22px; bottom: 12px; padding: 15px; color: #333333; background-color: #fdc84b; font-size: 18px; font-weight: 600; font-family: "karla"; border-radius: 5px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); opacity: 0;}
.slider-container .slider-content .slider-single .slider-single-download:hover, .slider-container .slider-content .slider-single .slider-single-download:focus { outline: none; text-decoration: none;}
.slider-container .slider-content .slider-single .slider-single-title { display: block; float: left; margin: 16px 0 0 20px; font-size: 20px; font-family: "karla"; font-weight: 400; color: #ffffff; transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); opacity: 0;}
.slider-container .slider-content .slider-single .slider-single-likes { display: block; float: right; margin: 16px 20px 0 0; transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); opacity: 0;}
.slider-container .slider-content .slider-single .slider-single-likes i { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; color: #ff6060; transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0);}
.slider-container .slider-content .slider-single .slider-single-likes p { display: inline-block; vertical-align: middle; margin: 0; color: #ffffff;}
.slider-container .slider-content .slider-single .slider-single-likes:hover, .slider-container .slider-content .slider-single .slider-single-likes:focus { outline: none; text-decoration: none;}
.slider-container .slider-content .slider-single.preactivede .slider-single-image { transform: translateX(-50%) scale(0);}
.slider-container .slider-content .slider-single.preactive { z-index: 1;}
.slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: 0.3; transform: translateX(-25%) scale(0.8);}
.slider-container .slider-content .slider-single.preactive .slider-single-download { transform: translateX(-150px);}
.slider-container .slider-content .slider-single.preactive .slider-single-title { transform: translateX(-150px);}
.slider-container .slider-content .slider-single.preactive .slider-single-likes { transform: translateX(-150px);}
.slider-container .slider-content .slider-single.proactive { z-index: 1;}
.slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: 0.3; transform: translateX(25%) scale(0.8);}
.slider-container .slider-content .slider-single.proactive .slider-single-download { transform: translateX(150px);}
.slider-container .slider-content .slider-single.proactive .slider-single-title { transform: translateX(150px);}
.slider-container .slider-content .slider-single.proactive .slider-single-likes { transform: translateX(150px);}
.slider-container .slider-content .slider-single.proactivede .slider-single-image { transform: translateX(50%) scale(0);}
.slider-container .slider-content .slider-single.active { z-index: 2;}
.slider-container .slider-content .slider-single.active .slider-single-image { opacity: 1; transform: translateX(0%) scale(1);}
.slider-container .slider-content .slider-single.active .slider-single-download { opacity: 1; transition-delay: 100ms; transform: translateX(0px);}
.slider-container .slider-content .slider-single.active .slider-single-title { opacity: 1; transition-delay: 200ms; transform: translateX(0px);}
.slider-container .slider-content .slider-single.active .slider-single-likes { opacity: 1; transition-delay: 300ms; transform: translateX(0px);}
.slider-container .slider-content .slider-single.active .slider-single-likes i { animation-name: heartbeat; animation-duration: 500ms; animation-delay: 900ms; animation-interation: 1; animation-fill-mode: forwards;}
.overlap_slider_section .slider-right, .overlap_slider_section .slider-left {position: absolute;z-index: 3;display: block;width: 45px;height: 45px;color: #fff;background-position: center;left: auto;right: 25px; top: 0; bottom: auto; margin: auto;}
.overlap_slider_section .slider-left {background: #A1D95D url(../../img/leftarrow.svg) center no-repeat;right: 85px}
.overlap_slider_section .slider-right {background: #A1D95D url(../../img/rightroow.svg) center no-repeat}
.overlap_slider_section h2::before {content: none !important}
.overlap_slider_section {float: left;width: 100%;padding: 120px 0;max-width: 100%;overflow: hidden;}
.slider-img-arrow {transform: translateX(-60%);width: 25%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1}
.slider-img-right {left: auto;transform: translateX(60%)}
.slider-img-left {right: auto}
@media (max-width: 1099px) {
    .slider-container {max-width: calc(100% - 60px)}
}
@media (max-width: 991px) {
    .overlap_slider_section h2 {padding-right: 100px}
    .slider-container {height: 400px}
    .overlap_slider_section{padding: 70px 0;}
}
@media (max-width: 475px) {
    .slider-container {max-width: calc(100% + 40px);height: 250px;margin: 0 -20px}
    .overlap_slider_section h2 {font-size: 24px;line-height: 32px;padding: 0 0 20px;}
    .overlap_slider_section .slider-right {background-color: transparent;right: 0;left: auto}
    .overlap_slider_section .slider-left {background-color: transparent;left: 0; right: auto;}
    .overlap_slider_section .slider-right ,
    .overlap_slider_section .slider-left{top: 57%;}
    .overlap_slider_section{padding: 50px 0;}
}