/* ======================================
   HOME HERO SLIDER
====================================== */


.main-slider {

    width: 100%;
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(120deg, #07182d, #174d7a);

}



.main-slider .carousel-item {

    min-height: 650px;

}



.main-slider .carousel-item .container {

    min-height: 650px;

}



.main-slider .carousel-item .row {

    min-height: 650px;

}



/* ===============================
 LEFT CONTENT
================================ */


.slider-text {

    color: white;

    padding-right: 40px;

}


.badge-text {


    display: inline-block;

    background: rgba(255, 255, 255, .15);

    border: 1px solid rgba(255, 255, 255, .3);

    padding: 8px 22px;

    border-radius: 50px;

    font-size: 13px;

    letter-spacing: 1px;

    margin-bottom: 25px;

    color: white;

}




.slider-text h1 {


    font-size: 52px;

    line-height: 1.15;

    font-weight: 800;

    color: white;

    margin-bottom: 25px;


}




.slider-text p {


    font-size: 18px;

    line-height: 1.7;

    color: #dbeafe;

    max-width: 520px;

    margin-bottom: 35px;

}





/* ===============================
 BUTTONS
================================ */


.slider-buttons {

    display: flex;

    gap: 15px;

}



.btn-primary-custom {


    background: #e63946;

    color: white !important;

    padding: 15px 35px;

    border-radius: 50px;

    font-weight: 600;

    display: inline-block;

}



.btn-primary-custom:hover {

    background: #b91c2c;

}



.btn-outline-custom {


    border: 2px solid white;

    color: white !important;

    padding: 13px 35px;

    border-radius: 50px;

    font-weight: 600;

    display: inline-block;

}



.btn-outline-custom:hover {


    background: white;

    color: #123b66 !important;

}







/* ===============================
 IMAGE
================================ */


.slider-image {


    position: relative;

    text-align: center;

}




.slider-image img {


    width: 100%;

    max-width: 560px;

    height: 420px;

    object-fit: contain;

    filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .35));


}






/* ===============================
 FLOATING CARD
================================ */



.floating-card {


    position: absolute;

    background: white;

    color: #222;

    padding: 15px 25px;

    border-radius: 15px;

    box-shadow:
        0 20px 40px rgba(0, 0, 0, .25);

    font-weight: 600;

}



.floating-card i {

    color: #e63946;

    margin-right: 8px;

}



.card-one {

    top: 40px;

    left: 0;

}



.card-two {


    bottom: 40px;

    right: 0;


}






/* ===============================
 BOOTSTRAP ARROWS
================================ */



.carousel-control-prev,
.carousel-control-next {


    width: 55px;

    height: 55px;

    top: 50%;

    transform: translateY(-50%);

    background: white;

    border-radius: 50%;

    opacity: 1;


}



.carousel-control-prev {


    left: 30px;

}



.carousel-control-next {


    right: 30px;

}



.carousel-control-prev-icon,
.carousel-control-next-icon {


    filter: invert(1);


}



.carousel-control-prev:hover,
.carousel-control-next:hover {


    background: #e63946;


}





/* INDICATOR */


.carousel-indicators button {


    width: 12px;

    height: 12px;

    border-radius: 50%;


}





/* ===============================
 TABLET
================================ */


@media(max-width:991px) {


    .main-slider .carousel-item,
    .main-slider .carousel-item .container,
    .main-slider .carousel-item .row {


        min-height: auto;


    }



    .main-slider .carousel-item .container {


        padding: 70px 20px;


    }



    .slider-text {


        text-align: center;

        padding: 0;

    }



    .slider-text h1 {


        font-size: 38px;


    }


    .slider-text p {


        margin-left: auto;

        margin-right: auto;


    }


    .slider-buttons {


        justify-content: center;


    }



    .slider-image {


        margin-top: 40px;


    }



    .floating-card {


        display: none;

    }



    .carousel-control-prev,
    .carousel-control-next {


        display: none;


    }


}





/* MOBILE */


@media(max-width:576px) {


    .slider-text h1 {


        font-size: 30px;


    }


    .slider-text p {


        font-size: 16px;


    }


    .slider-image img {


        height: 260px;


    }


    .btn-primary-custom,
    .btn-outline-custom {


        padding: 12px 22px;


    }


}

/* FINAL SLIDER FIX */

.main-slider {
    background: linear-gradient(120deg, #07182d, #174d7a) !important;
    color: white;
}


.main-slider .slider-text h1 {
    color: white !important;
}


.main-slider .slider-text p {
    color: #dbeafe !important;
}



.main-slider .btn-primary-custom {

    background: #e63946 !important;
    color: white !important;

    padding: 15px 35px !important;

    border-radius: 50px !important;

    display: inline-block;

}



.main-slider .btn-outline-custom {

    border: 2px solid white !important;

    color: white !important;

    padding: 13px 35px !important;

    border-radius: 50px !important;

    display: inline-block;

}



.main-slider .carousel-item {

    background: transparent;

}