/*
Theme Name: Pragna Beauty
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.text-justify{
    text-align: justify;
}

.title-sec .title58px {
    font-size: 58px;
}

.title-sec .title54px {
    font-size: 54px;
}

.title-sec .title52px {
    font-size: 52px;
}

.title-sec .title48px {
    font-size: 48px;
}

.title-sec .title44px {
    font-size: 44px;
}

.title-sec .title36px {
    font-size: 36px;
}

.title-sec .title30px {
    font-size: 30px;
}

.title-sec .title22px {
    font-size: 22px;
}

.title-sec .title20px {
    font-size: 20px;
}

.title-sec .title18px {
    font-size: 18px;
}

.title-sec .title16px {
    font-size: 16px;
}

.title-sec .title14px {
    font-size: 14px;
}

.title-sec .inter-font-family{
    font-family: 'Inter';
}

.our-product-list ul {
    list-style: none;
}

.our-product-list ul li {
    margin-bottom: 20px;
    display: flex;
    margin-left: 0px;
}

.our-product-list h3.gt-title {
    display: flex;
    color: #FFFFFF;
    font-family: "poppins", sans-serif;
    font-weight: 500;
}

.our-product-list span.dot {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px dotted #FFFFFF;
    height: 0.9em;
    margin-left: 10px;
}

.our-product-list .gt-price {
    color: #FFFFFF;
    margin-left: 10px;
}


.our-product-list ul.price-listing {
    list-style: none;
}

.our-product-list ul.price-listing li {
    margin-bottom: 20px;
    display: flex;
    margin-left: 0px;
}

.our-product-list .price-listing h3.gt-title {
    display: flex;
    color: #5a5a5a;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    align-items: end;
}

.our-product-list .price-listing span.dot {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px dotted #000;
    height: 0.9em;
    margin-left: 10px;
    margin-bottom: 7px;
}

.our-product-list .price-listing .gt-price {
    color: #000;
    margin-left: 10px;
    display: flex;
    align-items: end;
    margin-bottom: 10px;
}
.menu-footer-item .ux-menu-link__link.flex:hover {
    color: #fff;
}

a.button.primary.button-with-arrow .icon-angle-right:before {
    content: " " !important;
    width: 25px;
    height: 25px;
    background-image: url(https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/right-arrow-white-1.svg);
    display: block;
    background-size: contain; 
    border-radius: 100px; 
    border: 5px solid #000;
    margin-top:2px;
}

a.button.primary.button-black.button-with-arrow{
    background: #000;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}

a.button.primary.button-with-arrow .icon-angle-right:before {
    content: " " !important;
    width: 25px;
    height: 25px;
    background-image: url(https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/right-arrow-svgrepo-com-1.svg);
    display: block;
    background-size: contain;
    background-color: #fff;
    border-radius: 100px;
    padding: 10px;
    border: 5px solid #fff;
    margin-top: 2px;
}


.service-col a.button.primary.button-with-arrow .icon-angle-right:before {
    content: " " !important;
    width: 25px;
    height: 25px;
    background-image: url(https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/right-arrow-white-1.svg);
    display: block;
    background-size: contain;
    border-radius: 100px;
    margin-top: 2px;
    background-color: unset;
    border: none;
}

a.button.secondary.orange-button.button-with-arrow .icon-angle-right:before {
    content: " " !important;
    width: 25px;
    height: 25px;
    background-image: url(https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/right-arrow-svgrepo-com-1.svg);
    display: block;
    background-size: contain;
    background-color: #fff;
    border-radius: 100px;
    padding: 10px;
    border: 5px solid #fff;
    margin-top:2px;
}
a.button.secondary.orange-button.button-with-arrow {
    background-color:#B48334;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}
a.button{
    font-weight:normal;
}
a.button:hover i.icon-angle-right:before
{
    transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(-40deg);
}
.home_slider .banner  .overlay {
    background: transparent radial-gradient(closest-side at 50% 48%, #00000000 0%, #0000009C 100%) 0% 0% no-repeat padding-box;
}
.field {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 300px;
}
.mouse {
	width: 35px;
	height: 60px;
	border: 3px solid #ffffffc4;
	border-radius: 60px;
	position: relative;
	&::before {
		content: '';
		width: 10px;
		height: 10px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #eaeaea;
		border-radius: 100%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 45px;
	}
}

@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}
 .left-arrowline:before {
    content: "";
    width: 420px;
    height: 1px;
    background: #ffffffd9;
    position: absolute;
    left: -158%;
    display: block;
    margin-top: 37px;
    border-radius: 18px;
}
.social-icons.follow-icons a.icon.button.circle.is-outline.tooltip {
    border-radius:4px !important; 
    margin-right:8px;
}
.both-side-line:before {
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    background: #fff;
    display: block;
    right: -130px;
    margin-top: 31px;
    background: transparent linear-gradient(270deg, #966919 0%, #B48334 100%) 0% 0% no-repeat padding-box;
}

.both-side-line:after {
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    background: transparent linear-gradient(270deg, #966919 0%, #B48334 100%) 0% 0% no-repeat padding-box;
    display:block;
    left: -130px;
    margin-top: -49px;
}
.Poppins{
	font-family:Poppins, sans-serif;
	font-weight:600;
}
.title38,.title38px {
	font-size:38px;}

.hover-orange .col .col-inner:hover {
    border-color: #966919 !important;
    border: solid 1px;
}

.hover-orange .col .col-inner:hover a.button.primary.service-black.title14px.button-simple.button-with-arrow {
    color: #966919;
}

.hover-orange .col .col-inner {
    border: solid 1px #fff;
}

.service-col .col .button-simple.button-with-arrow:hover {
    filter: brightness(0) saturate(100%) invert(52%) sepia(66%) saturate(434%) hue-rotate(358deg) brightness(89%) contrast(90%);
}

.service-col .col .button-simple.button-with-arrow:hover .icon-angle-right:after {
    color: #B48334;
}

.hover-orange a.button.primary.button-with-arrow .icon-angle-right:before {
    content: " " !important;
    width: 20px;
    height: 20px;
    background-image: url(https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/right-arrow-svgrepo-com-1.svg);
    display: block;
    background-size: contain;
    border-radius: 100px;
    border: none;
}

.hover-orange.our_services .col.medium-10.small-12.large-4 .col-inner:hover > i.icon-angle-right:before {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transform:  rotate(-40deg) !important;
    -moz-transform:  rotate(-40deg) !important;
    -o-transform:  rotate(-40deg) !important;
    -ms-transform:  rotate(-40deg) !important;
    transform: rotate(-40deg) !important;
	filter: brightness(0) saturate(100%) invert(49%) sepia(69%) saturate(423%) hue-rotate(358deg) brightness(95%) contrast(89%);
}

button.flickity-button.flickity-prev-next-button.previous::after {
    content: '';
    background-image: url('https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/left-arrow-white.svg');
    width: 50px;
    height: 50px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: #ffffff66;
    padding: 5px;
    display: block;
    background-position: center;
    border-radius: 50%;
}

.flickity-button.flickity-prev-next-button svg.flickity-button-icon {
    display: none;
}

button.flickity-button.flickity-prev-next-button.next::after {
    content: '';
    background-image: url('https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/right-arrow-white-1.svg');
    width: 50px;
    height: 50px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: #ffffff66;
    padding: 5px;
    display: block;
    background-position: center;
    border-radius: 50%;
}

.title-sec .poppins-font{
    font-family: poppins;
}
.title-sec .font-weight-normal{
    font-weight: normal;
}
.title-sec .font-weight-regular{
    font-weight: 400;
}
.title-sec .font-weight-reg{
    font-weight: 500 !important;
}
.title-sec .font-weight-bold{
    font-weight: 700;
}

.opening-hours ul{
    list-style: none;
}

.opening-hours ul li{
    margin-left: 0px;
}

.section.title-sec.background-linear::before {
    height: 200px;
    background: transparent linear-gradient(180deg, #000000 0%, #54545400 100%) 0% 0% no-repeat padding-box;
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9;
}

.border-left {
    border-left: 8px solid #966919;
    padding-left: 30px;
}

.wpcf7-form.init input.wpcf7-form-control, .wpcf7-textarea {
    border: none;
}

.wpcf7-form.init input.wpcf7-form-control:focus, .wpcf7-textarea:focus {
    border: solid 1px #000;
}

span.red-sign {
    color: #ff0000;
}
.wpcf7-form-control-wrap {
    margin-top: 8px;
}
.wpcf7-form.init input.wpcf7-form-control::placeholder, .wpcf7-textarea::placeholder {
    color: #ababab;
} 

span.contact-btn-icon i.icon-angle-right::before {
    content: " " !important;
    width: 25px;
    height: 25px;
    background-image: url(https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/right-arrow-svgrepo-com-1.svg);
    display: block;
    background-size: contain;
    background-color: #fff;
    border-radius: 100px;
    padding: 10px;
    border: 5px solid #fff;
    margin-top: 2px;
}
span.contact-btn-icon {
    max-width: fit-content;
    position: absolute;
    left: 19%;
    bottom: 2.7%;
}
.wpcf7-form-control.wpcf7-submit:hover + .contact-btn-icon{
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-40deg);
}
.wpcf7-form-control.wpcf7-submit {
    padding: 0 50px 0 20px;
}
.menu-footer-item a.ux-menu-link__link.flex {
    color: #cdcdcd;
}
.wpcf7-form-control:focus {
    border: 1px solid #000000;
}
form.wpcf7-form.sent span.contact-btn-icon i.icon-angle-right::before {
    position: absolute;
    bottom: 0px !important;
    left: -5px !important;
}

.quote-icons::before {
    content: '';
    background-image: url('https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/qoute-img.png');
    background-repeat: no-repeat;
    background-size: 50%;
    left: -20%;
    top: -25%;
}

.quote-icons::after {
    content: '';
    background-image: url(https://client.hyfuntech.com/demo/wp-content/uploads/2024/04/qoute-img-1.png);
    background-repeat: no-repeat;
    background-size: 50%;
    right: 20%;
    bottom: -100%;
}

.quote-icons::before, .quote-icons::after {
    position: absolute;
    color: #a9784d;
    font-size: 8rem;
    width: 10rem;
    height: 10rem;
}
a.text-link {
    color: #B48334;
}