@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap');
body {
    
    font-family: "Baloo Bhai 2", sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
      
}
.fade:not(.show){
			opacity: 0.9 !important;
			z-index: 999;
			}
            .modal-backdrop.fade {
                opacity: 0.9 !important;
                z-index: 99;
            }

.property-listing-four .property-thumbnail .property-status {
    display: none !important;
}
.mb-80 {
    margin: 80px 0;
}

.ref-card {
    height: 500px !important;
    border-radius: 40px !important;
    padding: 20px !important;
    margin: 20px !important;
    border: 1px solid #273271 !important;
    box-shadow: 10px 20px #273271;
}

.ref-card h1 {
    font-weight: 600;
    color: #273271;
}

.ref-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

label {
    font-size: 18px;
    font-weight: 600 !important;
  
    padding: 5px 0;
}

.contact_form {
    width: 100%;
    border-radius: 30px;
    margin: 40px;
    background-color: white !important;
}

.contact_form h2 {
    color: #273271;
}

.contact_btn {
    background-color: #273271 !important;
    font-weight: 700;
    padding: 0;
}

.management-content {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.careers {
    margin: 80px 0;
}

.careers h1 {
    
    font-size: 65px;
    font-weight: 700;
}

.careers h1 span {
    color: #273271;
    
    font-size: 65px !important;
    font-weight: 700 !important;
}

.careers p {
    color: #707070;
    
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}

#career {
    padding: 40px 0;
    background: #27327121;
    border-radius: 20px;
}

.owner-portal {
    background-image: url('https://img.etimg.com/thumb/width-1200,height-900,imgsize-2140262,resizemode-75,msid-100592257/news/economy/finance/india-emerges-as-key-source-country-for-fdi-into-dubai-report.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* height: 100vh!important;  */
    width: 100%;
    margin: 0;
    position: relative;
}

.owner-btn {
    width: 100%;
    padding: 10px;
    background: #273271 !important;
    border: none;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

.owner-form {
    background: rgba(255, 255, 255, 0.829);
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    width: 600px;
    height: fit-content;
    margin: 120px auto;
}

.owner-form label {
    font-size: 18px;
    font-weight: 600;
    color: #273271;
    padding: 10px 0;
    
}

.property-management {
    background-image: url('https://bremerwhyte.com/wp-content/uploads/2020/04/Update-Website-1024x576.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px !important;
    margin: 0;
    position: relative;
}

.referal {
    background-image: url('https://cdn.theblueground.com/website/static/img/hero-img.4da12848cc0f8cee376c.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px !important;
    margin: 0;
    position: relative;
    background-color: white;
    margin-left: 40px;
}

#portal-section h1 {
    /* */
    font-size: 50px;
    font-weight: 700;
    color: #273271;
}

#services {
    margin: 20px 0;
    padding: 80px 0;
}

.overvew-icon {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.all-benefit-details {
    padding: 20px;
}

.overvivew-card {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 22px !important;
    padding: 20px;
    height: 295px !important;
    margin: 10px;
}

.overvew-icon i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    background-color: #273271;
    border-radius: 50%;
    padding: 20px;
    width: 90px;
    height: 90px;
    color: white;
}

#portal-section p {
    color: #707070;
    /* */
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}

.property-management h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 55px;
    color: rgb(243, 243, 243);
    z-index: 99;
    position: relative;
    width: 60%;
    text-align: center;
   
    font-weight: 700;
}

.property-management h6 {
    font-size: 16px;
   
    color: white;
    text-align: center;
    position: relative;
    z-index: 999;
    font-weight: 400;
}

.aboutUs-img {
    background-image: url('https://img.freepik.com/premium-photo/breathtaking-view-futuristic-buildings-dubai-ai-generated-illustration_866663-17620.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    margin: 0;
    position: relative;
}

.aboutUs-img-new {
    background-image: url('https://img.freepik.com/premium-photo/breathtaking-view-futuristic-buildings-dubai-ai-generated-illustration_866663-17620.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 450px;
    margin: 0;
    position: relative;
}

.property-management::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000083;
}

.aboutUs-img::after , .career-img::after , .location-img::after , .project-img::after ,.abt-content::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #273271a1;
}

.form-new {
    display: flex;
    justify-content: center;
    background-image: url('https://www.shutterstock.com/image-photo/house-money-concept-finance-refinance-600nw-2387216313.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    margin: 0;
    z-index: 999;
    background-color: white;
}

.aboutUs-img h1,
.aboutUs-img div,
.career-img h1,
.career-img div ,
.location-img h1,
.location-img div,
.project-img h1,
.project-img div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 55px;
    color: rgb(243, 243, 243);
    z-index: 99;
  
    position: relative;
}
.abt-content{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    flex-direction: column;
}
.abt-content h1{
    color: rgb(243, 243, 243);
    
    z-index: 99;
    font-size: 55px;
}
.abt-content p{
    color: rgb(243, 243, 243) !important;
  
    z-index: 99;
    width: 60%;
    font-size: 20px  !important;
}
.pb-500 {
    margin: 100px 5px;
}

.aboutUs-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0000007e;
    width: 100%;
    height: 100%;
}

.contactBox {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.contactBox .bgBox {
    width: 100%;
}

.why-choose-us h1 {
    font-size: 45px;
    font-weight: 800;
}

.proprty img {
    border: 1px solid rgb(0, 0, 0);
    border-radius: 50%;
    padding: 20px;
    filter: invert(1);
}

.proprty1 {
    transition: transform 0.3s ease-in-out;
}

.proprty1 img:hover {
    transform: scale(1.05);
}

.why-choose-us {
    background-color: #273271;
    margin: 100px 0;
    padding: 50px 0;
}

a,
li {
    text-decoration: none !important;
    list-style: none;
}

.our_services {
    padding: 50px 0;
    background-color: #ffff;
}

.hero-content h1 {
    
    font-size: 4.375rem;
    line-height: normal;
}

.section_heading h3 {
    font-size: 30px;
    font-weight: 500;
    color: #111;
    line-height: 38px;
    margin-bottom: 10px;
    text-align: center;
}

.section_heading p {
    font-size: 16px;
    text-align: center;
    max-width: 75%;
    margin: auto;
    line-height: 22px;
    color: #777;
    margin-bottom: 30px;
    font-weight: 500;
}

.services_content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.services_content .content_item {
    display: flex;
    flex-direction: column;
    width: 48%;
    border: 1px solid #ddd;
    padding: 25px;
    border-radius: 18px;
    margin: auto;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.services_content .content_item p {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    line-height: 22px;
    margin-bottom: 10px;
}

.services_content .content_item h5 {
    font-size: 22px;
    font-weight: 500;
    color: #111;
    line-height: 32px;
    margin-bottom: 12px;
}

.visual_counter {
    text-align: center;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    padding: 50px 0px;
    width: 100%;
    flex-wrap: wrap;
}

.visual_counter .item {
    background: #fff;
    width: 23%;
    height: 200px;
    padding: 35px 40px;
    margin: 10px;
    text-align: center;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);
}

.visual_counter .item .count {
    color: #e8b12d;
    margin-bottom: 5px;
    font-size: 40px;
}

.visual_counter .item h3 {
    color: #4f4e28;
    text-transform: capitalize;
}


/* 06-02-2025 @harshit */

#more {
    display: none;
}

.banner .grid_container .banner-grid-left {
    grid-area: 1 / 1 / span 2 / span 2;
}

.banner .grid_container img {
    width: 100%;
    height:100%;
}

.about-content-sect .about-mainn {
    width: 75%;
}

.check-out-in-divv {}

.offers-details {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.offers-details .gym-offerss {
    padding: 10px;
    align-items: center;
    background: #FCFCFC;
    display: flex;
    flex-direction: column;
}

.offers-details .gym-offerss i {
    font-size: 26px;
    margin: 10px 0;
}

.about-sides {
    border-radius: 5px;
    box-shadow: 0 0 3px;
    padding: 10px;
    height: max-content;
    position: sticky;
    top: 30px;
}

.check-out-in-divv {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

@media(max-width:1199px) {
    .vediotitletext {
        font-size: 6rem;
        line-height: 84px;
        text-align: center;
        width: 65%;
    }
}

@media (max-width: 991px) {
    .about-sides {
        order: 1;
        position: static;
        margin-bottom: 15px;
        height: 100%;
    }
    .about-content-sect .about-mainn {
        width: 100%;
    }
    .comment-section-area {
        display: unset;
    }
    .detail_title p {
        margin: 0;
    }
    .discover-head-content {
        display: block !important;
    }
    .select-details-block {
        display: block !important;
        padding: 26px;
        top: 0 !important;
        border-radius: unset !important;
    }
    .our-partner .servicess-for img{
        width: 100px !important;
    }
    .search-container {
        width: 100% !important;
    }
    .check-in-check-out {
        /* justify-content: space-between !important;
		display: block !important; */
    }
    .check-in-check-out input {
        width: 100% !important;
    }
    .check-in-check-out label {
        width: 30% !important;
    }
}

@media(max-width:767px) {
    .hero-content h1{
        font-size: 35px ;
    }
    .calendar-container {
        width: 100% !important;
        flex-direction: column;
    }
    .banner .grid_container {
        grid-template-columns: auto auto
    }
    .banner {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 20px;
    }
    .vediotitletext {
        font-size: 5rem;
        line-height: 65px;
        text-align: center;
        /* width: 90% !important; */
    }
    .banner-grid-top img {
        width: 100%;
        height: 300px;
        /* Adjust as needed */
        object-fit: cover;
        border-radius: 8px;
    }
    .grid_bottom {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }
    .grid_bottom .grid_banner_item img {
        width: 100%;
        height: 150px;
        /* Adjust as needed */
        object-fit: cover;
        border-radius: 8px;
    }
    .vediotitletext {
        font-size: 4rem;
        /* font-size: 4.5rem; */
        line-height: 50px;
        text-align: center;
        width: 100%;
    }
    .content-enquiry {
        display: block !important;
    }
    .searching-content p {
        width: 100% !important;
    }
}

@media(max-width:675px) {
    .offers-details {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 575px) {
    .vediotitletext {
        font-size: 35px;
        /* font-size: 4.5rem; */
        line-height: 50px;
        text-align: center;
        width: 100%;
    }
}

@media(max-width:575px) {
    .property-details-card {
        display: block !important;
    }
    .cardd-property {
        margin-bottom: 15px;
    }
}


/* calender */

.calendar-container {
    background: #fff;
    width: 100%;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.calendar-container header {
    display: flex;
    align-items: center;
    padding: 25px 30px 10px;
    justify-content: space-between;
}

header .calendar-navigation {
    display: flex;
}

header .calendar-navigation span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    user-select: none;
    color: #aeabab;
    font-size: 1.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calendar-navigation span:last-child {
    margin-right: -10px;
}

header .calendar-navigation span:hover {
    background: #f2f2f2;
}

header .calendar-current-date {
    font-weight: 500;
    font-size: 1.45rem;
}

.calendar-body {
    padding: 20px;
}

.calendar-body ul {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    text-align: center;
}


/* .calendar-body .calendar-dates {
		margin-bottom: 20px;
	} */

.calendar-body li {
    width: calc(100% / 7);
    font-size: 1.07rem;
    color: #414141;
}

.calendar-body .calendar-weekdays li {
    cursor: default;
    font-weight: 500;
}

.calendar-body .calendar-dates li {
    margin-top: 30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.calendar-dates li.inactive {
    color: #aaa;
}

.calendar-dates li.active {
    color: #fff;
}

.calendar-dates li::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.calendar-dates li.active::before {
    background: #273271;
}

.calendar-dates li:not(.active):hover::before {
    background: #e4e1e1;
}


/*  */

.swiper {
    width: 100%;
    /* height: 100%; */
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 225px !important;
    z-index: 1;
    display: flex;
}


/* .swiper-slide img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
} */


/*  */

.arrange-bed {
    display: flex;
    gap: 100px;
}


/* 08-02-2025 @harshit */

.flatpickr-calendar {
    z-index: 1050 !important;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 5px;
    width: 93%;
}

.dropdonw-addult-block {
    display: flex;
    justify-content: space-between;
}

.adults-labelss p {
    color: #DDDDDD;
    font-size: 13px;
}

.about-mainn .buttons {
    display: flex;
    justify-content: space-between;
}

#prevMonthBtn {
    border-radius: 50%;
    border: 1px solid #DDDDDD;
    width: 30px;
    height: 30px;
}

#nextMonthBtn {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #DDDDDD;
}

.guess-block-divvv {
    margin-top: 10px;
}

.show-dropdown {
    display: block !important;
}

.quantity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quantity-controls button {
    width: 30px;
    height: 30px;
    border: none;
    background-color: #ddd;
    color: white;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    border-radius: 50%;
}

.quantity-controls input {
    width: 50px;
    text-align: center;
    border: none;
    /* border-radius: 5px; */
    height: 30px;
    background: none;
}

button.btn.btn-outline-primary.select-menu-btn {
    background-color: #273271 !important;
    color: white !important;
    font-size: 16px !important;
}

.adults-labelss label {
    font-weight: 600;
    font-size: 14px;
}

.quantity-controls button {
    background-color: #273271 !important;
}

.adults-labelss p {
    color: rgba(0, 0, 0, 0.808);
}

.form-control {
    font-size: 16px !important;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid lightgray !important;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 1.375rem .75rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.about-sides {
    background-color: #fff;
}

.calendar-container {
    display: flex;
    background: none !important;
    gap: 20px;
    margin: 20px 0;
}

.burger {
    position: relative;
    display: none;
}

.burger .First-hum::before,
.burger .Second-hum::before,
.burger .Third-hum::before {
    content: "";
    background-color: black;
    width: 25px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid black;
    border-radius: 5px;
}

.burger .Second-hum::before {
    top: 10px;
}

.burger .Third-hum::before {
    top: 20px;
}

.calendar {
    /* border: 1px solid #ccc;
	background: #fff; */
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.calendar h3 {
    margin: 0 0 10px;
}

.days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.day {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    /* background: #ddd; */
    /* border-radius: 5px; */
}

.select-menu-btn {
    background: none;
    display: flex !important;
    justify-content: space-between !important;
    width: 100%;
    border: none;
}

.day-header {
    /* font-weight: bold; */
    /* background: #bbb; */
}


/* comment section css */

.comment-section-area {
    display: flex;
    justify-content: space-between;
}

.comment-btnn {
    background: #273271;
    padding: 5px 25px;
    margin-top: 10px;
    color: #fff;
    border: none;
    font-size: 18px;
}

.list-inline-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.strikethrough {
    text-decoration: line-through;
    color: gray;
    opacity: 0.6;
}


/* home page css by Arun kumar */

.our-collection-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    margin-top: -110px;
}

.our-collection-div h3 {
    /* color: #30302a; */
    
    margin-bottom: 0;
    font-size: 3.1875rem;
    line-height: 61px;
    font-weight: 600;
}

.discover-all-linkk {
    border: 1px solid #211e19;
    border-radius: 32px;
    color: #211e19;
    padding: 12px 30px;
    text-wrap: nowrap;
    font-size: 16px;
}

.Schedule-app h3 {
    margin: 20px 0;
}


/* discorver box css on Home page By Arun kumar */

.dashboard-dropdown li a{
    font-size: 15px !important;
    padding: 10px 20px !important;
}

/* .discover-head-content {
	display: flex;
	justify-content: space-between;
} */

.title-discover {
    color: #273271;
    /* flex: 0 0 753px; */
    /* */
    font-size: 3.1875rem;
    line-height: 55px;
    margin-bottom: 0;
    font-weight: 600;
    /* width:70%; */
}

.title-discover i {
    /* color: #b08963; */
    color: #273271;
    /* */
    font-size: 45px;
    /* font-size: 3.25rem; */
    line-height: 62px;
}
.heading-main-h3{
    display: flex;
    justify-content: center;
}
.heading-main-h3 h3{
    background-color: #273271;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
}


/* 10-02-2025 @harshit */

.blinking-text {
    font-size: 24px;
    font-weight: bold;
    color: red;
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.detail_list-linkk {
    display: flex;
    align-items: center;
}

.blinking-text p {
    margin-bottom: 0;
}

@media(max-width:1199px) {
    /* .about-sides {
		height: 460px !important;
	} */
}

@media(max-width:767px) {
    .comment-section-area {
        display: unset !important;
    }
}


/* 10-02-2025 @harshit */

.search-container {
    position: relative;
    width: 240px;
}

.search-container input {
    border-radius: 10px !important;
}

.search-box {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
}

.close-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
    font-size: 18px;
    color: #999;
}

.search-results {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    min-height: 100%;
    z-index: 1000;
}

.search-results div {
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
}

.search-results div:hover {
    background: #f0f0f0;
}

.select-details-block {
    display: flex;
    justify-content: center;
    gap: 15px;
    border-radius: 20px;
    background: #273271de;
    position: relative;
    /* top: -200px; */
    z-index: 999;
    max-width: 1200px;
    margin: 65px auto 20px;
    padding: 22px;
    align-items: flex-end;
}

.check-in-check-out {
    display: flex;
    margin-top: 14px;
    /* gap: 5px; */
    align-items: center;
    flex-direction: column;
}

.check-in-check-out input {
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 15px;
    font-size: 14px;
    border: none;
}

.check-in-check-out label {
    color: #fff;
    margin-bottom: 11px;
    /* text-wrap-mode: nowrap; */
    font-weight: 700;
    font-size: 16px;
}

.check-in-check-out button {
    background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}

.check-in-check-out button:hover {
    background-color: #45a049;
}

.product-count {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: min-content;
}

.product-count input {
    width: 15% !important;
    border-radius: 10px !important;
    background: none;
    color: #fff;
    width: 50px !important;
}

.product-count span {
    color: #fff !important;
    font-weight: 800;
}

.product-count input:hover {
    background: none !important;
}

.submitt-btnn {
    color: #fff;
    background: #273271;
    padding: 16px 40px;
    border: none;
    margin: 10px 0;
    font-size: 18px !important;
}

.button-count {
    background: #273271;
    border-radius: 50%;
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
    justify-content: center;
}

.advance-search input[type="text"] {
    border-radius: 12px !important;
}

.meeet-team-divvv {
    display: flex;
}

.color-span {
    color: #273271;
}

.team-card-div img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}

.recent-new-post {
    background: #273271;
    padding: 20px;
}


/* .owl-nav {
	display: none;
} */

.headBox-content {
    position: relative;
    /* background: rgb(242, 243, 248); */
    background-color: #ffffff;
    padding: 20px;
}

.homecrafted .owl-nav,
.video-gallery .owl-nav,
.team-member .owl-nav {
    display: flex;
    justify-content: center;
}

.homecrafted .owl-nav button,
.video-gallery .owl-nav button,
.team-member .owl-nav button {
    background-color: white;
    color: #273271;
    font-weight: 800;
    padding: 10px 30px;
    border-radius: 10px;
    border: none;
    position: absolute;
    right: 10px;
    top: -50px;
    font-size: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homecrafted .owl-nav .owl-prev,
.video-gallery .owl-nav .owl-prev,
.team-member .owl-nav .owl-prev {
    right: 100px;
}

.owl-carousel-img .owl-nav {
    display: none;
}

.team-card-div {
    background: #C6C5BA;
    border-radius: 20px;
    text-align: center;
}

.owl-dots {
    display: none !important;
}

.team-card-content h3 {
    font-size: 35px;
}

.team-card-content {
    padding: 10px 20px;
}

.video-gallery {
    position: relative;
}

.video-gallery
/* discover card slider */

.discover-carrd {
    /* width: 100%; */
    /* min-width: 300px; */
    height: auto;
    /* background: #fff; */
    border-radius: 30px;
    position: relative;
    z-index: 10;
    margin: 25px;
    /* min-height:356px; */
    cursor: pointer;
    transition: all .25s ease;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .08);
}

.slides li {
    height: 100vh;
}

.flexslider .slides img {
    height: 100vh;
}

.card-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    overflow: hidden;
    /* padding-top: 100px; */
    paddimg-left: 60px;
    padding-right: 50px;
    scroll-behavior: smooth;
}

.des-button-1 {
    min-width: 60px;
    margin: auto 10px;
    height: 60px;
    border-radius: 20px;
    background: #fff;
    border: 0px;
    outline: none;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .08);
    transition: all .25s ease;
}

.btn:hover {
    box-shadow: 0px 17px 35px 0px rgba(0, 0, 0, .07);
}

.des-button-1 i {
    font-size: 15px;
}

.desc-view-box a {
    width: 350px;
    border-radius: 20px;
}

.content-two p {
    color: #fff !important;
}

.process-chk-btn a:hover {
    color: #fff;
}

.slider {
    display: flex;
    alogn-items: center;
    justify-content: center;
    /* background: rgb(242, 243, 248); */
    width: 100%;
    /* overflow: hidden; */
}

.homecrafted .slider {
    overflow-y: visible !important;
}


/* .slider:after {
	content: '';
	left: 98px;
	height: 90vh;
	position: absolute;
	width: 150px;
	z-index: 100;
	background: linear-gradient(90deg, rgb(242, 243, 248) 0%, rgba(242, 243, 248, 0) 100%);
	pointer-event: none;
}

.slider:before {
	content: '';
	right: 98px;
	height: 90vh;
	position: absolute;
	width: 150px;
	z-index: 100;
	background: linear-gradient(90deg, rgba(242, 243, 248, 0) 0%, rgba(242, 243, 248, 1) 100%);
	pointer-event: none;
} */

.desc-view-box .location {
    align-items: center;
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    display: flex;
    height: 30%;
    justify-content: center;
    position: absolute;
    width: 100%;
    border-radius: 0 0 20px 20px;
}

.desc-view-box .location p {
    color: #fff !important;
    font-size: 25px !important;
    font-weight: bold;
   
}

.desc-view-box img {
    width: 342px;
    border-radius: 20px;
    height: 450px;
}

.content-enquiry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #273271;
    border-radius: 20px;
    color: #fff;
    padding: 65px 40px;
    margin: 30px 0;
}

.searching-content p {
    width: 60%;
}

.enquiry-button-link a {
    color: #fff;
}

.enquiry-button-link {
    border: 1px solid #fff;
    border-radius: 32px;
    display: inline-block;
    text-wrap: nowrap;
    padding: 18px 32px;
    text-decoration: none;
}

.property-thumbnail img {
    height: 250px;
}

.form-element input {
    width: 100%;
    border: 1px solid #0000001c;
    font-size: 16px !important;
}

.wishlist_heart {
    --fuschia: #F06A4A;
    --size: 61px;
    width: var(--size);
    height: var(--size);
    cursor: pointer;
    color: transparent;
    animation: beat_off 300ms forwards;
    position: absolute;
    top: -6px;
    right: 10px;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 30px;
    line-height: 1.5;
    opacity: 1;
    -webkit-transition: all 0.25slinear;
    -o-transition: all 0.25s linear;
    transition: all 0.25slinear;
    svg {
        height: 100%;
        width: 100%;
        stroke: var(--fuschia);
    }
    &._active {
        color: var(--fuschia);
        animation: beat_on 400ms forwards;
    }
}

@keyframes beat_on {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.5);
    }
    80% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes beat_off {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.4);
    }
    80% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.error-blink {
    color: red;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    animation: blink 1.5s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.property-card {
    margin: 20px auto;
    padding: 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    
    border-left: 5px solid #ff6600;
    /* Accent color */
}

.property-card h3 {
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}

.highlight {
    font-weight: bold;
    color: #ff6600;
}


/* Responsive Design */
@media(max-width:475px){
    .model-passwordd{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .model-passwordd .activate-section{
        font-size: 12px;
        width: 100%;
    }
}

@media (max-width: 768px) {
   
    .model-passwordd .activate-section{
        font-size: 12px;
    }
    .blogs-img img{
        width: 100%;
    }
    .desc-view-box img {
        width: 342px;
        border-radius: 20px;
        height: 400px;
    }
    .zero-horizontal-margin-new {
        padding: 14px 40px !important;
    }
    .header-variation-two .main-menu>li:hover>a::after,
    .header-variation-two .main-menu>.current-menu-item>a::after {
        width: unset;
    }
    .site-header {
        height: 75px;
    }
    .partner-bg textarea {
        width: 100%;
    }
    .partner-text {
        margin: 30px !important;
    }
    .form-container {
        width: 100% !important;
    }
    .partner-bg::before {
        min-height: 1300px !important;
    }
    .contactBox {
        flex-direction: column;
        gap: 0;
    }
    .our-collection-div h3 {
        font-size: 20px !important;
    }
    .our-collection-div {
        display: unset !important;
    }
    .container-fluid {
        padding: 0px 5px !important;
    }
    /* .hero-buttons{
		flex-direction: column;
	} */
    .hero-content .hero-buttons button {
        padding: 10px;
        font-size: 14px;
    }
    .title-discover {
        font-size: 26px;
        line-height: 36px;
    }
    .title-discover i {
        font-size: 26px;
    }
    .check-in-check-out {
        padding: 0;
        align-items: flex-start;
    }
    .select-details-block {
        border-radius: 5px;
    }
    .select-details-block {
        top: 50px;
    }
    .table-striped tbody tr td {
        padding: .5rem .5rem;
    }
    .table-striped tbody tr {
        padding: .5rem .5rem !important;
    }
    .hotel-name-div h3 {
        font-size: 16px;
        font-weight: 800;
    }
    .property-card {
        max-width: 90%;
        padding: 15px;
    }
    .property-card h3 {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .card-body-for-coupan {
        margin-top: 10px !important;
        border-radius: 11px !important;
    }
    .new-footer {
        padding: 0;
    }
    #menu-main-menu {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .site-main-nav {
        display: block !important;
    }
    .site-logo {
        text-align: left;
    }
    .burger {
        display: block;
        margin-top: -26px;
    }
    .meet-the-team-member {
        margin-top: 10px;
    }
    .zero-horizontal-padding {
        justify-content: start !important;
    }
    .site-logo .logo-inner-wrapper img {
        width: 100%;
    }
    .zero-horizontal-margin-new {
        padding: 0;
        background-color: white;
    }
    #mb-res {
        display: none;
    }
    #mb-res.active {
        display: block;
    }
    .header-variation-two .user-nav,
    .header-variation-three .user-nav {
        float: left;
    }
}


/* signup model */

.model-passwordd{
    display: flex;
    justify-content: space-between;
}

/* signup model */
/* home page css by Arun kumar */

.our-collection-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.our-collection-div h3 {
    /* color: #30302a; */
    
    margin-bottom: 26px;
    font-size: 40px;
}


.property-tittle {
    color: #30302a;
   
    font-size: 45px;
}

.searching-content {
    font-size: 20px;
}

.vedio-banner-section {
    background-image: url('./front/images/explore.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 50px;
    justify-content: center;
}
.career-img{

}

.vedio-bnner-image {
    max-width: 100%;
    max-height: 100%;
}

.vediotitletext {
    color: hsla(0, 0%, 100%, .6);
   
    font-size: 8rem;
    line-height: 84px;
    text-align: center;
}

.textbox-for-vedio {
    /* transform: translate(-50%, -50%); */
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.textbox-for-vedio a {
    position: absolute;
    top: 50px;
}

.mazile-standard {
    /* background: hsla(0deg 5.56% 87.66% / 36%); */
    border: 1px solid hsla(0, 0%, 87%, .4);
    border-radius: 25px;
    margin: 20px 0;
    /* max-width: 1050px; */
    padding: 20px 24px 60px;
    /* width: 95%; */
}


/* .mazile-standard h3{
	 color: #273271;
	 padding: 10px 0;
} */

.standard-services {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 20px;
}

.standard-services img {
    max-width: 30px;
}

.standard-services span {
    font-size: 13px;
}

.servicess-for {
    flex: 0 0 96px;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    padding: 24px;
    /* box-shadow: #273271 0px 2px 8px 0px; */
    border-radius: 10px;
    margin: 10px;
    height: 120px;
}

.servicess-for img {
    max-width: 60px !important;
}
.our-partner .servicess-for img{
    width: 200px;
    max-width:200px !important
}
.tabs {
    display: flex;
    cursor: pointer;
    justify-content: center;
    gap: 20px;
}

.tab {
    padding: 15px 40px;
    border: 1px solid #ccc;
    border-radius: 30px;
    text-wrap: nowrap;
}

.tab.active {
    background-color: #783233;
    color: white;
}

.tab-content {
    display: none;
    padding: 20px;
    /* border: 1px solid #ccc; */
}

.tab-contents {
    display: flex;
    justify-content: center;
}

.tab-content.active {
    display: block;
}

.collection-card-detail {
    display: block;
    text-decoration: none;
}

.collection-card-detail img {
    border-radius: 15px 15px 0 0;
    width: 100%;
    height: 300px;
}


.property-details-card {
    display: flex;
    gap: 20px;
}

.viewbtnnbox {
    background: #fff;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
    padding: 30px 24px;
}

.property-view-more {
    display: flex;
    justify-content: end;
}

.property-view-more i {
    align-items: center;
    border: 0;
    border-radius: 30px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

@media(max-width:991px) {
    .standard-services {
        display: grid;
        grid-template-columns: repeat(4, 2fr);
    }
}

@media(max-width:767px) {
    .standard-services {
        display: grid;
        grid-template-columns: repeat(3, 3fr);
    }
}

@media(max-width:512px) {
    .discover-all-linkk-desk{
        display: none;
    }
    .menus-topss {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .site-footer li {
        margin-bottom: 15px;
    }
    
    
    .referl-details {
        width: 100% !important;
        left: 0 !important;
        height: fit-content !important;
        padding: 30px !important;
    }
    #story h1 {
        font-size: 30px !important;
    }
    .about-text h1 {
        font-size: 30px !important;
    }
    .owner-form {
        width: 100%;
    }
    .mission-vision {
        width: 100% !important;
    }
    .contact_form {
        margin: 12px 0;
        width: 100%;
        border-radius: 15px;
        padding: 20px;
    }
    .careers {
        margin: 25px 10px;
    }
    .careers h1 {
        
        font-size: 35px;
        font-weight: 700;
    }
    .careers h1 span {
        color: #273271;
        
        font-size: 35px !important;
        font-weight: 700 !important;
    }
    #portal-section {
        padding: 10px 20px;
    }
    .property-management h6 {
        font-size: 14px;
        padding: 0 60px;
    }
    .property-management h1 {
        width: 100%;
        font-size: 30px;
    }
    #portal-section h1 {
        
        font-size: 30px;
        font-weight: 700;
        color: #273271;
    }
    #portal-section p {
        color: #707070;
        
        font-size: 14px;
        font-weight: 400;
        text-align: justify;
    }
    .hero-content h1 {
        font-size: 30px !important;
    }
    .hero-content h2 {
        font-size: 14px;
    }
    .slides li {
        height: unset;
    }
    .flexslider .slides img {
        height: 63vh;
    }
    .Schedule-app img {
        width: 100%;
    }
    .appoentment-form .form-container {
        width: 100% !important;
    }
    .homecrafted .owl-nav button,
    .video-gallery .owl-nav button,
    .team-member .owl-nav button {
        transform: translateX(-120px);
        bottom: -20px;
        top: unset !important;
        display: none;
    }
    /* .title-discover {
        width: 100%;
    } */
    .our-collection-div h3 {
        padding: 10px 0;
        /* text-wrap: nowrap; */
    }
    .partner-bg::before {
        min-height: 1450px !important;
    }
    .partner-bg button {
        width: 100% !important;
    }
    .standard-services {
        display: grid;
        grid-template-columns: repeat(2, 4fr);
    }
}


/* summary page css By Akhilesh */

.logo-brand img {
    width: 80px;
    height: 80px;
    border-radius: 15px;
}

.port-blair-to h4,
.port-blair-to h5,
.port-blair-to p {
    margin: 5px;
}

.port-blair-to {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff
}

.markuzz-show {
    align-items: center;
    gap: 5px;
}

.departure-details {
    padding: 10px 10px;
}

.Seat-class-body {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
}

.seat-class-main-content-1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    align-items: center;
    background-color: #273271;
    color: #fff;
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.content-two {
    text-align: center;
    line-height: 35px;
}

.hotel-name-div h3 {
    margin: 0;
    font-size: ;
}

.content-two .package-select {
    justify-content: center;
}

.card-body-for-coupan {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 15px;
    background-color: white !important;
}

.content-one .summary_table th {
    max-width: 100%;
    line-height: 22px;
    padding: 15px 10px;
    border-radius: 0;
}

.seat-class-main-content-1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.booking_date_new {
    padding: 15px 0;
}

.booking_date_new input {
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ddd !important;
}

.btn_pay_new {
    width: 100%;
    font-size: 16px;
}

.my_btn {
    width: 100%;
    font-size: 16px;
    background: #273271 !important;
    color: #fff !important;
}

.my_btn:hover {
    width: 100%;
    font-size: 16px;
    background: #273271;
    color: #fff !important;
    border: none;
    box-shadow: initial;
}

.port-detail-section {
    margin: 8px;
}

.port-detail-section input[type="radio"] {
    display: block;
}


/* paynow page css By Arun kumar */


/* 13-02-2025 @harshit */

.proceed-to-checkout {
    width: 100% !important;
    background: #273271;
    border: none;
    padding: 7px;
    color: #fff;
    border-radius: 5px;
    padding: 15px 50px !important;
}

.process-chk-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #273271;
    margin-top: 15px;
}

.process-chk-btn a {
    display: flex;
    justify-content: center;
    padding: 6px 11px;
    color: #fff;
    font-size: 16px;
}

.check-availaibilty {
    display: flex;
    justify-content: center;
}


/* 14-02-2025 @harshit */

.payment-main-div {
    display: flex;
    padding: 30px;
}

.home-icon-dic {
    display: flex;
    align-items: center;
}

.back-to-home {
    width: 100%;
}

.back-to-home1 {
    display: flex;
    width: 100%;
    align-items: baseline;
    gap: 10px;
}

.payment-option-required {
    width: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px 30px;
    background-color: white;
    border-radius: 10px;
}

.payment-option-required button {
    width: 100%;
    padding: 10px;
    background: #273271;
    color: #fff;
    border: none;
    margin: 10px 0;
    font-size: 16px !important;
}


/* .input-div-box{
		width: 97%;
		margin: 6px;
} */

.input-div-box input {
    width: 100%;
    border: none;
    background: none;
}

.input-div-box-date {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 10px 0;
}

.input-div-box-date input {
    border: 1px solid #dddd;
    width: 100%;
    height: 44px;
    border-radius: 8px;
}

.input-div-box {
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #dddd;
    padding: 7px;
    border-radius: 8px;
}

.pay-now-button {
    background: #273271 !important;
    color: #fff;
    border: none;
    margin: 10px 0;
}

.error.form-group {
    padding: 0;
}

.information-cardd {
    display: flex;
    flex-direction: column;
}

.information-cardd input {
    border: 1px solid #dddd;
    height: 44px;
    border-radius: 8px;
}

.input-div-box-carddetail {
    /* border: 1px solid #dddd; */
    /* padding: 10px; */
    border-radius: 10px;
    margin: 10px 0;
}

.input-div-box-name {
    display: flex;
    flex-direction: column;
}

.input-div-box-name input {
    background: none;
    border: 1px solid #dddd;
    height: 44px;
    border-radius: 8px;
}

.input-div-box-name,
.input-div-box-check,
.input-div-box-country {
    margin: 10px 0;
}

.input-div-box-country {
    display: flex;
    flex-direction: column;
}

.input-div-box-country select {
    height: 44px;
    border-radius: 8px;
    font-size: 16px !important;
}

#guestDropdown {
    padding: 10px;
}

.pay-now-button {
    border-radius: 8px;
}

.back-new {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px 30px;
    background-color: white;
    margin-right: 20px;
    border-radius: 10px;
}


/* 17-02-2025 @harshit */

.thank-you-card {
    background: #fff;
    padding: 80px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 824px;
    width: 100%;
    /* margin-left: 23%;
		margin-top: 2%;
		margin-bottom: 2%; */
}

.thankyou-parant {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.thnk-btn {
    background-color: #273271 !important;
}

.thank-you-card h2 {
    color: #28a745;
    font-size: 40px;
    margin-bottom: 15px;
}

.thank-you-card p {
    font-size: 18px;
    color: #333;
    margin: 10px 0;
}

.thank-you-card .details {
    background: #e9ecef;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
}

.thank-you-card .details p {
    margin: 5px 0;
    font-weight: bold;
}

.btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}

.btn:hover {
    border: 1px solid #273271;
}

.team-member .owl-item img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.team-member .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 50px;
    width: 95%;
    margin: 30px;
}

.team-member {
    transition: 0.5s ease-in-out;
}

.team-member .item h4 {
    font-size: 18px;
    font-weight: 600;
    padding: 8px 0;
}

.team-member .item p {
    font-size: 14px;
    color: #707070;
    font-weight: 600;
    text-align: center;
}

.team-member .item:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
}

.team-member p {
    text-align: justify;
}

.owl-dots {
    text-align: center;
}

.owl-dots button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #273271;
    margin: 0 5px;
}

.owl-carousel-img .owl-dots {
    display: none;
}

.animation-btn {
    /* width: 100%;
    height: 100%; */
    position: relative;
    overflow: hidden !important;
    display: inline-block;
    border-radius: 50px;
}

.animation-btn span {
    position: relative;
    z-index: 999;
}

.animation-btn::before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    background-color: #000000;
    transition: width 0.5s, height 0.5s;
    overflow: hidden !important;
}

.animation-btn:hover::before {
    width: 200px;
    height: 200px;
}

.new-footer p {
    color: white !important;
    width: 90%;
    
}

footer .newsletter p,
input {
    padding: 5px;
}

footer .newsletter input {
    width: 100%;
    margin-bottom: 20px;
    border-style: none;
    background-color: #ffffff;
    color: #474747;
    padding: 16px;
    border-radius: 30px;
    font-size: 16px;
}

.news-latt {
    position: relative;
}

footer .newsletter input::placeholder {
    color: #a29e9e;
    font-size: 10px;
}

footer .newsletter button {
    padding: 10px 18px;
    background-color: transparent;
    margin-left: 4px;
    color: #fff;
    font-size: 10px;
    border-style: none;
    color: #273271;
    position: absolute;
    top: 5px;
    right: 0;
}

footer .newsletter button i {
    font-size: 24px;
}

footer .newsletter a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    font-size: 16px;
}

/* .container-fluid {
    padding: 0 50px;
} */


/* blogs css */

.blog-card {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 1.5rem;
    padding: 1.5rem;
    overflow: hidden;
    position: relative;
    margin: 20px 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.card-img-holder {
    width: 100%;

    position: relative;
}
.blog-img img{
   width: 100%;
   height: 300px  !important;
}
.card-img-holder img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 1.5rem;
}

.blog-title {
    color: #273271;
    padding: 1rem 0;
    font-size: 2.5rem;
}

.description {
    margin: 10px 0;
    color: lightgray;
    font-size: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-time {
    font-size: 1.6rem;
    color: #273271;
}

.options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
}

.options span {
    font-weight: 600;
    color: #273271;
    font-size: 18px;
}

.btn {
    font-size: 2rem !important;
    padding: .5rem 1rem;
    border-radius: .5rem;
    font-weight: 400;
    background: #EEF7FE;
    color: #273271;
    cursor: pointer;
}

.form-partner {
    background-color: white;
    width: 80%;
    height: 100%;
}

.form-partner form {
    padding: 20px;
}


/* form */

.form-container {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 300px;
}

.form-container.form-group {
    margin-bottom: 15px;
}

.form-containerlabel {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.form-container input,
select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}


/* faq css */

.faq_container {
    border-bottom: 2px solid #ddd;
    width: 100%;
    margin: 8px 0;
}

.faq_question {
    font-size: 1.2rem;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.answer {
    padding: 0 10px 20px;
    line-height: 1.5rem;
}

.answer p {
    font-weight: 400px !important;
    font-size: 16px;
}

.fqa_headline_container h2 span {
    font-weight: 700;
}

.faq_question-text h3 {
    font-size: 18px;
    color: #273271;
}

.icon.active {
    background: transparent;
    border: 2px solid #fff;
}

.icon:hover {
    cursor: pointer;
}

.icon-shape {
    position: relative;
    width: 50px;
    height: 50px;
    color: #273271;
}

.icon .icon-shape::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 4px;
    background: #273271;
    border-radius: 3px;
    transition: all 0.5s ease;
}

.icon .icon-shape::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 18px;
    background: #273271;
    border-radius: 3px;
    transition: all 0.5s ease;
}

.icon .icon-shape.active::before {
    transform: translate(-50%, -50%) rotate(180deg);
    transition: all 0.5s ease;
}

.icon .icon-shape.active::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: all 0.5s ease;
}

.faq_main_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#faq {
    margin: 80px 0;
}


/* whatsapp icon css */

.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 94px;
    right: 30px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 24px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 9999;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.btn-whatsapp-pulse-border {
    bottom: 120px;
    right: 20px;
    animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


/* top header */

.top-header {
    display: flex;
    justify-content: end;
    width: 100%;
    height: 20px;
    background-color: #273271;
}

.menus-top {
    display: flex;
    justify-content: end;
    align-self: center;
    gap: 16px;
    padding: 8px 20px;
}

.menus-top a {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-wrap: nowrap;
    /* */
}

.LOGO-TITLE {
    color: #273271;
    font-weight: 800;
    text-wrap: nowrap;
}

.about-text p {
    color: #707070;
   
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 28px;
}

.about-text h1 {
   
    font-size: 50px;
    font-weight: 700;
    color: #273271;
}

.property-mange h1 {
    font-size: 22px;
    font-weight: 800;
  
}

.property-mange {
    margin: 100px 0;
}

.property-mange p {
    font-size: 16px;
   
}

.property-mange img {
    width: 100%;
    height: 400px;
}

.appoentment-form .form-container {
    width: 100%;
    margin-top: 10px;
}

.appoentment-form button {
    padding: 10px 30px;
    border: unset;
    background-color: #273271;
    border-radius: 40px;
    color: white;
    font-size: 16px;
}

.Schedule-app {
    background-color: white;
    padding: 40px 30px;
}

.logo-title-footer {
    color: white !important;
    padding: 5PX 0;
}

.appoentment-form h3 {
    font-size: 32px !important;
    font-weight: 500;
   
}

.appoentment-form p {
    font-size: 16px !important;
    font-weight: 400;
   
}

#overview h3 {
    padding: 10px 0;
    color: white;
}

#overview {
    background: #273271;
    padding: 50px 0;
    margin: 20px;
}

.modal.fade .modal-dialog {
    transition: transform .3sease-out;
    transform: translate(0, 234px) !important;
}

.benefit-card {
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 13px;
    margin: 12px;
}

#Benefits {
    background-color: #273271;
    padding: 80px 0;
}

.benefit-card h3 {
    padding: 20px;
}

#Benefits img {
    border-radius: 40px;
}

.accordion-button {
    font-size: 16px !important;
    font-weight: 700px !important;
}

.accordion-body {
    font-size: 14px;
    font-weight: 400 !important;
}

.accordion-item {
    margin: 10px 0;
}

.referl-details {
    width: 588px;
    height: 500px;
    background-color: white;
    border-bottom-right-radius: 80px;
    padding: 64px;
    left: 50px;
    position: absolute;
    top: 0;
}

.referl-details h1 {
    font-size: 3.900rem;
    line-height: 3.999rem;
    color: #273271;
    font-weight: 700;
    line-height: 50px;
}

.referl-details p {
    font-size: 18px;
    line-height: 2.571rem;
}

.referl-details h6 {
    font-size: 16px !important;
    margin: 10px 0;
}

.mission-vision {
    width: 100%;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border-radius: 21px !important;
    height: 100% !important;
    cursor: pointer;
    min-height: 400px;
}

#mission {
    background: #273271;
    padding: 80px 0;
}

.mission-vision h5 {
    font-size: 35px;
    text-align: center;
    /* font-weight: 700; */
    /* */
    color: #273271;
}

.mission-vision p {
    font-weight: 400 !important;
   
    color: #707070;
    width: 90%;
    margin: auto;
    padding: 10px 0;

}

.mission-vision:hover {
   background-color: #dfecf9;
}

#story h1 {
    /* */
    font-size: 50px;
    font-weight: 700;
    color: #273271;
    margin-bottom: 10px;
}

#story {
    margin: 80px 0;
}

#story p {
    color: #707070;
    /* */
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 28px;
}

#why-schoose-us {
    margin: 80px 0;
}

.mission-vision img {
    width: 100px;
    height: 100px;
    object-fit: scale-down;
}

.login-owner {
    display: none;
}

.reset-owner {
    display: none;
}

.slabel {
    font-size: 14px !important;
}

.recent-posts-new {
    background-color: #273271;
}

#standard-makh .owl-nav {
    display: none;
}

@media (max-width:576px) {
    
    #overview h3 {
        text-align: center;
    }
    .title-discover {
        text-align: center;
    }
    #why-schoose-us p {
        text-align: center;
    }
    .form-group label {
        margin-bottom: 10px;
        line-height: 20px;
        font-size: 16px;
    }
    #refer .referal-forml h1 {
        color: #273271 !important;
        font-size: 30px!important;
        color: white;
        font-weight: 700;
    }
    #refer .referal-forml {
        padding: 20px;
        border-radius: 15px;
    }
    .payment-main-div {
        flex-direction: column;
        padding: 30px 5px;
        gap: 10px;
    }
    .back-to-home1 {
        flex-direction: column;
    }
    .home-icon-dic i {
        font-size: 22px;
    }
    .payment-option-required {
        padding: 20px 15px;
    }
    .thank-you-card {
        padding: 30px 15px;
    }
    table.custom-table tr {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .contactBox .box .text,
    .contactBox .box .splText {
        color: #fff !important;
    }
    .contactBox .addressBox i {
        color: #fff !important;
        font-size: 20px !important;
    }
    .contactBox .box.bgBox {
        margin-bottom: 15px;
    }
    .footer-logo {
        padding: 0 30px !important;
    }
}

.customTextarea {
    width: 100%;
    height: 300px !important;  
    resize: none !important; 
}
section.login_form {
    padding: 70px 0;
}
.login_form .social-networks a i {
    color: #273271;
    font-size: 30px;
}
.login_form .brand_logo_with_icons a {
    display: flex;
    justify-content: center;
}
.login_form .brand_logo_with_icons .copyright-text a {
    display: inline-block;
}
.login_form .social-networks {
    margin: 20px 0 35px;
}
.login_form .brand_logo_with_icons {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    border-right: 1px solid #d6d6d6;
}
.forms_layout .sign-panels h5 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
  
    color: #273271;
    text-align: center;
}
.form_anchor a {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 12px 30px;
    background-color: #fff;
    border-radius: 50px;
    color: #273271;
    border: 1px solid #273271;
}
.form_anchor a:hover {
    color: #273271;
    border: 1px solid #273271;
    background-color: #fff;
}
.form_anchor {
    margin-top: 30px;
}
.forms_layout .sign-panels {
    padding: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 15px;
    background-color: #fdfdfd;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.login_form .login-form-submit {
    background-color: #273271;
    border-radius: 30px !important;
} 

.card.project-cards {
    padding: 15px ;
    border-radius: 10px;
    
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media (min-width: 576px) {
    .login_form .brand_logo_with_icons img {
        width: 65%;
        margin-bottom: 20px;
    }
    .form_anchor a {
        display: block;
        text-align: center;
    }
    .form_anchor {
        flex-direction: column;
    }
}
@media (max-width:576px) {
    .login_form .brand_logo_with_icons img {
        display: none;
    }
    section.login_form {
        padding: 40px 0;
    }
    .forms_layout .sign-panels h5 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .form-element {
        margin: 10px 0; 
    }
    .forms_layout .sign-panels {
        padding: 10px;
    }
    .form_anchor a {
        display: block;
        text-align: center;
    }
    .form_anchor {
        flex-direction: column;
    }
    .select-details-block {
        margin-top: 0px;
    }
    .menus-top {
        display: flex;
        justify-content: center;
        align-self: center;
        gap: 0px;
        padding: 8px 0px;
        flex-wrap: wrap;
    }
    .top-header {
        height: 80px !important;
    }
}