:root {
    --main-white: #f6f5f5;
    --main-white-two: #fcfeff;
    --main-black: #050504;
    --main-green: #a8be98;
    --main-dark-green: #51be00;
}

.error {
    color: red;
}

.header-banner img {
    border: 3px solid var(--main-green);
    padding: 10px;
}

.navbar-brand img {
    max-height: 100% !important;
    filter: unset;
}

.navbar-default {
    background-color: var(--main-black);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: var(--main-green) !important;
}

.navbar-default .navbar-nav>li>a {
    color: var(--main-dark-green) !important;
}

.navbar-brand {
    height: 90px;
}

@media (max-width: 767px) {
    .slicknav_icon-bar {
        background: var(--main-dark-green) !important;
	}
}

@media (min-width: 768px) {
	
    #main-nav>.container {
        display: flex !important;
        align-items: center !important;
	}
	
    #navigation {
        /* display: flex !important;
		align-items: center !important; */
        margin-left: auto;
	}
	
    #main-menu {
        margin-left: auto;
	}
}

.about-desc h2 span {
    color: var(--main-dark-green);
}

.about-desc p {
    text-align: justify;
}

.btn-custom {
    background: var(--main-dark-green);
}

.whatdoyou-body h3 {
    color: var(--main-dark-green);
}

.whatdoyou-body p {
    color: var(--main-black);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}

.whatdoyou-body .btn-custom:hover {
    background: var(--main-dark-green);
}

.whatdoyou-body .btn-custom {
    color: var(--main-white);
}

.whatdoyou-heading .btn-custom {
    background: var(--main-dark-green);
    color: var(--main-white);
}

.what-do-you:before {
    background: var(--main-green);
    opacity: 0.5;
}

.main-title h2:before {
    background: var(--main-dark-green) !important;
}

.main-title h2:after {
    background: var(--main-dark-green) !important;
}

.main-title:after {
    color: var(--main-dark-green);
}

.service-box h3 {
    color: var(--main-dark-green);
}

.service-box .icon-box {
    color: var(--main-dark-green);
}

.contact-box {
    border-color: var(--main-green);
}

.footer-social a {
    background-color: var(--main-dark-green);
}

/* owl carousel */
.owl-test-carousel .owl-nav button.owl-prev {
	
    background: #fff;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    top: 35%;
	
	
}

.owl-test-carousel .owl-nav button.owl-prev span {
    font-size: 3rem !important;
}

.owl-test-carousel .owl-nav button.owl-next {
    background: #fff;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    right: 0px;
    top: 35%;
	
}

.owl-test-carousel .owl-nav button.owl-next span {
    font-size: 3rem !important;
	
}

.owl-test-carousel {
    /* width: auto; */
}

.owl-test-carousel .owl-item img {
    width: 100%;
    height: auto;
}

.owl-item.active a {
    background: var(--main-black) !important;
    color: var(--main-white) !important;
}

.owl-item.active a:hover {
    background: var(--main-dark-green) !important;
    color: var(--main-white) !important;
}


.owl-test-carousel .owl-nav.disabled {
    display: block;
}

.owl-test-carousel .owl-nav button.owl-prev {
    background: #ffffff00;
}

.owl-test-carousel .owl-nav button.owl-next {
    background: #ffffff00;
    right: 0px;
}

.owl-test-carousel .owl-nav button.owl-prev span {
    font-size: 6rem !important;
}

.owl-test-carousel .owl-nav button.owl-next span {
    font-size: 6rem !important;
}

/* end owl carousel */

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: unset;
    color: var(--main-dark-green) !important;
}

.preloader {
    background: var(--main-black) !important;
}

/* .preloader img {
    filter: brightness(0) invert(1);
} */



.navbar-default .navbar-nav>li>a:hover {
    color: var(--main-green) !important;
}

@media (min-width: 769px) {
	
    .dropdown-menu>li>a {
        color: var(--main-dark-green) !important;
	}
	
    .dropdown-menu>li>a:hover {
        background-color: var(--main-dark-green) !important;
        color: var(--main-white) !important;
	}
	
    /* Open first-level dropdown on hover */
    .navbar-nav>li.dropdown:hover>.dropdown-menu {
        display: block;
	}
	
    /* Submenu position */
    .dropdown-submenu {
        position: relative;
	}
	
    /* Show submenu on hover */
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
	}
	
    /* Place submenu to the right */
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
	}
	
    /* Arrow for submenu */
    .dropdown-submenu>a:after {
        content: " ";
        float: right;
        border-left: 5px solid #ccc;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        margin-top: 6px;
	}
}

.custom-sticky-header {
    top: 0;
    position: relative;
}

.custom-sticky-header.sticky-header {
    position: fixed;
    z-index: 9999;
}

@media (max-width: 768px) {
    .header-banner {
        top: 30px;
	}
	
    .slicknav_menu ul {
        background: var(--main-black) !important;
        height: 100vh;
	}
	
    .slicknav_menu .active a {
        color: var(--main-green) !important;
	}
	
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover {
        color: var(--main-green) !important;
	}
	
    .dropdown-menu>li>a {
        color: var(--main-green) !important;
	}
	
    .dropdown-menu>li>a:hover {
        background-color: var(--main-green) !important;
        color: var(--main-white) !important;
	}
}

/* 
	.owl-stage {
    background: green !important;
    width: 100px !important;
    height: 100px !important;
    transform: unset !important
	}
	
	.owl-test-carousel .owl-stage-outer{
    background: red !important;
} */

/* home banner */
.banner {
    width: 100%;
    height: 500px;
    /* change as needed */
    background-size: cover;
    background-position: center;
    position: relative;
    transition: background 0.5s ease-in-out;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 30px;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
}

.left-btn {
    left: 10px;
    z-index: 9;
}

.right-btn {
    right: 10px;
    z-index: 9;
}

/* eend home banner */

/* inner banner */
.inner-banner {
    width: 100%;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.inner-banner .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    /* dark overlay */
}

.inner-banner .container {
    position: relative;
    z-index: 2;
    /* above overlay */
}

.inner-title {
    color: var(--main-white);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

.breadcrumb {
    background: transparent !important;
    margin: 0;
}

.breadcrumb>li,
.breadcrumb>li>a {
    color: var(--main-white);
}

.breadcrumb>.active {
    color: var(--main-green);
}

/* carousel */
.banner-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center !important;
    width: 100%;
}

.carousel .item img {
    width: 100%;
    height: 500px;
    /* adjust as needed */
    object-fit: cover;
}

.banner-caption h2 {
    font-size: 35px;
    color: var(--main-white);
    line-height: 1.5em;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

.banner-caption p {
	color: var(--main-dark-green);
}

.banner-caption .btn-custom {
    background: var(--main-dark-green) !important;
    color: var(--main-white) !important;
    width: fit-content;
    margin: auto;
}

.banner-caption .btn-custom:hover {
    background: var(--main-black) !important;
    color: var(--main-white) !important;
}

/* end carousel */

/* service page */
.service-page .service-item {
    /* border-radius: 200px; */
    padding: 10px 50px;
    margin-bottom: 40px;
    overflow: hidden;
}

.service-page .curve-left {
    /* background: radial-gradient(circle at left, #dfdddd 40%, #f6f5f5 90%); */
}

.service-page .curve-right {
    /* background: radial-gradient(circle at right, #dfdddd 40%, #f6f5f5 90%); */
}

@media (max-width: 767px) {
    .service-page .service-item {
        border-radius: 30px;
        text-align: center;
	}
	
    .service-page img.img-circle {
        width: 250px;
        height: 250px;
        object-fit: cover;
	}
	
    .service-page .service-item .row {
        display: block !important;
	}
	
    .service-page .service-item .text-right {
        text-align: center !important;
	}
}

.service-page #service-section {
    background: var(--main-white);
}

.service-page .service-item .title {
    font-size: 24px;
    font-weight: 600;
	
    color: var(--main-dark-green);
}

.service-page .service-item p {
    font-size: 16px;
    color: var(--main-black);
    text-align: justify;
}

.service-page .img-circle {
    border-radius: unset;
}

/* end service page */

/* for banner animation */
.banner-caption .anim {
    opacity: 0;
    transition: all .8s ease;
}

.banner-caption .fade-up {
    transform: translateY(40px);
}

.banner-caption .fade-up.show {
    opacity: 1;
    transform: translateY(0);
}

.banner-caption .fade-down {
    transform: translateY(-40px);
}

.banner-caption .fade-down.show {
    opacity: 1;
    transform: translateY(0);
}

.banner-caption .fade-right {
    transform: translateX(-40px);
}

.banner-caption .fade-right.show {
    opacity: 1;
    transform: translateX(0);
}

.banner-caption .fade-left {
    transform: translateX(40px);
}

.banner-caption .fade-left.show {
    opacity: 1;
    transform: translateX(0);
}

/* Optional delay effects */
.banner-caption .fade-up {
    transition-delay: .1s;
}

.banner-caption .fade-down {
    transition-delay: .3s;
}

.banner-caption .fade-right {
    transition-delay: .5s;
}

.banner-caption .fade-left {
    transition-delay: .7s;
}



.carousel-caption.banner-caption.left-align {
    text-align: left !important;
    padding-left: 30px;
}

.carousel-caption.banner-caption.left-align .btn-custom {
    margin-left: 0 !important;
}

.carousel-caption.banner-caption.right-align {
    text-align: right !important;
    padding-right: 30px;
}

.carousel-caption.banner-caption.right-align .btn-custom {
    margin-right: 0 !important;
}

@media (max-width: 767px) {
	.carousel-caption.banner-caption.right-align {
		text-align: center !important;
	}
	.carousel-caption.banner-caption.right-align .btn-custom {
		margin: auto !important;
	}
}

/* end for banner animation */

/* gallery page */
.gallery-box figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.modal-backdrop.in {
    z-index: 9999;
}

.modal-open .modal {
    z-index: 99999;
}

#gallery-product,
#gallery-makeup,
#gallery-pedicure,
#gallery-hair {
    scroll-margin-top: 100px;
    /* adjust as needed */
}

.gallery-box {
    border: 5px solid var(--main-green);
    /* border-left: unset;
	border-bottom: unset; */
}

/* .gallery .row a:first-child .gallery-box {
    border-left: 5px solid var(--main-green);
} */

/* .gallery > div > .row:last-child .gallery-box {
    border-bottom: 5px solid var(--main-green);
} */

.gallery [data-gallery="example-gallery"] {
	padding: 0px;
}
/* end gallery page */

/* footer */
.footer-social {
    text-align: left;
    margin-bottom: 0px;
}

.footer-social a {
    text-align: center;
}

footer h4 {
    font-size: 17px;
    color: var(--main-dark-green);
}

footer .confactinfo i {
    color: var(--main-dark-green);
}
/* end footer */

/* contact page */
.contact-box .contact-info i {
    color: var(--main-dark-green);
}
/* end contact page */

/* header button */
.btn-header {
	display: inline-block;
    background: var(--main-dark-green);
    
    text-transform: uppercase;
    letter-spacing: 0.12em !important;
    font-size: 15px !important;
    padding: 14px 40px;
    font-weight: 500 !important;
    min-width: 150px;
    text-align: center;
    transition: all 0.4s;
    border-radius: 40px;
}
.navbar-default .navbar-nav>li>a.btn-header{
	color: var(--main-white) !important;
}

.navbar-default .navbar-nav>li>a.btn-header:hover{
	border: 1px solid var(--main-dark-green);
	color: var(--main-dark-green) !important;
}
/* end header button */

/* service row aalign moobile*/

/* mobile only */
@media (max-width: 767px){
	.service-page .service-item .row.service-row{
		display: flex !important;
		align-items: center;
	}
    .service-page .service-item .row.service-row{
        flex-direction: column-reverse;
	}
}
/* end service row aalign moobile*/