@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap');
:root {
     --apricot: #E19167;
}
a{
    text-decoration:none !important;
}

/* font */
 h4,h3{
     font-family: 'Playfair Display', serif;
}
 .uk-section-heading h6 ,.uk-section-heading-side h6{
     font-family: 'Montserrat', sans-serif;
     font-size: 17px;
     color: #E19167;
     font-weight: 600;
}
 .uk-section-heading h6:before, .uk-section-heading h6:after, .uk-section-heading-side h6:after {
     content: "";
     display: inline-block;
     width: 50px;
     height: 2px;
     vertical-align: middle;
     background-color: var(--apricot);
}
 .uk-section-heading h6:before {
     margin-right: 10px;
}
 .uk-section-heading h6:after, .uk-section-heading-side h6:after {
     margin-left: 10px;
}
.uk-section-heading a{
  color: var(--apricot);
}
.uk-section-heading a:hover{
  text-decoration: none;
}
 h1{
     font-family: 'Playfair Display', serif;
     font-weight: 700;
     font-size: 34px;
     letter-spacing: normal;
}
 p{
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     line-height: 1.6em;
}
 .uk-lightpurple-bg{
  background-image: url("../images/text-bg.jpg");
  background-attachment: fixed;
     
}
 .uk-simple-text{
     font-family: 'Playfair Display', serif;
     font-weight: 500;
     font-size: 20px;
     color: black;
}
 .uk-prices-text{
     font-family: 'Playfair Display', serif;
     font-size: 30px !important;
     font-weight: 700;
     border-bottom: 1px solid #E5E5E5;
}
 .uk-prices-container{
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     line-height: 1.6em;
}
 .uk-textarea{
     font-family: 'Montserrat', sans-serif !important;
     font-size: 15px;
     line-height: 1.6em;
}
/* navbar */
 .uk-navbar{
     height: 4.5rem;
     display: flex;
     align-items: center;
}
 .uk-navbar-nav li a{
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     color: rgb(34, 34, 34);
     font-size: 15px;
     letter-spacing: 1px;
}
 .uk-navbar .uk-button {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     letter-spacing: 3px;
}
 .uk-navbar-nav li a{
     padding: 0px 0.5rem;
}
 .uk-navbar-container:not(.uk-navbar-transparent) {
     background: white;
}
 .uk-drop.uk-open{
     top:75px !important;
     box-shadow: none !important;
     background: white;
     border-bottom: 5px solid var(--apricot);
     border-radius: 0 0 10px 10px;
}
 nav.stroke ul li a {
     position: relative;
}
 nav.stroke ul li a:after {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     width: 0%;
     content: '.';
     color: transparent;
     background: var(--apricot);
     height: 3px;
     transition: all 0.5s ease-in-out;
     bottom:2px;
}
 nav.stroke ul li a:hover:after {
     width: 100%;
}
/* button */
 .uk-empire-btn{
     background-color: var(--apricot);
     color: white;
     font-family: 'Montserrat', sans-serif;
     border-radius: 8px;
     padding: 0px 13px;
     font-size: 12px;
     border: 1px solid var(--apricot);
     transition: 0.8s ease-out;
}
 .uk-empire-btn:hover {
     background-color: white;
     color: var(--apricot) !important;
     border: 1px solid var(--apricot);
}

 .uk-empire-services-btn{
     background-color: white;
     color: black !important;
     font-family: 'Montserrat', sans-serif;
     padding: 0px 13px;
     font-size: 12px;
     font-weight: 800;
}
/********************************* index *****************************************/
/* Banner */
.banner-section{
    padding:5px;}
 .uk-banner-image-size{
     height:500px;
     object-fit:cover;
}
 .uk-dotnav>.uk-active>* {
     background-color: var(--apricot);
     border-color: transparent;
}
 .uk-facilities-list {
     position: relative;
     z-index: 0;
     display: flex;
     justify-items: center;
}
 .uk-facilities-list-box {
     position: relative;
     z-index: 0;
     overflow: hidden;
}
 .uk-facilities-list-box .image {
     height: 500px;
     position: relative;
     z-index: 0;
}
 .uk-facilities-list-box .image:before {
         content: '';
    width: 100%;
    height: 47%;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: linear-gradient(0deg, rgb(16 17 17) 0%, rgb(17 15 15 / 86%) 30%, rgb(0 0 0 / 0%) 100%);
    opacity: 0.7;
    z-index: 2;
}
 .uk-facilities-list-box .h3 {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 0;
     padding: 20px;
     color: #fff;
     margin: 0;
     -webkit-transform: translateY(0%);
     -o-transform: translateY(0%);
     transform: translateY(0%);
     -webkit-transition: transform .3s ease;
     transition: transform .3s ease;
}
 .uk-facilities-list-box .text {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 3;
     padding: 30px;
     color: #fff;
     font-size: 18px;
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
     -webkit-transition: transform .3s ease;
     transition: transform .3s ease;
}
 .uk-facilities-list-box:hover .text {
     -webkit-transform: translateY(0);
     transform: translateY(0);
}
 .uk-facilities-list-box:hover .h3 {
     transform: translateY(150%);
}
 .uk-facilities-list-box:hover .image:before {
     height: 100%;
     background-color: #1c1c1c;
}
/*about */
 .about-section-img img{
     height: 400px;
     width:100%;
     object-fit: cover;
}
/* Services */
 .uk-padding-extra-small{
     padding: 40px 5px;
}
.uk-services-item .media-600::before {
 content: '';
 width: 100%;
 height: 60%;
 position: absolute;
 left: 0;
 bottom: 0;
 background: linear-gradient(0deg, rgb(16 17 17) 0%, rgb(19 19 19 / 80%) 30%, rgb(19 19 19 / 0%) 100%);
 transition: .3s ease;
 z-index: 1;
}
.media-600{
    height: 500px;
    width: 100%;
    position: relative !important;
}
.services-block {
 position: absolute;
 bottom: 4.5rem;
 width: 100%;
 z-index: 11;
}
.services-block h3{
    color:white!important;
   
}
/* testinonials */
 .testimonial-section{
     background: linear-gradient(90deg, rgba(0,0,0,0.5578606442577031) 0%, rgba(0,0,0,0.5438550420168067) 100%, rgba(0,0,0,0.006039915966386533) 100%), url("../images/place.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     position: relative;
     color: white;
     background-attachment: fixed;
}

 .testimonial-section h2 {
     margin-top: 170px;
     font-size: 3em;
}
 .testimonial-section p {
     margin-top: 8px;
}
 .testimonial-section h1, .testimonial-section h6{
     color: white !important;
}
 .uk-testimonials-slider-item{
     background-color: rgba(255,145,103,0.7);
     color: white;
     font-family: 'Montserrat', sans-serif;
     background-image: url("../images/pattern.png") ;
     background-size: contain;
}
 .uk-testimonials-slider-item:before {
     content: "\f10d";
     position: absolute;
     font: normal normal normal 14px/1 FontAwesome;
     z-index: 999;
     font-size: 36px;
     color: var(--primary);
     left: 80px;
     top: 55px;
}
 .client-flex{
     display:flex;
     justify-content: space-between;
}
 .client-flex-img img{
     height: 80px;
     width: 80px ;
     object-fit: cover;
     border-radius: 50px;
}
/* gallery-section */
 .gallery-related-img img{
     height: 300px !important;
     width: 100% !important;
     object-fit: cover;
}
/* Footer section */
 .uk-offcanvas-bar{
     background-color: #F4EFE7;
     color: black;
}
 .offcanvas-font li a{
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     color: rgb(34, 34, 34) !important;
     font-size: 15px;
     letter-spacing: 1px;
     padding: 8px 0;
    
}
.uk-tab-nav{
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 5px;
  padding: 0px !important;
}
 .divider{
     height: 2px;
     background-color: var(--apricot);
}
 .footer-section{
     background-color: #F4EFE7;
}
 .social-media-icon{
     color: var(--apricot) !important;
     background-color: #0808081a !important;
     height: 30px !important;
     width: 30px !important;
}
 .footer-section h3::after {
     content: "";
     display: block;
     width: 200px;
     padding-top: 3px;
     border-bottom: 2px solid var(--apricot);
}
/********************************* about *****************************************/
 .secondary-banner-about{
     background-image: url("../images/bg1.png");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     height: 50vh;
     display: flex;
     align-items: center;
     background-color: #F8F8F8;
}
 .banner-font {
     text-align: center;
     color: #524540;
     font-family: "DM Serif Display", Sans-serif;
     font-size: 55px;
     font-weight: 500;
     line-height: 1.2em;
}
 .about-text h6:after {
     content: "";
     display: inline-block;
     width: 50px;
     height: 2px;
     vertical-align: middle;
     background-color: var(--apricot);
}
 .about-text h6:after {
     margin-left: 10px;
}
/* .banner-overlay {
     position:relative;
     top: 0;
     left: 0;
     width: 100%;
     height: 50vh;
     background: black;
     opacity: 0.4;
     z-index: 1;
     font-family: 'DM Serif Display', serif;
}
 */
 .about-two-img1{
     margin-right: 7px;
}
 .about-two-img2{
     margin-left: 7px;
}
 .about-two-img1 img,.about-two-img2 img{
     height: 400px !important;
     object-fit: cover;
     object-position: center;
     width: 250px;
}
/********************************* Services*****************************************/
 .uk-services-section img{
     height: 450px;
     width: 100%;
     object-fit: cover;
}
.services-list{
     border:1px solid #e5e5e5;
     border-top: none;
} 
.services-list li a{
     list-style: none;
     background: url("../images/check-mark.png") left center no-repeat;
     padding-left: 20px;
} 
 .uk-accordion-title{
     padding: 0;
     margin: 0px;
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     line-height: 1.6em;
}
 .uk-services-btn{
     background-color: var(--apricot);
     color: white;
     font-family: 'Montserrat', sans-serif;
     padding: 5px 15px;
     font-size: 15px;
     transition: 0.3s ease-in;
     border: 1px solid var(--apricot);
 }
 .uk-services-white-btn{
     background-color: white;
     color: var(--apricot);
     font-family: 'Montserrat', sans-serif;
     padding: 5px 15px;
     font-size: 15px;
     border: 1px solid var(--apricot);
     transition: 0.3s ease-in;
}
.uk-services-btn:hover{
  background-color: white;
  color: var(--apricot);
  border: 1px solid var(--apricot);
}
.uk-services-white-btn:hover{
  background-color: var(--apricot);
     color: white;
}
/********************************* Contact *****************************************/
 .contact-icon i{
     color: #ffffff;
     background-color: var(--apricot);
     font-size:35px;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 60px;
     width: 60px;
}
/********************************* Gallery *****************************************/
 .overflow-hidden{
     overflow: hidden !important;
}
 .gallery-img img{
     object-fit: cover;
     height: 300px !important;
     width: 100% !important;
     transition: all 1s linear;
     transform: scale3d(1, 1, 1);
     overflow: hidden !important;
}
.about-img img{
     width: 1080px ;
     object-fit: cover;
     transition: all 1s linear;
     transform: scale3d(1, 1, 1);
     overflow: hidden !important;
}
 .gallery-img img:hover,.about-img img:hover{
     transform: scale3d(1.2, 1.2, 1) 
}
 .video-img img{
     object-fit: cover;
     height: 300px !important;
     width: 100% !important;
}
 .video-play-button {
     z-index: 10;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     box-sizing: content-box;
     display: block;
     width: 32px;
     height: 44px;
     border-radius: 50%;
     padding: 18px 20px 18px 28px;
}
 .video-play-button:before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 80px;
     height: 80px;
     background: var(--apricot);
     border-radius: 50%;
     animation: pulse-border 1500ms ease-out infinite;
}
 .video-play-button:after {
     content: "";
     position: absolute;
     z-index: 1;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 80px;
     height: 80px;
     background: var(--apricot);
     border-radius: 50%;
     transition: all 200ms;
}
 .video-play-button:hover:after {
     background-color: darken(apricot, 10%);
}
 .video-play-button img {
     position: relative;
     z-index: 3;
     max-width: 100%;
     width: auto;
     height: auto;
}
 .video-play-button span {
     display: block;
     position: relative;
     z-index: 3;
     width: 0;
     height: 0;
     border-left: 32px solid #fff;
     border-top: 22px solid transparent;
     border-bottom: 22px solid transparent;
}
 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
/********************************* prices *****************************************/
 .uk-tab>.uk-active>a {
     color: #333;
     border-color: var(--apricot);
     background-color: var(--apricot);
     color: white;
}
 .uk-prices-tab li a{
     padding: 15px;
}