@font-face {
    font-family: playfair-regular;
    src: url('/fonts/PlayfairDisplay-Regular.ttf');
}

@font-face {
    font-family: helvetica-neue-regular;
    src: url('/fonts/HelveticaNeueRegular.ttf');
}

@font-face {
    font-family: helvetica-neue-bold;
    src: url('/fonts/HelveticaNeueBold.otf');
}

*, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin:0;padding: 0;}
html, body {  margin:0; padding:0;  font-weight:normal; font-family:playfair-regular;  }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif;  padding:0; margin:0; font-weight:500; margin-bottom:10px; color:#000; }
h5  { font-size:18px; }
p, li  { line-height:24px; font-size:15px; color:#666;  font-weight:400; }
li  { margin-bottom:10px; }
a { color:#000; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-decoration:none; }
a:hover,a:focus { text-decoration:none; outline:0;  } 
.clear { clear:both; float:none !important; width:100% !important; }

.image-container img {width: 100%;height: auto;object-fit: cover;}
.logo-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;border-radius: 50%;padding: 20px;z-index: 2;text-align: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
/* homepage */
.logo-overlay img {max-width: 100px;}
.grid-container {position: relative;}
.h-100vh{
    height:100vh!important;
}
.h-50vh{
    height: 50vh!important;
}

.h-33vh{
    height: 33vh!important;
}

.landing-page {
    position: relative;
    z-index: 1;
}

.logo-landing-container {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    padding: 82px 10px;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 100px;
}

.headerbottom {
    border-bottom: 2px solid #abaaa9;
}

/* General container styling */
.image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.hover-overlay {
    position: absolute;
    top: -100%;
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: translateY(0);
    transition: transform .8s ease, background 0.4s ease;
}

.image-container:hover .hover-overlay {
    /* top: 0; */
    transform: translateY(100%); /* Move content into view from above */
}

/* Text Styling */
.head-title {
    max-width: 410px;
    text-align: center;
}

.head-title .head-text {
    color: #fff;
    font-family: playfair-regular;
    font-size: 60px;
    line-height: 72px;
    font-weight: 400;
    margin-bottom: 10px;
}

.head-price{
    font-size: 18px;
    line-height: 28px;
    font-size: 700;
     font-family: helvetica-neue-bold;
     
}

.head-title .head-para {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: helvetica-neue-regular;
    padding: 0px 40px;
}


@media (max-width:991.98px){

    .hover-overlay {
        top: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .logo-landing-container img{
            width: 60px;
    }

    .logo-landing-container {
        top: 5px;
        left: 5px;
        z-index: 99;
        padding: 5px;
        border-radius: 5px;
        transform: none;
    }

}


@media (max-width:768px){
    .head-title .head-text {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .head-title .head-para {
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .head-price {
        font-size: 15px;
        line-height: 15px;
        font-size: 700;
        font-family: helvetica-neue-bold;
    }
}