@font-face {
    font-family: 'All Genders v4 Regular';
    font-style: normal;
    font-weight: normal;
    src: local('All Genders v4 Regular'), url('fonts/All-Genders-Regular-v4.woff') format('woff');
    }


    @font-face {
    font-family: 'All Genders v4 Light';
    font-style: normal;
    font-weight: normal;
    src: local('All Genders v4 Light'), url('fonts/All-Genders-Light-v4.woff') format('woff');
    }


    @font-face {
    font-family: 'All Genders v4 Bold';
    font-style: normal;
    font-weight: normal;
    src: local('All Genders v4 Bold'), url('fonts/All-Genders-Bold-v4.woff') format('woff');
    }

    html{
        font-family: 'All Genders v4 Regular';
    }

    .nav-link{
        font-family: 'All Genders v4 Regular';
    }
    .nav-link.active{
        background-color: #008AFF;
        border-radius: 7px;
        color: #fff !important;
    }
    .sticky-top{
        background-color: #fff;
    }

    h2.title{
        background-image: url('../images/title-background.svg');
        background-size: 100%;
        background-repeat: no-repeat;
        text-align: center;
        color: #fff;
    }

    h3.sub-title,a.readmore{
        color:#008AFF;
        text-decoration: none;
    }

    .about-section-text{
        text-align: justify;
    }
    .card-body{
        background-color: rgba(217,217,217,0.1);
        min-height: 10rem;
    }

    .cards-link {
        color: #000;
        text-decoration: none;
      }

    .news-section{
        background-image: linear-gradient(to right,#008AFF,#00C309);
    }

    .card-text{
        text-align: justify;
    }

    /* .training{
        background-color: rgba(0,105,194,0.1);
    } */

    .training-card{
        background-color: transparent;
        text-align: justify;
    }

    .training-card .card-body,.training-card .card-footer{
        background-color: transparent;
    }

    .content-load{
         background-color: rgba(0,105,194,0.1);
         min-height: 500px;
         padding-top: 25px;
    }

    .fs-7-flex{
        font-size: 0.7rem !important;
    }
    .training-card .card-footer{
        color: #8A8989;
    }

    #enrolment, #footer{
        background-color: #000;
    }
    #main_form_container {
        color: #FFF;
      }
    /*.MultiCarousel { float: right; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: right; }
        .MultiCarousel .MultiCarousel-inner .item { float: right;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { right:0; }
    .MultiCarousel .rightLst { left:0;z-index: 9999; }

        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
        */
    .has-error input, .has-error textarea, .has-error select {
            border-color: var(--bs-form-invalid-border-color);
            border-width:3px;
            padding-left: calc(1.5em + .75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: left calc(.375em + .1875rem) center;
            background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    }

            /* Slider Container */
            .slider {
                position: relative;
                width: 100%;
                overflow: hidden;
            }

            /* Individual Slide */
            .mainslide,.slide {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                opacity: 0;
                transition: opacity 1s ease-in-out;
            }

            /* Show Active Slide */
            .mainslide.active,.slide.active {
                opacity: 1;
                position: relative;
                z-index: 1;
            }

            /* Image Styling */
            .mainslide img{
                width: 100vw; /* Prevents width change on zoom */
                height: 46.25vw;
                object-fit: cover; /* Ensures image covers the container */
                display: block;
                transform: scale(1) !important; /* Fix zoom scaling */
                user-select: none; /* Prevents text selection while zooming */
            }

            #newsSlider img {
                /* width: 500px;
                height: 46.25vw; */
                display: block;
                transform: scale(1) !important; /* Fix zoom scaling */
                user-select: none; /* Prevents text selection while zooming */
                margin: auto;
                text-align: center;
            }

            /* Navigation Buttons */
            .prev, .next {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background-color: rgba(0, 0, 0, 0.6); /* Dark background for contrast */
                color: white;
                border: none;
                padding: 5px 10px;
                cursor: pointer;
                z-index: 10;
                font-size: 28px;
                transition: background-color 0.3s ease, transform 0.2s ease;
            }

            /* Hover Effects */
            .prev:hover, .next:hover {
                background-color: rgba(255, 255, 255, 0.8); /* Light hover effect */
                color: black;
                transform: translateY(-50%) scale(1.1); /* Slight zoom effect */
            }

            /* Left Arrow */
            .prev {
                left: 20px;
            }

            /* Right Arrow */
            .next {
                right: 20px;
            }

            /* Responsive Adjustments */
            @media (max-width: 1024px) {
                .mainslide img,.slide img {
                    min-height: 450px;
                }
            }

            @media (max-width: 768px) {
                .mainslide img,.slide img {
                    min-height: 400px;
                }
                .prev, .next {
                    padding: 10px 15px;
                    font-size: 24px;
                }
            }

            @media (max-width: 480px) {
                .mainslide img, .slide img {
                    min-height: 300px;
                }
                .prev, .next {
                    padding: 8px 12px;
                    font-size: 20px;
                }
            }

            /* Slider Container */
            .news-item {
                flex: 0 0 25%; /* Default: Show 4 slides per row */
                padding: 10px;
                box-sizing: border-box;

            }

            .news-item img {
                width: 100%;
                height: 200px;
                object-fit: contain;
            }

        .modal-body .slide {
            display: none;
            transition: opacity 0.5s ease-in-out;
        }

        .modal-body .slide.active {
            display: block;
            opacity: 1;
        }
        .news-title {
            min-height: 5.25rem;
          }
          .card-img-top {
            object-fit: contain !important;
          }