.banner{
    background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(source/visit-background.jpg);

}

.m1{
    padding: 50px;
}
.t1{
    text-align: center;
    padding: 5%;
}
.t1 h1{
    font-size: 45px;
    margin: 0 0 15px 0;
}
.t1 p{
    font-size: 25px;
}
.d1{
    margin: 20px 25px 25px 25px;
    display: flex;
    justify-content: space-around;
    flex-wrap:wrap;
}
.d1 div{
      height: inherit;
    width: inherit;
    border-radius: 10px;
    text-align: left;
    
}
.d1 div img{
    border-radius: 10px;
    height: inherit;
    width:  inherit;
    display: block;
    transition: .5s;
}
.d1 div img:hover{
    transform: scale(1.1);
}
.d1 div h1{
    margin: 70px 0 10px 0;
    font-size: 40px;
}
.d1 div p{
    margin: 10px 0 5px 0;
    font-size: 25px;
}



.m2{
    padding: 25px;
    margin: 50px 0 50px 0;
}
.d2{
    display: flex;
    justify-content: space-evenly;
}
.d2 div{
    width: 600px;
    overflow: hidden;
}
.d2 div h1{
    font-size: 45px;
}
.d2 div p{
    margin: 20px 0 30px 0;
    font-size: 20px;
}
.d2 div a{
   text-decoration: none;
   color: black;
}
.d2 div img{
    border-radius: 5px;
    display: block;
}
.rd{
    color: #eb595f;
}



.m3{
    padding: 25px 50px 50px 50px;
     margin: 75px 0 0 0; 
     overflow: visible
}
.t3{
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
}
.t3 h1{  
    font-size: 45px;
}
.t3 p{
    font-size: 25px;
}
.d3{
    text-align: center;
}





.d4{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

.b{
    width: 600px;
    margin: 100px 0 0 0;
}
.b h2{
   font-size: 40px;
   text-align: left;
   margin: 25px 0 10px 0;
}
.b p{
   font-size: 20px;
   text-align: left;
}



.m5{
    width: 100%;
    text-align: center;
}
.m5 img{  /*17/02/26*/
    width: 100%;
    max-width: 1000px;
    border-radius: 10px;
    cursor: pointer;
    /* filter: brightness(50%); */
}

.slider{
    margin: auto;
    margin-top: 70px;
    margin-bottom: 100px;
    width: 600px;
    height: 375px;
    border-radius: 10px;
    /* border: 2px solid #eb595f; */
    overflow: hidden;
}
.slide{
width: 600px;
height: 375px;
display: flex;
}
.slide input{
display: none;
}
.imgs{
transition: 2s;
}
.imgs img{
width: 600px;
height: 375px;
}

/* css for man slide */
.nav_man{
color: #eb595f;
position: absolute;
width: 600px;
margin-top: 337.5px;
display: flex;
justify-content: center;
}
.man_btn{
border: 2px solid #eb595f;
padding: 5px;
border-radius: 10px;
cursor: pointer;
transition: 1s;
}
.man_btn:not(:last-child){
margin-right: 40px;
}
.man_btn:hover{
background: #eb595f;
}
#radio1:checked ~ .f{
margin-left: 0;
}
#radio2:checked ~ .f{
margin-left: -600px;
}
#radio3:checked ~ .f{
margin-left: -1200px;
}
#radio4:checked ~ .f{
margin-left: -1800px;
}
#radio5:checked ~ .f{
margin-left: -2400px;
}
#radio6:checked ~ .f{
margin-left: -3000px;
}

/* automatic navigation */

.nav_auto{
position: absolute;
display: flex;
width: 600px;
justify-content: center;
margin-top: 337.5px;
}
.nav_auto div{
border: 2px solid #eb595f;
padding: 5px;
border-radius: 10px;
transition: 1s;
}
.nav_auto div:not(:last-child){
margin-right: 40px;
}
#radio1:checked~ .nav_auto .auto-btn1{
background: #eb595f;
}
#radio2:checked~ .nav_auto .auto-btn2{
background: #eb595f;
}
#radio3:checked~ .nav_auto .auto-btn3{
background: #eb595f;
}
#radio4:checked~ .nav_auto .auto-btn4{
background: #eb595f;
}
#radio5:checked~ .nav_auto .auto-btn5{
background: #eb595f;
}
#radio6:checked~ .nav_auto .auto-btn6{
background: #eb595f;
}


.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    border-radius: 50%;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 1000;
}

.whatsapp-float img {
    width: 60%;
    margin-top: 12px;
}

.whatsapp-float:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
    transition: 0.3s;
}


/* Responsive Styles for visit.html */
@media (max-width: 768px) {
    /* Navbar */
    .navbar {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 20px;
    }
    .navbar ul {
        display: none; /* Hide menu initially for dropdown */
        flex-direction: column;
        width: 100%;
        background: rgba(0,0,0,0.85);
        padding: 10px 0;
    }
    .navbar ul li {
        display: block;
        margin: 10px 20px;
    }
    .navbar.active ul {
        display: flex; /* Show when toggled */
    }
    .menu-toggle {
        display: block;
        font-size: 24px;
        cursor: pointer;
        color: white;
    }

    /* Map */
    .map-container iframe {
        width: 100% !important;
        height: 250px !important;
        border-radius: 0;
    }
    .map-container {
        padding: 0 10px;
    }

    /* Form */
    .form-container {
        flex-direction: column;
        width: 100%;
        padding: 0 10px;
    }
    .form-container form {
        width: 100%;
    }

    /* Slider / Gallery */
    .slider {
        width: 100%;
        overflow: hidden;
    }
    .slider img {
        width: 100%;
        height: auto;
    }

    /* Video */
    video, iframe {
        width: 100% !important;
        height: auto !important;
    }

    /* Text blocks */
    .content h1 {
        font-size: 36px;
    }
    .content p {
        font-size: 16px;
        width: 90%;
    }
    
    
    /*Video thumbnail*/
     #thumb {
        display: none !important;
    }
}
