/*html{
scroll-behavior: smooth;
}*/

body{
	font-family: 'Lato', sans-serif !important;
	font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    background: #ffffff;
    letter-spacing: 1px !important;
}

.scroll-snap {
  scroll-snap-type: y mandatory;
  scroll-snap-type: mandatory;
  overflow-y: scroll;
  height: 100vh;
  scroll-snap-points-y: repeat(10px);
}

.snapped {
  scroll-snap-align: center;
  height: 100vh;
  overflow: hidden;
}

video{
    user-select: none !important;
}

button:focus{
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;
}

a{
    font-family: 'Quicksand', sans-serif !important;
    text-decoration: none !important;
    user-select: none !important;
}

.modal {
    z-index: 9999999 !important;
}

h1{
    font-weight: 900 !important;
}

input:focus{
	outline: 0;
	border:none;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%) !important;
}

select:focus{
    outline: 0;
    border:none;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%) !important;
}

input[type="datetime-local" i] {
    color: #888888;
}

.pd-10 {
    padding: 10%;
}


/*preloader*/

button:focus{
  outline: none;
}

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 99999999;
   animation-name: headerAnimate;
   animation-duration: 3s;
   background: #000000d9;
   animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
   animation-iteration-count: infinite;
}

.loaderANIMATE {
    position: fixed;
    transform: scale(.2);
    -webkit-transform: scale(.2);
    width: 100%;
    height: 100%;
    top: 3em;
}

.logoANIME-Preloader {
    width: 320px;
    height: 320px;
    margin: 0 auto;
    background: transparent;
    position: relative;
}

.loader-box {
    width: 100%;
    position: relative;
    margin-left: 2em;
}

.loaderOverlay {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    animation-name: leafAnimate;
   animation-duration: 6s;
   animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
   animation-iteration-count: infinite;
}

@keyframes leafAnimate{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}

span.leaf {
    width: 150px;
    display: block;
    height: 150px;
    background: #c5eb18;
    animation-duration: 3s;
}




span.leaf.leaf-top-left {
    border-radius: 0em 7em 7em 7em;
    animation-name: topLeftAnimate;
   animation-duration: 3s;
   animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
   animation-iteration-count: infinite;
}

@keyframes topLeftAnimate{
   0%{border-radius: 0em 7em 7em 7em;}
   25%{border-radius: 7em 0em 7em 7em;}
   50%{border-radius: 7em 7em 0em 7em;}
   75%{border-radius: 7em 7em 7em 0em;}
   100%{border-radius: 0em 7em 7em 7em;}
}

span.leaf.leaf-top-right {
    border-radius: 7em 0em 7em 7em;
    animation-name: topRightAnimate;
   animation-duration: 3s;
   animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
   animation-iteration-count: infinite;
}

@keyframes topRightAnimate{
   0%{border-radius: 7em 0em 7em 7em;}
   25%{border-radius: 7em 7em 0em 7em;}
   50%{border-radius: 7em 7em 7em 0em;}
   75%{border-radius: 0em 7em 7em 7em;}
   100%{border-radius: 7em 0em 7em 7em;}
}

span.leaf.leaf-bot-left {
    border-radius: 7em 7em 7em 0em;
    animation-name: botLeftAnimate;
   animation-duration: 3s;
   animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
   animation-iteration-count: infinite;
}

@keyframes botLeftAnimate{
   0%{border-radius: 7em 7em 7em 0em;}
   25%{border-radius: 0em 7em 7em 7em;}
   50%{border-radius: 7em 0em 7em 7em;}
   75%{border-radius: 7em 7em 0em 7em;}
   100%{border-radius: 7em 7em 7em 0em;}
}

span.leaf.leaf-bot-right {
    border-radius: 7em 7em 0em 7em;
    animation-name: botRightAnimate;
   animation-duration: 3s;
   animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
   animation-iteration-count: infinite;
}

@keyframes botRightAnimate{
   0%{border-radius: 7em 7em 0em 7em;}
   25%{border-radius: 7em 7em 7em 0em;}
   50%{border-radius: 0em 7em 7em 7em;}
   75%{border-radius: 7em 0em 7em 7em;}
   100%{border-radius: 7em 7em 0em 7em;}
}




.logoImgBox img {
    width: 7em;
    top: 19px;
    left: 19px;
    position: absolute;
}

/*user selection*/
::-moz-selection { color: black;}
::selection { color: black; }
::-moz-selection { background: #c5eb18; }
::selection { background: #c5eb18; }


/*header*/

#headerSEC {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;    
    transition: all .3s ease-in-out;
}

.header {
    width: 100%;
    height: 100px;
    display: inline-flex;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0em 1%;
    transition: all .3s ease-in-out;
    background: transparent;
    height: auto;
}

.menu-bars {
    display: none;
    width: 40px;
    height: 60px;
    padding-top: .6em;
    position: absolute;
    right: 3em;
    z-index: 999;
    transition: all .4s ease-in-out;
}

#closeMenu{
	display: none;
	z-index: 9999;
}

span.bar {
    width: 81%;
    height: 2px;
    background: #fcd23e;
    display: block;
    margin-top: .6em;
    transition: all .3s ease-in-out;
}

div#accordionServices .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #ffffff38;
}

div#accordionServices button.accordion-button {
    text-align: left;
    padding: 0;
    border: none;
}

div#accordionServices .accordion-button::after{
    margin-right: 1em;
}

.logo {
    max-height: 100px;
    width: auto;
    padding: .5em;
    text-align: center;
}

.logo img {
    max-height: 50px;
    transition: all .3s ease-in-out;
}

.logo span {
    font-weight: 900;
    color: white;
    text-align: left;
    font-size: 2em;
    float: right;
    position: absolute;
    padding: 0em .5em;
    top: 13px;
    font-style: italic;
}

.navigation {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    height: 2em;
}

.desktopHeader .navigation .navLink {
    padding: .5em 1em;
    color: #c5eb18;
    background: #00000085;
    font-weight: 600;
    border-radius: 2em 0em 2em 0em;
    margin-top: 0px;
    display: inline-block;
    transition: all .5s ease-in-out;
}

.desktopHeader .navigation .navLink:hover {
    color: #ffffff;
    background: #a7c51e;
    border-radius: 0em 2em 0em 2em;
    transition: all .5s ease-in-out;
}

.desktopHeader .navigation .navLink i{
    opacity: 0;
    color: #ffffff;
    padding-right: .3em;
    transition: all .5s ease-in-out;
}

.desktopHeader .navLink:hover i{
    opacity: 1;
    color: #ffffff;
    transition: all .5s ease-in-out;
}

.navbutton {
    width: 6em;
    text-align: center;
    display: inline-block;
    padding: .3em .6em;
    border-radius: 2em;
    cursor: pointer;
    transition: all .5s ease-in-out;
}



.navbutton.solid{
    background: rgb(12,171,255);
    background: -moz-linear-gradient(240deg, rgba(12,171,255,1) 0%, rgba(0,24,255,1) 100%);
    background: -webkit-linear-gradient(240deg, rgba(12,171,255,1) 0%, rgba(0,24,255,1) 100%);
    background: linear-gradient(240deg, rgba(12,171,255,1) 0%, rgba(0,24,255,1) 100%);
    border: 1px solid #0cabff;
    color: white;
    margin-right: .7em;
    transition: all .5s ease-in-out;
}

.navbutton.solid:hover{
    filter: drop-shadow(2px 2px 4px #00000040);
    border:1px solid white;
    color: white !important;
    transition: all .5s ease-in-out;
}

.navbutton.outline{
    border: 1px solid #0cabff;
    color: #0cabff;
    background: white;
    margin-right: .7em;
}


.navbutton.outline:hover{
    filter: drop-shadow(2px 2px 4px #00000040);
    border:1px solid white;
    color: #0cabff !important;
    transition: all .5s ease-in-out;
}
.dropdown-box {
    display: inline-block;
    width: fit-content;
    position: relative;
    height: 3.5em
}

.dropdown-box .hovered-menu {
    position: absolute;
    top: 3.1em;
    right: -30px;
    padding: 0px 0px;
    min-width: 300px;
    background: #ffffff;
    filter: drop-shadow(0px 5px 8px #00000030);
    height: auto;
    z-index: 9;
    border-top: 5px solid #000066;
    display: none;
}


.dropdown-box2 {
    display: inline-block;
    width: fit-content;
    position: relative;
    height: 3.5em
}

.dropdown-box2 .hovered-menu2 {
    position: absolute;
    top: 3.1em;
    right: -30px;
    padding: 0px 0px;
    min-width: 300px;
    background: #ffffff;
    filter: drop-shadow(0px 5px 8px #00000030);
    height: auto;
    z-index: 9;
    border-top: 5px solid #000066;
    display: none;
}

.hovered-menu .float-left {
    max-width: 230px;
    float: left;
}

.hovered-menu .float-right {
    max-width: 230px;
    float: right;
}

.hovered-menu2 .float-left {
    max-width: 230px;
    float: left;
}

.hovered-menu2 .float-right {
    max-width: 230px;
    float: right;
}

.dropdown-box:hover .hovered-menu{
    display: block;
}

.dropdown-box2:hover .hovered-menu2{
    display: block;
}

.hovered-menu a.navLink {
    color: #000066;
    width: 100%;
    text-align: left;
    display: block;
    padding: 1em 1em;
    font-weight: 600;
    font-size: .8em;
    border-bottom: 1px solid #afafaf47;
}

.hovered-menu2 a.navLink {
    color: #000066;
    width: 100%;
    text-align: left;
    display: block;
    padding: 1em 1em;
    font-weight: 600;
    font-size: .8em;
    border-bottom: 1px solid #afafaf47;
}

.hovered-menu a.navLink:hover {
    color: #ffffff;
    background: #000066;
    border-bottom: 1px solid #e2e2e2;
}

.hovered-menu2 a.navLink:hover {
    color: #ffffff;
    background: #000066;
    border-bottom: 1px solid #e2e2e2;
}

.navigation-mob p.copyrightP {
    text-align: center;
    font-size: .9em;
    padding: 1em;
    margin-top: 3em;
}

.navigation-mob p.copyrightP a {
    color: #262626;
    font-weight: 900;
}

/*submenu*/

div#sub-menu {
    position: fixed;
    top: 0;
    left: -110%;
    background: #272727;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 3em 1em;
    transition: all .3s ease-in-out;
}

div#sub-menu i.fa.fa-arrow-left {
    padding: 1em;
    color: #0086ff;
    font-size: 1.5em;
    position: fixed;
    left: -110%;
    top: 0;
    background: #272727;
    border-bottom-right-radius: 2em;
    transition: all .3s ease-in-out;
}

/*nav mob*/


.navigation-mob {
    display: inline-block;
    width: 85%;
    height: 100%;
    position: fixed;
    z-index: 88;
    padding: 2em 1em;
    padding-top: 5em;
    border-left: 3px solid #ffffff82;
    border-radius: 1em 0em 0em 1em;
    background: rgba(252,210,62,95%);
background: -moz-linear-gradient(225deg, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
background: -webkit-linear-gradient(225deg, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
background: linear-gradient(225deg, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcd23e",endColorstr="#a7c518",GradientType=1);
    top: 0;
    right: 0;
    overflow: auto;
    transform: translateX(110%);
    transition: all .3s ease-in-out;
}

button.accordion-button.collapsed::after {
    background-color: #ffffff8a;
    border-radius: 3px;
}

.navigation-mob .navLink {    
    color: #000000;
    font-weight: 900;
    font-size: 1.2em;
    background: transparent;    
    border-radius: 5px;
    width: 100%;
    padding: 1em;
    display: block;
    border-bottom: 1px solid #ffffff47;
    transition: all .3s ease-in-out;
}

.navigation-mob .navLink:hover{
    color: #d7c831;
    font-weight: 900;
    font-size: 1.2em;
    background: #000000b5;
    padding-left: 1.5em;;
    transition: all .3s ease-in-out;
}
span#bar1 {
    margin-top: 5px;
}

.navigation-mob .logo {
    padding: 1em 0em;
}

.navigation-mob .navbutton {
    display: inline-table;
    width: 100%;
    margin: .5em 0em;
}

#open-menu {
    width: 55px;
    height: 45px;
    background: transparent;
    position: fixed;
    right: 0;
    top: 8px;
    padding: 6px 8px;
    z-index: 98;
    transition: all .3s ease-in-out;
}

div#open-menu:after {
    content: '';
    display: block;
    position: fixed;
    right: -400px;
    top: -400px;
    z-index: -2;
    width: 250px;
    height: 250px;
    background:#0000005c;
    border-radius: 50%;
    transition: all 0s ease-in-out;
}

div#open-menu:hover:after {
    right: -100px;
    top: -100px;
    transition: all .3s ease-in-out;
}


#close-menu {
    width: 55px;
    height: 45px;
    background: transparent;
    position: fixed;
    right: 0;
    top: 8px;
    padding: 10px;
    z-index: 97;
    transition: all .5s ease-in-out;
}

div#mobileNav i {
    padding-right: 1em;
}
.bar {
    width: 30px;
    height: 2px;
    background: #585858;
    display: block;
    border-radius: 3px;
    margin-top: 5px;
    transition: all .8s ease-in-out;
}

/*carousel*/

div#homepageSlider .carousel-caption {
    
    padding: 10% 5%;
    top:200px;
    z-index: 1;
    text-align: left;
    width: 100%;
    left: 0;
    user-select: none;
}

div#homepageSlider .carousel-caption a {
    margin: 1em auto;
}

div#homepageSlider .carousel-caption h1 {
    color: #ffffff;
    font-weight: 900;
    font-size: 4em;
}

div#homepageSlider .carousel-caption p {
    color: #232323;
    font-weight: 900;
    filter: drop-shadow(0px 0px 10px white);
}

a.carousel-control-prev i {
    padding: 1em 1.2em;
    border-radius: 4em;
       color: #3e3e3e;
    font-size: 2em;
}

a.carousel-control-next i {
    padding: 1em 1.2em;
    border-radius: 4em;
        color: #3e3e3e;
    font-size: 2em;
}

div#homepageSlider video {
    opacity: .8;
    width: 100%;
    height: auto;
}

div#homepageSlider {
    background: rgb(131,58,180);
    background: -moz-linear-gradient(225deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    background: -webkit-linear-gradient(
225deg
, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    background: linear-gradient(
225deg
, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#833ab4",endColorstr="#fcb045",GradientType=1);
}

div#homepageSlider .carousel-inner {
    height: 100vh;
}

div#homepageSlider .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 2em;
    left: auto;
    width: 6.3em;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}

.carousel-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: .5em 1em;
    z-index: 2;
}

div#homepageSlider .carousel-caption h3 {
    color: #a7c51e;
    font-weight: 900;
    font-family: serif;
    font-size: 2.5em;
    margin-top: 15px;
}

.carousel-controls a {
    color: white;
    width: 2em;
    height: 2em;
    border: 1px solid white;
    display: inline-block;
    text-align: center;
    padding: 3px;
    border-radius: 1em;
}


div#homepageSlider h5 {
    font-size: 2.5em;
    font-weight: 900;
    filter: drop-shadow(2px 4px 6px #00000070);
}

.carousel-item::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
   opacity: .4;
    background: rgb(130,251,63);
    background: -moz-radial-gradient(circle, rgba(130,251,63,0.13209033613445376) 0%, rgba(0,0,0,0.804359243697479) 100%);
    background: -webkit-radial-gradient(circle, rgba(130,251,63,0.13209033613445376) 0%, rgba(0,0,0,0.804359243697479) 100%);
    background: radial-gradient(circle, rgba(130,251,63,0.13209033613445376) 0%, rgba(0,0,0,0.804359243697479) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#82fb3f",endColorstr="#000000",GradientType=1);
}

.carousel-item.active::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
   opacity: .4;
    background: rgb(130,251,63);
    background: -moz-radial-gradient(circle, rgba(130,251,63,0.13209033613445376) 0%, rgba(0,0,0,0.804359243697479) 100%);
    background: -webkit-radial-gradient(circle, rgba(130,251,63,0.13209033613445376) 0%, rgba(0,0,0,0.804359243697479) 100%);
    background: radial-gradient(circle, rgba(130,251,63,0.13209033613445376) 0%, rgba(0,0,0,0.804359243697479) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#82fb3f",endColorstr="#000000",GradientType=1);
}

ol.carousel-indicators li {
    width: 1em;
    height: 1em;
    border: none;
    border-radius: 1em;
}

/*top header*/

div#topHeader {
    padding: .5em 5%;
    transform: scale(1);
    transition: all .5s ease-in-out;
    background: #ebebeb;
    text-align: center;
    font-size: .8em;
    word-spacing: 1em;
    transform-origin: top;
}

div#topHeader a {
    color: #272727;
    padding: 0 .5em;
}

/*footer*/

div#footer {
    background-color: #000000c7;
    padding: 1em;
    padding-bottom: 0;
    position: relative;
    background-image: url(images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    background-blend-mode: multiply;
}

.footer-section.social a {
    padding: .5em;
    color: #a7c51e;
}

.backTotop a {
    color: #202020;
    background: rgba(252,210,62,95%);
background: -moz-linear-gradient(225deg, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
background: -webkit-linear-gradient(225deg, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
background: linear-gradient(225deg, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcd23e",endColorstr="#a7c518",GradientType=1);
    padding: .5em;
    margin: 1em auto;
    margin-bottom: 0;
    display: block;
    width: 3em;
    border-radius: 22px 22px 0px 0px;
}

div#copyright {
    background: rgba(252,210,62,95%);
    background: -moz-linear-gradient(225deg, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
    background: -webkit-linear-gradient(
225deg
, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
    background: linear-gradient(
225deg
, rgba(252,210,62,95%) 5%, rgba(167,197,24,95%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcd23e",endColorstr="#a7c518",GradientType=1);
    color: #202020;
    position: absolute;
    left: 0;
    bottom: 0;
}

div#copyright p {
    padding: 1em;
    margin: 0;
    font-size: .8em;
}

div#copyright a {
    color: #202020;
    font-weight: 900;
}

.navigation-mob .footer-section.social a {
    padding: .5em;
    color: #222222;
    transition: all .2s ease-in-out;
}

.navigation-mob .footer-section.social a:hover i {
    transform: scale(1.5);
    transition: all .2s ease-in-out;
}

.navigation-mob .footer-section.social {
    padding: 10px;
    text-align: center;
}


/*about*/

.about-sec {
    min-height: 100vh;
    background-image: url(images/about-sec-bg.jpg);
    background-color: #000000d4;
    background-blend-mode: multiply;
    background-size: cover;
    padding: 10% 5%;
    background-repeat: no-repeat;
    background-position: right top;
}
.about-sec a {
    color: #a7c51a;
}
.about-sec h2 {
    color: #c4e526;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 10px;
}

.about-sec h1 {
    font-weight: 900;
    color: white;
    font-family: serif;
}

.about-sec p {
    color: #c4c4c4;
    font-size: 15px;
    max-width: 600px;
    margin: 0;
    padding-left: 1em;
    border-left: 1px solid;
    font-weight: 700;
}
.greenLeaf {
    padding: 1em;
    color: white;
    font-weight: 900;
    background: #a7c51e;
    margin: 1em 0;
    display: block;
    border: none;
    text-align: center;
    width: 100%;
    max-width: 10em;
    border-radius: 2em 0em 2em 0em;
    transition: all .3s ease-in-out;
}

.greenLeaf:hover {
    border-radius: 0em 2em 0em 2em;
    background: #ffffffd6;
    color: #1b1b1b;
    transition: all .3s ease-in-out;
}

.min-circle {
    display: inline-block;
    width: 30%;
    text-align: center;
    user-select: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.min-circle:hover {
    transform: scale(1.2);
    transform-origin: center;
    transition: all .3s ease-in-out;
}

.min-circle h1 {
    font-size: 1.4em;
    margin-top: 20vh;
    color: #ffffff;
}

/*hair-sec*/

.hair-sec {
    overflow: hidden;
    padding: 0;
    height: 100vh;
    background-color:#000000ad;
    background-image: url('images/hair-sec-bg.jpg');
    background-size: cover;
    background-position: right center;
    background-blend-mode: multiply;
}

.hair-right{
    padding: 10% 5%
}

.hair-right h1 {
    color: white;
    font-family: serif;
}

.hair-right img {
    width: 100%;
    max-width: 400px;
    padding: 1em;
}

.hair-right a.greenLeaf {
    max-width: 250px;
    margin: 1em auto;
}

.hair-right h3 {
    color: #c4e526;
    font-style: italic;
}

.styled {
    font-size: 3em;
    font-family: 'Lato', sans-serif;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: white;
    color: #00000033;
}

/*contact form*/

.contact-form label {
    color: #a7c51e;
    font-weight: 900;
    margin-top: 1em;
}

input.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff82;
    border-radius: 0;
    color:white;
}

select.form-select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff82;
    border-radius: 0;
}

.form-select{    
    color: #959595; 
}

textarea.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff82;
    border-radius: 0;
}

.contact-form {
    max-width: 600px;
    margin: 1em auto;
}

.modal{
    z-index: 9999;
}

.modal-dialog {
    width: 100%;
    max-width: 700px;
    height: 100% !important;
    margin: 0;
    float: right;
}

.modal-content {
    border-radius: 0;
    padding: 1em 5%;
    background-color: #262626;
}

.modal-header {
    color: white;
    border-bottom: 10px solid #a7c51e;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    display: inline-flex;
}

.modal-footer{
    display: none;
}

.modal-body {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    display: block;
}

.modal-header button.btn-close {
    background-color: #a7c51e !important;
    opacity: 1;
}

div#testimonialSlider{
    color: white;
}


div#testimonialSlider .carousel-item {
    padding: 1em 5%;
    text-align: left;
}

div#testimonialSlider .carousel-item.active {
    padding: 1em 5%;
    text-align: left;
}

div#testimonialSlider .carousel-item.active::before{
    display: none;
}

div#testimonialSlider .carousel-item::before{
    display: none;
}

div#testimonialSlider .carousel-control-prev {
    left: -20px;
    opacity: 1;
}

div#testimonialSlider .carousel-control-next {
    right: -20px;
    opacity: 1;
}

div#testimonialSlider ol.carousel-indicators li {
    background: #a7c51e;
    transform: scale(.5);
}

.section-heading {
    color: white;
    font-family: serif;
    padding: 1em;
    padding-bottom: 10px;
    margin-top: 2em;
}

div#testimonialSlider .section-heading {
    color: white;
    font-family: serif;
    padding: 1em;
}

div#testimonialSlider ol.carousel-indicators {
    margin-left: 0;
    left: 5%;
    right: auto;
    bottom: -2em;
}

.stars i {
    color: #ffbb00;
}

.footer-section.social {
    padding: 7px;
}

img.reviewer {
    max-width: 80px;
    margin: 10px 0;
}

div#snappedIndex {
    position: fixed;
    bottom: 40%;
    right: 10px;
    z-index: 3;
}

a.list-group-item.active {
    border-radius: 50%;
    color: black;
    background: #c4e526;
    transition: all .2s ease-in-out
}

a.list-group-item {
    font-size: .7em;
    width: 2em;
    padding: 3px 8px;
    font-weight: 900;
    text-align: center;
    background: transparent;
    border: none;
    color: #ffffff96;
    transition: all .2s ease-in-out
}

a.list-group-item:hover{
    border-radius: 50%;
}

/*baa*/

.baa .hair-right {
    padding: 5% 5%;
    padding-top: 8em;
}

.baa .hair-left h1 {
    position: absolute;
    top: 4em;
    padding: 1em;
    color: white;
    filter: drop-shadow(5px 5px 0px #00000060);
}

.only-mob{
    display: none;
}

.baa{
    height: auto !important;
}


.gallery img {
    width: auto;
    max-height: 100vh;
    margin: 0 auto;
    display: block;
    padding: 1em;
}

.gallery ol.carousel-indicators li {
  display: none;
}

.gallery .carousel-controls {
    display: block;
    bottom: 3em;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

a.whatsapp {
    position: fixed;
    top: 4px;
    right: 72px;
    padding: 0 3px;
    background: #ffffff00;
    z-index: 999999;
    font-size: 2em;
    color: #c5eb18;
    border-radius: 2em;
    transition: all .3s ease-in-out;
}

a.whatsapp:hover{
    color: white;
    transition: all .2s ease-in-out;
}


div#disclaimerBoxOuter {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #c4e526;
    max-width: 200px;
    padding: 10px;
    z-index: 9999999;
    border-radius: 1em;
    user-select: none;
    filter: drop-shadow(2px 4px 6px #00000070);
}

div#disclaimerBox {
    position: relative;
}


div#disclaimerBox a.red-btn {
    position: absolute;
    left: 71px;
    top: -33px;
    background: #202020;
    font-size: 1.5em;
    padding: 4px 14px;
    border-radius: 3em;
    color: #c4e526;
}

.discontent h1 {
    font-size: 4em;
    color: black;
    text-align: center;
    font-family: serif;
    padding: 10px 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 10px solid #fff938;
}
.discontent h4 {
    font-size: 1.2em;
    font-weight: 900;
    background: #000000c7;
    color: white;
    text-align: center;
    padding: 5px;
}

.discontent p {
    font-size: 14px;
    text-align: center;
    font-weight: 900;
}


div#disclaimerBoxOuter2 {
    position: fixed;
    top: 80px;
    left: 15%;
    background: #c4e52600;
    width: 70%;
    padding: 10px;
    z-index: 9999999;
    border-radius: .5em;
    user-select: none;
    filter: drop-shadow(2px 4px 6px #00000070);
}

div#disclaimerBox2 {
    position: relative;
    background: #c4e526;
    border-radius: 3em;
    overflow: hidden;
}


div#disclaimerBox2 a.red-btn {
    position: absolute;
    right: -2px;
    top: -4px;
    background: #2b3208;
    font-size: 1.2em;
    padding: 4px 14px;
    border-radius: 3em;
    color: #c4e526;
    z-index: 1;
}



.discontent2 h4 {
    font-size: .9em;
    font-weight: 900;
    background: #0000005e;
    color: white;
    text-align: left;
    width: max-content;
    display: block;
    padding: 5px;
    transform: translateX(30%);
    margin-bottom: 0;
    opacity:1;
    animation-name: discontentAnimate;
    animation-duration: 30s;
    background: #000000d9;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes discontentAnimate{
    0%  {transform: translateX(30%);}
    100% {transform: translateX(-100%);}
}



.discontent2 {
    overflow: hidden;
}


div#accordionServices .accordion-button::after{
    display: none;
}

button.accordion-button.collapsed::after{
    display: none;
}


div#accordionServices .accordion-body a {
    font-size: 14px;
}


.service-gal {
    background: #546500 !important;
    background-image: url(images/service-gal.jpeg) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center;
    background-blend-mode: multiply;
}

#bridal{
    background-image: url('images/bridal.jpeg');
}

#hair{
    background-image: url('images/hair.jpeg');
    background-position: left top;
}

#spa{
    background-image: url('images/spa.jpeg');
    background-position: left top;
}

#skin{
    background-image: url('images/skin.jpeg');
    background-position: left center;
}

#makeup{
    background-image: url('images/makeup.jpeg');
    background-position: left center;
}

#nails{
    background-image: url('images/nails.jpeg');
    background-position: left center;
}