@font-face {
    font-family: 'OzhAndin';
    src: url('../fonts/OZHANDIN.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Apply the custom font to specific elements */
body {
    font-family: 'OzhAndin', sans-serif;
    background: #139b97;
}
nav{
    background: white;
}
.padding-rl {
    padding-left: 12rem;
    padding-right: 12rem;
}

/* Navbar link styles */
.nav-item .nav-link {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #B34501 !important;
    font-family: "Roboto", sans-serif !important;
    padding: 0px 15px !important;
}

/* Email color */
.email-color {
    color: #F98310 !important;
}

/* Font styling for icons and other text */
.font-styling .orange {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: rgb(249, 131, 16) !important;
    font-family: "Roboto", sans-serif !important;
    text-decoration: none;
}

.font-styling {
    padding-right: 15px;
}

.font-styling a i {
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    color: rgb(3, 167, 169) !important;
}

.px_2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

/* Fix hamburger menu and icon sizes for mobile */
@media (max-width: 768px) {
    .d-none-mobile {
        display: none !important;
    }

    .padding-rl {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar-toggler {
        margin-left: auto;
    }

    .font-styling a i {
        font-size: 20px !important; /* Adjust icon size for mobile */
        line-height: 20px !important;
    }

    .navbar-toggler-icon {
        width: 24px;
        height: 24px;
    }
    .navbar-brand{
        width: 45% !important;
    }
}

.styling_col_h{
    padding: 13px 0px 013px 0px;
    background-color: #FFC700;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #FFFFFF;
}
.styling_col_h h1{
    font-size: 50px;
    font-weight: 500;
    line-height: 50px;
    color: rgb(179, 69, 1);
}.styling_col_p p{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    font-family: "Roboto", sans-serif !important;
    text-align: justify;
}
.styling_col{
    padding: 13px 0 13px 0;
    background-color: white;
}
.styling_col_select_h h2{
    font-size: 34px;
    font-weight: 500;
    line-height: 34px;
    color: rgb(114, 39, 252);
}
.styling_col_select .select2-container--default .select2-selection--single{
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: white;
    font-family: "Roboto", sans-serif !important;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: unset;
    height: 30px;
    padding: 0px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    top: 35%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:6px;
}
/* First select - All Locations */
.styling_col_select:nth-child(2) .select2-container--default .select2-selection--single {
    background-color: #f55700 !important;
    color: white !important; /* Adjust text color */
}

/* Second select - All Seasons */
.styling_col_select:nth-child(3) .select2-container--default .select2-selection--single {
    background-color: #02c422 !important;
    color: white !important;
}

/* Third select - All Activity Types */
.styling_col_select:nth-child(4) .select2-container--default .select2-selection--single {
    background-color: #7227fc !important;
    color: white !important;
}

/* Customizing the dropdown arrow icon */
.select2-container--default .select2-selection__arrow b {
    border-color: white transparent transparent transparent !important; /* White down arrow */
}

/* Change the arrow on open */
.select2-container--default.select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent white transparent !important; /* White up arrow */
}  
.select2-selection__rendered,.select2-selection__placeholder{
    color: white !important;
}  
.select2-selection__rendered{
    font-size:14px !important
}
.select2-results__option{
    font-family: "Roboto", sans-serif !important;
}
.styling_col_select .btn{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: rgb(255, 255, 255);
    font-family: "Roboto", sans-serif !important;
    background: #139b97;
    border-color: unset;
    height: 40px;
}

/* Container styling */
.card-container {
    border: 4px solid #E9B100F5;
    position: relative;
    overflow: hidden;
}

/* Image in card */
.image-overlay-container img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    padding: 5px 5px;
}

/* Name overlay */
.name-overlay {
    position: absolute;
    left: 5px;
    right: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    padding: 7px;
    font-size: 14px;
    font-weight: bold;
    z-index: 2;
    bottom: 5px;
    font-family: "Roboto", sans-serif !important;
    width: 96%;
    opacity: 0.9;
}

/* Hover effect */
.hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.72);
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform: translateY(100%);
}

.image-overlay-container:hover .hover-overlay {
    opacity: 1;
    transform: translateY(0);
}

/* Overlay bar with boxes */
.overlay-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    font-family: "Roboto", sans-serif !important;
}

.left-box {
    background-color: #f55700;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}

.right-box {
    background-color: rgba(0, 255, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}

/* Hover paragraph */
.hover-paragraph {
    color: #fff;
    padding: 10px;
    font-size: 14px;
    display: none;
    text-align: center;
    max-height: 4.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
    margin-bottom: 10px; /* Space between paragraph and name-overlay */
    font-family: "Roboto", sans-serif !important;
}

/* Show paragraph on hover */
.image-overlay-container:hover .hover-paragraph {
    display: block;
}

/* Adjust placement of hover paragraph */
.hover-paragraph {
    margin-bottom: 60px; /* Adjusted to avoid overlap with name-overlay */
}

/* Ensure red and green boxes stay on top */
.overlay-bar {
    z-index: 3;
}

/* Ensure hover effect slides from bottom to top */
.hover-overlay {
    transition: transform 0.4s ease-in-out;
}

.image-overlay-container:hover .hover-overlay {
    transform: translateY(0);
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 767px) {
    .card-container {
        margin-bottom: 20px;
    }

    .name-overlay {
        font-size: 12px;
    }

    .hover-paragraph {
        font-size: 12px;
    }

    .left-box, .right-box {
        font-size: 12px;
        padding: 3px 5px;
    }
}

@media (max-width: 991px) {
    .card-container {
        margin-bottom: 20px;
    }
}

/* footer */
/* First Part of Footer - White Background */
.footer-top {
    background-color: white !important;
    color: #333;
}

.footer-logo img {
    max-width: 200px;
}

.footer-heading {
    color: #B34501;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
}

.footer-top p, .footer-top a {
    color: #333;
    font-size: 14px;
}

.footer-top a {
    text-decoration: none;
}

.footer-top a:hover {
    color: #E9B100F5;
    text-decoration: underline;
}

/* Social Icons */
.footer-social-icons {
    display: flex;
    gap: 10px;
}

.footer-social-icons a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #E9B100F5;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 51px;
    transition: background-color 0.3s ease;
}
.footer-social-icons a i{
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 51px !important;
    color: white !important;
}



.footer-social-icons a:hover {
    background-color: #2E8679;
}

/* Useful Links */
.footer ul {
    padding-left: 0;
    list-style: none;
}

.footer ul li {
    margin-bottom: 8px;
}

.footer ul li a {
    color: #333;
    font-size: 14px;
    transition: color 0.3s ease;
}

/* Subscribe Form */
.subscribe-form {
    display: flex;
    flex-direction: column;
}

.subscribe-form .input-group {
    display: flex;
}

.subscribe-form .input-group .form-control {
    border-radius: 0;
}

.subscribe-form .input-group .btn {
    background-color: #E9B100F5;
    border-color: #E9B100F5;
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    font-family: "Roboto", sans-serif !important;
    height: 45px;
}

.subscribe-form .input-group .btn:hover {
    background-color: #2E8679;
    border-color: #2E8679;
}

/* Second Part of Footer - Colored Background */
.footer-bottom {
    background-color: #139b97;
}

.footer-bottom p {
    color: white;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: "Roboto", sans-serif !important;
}


/* Responsive Adjustments */
@media (max-width: 767px) {
    .footer-social-icons {
        justify-content: start;
    }

    .footer-heading {
        text-align: left;
    }

    .footer-bottom p {
        text-align: center;
    }
}
.footer_para{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: rgb(0, 0, 0);
    font-family: "Roboto", sans-serif !important;
}
.list-unstyled li a{
    font-size: 18px;
    font-weight: 400;
    line-height: 37px;
    color: rgb(179, 69, 1);
    font-family: "Roboto", sans-serif !important;
}
.subscribe-form .input-group input{
    
    font-family: "Roboto", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    color: rgb(51, 51, 51);
}   
#load-more-btn{
    margin: 10px auto;
    background-color: #FFC700 !important;
    box-shadow: inset 0px 0px 10px 0px #656363 !important;
    border: none;
    font-family: "Roboto", sans-serif !important;
}
#searchSubmit{
    background-color: #FFC700 !important;
    box-shadow: inset 0px 0px 10px 0px #656363 !important;
    border: none;
    font-family: "Roboto", sans-serif !important;
}
#searchModalLabel{
    color: rgb(179, 69, 1);
    font-size: 28px;
}
.close{
    font-family: "Roboto", sans-serif !important;
}
.form-label{
    font-size: 16px;
    font-family: "Roboto", sans-serif !important;
}
#searchName{
    font-family: "Roboto", sans-serif !important;
}
.bg_white{
    background-color: white;
}
.main_heading h1{
    font-size: 54px;
    font-weight: 400;
    line-height: 54px;
    color: rgb(69, 188, 189);
}
.contact_info p{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(179, 69, 1);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.contact_info p:nth-of-type(2){
    font-weight: 400;
}
.contact_info p:nth-of-type(1){
    text-decoration: underline;
}
.contact_form{
    box-shadow: 2px 0px 0px 6px #F8820F inset;
}
#contact-form label{
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    color: rgb(179, 69, 1);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#contact-form label span{
    color: red;
}
.contact-form-submit{
    font-size: 25px;
    font-weight: 400;
    line-height: 37.5px;
    color: rgb(255, 255, 255);
    background: #f8820f;
    border: 1px solid #f8820f !important;
}
#contact-form input{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}


.sitemap-parent {
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-left: 10px;
}

.sitemap-parent::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 1px;
    background-color: #000;
}

.sitemap-child {
    list-style: none;
    padding-left: 31px;
    margin-top: 0px;
    display: none; /* Initially hide child items */

}

.sitemap-child li {
    position: relative;
    padding-left:4px;
}

.sitemap-child li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 1px;
    height: 100%;
    background-color: #000;
}

.sitemap-child li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: -20px;
    width: 20px;
    height: 1px;
    background-color: #000;
}

.parent-item {
    cursor: pointer;
    position: relative;
    margin-top:4px;
    font-family: "ozhandicraft btroman", sans-serif;
    
}

.parent-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 1px;
    height: 100%;
    background-color: #000;
}

.parent-item::after {
    content: "";
    position: absolute;
    top: 10px;
    left: -20px;
    width: 20px;
    height: 1px;
    background-color: #000;
}

.toggle-icon {
    font-weight: bold;
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid #000;
    padding: 0;
    display: inline-block;
    width: 20px;
    text-align: center;
    background-color: #fff;
    font-size:13px
}
.parent-item a{
    color:#3366cc;
}
.parent a,.parent-item a{
    text-decoration: none;
}

.main-conatiner {
    background-color: white;
}

.main_h2 {
    font-size: 54px;
    font-weight: 400;
    line-height: 54px;
    color: rgb(69, 188, 189);
}
.h2-page{
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(51, 102, 102)
}
.para{
    font-family: Verdana,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(179, 69, 1);
}
.about-img{
    width: 68% !important;
} @media (max-width: 767px) {
    .about-img {
        width: 100% !important; /* Ensure there's no conflicting CSS */
        height: auto; /* Optional: maintain aspect ratio */
    }
}
.para a{
    text-decoration: none;
    color: rgb(179,69,1);
}
.btn_custom{
    font-size: 25px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    FONT-SIZE:17px !important;
}




@media(max-width:1300px){
    .plr_custom{
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .contact-section{
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }
}
@media(min-width: 1400px){
    .container{
        max-width:1181px !important;
    }
}
@media(min-width:767px){
    .portfolio-slider .slide img{
        width: 100%;
        padding: 0 100px;
    }
}
.mee-4{
    margin-right: 4.8rem!important;
}
.map_detail p{
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}