/**  custom glide css  **/
.carousel{
    position:relative;
}
.carousel ul li:before{
    content: unset;
}
.carousel .carousel-container {
    position: relative;
    padding: 6rem 0;
    z-index: 1;
}
.carousel .carousel_frame{
    border-radius:1rem;
    display:flex;
    justify-content:center;
}
.carousel li.carousel_frame.glide__slide p {
    width: 100%;
}
.slide_glide_content {
    margin-top: -4.3rem;
    position: relative;
    padding: 1rem;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    text-align: left;
}
.carousel .custom_slider_content{
    width: 35%;
    display: flex;
    align-items: center;
}
.carousel .custom_slider_slide{
    width: 65%
}
.carousel .custom_slider_slide_alone{
    width:100%;
}
.carousel .img_background{
    object-fit: cover;
    width:100%;
    height:100%;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}
/**  library css  **/
.carousel .glide {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.carousel .glide * {
    box-sizing: inherit;
}
.carousel .glide__track {
    overflow: hidden;
}
.carousel .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}
.carousel .glide__slides--dragging {
    user-select: none;
}
.carousel .glide__slide {
    overflow:hidden;
    width: 100%;
    flex-shrink: 0;
    white-space: initial;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.carousel .glide__slide a {
    text-decoration: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.carousel .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none;
}
.carousel .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none;
}
.carousel .glide--rtl {
    direction: rtl;
}
.carousel .glide {
    cursor: -webkit-grab;
    width: 100%;
    margin: auto;
}
.carousel .slider__arrow--prev {
    left: 1.5rem;
}
.carousel .fas {
    right: 5px;
    position: absolute;
    top: 6px;
}
.carousel .slider__arrow--next {
    right: 1.5rem;
}
.carousel .slider__arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin-top: -9px;
    border-radius: 50%;
    background-color: #454545;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0.5rem 4rem 0 rgba(0, 0, 0, 0.5);
}
.carousel .slider__arrow--prev {
    left: 1.5rem;
}
.carousel .slider__frame[class*=active] {
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: background 0.1s ease-in;
}
.carousel .glide__arrows {
    position: relative;
    z-index: 2;
    margin: 1rem;
}
.carousel .glide__arrow--prev{
    position:absolute;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: auto;
}
.carousel .glide__arrow--next{
    position:absolute;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: auto;
}
.carousel .glide__arrow {
    border: none;
    background: #ffffff00;
    cursor: pointer;
    z-index: 2;
}
.carousel .glide__arrow:hover {
    transform: scale(1.1);
    transition: ease-in 0.2s;
}
.carousel .glide_controls{
    display:block;
}

.carousel li.carousel_frame.glide__slide a{
    max-width: 5rem;
    display: flex;
}
.carousel li.carousel_frame.glide__slide a img{
    object-fit:cover;
    width:100%;
    height:100%;
}
.carousel .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 1rem;
}
.carousel .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    border-radius: 1rem;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
    border: 2px solid #fff !important;
}
.carousel .carousel_content{
    color: #fff;
    padding-bottom: 2rem;
}
.carousel .carousel_content h2,.carousel_content h3{
    font-size: 64px;
}
.carousel .glide__bullets {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 2rem 0;
}
.carousel .glide__bullets button{
    border: none;
    border-radius: 10rem;
    height: 1rem;
    width: 1rem;
    cursor: pointer;
}
.carousel .glide__bullets .glide__bullet{
    background: rgba(217, 217, 217, 1)
}
.carousel .glide__bullets .glide__bullet--active {
    background: #f1592a;
}

@media(orientation:portrait){
	.carousel .carousel-container {
		padding: 3rem 0;
	}
    .carousel .carousel_content h2,.carousel_content h3{
        font-size: 48px;
    }
    .carousel li.carousel_frame.glide__slide a{
        max-width: 10rem;
        display: flex;
    }
    .carousel li.carousel_frame.glide__slide a img{
        object-fit:cover;
        width:100%;
        height:100%;
    }
    .carousel .glide_controls{
        display:block;
    }
    .carousel .slide_glide_content {
        font-size: 2rem;
    }
    .carousel .custom_slider_slide{
        width: unset;
    }
    .carousel .carousel_container_mb{
        flex-direction: column
    }
    .carousel .custom_slider_content{
        width:100%;
    }
}