/*!
Theme Name: utsav-rai
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: utsav-rai
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

utsav-rai is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
textarea {
	overflow: hidden;
}
body {
	margin:0;
}
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: Helvetica, "Helvetica Neue";
	font-size: 1rem;
	line-height: 1.5;
}
img {
	height: auto;
	max-width: 100%;
}


.scrollcontainer {
    display: flex;
    overflow: hidden;
    position: relative;
	flex:1;
	padding-left:30px;
}

.wrap {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.newsTicker {
    position: absolute;
    width: 100%;
	padding-left: 10px;
}

/* Keyframes for scrolling animations */
@keyframes scroll-down {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0%); }
}

@keyframes scroll-up {
    0% { transform: translateY(0%); }
    100% { transform: translateY(-100%); }
}
.wrap-left .newsTicker, .wrap-right .newsTicker {
    /* Assuming duplication, make sure this is 200% or enough to cover the seamless loop */
    height: 100%;
    animation-duration: 20s; /* Adjust based on your needs for a smooth transition */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.wrap-left .newsTicker {
    animation: scroll-down 50s linear infinite;
}

.wrap-right .newsTicker {
    animation: scroll-up 50s linear infinite;
}

@media (max-width: 767px) {
    .wrap-left .newsTicker, .wrap-right .newsTicker {
        height: auto; /* Adjust based on actual content height or consider a minimum height */
        animation-duration: 200s;
    }
	.wrap-left{
		display: none;
	}
	.wrap-right{
		width:100%;
	}

}


/* Navigation
--------------------------------------------- */
.main-navigation {
    display: flex;
	flex-direction:row;
    width: 100%;
    justify-content: flex-end;
    margin-right: 70px
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	gap: 45px;
}
.menu-menu-container {
    margin-right: 114px;
}


.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #BCD4D8;
    padding: 16px 8px;
    font-weight: 400;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}




/*header
 --------------------------------*/
header#masthead {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 50px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
	background: #113134;
}
.site-branding {
    width: 300px;
    display: flex;
	margin-top: 4px
}
/*Container
********************************************************/
.container {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
    overflow: hidden;
}
.container-small {
	max-width:700px;
	padding: 0 15px;
    margin: 0 auto;
    overflow: hidden;
}
.hero {
  overflow: hidden;
    background-image: url(http://utsav-rai.com/wp-content/uploads/2024/02/bc-2.jpg);
    background-size: 100% 75%;
    background-repeat: no-repeat;
    min-height: 95vh;
    background-position: center;
    padding: 100px 0;
	margin-top:-167px;
}
.section {
	padding: 30px 0;
}
div#page {
    margin-top: 120px;
}
/*offset*/
/* Add this style to adjust for the offset */
:target::before {
    content: "";
    display: block;
    height: 220px; /* Adjust this value based on your header height */
    margin-top: -99px; /* Adjust this value based on your header height */
    visibility: hidden;
}

/* welcome page */
.customLoader-desktop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(to left, #fffff4 50%, #113134 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999999999999;
    transition: background 1s ease; /* Add transition property for smooth background change */
	    justify-content: center;
    align-items: center;
}
.loaderLeft{
	width: 50%;
	height: 100%;
	    background: #113134;
}
.loaderRight{
	width: 50%;
    height: 100%;
    background: #fffff4;
    display: flex;
    align-items: center;
}
.customLoaderImg{
	width: 200px;
	margin-left: -100px;
	max-width: unset;
}
/* Initial styles for the loader elements */
.loaderLeft, .loaderRight {
    width: 50%;
    transition: width 1s ease-out; /* Adjust the duration and easing as needed */
}

/* Styles for the animated state */
.loaderLeft.animated {
    width: 100%;
}

.loaderRight.animated {
    width: 0;
}

/* Set initial visibility of leftImage to hidden */
.leftImage {
    visibility: hidden;
}

/* Display the leftImage when loaderLeft's width is 100% */
.loaderLeft.animated .leftImage {
    visibility: visible;  /* Show the image */
    transition: visibility 1s ease;  /* Add transition for smooth visibility change */
}
.loaderRight.animated .customLoaderImg {
	margin-left: 0;
/* 	opacity: 0;
	transition: opacity 1s ease; */
	transition: margin 2s ease; 
}
.mobile-custompage-loader {
	display:none;
}

/*Home Page*/
body{
	background-color:#FFFFF4;
}
.bannerContainer {
    display: flex;
    align-items: center;
    justify-content: space-around;
	padding:100px 0;
	gap: 70px;
    margin-top: 60px;
}
.singleBannerCard {
    background-color: #113134;
    max-width: 30%;
    padding: 15px 15px 35px 15px;
	border-radius: 10px;
	text-decoration:none;
}
.bannerCardContent {
    color: #BCD4D8;
    text-align: center;
    margin-top: 12px;
    font-weight: 400;
	font-family: Helvetica;
}
a.bannercardLink {
    text-decoration: none;
}
.AboutsectionContainer {
	margin-top:-105px;
}
.aboutSection{
	display: flex;
    justify-content: center;
    align-items: center;
	gap:35px;

}

/*popup*/
.popuptitle {
color: #113134;
    font-family: Abril FatFace;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: capitalize;
	text-align:center;
}
.popup-products {
	display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
    justify-content: center;
}

.popup-products li {
	padding: 10px;
    margin-bottom: 5px;
    width: 25%;
    border: 1px solid #113134;
    border-radius: 10px;
    background-color: #BDD4D8;
}
.popup-products .price {
    color: #000;
    font-weight: 600;
    font-size: 14px;
}
.popup-products .add_to_cart_button {
	display: flex;
    align-items: center;
    justify-content: center;
    color: #BCD4D8;
    text-decoration: none;
    background: #113134;
    border-radius: 6px;
    font-weight: 600;
    padding: 9px;
    margin-top: 10px;
}
.popup-products h2.woocommerce-loop-product__title{
	height:35px;
}
.sectionTitle{
	text-align:center;
    align-items: center;
    color: #113134;
    font-family: Abril FatFace;
    font-weight: 700;
    font-size: 55px;
	line-height: 1.2;
	margin-bottom:20px;
}
.aboutSignImage{
	display:flex;
	justify-content:flex-start;
	margin-left:1%;
	max-width: 10%;
}

.aboutSectionContent {
    flex: 7;
}
.aboutImage {
    flex: 3;
}
.travelSectionContent {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-bottom: 15px;
	text-align: center;
}
.travelImageSection {
    background-image: url(http://utsav-rai.com/wp-content/uploads/2024/01/map.png);
    background-size: 72%;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    padding-bottom: 30em;
}
.travelWorldImage {
    max-width: 10%;
}
.travelWorldImage:hover {
	transform: scale(1.1); 
}
.travelWorldImage:nth-child(1) {
    position: absolute;
    top: 12%;
    left: 24%;
}
.travelWorldImage:nth-child(2) {
    position: absolute;
    top: 5%;
    left: 48%;
}
.travelWorldImage:nth-child(3) {
    position: absolute;
    top: 13%;
    right: 27%;
}
.travelWorldImage:nth-child(4) {
    position: absolute;
    top: 41%;
    right: 36%;
}
.travelWorldImage:nth-child(5) {
    position: absolute;
    left: 29%;
    top: 58%;
}
.travelWorldImage:nth-child(6) {
    position: absolute;
     right: 15%;
    top: 64%;
}

.travelpopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999999;
    overflow-y: overlay;
}

.travelpopupcard {
   display: flex;
    text-align: left;
    padding: 50px 10px 50px 10px;
    width: 70%;
    background: #fff;
    margin: 0 auto;
    margin-top: 5%;
    position: relative;
    max-height: 75vh;
    border-radius: 10px;
}

/* Style for the scrollbar */
.travelpopupcard::-webkit-scrollbar {
    width: 10px;
}

.travelpopupcard::-webkit-scrollbar-thumb {
    background-color: #333; /* Color of the thumb */
    border-radius: 10px; /* Optional: Add rounded corners to the thumb */
}

/* Make the other scrollbar elements transparent */
.travelpopupcard::-webkit-scrollbar-track {
    background-color: transparent;
}

.travelpopupcard::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.travelpopupcard::-webkit-scrollbar-corner,
.travelpopupcard::-webkit-scrollbar-button {
    display: none; /* Hide the scrollbar corner and button */
}

/* Scrollable content area inside .travelpopupcard */
.travelpopupcard {
    overflow-y: auto;
    flex: 1;
}

.closeButton {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 18px;
    height: 0;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}
.product-list {
    display: flex;
    gap: 10px;
	overflow-x: scroll;
}
.travelButton {
    background: none;
    border: none;
    cursor: pointer;
}
/*popup styles********************/
img.attachment-thumbnail.size-thumbnail.wp-post-image {
    max-width: 80%;
}
.item {
	border:1px solid #000;
	padding:10px;
	height:460px;
	border-radius:5px;
}
.productImage {
	display:flex;
	justify-content:center;
}
.productName {
	text-align:center;
	font-weight:600;
}
.productPrice {
    text-align: center;
    line-height: 0;
    font-weight: 600;
}
.addToCartBtn {
    display: flex;
    justify-content: center;
}
.addToCartBtn tr {
    display:flex;
	margin-bottom:15px;
}
.addToCartBtn button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    display:flex;
    margin:0 auto;
    background:#113134;
    color:#BCD4D8;
    border-radius: 6px;
    cursor:pointer;
}
.travelpopupcard .owl-nav {
    justify-content: space-between;
    display: flex!important;
    position: absolute;
    top: 34%;
    width: 120%;
    left: -34px;
}
.travelpopupcard .owl-nav .owl-prev {
    background: url(http://utsav-rai.com/wp-content/uploads/2024/01/Group-218.png) !important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 40px;
    text-indent: -9999px;
    height: 40px;
    transform: translateX(-17px);
}
.travelpopupcard .owl-nav .owl-next {
    background: url(http://utsav-rai.com/wp-content/uploads/2024/01/Group-217-1.png) !important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 40px;
    text-indent: -9999px;
    height: 40px;
    transform: translateX(-17px);
}
/*travelcarousel
*********************************/
.travelSingleCarousel {
    max-width: 87%;
    border: 1px solid #000;
    background: #113134;
    padding: 10px;
    border-radius: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: none;
}
.yogaSection {
    display: flex;
    justify-content: space-evenly;
	padding-top:15px;
	flex-direction: row-reverse;
}
.yogaSectionContent {
    flex: 1;
}
.YogaImagesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1;
}
.YogaScrollImages {
    flex: 0 0 calc(36% - -51px);
    margin-bottom: 30px;
}
.yogasubHeadingOneContent li {
    margin-left: -20px;
}

.yogacontactform {
    display: flex;
    flex-direction: column;
    align-items: center;
}
input.yogapopupBtn {
    background: #113134;
    color: #BCD4D8;
    padding: 4px 80px;
	border-radius:5px;
}
.emailfield, .phonefield, .msgfield {
    margin-bottom: -30px;
}
.msgfield textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 20px 5px;
}
.yogaFormTitle {
    color: #113134;
    font-family: Abril FatFace;
    font-weight: 600;
	font-size: 20px;
}
.yogasectionHeading {
    font-size: 20px;
    font-weight: 700;
    margin-top: 45px;
    margin-left: 15px;
}
.yogasectionContent {
    font-size: 13px;
    margin-left: 15px;
}
.yogasubHeading, .yogasubHeadingOne {
    font-size: 20px;
    font-weight: 700;
    line-height: 2.8;
}
.yogasubHeadingOneContent li {
    line-height: 2.4;
}
/*yoga cards*/
.YogacardssectionContainer {
    display: flex;
    gap: 75px;
    justify-content: center;
    margin-top: 68px;
	margin-bottom:0px;
}
a.YogaSectionCard {
    text-decoration: none;
    width: 27%;
    position: relative;
}
img.YogaCardBtn {
    width: 20%;
    position: absolute;
    top: 37%;
    left: 40%;
}
.yogaCardtext {
    background: #113134;
    color: #BCD4D8;
    min-height: 14vh;
    margin-top: -7px;
    padding: 25px 10px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.YogaCardHeading {
    font-size: 21px;
    font-weight: 600;
}
.YogaCardContent {
    font-size: 14px;
    line-height: 1.6;
    padding-top: 5px;
}
.YogaSectionCard:hover .yogaCardtext {
    background-color: #BCD4D8;
    color: #113134;
}
/*writing section*/
.writingCardSection.homepg {
    padding: 20px 20px 15px 20px;
}
.writingContent {
	text-align:center;
	margin-bottom: 65px;
}
/* Writing Page */
.writingsectionContainer {
    display: flex;
    justify-content: center; 
    gap:60px;
}
.writingsectionContainer.writing-page {
    display: flex;
    justify-content: center;
    gap: 85px;
    flex-wrap: wrap; /* Allow flex items to wrap to the next line */
}

/* Single Writing Post Page */
 .writingsectionContainer.single-post-page, .writingsectionContainer.homepage {
    display: flex;
    justify-content: center;
    gap: 85px;
}
a.singleWritingCardpostlink {
    text-decoration: none;
}
a.writingcard {
    text-decoration: none;
}
.writingcardContent {
    background-color: #113134;
    padding: 60px 50px;
    color: #BCD4D8;
    border-radius: 10px;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	height:30%;
}
.writingcardContent:hover {
	background-color:#BCD4D8;
	color:#113134;
}
.writingCardSection {
    background-color: #fff;
    padding: 20px 20px 35px 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px 5px #DFD4D4;
	width:280px;
}
.ReadBtn {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.writingcardBtnName {
    margin-left: 5px;
    font-weight: 700;
    font-size: 18px;
	color:#000;
}

.writingCardBtnImg {
    max-width: 50%;
    float: right;
}
a.yogacardBtnLink {
    display: flex;
    justify-content: center;
}
.writecardbtn {
    display: inline-block;
    padding: 5px;
    margin-top: -10px;
	text-decoration: none;
}
i.fa.fa-chevron-right.dayIcon {
    background-color: #113134;
    color: #BCD4D8;
    padding: 11px;
    width: 41%;
    height: auto;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    justify-content: center;
}
.writingCardSection:hover .writingcardContent {
    background-color: #BCD4D8;
    color: #113134;
}

.writingCardSection:hover .writingcardBtnName {
    color: #BCD4D8;
}

.writingCardSection:hover i.fa.fa-chevron-right.dayIcon {
    color: #113134;
    background-color: #BCD4D8;
}
a.writingCardpostlink {
    text-decoration: none;
}
/*contact forms booking 
************************************************/
input.readonly-field {
    background: #fff;
    padding: 5px 10px;
    padding-left: 10px;
    font-size: 12px;
    border-radius: 6px;
    margin-bottom: 15px;
    cursor: not-allowed;
    width:100%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.feedbackform.yogaClassBookingForm {
    max-width: min-content;
	margin:0 auto;
}
/*shop
 **********************************************/
.woocommerce .woocommerce-breadcrumb {
    padding-left: 40px;
}
h1.woocommerce-products-header__title.page-title {
    margin-top: 55px;
    text-align:center;
}
select.orderby {
    float: right;
    margin-top: -22px;
	display:none;
}

ul.products.columns-3 {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 0px;
}
h2.woocommerce-loop-product__title {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-decoration: none;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
    max-width: 17%;
    margin-right: 22px;
	margin-bottom:22px;
    border: 1px solid #113134;
    padding: 4px;
	border-radius:10px;
}
.woocommerce ul.products li.product .price {
    color: #000;
    font-weight: 600;
    font-size: 14px;
}
.cfvsw-swatches-option.cfvsw-label-option {
    padding: 5px 30px;
    border: 1px solid #000;
    color: #000;
}
.cfvsw-swatches-container.cfvsw-shop-container > div {
    width: 50%;
    flex: 1;
}
.woocommerce ul.products li.product .button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BCD4D8;
    text-decoration: none;
    background: #113134;
    border-radius: 6px;
    font-weight: 600;
    padding: 9px;
	margin-top: 0px;
}
a.added_to_cart.wc-forward {
    display: flex;     /*view cart button */
    align-items: center;
    justify-content: center;
    color: #113134;
    text-decoration: none;
    border-radius: 6px;
    border: 2px solid #113134;
    font-weight: 600;
    padding: 5px;
    margin-top: 5px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    color: #000;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #BDD4D8;
    color: #000;
}
/*product page
 **********************************************/
.woocommerce div.product {
    margin-top: 90px;
}
.woocommerce div.product div.images img {
    max-width: 46%;
    margin: auto;
    border-radius: 10px;
    padding: 10px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}
.cfvsw-swatches-container.cfvsw-product-container >div {
    width: 50%;
    flex: 1 !important;
}
.woocommerce .quantity .qty {
    width: 2.8em;
}
.woocommerce div.product form.cart .variations {
    margin-bottom: -19px;
}
.woocommerce div.product form.cart .button {
    background: #113134;
    border-radius: 4px;
	padding:8px 19px;
}
.posted_in a {
    text-decoration: none;
    color: #000;
}
.woocommerce div.product div.summary {
	line-height:1;
	margin-top:25px;
}
.woocommerce #review_form #respond .form-submit input {
    background: #113134;
    color: #BCD4D8;
}
.woocommerce-variation-price {
    margin-bottom: 10px;
}
/*checkout page
***********************************************/
.woocommerce-info {
    padding: 16px 32px 32px 48px;
    margin-top: 60px;
    background: #BDD4D8;
    border-top: 3px solid #113134;
	position:relative;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #BDD4D8;
    border-radius: 5px;
}
a.showcoupon {
    text-decoration: none;
    color: #000;
}
form.checkout_page_coupon {
    display: flex;
    margin: 10px 0px; 
}
form.checkout_page_coupon input {
    flex: 6;
    border-radius: inherit;
    border: 1px solid #113134;
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
form.checkout_page_coupon button {
	flex: 2;
    background: #fff !important;
    border: 1px solid #113134 !important;
    border-left: none !important;
    border-radius: 0 !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    text-transform: uppercase;
    font-size: 19px !important;
    color: #113134 !important;
} 
.woocommerce-billing-fields h3 {
    font-size: 20px;
    padding-bottom: 13px;
	text-transform:uppercase;
}
.woocommerce-billing-fields__field-wrapper input {
    border-radius: 10px;
    border: 1px solid #3c3c3c;
    padding: 10px;
    background: #ffffff;
}
.select2-container--default .select2-selection--single {
    height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 7px;
}
.woocommerce table.shop_table {
    background: #BDD4D8;
}
button#place_order {
    background: #113134;
}
.woocommerce-additional-fields h3 {
	text-transform:uppercase;
}
.shipping-Info {
    line-height: 3.1;
}
/*cart
***********************************************/
td.product-name a {
    text-decoration: none;
    color: #000;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    background-color: #113134;
    color:#BCD4D8;
}
a.checkout-button.button.alt.wc-forward {
    background: #113134;
    color: #BCDBD8;
	border-radius: 5px;
}
/*feedback popup*/
 .feedback-popup {
        display: none;
        position: fixed;
        bottom: 54%;
        right: 20px;
        background: #fff;
        border: 2px solid #ccc;
        padding: 40px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 999;
	 max-width:200%;
	 height:15vh;
	 border-radius:5px;
    }

    .popup-content {
        text-align: center;
		margin-top: 20px;
        font-weight: 600;
		color:#113134;
		font-size:16px;
    }
.feedbackBtnWrapper {
    margin-top: 15px;
}
a.feedbackpopupBtn {
    text-decoration: none;
    background: #113134;
    color: #BCD4D8;
    padding: 8px 15px;
    border-radius: 4px;
}
    .close-popup {
        position: absolute;
        top: 1px;
        right: 10px;
        cursor: pointer;
		font-size: 25px;
		color: #113134;
    }
.contactpagesection {
    display: flex;
    justify-content: center;
}
input.contactbtn {
    width: 100%;
    max-height: 9vh;
    padding: 8px;
    box-shadow: none;
    border-radius: 6px;
    background: #113134;
    color: #BCD4D8;
    font-weight: 600;
}
/*page footer
***********************************************/

.footer-section {
    background-color: #113134;
    color: #BCD4D8;
	margin-top:55px;
}
.footer-container {
    display: flex;
	gap:80px;
    padding-top: 75px;
}
ul#footer-advanced-menu {
    column-count: 2;
	list-style: none;
}
ul#footer-advanced-menu li {
    margin-bottom: 20px;
}
.footerCTASection {
    display: flex;
    gap: 40px;
	position:relative;
}
.footerCTASection::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 17%;
    width: 1px;
    background-color: #D9D9D9;
    left: -34px;
}
.footerCTASection::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 17%;
    width: 1px;
    background-color: #D9D9D9;
    right: -38px;
}

.footerQuicklinks {
    flex: 2;
}
.FooterLogoSection {
    flex: 2;
}
.FooterTitle {
    text-align: left;
    margin-left: 42px;
	font-weight:700;
	margin-bottom:20px;
}

.Quicklinks a {
    color: #BCD4D8;
	text-decoration:none;
}
.FooterCTATitle {
    text-align: center;
    font-weight: 400;
}
.FooterSociailMediaIcons {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
input.wpcf7-form-control.wpcf7-text {
    background: #fff;
    padding: 5px 0px;
	padding-left:10px;
	font-size:12px;
    border-radius: 6px;
    margin-bottom: 15px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    background-color: #fff;
    max-height: 3vh;
    padding: 15px 0px;
	font-size:12px;
	padding-left:10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #BCD4D8;
    color: #2A2A2A;
    width: 100%;
    max-height: 9vh;
    padding: 8px;
	box-shadow:none;
	 border-radius: 6px;
     font-weight: 700;
}
.FooterLogoImg {
    max-width: 30% !important;
}
.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top:35px;
}
.ctaContactFormTwo {
    margin-top: 40px;
}
.newsletterFormContent {
    text-align: center;
}
.SubmitBtnWrapper {
    margin-top: -25px;
	display:flex;
	justify-content:center;
}
.SubmitBtnWrapper .newsbtn {
    background: #BCD4D8;
    padding: 5px 25px;
    border-radius: 8px;
	font-weight: 700;
}
.site-info-wrapper {
    display: flex;
    justify-content: center;
	gap:5px;
	font-size:13px;
}
.sitinfoCR::after {
    content: '|';
}
.wpcf7 form.invalid .wpcf7-response-output {
    width: 95%;
    font-size: 9px;
    border-color: #ffb900;
}
.product{
	list-style: none;
}
a.CESURL {
    text-decoration: none;
    color: #404040;
}
/* category */
.categoriesWrapper {
    background: #BDD4D8;
    margin: 0 30px;
    min-width: 20%;
	border-radius:10px;
}
.product_section_wrapper{
	display: flex;
}
.categoriesWrapper{
	padding: 15px;
}
/*writingpage section*/
section.writingpagesection {
    margin-top: 60px;
}
/*singlewriting page*/
.writingpagesubtitle {
    margin-top: 10px;
    font-size: 25px;
    font-weight: 600;
    line-height: 4.9;
}
.writingCardSection.single-post-pg {
    background-color: #fff;
    padding: 20px 20px 40px 20px; 
}	
.postdetails, .posttitle {
	display:none;
}
.singlewritingsection {
    margin-top: 10%;
}
/*my account styles*/
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    display: flex;
    justify-content: center;
}
nav.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: row;
    border: 1px solid #113134;
    flex-wrap: wrap;
    max-width: max-content;
    border-radius: 10px;
    overflow: hidden;
	    padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
nav.woocommerce-MyAccount-navigation ul li {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
nav.woocommerce-MyAccount-navigation ul li a {
    color: #113134;
    padding: 10px 20px;
    text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
    background: #113134;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #BCD4D8;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 60%;
    display: flex;
    flex-direction: column;
    left: 25%;
    position: relative;
    float: none;
}
.woocommerce-account .woocommerce-MyAccount-content a {
    text-decoration: none;
}
a.woocommerce-button.button.view, a.button.wc-forward, a.button {
    background: #113134;
    color: #BCD4D8;
}
form.woocommerce-EditAccountForm.edit-account input {
    border-radius: 10px;
    border: 1px solid #5d5c5c;
    padding: 10px;
}
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
    color: #BCD4D8;
    background: #113134;
    border: 2px solid #113134;
    line-height: 0;
    display: flex;
    height: 31px;
    justify-content: center;
    align-items: center;
    max-width: unset;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    padding: 21px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
}
form.woocommerce-form.woocommerce-form-login.login input {
    border: 1px solid #888;
    border-radius: 10px;
    padding: 10px;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
    width: 100%;
    border: 2px solid #113134;
    border-radius: 10px !important;
    background: #fff;
    text-transform: uppercase;
    color: #113134;
    margin-top: 20px;
}
.woocommerce-LostPassword.lost_password a {
    text-decoration: none;
    color: #000;
}
.cc-compass {
    display: none;
}
/*media query*/

@media  (max-width: 768px){
	header#masthead {
    background: none;
}
	.popuptitle {
		font-size: 30px;
	}
	.popup-products {
		padding:0;
	}
	img.custom-logo {
    margin-top: 1px;
    max-width: 43%;
    background: #113134;
    width: 40%;
    height: auto;
    border-radius: 0;
    padding: 10px;
    overflow: hidden;
}
	button.menu-toggle {
    display: inline-block;
    background: none;
    border: none;
	position: absolute;
    top: 20px;
    right: 120px;
	cursor: pointer;
}
	i.fas.fa-bars {
    font-size: 32px;
    color: #113134;
}
	.menu-main-menu-container {
    position: absolute;
    width: 100%;
    top: 5.6em;
    left: 0;
	}
	.main-navigation.toggled .menu-menu-container {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 80px;
    z-index: -1;
    background: #BCD4D8;
}
.main-navigation.toggled ul {
    line-height: 1.5;
    margin-top: 20px;
    text-align: center;
}
	.main-navigation a {
    text-align: center;
    color: #113134;
    font-weight: 600;
    margin-right: 80px;
}
/*custom page loader for mobile responsive*/
.mobile-custompage-loader {
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(to left, #fffff4 50%, #113134 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999999999999;
    transition: background 1s ease; /* Add transition property for smooth background change */
    justify-content: center;
    align-items: center; 
}
.loaderLeftMobile{
	width: 50%;
	height: 100%;
	    background: #113134;
}
.loaderRightMobile{
	width: 50%;
    height: 100%;
    background: #fffff4;
    display: flex;
    align-items: center;
}
.mobileLoaderLogo{
	width: 150px;
	margin-left: -75px;
	max-width: unset;
}
/* Initial styles for the loader elements */
.loaderLeftMobile, .loaderRightMobile {
    width: 50%;
    transition: width 2s ease-out; /* Adjust the duration and easing as needed */           
}

/* Styles for the animated state */
.loaderLeftMobile.animated {
    width: 100%;
}

.loaderRightMobile.animated {
    width: 0;
}

/* Set initial visibility of mobileLoaderImg to hidden */                                      
.mobileLoaderImg {
    visibility: hidden;
}

.loaderLeftMobile.animated .mobileLoaderImg {
    visibility: visible;  /* Show the image */
    transition: visibility 1s ease;  /* Add transition for smooth visibility change */
}
/* Display the mobileLoaderImg when loaderLeftMobile's width is 100% */
.loaderRightMobile.animated .mobileLoaderLogo {
    margin-left: 0;
	transition: margin 2s ease;
}

/*Homepage Mobile*/
.hero.bannerSection {
    background-size: 248% 91%;
	padding: 50px 0;
	margin-top: -172px;
}
	.bannerContainer {
    display: flex;
    flex-direction: column;
    padding: 0px;
	gap: 10px;
	margin-top:120px;
}
	.singleBannerCard {
    margin-bottom: 10px;
    max-width: 46%;
}
	
	.AboutsectionContainer {
    margin-top: -5px;
}
	.sectionTitle {
    font-size: 40px;
}
	.aboutSection {
    display: flex;
    flex-direction: column;
}
	.aboutSectionContent {
    order: 2;
	 margin-top: -40px;
}
	.aboutSignImage {
    max-width: 25%;
}
.travelSection {
    margin-bottom: 90px;
	margin-top:-50px;
	min-height: 100vh;
}
	.travelImageSection {
    background-size: 98%;
	padding-bottom:10em;
}
	.travelWorldImage {
    max-width: 22%;
}
	.travelWorldImage:nth-child(1) {
    position: absolute;
    top: 0%;
    left: 12%;
}
	.travelWorldImage:nth-child(2) {
    position: absolute;
    top: 0%;
    left: 38%;
}
	.travelWorldImage:nth-child(3) {
    position: absolute;
    top: 8%;
    right: 14%;
}
	.travelWorldImage:nth-child(4) {
    position: absolute;
    top: 29%;
    right: 29%;
}
	.travelWorldImage:nth-child(5) {
    position: absolute;
    left: 19%;
    top: 46%;
}
.travelWorldImage:nth-child(6) {
    position: absolute;
    right: 0%;
    top: 42%;
}
	.travelpopupcard {
    width: 80%;
}

	.popup-products li {
		width:40%;
	}
.popup-products .add_to_cart_button {
    padding: 6px;
    font-weight: 400;
}

	.scrollcontainer {
    float: right;
    width: 50%;
}
.YogacardssectionContainer {
    display: flex;
    gap: 2px;
   margin-bottom: 50px;
    margin-top: 50px;
}
a.YogaSectionCard {
    text-decoration: none;
    position: relative;
    width: 33%;
}
img.YogaCardBtn {
    max-width: 30%;
    position: absolute;
    top:40px;
	left:38px;
}
.yogaCardtext {
    background: #113134;
    color: #BCD4D8;
    min-height: 140px;
    margin-top: -7px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    padding: 25px 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
	.YogaCardHeading {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}
	.YogaCardContent {
    font-size: 11px;
    line-height: 1.4;
}
	.writingsectionContainer {
    display: flex;
    flex-direction: column;
	align-items:center;
    gap: 40px;
}

	.writingCardSection, .writingCardSection.single-post-pg  {
    width: 240px;
    padding: 20px 20px 10px 20px;
}
.writingContentwrapper p {
    text-align: justify; /*for single writing post content*/
}
.popup-content {
    margin-top: 15px;
}
/*shop page mobile styles*/
	h1.woocommerce-products-header__title.page-title {
    text-align: center;
    margin-left: 0;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    margin-right: 11px;
    max-width: 44%;
    padding: 2px;
}

.woocommerce div.product div.images img {
	max-width: 70%;
	}
	.woocommerce div.product {
    margin-top: 50px; 
	}
.woocommerce .woocommerce-breadcrumb {
    padding-top: 0px; 
	}
ul.tabs.wc-tabs {
    display: flex;
}
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
    font-size: 14px;
}
	form.checkout_page_coupon input {
    width: 100%; 
	}
/*hiding pageloader for desktop in mobile*/
	.customLoader-desktop {
    display: none;
}
/*custom page loader for mobile*/

/*offset*/
/* Add this style to adjust for the offset */
:target::before {
    content: "";
    display: block;
    height: 120px; /* Adjust this value based on your header height */
    margin-top: -60px; /* Adjust this value based on your header height */
    visibility: hidden;
}
/*mobile footer*/
	.footer-container {
    flex-direction: column;
		max-width: min-content;
		margin:auto;
		gap: 15px;
		padding-top: 40px;
}
	.FooterTitle {
    text-align: Center;
    margin-left: 0;
		font-size: 13px;
}
	ul.Quicklinks {
    display: flex;
    justify-content: center;
		font-size: 12px;
}
	.footerCTASection::after {
		content:none;
	}
	.footerCTASection {
    flex-direction: column;
		gap:0px;
}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
		width:99%;
	}
	.footerCTASection::before{
		content:none;
	}
	.ctaContactFormOne {
    order: 1;
}
	.ctaContactFormTwo {
    order: 2;
    margin-top: -14px;
}
	.newsletterFormContent {
    font-weight: 600;
		font-size: 13px;
}
	.footerQuicklinks {
    order: 3;
}
	.FooterLogoSection {
    order: 4;
	margin-top: -30px;
}
	img.SocialIcon {
    max-width: 75%;
}
.sitinfoCR::after {
    content: none;
}
.site-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    font-size: 13px;
}
.travelSingleCarousel {
    padding: 8px;
}
}
@media (min-width: 769px) and (max-width: 1147px) {
	.hero {
    background-size: 100% 70%;
    margin-top: -170px;
}
	.bannerContainer {
    margin-top: 50px;
}
	
	.travelImageSection {
	background-size: 91%;
	}
	.travelWorldImage {
		max-width:14%;
	}
	 .travelWorldImage:nth-child(1) {
        top: 6%;
        left: 17%;
    }

    .travelWorldImage:nth-child(2) {
        top: 3%;
        left: 44%;
    }

    .travelWorldImage:nth-child(3) {
        top: 10%;
        right: 21%;
    }

    .travelWorldImage:nth-child(4) {
        top: 34%;
        right: 32%;
    }

    .travelWorldImage:nth-child(5) {
        left: 24%;
        top: 37%;
    }
.travelWorldImage:nth-child(6) {
    right: 4%;
    top: 55%;
}
	.yogaCardtext {
		min-height:15vh;
	}
	img.YogaCardBtn {
    width: 20%;
    position: absolute;
    top: 32%;
    left: 43%;
}
/*scroll  */
	img.wp-post-image {
    margin-left: 10%;
}
	.summary.entry-summary {
    width: 56%;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    max-width: 19%;
}
.popup-content {
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
}
	.writingsectionContainer.homepage {
		gap:10px;
	}
	/*tab footer*/
	.footer-container {
    flex-direction: column;
		max-width: min-content;
		margin:auto;
		gap: 15px;
		padding-top: 40px;
}
	.FooterTitle {
    text-align: Center;
    margin-left: 0;
		font-size: 13px;
}
	ul.Quicklinks {
    display: flex;
    justify-content: center;
		font-size: 12px;
}
	.footerCTASection::after {
		content:none;
	}
	.footerCTASection {
    flex-direction: column;
		gap:0px;
}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
		width:99%;
	}
	.footerCTASection::before{
		content:none;
	}
	.ctaContactFormOne {
    order: 1;
}
	.ctaContactFormTwo {
    order: 2;
    margin-top: -14px;
}
	.newsletterFormContent {
    font-weight: 600;
		font-size: 13px;
}
	.footerQuicklinks {
    order: 3;
}
	.FooterLogoSection {
    order: 4;
	margin-top: -30px;
}
	img.SocialIcon {
    max-width: 75%;
}
.sitinfoCR::after {
    content: none;
}
.site-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    font-size: 13px;
}
}
@media (min-width: 1148px) and (max-width: 1270px) {
    .travelWorldImage:nth-child(1) {
        top: 6%;
        left: 29%;
    }

    .travelWorldImage:nth-child(2) {
        top: 3%;
        left: 48%;
    }

    .travelWorldImage:nth-child(3) {
        top: 9%;
        right: 29%;
    }

    .travelWorldImage:nth-child(4) {
        top: 24%;
        right: 37%;
    }

    .travelWorldImage:nth-child(5) {
        left: 33%;
        top: 36%;
    }
	.travelWorldImage:nth-child(6) {
        top: 24%;
        right: 37%;
    }

.popup-content {
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
}
}

.scrollcontainer {
	overflow:hidden;
}
.scrollImge{
/* 	max-width: 40%; */
}
/* Hide all list items except the first two */
/* .newsTicker li:not(:nth-child(-n+2)) {
    display: none;
} */

/* Hide all images in list items except the first two */
/* .newsTicker li img:not(:nth-child(-n+2)) {
    display: none;
} */
.listimg{
	list-style: none;
}
/* Apply max-width and adjust the height for the second child image */
/* .newsTicker li img.scrollImage:nth-child(2) {
    max-width: 40%;
    height: auto; /* Adjust the height as needed */
    /* Other styles if necessary */
} */
.wrap{
	overflow: hidden;
}
@media (min-width: 1280px) and (max-width: 1440px) {
	.yogaCardtext {
    min-height: 21vh;
		margin-top:-9px;
}
img.YogaCardBtn {
    width: 20%;
    position: absolute;
    top: 29%;
    left: 40%;
}
	.YogaCardHeading {
    padding-top: 16px;
}
}
/* Your existing CSS styles */

/* Mobile Responsive Styles yoga scrolls section */
@media (min-width: 320px) and (max-width: 767px) {
    .newsTicker {
        max-width: 100%;
        overflow-x: auto;
    }

    .newsTicker li {
        display: block;
        width: 100%; /* One column for small screens */
        box-sizing: border-box;
/*         padding: 5px; */
    }

    .scrollImge,
    .scrollImage {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
		margin-bottom: 15px;
    }
	.newsTicker li img.scrollImage:nth-child(2) {
    max-width: 100%;
    height: auto; /* Adjust the height as needed */
    /* Other styles if necessary */
}
	.writingContent, .yogasubHeadingOneContent, .yogasubHeadingContent, .travelSectionContent {
		font-size: 12px;
	}
	
.travelImageSection {
    background-size: 99%;
    padding-bottom: 14em;
}
.travelWorldImage:nth-child(5) {
    position: absolute;
    left: 20%;
    top: 33%;
}
	.aboutSectionContent{
		font-size: 12px;
	}
	.yogasubHeading, .yogasubHeadingOne{
		font-size: 15px;
    line-height: normal;
	}
	.product_section_wrapper {
    display: block;
}
	.categoriesWrapper {
    display: none;
}
	.yogasubHeadingOneContent li {
    line-height: 1.6;
}
}
@media (min-width: 370px) and (max-width: 389px) {
	img.YogaCardBtn {
    max-width: 30%;
    position: absolute;
    top: 45px;
    left: 46px;
}
	.yogaCardtext {
		min-height: 15vh;
	}
}
@media (min-width: 390px) and (max-width: 449px) {
	img.YogaCardBtn {
    max-width: 30%;
    position: absolute;
    top: 49px;
    left: 50px;
}
	.yogaCardtext {
		min-height: 16vh;
	}
	.travelSection {
    margin-bottom: 0;
	margin-top:-50px;
	min-height: 90vh;
}
}
	@media (min-width: 450px) and (max-width: 600px) {
		.travelImageSection {
    background-size: 99%;
    padding-bottom: 20em;
}
.travelWorldImage:nth-child(5) {
    position: absolute;
    left: 20%;
    top: 33%;
}
	.yogaCardtext {
		min-height: 16vh;
	}
img.YogaCardBtn {
    max-width: 30%;
    position: absolute;
    top: 49px;
    left: 50px;
}
	}
	@media (min-width: 601px) and (max-width: 700px) {
		.travelWorldImage {
    max-width: 20%;
}
      .travelImageSection {
     background-size: 99%;
     padding-bottom: 17em;
}
		.travelWorldImage:nth-child(5) {
    position: absolute;
    left: 20%;
    top: 47%;
}
.yogaCardtext {
		min-height: 13vh;
	}
img.YogaCardBtn {
    max-width: 24%;
    position: absolute;
    top: 70px;
    left: 70px;
}
		.YogaCardHeading {
    font-size: 13px; 
		}
	}