@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playball&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --primary-color: #202A26;
    --secondary-color: #EACA62;
    --heading-color: #333333;
    --text-color: #4C4C4C;
    --paragraph-color:#454545;
    --primary-font: "Inter", sans-serif;
    --secondary-font: "Playfair Display", serif;
    --title-font: "Playball", cursive;
    --gradient-color: linear-gradient(90deg, #E2C978, #EACA62);
  }
html{
    overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}
body{
    width: 100%;
    font-family: var(--primary-font);
    color: var(--text-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px; 
    /* overflow-x: hidden; */
    margin: 0;
    padding: 0;
    background: #F5F5F5;
}
p{
    color: var(--text-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; 
    margin-bottom: 3px;
    font-family: var(--primary-font);
}
h1, h2, h3, h4, h5, h6{
    font-family:var(--secondary-font);
    color: var(--heading-color);
    font-size: 44px;
    line-height: 50px;
    font-weight: 500;
    text-transform: capitalize;
}
.paragraph h1{font-size: 44px;}
.paragraph h2{font-size: 40px;}
.paragraph h3{font-size: 30px;}
.paragraph h4{font-size: 24px;}
.paragraph h5{font-size: 20px;}
.paragraph h6{font-size: 18px;}

.paragraph a{color: var(--paragraph-color); font-weight: 700;}
.editor_text{
    color: var(--text-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px; 
    margin-bottom: 15px;
} 

.editor-text ul, .paragraph ul {
    margin: 10px 0 30px;
    display: table;
}

.editor-text ul li, .paragraph ul li {
    position: relative;
    padding: 0 0 0 22px;
}

.editor-text ul li:not(:last-child), .paragraph ul li:not(:last-child) {
    margin: 0 0 15px;
}

.editor-text ul li::before, .paragraph ul li::before{
    content: "\f058";
    position: absolute;
    font-family: FontAwesome;
    top: 0;
    left: 0px;
    color: var(--button-color);
    transition: color 0.3s;
}

figure{
    margin: 0;
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    margin: 0;
    padding: 0;
    list-style: none;
} 
a{
    text-decoration: none;
    transition: .35s;
    font-family: var(--primary-font);
}
a:hover{
    text-decoration: none;
    transition: .35s; 
}
img{
    max-width: 100%;
}
.rj_img {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.radius_rj_img {
    border-radius: 0.5vw;
}
.rj_img img {
    -moz-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}
.rj_box:has(.absolute-text) .rj_img img {
    transform: none;
}
.full-img img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.rj_img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.radiusImg {
    border-radius: 100%;
}
.radiusImg img {
    width: 100% !important;
    aspect-ratio: 1/1;
}
.radiusBox {
    border-radius: 1vw;
}
.section{
    margin: 80px 0;
}
.pt_50{
    padding-top: 50px !important;
}
.pb_50{
    padding-bottom: 50px !important;
}
.pt_60{
    padding-top: 60px !important;
}
.pb_60{
    padding-bottom: 60px !important;
}
.pt_70{
    padding-top: 70px !important;
}
.pb_70{
    padding-bottom: 70px !important;
}
.pt_80{
    padding-top: 80px !important;
}
.pb_80{
    padding-bottom: 80px !important;
}
.pt_90{
    padding-top: 90px !important;
}
.pb_90{
    padding-bottom: 90px !important;
}
.pt_100{
    padding-top: 100px !important;
}
.pb_100{
    padding-bottom: 100px !important;
}
.mb_0{
    margin-bottom: 0 !important;
}
::-webkit-scrollbar {
    width: 5px;
    height: 0px;
}  
::-webkit-scrollbar-track {
    background: #F5F5F5;
}  
::-webkit-scrollbar-thumb {
    background: var(--gradient-color);
    border-radius: 5px;
}
@media (min-width:1200px){
    .container{
        max-width: 1160px;
    }
}
@media (min-width:1440px){
    .container{
        max-width: 1300px;
    }
}
@media (min-width:1600px){
    .container{
        max-width: 1320px;
    }
}

.sm_content{
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
}
.title{
    font: normal 400 26px var(--title-font);
    line-height: 32px;
    text-transform: capitalize;
    color: var(--heading-color);
    margin-bottom: 10px;
}
.heading{
    font: normal 500 46px var(--secondary-font);
    line-height: 56px;
    color: var(--heading-color);
}

[class*="os-btn-"] {
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    text-align: center;
    border: 1px solid transparent;
    background: var(--primary-color);
    color: var(--white-color);
    -webkit-border-radius: 5vw;
    border-radius: 5vw;
    outline: none;
    text-transform: capitalize;
    font: 500 18px var(--primary-font);
    letter-spacing: 0.6px;
    height: 45px;
    line-height: 45px;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

[class*="os-btn-"]:hover, [class*="os-btn-"]:focus {
    color: var(--primary-color);
    /* border-color: var(--gradient-color); */
    transition: all .3s ease-in-out;
}
[class*="os-btn-"]::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: var(--gradient-color);
    transform: rotate(180deg);
    z-index: -1;
    transition: all .3s ease-in-out;
}
[class*="os-btn-"]:hover::before, [class*="os-btn-"]:focus::before {
    width: 100%;
    left: 0;
    transition: all .3s ease-in-out;
}
[class*="os-btn-"].transparent-btn{
    background: transparent;
    color: var(--primary-color);
    border-color: var(--primary-color);
    transition: all .3s ease-in-out;
}
.btn-wrap{margin: 40px 0 0;}
.btn-wrap.center{text-align: center;}

/**HEADER_SECTION_STRATS**/
.header_top_social{
    background: #252525;
}
.header_cm_social{
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 10px;
} 
.top_header_contact_mail_number{
    display: flex;
    gap: 10px;
}
.top_header_contact_mail_number li a{
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-family: var(--primary-font);
}
.top_header_contact_mail_number li a:hover{
    color: var(--secondary-color);
}
.top_header_contact_mail_number span{
    padding-left: 2px;
}
.top_header_contact_mail_number li{
    position: relative;
    margin-right: 10px;
    padding: 4px 0;
}
.top_header_contact_mail_number li::before{
    content: '';
    background-color: #ffffff63;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -8px;
    top: 0;
}
.top_header_contact_social{
    display: flex;
    gap: 10px;
}
.top_header_contact_social li a{
    color: #ffffff;
    font-size: 15px;
}
.top_header_contact_social li{padding: 4px 0;}
.top_header_contact_social li:not(:last-child){
    position: relative;
    margin-right: 10px;
}
.top_header_contact_social li:not(:last-child):before{
    content: '';
    background-color: #ffffff63;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -11px;
    top: 0;
}

.header_top_section{ 
    background: #ffffff;
    z-index: 2;
    position: relative;
}
.header_top_section.fixed{
    position: fixed;
    width: 100%;
    z-index: 9;
    background: #ffffff;
    transition: .35s;
    box-shadow: 0px 4px 9px 0 #ffffff1a;
    top: 0;
}
.top_header_contact_social li a:hover{
    color: var(--secondary-color);
}
.header_top_section.fixed .header_logo a{
    padding: 0;
}
.header_top_section.fixed 
.header_logo a{
    display: block; 
}
.logo_menu_social{
    display: flex;
    align-items: center;
    justify-content: space-between; 
    height: 100px;
}
.header_navigation{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.header_navigation li a{
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    color: #414141;
    padding-bottom: 4px;
    position: relative;
}
.header_navigation li a:hover{
    color: var(--primary-color);
}
.header_navigation li a::before{
    width: 0%;
    height: 2px;
    border-radius: 10px;
    background: var(--primary-color);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    transition: .35s;
}
.header_navigation li.current_page_item a::before{
    width: 65%;
}
.header_navigation li.current_page_item a{
    color: var(--primary-color);
}
.header_navigation li a:hover::before{
    transition: .35s;
    width: 65%;
} 
.header_logo{
    position: relative;
    top: 18px;
}
.header_top_section.fixed .header_logo{
    top: 0;
}
.header_top_section.fixed .header_logo img {
	width: 85px;
	height: 100%;
}
/**HEADER_SECTION_ENDS**/

/**HOME_BANNER_SECTION_STARTS**/
.banner_section{
    width: 100%;
    height: 785px;
    overflow: hidden;
    position: relative;
}
.banner_home_slide{
    width: 100%;
    height: 785px;
    position: relative;
}
.banner_home_slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner_text {
	width: 800px;
	position: absolute;
	bottom: 0;
	text-align: left;
	left: 0;
	padding-bottom: 0;
	margin: 0 auto;
	right: 0;
	text-align: center;
    padding: 20px 0;
}
.bannerHeading {
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 10px;
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.8px;
	font-family: var(--secondary-font);
}
.bannerTitle {
	text-transform: math-auto;
	color: #ffffff;
	font-size: 30px;
	/* width: 560px; */
	font-weight: 300;
	margin-bottom: 10px;
	line-height: 28px;
	font-family: var(--secondary-font);
	font-style: italic;
}
.banner_text .text{
    font: normal 400 16px var(--primary-font);
    line-height: 24px;
    color: #fff;
}
.banner_text .text span{
    text-transform: math-auto;
	color: #ffffff;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 10px;
	line-height: 28px;
	font-family: var(--secondary-font);
	font-style: italic;
    display: block;
    margin-top: 10px;
}
.banner_home{height: 100%;}
.banner_home_slide::before{
    content: '';
    background: linear-gradient(180deg, transparent, #202A26E0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**HOME_BANNER_SECTION_ENDS**/

/**INNER_BANNER_CSS_STARTS**/
.inner_banner_section{
    width: 100%;
    height: 522px;
    overflow: hidden;
    position: relative;
}
.banner_inner_img{
    width: 100%;
    height: 100%;
}
.banner_inner_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner_text_inner{
    padding-bottom: 180px;
}
/**INNER_BANNER_CSS_ENDS**/

/**HOME_BLOGS_STARTS**/
.blogs_heading_home_box{
    margin-bottom: 50px;
}
.blog_slide_text_date_box{
    display: flex;
    align-items: center;
    gap: 25px;
}
.blog_slide_date{
    width: 100px;
    height: 100px;
    background: var(--primary-color);
    color: #ffffff;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.blog_slide_img{
    width: 100%;
    height: 297px;
    overflow: hidden;
    transition: .35s;
}
.blog_slide_img img{
    width: 100%;
    height: 100%;
    transition: .35s;
    object-fit: cover;
}
.blog_slide_box:hover .blog_slide_img img{
    transform: scale(1.1);
}
.blog_slide_box{
    display: block;
}
.blog_slider_full_box .blog_slide_box:nth-child(odd) .blog_slide_text_date_box .blog_slide_date{
    background: #FEBE20;
} 
.blog_slider_full_box .blog_slide_box:nth-child(even) .blog_slide_text_date_box .blog_slide_date{
    background: #524721;
}
.blog_month{
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
}
.blog_date{
    font-weight: bold;
    font-size: 40px;
    color: #fff;
    line-height: 44px;
}
.blog_slide_box_heading{
    font-size: 19px;
    text-transform: capitalize;
    font-weight: 500;
    color: #222222;
    margin-bottom: 5px;
    font-family: "Playfair Display", serif;
}
.blog_slide_box_paragraph{
    color: #6E707A;
    font-size: 16px;
    line-height: 29px;
    display: none;
}
.blog_slider_full_box{
    margin-bottom: 50px;
}
/**HOME_BLOGS_ENDS**/
/**INNER_BLOGS_STARTS**/
.blog_inner_all_boxes .blog_slide_box{
    display: block;
    margin-bottom: 30px;
}
.blog_number_page_listing{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 60px;
}
.blog_number_page_listing li:first-child a{
    color: #545454;
}
.blog_number_page_listing li:last-child a{
    color: #545454;
}
.blog_number_page_listing li a{
    border-radius: 10px;
    border: 1px solid #979797;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    color: #222222;
    font-size: 20px;
    font-weight: 600;
}
.blog_number_page_listing li.active a{
    background: var(--secondary-color);
    border: 1px solid #524721;
    color: #ffffff;
}
.blog_number_page_listing li a:hover{
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: #ffffff;
}
/**INNER_BLOGS_ENDS**/
/**BLOG_DETAILS_PAGE_STARTS**/
.gallery_images_blog_details{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 40px;
    margin-bottom: 30px;
}
.gallery_images_blog_details img{
    width: 100%;
    height: 255px;
    object-fit: cover;
}
.blog_details_main_img{
    width: 100%;
    height: auto;
    margin-bottom: 18px;
}
.blog_details_main_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_details_sub_heading{
    font-family: "Playfair Display", serif;
    font-size: 40px;
    color: #222222;
    font-weight: 500;
    line-height: 48px;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.blog_details_testimonial_box{
    border: 1px solid #CDCDCD;
    border-radius: 8px;
    padding: 50px;
    margin-top: 105px;
    margin-bottom: 45px;
}
.blog_testimonial_paragraph{
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    padding-right: 80px;
}
.blog_details_client_box{
    display: flex;
    gap: 15px;
    margin-top: -100px;
    margin-bottom: 20px;
}
.blog_date_name_year{
    color: #494949;
    font-size: 18px;
}
.blog_details_client_box .blog_date_name_year{
    padding-top: 15px;
}
.share_textimonial_img{
    text-align: right;
}
.blog_details_client_icon{
    width: 114px;
    height: 100px;
    flex-shrink: 0;
}
.blog_details_client_icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.blog_details_recent_post_box{
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 15px;
    background: #fff;
}
.recent_heading{
    color: #494949;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 22px;
}
.recent_post_single_box{
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.recent_img{
    width: 97px;
    height: 84px;
    flex-shrink: 0;
}
.recent_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recent_post_admin_year{
    font-size: 15px;
    line-height: 21px;
}
.recent_post_blog_heading{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #494949;
}
.recent_post_btn{
    font-weight: 500;
    color: #524721;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 19px;
    display: inline-block;
    border-bottom: 1px solid #524721;
}
.recent_post_btn:hover{
    color: #febe20;
    border-bottom: 1px solid #febe20;
}
.gallery_images_blog_details_right{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; 
}
.gallery_images_blog_details_right img{
    width: 100%;
    height: 90px;
    object-fit: cover;  
}
.blog_details_page_right_section{
    padding-left: 50px;
    position: sticky;
    top: 100px;
}
.search_right_blog_details input{
    width: 100%;
    border-radius: 3px;
    border: 1px solid #F1F1F1;
    font-size: 17px;
    height: 50px;
    padding: 3px 15px;
    color: #8D8D8D;
}
.search_right_blog_details input:focus{
    border: 1px solid #febe20;
    outline: 0;
    box-shadow: none;
}
.search_right_blog_details input::placeholder{
    font-size: 17px;
    color: #8D8D8D;
}
.search_right_blog_details{
    margin-bottom: 15px;
}

.contact_faq_form_input input{
    width: 100%;
    height: 54px;
    border: 1px solid #DBDBDB;
    background: #EFEFEF;
    font-size: 16px;
    color: #B4B4B4;
    border-radius: 3px;
    padding: 3px 15px;
    margin-bottom: 15px;
}
.contact_faq_form_input input:focus{
    border: 1px solid #FEBE20;
    outline: 0;
    box-shadow: none;
}
.contact_faq_form_input textarea{
    width: 100%;
    height: 180px;
    border: 1px solid #DBDBDB;
    background: #EFEFEF;
    font-size: 16px;
    margin-bottom: 10px;
    color: #B4B4B4;
    border-radius: 3px;
    padding: 3px 15px;
}
.contact_faq_form_input textarea:focus{
    border: 1px solid #FEBE20;
    outline: 0;
    box-shadow: none;
}
.contact_faq_form_input{
    margin-top: 35px;
}


.search-form label{
    display: none;
}
.search_right_blog_details input {
	width: 100%;
	border-radius: 3px;
	background: #ffffff;
	border: 1px solid #ddd;
	font-size: 17px;
	height: 50px;
	padding: 3px 15px 3px 55px;
	color: #202a26;
}
.search-form .search-submit {
	position: absolute;
	left: 0;
	width: 50px;
	padding: 0;
	height: 100%;
	border: none;
	background: transparent;
	color: #ccc;
}
.search-form {
	display: flex;
	align-items: center;
	position: relative;
}
.search_right_blog_details .widget {
	margin-bottom: 20px;
}

.widget_categories .sk-widget-title{font-size: 26px; margin-bottom: 10px;}
.widget_categories.widget{margin-bottom: 20px;}
.widget_categories ul{margin-left: 20px;}
.widget_categories ul li{padding-left: 20px; position: relative; color: var(--heading-color); transition: all 300ms ease-in; font-size: 18px; margin-bottom: 10px;}
.widget_categories ul li a{color: var(--heading-color);}
.widget_categories ul li::before{content: '\f0a4'; font-family: 'FontAwesome'; position: absolute; left: 0; font-size: 16px;}
.widget_categories ul li:hover{color: var(--secondary-color); padding-left: 30px; transition: all 300ms ease-in;}
.widget_categories ul li:hover a{color: var(--secondary-color); transition: all 300ms ease-in;}
.widget_tag_cloud .tagcloud{display: flex; flex-wrap: wrap; gap: 20px;}
.widget_tag_cloud .tagcloud .tag-cloud-link { max-width: 200px; border: 1px solid #84B500; padding: 10px 20px; color: #84B500; font-size: 16px !important; border-radius: 5px; background: transparent; transition: all 400ms ease-in;}
.widget_tag_cloud .tagcloud .tag-cloud-link:hover{background: #84B500; color: #222;  transition: all 400ms ease-in;}
/**BLOG_DETAILS_PAGE_ENDS**/

/**INNER_SERVICES_STARTS**/
.inner_service_page{
    background: transparent;
}
.inner_service_page .service_home_single_box{
    box-shadow: 0px 4px 5px 0px #a1a1a140;
}
.inner_service_heading_box{
    width: 60%;
    margin: 0 auto 50px;
}
/**INNER_SERVICES_ENDS**/

/**SERVICE_DETAILS_CSS_STARTS**/
.service_details_thumb_big figure{
    width: 100%;
    height: 658px;
    margin-bottom: 25px;
}
.service_details_thumb_big figure img{
    width: 100%;
    height: 100%;
    object-fit: cover; 
    border: 3px solid #dfdfdf;
}
.service_details_thumb_small figure{
    height: 230px;
    width: 100%;
    overflow: hidden;
}
.service_details_thumb_small figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;  
    transition: .35s;
    border: 3px solid #dfdfdf;
}
.service_details_thumb_small:hover figure img{
    transition: .35s;
    transform: scale(1.1);
}
.small_thumb_slide .owl-nav{
    display: none;
}
.service_details_page_text_form_heading{
    text-transform: math-auto;
}
.service_details_page_text_form_left_box_btn{
    display: flex;
    gap: 12px;
    margin-top: 30px;
}
.service_details_page_text_form_right_box{
    box-shadow: 0 0 16px 1px #a7a7a740;
    border-radius: 6px;
}
.sd_get_heading{
    background: var(--primary-color);
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 30px;
    font-weight: 600;
    padding: 22px 5px;
}
.service_details_page_text_form_right_box a{
    text-align: center;
    font-size: 16px;
    color: #454545;
    display: block;
    padding: 18px 20px;
}
.sd_right_form input{
    width: 100%;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #BEBEBE;
    padding: 3px 15px;
    color: #A3A3A3;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 15px;
}
.sd_right_form input:focus{ 
    border: 1px solid #FEBE20;
    box-shadow: none;
    outline: 0;
}
.sd_right_form input::placeholder{
    color: #A3A3A3;
    font-size: 15px;
    line-height: 21px;
}
.sd_right_form textarea{
    width: 100%;
    height: 135px;
    border-radius: 6px;
    border: 1px solid #BEBEBE;
    padding: 3px 15px;
    color: #A3A3A3;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px;
}
.sd_right_form textarea:focus{ 
    border: 1px solid #FEBE20;
    box-shadow: none;
    outline: 0;
}
.sd_right_form textarea::placeholder{
    color: #A3A3A3;
    font-size: 15px;
    line-height: 21px;
}
.sd_btn_submit{
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.sd_right_form{
    padding: 0 20px 40px 20px;
}
.service_details_page_text_form_right_full_box{
    padding-left: 50px;
    position: sticky;
    top: 20%;
}
/**SERVICE_DETAILS_CSS_ENDS**/

/**FOOTER_SECTION_STARTS**/
.footer_section{
    background: #202A26;
    padding: 60px 0 40px;
}
.footer_section a, .footer_section p{
    font: normal 200 14px var(--primary-font);
    color: var(--white-color);
    line-height: 25px;
}
.footer_section a:hover{color: var(--secondary-color);}
.footer_upper{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #FFFFFF2E;}
.footer_upper ul{display: flex; align-items: center; column-gap: 20px;}
.footer_upper ul li a{
    font: normal 200 15px var(--primary-font);
    color: #F2F2F2;
    line-height: 20px;
}
.footerlogo {
    margin-bottom: -18px;
    max-width: 120px;
}
.footerlogo img {
	width: 100%;
	background: #202a26;
	border-radius: 50%;
	height: 100%;
}
.footer_logo_links_section{
    padding: 100px 0 130px;
}
.footer-grid{
    display: grid;
    grid-template-columns: repeat(1, 1fr 1fr 1fr 2fr);
    gap: 20px;
}
.footer_contact_box .phone{
    font: normal 600 34px var(--primary-font);
    line-height: 40px;
}
.footer_contact_box .email{
    border-bottom: 1px solid #fff;
}
.footer_content_box strong{
    font: normal 500 24px var(--secondary-font);
    color: #fff;
}
.footer-grid .left{text-align: left;}
.footer-grid .right{text-align: right;}
.footer_copyright, .footer_copyright a{
    color: #C2C2C282;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}
.footer_copyright a:hover{
    color: #ffffff;
}  
.footer_lower{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer_lower .social{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.footer_lower .social a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid #fff;
    font-size: 14px;
    color: var(--white-color);
    transition: all 300ms ease-in;
}
.footer_lower .social a:hover{
    color: var(--secondary-color);
    transition: all 300ms ease-in;
}
/**FOOTER_SECTION_ENDS**/

/* ACCOMMODATION SCETION STARTS */
.accommodation_box{
    position: relative;
    display: block;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
}
.accommodation_box::before{
    content: '';
    background: linear-gradient(180deg, transparent, #000000a1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}
.accommodation_box img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
}
.hidden_text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    padding: 20px;
    color: var(--white-color);
    transition: all 300ms ease-in;
}
.hidden_text .heading{
    font: normal 600 26px var(--primary-font) ;
    line-height: 32px;
    color: var(--white-color);
}
.hidden_text .text{
    font: normal 200 14px var(--primary-font) ;
    line-height: 20px;
    padding-right: 140px;
    margin: 15px 0;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in;
}
.accommodation_box:hover .hidden_text{
    bottom: 0;
    transition: all 300ms ease-in;
}
.accommodation_box:hover .hidden_text .text{
    visibility: visible;
    opacity: 1;
    transition: all 300ms ease-in;
}
.moredetails {
	display: flex;
	align-items: center;
	gap: 4px;
	font: 600 18px / 1.3 var(--secondary-font);
	color: var(--white-color);
}
.moredetails p {
	border-bottom: 1px solid currentColor;
    color: var(--white-color);
}
.moredetails i {
	transform: rotate(320deg);
	--space: 24px;
	width: var(--space);
	height: var(--space);
	display: grid;
	place-items: center;
	border-radius: 100%;
	font-size: 0.75em;
	padding: 1px 0px 0px 1px;
}
.moredetails:hover i {
	background: var(--secondary-color);
	color: var(--white-color);
	margin-left: 4px;
}
/* ACCOMMODATION SCETION ENDS */

/* SUCESSFUL RIDER STARTS */
.mentor_list .clinic_box{
	margin-bottom: 40px;
	border-radius: 10px;
	padding: 30px;
    background-color: var(--white-color);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 14px 0px;
}
.mentor_list .clinic_box:last-child{margin-bottom: 0;}
.mentor_list .subtitle{
	font-size: 36px;
	color: var(--heading-color);
	margin: 20px 0;
    font-family: var(--title-font);
}
.mentor_list .mentor-image {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(1, 1fr 2fr);
	padding: 0 10px;
    align-items: center;
}
.mentor_list .btn-wrap{
    margin: 20px 0;
}
.check-it-out {
	background-color: #E9F3FF;
    position: relative;
}
.check-it-out .headtag{
    font-size: 30px;
    font-weight: 600;
    color: var(--heading-color);
    padding-right: 300px;

}
.check-it-out .rj-btn-access {
	background-color: var(--white-color);
	border: 1px solid #9F9F9F;
	color: #455585;
}
.check-it-out .rj-btn-access:hover{
    color: var(--white-color);
}
.check-it-out .check_out figure{
	position: absolute;
	bottom: 0px;
}
.check-it-out.section{margin: 80px 0 0;}
.mentor_list .mentor-image figure img{border-radius: 22px; width: 100%;}
.mentor_list .clinic_box .editor_text{display: block;}
/* SUCESSFUL RIDER ENDS */

/* =====================Aboutus page=================== */
.aboutsection .left{background-size: 60%; background-position: left;}
.aboutsection .aboutbg{height: 650px; position: relative; display: flex; align-items: center;}
.aboutsection .content{max-width: 50%; background: #fff; position: absolute; padding: 60px 40px;}
.aboutsection .left .content{right: 0;}
.aboutsection .right{background-size: 60%; background-position: right;}
.aboutsection .right .content{left: 0;}
/* =====================Aboutus page=================== */

/* ==============Coaching&clinic==================== */
.rj_box.servicebox{box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 14px 0px; margin: 0 10px; padding: 20px; min-height: 100%;}
.servicebox .headtag{font-size: 22px; color: var(--heading-color); font-weight: 600; margin: 0 0 10px; font-family: var(--secondary-font);}
.serviceslider .owl-stage-outer{padding: 40px 0;}
.servicebox .wrap {padding: 20px 0 10px;}
.servicebox figure{height: 230px;}
.servicebox figure img{height: 100%; width: 100%;}
/* ==============Coaching&clinic==================== */

/* ===========Sidebar Widget Ends================ */
.rj-widget-block {
    display: grid;
    row-gap: 4vh;
}    
.rj-widget.shadowBox {
    padding: 2vw 1.5vw;
    border-radius: 1vw;
}
.rj-widget li:not(:last-child) {
    margin: 0 0 16px;
}
.rj-widget li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    padding: 14px 16px;
    background-color: #E1E1E1;
    border-radius: 0.4vw;
    font: 600 18px / 1.4em var(--primary-font);
    letter-spacing: 0.4px;
    position: relative;
    z-index: 1;
}
.rj-widget li a:hover{
    color: var(--white-color);
    background-color: var(--heading-color);
}
.rj-widget li a:not(:hover){
    color: var(--text-color);
}
.rj-widget li.active a {
    color: var(--white-color);
    background-color: var(--heading-color);
}
.rj-widget-service li a::after {
    content: '\f101';
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: 600;
    color: var(--heading-color);
    /* background: var(--heading-color); */
    border-radius: 100%;
    flex-shrink: 0;
}
.rj-widget-service li:hover a::after, .rj-widget-service li.active_service a::after{color: var(--white-color);}
.horsedetails .sm_center{background-color: #F5F5DC; padding: 30px;}
.stickySidebar{position: relative; }
.rj-widget-block.stickycontent {position: sticky;top: 0;}
.servicedetails figure{margin-bottom: 20px;}
/* ===========Sidebar Widget Ends================ */

.imagesection {
	max-width: 600px;
	float: left;
	margin: 0 30px 10px 0;
	height: 400px;
}
.imagesection .owl-carousel, .imagesection .owl-carousel .owl-stage-outer{height: 100%;}


/* testimonial  */
.client_gallery_slider .clients a{width: 100%;}
.testimonial .item {
	border-radius: 10px;
	border: 1px solid #E9E9E9;
	background: #FFF;
	box-shadow: 0px 0px 24px 0px rgb(235, 239, 251);
	padding: 45px 31px;
	text-align: center;
	position: relative;
	margin-bottom: 0px;
	/* min-height: 100%; */
	height: 330px;
}

.testimonial .item .editor_text {
	padding: 26px 5px;
	overflow-x: hidden;
	height: 220px;
	overflow-y: auto;
	scrollbar-width: thin;
}
.testimonial .item .client {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 84%;
}
.testimonial .client_image figure {
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.testimonial .client_image figure img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.testimonial .testimonial-wrap .client_name {
	font-family: var(--secondary-font);
	font-size: 24px;
	font-weight: 600;
	line-height: 31px;
	color: var(--primary-color);
	letter-spacing: 0.24px;
	display: block;
}
.testimonial .testimonial-wrap .client_degination {
	font-family: var(--primary-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 31px;
	color: #575757;
	display: block;
}

/* FAQ page */
.faqPage .sk_toggle {
	margin: 30px 0 30px;
}
.sk_toggle .sk_box {
	position: relative;
	margin: 0 0 24px;
	padding: 20px 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #E8E8E83B;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	line-height: 2em;
}
.sk_toggle .sk_ques {
	cursor: pointer;
}
.sk_toggle .sk_ques .subheading{
    font: normal 500 20px var(--secondary-font);
    line-height: 26px;
    color: var(--heading-color);
}
.sk_toggle .sk_ques::after {
	content: "\f0eb";
	display: block;
	position: absolute;
	right: -20px;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
    font-family: 'FontAwesome';
    font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #7D7D7D;
	background: var(--white-color);
	color: var(--primary-color);
	font-weight: 400;
	padding: 0 0 0 1px;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.sk_toggle .sk_box.opened > .sk_ques::after {
	content: "\f0eb";
    font-weight: 400;
	background: var(--primary-color);
	color: var(--secondary-color);
	border-color: transparent;
}
.sk_toggle .sk_ans .editor_text {
    margin-top: 10px;
}
.opened .subtitle {
	color: var(--primary-color);
}
.products-list .incrementDecrement-wrapper {
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-bottom: 14px;
}
.products-list .incrementDecrement {
	max-width: 150px;
	margin: 0 auto;
	height: 40px;
}
.faqPage .serviceTitle{
    font: normal 700 22px var(--primary-font);
    color: var(--secondary-color);
    position: relative;
    width: fit-content;
    padding-bottom: 10px;
}
.faqPage .serviceTitle::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    border-radius: 4px;
    background: var(--primary-color);
    left: 0;
    bottom: 0;
}
/* FAQ page */

/* ==========Contactus page=============== */
.contact_inner ul li{display: flex; align-items: center; column-gap: 10px; margin-bottom: 20px;}
.contact_inner ul li i{width: 50px; height: 50px; border: 1px solid var(--primary-color); border-radius: 10px; font-size: 20px; display: flex; align-items: center; justify-content: center; color: var(--primary-color); flex-shrink: 0;}
.contact_inner ul li a{font: normal 500 22px var(--primary-font); color: var(--heading-color);}
.contact-content{padding-bottom: 20px;}
/* ==========Contactus page=============== */

.facility_grid{display: flex; gap: 15px; flex-wrap: wrap; margin: 20px 0;}
.facility_grid span{
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color);
    background-color: transparent;
    border: 1px solid var(--heading-color);
    border-radius: 6px;
    max-width: 200px;
    padding: 10px 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.booking-box {
	/* padding: 40px; */
	border-radius: 20px;
	/* border: 1px solid #E7E0E0; */
	color: #4B4B4B;
	font: normal 400 15px var(--primary-font);
	/* background: #fff; */
    margin: 20px 0;
}
.booking-box ul li {
	display: flex;
	align-items: center;
	column-gap: 10px;
	font: normal 400 18px var(--regular-font);
	color: #505050;
}
.booking-box ul li img {
	flex-shrink: 0;
	width: 20px;
	height: 15px;
	object-fit: contain;
}
.inner_service_page h6{font-size: 20px;}

/* =====================Aboutus================== */
.leftpart {
	width: 460px;
	height: 510px;
	position: relative;
}
.leftpart .poster{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 14px;
    }
.leftpart .poster img{
    border-radius: 14px;
    }

.leftpart video, .leftpart iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    max-height: 100% !important;
    cursor: pointer;
}
.playIcon {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.playIcon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #f6f6f6;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
            animation: pulse-border 1500ms ease-out infinite;
    }
    @-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
    }
    
    @keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
    }
  /* =====================Aboutus================== */

  /* PARK FACILITY  */
.bluebg{background-color: #F5F5DC;}
.home_parkfacility{padding: 50px 0;}
.home_parkfacility .heading {
	max-width: 700px;
}
.park_box{
	position: relative;
}
.park_box .parkimg {
	height: 350px;
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	margin: 0;
}
.park_box .parkimg img {
	object-fit: cover;
	border: 12px;
	transform: rotate(0deg) scale(1);
	transition: all 300ms ease-in-out;
	height: 100%;
}
.park_box:hover .parkimg img{
	transform: rotate(5deg) scale(1.1);
	transition: all 300ms ease-in-out;

}
.park_box .parkname {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 0 20px 20px;
	background: linear-gradient(0deg, #000, transparent);
	color: #fff;
	font: normal 500 20px var(--medium-font);
    border-radius: 0 0 12px 12px;
}
.parkfacility_list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.sm_contentleft{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
/* PARK FACILITY  */

.gallery_grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
.gallery_grid .lightbox{
    position: relative;
}
.gallery_grid .lightbox::before {
	content: '';
	background: url('../images/zoom.png') no-repeat center;
	background-size: contain;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
}
.gallery_grid .lightbox::after{
    content: '';
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
}
.gallery_grid .lightbox:hover::before{
    visibility: visible;
    opacity: 1;
    transition: all 300ms ease-in-out;
} 
.gallery_grid .lightbox:hover::after{
    visibility: visible;
    opacity: 0.3;
    transition: all 300ms ease-in-out;
}

.inner_banner_section .banner_text{
    /*width: 100%;*/
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 0;
    padding-bottom: 140px;
}
.home_banner_heading{
    font-size: 54px;
    line-height: 70px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-family: "Playfair Display", serif;
}


/* ==========Popup Form Star========== */
form {
    margin: 0;
    padding: 0;
}
.form_wrap, .comment-respond {
	max-width: 830px;
}
.form_wrap p{line-height: 1.5;}
label {
	display: block;
	text-align: left;
	margin: 0 0 6px 0;
	padding: 0;
	font-weight: 400;
	font-size: 16px;
	color: #333;
	letter-spacing: 0.4px;
}
.wpcf7-form-control-wrap { display: block; }
.required{color: #ff0000;}
.form-control, .wpcf7-form-control, .comment-form .wpcf7-form-control, .comment-form textarea{
    padding: 5px 10px;
    width: 100%;
    height: 48px;
    border: 1px solid #838383;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: transparent;
    color: #333333;
    caret-color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.5px;
    position: relative;
    vertical-align: top;
    outline: none;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    caret-color: #333;
}
.comment-form .wpcf7-form-control, .comment-form textarea{
    background-color: transparent;
    border-color: #CDCDCD;
}
.comment-form .form-submit input[type="submit"]{
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    text-align: center;
    border: 1px solid transparent;
    background: var(--primary-color);
    color: var(--white-color);
    -webkit-border-radius: 5vw;
    border-radius: 5vw;
    outline: none;
    text-transform: capitalize;
    font: 500 18px var(--primary-font);
    letter-spacing: 0.6px;
    height: 45px;
    line-height: 45px;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.comment-form .form-submit input[type="submit"]:hover{
	color: var(--primary-color);
    background: var(--secondary-color);
	/* border-color: var(--gradient-color); */
	transition: all .3s ease-in-out;
}

select.form-control, select.wpcf7-form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: calc(100% - 10px) 16px;
    padding-right: 30px;
}
textarea.form-control, textarea.wpcf7-form-control, .comment-form textarea, .comment-form textarea.wpcf7-form-control, .woocommerce form .form-row textarea {
	height: 180px;
	padding-top: 10px;
	resize: none;
}
.formLabel .row{
    row-gap: 24px;
}
.formLabel-wrap {
	position: relative;
	z-index: 1;
    margin-bottom: 20px;
}
.formLabel-wrap label {
    position: absolute;
    top: 50%;
    left: 6px;
    padding-inline: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    pointer-events: none;
    -webkit-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}
.formLabel-wrap:has(textarea) label {
    top: 30px;
}
.formLabel-wrap:has(.wpcf7-not-valid) label {
    margin-top: -12px;
}
.formLabel-wrap:has(.wpcf7-form-control:focus, .form-control:focus) label, .formLabel-wrap.has-value label {
	top: -20px;
	margin: 0;
	font-size: 0.95em;
	color: #fff;
	background: #202a26;
}
.formLabel-wrap :is(.wpcf7-form-control:focus, .form-control:focus) {
    box-shadow: none;
}
.formLabel-wrap::before {
	content: '';
	position: absolute;
	right: 10px;
	top: 30%;
	width: 16px;
	height: 16px;
	background-size: contain;
	z-index: 1;
}
.formLabel-wrap.nameicon::before{background: url('../images/nameicon.png') no-repeat center;}
.formLabel-wrap.emailicon::before{background: url('../images/emailicon.png') no-repeat center;}
.formLabel-wrap.telicon::before{background: url('../images/telicon.png') no-repeat center;}
.formLabel-wrap.dropicon::before{background: url('../images/dropicon.png') no-repeat center;}
.formLabel-wrap.msgicon::before{background: url('../images/msgicon.png') no-repeat center; top: 10%;}
.formLabel-wrap.addressicon::before{background: url('../images/addressicon.png') no-repeat center;}
.rj_popupForm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: #000000d1;
}
.rj_popupForm-content .form-wrap {
    max-width: 100%;
    padding: 30px;
    background-color: #E7242B;
}
.rj_popupForm-content .form-wrap .cmn_btn{border: 1px solid #fff;}
.rj_popupForm-content {
    max-width: 640px;
    margin: auto;
    height: 100%;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}
.rj_popupForm-content form {
    overflow: hidden;
    overflow-y: auto;
    max-height: 520px;
    margin-right: -10px;
    padding-right: 10px;
    padding-top: 10px;
}
.rj_popupForm .form_wrap{
    background-color: #fff;
    border-radius: 14px;
}
.rj_popupForm-content .form-wrap .wpcf7-form-control{
    height: 42px;
}
.rj_popupForm-content .form-wrap textarea.wpcf7-form-control{
    height: 160px;
}
.rj_popupForm-content .form-wrap .cmn_btn{
    font-size: 16px;
    padding: 11px 28px;
}
.rj_popupForm-content .form-wrap .wpcf7-not-valid-tip{
    color: #fff;
}
/* ==========Popup Form Ends========== */

.inner_service_page .row:nth-child(even){
    flex-direction: row-reverse;
    margin: 30px 0;
}

.service_details_big_small_thumb_slide{
    position: relative;
}
.service_details_big_small_thumb_slide .big_thumb_slide{
    position: sticky;
    top: 20%;
}

.inner_service_page .service_details_big_small_thumb_slide.float_left {
	position: relative;
	max-width: 600px;
	float: left;
	margin: 0 40px 10px 0;
}

.big_thumb_slide.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 0px;
    line-height: 0;
}
.big_thumb_slide.owl-carousel .owl-dots .owl-dot span {
    min-width: auto;
    width: 10px;
    height: 10px;
    background: #B2C0C7;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin: 5px 8px;
    outline: 1px solid transparent;
    outline-offset: 4px;
    display: block;
}
.big_thumb_slide.owl-carousel .owl-dots .owl-dot.active span{
    background: var(--primary-color);
    border-color: var(--primary-color);
    /* outline-color: var(--border-color); */
}
.form-wrap .form-control, .form-wrap .wpcf7-form-control, .form-wrap .comment-form :is(input, textarea, select){
    background: #fff;
    color: #222;
    caret-color: #222;
}
.comment-form .wpcf7-form-control, .comment-form textarea{
    background-color: #202a26;
    border-color: #CDCDCD;
}
.comment-form textarea{
    height: 180px;
    padding-top: 10px;
    resize: none;
}
.comment-respond {
	max-width: 830px;
}
.comment-reply-title {
	font-size: 36px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.comment-form p {
	margin-bottom: 24px;
}
.required {
	color: #ff0000;
}
.comment-form .wpcf7-form-control, .comment-form textarea {
	padding: 5px 20px;
	width: 100%;
	border: 1px solid #838383;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	caret-color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0.5px;
	position: relative;
	vertical-align: top;
	outline: none;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}

.comment-form .wpcf7-not-valid-tip{
    margin: 12px 0 -12px;
  }
  .comment-form p{
    margin-bottom: 24px;
  }
  .comment-form p:last-child{margin-bottom: 0;}
  .form-submit:empty{
    display: none;
  }
  
  /* Comment List */
  
  .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .comment-list .comment-body {
    background: #202a26;
    padding: 30px 30px;
    border-radius: 12px;
    border: 1px solid #CDCDCD;
    margin-top: 100px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.3px;
  }
  .comment-list li {
    margin-bottom: 30px;
  }
  .comment-meta {
	/* margin: -150px 0 16px 0; */
	background: none;
	color: #fff;
}
.comment-author.vcard {
    float: left;
    font-size: 0;
    display: flex;
    align-items: start;
    gap: 16px;
    margin: 0 0 16px;
}
  .vcard .fn {
    font-weight: 400;
    font-size: 17px;
  }
  .vcard .avatar {
      border-radius: 4px;
    margin-top: -12px;
  }
  .comment-content, .comment-awaiting-moderation{
    clear: both;
    color: #fff;
  }
  .comment-awaiting-moderation {
      font-size: inherit;
  }
  .comment-body a{
    color: inherit;
  }
  .comment-body a:hover{
    color: #E7242B;
  }
  .comment-body .edit-link a{
    font-size: 0;
    line-height: normal;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background: #E7242B;
    color: #ffffff;
    padding: 6px;
    text-align: center;
    border-radius: 3px;
    position: relative;
  }
  .comment-body .edit-link a::before{
    content: '\f304';
    font-size: 15px;
    font-family: 'FontAwesome';
  }
  .comment-list .comment-respond {
    background: #c2baba;
    padding: 30px;
    margin-top: 24px;
    border-radius: 10px;
    margin-inline: auto;
  }
  .comment-body .reply {
    text-align: right;
    margin-top: 30px;
  }
  .comment-body .reply a {
      font-size: 0;
      position: relative;
      width: 24px;
      height: 24px;
      background: url(../images/reply-icon.png) no-repeat center;
      background-size: cover;
      display: inline-block;
  }
  .comments-title {
    font-size: 40px;
  }
  .comment-reply-title {
    font-size: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  #cancel-comment-reply-link {
    font-size: 0;
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #e7242b;
    padding: 4px 4px 4px 2px;
    border-radius: 100%;
  }
  #cancel-comment-reply-link::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 16px;
  }
  .comment-content p{
    color: #fff;
  }
.banner_section .home_banner_btn .os-btn-explore{
    background: #e9ca64;
    color: var(--primary-color);
}
.banner_section .home_banner_btn .os-btn-explore::before{
    background: #fff;
}
.thankyouSection .icon-404 img{
    max-height: 200px;
}

.breadcrumb-list{
    display: flex;
    align-items: center;
    column-gap: 20px;
    color: #222;
}
.breadcrumb-list li{
    position: relative;
}
.breadcrumb-list li a{color: var(--primary-color);}
.breadcrumb-list li:not(:last-child)::before {
	content: '-';
	position: absolute;
	right: -15px;
	color: #222;
	font-size: 20px;
}

.banner_inner_img{position: relative;}
.banner_inner_img::before {
	content: '';
	background: linear-gradient(180deg, transparent, #202A26E0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.booklist ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #fff;
}

.booklist ul li{
    color: #fff;
}
.booklist ul li img{
    filter: brightness(100);
}
.booklist ul li img.invert{
    filter: brightness(100) invert(1);
}
.touch{display: none;}