.hero {

    position: relative;

    background-size: cover !important;

    height: 100vh;

    display: flex;

    align-items: center;

    flex-direction: column;

    z-index: 0;

}

.hero video {

    object-fit: cover;

    width: 100%;

    height: inherit;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 98;

}

.hero:before {

    background: rgba(0, 0, 0, 0.5);

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    height: inherit;

    width: 100%;

    z-index: 99;

}

.hero-content-div {

    position: relative;

    z-index: 9999;

}

.hero-content-div {

    /* width: 800px; */

    margin: 0 auto;

}

.banner-location-outer {

    z-index: 9999;

    display: flex;

    justify-content: space-between;

    position: relative;

    bottom: -60px;

    display: none;

}

.navbar-brand {

    width: 250px;

} 



.navbar-brand svg{

    fill: #fff;

    width: 250px;

}



.banner-location-left,

.banner-location-right {

    width: 400px;

}



.banner-location-left .pricing-item .pricing-info h3,

.banner-location-right .pricing-item .pricing-info h3 {

    text-align: left;

    margin-left: 22px;

}

.banner-location-left .pricing-item .pricing-info p,

.banner-location-right .pricing-item .pricing-info p {

    text-align: left;

    color: #000;

    display: flex;

    gap: 10px;

    align-items: baseline;

    text-align: left;

    color: #000;

}

.banner-location-left .pricing-item .pricing-price,

.banner-location-right .pricing-item .pricing-price {

        border-radius: 20px;

}

.banner-location-left .pricing-item,

.banner-location-right .pricing-item {

        border-radius: 25px 50px 50px 50px;

        margin: 0;

}

.banner-location-left .pricing-item:before,

.banner-location-right .pricing-item:before {

    background: #ffe19d;

}



.banner-location-left .pricing-item .pricing-info,

.banner-location-right .pricing-item .pricing-info {

    width: 100%;

    margin-right: 0;

}



.banner-location-left .pricing-item:hover .pricing-info h3,

.banner-location-right .pricing-item:hover .pricing-info h3 {

    color: #000;

}

.feature-ticker-content ul li img {

    margin-right: 10px;

    width: 28px;

}

.location-icon {

    display: flex;

    align-items: center;

    gap: 8px;

    transition: all 0.3s ease;

    color: #000;

    margin-left: 22px;

    font-weight: bold;

}



.location-icon i {

  transition: transform 0.3s ease;

}



/* Slide arrow to the right on hover */

.pricing-item:hover .location-icon i {

  transform: translateX(5px);

}



.hero-content-div .section-title h3 {

    color: #fff;

    margin-bottom: 40px;

}

.hero-content-div .section-title h1 {

    color: #fff;

    font-family: Benton;

    font-weight: bold;

    /* font-size: 100px; */
    font-size: 65px;

    line-height: 105px;

}





.adv-swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}

.adv-slider-services .adv-swiper-container .adv-swiper-wrapper {

    width: 95%;

}

/* .adv-slider-services .services-items .services-item {

    float: left;

    width: 33.33%;

} */

.services-items .services-item {

    display: block;

    position: relative;

    text-align: center;

    overflow: hidden;

}

.adv-swiper-container .adv-swiper-slide {

    background-size: cover;

    background-position: 50%;

}

.adv-swiper-slide {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    transition-property: transform;

}

.services-items .services-item .services-item-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -30%);

    width: 100%;

    padding: 2.105rem;

    z-index: 3;

    color: #fff;

}

.dropdown-custom-icon.active>.dropdown-icon [class*=fa-], .dropdown-icon [class*=fa-], .dropdown-toggle:after, .dropdown-toggle:before, .services-items .services-item .services-item-content, .show>.dropdown-custom-icon .dropdown-icon [class*=fa-], .show>.dropdown-toggle:after, .show>.dropdown-toggle:before, .transition-transform {

    transition: transform .3s ease;

}

.services-items .services-item .img-bg-color {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    background: #262626;

    opacity: .1;

    transition: opacity .3s ease-in-out;

}

h3:before {

    content: "";

    display: block;

    height: 0;

    width: 0;

    margin-top: -0.28em;

}

.services-items .services-item .img {

    max-height: 500px;

}

.img.object-fit {

    position: relative;

}

.services-items .services-item .img.object-fit:before {

    padding-top: 92.6%;

}

.img.object-fit:before {

    content: "";

    display: block;

    width: 100%;

    padding-top: 100%;

}



.img.object-fit .object-fit-cover {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    outline: none;

}

.services-items .services-item .img .object-fit-cover img {

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

    

}

.img.object-fit .object-fit-cover img, .img.object-fit .object-fit-cover svg {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

    -o-object-fit: cover;

}

.services-items .services-item:hover .services-item-content {

  opacity: 1;  

}

.services-items .services-item .services-item-content .btn.btn-link {

    transition: opacity .3s ease;

    text-decoration: none;

}

.services-items .services-item .services-item-content .btn {

    color: inherit;

    opacity: 0;

    margin-top: 1.211rem;

}

.services-items .services-item:hover .services-item-content {

    transform: translate(-50%, -50%);

}

.services-items .services-item:hover .img .object-fit-cover {

    transform: perspective(1px) scale(1.1) translateZ(0);

}

.services-items .services-item:hover .img-bg-color {

    opacity: 0;

}

.services-items .services-item:hover .img .object-fit-cover img {

    filter: none;

    -webkit-filter: none;

}

.services-items .services-item .img .object-fit-cover {

    transform: perspective(1px) scale(1) translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transition: all .3s ease;

}

.services-items .services-item:hover .services-item-content .btn {

        opacity: 1;

}





/* Custom arrows */

.custom-prev,

.custom-next {

  font-size: 25px;

  color: #333;

  cursor: pointer;

  background: white;

  padding: 15px 23px;

  border-radius: 50%;

  box-shadow: 0 2px 8px rgba(0,0,0,0.2);

  transition: all 0.3s ease;

}



.custom-prev:hover,

.custom-next:hover {

  background: #ffe19d;

  color: white;

}



#service-slider .owl-nav {

  position: absolute;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

  display: flex;

  justify-content: space-between;

  padding: 0 15px;

  pointer-events: none;

}



#service-slider .owl-nav span {

  pointer-events: all;

}



#gallery-slider .photo-gallery-item img {

    height: 500px;

    object-fit: cover;

    cursor: pointer;

}



.working__area {

    position: relative;

    z-index: 1;

    overflow: hidden;

        padding: 100px 0;

}

.working__area-bg {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    z-index: 1;

    width: 50%;

}

.working__area-left {

    position: relative;

    width: 100%;

    height: 100%;

}

.working__area-left img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    /* border-top-left-radius: 50px;

    border-bottom-left-radius: 50px; */

}

.working__area-left-play-icon {

    position: absolute;

    background: var(--white);

    width: 100px;

    height: 100px;

    line-height: 100px;

    text-align: center;

    display: inline-block;

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.working__area-right {

    background: #f5f5f5;

    padding: 20px;

    position: relative;

    z-index: 1;

    /* border-top-right-radius: 50px;

    border-bottom-right-radius: 50px; */

}



.working__area-right-title .subtitle__two {

    color: var(--white);

    margin-left: -50px;

}

.subtitle__two {

    display: block;

    position: relative;

    color: var(--heading-color);

    text-transform: capitalize;

    font-size: 150px;

    line-height: 160px;

    font-family: var(--heading-font);

    opacity: 0.04;

    margin: 0 0 -125px 0;

    z-index: -1;

}

.working__area-right-title h2 {

    color: #000;

    margin-bottom: 25px;

}

.working__area-right-title p {

    color: #000;

    max-width: 420px;

    margin-bottom: 25px;

}

.working__area-right-hours {

    max-width: 420px;

    text-align: center;

    margin: 0 auto;

}

.working__area-right-hours ul {

    padding: 0;

    margin: 0;

}

.working__area-right-hours ul li {

    list-style: none;

    font-size: 16px;

    line-height: 32px;

    color: #000;

    padding-bottom: 5px;

    margin-bottom: 5px;

    border-bottom: 1px dashed #000;

    text-align: left;



}

.working__area-right-hours ul li span {

    float: right;

}

.working__area-bg {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.custom-menu-btn {

    background-color: transparent;

    border: 2px solid #000;

    /* border-radius: 30px; */

    font-size: 18px;

    font-weight: 600;

    overflow: hidden;

    position: relative;

    transition: var(--transition);

    padding: 15px 30px !important;

    color: #000;

    overflow: hidden;

}

.custom-menu-btn:before {

    content: '';

    display: block;

    width: 0;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: -1;

    background: #000;

    /* border-radius: 30px; */

    transition: var(--transition);

    overflow: hidden;

}

.custom-menu-btn:hover:before {

    width: 100%;

    overflow: hidden;

}

.custom-menu-btn:hover {

    color: #fff;

}



.services__area-button {

    margin-left: -7px;

    margin-right: -11px;

}

.services__area-button ul {

    justify-content: center;

}



.services__area-button .nav-item .active {

    background: #000;

    color: #fff;

}

.services__area-button .nav-item button {

    background: #ffe19d;

    color: #000;

    font-size: 15px;

    font-weight: 900;

    padding: 30px 25px;

    width: 175px;

    margin: 14px;

    position: relative;

    border: 0;

    border-radius: 50px 50px 0 50px;

}

.services__area-button .nav-item-button-icon {

    display: block;

    margin-bottom: 25px;

    padding: 0 45px;

}

.services__area-button .nav-item .active .nav-item-button-icon2 {

    opacity: 1;

    width: 35px;

}

.services__area-button .nav-item-button-icon2 {

    position: absolute;

    top: 30px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

    opacity: 0;

}

.services__area-right-title h3 {

    max-width: 330px;

}

.services__area-right-title p {

    margin-top: 20px;

    margin-bottom: 30px;

}

.services__area{

    padding: 100px 0 70px;

}

.price-list-item {

    margin-bottom: 3.158rem;

    background-color: #f5f5f5;

    padding: 40px;

    border-radius: 50px;

}

.price-list-item .price-list-item-title {

    margin-bottom: 1.579rem;

}

.price-list-item .price-list-item-list-group .list-group-item {

    padding-left: 0;

    padding-right: 0;

    border-top: 0;

    border-left: 0;

    border-right: 0;

    margin-bottom: 1.579rem !important;

    line-height: 1;

    padding-top: 15px;

    padding-bottom: 20px;

        background-color: transparent;

}

.price-list-item .price-list-item-list-group .list-group-item .list-group-price {

    color: #262626;

}

.price-list-item-title h3 {

    color: #000;

}

.price-list {

    width: 85%;

    margin: 0 auto;

    margin-top: 50px;

}

.price-list-item .price-list-item-list-group > .list-group-item:last-child {

    margin-bottom: 0 !important;

}

.footer-address a {

    font-size: 20px;

    color: #fff;

}

.footer-address {

    text-align: center;

    margin-top: 30px;

}

.hero-banner-location-div {

    width: 100%;

    position: absolute;

    bottom: 0px;

    /* background-color: rgba(0, 0, 0, 0.5); */

    z-index: 999;

}

.hero-banner-location-div h3 {

    color: #fff;

    margin: 0;

}

.hero-banner-location-div p {

    color: #fff;

    margin-top: 5px;

    margin-bottom: 0;

    display: flex;

    align-items: baseline;

    gap: 10px;

}

.hero-banner-location-card-outer {

    display: flex

;

    justify-content: space-between;

    padding: 30px 0;

    width: 85%;

    margin: 0 auto;

}

.hero-banner-location-div .location-icon {

    display: flex

;

    align-items: center;

    gap: 8px;

    transition: all 0.3s ease;

    color: #fff;

    font-weight: bold;

}

.working__area-bg-outer {

    display: flex

;

    gap: 50px;

    justify-content: center;

    width: 75%;

    margin: 0 auto;

}

.working__area-left iframe {

    margin-bottom: -15px;

}

.working__area_map a,

.working__area_email a,

.working__area_phone a {

    color: #000;

}

.working__area_map {

    margin-bottom: 10px;

}

.working__area_email {

    margin-bottom: 10px;

}

.working__area_phone {

    margin-bottom: 10px;

}

.working__area-left iframe {

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

}

.working__area-right {

    border-bottom-left-radius: 50px;

    border-bottom-right-radius: 50px;

}

.working__area-right-title {

    text-align: center;

}

.hero-banner-location-card {

    width: 250px;

}



.footer-logo{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* Form section Start */

.offer-form{
    padding: 100px 0 0 0;
    /* background-color: #Cdc6be ; */

}

.offer-form .ls-home-cta-form{
    display: flex;
    background: #Cdc6be ;
    padding: 0;
    justify-content: space-between;
    width: 100%;
}

.ls-img-left{
    width: 48%;
    overflow: hidden;
}

.ls-img-left img{
    object-fit: cover;
    object-position: center;
}

.ls-form-right{
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 60px 20px 20px;
}



.ls-img-left img{

    height: 100%;

    object-fit: cover;

}



.form-field{

    margin-bottom: 30px;

}

.form-label,

.text-message{

    margin-bottom: 0;

    font-size: 14px !important;

    font-weight: 500 !important;

    color: #000;

}



.ls-form-title{

    text-align: center;

    margin-bottom: 0px;

}



.ls-form-title h2,

.ls-form-title p{

    color: #363625 ;

}



.ls-form-custom{

    padding: 100px 0; 

}

.ls-form-right form{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ls-form-right input{
    border-radius: 5px;
    border: 2px solid #363625 ;
    background-color: #Cdc6be;
    /* display: flex;
    justify-content: center; */
}

.ls-form-right input[type="email"]{
    height: 50px;
}


.gallery-container a img{
    width: 100%;
    height: 100% ;
}


.ls-form-right input:focus{

    box-shadow: none !important;

    border-color: #363625;

    background-color: #Cdc6be;

}



.ls-form-right textarea{

    resize: none;

    border-radius: 5px;

    border: 2px solid #363625 ;

    background-color: #Cdc6be;

}



.ls-form-right textarea:focus{

    box-shadow: none;

    border-color: #363625 ;

    background-color: #Cdc6be ;

}



.ls-submit-btn{

    display: flex;

    align-items: center;

    justify-content: center;

}



.ls-submit-btn button:hover{

    background-color: #000;

}



.ls-form-title h2{

    font-size: 36px;
    font-family: 'Benton';
    margin-bottom: 20px;

}



.ls-form-title p{

    display: flex;

    align-items: center;

    justify-content: center;

}



.ls-highlight{

    font-size: 35px;

    color: #363625;

    font-weight: 600;

    margin-left: 10px;

    margin-right: 10px;

}

/* Form section End */



/* New Service section start */

.ls-service-main-wrapper{

    margin: 80px 0 80px 0;

}

.new-service{

    padding: 100px 0 100px 0;

    background-color: #fff;

}

.ls-service-card-text{

    margin-bottom: 20px;

}

.ls-service-card-text span{

    font-size: 20px;

    font-weight: 600;

    color: #Ffe19d;

}

.ls-service-card-text h4{

    font-family: Benton, sans-serif;

    font-size: 40px;

    font-weight: 600;

    color: #000;

    margin: 5px 0 20px 0;

}



.ls-book-btn{

    margin-top: 55px;

}

.ls-service-list{

    display: flex;

    align-items: center;

    width: 100%;

    margin-top: 40px;

}



.ls-list{

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

}



.ls-service-list .ls-list li{

    width: 100%;

}



.ls-service-list .ls-list li p span{

    margin-left: 10px;

}



.ls-service-list .ls-list li p{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 0;

    color: #000;

}



.ls-service-list .ls-list li span{

    font-size: 16px;

    font-weight: 600;

    color: #Cdc6be ;

}



.mobile-view{

    display: none;

}



.hr{

    width: 100%;

    height: 1px;

    background-color: #888;

}



.ls-services-title{

    display: flex;

    align-items: center;

    justify-content: center;

}



.ls-services-title h2{

    font-size: 45px;

    font-weight: 600;

    color: #000 ;

    font-family: Benton, sans-serif;

}



.ls-service-inner-text h2{

    font-size: 100px;

    font-weight: 600;

    color: #000 ;

    font-family: Benton, sans-serif;

}



/* New Service section end */



/* Team section start */

.ls-team-new{

    padding: 200px 0 100px 0;

    background-color: #fff;

}



.ls-team-title h2{

    text-align: center;

    font-size: 100px;

    color: #000;

    font-weight: 600;

    font-family: Benton, sans-serif;

}



.ls-tema-wrapper{

    margin-top: 30px;

}



.ls-team-card{

    width: 100%;

    /* background-color: red; */

}



.ls-team-card .ls-team-img{

    width: 100%;

    /* background-color: blue; */

}

.ls-team-card .ls-team-img img{

    width: 100%;

    height: 40vh;

    object-fit: cover;

    object-position: top;

    filter: grayscale(1);

    transition: all 0.3s ease;

}



.ls-team-card .ls-team-img img:hover{

    filter: grayscale(0);

    transition: all 1s ease;

}



.ls-team-card .ls-team-meta{

    margin-top: 15px;

}



.ls-team-card .ls-team-meta h6{

    margin-bottom: 0px;

    font-size: 22px;

    color: #000;

}



.ls-team-card .ls-team-meta span{

    font-size: 12px;

    font-family: "Benton", sans-serif;

    /* font-weight: 600; */

    color: #000;

}



.ls-ig-link{

    margin-top: 5px;

}



.ls-ig-link a{

    text-decoration: none;

    color: #000;

    font-weight: 600;

}



/* .ls-team-card .ls-team-img img{} */

/* Team section end */



.hr-yellow{

    width: 100%;

    height: 1px;

    background-color: #363625;

}



.ls-service-btn{

    width: 100%;

    display: flex;

    justify-content: center;

}



.ls-service-btn a{

    display: inline-block;

	background: transparent;

	font-family: var(--accent-font);

	color: var(--primary-color);

	font-size: 16px;

	font-weight: 600;

	padding: 10px 30px;

	border: 2px solid var(--primary-color);

	/* border-radius: 30px; */

	position: relative;

	overflow: hidden;

	z-index: 1;

	transition: var(--transition);

}



.ls-service-btn a::before{

    content: '';

	display: block;

	width: 0;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	z-index: -1;

	background: var(--primary-color);

	/* border-radius: 30px; */

	transition: var(--transition);

}



.ls-footer{

    background-color: #000 ;

    padding: 50px 0 0px 0;

}

.ls-footer-links ul li {
    display: flex;
    gap: 5px;
}

.ls-footer-links ul li p{
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0px;
}


.ls-footer-main{

    margin: 50px 0;

}



.ls-footer-logo a svg{

    fill: #363625 ;

    width: 250px;

}



.ls-footer-links{

    display: flex;

    flex-direction: column;

    /* align-items: center;

    justify-content: center; */

}

.ls-footer-links p{
    margin-bottom: 10px;
}



.ls-f-meta{

    display: flex;

    flex-direction: column;

    /* align-items: center;

    justify-content: center; */

}

.ls-f-meta .ls-f-email a,
.ls-f-meta .ls-f-address a,
.ls-f-meta .ls-f-tel a{
    color: #fff;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 5px;
}


.ls-footer-links ul {

    list-style: none;

    padding: 0;

    margin: 0;

    /* text-align: center; */

    gap: 5px;

}

.ls-footer-links ul li a{
    color: #fff;
}



.ls-footer-links p,

.ls-f-meta p{

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 10px;

}



.ls-f-meta span{

    color: #000;

    font-size: 16px;

}



.ls-f-bottom{

    padding: 25px 0;

}



.ls-f-bottom .ls-f-bottom-text{

    display: flex;

    justify-content: space-between;

}



.ls-f-bottom .ls-f-bottom-text p{

    margin-bottom: 0;

    color: #fff;

}



.service-inner-padding{

    padding-top: 200px;

}



.ls-service-inner-text h2{

    font-size: 100px !important;

    font-family: Benton, sans-serif !important;

}



.ls-hero-arrow-down{

    width: 100%;

    /* background-color: #000; */

    display: flex;

    align-items: center;

    justify-content: center;

}



.ls-hero-arrow-down span {

    text-align: center;

    color: #fff;

}



.ls-hero-arrow-down a{

    fill: #fff;

}



.ls-contact-form{
    padding: 30px;
    background: rgba(255, 255, 255, 0.66);
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
    border: 1px solid rgba(255, 255, 255, 0.28);
}



.ls-contact-form form .form-control{

    box-shadow: none;

    border-radius: 5px;

    border: 1px solid #000;

    background-color: transparent;

}



.ls-contact-form form textarea{

    resize: none;

}



.ls-form-title-inner{

    width: 100%;

    display: flex;

    justify-content: start;

    margin-bottom: 15px;

}



.ls-form-title-inner h4{

    font-size: 30px;

    font-weight: 600;

    color: #000;

}



.ls-contact-form input[type="submit"]{

    margin-top: 20px;

}



.ls-contact-info{

    background-color: #Cdc6be;

}



.ls-contact-info{

    /* height: 49vh; */

    overflow: hidden;

}



.ls-map-info{

    width: 100%;

}



.ls-contact-info-card{

    height: 100%;

    background-color: #363625;

    padding: 30px;

}



.ls-map-img{

    height: 100%;

}



.ls-map-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: right;

    filter: grayscale(1);

}



.ls-location{

    position: relative;

    margin-bottom: 50px;

}



.ls-location h6{

    font-size: 36px;

    color: #000;

}



/* .ls-location::before{

    content: '';

    width: 50px;

    height: 3px;

    position: absolute;

    bottom: -10px;

    left: 0;

    background-color: #Ffe19d;

} */

.ls-contact-info-card{

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: min-content;

}



.ls-contact-info-card p{

    color: #fff;

    margin-bottom: 5px;

}



.ls-contact-info-card p span{

    margin-right: 15px;

}



.ls-open-time{

    width: 100%;

    /* background-color: red; */

}



.ls-open-time{

    display: flex;

    margin-top: 10px;

}



.ls-open-time .right,

.ls-open-time .left{

    width: 50%;

    display: flex;

    flex-direction: column;

    gap: 5px;

}



.ls-open-time span{

    color: #000;

    font-size: 14px;

}



/* .ls-contact-info-card,

.ls-map-img,

.ls-map-info{

    height: 100%;

} */



.ls-social-f{

    margin-top: 45px;
    z-index: 9;
    display: flex;
    gap: 20px;
    margin-left: 14px;
    margin-bottom: 30px;

}



.ls-social-f a{

    color: #fff;

    font-size: 25px;

    width: 50px;

    height: 50px;

    border: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    z-index: 1;

}



.ls-social-f a::before{

    content: '';

    display: block;

    width: 0;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: -1;

    background: #fff;

    /* border-radius: 30px; */

    transition: var(--transition);

    overflow: hidden;

}



.ls-social-f a:hover{

    color: #000;

}



.ls-social-f a:hover:before {

    width: 100%;

    overflow: hidden;

    color: #fff;

}



.ls-contact-title-text h2{

    text-align: center;

    font-size: 100px;

    color: #000;

    font-weight: 600;

    font-family: Benton, sans-serif;

}



.ls-team-details{

    padding: 200px 0 70px 0;

    background-color: #Cdc6be ;

}



.ls-team-detail span{

    color: #363625 ;

}



.ls-member-img img{

    width: 100%;

}



/* .ls-team-detail h2{

    color: #000;

    margin-bottom: 20px;

    margin-top: 10px;

} */



.ls-team-detail .ls-member-text p{

    color: #000;

    margin-bottom: 10px;

}



.ls-member-title{

    margin-bottom: 30px;

}



.ls-member-title h2{

    font-size: 60px;

    font-family: Benton, sans-serif;

    font-weight: 600;

    color: #000;

}



.ls-member-title p{

    color: #000;

}



.popup {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    visibility: hidden;

    opacity: 0;

    transition: opacity 0.3s ease;

}



.popup.show {

    visibility: visible;

    opacity: 1;

}



.popup-content {

    background-color: #fff ;

    /* padding: 30px; */

    border-radius: 30px;

    text-align: center;

    position: relative;

    max-width: 900px;

    width: 90%;

    box-shadow: 0 0 15px rgba(0,0,0,0.2);

    display: flex;

    overflow: hidden;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}



.popup-content img{

    width: 50%;

    /* height: 42vh; */

}



.close-btn {

    position: absolute;

    top: 10px;

    right: 15px;

    font-size: 30px;

    color: #000;

    cursor: pointer;

}



.ls-popup-content{

    width: 50%;

    padding: 30px 30px 30px 30px; 

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.ls-popup-content span{ 

    font-size: 18px;

    color: #fff;

}



.ls-popup-content h5{

    font-size: 30px;

    font-weight: bold;

    color: #fff;

}



.ls-popup-content h2{

    font-size: 40px;

    line-height: 60px;

    margin-top: 30px;

    color: #000;

    font-family: Benton, sans-serif;

}



.ls-popup-content p{

    color: #000;

}



.ls-popup-content p span{

    font-size: 28px;

    color: #Ffe19d;

    font-weight: bold;

}



.ls-popup-content .form {

    height: 50px;

    width: 100%;

    position: relative;

}



.ls-popup-content .form input{

    height: 50px;

    width: 100%;

    background-color: #fff;

    box-shadow: none;

    border: 1px solid #Ffe19d;

    color: #fff;

    padding: 14px;

    font-size: 16px;

}



.ls-popup-content .form input:focus{

    outline: none;
    color: #000;
    border-radius: 0;

}



.ls-popup-content .form input::placeholder{

    color: #000;

    padding-left: 10px;

}



.ls-popup-content .form input[type="submit"]{

    height: 100%;

    width: fit-content;

    padding: 0 10px 0 10px;

    outline: none;

    color: black !important;

    border: none;

    background-color: #Ffe19d ;

    position: absolute;

    right: 0;

    top: 0;

}

.ls-service-main-wrapper .hr {

  display: block; /* reset */

}



.ls-service-main-wrapper .hr:nth-last-child(2) {

  display: none !important;

}



.offer-form  input[type="submit"]{

    border-radius: 0px !important;

}



.offer-form  input[type="submit"]:hover{

    background-color: black !important;

}



.offer-form textarea{

    height: 100px !important;

}





.ls-contact-info  .container-fluid .row:last-child{

    margin-bottom: 0px !important;

}

.contact-section{
    padding: 100px 0 100px 0;
    background-image: url('http://localhost/love-salon/wp-content/uploads/2025/09/contact-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}


.contact-section textarea{

    height: 62px !important;

}



.contact-section input[type="submit"]{

    border-radius: 0px !important;

}

.contact-section input[type="submit"]:hover{

    background-color: black !important;



}

.wpcf7-spinner{

    position: absolute !important;

}

.pagenotfound a{

 width: fit-content;

}



.pagenotfound h1{

    color: black !important;

    font-size: 200px;

}

.pagenotfound h2{

    color: black !important;

    

}

.pagenotfound{

    padding-top: 200px;

    padding-bottom: 100px;

}





.container .hr:nth-last-of-type(2) {

  display: none;

}


.wpcf7 form .wpcf7-response-output{
    margin: 0;
    font-size: 14px !important;
    margin-top: 10px !important;
        line-height: normal !important;
}

.ls-contact-info-card a{
    color: #000 !important;
    display: flex;
}





/* Home page address section start */

.ls-locations-main{
    padding: 80px 0 0 0;
}

.ls-locations-main .ls-address-cards{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.ls-address-cards .ls-addr-card{
    background: #000;
    width: 635px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ls-address-cards .ls-addr-card h3{
    font-family: "Benton";
    font-weight: 200;
    color: #fff;
    font-size: 32px;
}

.ls-addr-card .ls-address-inner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.ls-addr-card .ls-address-inner span{
    display: flex;
    align-items: center;
    justify-content: center;
}

.ls-addr-card .ls-address-inner span i{
    font-size: 30px;
    color: #fff;
}

.ls-addr-card .ls-address-inner p{
    margin: 0;
    color: #fff;
    font-size: 22px;
}

.ls-addr-card .ls-addr-button a{
    border: 1px solid #fff;
    color: #fff;
    display: inline-flex;
    width: 150px;
    height: 45px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.ls-addr-card .ls-addr-button a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background-color: #Ffe19d;
    z-index: -1;
    transition: all 0.3s ease;
}

.ls-addr-card .ls-addr-button a:hover::before{
    width: 100%;
    transition: all 0.3s ease;
}

.ls-contact-card-wrapper{
    margin-top: 100px;
}

.ls-addr-card .ls-addr-button a:hover{
    color: #000;
    border-color: #Ffe19d;
}

/* Home page address section End */

.ls-contact-new-card-section{
    padding: 200px 0 40px 0;
    background: #fff;
}


.ls-contact-card-wrapper{
    display: flex;
    justify-content: space-between;
}

.ls-contact-cards-left,
.ls-contact-cards-right {
    width: 49%;
    display: flex;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
}

.ls-contact-cards-left .ls-contact-info-card,
.ls-contact-cards-left .ls-map-img{
    width: 50%;
}

.ls-contact-cards-right .ls-contact-info-card,
.ls-contact-cards-right .ls-map-img{
    width: 50%;
}

.ls-contact-cards-left .ls-contact-info-card{
    background-color: #Cdc6be;
    height: 100%;
}

.ls-contact-cards-right .ls-contact-info-card{
    background-color: #Cdc6be;
    height: 100%;
}


.gallery-container{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-container a{
    cursor: pointer !important;
}

.gallery-container a img{
    filter: grayscale(1);
    transition: all 0.2s ease;
}

.gallery-container a img:hover{
    filter: grayscale(0);
    transition: all 0.2s ease;
}

.ls-gallery-main-section{
    padding: 0 0 100px 0;
}

.ls-location-page-main{
    padding: 200px 0 200px 0;
    /* background: #Cdc6be; */
}

.ls-loc-pgae-wrapper{
    display: flex;
    justify-content: space-between;
}

.ls-location-addr-left{
    width: 45%;
}

.ls-location-addr-left .ls-loc-title h2{
    font-size: 55px;
    margin: 0;
    color: #000;
}

.ls-location-addr-left .ls-loc-addr{
    margin-top: 25px;
}

.ls-location-addr-left .ls-loc-addr .ls-location-text{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ls-loc-addr .ls-location-text a{
    font-size: 18px;
    display: flex;
    gap: 10px;
    color: #000;
}

.ls-location-addr-left .ls-loc-btn{
    margin-top: 50px;
}

.ls-location-addr-left .ls-loc-working-hour{
    margin-top: 30px;
}

.ls-loc-working-hour h3{
    font-size: 22px;
    color: #000;
}

.ls-loc-working-hour ul{
    list-style: none;
    margin: 10px 0 0 0 ;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ls-loc-working-hour ul li{
    display: flex;
    gap: 5px;
}

.ls-loc-working-hour ul li p{
    margin-bottom: 0;
    color: #000;
}

.ls-location-addr-left .ls-loc-btn a{
    padding: 10px 20px;
    border: 1px solid #000;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #000;
    z-index: 1;
}

.ls-location-addr-left .ls-loc-btn a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #Ffe19d;
    transition: all 0.2s ease;
    z-index: -1;
}

.ls-location-addr-left .ls-loc-btn a:hover::before{
    width: 100%;
    transition: all 0.2s ease;
}

.ls-location-addr-left .ls-loc-btn a:hover{
    border-color: #Ffe19d;
    color: #000;
}


.ls-location-page-main-bg{
    display: flex;
    justify-content: space-between;
    background: #Cdc6be;
    width: 100%;
    padding: 30px;
}


.ls-loc-map-pin{
    width: 45%;
}

.ls-loc-map-pin .ls-main-map-frame{
    height: 100%;
}

.ls-loc-map-pin .ls-main-map-frame iframe{
    width: 100% !important;
    height: 100% !important;
}

.ls-new-location-sub-title{
    margin-bottom: 50px;
}

.ls-new-location-sub-title h2{
    font-size: 55px !important;
}

/* Online Booking Popup Start */

.location-popup .modal-body{
    /* padding: 0; */
    position: relative;
}

.location-popup .modal-content{
    border-radius: 0 !important;
}

.location-popup .modal-body button{
    position: absolute;
    right: 20px;
    top: 30px;
    border: 1px solid #000;
    outline: none;
    box-shadow: none;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.btn-b-hide{
    display: none;
}

.book-btn-new{
    display: flex;
    align-items: center;
    gap: 20px;
}

.book-btn-new a{
    border: 1px solid #fff;
    padding: 6px 25px;
    color: #FFF !important;
    position: relative;
    z-index: 1;
}

.book-btn-new a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #Ffe19d;
    z-index: -1;
    transition: all 0.2s ease;
}

.book-btn-new a:hover::before{
    width: 100%;
    border-color: #ffe19d;
    transition: all 0.2s ease;
}

.book-btn-new a:hover{
    color: #000 !important;
}


/* Online Booking Popup End */

/* lightbox gallery css start */

.lg-outer .lg-inner .lg-item.lg-complete img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain; /* use cover if you want crop */
  max-width: 100% !important;
  max-height: 100% !important;
}

/* lightbox gallery css start */

.mobile-book-icon {
    display: none;
}