/*
Theme name: JHAR-THEME
Author: Tarun
*/
body{
    font-family: "Public Sans", sans-serif;
}
.font-heading{ 
    font-family: "Dancing Script", cursive;
}
.logo a{ color: #fff; text-decoration: none;}
.bg-theme, .btn-theme{ background-color: #FF7E54;}
.topbar{ background-color: #FF7E54; padding: 10px; color: #fff;}
.text-theme{ color: #FF7E54;}
.btn-theme:hover{ background-color: #f85f2c;}
.text-justify{ text-align: justify;}
.navigation{ list-style: none; margin: 0; padding: 0;}
.navigation li{ display: inline;}
.navigation li a{ display: inline-block; padding: 8px 15px; color: #fff; text-decoration: none;}

.header-row{ border-top: solid 1px #FF7E54; margin: 50px 0; display: flex; justify-content: space-between;}
.header-text{ display: inline-block; padding: 10px 40px; border-radius: 20px; background-color: #FF7E54; color: #fff; border-top-left-radius: 0; font-weight: bold;} 

.abt-circle{ width: 400px; height: 400px; border-radius: 100%; display: flex; justify-content: center; align-items: center; border: solid 1px #FF7E54; padding: 50px; flex-direction: column; text-align: center;}
.abt-circle h3{ font-size:60px;}
.abt-circle p{ font-size: 24px;}

.block-box{ border: solid 1px #FF7E54; padding: 20px; border-radius: 16px; text-align: center; height: 100%;}
.block-box h5{ margin-bottom: 12px;}
.section-wrapper{ padding: 30px 0; font-size: 16px;}
.journey-wrapper h5{ color: #FF7E54;}

footer{ background-color: #FF7E54; padding-top: 40px; }
.social-icons{ margin-bottom: 30px;}
.social-icons ul{ list-style: none; margin: 0; padding: 0; display: flex;  gap: 20px;}
.social-icons ul li a{ font-size: 24px; color: #444; text-decoration: none;}
.social-icons ul li a:hover{ color: #222;}

#mobile-menu{ list-style: none; margin: 0; padding: 0;}
#mobile-menu li{ border-bottom: solid 1px #FF7E54; padding: 8px 2px;}
#mobile-menu li a{ text-decoration: none; color: #f85f2c; display: block;}

.inner-header{ height: 60px; overflow: hidden;}
.faq-content{ display: none; font-size: 13px; text-align: justify;}
.faq-heading{ cursor: pointer; display: flex; justify-content: space-between; font-weight: bold;}

.press-img{ height: 160px;}
.press-img img{ width: 100%; height: 160px; object-fit: cover;}

.photo-slider .cover-image{ background-color: #fff; border-radius: 10px; overflow: hidden;}

.photo-slider-thumbs{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 10px;}
.photo-slider-thumbs img{ border-radius: 8px; cursor: pointer;}

#cover-image-video{ cursor: pointer; position: relative;}
.play-wrapper{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; font-size: 120px; background: rgba(0, 0, 0, 0.5); color: #fff; cursor: pointer; border-radius: 10px;}

footer ul{ list-style: none; margin: 0; padding: 0;}
footer ul li{ margin-bottom: 4px; font-size: 14px;}
footer ul li a{ color: #fff; text-decoration: none; transition: all 0.7s ease;}
footer ul li:hover a{ padding-left: 10px;}

footer h5{ color: #212529; font-size: 16px; position: relative; margin-bottom: 16px;}

footer h5::after{ position: absolute; width: 60px; height: 4px; background-color: #f3131e; border-radius: 20px; bottom: -5px; left: 0; content: ' ';}

.user-photo{ width: 100px; height: 100px; border-radius: 100px; object-fit: cover; border: solid 4px #e7e7e7;}

.get-touch li{ display: flex; column-gap: 10px;}

@media screen and (max-width: 600px) {
    .photo-slider-thumbs{ flex-direction: row; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 10px;}
    .photo-slider-thumbs img{ width: 80px; height: 80px;}
}