.bg-overlay-primary:before {
    background-color: rgb(96 96 96 / 90%);
}

.about-layout2 .about-img {
    max-width: 400px;
}


        .section-title p{color: #01438f !important;}

        /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            /*margin: 15% auto; */
            padding: 20px;
            border: 1px solid #888;
            width: 80%; /* Could be more or less, depending on screen size */
        }
        .modal-backdrop.show {

            opacity: 0 !important;
            display:none !important;
        }
        .about .icon-boxes h3{
            color: #01438f;
        }
        .details .content h3{color: #01438f;}
        .about .icon-boxes h3{color: #01438f;}.contact .info h4{color: #01438f;}.contact .info p{color: #01438f;}.contact .info i{color: #010483;}

        #gb-widget-3665{bottom:unset !important;}
        #gb-widget-3665{top:0px !important;}

        @media only screen and (max-width: 765px){
            .hero-img{
                display: none;
            }
            .mob-heade-div{
                width: 100%;
            }
            .mob-h1{
                text-align: center;
                margin-bottom: 45px;
            }
            .section-title p {
                font-size: 23px;
            }
        }
        .sbtn:hover{
            background: #343A40 !important;
        }
        @media screen and (max-width: 990px) {
            .card-deck .col-lg-3 {
                flex: 0 0 50% !important;
                max-width: 50% !important;
            }
            .row .col-md-4 {
                flex: 0 0 100% !important;
                max-width: 100% !important;
            }
            .row .col-md-4 img {
                max-width: 100% !important; /* Set maximum width for images */
                height: auto !important; /* Allow images to adjust their height accordingly */
            }

        }

        @media screen and (max-width: 770px) {
            .card-deck .col-lg-3 {
                flex: 0 0 100% !important;
                max-width: 100% !important;
                margin-bottom: 20px !important; /* Adjust margin between rows */
            }

            .card-deck .col-lg-3 a .card-img-top {
                height: auto !important; /* Let the image adjust its height according to the width */
                max-width: 100% !important;
            }
            .row .col-md-4 h4.card-title {
                font-size: 1rem; /* Adjust the font size as needed */
            }
            .row .col-md-4 p {
                font-size: 0.8rem; /* Adjust the font size as needed */
            }
        }

        .pic{
            width:175px;
            align-items: center;
        }
        /*Not important*/
        .hero-waves {
            display: block;
            margin-top: 5px;
            width: 100%;
            height: 60px;
            z-index: 5;
            position: relative;
        }
        .btn-primary {
            background: #01438f !important;
            border-color: #01438f !important;
        }
        .btn-primary:hover {
            background: #09A1ED !important;
            border-color: #09A1ED !important;
        }
        .table tbody tr td {
            background: #01438F !important;
            color: white !important;
            font-weight: 600;
            padding: 1px 1px;
        }
        .table p{
            margin-bottom: 0;
        }
        .modalCloseBtn {
            background: #F5F5FF !important;
            color: #000000 !important;
            border: 1px solid #F5F5FF !important;
            border-radius: 50% !important;
            height: 35px !important;
            width: 35px !important;
            font-size: 21px !important;
            font-weight: bold;
            transition: 0.5s;
            display: flex !important;
            align-self: center !important;
            justify-content: center !important;
        }
        .modalCloseBtn:hover {
            background: #132142 !important;
            color: #fff !important;
        }
        .modal-content {
            width: 100% !important;
        }
        .modal-lg, .modal-xl {
            --bs-modal-width: 1000px !important;
        }
        .custom-input {
            text-align: center;
            outline: none;
            background: rgb(170 205 240 / 23%) !important;
            border: none !important;
            text-align: center !important;
            outline: none !important;
            width: 24% !important;
        }
        .table-scroll {
            overflow-x: scroll;
            scrollbar-width: none;
        }
        .table-scroll::-webkit-scrollbar {
            display: none;
        }
        .table-scroll table tr td {
            background: unset !important;
            color: #333 !important;
            font-size: 11px;
            font-weight: bold;
        }
        .table-scroll table tr td input[type="text"] {
            outline: none;
            background: rgb(170 205 240 / 23%) !important;
            border: none !important;
            outline: none !important;
            width: 100% !important;
            height: 35px;
        }
        .table-scroll table tr td > select {
            outline: none;
            background: rgb(170 205 240 / 23%) !important;
            border: none !important;
            outline: none !important;
            width: 100% !important;
        }

        /** Select2 design **/
        .select2-container--default .select2-selection--single {
            background-color: unset !important;
            border: 1px solid #ced4da !important;
            border-radius: 0px !important;
            padding: 5px 1px !important;
            height: 38px !important;
            font-size: 11px !important;
        }
        .select2-container {
            /*outline: none;*/
            /*border: 1px solid #DEE2E6 !important;*/
            /*outline: none !important;*/
            width: 100% !important;
        }
        .selector > span {
            display: none !important;
        }

        .modal-header {
            padding: unset !important;
            border-bottom: unset !important;
        }

        /** Filter **/
        #filterBtn {
            cursor: pointer;
            transform: rotate(0deg);
        }
        .rotateEle {
            transform: rotate(-360deg);
        }
        #filterWrap { display: block; }
        p{
            line-height: 25px;
        }
        /** Responsive table **/
        @media  only screen and (max-width: 1024px) {
            #filterWrap { display: none; }
        }
        @media  only screen and (max-width: 800px) {
            #no-more-tables tbody,
            #no-more-tables tr,
            #no-more-tables td {
                display: block;
            }
            #no-more-tables thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
            #no-more-tables td {
                position: relative;
                padding-left: 50%;
            }
            #no-more-tables td:before {
                content: attr(data-title);
                position: absolute;
                left: 6px;
                font-weight: bold;
            }
            .table tbody tr td {
                background: #01438F !important;
                color: white !important;
                font-size: 8px;
                font-weight: 600;
                border: 1px solid white;
            }
            .table tbody tr td .btn {
                font-size: 10px;
                min-width: 30px;
                height: 30px;
                padding: 3px;
            }
            .table tbody tr {
                margin-bottom: 4%;
                border: unset;
            }
            .booknow{
                font-size: 10px;
            }
            .table>:not(caption)>*>*{
                padding: 1px 1px;
            }
            p{
                line-height: 15px;
            }
        }

        #myModal .table tr td{
            font-size: 12px;
            font-weight: 400;
            padding: 10px;
        }

        @media (min-width: 768px) {
            .desk-none{
                display: none;
            }
        }
        
        #header.header-transparent {
            background: black;
        }
        .active { color: #FDB500 !important; }
        .counts { padding:10px 0  !important;}
        @media  screen and (max-width: 720px) {
            .counts { padding: 12px 0 60px !important;}
            .n-link {font-size: 9px !important;}
        }
        
        .btn-sm{
            font-size: 12px;
            font-weight: 700;
            min-width: 100px;
            height: 34px;
        }
        
        .booking-div .form-control{
            padding: 0 10px !important;
        }
        
        .booking-div .table tbody tr td{
            padding: 10px 12px !important;
        }
        
        .counts .nice-select, .booking-div .nice-select {
            width: 100%;
            height: 32px;
            line-height: 30px;
            border-radius: 7px;
            margin-bottom: 0px;
        }
        
        tbody, td, tfoot, th, thead, tr {
            border-color: #a0a0a0 !important;
        }