@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.os-carousel * { }
.os-carousel  a{
text-decoration: none;
}
.os-carousel  header{
width: 1140px;
max-width: 80%;
margin: auto;
height: 50px;
display: flex;
align-items: center;
position: relative;
z-index: 100;
}
.os-carousel header a{
color: #eee;
margin-right: 40px;
} .os-carousel{
height: 700px; width: 100vw;
overflow: hidden;
position: relative;
background-color: #000;
}
.os-list-overlay {
height: 100%;
width: 100%;
background: #0000008c;
position: absolute;
top: 0;
}
.os-carousel .list .item{
width: 100%;
height: 100%;
position: absolute;
inset: 0 0 0 0;
}
.os-carousel .list .item img{
width: 100%;
height: 100%;
object-fit: cover;
}
.os-carousel .list .item .content{
position: absolute;
top: 20%;
width: 1140px;
max-width: 80%;
left: 50%;
transform: translateX(-50%);
padding-right: 30%;
box-sizing: border-box;
color: #fff;
text-shadow: 0 5px 10px #0004;
}
.os-carousel .list .item .author{
font-weight: bold;
letter-spacing: 10px;
}
.os-carousel .list .item .title,
.os-carousel .list .item .topic{
font-size: 5em;
font-weight: bold;
line-height: 1.3em;
}
.os-carousel .list .item .topic{
color: #f1683a00;
}
.os-carousel .list .item .buttons{
display: flex;
gap: 10px;
margin-top: 20px;
}
.os-carousel .list .item .buttons a {
border: none;
letter-spacing: 3px;
font-weight: 500;
color:white;
border-radius:50px;
padding: 7px 14px;
text-transform: uppercase;
}
.os-carousel .list .item .buttons a:nth-child(2){
background-color: transparent;
border: 1px solid #fff;
color: #eee;
} .os-carousel .thumbnail{
position: absolute;
bottom: 50px;
left: 50%;
width: max-content;
z-index: 100;
display: flex;
gap: 20px;
max-width: 49%;
min-width: 49%;
align-items: end;
}
.os-carousel .thumbnail .item {
width: 240px;
height: 410px;
flex-shrink: 0;
position: relative;
}
.os-carousel .thumbnail > .item:nth-of-type(1) {
width: 260px;
height: 430px;
}
.os-carousel .thumbnail .item img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.os-carousel .thumbnail .item .content {
color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
padding-top: 50px;
background: linear-gradient(0deg, black, transparent);
border-radius: 8px;
}
.os-carousel .thumbnail .item .content .title{
font-weight: 500;
}
.os-carousel .thumbnail .item .content .description{
font-weight: 300;
} .os-carousel .os-slider-arrows {
position: absolute;
z-index: 1000;
display: flex;
cursor: pointer;
top: 44%;
}
.os-carousel .os-slider-arrows {
width: 60px;
height: 60px;
border-radius: 50%;
border: none;
color: #ffffffe0;
font-size: 35px;
transition: .5s;
line-height: 0;
background: transparent;
align-items: center;
justify-content: center;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.884);
}
.os-carousel .os-slider-arrows.os-prev {
left: 10px;
}
.os-carousel .os-slider-arrows.os-next {
right: 10px;
} .os-carousel .list .item:nth-child(1){
z-index: 1;
} .os-carousel .list .item:nth-child(1) .content .author,
.os-carousel .list .item:nth-child(1) .content .title,
.os-carousel .list .item:nth-child(1) .content .topic,
.os-carousel .list .item:nth-child(1) .content .des,
.os-carousel .list .item:nth-child(1) .content .buttons
{
transform: translateY(50px);
filter: blur(20px);
opacity: 0;
animation: showContent .5s 1s linear 1 forwards;
}
@keyframes showContent{
to{
transform: translateY(0px);
filter: blur(0px);
opacity: 1;
}
}
.os-carousel .list .item:nth-child(1) .content .title{
animation-delay: 1.2s!important;
}
.os-carousel .list .item:nth-child(1) .content .topic{
animation-delay: 1.4s!important;
}
.os-carousel .list .item:nth-child(1) .content .des{
animation-delay: 1.6s!important;
}
.os-carousel .list .item:nth-child(1) .content .buttons{
animation-delay: 1.8s!important;
} .os-carousel.next .list .item:nth-child(1) img{
width: 250px;
height: 420px;
position: absolute;
bottom: 50px;
left: 50%;
border-radius: 30px; }
@keyframes showImage{
to{
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
}
}
.os-carousel.next .thumbnail .item:nth-last-child(1){
overflow: hidden;
animation: showThumbnail .5s linear 1 forwards;
}
.os-carousel.prev .list .item img{
z-index: 100;
}
@keyframes showThumbnail{
from{
width: 0;
opacity: 0;
}
}
.os-carousel.next .thumbnail{
animation: effectNext .5s linear 1 forwards;
}
@keyframes effectNext{
from{
transform: translateX(150px);
}
} .os-carousel .time{
position: absolute;
z-index: 1000;
width: 0%;
height: 3px;
background-color: #f1683a;
left: 0;
top: 0;
}
.os-carousel.next .time,
.os-carousel.prev .time{
animation: runningTime 3s linear 1 forwards;
}
@keyframes runningTime{
from{ width: 100%}
to{width: 0}
} .os-carousel.prev .list .item:nth-child(2){
z-index: 2;
}
.os-carousel.prev .list .item:nth-child(2) img{
animation: outFrame 0.5s linear 1 forwards;
position: absolute;
bottom: 0;
left: 0;
}
@keyframes outFrame{
to{
width: 250px;
height: 420px;
bottom: 50px;
left: 50%;
border-radius: 20px;
}
}
.os-carousel.prev .thumbnail .item:nth-child(1){
overflow: hidden;
opacity: 0;
animation: showThumbnail .5s linear 1 forwards;
}
.os-carousel.next .os-slider-arrows button,
.os-carousel.prev .os-slider-arrows button{
pointer-events: none;
}
.os-carousel.prev .list .item:nth-child(2) .content .author,
.os-carousel.prev .list .item:nth-child(2) .content .title,
.os-carousel.prev .list .item:nth-child(2) .content .topic,
.os-carousel.prev .list .item:nth-child(2) .content .des,
.os-carousel.prev .list .item:nth-child(2) .content .buttons
{
animation: contentOut 1.5s linear 1 forwards!important;
}
.os-carousel .list .item .title, .os-carousel .list .item .topic {
font-size: 50px;
font-weight: bold;
line-height: 1.3em;
}
.os-carousel .list .item:nth-child(1) .content .author, .os-carousel .list .item:nth-child(1) .content .title, .os-carousel .list .item:nth-child(1) .content .topic, .os-carousel .list .item:nth-child(1) .content .des, .os-carousel .list .item:nth-child(1) .content .buttons {
transform: translateY(50px);
filter: blur(0px);
opacity: 0;
animation: showContent .3s 1s linear 1 forwards;
margin-right:150px
}
@keyframes contentOut{
to{
transform: translateY(-150px);
filter: blur(20px);
opacity: 0;
}
}
@media screen and (max-width: 992px) {
.os-carousel .list .item .content{
padding-right: 0;
}
.os-carousel .list .item .content .title{
font-size: 30px;
}
.os-carousel .thumbnail{
position: absolute;
left: 0;
width: 100%;
padding-inline: 50px;
max-width: 100%;
}
.os-carousel {
height: 1000px;
}
.os-carousel .list .item:nth-child(1) .content .author, .os-carousel .list .item:nth-child(1) .content .title, .os-carousel .list .item:nth-child(1) .content .topic, .os-carousel .list .item:nth-child(1) .content .des, .os-carousel .list .item:nth-child(1) .content .buttons {
margin-right: 0;
}
}.deensimc-marquee-main-container{--deensimc-item-gap: 2rem;--deensimc-container-padding: 1rem;--edge-shadow-color: #ffffff;--edge-shadow-spread: 50px;--edge-shadow-blur: 30px;position:relative;overflow:clip;display:flex;align-items:center;user-select:none;width:100%;padding-block:var(--deensimc-container-padding)}.deensimc-noscript-notice{margin-top:.75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(255, 255, 255, 0.1);background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 8px 24px rgba(0, 0, 0, 0.15);color:#111;font-size:.85rem;line-height:1.6;letter-spacing:.4px}.deensimc-marquee-main-container ul,.deensimc-marquee-main-container ol{list-style-type:none;padding:0;margin:0}.deensimc-marquee-track-wrapper{max-height:100%;display:flex;align-items:center;gap:var(--deensimc-item-gap)}.deensimc-marquee-track{display:flex;gap:var(--deensimc-item-gap);will-change:transform;-webkit-will-change:transform;animation-name:deensimc_marquee_horizontal;animation-duration:0s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}.deensimc-marquee-vertical.deensimc-marquee-main-container{height:60vh;padding-inline:var(--deensimc-container-padding);padding-block:0}.deensimc-marquee-vertical .deensimc-marquee-track-wrapper,.deensimc-marquee-vertical .deensimc-marquee-track{flex-direction:column;width:100%;margin-left:auto;margin-right:auto}.deensimc-marquee-vertical .deensimc-marquee-track{animation-name:deensimc_marquee_vertical}.deensimc-marquee-pause-on-hover .deensimc-marquee-track-wrapper:hover .deensimc-marquee-track{animation-play-state:paused}.deensimc-marquee-reverse .deensimc-marquee-track{animation-direction:reverse}.deensimc-marquee-edge-shadow{position:relative;&::after,&::before{content:"";width:0;height:100%;position:absolute;top:0;z-index:1;pointer-events:none;box-shadow:0 0 var(--edge-shadow-blur) var(--edge-shadow-spread) var(--edge-shadow-color)}&::before{left:0}&::after{right:0}}.deensimc-marquee-vertical.deensimc-marquee-edge-shadow{&::after,&::before{content:"";width:100%;height:0;position:absolute;left:0;z-index:1;transition:width 300ms ease;will-change:width;box-shadow:0 0 var(--edge-shadow-blur) var(--edge-shadow-spread) var(--edge-shadow-color)}&::before{top:0}&::after{top:auto;bottom:0}}[dir=rtl] .deensimc-marquee-main-container,[dir=rtl] .deensimc-marquee-track-wrapper,[dir=rtl] .deensimc-marquee-track{flex-direction:row-reverse}[dir=rtl] .deensimc-marquee-vertical .deensimc-marquee-track-wrapper,[dir=rtl] .deensimc-marquee-vertical .deensimc-marquee-track{flex-direction:column}@keyframes deensimc_marquee_horizontal{to{transform:translateX(calc(-100% - var(--deensimc-item-gap)))}}@keyframes deensimc_marquee_vertical{to{transform:translateY(calc(-100% - var(--deensimc-item-gap)))}}@keyframes deensimc-rotate-360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.deensimc-text-wrapper{display:flex;align-items:center;gap:.5rem}.deensimc-text-marquee .deensimc-scroll-text{white-space:nowrap;line-height:1.2;margin:0;transition:color .2s ease}.deensimc-marquee-vertical .deensimc-scroll-text{white-space:normal}@media(max-width: 767px){.deensimc-marquee-vertical .deensimc-scroll-text{white-space:nowrap}}.deensimc-icon-rotate svg,.deensimc-icon-rotate i{animation-name:deensimc-rotate-360;animation-duration:var(--icon-speed, 0);animation-timing-function:linear;animation-iteration-count:infinite}.deensimc-icon-rotate.deensimc-icon-rotate-ccw svg,.deensimc-icon-rotate.deensimc-icon-rotate-ccw i{animation-direction:reverse}.deensimc-marquee-pause-on-hover:hover svg,.deensimc-marquee-pause-on-hover:hover i{animation-play-state:paused}.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row-reverse;text-align:end}[dir=rtl] .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row;text-align:start}[dir=rtl] .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row-reverse}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-inline:auto!important;margin-bottom:15px}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-img img{display:block;line-height:0}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}