.main-logo {
    /*max-width: 60%;*/
    /*padding-top: 7px;*/
    /*padding-bottom: 7px;*/
    max-width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 116px;
}

h3 {
    font-family: 'Playfair Display', serif;
}

p {
    font-family: 'poppins';
}

.third_banner {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: rgb(228, 223, 223);
}

.our_exu_img {
    max-width: 100%;
    height: 330px;
    object-fit: cover;
}

.banner_wrapper {
    background-image: url(../img/portfolio/contactbanner.webp);
    background-position: center;
    background-size: cover;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
}
.banner_wrapper1 {
    background-image: url(../img/portfolio/commercialbanner.webp);
    background-position: center;
    background-size: cover;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    height: 80vh;
    position: relative;
}
.banner_wrapper2 {
    background-image: url(../img/portfolio/institutionbanner.webp);
    background-position: center;
    background-size: cover;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
}
.banner_wrapper3 {
    background-image: url(../img/portfolio/hospitality.webp);
    background-position: center;
    background-size: cover;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
}
.banner_wrapper4 {
    background-image: url(../img/portfolio/banner5.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
}
.portfolio_img img{
    height:100% !important;
}
.banner_content {
    position: absolute;
    top: 45%;
    color: #000000;
    font-size: 32px;
    text-align: center;
    margin: auto;
    display: flex;
    left: 45%;
}
.banner_content h3{
     z-index: 2; 
    /*text-shadow: 9px 9px 9px rgb(255 255 255); */
    text-shadow: 
        0 0 5px rgba(255, 255, 255, 0.8),  /* Soft white shadow */
        0 0 10px rgba(255, 255, 255, 0.6), /* Stronger white shadow */
        0 0 15px rgba(255, 255, 255, 0.4); /* Softest white shadow */
    opacity: 1; /* Full opacity for text */
}
.second_banner {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: rgb(255, 255, 255);
}

.social_iconn {
    color: #b16f2e;
    font-size: 20px;
    margin-right: 10px;
}

.social_row {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

i.fab.fa-whatsapp {
    font-size: 40px;
    color: #25D366;
}

.icons {
    color: #b16f2e;
}

.third_banner {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: rgb(228, 223, 223);
}

.our_exu_img {
    max-width: 100%;
    height: 330px;
    object-fit: cover;
}

/* .about_wrapper {
    background-image: url(../img/about-us-ban-3.jpg) !important;
} */

/* .team_banner {
    background-image: url(../img/team-2\ \(2\).jpg) !important;
} */



.banner_content {
    position: absolute;
    top: 45%;
    color: #000000;
    font-size: 32px;
    text-align: center;
    margin: auto;
    display: flex;
    left: 45%;
}

.second_banner {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: rgb(255, 255, 255);
}



.card {
    float: left;
    padding: 1rem;
    /*min-width: 400px;*/
}

.menu-content {

    margin: 0;
    padding: 0;
    list-style-type: none;

    li {
        display: inline-block;
    }

    a {
        color: white;
    }
}

.wrapper {
    background-color: white;
    min-height: 350px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 19px 38px rgba(black, 0.3), 0 15px 12px rgba(black, 0.2);

    &:hover {
        .data {
            transform: translateY(0);
        }
    }
}

.data {
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(calc(80px + 1em));
    transition: transform 0.3s;

    .content {
        padding: 1.5em;
        position: relative;
        z-index: 1;
    }
}

.type {
    font-size: 12px;
}

/* .title {
    margin-top: 10px;
} */

.text {
    height: 70px;
    margin: 0;
}

input[type='checkbox'] {
    display: none;
}

input[type='checkbox']:checked+.menu-content {
    transform: translateY(-60px);
}



/* .example-2{ */
/* .wrapper {
        background: url(https://images.unsplash.com/photo-1547405358-4ef2671bb1bb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80) 30% 1% / cover no-repeat;
    } */
.resdidential_one {
    background: url(../img/backyard-1.jpg) 30% 1% / cover no-repeat !important;
}

.resdidential_two {

    object-fit: cover;
    background: url(../img/balcony-1.jpg) 30% 1% / cover no-repeat !important;
}

.resdidential_three {
    background: url(../img/bedroom.jpeg) 30% 1% / cover no-repeat !important;
}

.resdidential_four {
    background: url(../img/bedroom-2.jpeg) 30% 1% / cover no-repeat !important;
}

.resdidential_five {
    background: url(../img/bedroom-3.jpeg) 30% 1% / cover no-repeat !important;
}

.resdidential_six {
    background: url(../img/bedroom4.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_seven{
    background: url(../img/bedroom3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_eight{
    background: url(../img/bedroom-7.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_nine{
    background: url(../img/bedroom-5.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_ten{
    background: url(../img/bedroom-6.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_eleven{
    background: url(../img/bedroom-7.jpg) 30% 1% / cover no-repeat !important;
}

.resdidential_twelve{
    background: url(../img/bunglow-1.jpeg) 30% 1% / cover no-repeat !important;
}

.resdidential_thirteen{
    background: url(../img/bunglow-2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourteen{
    background: url(../img/bunglow-3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fifteen{
    background: url(../img/bunglow-4.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_sixteen{
    background: url(../img/dinning-area1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_seventeen{
    background: url(../img/dinning-area2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_eightteen{
    background: url(../img/dinning-area3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_nineteen{
    background: url(../img/dinning-area4.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_twenty{
    background: url(../img/dinning-area5.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_twentyone{
    background: url(../img/dinning-area6.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_twentytwo{
    background: url(../img/dinning-area7.jpeg) 30% 1% / cover no-repeat !important;
}

.resdidential_twentythree{
    background: url(../img/dinning-area8.jpeg) 30% 1% / cover no-repeat !important;
}
.resdidential_twentyfour{
    background: url(../img/dinning-area9.jpeg) 30% 1% / cover no-repeat !important;
}
.resdidential_twentyfive{
    background: url(../img/entertainment-1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_twentysix{
    background: url(../img/entertainment-3.jpeg) 30% 1% / cover no-repeat !important;
}.resdidential_twentyseven{
    background: url(../img/entertainment-3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_twentyeight{
    background: url(../img/entery-view1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_twentynine{
    background: url(../img/enterview-.jpeg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirty{
    background: url(../img/entery-view2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtyone{
    background: url(../img/entery-view3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtytwo{
    background: url(../img/flat-1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtythree{
    background: url(../img/home-mandir1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtyfour{
    background: url(../img/home-mandir2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtyfive{
    background: url(../img/home-mandir3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtysix{
    background: url(../img/home-mandir4.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtyseven{
    background: url(../img/kitchen1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtyeight{
    background: url(../img/kitchen2.jpeg) 30% 1% / cover no-repeat !important;
}
.resdidential_thirtynine{
    background: url(../img/kitchen3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourty{
    background: url(../img/kitchen4.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtyone{
    background: url(../img/stairs-area.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtytwo{
    background: url(../img/stairs-area1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtythree{
    background: url(../img/stairs-area2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtyfour{
    background: url(../img/stairs-area3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtyfive{
    background: url(../img/study-room1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtysix{
    background: url(../img/study-room2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtyseven{
    background: url(../img/walk-in2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtyeight{
    background: url(../img/walk-in3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fourtynine{
    background: url(../img/walk-in4.jpeg) 30% 1% / cover no-repeat !important;
}
.resdidential_fifty{
    background: url(../img/walk-in5.jpeg) 30% 1% / cover no-repeat !important;
}
.resdidential_fiftyone{
    background: url(../img/washroom-1.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fiftytwo{
    background: url(../img/washroom-2.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fiftythree{
    background: url(../img/washroom-3.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fiftyfour{
    background: url(../img/washroom-4.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fiftyfive{
    background: url(../img/washroom-5.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fiftysix{
    background: url(../img/washroom-6.jpg) 30% 1% / cover no-repeat !important;
}
.resdidential_fiftyseven{
    background: url(../img/washroom-7.jpg) 30% 1% / cover no-repeat !important;
}

.commercial_one {
    background: url(../img/Cafeteria.jpg) 30% 1% / cover no-repeat !important;
}

.commercial_two {
    background: url(../img/card.jpg) 30% 1% / cover no-repeat !important;
}

.commercial_three {
    background: url(../img/club_1.jpg) 30% 1% / cover no-repeat !important;
}

.commercial_four {
    background: url(../img/club_2.jpg) 30% 1% / cover no-repeat !important;
}

.commercial_five {
    background: url(../img/club_3.jpg) 30% 1% / cover no-repeat !important;
}

.commercial_six {
    background: url(../img/club_4.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_seven {
    background: url(../img/club_5.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_eight {
    background: url(../img/conference_room_1.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_nine {
    background: url(../img/conference_room_2.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_ten {
    background: url(../img/conference_room_3.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_eleven {
    background: url(../img/Director_room_1.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_tweleve {
    background: url(../img/Director_room_2.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirteen {
    background: url(../img/Director_room_3.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_fourteen {
    background: url(../img/Director_room_4.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_fifteen {
    background: url(../img/Director_room_5.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_sixteen {
    background: url(../img/gym_1.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_seventeen {
    background: url(../img/gym_2.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_eighteen {
    background: url(../img/gym_3.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_nineteen {
    background: url(../img/gym_4.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twenty {
    background: url(../img/lift_4.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentyone {
    background: url(../img/lift_1.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentytwo {
    background: url(../img/lift_2.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentythree {
    background: url(../img/lift_3.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentyfour {
    background: url(../img/meeting_room.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentyfive {
    background: url(../img/pool.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentysix {
    background: url(../img/reception_1.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentyseven {
    background: url(../img/reception_2.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentyeight {
    background: url(../img/reception_3.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_twentynine {
    background: url(../img/reception_3.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirty {
    background: url(../img/reception_4.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtyone {
    background: url(../img/reception_5.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtytwo {
    background: url(../img/reception_6.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtythree {
    background: url(../img/reception_7.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtyfour {
    background: url(../img/recording_studio_1.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtyfive {
    background: url(../img/recording_studio_2.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtysix {
    background: url(../img/recording_studio_3.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtyseven {
    background: url(../img/recording_studio_4.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtyeight {
    background: url(../img/recording_studio_5.jpg) 30% 1% / cover no-repeat !important;
}
.commercial_thirtynine {
    background: url(../img/study.jpg) 30% 1% / cover no-repeat !important;
}
.school_one{
    background: url(../img/sch1.jpg) 30% 1% / cover no-repeat !important;
}

.school_two {
    background: url(../img/sch2.jpg) 30% 1% / cover no-repeat !important;
}

.school_three {
    background: url(../img/sch3.jpg) 30% 1% / cover no-repeat !important;
}

.school_four {
    background: url(../img/sch4.jpg) 30% 1% / cover no-repeat !important;
}

.school_five {
    background: url(../img/sch5.jpeg) 30% 1% / cover no-repeat !important;
}

.school_six {
    background: url(../img/sch6.jpeg) 30% 1% / cover no-repeat !important;
}
.school_seven {
    background: url(../img/sch7.jpeg) 30% 1% / cover no-repeat !important;
}
.school_eight {
    background: url(../img/sch8.jpg) 30% 1% / cover no-repeat !important;
}
.school_nine{
    background: url(../img/sch9.jpg) 30% 1% / cover no-repeat !important;
}
.school_ten {
    background: url(../img/sch10.jpg) 30% 1% / cover no-repeat !important;
}
.school_eleven{
    background: url(../img/sch11.jpg) 30% 1% / cover no-repeat !important;
}
.school_tweleve{
    background: url(../img/sch12.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirteen{
    background: url(../img/sch13.jpg) 30% 1% / cover no-repeat !important;
}

.school_fourteen {
    background: url(../img/sch14.jpg) 30% 1% / cover no-repeat !important;
}
.school_fifteen {
    background: url(../img/sch15.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixteen {
    background: url(../img/sch16.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventeen {
    background: url(../img/sch17.jpg) 30% 1% / cover no-repeat !important;
}
.school_eighteen{
    background: url(../img/sch18.jpg) 30% 1% / cover no-repeat !important;
}
.school_nineteen{
    background: url(../img/sch19.jpg) 30% 1% / cover no-repeat !important;
}
.school_twenty {
    background: url(../img/sch20.jpg) 30% 1% / cover no-repeat !important;
}
.school_twentyone {
    background: url(../img/sch21.jpg) 30% 1% / cover no-repeat !important;
}
.school_twentytwo{
    background: url(../img/sch22.jpg) 30% 1% / cover no-repeat !important;
}
.school_twentythree{
    background: url(../img/sch23.jpg) 30% 1% / cover no-repeat !important;
}
.school_twentyfour{
    background: url(../img/sch24.jpg) 30% 1% / cover no-repeat !important;
}

.school_twentyfive {
    background: url(../img/sch25.jpg) 30% 1% / cover no-repeat !important;
}
.school_twentysix {
    background: url(../img/sch26.jpeg) 30% 1% / cover no-repeat !important;
}
.school_twentyseven {
    background: url(../img/sch27.jpg) 30% 1% / cover no-repeat !important;
}
.school_twentyeight{
    background: url(../img/sch28.jpg) 30% 1% / cover no-repeat !important;
}
.school_twentynine {
    background: url(../img/sch29.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirty {
    background: url(../img/sch30.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtyone {
    background: url(../img/sch31.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtytwo {
    background: url(../img/sch32.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtythree {
    background: url(../img/sch33.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtyfour {
    background: url(../img/sch34.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtyfive {
    background: url(../img/sch35.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtysix {
    background: url(../img/sch36.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtyseven {
    background: url(../img/sch37.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtyeight{
    background: url(../img/sch37.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtynine {
    background: url(../img/sch38.jpg) 30% 1% / cover no-repeat !important;
}
.school_thirtynine{
    background: url(../img/sch39.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourty{
    background: url(../img/sch40.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtyone{
    background: url(../img/sch41.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtytwo{
    background: url(../img/sch42.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtythree{
    background: url(../img/sch43.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtyfour{
    background: url(../img/school_44.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtyfive{
    background: url(../img/school_1.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtysix{
    background: url(../img/school_2.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtyseven{
    background: url(../img/school_3.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtyeight{
    background: url(../img/school_4.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourtynine{
    background: url(../img/school_5.jpg) 30% 1% / cover no-repeat !important;
}
.school_fifty{
    background: url(../img/school_6.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftyone{
    background: url(../img/school_7.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftytwo{
    background: url(../img/school_8.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftythree{
    background: url(../img/school_9.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftyfour{
    background: url(../img/school_10.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftyfive{
    background: url(../img/school_11.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftysix{
    background: url(../img/school_12.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftyseven{
    background: url(../img/school_13.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftyeight{
    background: url(../img/school_14.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiftynine{
    background: url(../img/school_15.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixty{
    background: url(../img/school_16.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtyone{
    background: url(../img/school_17.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtytwo{
    background: url(../img/school_18.jpg) 30% 1% / cover no-repeat !important;
}.school_sixty{
    background: url(../img/school_19.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtythree{
    background: url(../img/school_20.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtyfour{
    background: url(../img/school_21.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtyfive{
    background: url(../img/school_22.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtysix{
    background: url(../img/school_23.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtyseven{
    background: url(../img/school_24.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtyeight{
    background: url(../img/school_25.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixtynine{
    background: url(../img/school_26.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventy{
    background: url(../img/school_27.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventyone{
    background: url(../img/school_28.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventyone{
    background: url(../img/school_29.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventytwo{
    background: url(../img/school_30.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventythree{
    background: url(../img/school_31.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventyfour{
    background: url(../img/school_32.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventyfive{
    background: url(../img/school_33.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventysix{
    background: url(../img/school_34.jpg) 30% 1% / cover no-repeat !important;
}
.school_seventyseven{
    background: url(../img/school_35.jpeg) 30% 1% / cover no-repeat !important;
}
.school_seventyeight{
    background: url(../img/school_36.jpeg) 30% 1% / cover no-repeat !important;
}
.school_seventynine{
    background: url(../img/school_37.jpeg) 30% 1% / cover no-repeat !important;
}
.school_eighty{
    background: url(../img/school_38.jpeg) 30% 1% / cover no-repeat !important;
}
.school_eightyone{
    background: url(../img/school_39.jpeg) 30% 1% / cover no-repeat !important;
}
.school_eightytwo{
    background: url(../img/school_40.jpg) 30% 1% / cover no-repeat !important;
}
.school_eightythree{
    background: url(../img/school_41.jpeg) 30% 1% / cover no-repeat !important;
}
.school_eightyfour{
    background: url(../img/school_43.jpg) 30% 1% / cover no-repeat !important;
}
.school_eightyfive{
    background: url(../img/school_44.jpg) 30% 1% / cover no-repeat !important;
}
.school_eightysix{
    background: url(../img/school_45.jpg) 30% 1% / cover no-repeat !important;
}
.school_eightyseven{
    background: url(../img/school_46.jpg) 30% 1% / cover no-repeat !important;
}
.school_eightyeight{
    background: url(../img/school_47.jpg) 30% 1% / cover no-repeat !important;
}
.school_eightynine{
    background: url(../img/school_48.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninety{
    background: url(../img/school_49.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetyone{
    background: url(../img/school_50.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetytwo{
    background: url(../img/school_51.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetythree{
    background: url(../img/school_52.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetyfour{
    background: url(../img/school_53.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetyfive{
    background: url(../img/school_54.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetysix{
    background: url(../img/school_55.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetyseven{
    background: url(../img/school_56.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetyeight{
    background: url(../img/school_57.jpg) 30% 1% / cover no-repeat !important;
}
.school_ninetynine{
    background: url(../img/school_58.jpg) 30% 1% / cover no-repeat !important;
}
.school_hundred{
    background: url(../img/school_59.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred1{
    background: url(../img/school_60.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred2{
    background: url(../img/school_61.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred3{
    background: url(../img/school_62.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred4{
    background: url(../img/school_63.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred5{
    background: url(../img/school_64.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred6{
    background: url(../img/school_65.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred7{
    background: url(../img/school_66.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred8{
    background: url(../img/school_67.jpg) 30% 1% / cover no-repeat !important;
}.school_onehundred9{
    background: url(../img/school_68.jpg) 30% 1% / cover no-repeat !important;
}
.school_onehundred10{
    background: url(../img/school_69.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred{
    background: url(../img/school_70.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred1{
    background: url(../img/school_71.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred2{
    background: url(../img/school_72.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred3{
    background: url(../img/school_73.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred4{
    background: url(../img/school_74.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred5{
    background: url(../img/school_75.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred6{
    background: url(../img/school_76.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred7{
    background: url(../img/school_77.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred8{
    background: url(../img/school_78.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred9{
    background: url(../img/school_79.jpg) 30% 1% / cover no-repeat !important;
}
.school_twohundred10{
    background: url(../img/school_80.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred{
    background: url(../img/school_81.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred1{
    background: url(../img/school_82.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred2{
    background: url(../img/school_83.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred3{
    background: url(../img/school_84.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred4{
    background: url(../img/school_85.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred5{
    background: url(../img/school_86.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred6{
    background: url(../img/school_87.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred7{
    background: url(../img/school_88.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred8{
    background: url(../img/school_89.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred9{
    background: url(../img/school_90.jpg) 30% 1% / cover no-repeat !important;
}
.school_threehundred10{
    background: url(../img/school_91.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred{
    background: url(../img/school_92.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred1{
    background: url(../img/school_93.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred2{
    background: url(../img/school_94.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred3{
    background: url(../img/school_95.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred4{
    background: url(../img/school_96.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred5{
    background: url(../img/school_97.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred6{
    background: url(../img/school_98.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred7{
    background: url(../img/school_99.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred8{
    background: url(../img/school_100.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred9{
    background: url(../img/school_101.jpg) 30% 1% / cover no-repeat !important;
}
.school_fourhundred10{
    background: url(../img/school_102.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred{
    background: url(../img/school_103.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred1{
    background: url(../img/school_104.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred2{
    background: url(../img/school_105.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred3{
    background: url(../img/school_106.jpg) 30% 1% / cover no-repeat !important;
}.school_fiverhundred4{
    background: url(../img/school_107.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred5{
    background: url(../img/school_108.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred6{
    background: url(../img/school_109.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred7{
    background: url(../img/school_110.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred8{
    background: url(../img/school_111.jpg) 30% 1% / cover no-repeat !important;
}
.school_fivehundred9{
    background: url(../img/school_112.jpg) 30% 1% / cover no-repeat !important;
}
.school_fiverhundred10{
    background: url(../img/school_113.jpg) 30% 1% / cover no-repeat !important;
}
.school_sixhundred{
    background: url(../img/school_114.jpg) 30% 1% / cover no-repeat !important;
}

.hospitality_one {
    background: url(../img/banquest_hall_1.jpg) 30% 1% / cover no-repeat !important;
}

.hospitality_two {
    background: url(../img/banquest_hall_2.jpg) 30% 1% / cover no-repeat !important;
}

.hospitality_three {
    background: url(../img/banquest_hall_3.jpg) 30% 1% / cover no-repeat !important;
}                                    

.hospitality_four {
    background: url(../img/banquest_hall_4.jpeg) 30% 1% / cover no-repeat !important;
}

.hospitality_five {
    background: url(../img/banquest_hall_5.jpeg) 30% 1% / cover no-repeat !important;
}

.hospitality_six {
    background: url(../img/banquest_hall_1.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_seven {
    background: url(../img/banquest_hall_6.jpeg) 30% 1% / cover no-repeat !important;
}
.hospitality_eight {
    background: url(../img/banquest_hall_7.jpeg) 30% 1% / cover no-repeat !important;
}
.hospitality_nine{
    background: url(../img/banquest_hall_8.jpeg) 30% 1% / cover no-repeat !important;
}
.hospitality_ten {
    background: url(../img/banquest_hall_9.jpeg) 30% 1% / cover no-repeat !important;
}
.hospitality_eleven {
    background: url(../img/bar_1.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twelve {
    background: url(../img/bar_2.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_thirteen {
    background: url(../img/bar_3.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_fourteen{
    background: url(../img/bar_4.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_fifteen{
    background: url(../img/cafe_1.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_sixteen {
    background: url(../img/cafe_2.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_seventeen {
    background: url(../img/restaurant.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_eighteen {
    background: url(../img/room_1.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_nineteen {
    background: url(../img/room_2.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twenty {
    background: url(../img/room_3.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twentyone{
    background: url(../img/room_4.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twentytwo {
    background: url(../img/room_5.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twentythree{
    background: url(../img/room_6.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twentyfour {
    background: url(../img/room_7.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twentyfive {
    background: url(../img/room_8.jpg) 30% 1% / cover no-repeat !important;
}
.hospitality_twentysix {
    background: url(../img/room_9.jpg) 30% 1% / cover no-repeat !important;
}

.hospitality_twentyseven {
    background: url(../img/room_10.jpg) 30% 1% / cover no-repeat !important;
}
.temple_one {
    background: url(../img/tempal_1.jpg) 30% 1% / cover no-repeat !important;
}
.temple_two {
    background: url(../img/tempal_2.jpg) 30% 1% / cover no-repeat !important;
}
.temple_three {
    background: url(../img/tempal_3.jpg) 30% 1% / cover no-repeat !important;
}
.temple_four {
    background: url(../img/tempal_4.jpg) 30% 1% / cover no-repeat !important;
}
.temple_five {
    background: url(../img/tempal_5.jpg) 30% 1% / cover no-repeat !important;
}
.temple_six {
    background: url(../img/tempal_6.jpg) 30% 1% / cover no-repeat !important;
}
.temple_seven {
    background: url(../img/tempal_21.jpg) 30% 1% / cover no-repeat !important;
}.temple_eight {
    background: url(../img/tempal_8.jpg) 30% 1% / cover no-repeat !important;
}
.temple_nine {
    background: url(../img/tempal_9.jpg) 30% 1% / cover no-repeat !important;
}
.temple_ten{
    background: url(../img/tempal_10.jpg) 30% 1% / cover no-repeat !important;
}
.temple_eleven{
    background: url(../img/tempal_11.jpg) 30% 1% / cover no-repeat !important;
}
.temple_tweleve {
    background: url(../img/tempal_12.jpg) 30% 1% / cover no-repeat !important;
}
.temple_thirteen{
    background: url(../img/tempal_13.jpg) 30% 1% / cover no-repeat !important;
}
.temple_fourteen{
    background: url(../img/tempal_14.jpg) 30% 1% / cover no-repeat !important;
}
.temple_fifteen{
    background: url(../img/tempal_15.jpg) 30% 1% / cover no-repeat !important;
}
.temple_sixteen{
    background: url(../img/tempal_16.jpeg) 30% 1% / cover no-repeat !important;
}
.temple_seventeen{
    background: url(../img/tempal_17.jpg) 30% 1% / cover no-repeat !important;
}
.temple_eighteen{
    background: url(../img/tempal_18.jpeg) 30% 1% / cover no-repeat !important;
}
.temple_ninteen{
    background: url(../img/tempal_19.jpg) 30% 1% / cover no-repeat !important;
}
.temple_twenty{
    background: url(../img/tempal_20.jpg) 30% 1% / cover no-repeat !important;
}
 /*before and after  css start */ 
 .realstate_one{
    background: url(../img/real_site_1.jpeg) 30% 1% / cover no-repeat !important;
}

.realstate_two {
    background: url(../img/real_site_2.jpeg) 30% 1% / cover no-repeat !important;
}

.realstate_three {
    background: url(../img/real_site_3.jpeg) 30% 1% / cover no-repeat !important;
}

.realstate_four {
    background: url(../img/real_site_4.jpeg) 30% 1% / cover no-repeat !important;
}

.realstate_five {
    background: url(../img/real_site_5.jpeg) 30% 1% / cover no-repeat !important;
}

.realstate_six {
    background: url(../img/real_site_6.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_seven {
    background: url(../img/real_site_7.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eight {
    background: url(../img/real_site_8.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_nine{
    background: url(../img/real_site_9.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ten {
    background: url(../img/real_site_10.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eleven{
    background: url(../img/real_site_11.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_tweleve{
    background: url(../img/real_site_12.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirteen{
    background: url(../img/real_site_13.jpeg) 30% 1% / cover no-repeat !important;
}

.realstate_fourteen {
    background: url(../img/real_site_14.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fifteen {
    background: url(../img/real_site_15.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_sixteen {
    background: url(../img/real_site_16.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_seventeen {
    background: url(../img/real_site_17.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eighteen{
    background: url(../img/real_site_18.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_nineteen{
    background: url(../img/real_site_19.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twenty {
    background: url(../img/real_site_20.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentyone {
    background: url(../img/real_site_21.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentytwo{
    background: url(../img/real_site_22.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentythree{
    background: url(../img/real_site_23.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentyfour{
    background: url(../img/real_site_24.JPG) 30% 1% / cover no-repeat !important;
}

.realstate_twentyfive {
    background: url(../img/real_site_25.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentysix {
    background: url(../img/real_site_26.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentyseven {
    background: url(../img/real_site_27.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentyeight{
    background: url(../img/real_site_28.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twentynine {
    background: url(../img/real_site_30.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirty {
    background: url(../img/real_site_31.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtyone {
    background: url(../img/real_site_32.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtytwo {
    background: url(../img/real_site_33.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtythree {
    background: url(../img/real_site_34.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtyfour {
    background: url(../img/real_site_35.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtyfive {
    background: url(../img/real_site_36.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtysix {
    background: url(../img/real_site_37.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtyseven {
    background: url(../img/real_site_38.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtyeight{
    background: url(../img/real_site_39.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtynine {
    background: url(../img/sreal_site_40.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_thirtynine{
    background: url(../img/real_site_41.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourty{
    background: url(../img/real_site_42.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtyone{
    background: url(../img/real_site_43.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtytwo{
    background: url(../img/real_site_44.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtythree{
    background: url(../img/real_site_45.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtyfour{
    background: url(../img/real_site_46.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtyfive{
    background: url(../img/real_site_47.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtysix{
    background: url(../img/real_site_48.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtyseven{
    background: url(../img/real_site_49.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtyeight{
    background: url(../img/real_site_50.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourtynine{
    background: url(../img/real_site_51.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fifty{
    background: url(../img/real_site_52.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftyone{
    background: url(../img/real_site_53.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftytwo{
    background: url(../img/real_site_54.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftythree{
    background: url(../img/real_site_55.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftyfour{
    background: url(../img/real_site_56.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftyfive{
    background: url(../img/real_site_57.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftysix{
    background: url(../img/real_site_58.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftyseven{
    background: url(../img/real_site_59.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftyeight{
    background: url(../img/real_site_60.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fiftynine{
    background: url(../img/real_site_61.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixty{
    background: url(../img/real_site_62.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtyone{
    background: url(../img/real_site_63.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtytwo{
    background: url(../img/real_site_64.jpeg) 30% 1% / cover no-repeat !important;
}.realstate_sixty{
    background: url(../img/real_site_65.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtythree{
    background: url(../img/real_site_66.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtyfour{
    background: url(../img/real_site_67.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtyfive{
    background: url(../img/real_site_68.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtysix{
    background: url(../img/real_site_69.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtyseven{
    background: url(../img/real_site_70.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_sixtyeight{
    background: url(../img/real_site_73.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_sixtynine{
    background: url(../img/real_site_74.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_seventy{
    background: url(../img/real_site_75.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_seventyone{
    background: url(../img/real_site_71.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_seventyone{
    background: url(../img/real_site_72.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_seventytwo{
    background: url(../img/real_site_76.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_seventythree{
    background: url(../img/real_site_77.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_seventyfour{
    background: url(../img/real_site_78.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_seventyfive{
    background: url(../img/real_site_79.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_seventysix{
    background: url(../img/real_site_80.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_seventyseven{
    background: url(../img/real_site_81.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_seventyeight{
    background: url(../img/real_site_82.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_seventynine{
    background: url(../img/real_site_83.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_eighty{
    background: url(../img/real_site_84.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_eightyone{
    background: url(../img/real_site_85.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_eightytwo{
    background: url(../img/real_site_86.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_eightythree{
    background: url(../img/real_site_87.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eightyfour{
    background: url(../img/real_site_88.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eightyfive{
    background: url(../img/real_site_89.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eightysix{
    background: url(../img/real_site_90.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eightyseven{
    background: url(../img/real_site_91.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eightyeight{
    background: url(../img/real_site_92.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_eightynine{
    background: url(../img/real_site_93.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninety{
    background: url(../img/real_site_94.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetyone{
    background: url(../img/real_site_95.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetytwo{
    background: url(../img/real_site_96.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetythree{
    background: url(../img/real_site_97.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetyfour{
    background: url(../img/real_site_98.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetyfive{
    background: url(../img/real_site_99.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetysix{
    background: url(../img/real_site_100.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetyseven{
    background: url(../img/real_site_101.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetyeight{
    background: url(../img/real_site_102.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_ninetynine{
    background: url(../img/real_site_103.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_hundred{
    background: url(../img/real_site_104.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred1{
    background: url(../img/real_site_105.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred2{
    background: url(../img/real_site_106.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred3{
    background: url(../img/real_site_107.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred4{
    background: url(../img/real_site_108.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred5{
    background: url(../img/real_site_109.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred6{
    background: url(../img/real_site_110.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred7{
    background: url(../img/real_site_111.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred8{
    background: url(../img/real_site_112.jpg) 30% 1% / cover no-repeat !important;
}.realstate_onehundred9{
    background: url(../img/real_site_113.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_onehundred10{
    background: url(../img/real_site_114.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred{
    background: url(../img/real_site_115.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred1{
    background: url(../img/real_site_116.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred2{
    background: url(../img/real_site_117.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred3{
    background: url(../img/real_site_118.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred4{
    background: url(../img/real_site_119.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred5{
    background: url(../img/real_site_120.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred6{
    background: url(../img/real_site_121.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred7{
    background: url(../img/real_site_122.JPG) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred8{
    background: url(../img/real_site_124.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred9{
    background: url(../img/real_site_124.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_twohundred10{
    background: url(../img/real_site_125.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred{
    background: url(../img/real_site_126.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred1{
    background: url(../img/real_site_126.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred2{
    background: url(../img/real_site_127.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred3{
    background: url(../img/real_site_128.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred4{
    background: url(../img/real_site_129.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred5{
    background: url(../img/real_site_130.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred6{
    background: url(../img/real_site_131.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred7{
    background: url(../img/real_site_132.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred8{
    background: url(../img/real_site_133.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred9{
    background: url(../img/real_site_134.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_threehundred10{
    background: url(../img/real_site_135.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred{
    background: url(../img/real_site_136.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred1{
    background: url(../img/real_site_137.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred2{
    background: url(../img/real_site_138.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred3{
    background: url(../img/real_site_139.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred4{
    background: url(../img/real_site_140.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred5{
    background: url(../img/real_site_141.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred6{
    background: url(../img/real_site_142.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred7{
    background: url(../img/real_site_143.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred8{
    background: url(../img/real_site_144.jpeg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred9{
    background: url(../img/school_101.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fourhundred10{
    background: url(../img/school_102.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred{
    background: url(../img/school_103.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred1{
    background: url(../img/school_104.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred2{
    background: url(../img/school_105.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred3{
    background: url(../img/school_106.jpg) 30% 1% / cover no-repeat !important;
}.realstate_fiverhundred4{
    background: url(../img/school_107.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred5{
    background: url(../img/school_108.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred6{
    background: url(../img/school_109.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred7{
    background: url(../img/school_110.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred8{
    background: url(../img/school_111.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fivehundred9{
    background: url(../img/school_112.jpg) 30% 1% / cover no-repeat !important;
}
.realstate_fiverhundred10{
    background: url(../img/school_113.jpg) 30% 1% / cover no-repeat !important;
}


.date {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #333;
    color: white;
    padding: .7em 2.5em 1.5rem .7em;
    border-radius: 0 0 90% 0;

    span {
        display: block;
        text-align: center;
    }

    .day {
        font-weight: 700;
        font-size: 24px;
        text-shadow: 2px 3px 2px rgba(black, 0.18);
    }

    .month {
        text-transform: uppercase;
    }

    .month,
    .year {
        font-size: 10px;
    }
}

.content {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    box-shadow: 0 5px 30px 10px rgba(black, 0.3);
}

.title {
    a {
        color: white;
    }
}




.alternate-card {
    float: left;
    padding: 1rem;
    min-width: 500px;

    .menu-content {

        margin: 0;
        padding: 0;
        list-style-type: none;

        li {
            display: inline-block;
        }

        a {
            color: white;
        }
    }

    .wrapper {
        background-color: white;
        min-height: 540px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 19px 38px rgba(black, 0.3), 0 15px 12px rgba(black, 0.2);

        &:hover {
            .data {
                transform: translateY(0);
            }
        }
    }

    .data {
        position: absolute;
        bottom: 0;
        width: 100%;
        transform: translateY(calc(100% + 1em));
        transition: transform 0.3s;

        .content {
            padding: 1.5em;
            position: relative;
            z-index: 1;
        }
    }

    .type {
        font-size: 12px;
    }

    .title {
        margin-top: 10px;
    }

    .text {
        height: 325px;
        margin: 0;
    }

    input[type='checkbox'] {
        display: none;
    }

    input[type='checkbox']:checked+.menu-content {
        transform: translateY(-60px);
    }
}




.col-md-4.text-center {
    margin-bottom: 50px;
}

h5.card-title {
    font-size: 18px;
}

/* Custom close button in the modal header */
.btn-close {
    font-size: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    border: none;
    background: transparent;
}

/* Custom carousel control icons */
/*.carousel-control-prev-icon,*/
/*.carousel-control-next-icon {*/
   
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 25px;*/
/*    color: #000000ad;*/
/*    border: none;*/
/*}*/

/* Hide the text in carousel control buttons */
/*.carousel-control-prev .visually-hidden,*/
/*.carousel-control-next .visually-hidden {*/
/*    text-indent: -9999px; */
/*}*/

/* Thumbnail gallery styling */
.carousel-thumbnails .thumbnail {
    margin: 0 5px;
    cursor: pointer;
}

.carousel-thumbnails .thumbnail img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px; /* Optional: rounded corners for thumbnails */
}
/* Carousel control buttons */
.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* Vertically center */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Size of the button */
    height: 40px; /* Size of the button */
    background-color: transparent; /* No background */
    color: #000; /* Black icons */
    border: none; /* No border */
    cursor: pointer; /* Pointer on hover */
    z-index: 10; /* Ensure buttons are above carousel */
}

.carousel-control-prev {
    left: 10px; /* Position the prev button on the left side */
}

.carousel-control-next {
    right: 10px; /* Position the next button on the right side */
}

/* Remove the default background images from the arrows */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none; /* Hide default arrows */
}

/* Style the Font Awesome icons inside the controls */
.carousel-control-prev i,
.carousel-control-next i {
    font-size: 30px; /* Icon size */
    color: #000; /* Black color for the icon */
}



/* Style for the thumbnail slider */
.thumbnail-slider-container {
    max-width: 100%;
    overflow-x: auto; /* Enable horizontal scrolling */
}

.carousel-inner {
    display: flex; /* Align carousel items in a row */
    overflow-x: auto;
}

.carousel-item {
    flex: 0 0 auto; /* Prevent items from wrapping and allow scrolling */
}

.thumbnail {
    margin: 5px;
    cursor: pointer;
    transition: transform 0.3s ease; /* Smooth transition on hover */
}

.thumbnail img {
    width: 100px; /* Set width for each thumbnail */
    height: 100px;
    object-fit: cover; /* Ensure the image covers the thumbnail box */
    border-radius: 5px; /* Optional: Rounded corners */
}

/* Hover effect for thumbnails */
.thumbnail:hover {
    transform: scale(1.1); /* Slight zoom on hover */
}



/* Display 10 thumbnails per row */
.carousel-inner {
    display: flex;
    justify-content: space-between;
}

.carousel-item .thumbnail {
    flex: 0 0 10%; /* Each thumbnail takes up 10% of the available space */
    margin: 0;
}