.bugatti-container {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    padding-left: 0;
    background-color: black;
}

.bugatti-item-slick.slick-slide.slick-current.slick-active {
    outline: none !important;
}

.slider-for {
    margin-bottom: 15px;
}

.bugatti-slider-nav {
    position: absolute;
    top: 30%;
    left: 85rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.first-item-thumbnail {
    background-image: url("../images/Phoenix.webp");
}

.second-item-thumbnail {
    background-image: url("../images/Galaxy_1.jpg");
}

.third-item-thumbnail {
    background-image: url("../images/Phantom.jpg");
}

.forth-item-thumbnail {
    background-image: url("../images/AZURE.jpg");
}

.fifth-item-thumbnail {
    background-image: url("../images/Tulip_1.jpg");
}

.sixth-item-thumbnail {
    background-image: url("../images/One_1.jpg");
}

.seventh-item-thumbnail {
    background-image: url("../images/Hills_1.webp");
}

.eighth-item-thumbnail {
    background-image: url("../images/Haven_1.jpg");
}

.ninth-item-thumbnail {
    background-image: url("../images/Grove.jpg");
}

.tenth-item-thumbnail {
    background-image: url("../images/Dusk_1.jpg");
}

.eleven-item-thumbnail {
    background-image: url("../images/Dawn.jpg");
}

.twelve-item-thumbnail {
    background-image: url("../images/Aurora_1.webp");
}
.thirteen-item-thumbnail {
    background-image: url("../images/Royale.webp");
}
.fourteen-item-thumbnail {
    background-image: url("../images/Ghost_1.webp");
}
.fifteen-item-thumbnail {
    background-image: url("../images/Ivory.jpg");
}
.sixteen-item-thumbnail {
    background-image: url("../images/hillviews_1.webp");
}
.seventeen-item-thumbnail {
    background-image: url("../images/skyrise_1.webp");
}
.eighteen-item-thumbnail {
    background-image: url("../images/Elite_1.webp");
}
.nineteen-item-thumbnail {
    background-image: url("../images/ruby.webp");
}
.twenty-item-thumbnail {
    background-image: url("../images/starlight_1.webp");
}
.twentyone-item-thumbnail {
    background-image: url("../images/Skyhall_1.webp");
}

.first-item-thumbnail,
.second-item-thumbnail,
.third-item-thumbnail,
.forth-item-thumbnail,
.fifth-item-thumbnail,
.sixth-item-thumbnail,
.seventh-item-thumbnail,
.eighth-item-thumbnail,
.ninth-item-thumbnail,
.tenth-item-thumbnail,
.eleven-item-thumbnail,
.twelve-item-thumbnail,
.thirteen-item-thumbnail,
.fourteen-item-thumbnail,
.fifteen-item-thumbnail,
.sixteen-item-thumbnail,
.seventeen-item-thumbnail,
.eighteen-item-thumbnail,
.nineteen-item-thumbnail,
.twenty-item-thumbnail,
.twentyone-item-thumbnail {
    width: 100vw !important;
    height: 100vh !important;
    margin-right: 15px;
    outline: none !important;
    cursor: pointer;
    background-position: bottom !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.award-content {
    width: 25rem;
    margin: 30vh 8%; /*20% 0 0 12%;*/
}

    .award-content h3 {
        text-align: center;
        letter-spacing: 2px;
        line-height: 64px;
        text-transform: uppercase;
        font-family: "aktiv-thin";
        color: white;
    }
    .award-content h5 {
       
        font-weight: 400;
        color: white;
        text-transform: uppercase;
        font-family: "aktiv-regular";
        letter-spacing: 3.5px;
    }
    .award-content h3 span {
        color: white;
        text-align: center;
        letter-spacing: 2px;
        line-height: 64px;
        display: block;
        font-family: "aktiv-medium";
    }
        .award-title {
    font-size: 57px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
    text-align: center;
}

.award-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 11px;
}

.award-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    /* line-height: 1.3; */
    letter-spacing: 3.5px;
}

/*
.galaxy-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.galaxy-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 11px;
    letter-spacing: 18px;
}

.galaxy-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}

.phantom-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.phantom-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 11px;
    letter-spacing: 2.5px;
}

.phantom-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}

.azure-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.azure-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 11px;
    letter-spacing: 37px;
}

.azure-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}

.tultip-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.tultip-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 45px;
}

.ambar-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 34px;
}

.crest-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 34px;
}

.crust-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 37px;
}

.onyx-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 60px;
}

.lavender-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 0px;
}

.gardenia-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 2px;
}

.canal-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 35px;
}

.creek-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 37px;
}


.tultip-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}
    */
.col-md-offset-3 {
    margin-left: 0%;
}

.slick-slider {
    width: 100vw;
}

.bugatti-slider-nav .bugatti-item-slick {
    max-width: 380px;
    margin-right: 15px;
    outline: none !important;
    cursor: pointer;
}

    .bugatti-slider-nav .bugatti-item-slick img {
        max-width: 100%;
        background-size: cover;
        background-position: center;
    }

/*.bugatti-custom-arrows {
        position: absolute;
        top: 80%;
        transform: translateY(-50%);
        z-index: 1000;
        display: flex;
        gap: 20px;
        right: -20%;
    }
    */
.custom-arrow {
    /* background-color: rgba(255, 255, 255, 0.5);*/
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .custom-arrow:hover {
        /*  background-color: rgba(255, 255, 255, 0.8);*/
    }

.custom-arrow-prev {
    left: 20px;
}

.custom-arrow-next {
    right: 20px;
    rotate: 180deg;
}

.slick-arrow {
    width: 20px;
    overflow: hidden;
    padding: 0;
    border: 0;
}

/* new style for sliding section*/
.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 70vh;
    width: 100%;
}

.bugatti-container {
    overflow: hidden;
    width: 100vw;
    padding-left: 0;
    /* background-color: rgb(174, 17, 17); */
}

.bugatti-item-slick.slick-slide.slick-current.slick-active {
    outline: none !important;
}

.slider-for {
    margin-bottom: 15px;
}

.bugatti-slider-nav {
    position: absolute;
    top: 30%;
    left: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    /* background-color: red; */
}
/*


.galaxy-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.galaxy-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 11px;
    letter-spacing: 18px;
}

.galaxy-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}

.phantom-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.phantom-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 11px;
    letter-spacing: 2.5px;
}

.phantom-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}

.azure-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.azure-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 11px;
    letter-spacing: 37px;
}

.azure-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}

.tultip-title {
    font-size: 75px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-thin";
    letter-spacing: 3px;
    line-height: 72px;
}

.tultip-title-span {
    font-family: "aktiv-medium";
    letter-spacing: 45px;
}

.tultip-sub-title {
    font-size: 24px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-family: "aktiv-regular";
    letter-spacing: 3.5px;
}

    */

.col-md-offset-3 {
    margin-left: 0%;
}

.slick-slider {
    width: 100vw;
}

.bugatti-slider-nav .bugatti-item-slick {
    max-width: 380px;
    margin-right: 15px;
    outline: none !important;
    cursor: pointer;
}

    .bugatti-slider-nav .bugatti-item-slick img {
        max-width: 100%;
        background-size: cover;
        background-position: center;
    }

/*.bugatti-custom-arrows {
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    gap: 20px;
    right: -30%;
  }
  */
.custom-arrow {
    /*   background-color: rgba(255, 255, 255, 0.5);
            */
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .custom-arrow:hover {
        /*background-color: rgba(255, 255, 255, 0.8);*/
    }

.custom-arrow-prev {
    left: 20px;
}

.custom-arrow-next {
    right: 20px;
    rotate: 180deg;
}

.slick-arrow {
    width: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
}
.slick-prev.slick-arrow {
    background-image: url("../images/arrow-icon-080824.png");
    width: 80px;
    height: 80px;
    left: -85px;
    top: 47%;
}

.slick-next.slick-arrow {
    background-image: url("../images/arrow-icon-next-080824.png");
    width: 80px;
    height: 80px;
    right: -85px;
    top: 47%;
}

.slick-prev::before, .slick-next::before {
    content: none !important;
}
    /* Responsive Design */
    @media (max-width: 768px) and ( orientation: portrait) {
        .bugatti-slider-nav .bugatti-item-slick {
            /*padding-left:3rem*/
        }

        .award-content {
            width: 80%;
            height: auto;
            margin: 0 auto;
            padding: 15% 0px;
            /* background-color: rebeccapurple; */
        }

        .award-title {
            font-size: 50px;
            line-height: 50px;
        }

        .award-sub-title {
            font-size: 20px;
        }

        .bugatti-slider-nav {
            top: 48%;
            left: 0;
            width: 100%;
            background-color: transparent;
        }

        .bugatti-item-slick {
            max-width: 200px;
        }

        .bugatti-custom-arrows {
            top: 80%;
            right: 40%;
            gap: 10px;
        }

        .custom-arrow {
            padding: 5px;
        }

        .custom-arrow-prev {
            left: 0;
        }

        .custom-arrow-next {
            right: 0;
        }

        .first-item-thumbnail,
        .second-item-thumbnail,
        .third-item-thumbnail,
        .forth-item-thumbnail,
        .fifth-item-thumbnail,
        .sixth-item-thumbnail,
        .seventh-item-thumbnail,
        .eighth-item-thumbnail,
        .ninth-item-thumbnail,
        .tenth-item-thumbnail,
        .eleven-item-thumbnail,
        .twelve-item-thumbnail,
        .thirteen-item-thumbnail,
        .fourteen-item-thumbnail,
        .fifteen-item-thumbnail,
        .sixteen-item-thumbnail,
        .seventeen-item-thumbnail,
        .eighteen-item-thumbnail,
        .nineteen-item-thumbnail,
        .twenty-item-thumbnail,
        .twentyone-item-thumbnail {
            background-position: top !important;
            background-repeat: no-repeat;
            /* background-size: auto 100vh !important;*/
            background-size: cover !important;
        }

        /*background images for smart devices*/


        .first-item-thumbnail {
            background-image: url("../images/Phoenix.jpg");
        }
        /*remove*/
        .second-item-thumbnail {
            background-image: url("../images/Galaxy.jpg");
        }

        .third-item-thumbnail {
            background-image: url("../images/Phantom_1.jpg");
        }
        /*remove*/
        .forth-item-thumbnail {
            background-image: url("../images/Azure.jpg");
        }
        /*remove*/
        .fifth-item-thumbnail {
            background-image: url("../images/Tulip.jpg");
        }
         
        .sixth-item-thumbnail {
            background-image: url("../images/One.jpg");
        }
       
        .seventh-item-thumbnail {
            background-image: url("../images/Hills.jpg");
        }
       
        .eighth-item-thumbnail {
            background-image: url("../images/Haven.jpg");
        }
        
        .ninth-item-thumbnail {
            background-image: url("../images/Grove_1.jpg");
        }
        
        .tenth-item-thumbnail {
            background-image: url("../images/Dusk.jpg");
        }
         
        .eleven-item-thumbnail {
            background-image: url("../images/Dawn_1.jpg");
        }
        
        .twelve-item-thumbnail {
            background-image: url("../images/Aurora.jpg");
        }
 .thirteen-item-thumbnail {
            background-image: url("../images/Royale.jpg");
        }
        .fourteen-item-thumbnail {
            background-image: url("../images/Ghost.jpg");
        }
        .fifteen-item-thumbnail {
            background-image: url("../images/Ivory_1.jpg");
        }
        .sixteen-item-thumbnail {
            background-image: url("../images/hillviews.jpg");
        }
        .seventeen-item-thumbnail {
            background-image: url("../images/skyrise.jpg");
        }
        .eighteen-item-thumbnail {
            background-image: url("../images/elite.jpg");
        }
        .nineteen-item-thumbnail {
            background-image: url("../images/ruby.jpg");
        }
        .twenty-item-thumbnail {
            background-image: url("../images/starlight.webp");
        }
        .twentyone-item-thumbnail {
            background-image: url("../images/Skyhall.webp");
        }
    }
    /* media quries for the slider heading text*/





    @media (max-width: 489px) and ( orientation: portrait) {

        /*
    .award-title-span {
        letter-spacing: 10px;
    }

    .phantom-title-span {
        letter-spacing: 3.5px;
    }

    .azure-title-span {
        letter-spacing: 32px;
    }

    .tultip-title-span {
        letter-spacing: 38px;
    }

    .ambar-title-span {
        letter-spacing: 30px;
    }

    .onyx-title-span {
        letter-spacing: 50px;
    }

    .lavender-title-span {
        letter-spacing: 2px;
    }

    .gardenia-title-span {
        letter-spacing: 4px;
    }

    .canal-title-span {
        letter-spacing: 28px;
    }

    .creek-title-span {
        letter-spacing: 32px;
    }
        */
        .award-content h3 {
            font-size: 45px;
            line-height: 45px;
        }

            .award-content h3 span {
                font-size: 45px;
            }
    }

    @media (max-width: 412px) and ( orientation: portrait) {

        /*
    .tultip-title-span {
        font-family: "aktiv-medium";
        letter-spacing: 38px;
    }
        */

        .award-content h5 {
            font-size: 18px;
            letter-spacing: 3.9px;
            text-align: center;
            margin-top: 7%;
        }
    }

    @media (max-width: 393px) and ( orientation: portrait) {
        /* .bugatti-slider-nav .bugatti-item-slick {
                padding-left: 3.5rem;
            }
            .award-content h3 {
                font-size: 58px;
                line-height: 50px;
            }
		*/
        .award-content h5 {
            font-size: 17px;
            letter-spacing: 3.9px;
            margin-top: 7%;
        }

        .award-title-span {
            letter-spacing: 10px;
        }
        /*
    .galaxy-title-span {
        letter-spacing: 16px;
    }

    .ambar-title-span {
        letter-spacing: 28px;
    }

    .crest-title-span {
        letter-spacing: 30px;
    }

    .gardenia-title-span {
        letter-spacing: 2px;
    }
        */
        .bugatti-slider-nav .bugatti-item-slick {
            margin-right: 22px;
        }
        /*            .award-content h3 {
                font-size: 45px;
                line-height: 50px;
            }
		*/
        .award-content h5 {
            font-size: 17px;
            letter-spacing: 3.9px;
            margin-top: 7%;
        }
    }

    @media (max-width: 390px) and ( orientation: portrait) {
        /*    .award-content h3 {
                font-size: 42px;
                line-height: 50px;
            }
                    */
        .award-content h5 {
            font-size: 17px;
            letter-spacing: 3.9px;
            margin-top: 7%;
        }
    }

    @media (max-width: 360px) and ( orientation: portrait) {
        /* .award-content h3, .award-content h3 span {
                font-size: 36px;
                text-align: center;
                letter-spacing: 2px;
                line-height: 64px
                   
                }
                
                .bugatti-slider-nav .bugatti-item-slick {
                padding-left: 1.5rem
            }
            */
        .award-btn {
            
            font-size: 10px;
        }
            .award-content h5 {
            text-align: center !important;
        }
        /*.award-content h3 {
                font-size: 50px;
                line-height: 50px;
                text-align: center;
            }
            */
        .award-content h5 {
            font-size: 15px;
            letter-spacing: 3.6px;
            text-align: center;
            margin-top: 7%;
        }
        /*
    .award-title-span {
        letter-spacing: 9px;
    }

    .azure-title-span {
        letter-spacing: 30px;
    }

    .tultip-title-span {
        letter-spacing: 35px;
    }

    .creek-title-span {
        letter-spacing: 29px;
    }

    .onyx-title-span {
        letter-spacing: 46px;
    }*/
    }




    @media(min-width:1024px) {
        .bugatti-container .row .col-md-6 {
            display: flex;
            align-items: center;
        }

        .bugatti-container .slick-slider .slick-track, .bugatti-container .slick-slider .slick-list {
            height: auto;
        }

        .bugatti-slider-nav {
            position: absolute;
            top: auto;
            left: 100%;
            display: flex;
            align-items: center;
            width: 100%;
            max-width: 540px;
            height: auto;
        }

            .bugatti-slider-nav .bugatti-item-slick {
                max-width: 100%;
                margin-right: 45px;
            }

        .bugatti-custom-arrows {
            /*position: absolute;
                top: 47%;
                transform: translateY(-50%);
                z-index: 1000;
                display: flex;
                gap: 20px;
                right: -30%;*/

            position: absolute;
            top: 40%;
            transform: translateY(-50%);
            z-index: 1000;
            display: flex;
            gap: 20px;
            right: -31.5%;
        }

        .custom-arrow-prev {
            left: -280px;
            position: absolute;
        }

        .custom-arrow-next {
            right: -370px;
            position: absolute;
        }

        .award-content h3 {
            margin-left: -1200px;
            transition: margin-left 4s ease;
        }

        .award-content h5 {
            margin-left: -1400px;
            transition: margin-left 3s ease;
        }

        .award-btn {
            margin-left: -1600px;
            transition: margin-left 2s ease;
        }

        .slick-active .award-content h3 {
            margin-left: 0%;
        }

        .slick-active .award-content h5 {
            margin-left: 0%;
        }

        .slick-active .award-content .award-btn {
            margin-left: 0%;
        }
    }

    @media (max-width:480px) and ( orientation: portrait) {
        .award-content h3 {
            margin-left: -300px;
            transition: margin-left 4s ease;
        }

        .slick-active .award-content h3 {
            margin-left: 0%;
        }

        .slick-active .award-content h5 {
            margin-left: 0px;
        }

        .slick-active .award-content .award-btn {
            margin-left: 0px;
        }

        .award-content h5 {
            font-size: 16px;
            letter-spacing: 1.5px;
            margin-top: 7%;
            margin-left: -600px;
            transition: margin-left 4s ease;
        }
    }

    @media (min-width:481px) and (max-width:1023px) {
        .award-content h3 {
            margin-left: -600px;
            transition: margin-left 4s ease;
        }

        .award-content h5 {
            margin-left: -700px;
            transition: margin-left 3s ease;
        }

        .award-btn {
            margin-left: -800px;
            transition: margin-left 2s ease;
        }

        .slick-active .award-content h3 {
            margin-left: 0%;
        }

        .slick-active .award-content h5 {
            margin-left: 0%;
        }

        .slick-active .award-content .award-btn {
            margin-left: 0%;
        }
    }


    @media (min-width: 1024px) {
        .bugatti-slider-nav .slick-slide {
            width: 528px /* Set the slide width to match the image width */
        }

        .bugatti-slider-nav {
            width: 528px
        }

            .bugatti-slider-nav .bugatti-item-slick {
                margin-right: 0px;
                max-width: 528px
            }

        

        .award-content {
            width: 25rem;
            margin: auto auto auto 5%;
        }

        .slick-vertical .slick-slide {
            display: flex;
            height: auto;
            border: 1px solid transparent;
            align-items: center;
        }
    }

@media (max-width: 1024px) and (orientation: portrait) {
    .col-md-offset-3 {
        margin-left: auto;
        display: flex;
        justify-content: center;
        left: auto;
    }

    .bugatti-slider-nav .slick-slide {
        width: 79vw;
        max-width: 79vw; /*calc(100vw - 30px);  Set the slide width to match the image width */
        width: 79vw;
        max-width: 79vw;
        height: 50vh;
        display: flex;
        align-items: center;
    }

    .bugatti-slider-nav {
        width: 80vw;
        margin: auto !important;
        left: auto !important;
        height: 50vh;
        align-items: center;
        top: 1.3%;
    }


        .bugatti-slider-nav .bugatti-item-slick {
            margin-right: 0px;
            margin-left: 1px;
            /* max-width: 350px; calc(100vw - 28px) */
        }

    .slick-prev.slick-arrow {
        background-image: url("../images/arrow-icon-080824.png");
        width: 80px;
        height: 80px;
        left: -45px;
        top: 50%;
    }

    .slick-next.slick-arrow {
        background-image: url("../images/arrow-icon-next-080824.png");
        width: 80px;
        height: 80px;
        right: -42px;
        top: 50%;
    }

    .slick-prev::before, .slick-next::before {
        content: none !important;
    }

    .award-content {
        width: 76vw;
        margin: 1% auto;
    }

    .slick-vertical .slick-slide {
        display: flex;
        height: auto;
        border: 1px solid transparent;
        align-items: start;
    }

    .award-btn {
        width: 100%;
        margin: 8% auto auto -500px;
        margin-left: -500px;
        transition: margin-left 4s ease;
    }

    .slick-slider .slick-list {
        height: 100% !important;
    }
}
@media (max-width: 1024px) and ( orientation: landscape) {
    .award-content {
        width: 18rem !important;
        margin: auto 8% !important;
    }

        .award-content h3 span {
            font-size: 48px;
            font-family: "aktiv-medium";
        }

    .bugatti-slider-nav .slick-slide {
        width: 320px;
        max-width: 320px; /*calc(100vw - 30px);  Set the slide width to match the image width */
        align-content: center;
    }

    .bugatti-slider-nav {
        width: 325px;
        margin: auto !important;
        top: 0 !important;
        left: 100% !important;
        display: flex;
        align-items: center;
        height: 100vh;
    }

    .slick-vertical .slick-slide {
        align-content: center;
    }

    .slick-slider .slick-track, .slick-slider .slick-list {
        height: auto;
    }

    .slick-prev.slick-arrow {
        left: -65px;
    }

    .slick-next.slick-arrow {
      
        right: -60px;
    }

    
    .highend-contents {
        padding-bottom: 10px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .award-content {
        width: 18rem !important;
        margin: 20% auto !important
    }

    .col-md-6.col-md-offset-3 {
        width: 100% !important;
        justify-content: center;
        display: flex;
        margin: auto;
        margin-top: 0px !important;
    }

    .bugatti-slider-nav .slick-slide {
        width: 640px;
        max-width: 640px;
        height: 50vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bugatti-slider-nav {
        width: 640px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {


    .bugatti-slider-nav .slick-slide {
        width: 570px ;
        max-width: 570px;
    }

    .bugatti-slider-nav {
        width: 575px;
    }
}