html,body { 
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    background-color: rgb(253, 241, 234);
}


/* ============== HEADER Section ============== */


.header {
    /* background: #ff60416a; */
     background: linear-gradient(170deg, #fa8135, #ffb5b5); 
    /* background:#ffa578f3 */
}

.header_data{
    padding: 0px;
    padding-left: 0px;
}


.theme_site_branding{
    display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 90%;
  max-width: 1000px;
  margin: auto;
  padding: 10px 0 0 0; 
    
}

.theme_site_logo{
    margin-right:  5%;
    
}
.theme_site_info  {
    align-items: center;
    width: 70%;
    
}
.theme_site_name{
    color: #ad1414;
    width: 100%;
    height: auto;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    
}
.theme_site_caption{
    color: #b42d2daa;
    width: 100%;
    text-align: center;
    font-family: 'Podkova', serif;
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    font-weight: 400;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

/* ================ Navigation Bar ============= */
.nav_div{      
    background: #ff7834cf;
}

.nav_buttons {
    overflow: hidden;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.nav_buttons a {
  float: left;
  color: #f4f2f2;
  text-align: center;
  padding: 14px 30px;
  text-decoration:none;
  font-size: 20px;
  font-weight: bold;
}
.nav_buttons a:hover {
    background: #ff7834f3;
    color: #000000;
}

.nav_buttons a:active {
  background: #04AA6D;
  color: white;
}

.a, #a_home{
    background: #ff7834bd;
}

/* ------------------- Additional STYLES ------------------- */

/*------------- NAVIGATION (responsive) ----------*/

.nav_div {
  background: #ff7834c6;
  position: relative;
}

.nav_buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.nav_buttons a {
  color: #f4f2f2;
  text-align: center;
  padding: 14px 30px;
  text-decoration: none;
  font-size: 20px;
}

.nav_buttons a:hover {
  background: #ff7834f3;
  color: #000000;
}



/*------------- Hamburger button (hidden on desktop) -----------*/

.nav_toggle {
  display: none;
  background: #ff7834;
  border: none;
  font-size: 28px;
  color: white;
  padding: 10px 15px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.459);
}

.nav_toggle:hover {
  background: #d85c1c;
}








/*-------------- Scroll To Top Button -----------*/

#scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  font-size: 24px;
  background: #ff7834;
  color: rgba(255, 255, 255, 0.855);
  border: none;
  padding: 10px 15px;
  border-radius: 30%;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.459);
}

#scrollTopBtn:hover {
  background: #d85c1c;
}


/*======== FOOTER Section =======*/

#footer{
    background-color: #ff8254e9;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
}



/*============== FOOTER 1 Section ================*/

#ft1_ashram_details{
    flex: 1.5;
    width: 100%;
}

#txt_visit_us{
    text-align: center;
    color: #530101;
    font-size: clamp(1rem, 3vw, 1rem);
}

#hr_aft_visit_us{
    color: #5e0101;
    display: block;
    border-style:solid;
    border-width: 1px;
    width: 70%;
    margin: 0% auto 3% auto;
}

#contents_visit_us{
    display:flex ;
    flex-direction: column;
    width: 100%;
}
#ft_vs_address_div{
    display: flex;
    flex-direction: row;
    margin: 1% auto 1% auto;
    width: 80%;
    gap: 5px;
}
#div_img_home_svg{
    margin: 2% 0 auto 0;
}
#img_home_svg{
    height: clamp(1.3rem, 3vw, 1.5rem);
}
#div_kpt_address{
    margin-left: 10%;
    font-size: clamp(0.9rem, 2vw, 1rem);  
}
#p_ktp_address{
    margin: 0;
}


#ft_vs_contact_info{
    display: flex;
    flex-direction: row;
    margin: 1% auto 1% auto;
    width: 80%;
    gap: 5px;
}
#div_img_call{
   margin: auto 0 auto 0;
}
#img_call_svg{
    height: clamp(1.3rem, 3vw, 1.5rem);
}
#div_contact_number{
    margin-left: 10%;
    width: 100%;
    font-size: clamp(0.7rem, 2vw, 1rem);  

}
#p_contact_number{
    margin-top: 0px;
    width: 100%;
    align-items: center;
    margin: auto;
}


#ft_vs_email_div{
    display: flex;
    flex-direction: row;
    margin: 1% auto 1% auto;
    width: 80%;
}
#div_img_email_svg{
    margin: auto 0 auto 0;
}
#img_email_svg{
    height: clamp(1.3rem, 3vw, 1.5rem);
}
#div_email_address{
    margin-left: 10%;
}
#p_email_address{
    align-items: center;
    font-size: clamp(0.9rem, 2vw, 1rem);
}

/*======== Office Timings =======*/
#txt_office_timings{
    text-align: center;
    color: #7d0000;
    font-size: clamp(1rem, 3vw, 1rem);
}
#hr_aft_office_timings{
    color: #5e0101;
    display: block;
    border-style:solid;
    border-width: 1px;
    width: 50%;
    margin: 0% auto 3% auto;
}

#div_office_timings_data {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#s_office_timings_months {
    /* display: flex;
    text-align: center;
    justify-content: center; */
    align-items: center;
    color: #001d90;
    font-size: clamp(1.17rem, 3vw, 1rem);
}

#s_office_timings_hours {
    /* display: flex;
    text-align: center;
    justify-content: center; */
    align-items: center;
    color: #083c61e9;
    font-size: clamp(1rem, 3vw, 1rem);
    height: auto;
}




/* =====FOOTER 2 SECTION ========*/
#ft2_map{
    flex:2;
    margin: 0 0 auto 0;
    display: flex;
    justify-content: center;
    width: 100%;
}
#main_div_Rkm_kpt_loc{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: auto;
    margin: 0 0 2% 0;
    padding: 0 auto 0% auto;
    color: #530101;
    font-size: clamp(1rem, 3vw, 1rem);
}
#hr_aft_map{
    color: #5e0101;
    display: block;
    border-style:solid;
    border-width: 1px;
    width: 60%;
    margin: 0 auto 5% auto;
}
#map_container{
    width: 100%;
    height: auto;
    margin: auto;
    box-shadow: 4px 4px 10px #360101;
}
#img_map{
    width: 100%;
    height: auto;
    
    
 
}




/*========== FOOTER 3 SECTION =========*/

#ft3_details{
    flex:1.5;
    width: 100%;
}

#txt_useful_links{
    text-align: center;
    color: #530101;
    font-size: clamp(1rem, 3vw, 1 rem);
}
#hr_aft_useful_links{
    color: #5e0101;
    display: block;
    border-style:solid;
    border-width: 1px;
    width: 50%;
    margin: 2% auto 2% auto;
}

#useful_links_data {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #501b12;
    font-weight: bold;
    font-size: clamp(1rem, 3vw, 1rem);
    height: auto;
    margin: 5% 0 7% 0;
}

.ft_useful_links_a{
    text-decoration: none;
    color: #1e1766;
}

#timings{
    padding:  0 0 5% 0;
}
#txt_timings{
    text-align: center;
    color: #530101;
    font-size: clamp(1rem, 3vw, 1rem);
}
#hr_aft_temple_timings{
    color: #5e0101;
    display: block;
    border-style:solid;
    border-width: 1px;
    width: 50%;
    margin: 0 auto 3% auto;
}

#div_temple_timings_data {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#s_temple_timings_months {
    align-items: center;
    color: #670172;
    font-size: clamp(1rem, 2vw, 1rem);
}

#s_temple_timings_hours {
    align-items: center;
    color: #300031;
    font-size: clamp(1rem, 2vw, 1rem);
    height: auto;
}

#txt_follow_us{
    text-align: center;
    color: #530101;
    font-size: clamp(1rem, 3vw, 1rem);
}


/*--------------- Responsive  ---------------*/

@media (max-width: 768px) {
  
    #footer{
        flex-direction: column;
    }
    .theme_site_branding {
    flex-direction: column;

  }
  .Home_slides_div .mySlides{
    width: 65%;
  }

  #_3_card_view_sub_div {
    flex-direction: column;
  }

  /* ======== Navbar ======== */
  .nav_buttons {
    display: none;
    flex-direction: column;
    width: 100%;
    text-align: center;
    background-color: #d85b1c13;
  }
  
  .nav_buttons.show_nav {
    display: flex;
  }
  
  .nav_toggle {
    display: block;
    border-radius: 10px;
  }
  
  .nav_buttons a {
    padding: 7px;
    margin: 5px ;
    color: #a01d00;
    border: 1px solid rgba(255,255,255,0.3);
    box-shadow: 1px 1px 2px #6d1313;
    border-radius: 15px;
  }
}