/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
*  Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
    touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }

/* No Js */
.no-js .owl-carousel {
display: block; }

/*
*  Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
z-index: 0; }

.owl-carousel .owl-animated-out {
z-index: 1; }

.owl-carousel .fadeOut {
animation-name: fadeOut; }

@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }

/*
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }

/*
* 	Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
		This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
		calculation of the height of the owl-item that breaks page layouts
	 */ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }

/*
* 	Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }

.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.html") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }

.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }







.mycrusial-container {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .mycrusial {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .mycrusial-slide {
        min-width: 100%;
        position: relative;
    }

    .mycrusial img {
        width: 100%;
        height: 550px;
        /*object-fit: cover;*/
          object-fit: fill;
    }

    .mycrusial-slide::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    .slide-text {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        color: #fff;
        max-width: 650px;
        z-index: 2;
    }
    .slide-text h1 {
        font-size: 48px;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .slide-text h2 {
        font-size: 48px;
         color: #fff;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .slide-text h3 {
        font-size: 22px;
        margin-bottom: 15px;
        color: #d4af37;
    }

    .slide-text p {
        font-size: 17px;
        margin-bottom: 25px;
        line-height: 1.6;
    }
    .btn-group {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .btn {
        padding: 12px 20px;
        text-decoration: none;
        border-radius: 4px;
        font-weight: bold;
        font-size: 14px;
    }

    .btn-call {
        background: #d4af37;
        color: #000;
    }

    .btn-call:hover {
        background: #b8962e;
    }

    .btn-pickup {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

    .btn-pickup:hover {
        background: #fff;
        color: #000;
    }
    .mycrusial-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        transform: translateY(-50%);
        z-index: 3;
    }

    .mycrusial-nav button {
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        border: none;
        padding: 12px;
        cursor: pointer;
        font-size: 20px;
    }

    @media (max-width: 992px) {
        .mycrusial img {
            height: 450px;
        }

        .slide-text h1 {
            font-size: 34px;
        }
        .slide-text h2 {
            font-size: 34px;
        }
        .slide-text h3 {
            font-size: 18px;
        }
    }

    @media (max-width: 768px) {
        .mycrusial img {
            height: 380px;
        }

        .slide-text {
            left: 5%;
            right: 5%;
            max-width: 100%;
        }

        .slide-text h1 {
            font-size: 26px;
        }
        .slide-text h2 {
            font-size: 26px;
        }
        .slide-text h3 {
            font-size: 16px;
        }

        .slide-text p {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .mycrusial img {
            height: 320px;
        }

        .slide-text {
            top: auto;
            bottom: 20px;
            transform: none;
        }

        .slide-text h1 {
            font-size: 20px;
        }
         .slide-text h2 {
            font-size: 20px;
        }

        .slide-text h3 {
            font-size: 14px;
        }

        .slide-text p {
            font-size: 12px;
        }

        .btn {
            font-size: 12px;
            padding: 10px 14px;
        }
    }