html {
    scroll-behavior: none;
}

body {
    font-size: 18px;
    line-height: 28px;
}

p {
    font-size: 18px;
    line-height: 30px;
}

.hide {
    display: none;
}

@media (min-width:1601px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1550px;
    }


    .future_ready .icon-box .title sup {
        top: -30px;
        position: relative;
        font-size: 84px;
        line-height: 1;
    }

    .textboxy p {
        color: #000000;
        font-size: 23px;
        line-height: 41px;
        margin-bottom: 30px;
        text-align: center;
    }

    .future_ready .icon-box .txtbox p {
        font-size: 17px;
    }

}

img {
    max-width: 100%;
}

.bg_white {
    background: #FFF;
}

.bg_grey {
    background: #f1f1f1;
}

.navmenu a img {
    height: 20px;
}

.main_title {
    font-size: 60px;
    color: #000000;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 50px 0;
}

.dlf_life_section .detail_box {
    background: #f9f9f9;
    padding: 50px 60px;
}

.dlf_life_section .detail_box :last-child {
    margin-bottom: 0;
}

.dlf_life_section .detail_box h3 {
    font-size: 34px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.dlf_life_section .detail_box p {
    color: #000000;
    font-size: 19px;
    line-height: 32px;
    margin-bottom: 30px;
    text-align: justify;
    text-align-last: center;
    width: 90%;
    margin: auto;
}

.gallery_slider_thumbnail {
    overflow: hidden;
    max-width: 100%;
}

.gallery_main_slider .swiper-slide img,
.gallery_slider_thumbnail .swiper-slide img {
    width: 100%;
    transition: all 0.5s ease;
}

.gallery_slider_thumbnail .swiper-slide {
    cursor: pointer;
}


.gallery_main_slider .swiper-slide:hover img,
.gallery_slider_thumbnail .swiper-slide:hover img {
    transform: scale(1.1);
}

.gallery_main_slider .swiper-slide,
.gallery_slider_thumbnail .swiper-slide {
    overflow: hidden;
}

.gallery_main_slider .swiper-slide:after,
.gallery_slider_thumbnail .swiper-slide:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: all 0.5s ease;
}

.gallery_main_slider .swiper-slide:hover:after,
.gallery_slider_thumbnail .swiper-slide:hover:after {
    opacity: 0.35;
}


.gallery_main_slider {
    overflow: hidden;
    max-width: 100%;
    position: relative;
}

.gallery_slider_thumbnail_wrap {
    position: relative;
    padding: 40px 20px;
    background: #f9f9f9;
}

.gallery_slider_thumbnail_wrap .swiper-button-next,
.gallery_slider_thumbnail_wrap .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: #000000;
    border-radius: 50%;
    color: #FFF;
    margin-top: -13px;
    border: none;
}

.gallery_slider_thumbnail_wrap .swiper-button-prev {
    left: 6px;
    transition: all 0.5s ease;
    opacity: 0;
}

.gallery_slider_thumbnail_wrap .swiper-button-next {
    right: 0;
    transition: all 0.5s ease;
    opacity: 0;
}

.gallery_slider:hover .gallery_slider_thumbnail_wrap .swiper-button-prev {
    opacity: 1;
}

.gallery_slider:hover .gallery_slider_thumbnail_wrap .swiper-button-next {
    opacity: 1;
}

.gallery_slider_thumbnail_wrap .swiper-button-next:after,
.gallery_slider_thumbnail_wrap .swiper-button-prev:after {
    font-size: 13px;
}


.gallery-slider .info-container {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.gallery_section .sliderbox {
    border-radius: 0 !important;
    overflow: hidden;
}

.gallery-slider .sliderbox.left .info-container,
.gallery-slider .sliderbox.left .imgs-container img {
    border-radius: 40px 0 0 40px;
    align-items: center;
}

.gallery-slider .sliderbox.right .imgs-container img {
    border-radius: 0 40px 40px 0;
}

/* .gallery_slider_thumbnail .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #333;
}

.gallery_slider_thumbnail .swiper-slide {
    opacity: 0.7;
} */


/* .gallery_slider_thumbnail .swiper-slide.swiper-slide-thumb-active {
    border: 3px solid #000;
} */



.gallery_slider_thumbnail_wrap .items {
    padding: 0 20px;
}

.gallery_slider_thumbnail_wrap .items img {
    cursor: pointer;
}

.slider-nav .items.slick-slide.slick-current.slick-active img {
    border: 4px solid #000;
}

/* -------------------------- */



/* -------------------------- */

.dlf_life_section {
    padding-bottom: 0;
    padding-top: 0;
}

.dlf_life_section .detail_box h2 {
    padding: 0;
    margin-bottom: 15px;
}

.enquire_form_section {
    padding: 0;
}

.enquire_form {
    background: #f9f9f9;
    padding: 60px 130px;
    border-radius: 40px;
}

.form_input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    height: 60px;
    padding: 0 15px;
    outline: none;
    color: #000;
    font-size: 26px;
    background: transparent;
}

.form_input::placeholder {
    color: #000;
}

.enquire_form .form_control {
    margin-bottom: 35px;
    position: relative;
}

.enquire_form .form_button {
    font-size: 23px;
    padding: 15px 30px;
    border: none;
    border-radius: 50px;
    min-width: 230px;
    color: #FFF;
    background: #c7c4c4;
    text-transform: uppercase;
    margin-top: 25px;
    transition: all 0.5s ease;
}

.enquire_form .form_button:hover {
    background: #000;
}

.opt_btn {
    background: #000;
    color: #FFF;
    border: none;
    border-radius: 50px;
    padding: 8px 15px;
    position: absolute;
    right: 0;
    bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.mb_0 {
    margin-bottom: 0;
}

#form-tabContent {
    display: block !important;
}

.tab_pill {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 0 40px;
    margin-bottom: 40px;
}

.tab_pill li {
    font-weight: 700;
    color: #000;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 15px;
    cursor: pointer;
}

.tab_pill li:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 3px solid #000;
    display: inline-block;
    border-radius: 50%;
}

.tab_pill li.active:before {
    background: #f16b22;
    border-color: #f16b22;
}

.social_media_section .social_box_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
    list-style: none;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.social_media_section .social_box {
    text-align: center;
}

.social_media_section .social_box .icon {
    width: 90px;
    height: 90px;
    background: #FFF;
    border-radius: 50%;
    display: inline-block;
    padding: 25px;
    margin-bottom: 15px;
}

.social_media_section .social_box .icon img {
    width: 100%;
    display: block;
}

.social_media_section .social_box p {
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
}

.gallery_section {
    background: transparent;
    padding: 0;
}


.gallery_section .info-container {
    display: flex;
    justify-content: center;
    align-items: end;
}

.gallery_section .info-container .icon_qr_code {
    width: 120px;
    margin: auto;
    margin-bottom: 20px;
}

.gallery_section .info-container .icon_qr_code img {
    width: 100%;
}

.gallery_section .info-container .icon_download {
    width: 70px;
    margin: 35px auto;
}

.gallery_section .info-container .icon_download img {
    width: 100%;
}

.gallery_section .sliderbox {
    border-radius: 40px;
    overflow: hidden;
}

.gallery_section .imgs-container img {
    border-radius: 0;
}

.sliderbox {
    cursor: default;
}

/* -- map section  */
.map_section {
    padding: 0;
    position: relative;
}

.map_overlay {
    position: absolute;
    right: 22%;
    bottom: 50%;
    transform: translateY(50%);
}

.map_overlay ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px 0;
}

.map_slider .map_tab_link {
    background: #FFF;
    font-size: 30px;
    text-transform: uppercase;
    padding: 7px 20px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
}

.map_slider .swiper-slide-active .map_tab_link {
    background: #000101;
    color: #FFF;
}

.map_content_section {
    padding: 0;
}

/* .map_card_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
} */
.map_card_wrap {
    overflow: hidden;
}

.map_card_wrap .map_card {
    /* width: calc(17.5% - 20px); */
    transition: all 0.5s ease;
    overflow: hidden;
    display: flex;
    justify-content: center;
    border-radius: 25px;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 15%);
    cursor: pointer;
}

.map_card_wrap .map_card_in {
    background: #f9f9f9;
    min-width: 488px;
}

/* .map_card_wrap .map_card.active {
    width: 30%;
} */

.map_card_wrap .map_card .image {
    width: 100%;
}

.map_card_wrap .map_card .content {
    padding: 17px;
}

.map_card_wrap .map_card .content h4 {
    display: flex;
    justify-content: center;
    gap: 17px;
    align-items: center;
    color: #000000;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    transition: all 0.5s ease;
}

.map_card_wrap .map_card.active .content h4 {
    font-size: 28px;
}

.map_card_wrap .map_card .content h4 img {
    height: 50px;
    width: auto;
    position: relative;
    top: -3px;
}



/* -- footer section start -- */

footer {
    background: #040707;
    background-position: bottom right;
    /* height: 86%; */
    position: relative;
    z-index: 99;
}

footer {
    height: auto !important;
}

.border-bm {
    border-bottom: solid 1px #ffffff40;
    margin: 0;
}

.nomar {
    margin: 0;
    padding-left: 0;
}

.click_foot {
    padding: 7px 0;
}

.click_foot a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    opacity: .4;
    position: relative;
    letter-spacing: 2px;
}

footer .d-flex.mb-flex {
    background: #040707 url('https://www.dlf.in/images/footer_new.jpg') no-repeat;
    background-size: 100%;
    background-position: 100% 0;
}

.menu_lt {
    width: 100%;
    padding: 12px 40px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

footer .menu_lt .menu_lt_logo {
    border-bottom: solid 1px #ffffff40;
    padding-bottom: 0;
}

.footer_logo {
    margin-left: -16px;
    margin-top: -11px;
}

footer .menu_lt .menu_lt_logo img {
    width: 130px;
}

.footer_social {
    padding-top: 0;
}

@media only screen and (max-width: 1367px) and (min-width:1365px) {
    .call {
        padding-left: 251px
    }
}

.email {
    padding-left: 22px;
}

.footer_social .footer_email span {
    color: #fff;
    opacity: .4;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}

.menu_lt_logo p {
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 15px;
    padding-top: 0;
    color: #fff;
    opacity: .7;
}

.footer_social .footer_email p {
    color: #fff;
    opacity: .7;
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 2px;
}

.footer_menu_list {
    border-bottom: solid 0px #ffffff40;
}

footer .footer_menu {
    padding-top: 20px;
}

.footer_menu_list .footer_menu {
    margin-bottom: 20px;
    padding-left: 13px;
}

footer .footer_menu h4 {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    opacity: .4;
    margin-bottom: 4px;
    padding-bottom: 16px;
    position: relative;
    letter-spacing: 2px;
}

footer .footer_menu h4:after {
    content: '';
    background: #fff;
    opacity: .4;
    height: 4px;
    width: 19px;
    position: absolute;
    bottom: 6px;
    left: 0;
}

footer .footer_menu ul {
    list-style: none;
    margin-bottom: 22px;
    padding: 0;
}

footer .footer_menu ul li a {
    font-size: 11px;
    color: #fff;
    opacity: .7;
    display: block;
    margin-bottom: -2px;
    letter-spacing: 1.5px;
    line-height: 2;
}

footer .footer_menu ul li a:hover {
    opacity: 1;
}

.mb-sid.privcy {
    margin-top: 80px;
}

footer .footer_menu ul {
    list-style: none;
    margin-bottom: 22px;
}

footer .footer_menu {
    padding-top: 20px;
}

.footer_menu_list .footer_menu {
    margin-bottom: 20px;
    padding-left: 13px;
}

.footer_menu.foot_nri {
    margin-left: 40px;
}

.mb-sid.privcy a {
    font-family: Georgia-Italic;
    opacity: 1;
    color: #5a5a5a;
}

.mb-sid.privcy a {
    z-index: 99;
    position: relative;
}

.mb-side.mb-side-news-corner {
    margin-bottom: 43px;
}

.padd-left {
    padding-left: 0 !important;
}

.end_copryigt {
    display: none;
    position: relative;
    top: -10px;
}

.end_copryigt p {
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 3.2px;
    padding-bottom: 8px;
}

.end_copryigt p a {
    font-size: 9px;
    margin-bottom: 0;
    letter-spacing: 3.2px;
    color: #fff;
}

.footer_menu.foot_nri {
    position: relative;
}

.footer_menu.foot_nri a.foot_dlf_press {
    position: absolute;
    bottom: 0px;
    right: 0;
    background: #282423;
    color: #FFF;
    font-size: 12px;
    padding: 2px 7px;
    border: 1px solid rgb(255 255 255 / 13%);
    font-weight: 600;
    letter-spacing: 0.2px;
}

.footer_menu.foot_nri a.foot_dlf_press:hover {
    background: #000;
    border-color: rgb(255 255 255 / 40%);
}

/* -- footer section end -- */

/* main home slider over div */

.slider_download {
    position: fixed;
    bottom: 30px;
    right: -257px;
    z-index: 991;
    border-radius: 100px 0 0 100px;
    background: #e6e6e6;
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    padding: 10px;
    padding-right: 20px;
    gap: 0 15px;
    align-items: center;
    transition: all 0.5s ease;
    box-shadow: 0 0 18px 0 rgb(0 0 0 / 46%);
}

.slider_download.active {
    bottom: 75px;
}

.slider_download:hover {
    right: 0;
    transform: translateX(0);
}

.slider_download .box1 {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    overflow: hidden;
}

.slider_download .box1 img {
    width: 100%;
}

.slider_download .box2 {
    width: 135px;
}

.slider_download .box2 p {
    font-weight: 700;
    color: #000;
    font-family: 'Montserrat';
    line-height: 1.2;
    margin: 0;
    font-size: 21px;
}

.slider_download span.download_span {
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.6px;
}


.slider_download .box3 img {
    width: 60px;
    display: block;
    margin: auto;
    margin-bottom: 1px;
}

.slider_download .box2 p {
    font-size: 16px;
}

.slider_download {
    transform: translateX(100%);
    right: 120px;
}

.slider_download span.download_span {
    font-size: 13px;
    line-height: 1.4;
}

.slider_download .box2 {
    /* width: 100px; */
    width: fit-content;
}

.slider_download .box1 {
    width: 110px;
    height: 110px;
}

.slider_download .box3 img {
    width: 42px;
}

/* inside page design  */

.about_us_section {
    background: #FFF;
    padding: 70px 0;
}

.about_us_section .about_content {
    /* margin-top: 80px; */
    text-align: center;
}

.about_us_section .overview_mg_dv {
    text-align: center;
    margin-top: 30px;
}

.about_us_section .overview_mg_dv img {
    max-width: 92%;
    margin: auto;
}

.about_us_section .about_content p {
    font-size: 21px;
    line-height: 1.8;
    color: #000;
}

.project_enquire_wrapper,
.amenities_wrapper {
    background-image: url('../images/rainbow-bg-body.png');
    background-size: 100% 100%;
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
}

.amenities_wrapper {
    background-color: #FFF;
}

.project_enquire_wrapper .project_section,
.project_enquire_wrapper .enquire_form_section {
    z-index: 2;
    position: relative;
    padding: 0;
}

.enquire_wrapper_anim,
.amenities_wrapper_anim {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1f1f1;
    transform: translateX(-100%);
}

.amenities_wrapper_anim {
    background: #FFF;
}

.amenities_wrapper>section {
    position: relative;
    z-index: 0;
}

.amenities_highlight_row {
    gap: 30px 0;
}


/* .project_section {
    margin-bottom: 10px;
} */

/* .project_section .main_title {
    margin-bottom: 40px;
} */

.project-card-row {
    gap: 30px 0;
}

.project-card {
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: center;
    border-radius: 15px;
}


.project-card .icon {
    margin: auto;
    margin-bottom: 15px;
    min-height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-card .icon img {
    height: 90px;
}

.project-card .icon img.big_size {
    height: 75px;
}


.project-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 18px;
}

.project-card p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    letter-spacing: 0.4px;
    margin: 0;
}

.project-card,
.project_enquire_wrapper .enquire_form {
    background: rgb(255 255 255 / 60%);
    border: 1px solid rgb(0 0 0 / 9%);
}

.creative-showcase--slider .swiper-slide .slide-bg img.overlay_image {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.inside_page_slider.text_white .slider-content .slide-heading {
    color: #FFF;
}

.inside_page_slider.text_white .slider-content .slide-subtitle {
    -webkit-text-stroke: 1px #FFF;
}

/* -- custom buttom outline -- */
.custom_ouline_btn {
    border: 1px solid #000;
    display: inline-block;
    padding: 8px 24px;
    color: #fff;
    font-size: 17px;
    position: relative;
    overflow: hidden;
}

.custom_ouline_btn::before {
    width: 135%;
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
    transform: translate3d(-100%, 0, 0);
}

.custom_ouline_btn::after {
    width: 105%;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.custom_ouline_btn::before,
.custom_ouline_btn::after {
    content: '';
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    height: 101%;
}

.custom_ouline_btn:hover::before {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.custom_ouline_btn:hover::after {
    transform: translate3d(0, 0, 0);
    transition: transform 0.01s 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.custom_ouline_btn span {
    display: block;
    position: relative;
    z-index: 1;
}

.custom_ouline_btn>span {
    overflow: hidden;
    mix-blend-mode: difference;
}

.custom_ouline_btn:hover {
    color: #FFF;
}

.custom_ouline_btn:hover>span>span {
    animation: MoveRightInitial 0.1s forwards, MoveRightEnd 0.3s forwards 0.2s;
    color: #FFF;
}

@keyframes MoveRightInitial {
    to {
        transform: translate3d(105%, 0, 0);
    }
}

@keyframes MoveRightEnd {
    from {
        transform: translate3d(-100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

/* -- custom buttom outline -- */

.backgroud_section {
    position: relative;
    overflow: hidden;
}

.future_ready_bg_nw {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1f1f1;
    transform: translateX(-100%);
}

.accreditations {
    position: relative;
    overflow: hidden;
}

.accreditations .container {
    position: relative;
    z-index: 2;
}

.accreditations_anim {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1f1f1;
    transform: translateX(-100%);
}



.future_ready_slider {
    overflow: hidden;
    padding-bottom: 20px;
}

.creative-showcase--slider .swiper-slide .overlay-dark:before {
    display: none;
}


.banner_ribbon {
    width: 800px;
    height: 600px;
    position: absolute;
    top: -90px;
    left: -70px;
    z-index: 0;
    transform: translate(100%, -100%);
    background-image: url('../images/rainbow-bg.png');
    background-size: auto 742px;
    background-position: bottom center;
    background-repeat: no-repeat;
}

path.area.active,
path.area.active:hover {
    fill: #74a3b3 !important;
}

.mapcontainer .map {
    position: relative;
    overflow: hidden;
    height: 896px !important;
    width: 787px !important;
}

.stop-scrolling .mapcontainer .map {
    height: calc(100vh - 131px) !important;
    margin-top: 20px;
}


.mapael .map svg {
    position: absolute !important;
    width: 90%;
    margin-left: 10%;
}

.map_area_wrap {
    min-height: auto;
    position: relative;
}

/* .stopscrolling {
    height: 100%;
    overflow-y: hidden;
}
.stop-scrolling {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh !important;
    z-index: 999;
    overflow: auto;
    width: 100%;
    padding-top: 0 !important;

} */
.stop-scrolling .mapcontainer {
    margin: 0 !important;
}

.map_close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #000000;
    color: #FFF;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
}

/* .stop-scrolling .map_close {
    display: block;
} */


/* .map_close2 {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    font-weight: bold;
    left: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    top: 30px;
    font-size: 11px;
    background: #f06b21;
    color: #FFF;
    line-height: 28px;
    border: 1px solid #0000003d;
    z-index: 2;
} */


.enquire_form .hs-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    height: 60px;
    padding: 0 15px;
    outline: none;
    color: #000;
    font-size: 26px !important;
    background: transparent;
    font-family: 'MontserratRegular' !important;
}


/* ---- menu icons -----*/

.hamburger-menu {
    position: absolute;
    width: 30px;
    height: 29px;
    cursor: pointer;
    z-index: 9998;
    margin-top: 5px;
    right: 3rem;
}

.bar,
.bar:after,
.bar:before {
    width: 27px;
    height: 3px;
}

.bar {
    position: relative;
    transform: translateY(10px);
    background: #FFF;
    transition: all 0ms 300ms;
}

.bar.animate {
    background: transparent;
}

.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 9px;
    background: #FFF;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background: #FFF;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* --- Blog Page -- */
.banner_section {
    position: relative;
    overflow: hidden;
}

.banner_section img {
    width: 100%;
}

.banner_section .overlay_content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.banner_section .overlay_content h1 {
    font-size: 70px;
    font-weight: 700;
    color: #FFF;
}

.blogs_section {
    padding: 50px 0;
    position: relative;
    background-image: url('../images/blog-rainbow-bg-body.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.blogs_section .container {
    position: relative;
    z-index: 2;
}

.blog_detail_page .blog_container {
    padding-top: 30px;
}

.blog_container {
    box-shadow: -4px 2px 5px 2px #c3c3c3;
    border-radius: 25px;
    background: rgb(255 255 255 / 75%);
    padding: 50px;
}

.blog_card .image img {
    width: 100%;
}

.enquire_wrapper_anim_blog {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1f1f1;
    background: #f1f1f1;
    transform: translateX(-100%);
}


.blog_centent p {
    font-size: 18px;
    line-height: 32px;
}

.blog_container .row {
    gap: 50px 0;
}

.blog_centent :last-child {
    margin-bottom: 0;
}


.blog_card .image {
    position: relative;
}

.blog_card .image ul {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.blog_social_link {
    list-style: none;
    display: flex;
    gap: 0 10px;
    margin: 0;
    padding: 0;
}

.blog_social_link li a img {
    width: 100%;
    display: block;
}

.blog_social_link li a {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    padding: 8px;
}

.blog_social_link li .facebook {
    background: #425694;
}

.blog_social_link li .linkedin {
    background: #3375b0;
}

.blog_social_link li .whatsapp {
    background: #81e863;
}

.blog_card .content h2 {
    font-size: 20px;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.3;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
    /* min-height: 42px; */
}

.blog_card .content p {
    font-size: 14px;
    line-height: 20px;
}

.blog_card .content p a {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    margin-left: 5px;
}

.blog_card .content h3 {
    font-size: 41px;
    line-height: 1;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

.blog_card .content {
    padding: 15px 0 0 0;
}

.blog_card .content ul {
    display: flex;
    margin: 0;
    list-style: none;
    gap: 0 20px;
    justify-content: space-between;
    border: solid #000;
    border-width: 1px 0;
    padding: 6px 0;
}

.blog_card .content ul li {
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
}

.blog_card .content ul li .views {
    display: flex;
    align-items: center;
}

.blog_card .content ul li .views img {
    width: 20px;
    margin-right: 8px;
}

.blog_search_box {
    height: 458px;
    background: #f1f1f1;
    padding: 40px;
}

.blog_search_box .form_dv {
    margin-bottom: 21px;
}
.blog_listing_pg .blog_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.blog_listing_pg .blog_card .part_two .content {
    padding-top: 0;
}

.blog_search_box .form_dv form {
    display: flex;
    flex-wrap: wrap;
}

.blog_search_box .form_dv form input {
    width: calc(100% - 100px);
    border: 1px solid #FFF;
    font-size: 15px;
    padding: 0 18px;
}

.blog_search_box .form_dv form button {
    width: 100px;
    background: #000;
    color: #FFF;
    border: 1px solid #000;
    font-size: 15px;
    height: 47px;
}

.blog_search_box h4 {
    font-size: 36px;
    color: #000;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
}

.blog_search_box .blog_social_link li a {
    width: 42px;
    height: 42px;
    padding: 10px;
}

.blog_detail_slider_section .swiper-slide .slide-bg .slide-container {
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_detail_slider_section .slider-content h2.slide-heading {
    font-size: 60px;
    text-transform: none;
}

.blog_detail_centent {
    display: flex;
    flex-wrap: wrap;
    gap: 35px 0;
    padding-top: 40px;
}

.blog_detail_centent .culumn :last-child {
    margin-bottom: 0;
}

.blog_title {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
}


.blog_detail_centent h2 {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
}

.blog_detail_centent p {
    margin-bottom: 25px;
}

.blog_detail_centent p,
.blog_detail_centent li {
    color: #000;
    font-size: 16px;
    line-height: 26px;
}
.blog_detail_centent li+ li {
    margin-top: 10px;
}
.blog_search_box_sticky {
    position: sticky;
    height: fit-content;
    top: 110px;
}

.blog_search_box_sticky .blog_search_box {
    height: auto;
}

.blog_detail_page .blogs_section {
    background-position: bottom right !important;
}

.search_wrap_out {
    display: flex;
    justify-content: center;
    gap: 20px 30px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.search_wrap {
    display: flex;
    position: relative;
    padding-right: 120px;
    box-shadow: 0 0 15px 0 #CCC;
    border-radius: 10px;
    width: 500px;
}

.filtersection .form-control,
.filtersection .form-select {
    border: none;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    height: 54px;
    background: #FFF;
    padding: 0 20px;
    font-weight: 600;
}

.filtersection .form-select {
    cursor: pointer;
}

.filtersection .form-select {
    background-image: url('../images/icons/select_arrow.png');
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
    width: 200px;
    box-shadow: 0 0 15px 0 #CCC;
}

.filtersection button {
    background: #000;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    height: 100%;
    width: 120px;
    border-radius: 0 10px 10px 0;
    color: #FFF;
    border: none;
}

.filtersection button:before,
.filtersection button:after {
    background: #FFF;
}

/* .filtersection button, .filtersection .reset {
    background: #000;
    border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    height: 40px;
    color: #FFF;
    border: 1px solid #000;
    padding: 0 18px;
    line-height: 38px;
    display: inline-block;
} */


.blog_card .image .views {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    background: #FFF;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    overflow: auto;
    align-items: center;
    width: 70px;
}

.blog_card .image .views span:first-child {
    background: #f1f1f1;
}

.blog_card .image .views span {
    width: 100%;
    background: #FFF;
    padding: 6px 8px;
    line-height: 1;
    text-align: center;
}

.blog_card .image .views span img {
    width: 100%;
    display: block;
}


/* --- new location section --- */

.location_card {
    position: relative;
    box-shadow: 10px 10px 15px 0 rgb(0 0 0 / 5%);
    border-radius: 10px;
    overflow: hidden;
    display: none;
}

.location_card.active {
    display: block;
}

.location_card img {
    width: 100%;
    display: block;
}

.location_card .content {
    background: #d7d7d7;
    padding: 22px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.location_card .content p {
    color: #000;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0;
}

.location_card .content a {
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    font-size: 15px;
    padding: 6px 18px;
    font-weight: 700;
    position: relative;
    transition: all 0.3s ease;
}

.location_card .content a span {
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.location_card .content a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #000;
}

.location_card .content a:hover {
    color: #FFF;
}

.location_card .content a:hover:after {
    width: 100%;
    left: 0;
    background: #000;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.mapimage .map {
    display: none;
    max-width: 100%;
    max-height: 77vh;
    height: 64vh;
}

.mapimage .map.active {
    display: block;
}

.mapimage {
    text-align: center;
}

.mapimage img {
    display: inline-block;
    margin: auto;
}

.mapimage {
    text-align: center;
}

.mapimage img {
    display: inline-block;
    margin: auto;
}

.selectbox select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    height: 45px;
    margin-bottom: 25px;
    cursor: pointer;
    outline: none !important;
}

section.map_area {
    padding-top: 20px;
    background: radial-gradient(circle, #ecf8fa 0%, #99bdcb 100%);
    min-height: calc(100vh - 257px);
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}


/* -- amenites -- */



/* -- Media Page -- */


.banner_section.media_ban .overlay_content {
    align-items: end;
    padding-bottom: 40px;
    background-image: linear-gradient(to bottom, #00000000, #000000cf, #000000e8);
    height: fit-content;
    bottom: 0 !important;
    top: auto;
}
 
.banner_section.media_ban .overlay_content h1 {
    text-transform: uppercase;
    font-size: 50px;
    margin-bottom: 2px;
}

.banner_section.media_ban .overlay_content p {
    color: #FFF;
}

/* .banner_section.media_ban .black_layer {
    display: inline-block;
    background: rgb(0 0 0 / 80%);
    padding: 15px 30px;
    border-radius: 15px;
} */
.banner_section.media_ban .black_layer :last-child {
    margin-bottom: 0;
} 



.media_content h4 {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
}

.media_content {
    width: 500px;
    max-width: 100%;
}

.media_content p {
    color: #000;
    font-family: 'AcuminVariableConcept';
}

.media_content .knowmore {
    background: #111828;
    color: #FFF;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 7px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
}

.media_content .custom_ouline_btn {
    margin-top: 20px;
}

.media_content .custom_ouline_btn span {
    color: #000;
    mix-blend-mode: normal;
}

.plus_magazine_dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.plus_magazine_dropdown {
    width: 253px;
    margin: 0;
}

.plus_magazine_dropdown ul li {
    position: relative;
    line-height: normal;
}

.plus_magazine_dropdown ul li ul {
    position: absolute;
    top: 41px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    background: #FFF;
    padding: 9px 17px;
    box-shadow: 0 0 13px 0 rgb(0 0 0 / 12%);
    border-radius: 8px;
    display: none;
}

.plus_magazine_dropdown ul li:hover ul {
    display: block;
}

.plus_magazine_dropdown ul li .drop_btn {
    font-size: 15px;
    border: 1px solid #000;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    background-color: #000;
    color: #FFF;
    background-image: url('../images/icons/arrow_down.png');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right 14px center;
    text-align: left;
    cursor: pointer;
}

.plus_magazine_dropdown ul li ul li {
    margin: 1px 0;
    text-align: left;
}

.plus_magazine_dropdown ul li ul li a {
    color: #000;
    font-size: 13px;
    font-weight: 700;
}

.plus_magazine_dropdown ul li ul li :hover {
    color: #2395d5;
}

.media_card {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: -4px 4px 5px 2px rgb(0 0 0 / 22%);
}

.media_card .content {
    padding: 25px;
}

.media_card .content p {
    margin: 0;
    font-weight: 600;
    color: #000;
    letter-spacing: .5px;
}

.media_image img {
    width: 100%;
}

.media_image {
    border-radius: 40px;
    overflow: hidden;
}

.media_card .media_image {
    border-radius: 0;
}

.media_section .row.reverse {
    flex-direction: row-reverse;
}

.media_section .row.reverse .media_content {
    float: right;
}

section.media_section.bg1 {
    background: rgb(0 0 0 / 5%);
}

/* .media_section.event {
    background: #efefef;
} */


.media_section.event .media_content {
    text-align: left;
    width: 550px;
    margin: 0;
}

.media_section.event .media_card {
    padding: 15px;
    background: #FFF;
    width: 470px;
    max-width: 100%;
    margin: auto;
}


.media_bg_section {
    background: #FFF;
}

.media_bg_section img {
    width: 100%;
}

.media_band_section {
    background-color: #FFF;
    background-image: url('../images/media_band.png');
    background-position: top left;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}

.media_band_section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #FFF;
    transform: translateX(-100%);
}

.media_band_section .media_section {
    z-index: 1;
    position: relative;
}

.event_page .banner_section.media_ban .overlay_content {
    align-items: center;
    padding: 0;
}

/* Event Page */
.event_container {
    box-shadow: -4px 2px 5px 2px #c3c3c3;
    border-radius: 25px;
    background: rgb(255 255 255 / 75%);
    padding: 50px;
}

.event_slider {
    margin-bottom: 50px;
}

.event_content p {
    color: #000;
    font-family: 'AcuminVariableConcept';
}

.event_gallery_heading {
    display: flex;
    justify-content: center;
    font-size: 50px;
    color: #000;
    font-family: 'AcuminVariableConcept';
    text-transform: uppercase;
    font-weight: 700;
    gap: 0 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.event_gallery_heading:before,
.event_gallery_heading:after {
    content: '';
    width: 250px;
    height: 50px;
    background-size: cover;
}

.event_gallery_heading:before {
    background-image: url('../images/icons/heading_arrow_left.png');
    background-position: right;
}

.event_gallery_heading:after {
    background-image: url('../images/icons/heading_arrow_right.png');
    background-position: left;
}

.gallery_in {
    column-count: 2;
    column-gap: 30px;
    width: 100%;
}

.gallery_in {
    display: none;
}

.gallery_in>div {
    float: left;
    margin-bottom: 30px;
    border: 2px solid #000;
}

.gallery img {
    width: 100%;
    display: block;
}

.gallery .culumn_1,
.gallery .culumn_3 {
    width: 60%;
    float: right;
}


.gallery .culumn_5 {
    width: 86%;
}


.arrow_dv {
    text-align: center;
    margin-top: 30px;
}

.arrow_dv .arrow_icon {
    display: inline-block;
    width: 46px;
    height: 74px;
    border-radius: 50px;
    border: 3px solid #636363;
    padding: 12px;
    cursor: pointer;
}

.arrow_dv .arrow_icon img {
    margin-top: 15px;
}

.Down1bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.event_section {
    position: relative;
    z-index: 2;
}

.event_slider {
    position: relative;
}

.event_slider ul.slick-dots {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    list-style: none;
    gap: 0 10px;
    padding: 0;
}

.event_slider ul.slick-dots li {
    width: 15px;
    height: 15px;
    overflow: hidden;
    border: 2px solid #FFF;
    border-radius: 50%;
    cursor: pointer;
}

.event_slider ul.slick-dots li button {
    display: none;
}

.event_slider ul.slick-dots li.slick-active {
    background: #FFF;
}

.left_button,
.right_button {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background: #4b504c;
    border-radius: 50%;
    padding: 10px;
    z-index: 2;
    cursor: pointer;
}

.right_button {
    right: 15px;
}

.left_button {
    left: 15px;
}

.left_button img,
.right_button img {
    display: block;
    width: 100%;
}


.event_band_section {
    background-color: #FFF;
    background-image: url('../images/media_band.png');
    background-position: bottom left;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}

.event_band_section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #FFF;
    transform: translateX(-100%);
}

.swiper-btn-prev,
.swiper-btn-next {
    position: absolute;
    top: 50%;
    background: #1f253e;
    width: 35px;
    height: 35px;
    z-index: 22;
    border-radius: 50%;
    padding: 2px 7px;
    transform: translateY(-50%);
}

.swiper-btn-prev {
    left: 0;
}

.swiper-btn-next {
    right: 0;
}


/* -- 5 pillars new section -- */
.pillar_row {
    display: flex;
    flex-wrap: wrap;
    border-radius: 25px;
    overflow: hidden;
}

.pillar_row .pillar_content {
    width: 50%;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pillar_row .pillar_image {
    width: 50%;
    position: relative;
}

.tab_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

.tab_img.active {
    display: block;
}

.pillar_tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 21px 0;
}

.pillar_tab ul li .tab_link {
    display: inline-block;
    border: 1px solid;
    padding: 10px 15px;
    text-align: center;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    transition: all 0.5s ease;
    width: 230px;
    cursor: pointer;
}

.pillar_tab ul li .bg1 {
    border-color: #157a04;
    color: #157a04;
}

.pillar_tab ul li .bg2 {
    border-color: #e43436;
    color: #e43436;
}

.pillar_tab ul li .bg3 {
    border-color: #bfa00a;
    color: #bfa00a;
}

.pillar_tab ul li .bg4 {
    border-color: #2283c8;
    color: #2283c8;
}

.pillar_tab ul li .bg5 {
    border-color: #fd6f03;
    color: #fd6f03;
}

.pillar_overlay .pillar_tab ul li .bg1,
.pillar_tab ul li .tab_link.bg1.active,
.pillar_tab ul li .bg1:hover {
    background: #157a04;
    color: #FFF;
}

.pillar_overlay .pillar_tab ul li .bg2,
.pillar_tab ul li .tab_link.bg2.active,
.pillar_tab ul li .bg2:hover {
    background: #e43436;
    color: #FFF;
}

.pillar_overlay .pillar_tab ul li .bg3,
.pillar_tab ul li .tab_link.bg3.active,
.pillar_tab ul li .bg3:hover {
    background: #bfa00a;
    color: #FFF;
}

.pillar_overlay .pillar_tab ul li .bg4,
.pillar_tab ul li .tab_link.bg4.active,
.pillar_tab ul li .bg4:hover {
    background: #2283c8;
    color: #FFF;
}

.pillar_overlay .pillar_tab ul li .bg5,
.pillar_tab ul li .tab_link.bg5.active,
.pillar_tab ul li .bg5:hover {
    background: #fd6f03;
    color: #FFF;
}

.pillar_overlay .pillar_tab ul li .tab_link {
    cursor: default;
}

.pillar5_tab_sct {
    position: relative;
    overflow: hidden;
}

.pillar_overlay {
    position: absolute;
    width: 100%;
    top: 0;
    transition: all 0.5s ease;
    transform: translate3d(10px, 10px, 10px);
    transform: translateY(-100%);
}

.pillar_overlay.active {
    transform: translateY(0);
}

.pillar_tab {
    width: 350px;
    max-width: 80%;
}

.pillar_tab ul li p {
    color: #000;
    font-size: 20px;
    line-height: 28px;
}

.pillar_tab ul li {
    text-align: center;
}

.pillar_tab ul li .learn_more {
    display: inline-block;
    border: 1px solid #000;
    padding: 10px 22px;
    color: #000;
    font-weight: 700;
    transition: all 0.5s ease;
}

.pillar_tab ul li .learn_more:hover {
    background: #000;
    color: #FFF;
}

.pillar_row .pillar_content .back_btn {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 23px;
    cursor: pointer;
}

.show_991 {
    display: none;
}



/* -- inner pages header -- */
.inner-location-page main.main {
    padding-top: 158px;
}

.inner_header {
    position: fixed;
    width: 100%;
    z-index: 99;
}

.inner_header .header {
    position: relative;
    width: 100%;
}

.inner_header #innderHeader {
    background: #22629f;
    width: 100%;
    padding: 0;
}

.inner_header #innderHeader .navmenu a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
}


.inner-location-page .slider-content .slide-heading {
    text-transform: none;
}

.inner-location-page .banner_ribbon,
.main-location-page .banner_ribbon {
    top: -233px;
    left: -122px;
    z-index: 1;
    background-size: auto 530px;
}


/* ---- ---- */

.custom_breadcrumbs {
    padding: 10px 0;
    background: #FFF;
}

.custom_breadcrumbs ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.custom_breadcrumbs ul li a {
    color: #000;
    font-weight: 600;
    font-size: 17px;
}

.custom_breadcrumbs ul li:not(:last-child):after {
    content: '/';
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    right: -4px;
    top: 0px;
}

.custom_breadcrumbs ul li:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 0;
    background: #000;
    height: 1px;
    width: 100%;
}

.custom_breadcrumbs ul li {
    position: relative;
    padding: 0 7px;
}

.custom_breadcrumbs ul li:first-child {
    padding-left: 0;
}

.custom_breadcrumbs ul li:last-child {
    padding-right: 0;
}

.custom_breadcrumbs ul li.active a {
    color: #f15846;
}

.custom_breadcrumbs ul li.active:before {
    background: #f15846;
}

.custom_breadcrumbs.blog_pg_sect  {
    background: #f0f0f0;
    margin-top: 10px;
}
.blog_pg_sect .breadcrumbs_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 15px;
}

.blog_pg_sect .breadcrumbs_wrap .goback_btn {
    background: #000;
    color: #FFF;
    font-size: 12px;
    font-weight: 800;
    padding: 2px 14px;
    border-radius: 50px;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* --- overview section  --- */
.bg_white {
    background: #FFF;
}

.overview_section .overview_content_box {
    text-align: center;
    box-shadow: -4px 2px 5px 2px #c3c3c3;
    border-radius: 25px;
    background: rgb(255 255 255 / 75%);
    padding: 50px;
    padding-bottom: 0;
}

.overview_section .overview_content_box p {
    text-align: justify;
    text-align-last: center;
}

.overview_section .overview_content_box .inside_overview_mg_dv {
    margin-top: 30px;
}

.overview_section .overview_content_box .row.reverse {
    flex-direction: row-reverse;
}

.overview_section .overview_content_box .overview_two_column_content {
    text-align: left;
    padding: 0 4%;
}

.overview_section .overview_content_box .overview_two_column_content h3 {
    color: #000;
}

.overview_section .overview_content_box .row {
    align-items: center;
    margin-top: 40px;
}

.overview_section .overview_content_box .overview_two_column_content p {
    font-size: 16px;
    line-height: 1.6;
    text-align: left;
    text-align-last: left;
}


.inner-location-page .project_section {
    padding: 50px 0;
}

.inner-location-page .project_enquire_wrapper {
    background-size: 100% 100%;
}

.inside_pg_galler_section {
    background: #FFF;

}

.gallery_wrapper {
    display: flex;
    flex-wrap: wrap;
    border-radius: 50px;
    border: 2px solid #c4c4c5;
    overflow: hidden;
}


.gallery_wrapper .gallery_big_slider {
    width: 40%;
}

.gallery_wrapper .gallery_thumb_slider {
    width: 60%;
    display: flex;
    align-items: center;
    padding: 0 60px;
    background: #f1f1f1;

}

.gallery_wrapper .gallery_thumb_slider .items {
    padding: 0 17px;
}

.gallery_wrapper .gallery_thumb_slider .items img {
    border: 2px solid #e2dede;
    border-radius: 20px;
}

.gallery_thumb_slider ul.slick-dots {
    display: flex;
    gap: 0 7px;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery_thumb_slider ul.slick-dots button {
    width: 12px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    text-indent: 21px;
    background: transparent;
    border-radius: 50%;
    display: block;
    padding: 0;
    border: 2px solid #606060;
}

.gallery_thumb_slider ul.slick-dots .slick-active button {
    background: #606060;
}

.gallery_single_image {
    width: 100%;
}

.gallery_single_image img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.gallery_thumb_slider .slick-list,
.gallery_thumb_slider .slick-track {
    width: 100%;
}

.location_wrapper {
    display: flex;
    flex-wrap: wrap;
    border-radius: 50px;
    border: 2px solid #c4c4c5;
    overflow: hidden;
    /* align-items: center; */
}

.location_wrapper .mapimage {
    margin-left: 0;
    border: none;
}

.location_wrapper .mapimage #mapid {
    border: none;
    margin-bottom: 0;
}

.location_wrapper .image {
    width: 40%;
}

.location_wrapper .image img {
    /* min-height: 420px; */
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.location_wrapper .image iframe {
    width: 100%;
    height: 100%;
}

.location_wrapper .other_content {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 30px 60px;
    justify-content: center;
}

.location_wrapper .other_content .location_box {
    width: 40%;
    padding: 2px;
    text-align: center;
    background: linear-gradient(115deg, #f8f7f7 43%, #e0dcdc 72%);
    border-radius: 10px;
    display: flex;
}

.location_wrapper .other_content .location_box.vsnclass {
    width: 30.33%;
}

.location_box_in {
    background: #FFF;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.location_wrapper .other_content .location_box img {
    height: 65px;
    margin-bottom: 10px;
}

.location_wrapper .other_content .location_box p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin: 0;
}

.location_wrapper #mapid {
    height: 500px;
}

.location_intro {
    text-align: center;
}

.location_intro h5 {
    color: #000;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -25px;
}

.location_intro {
    margin-bottom: 40px;
}

.location_intro p {
    padding: 0 10%;
}


/* --- Amenities --- */

.amenities_card {
    border-radius: 15px;
    overflow: hidden;
    width: 96%;
    margin: auto;
}

.amenities_card .box1 {
    background: #000;
}

.amenities_card .box2 {
    background: #f6f6f6;
    text-align: center;
}

.amenities_card .box3 {
    background: #d8d8d8;
    text-align: center;
}

.amenities_card .box2:nth-child(odd) {
    background: #d8d8d8;
}

.amenities_card .box2,
.amenities_card .box3 {
    font-size: 17px;
    line-height: 18px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.amenities_card .box1 p {
    color: #FFF;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    font-size: 22px;
}

.amenities_card .box1 {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.amenities_card .box1 img {
    height: 60px;
    margin-right: 20px;
}


.awards_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 0;
    background: #f1f1f1;
    padding: 40px;
    border-radius: 15px;
    border: 2px solid #c4c4c5;
}

.awards_box_out {
    padding: 0 20px;
}

.awards_box {
    width: 100%;
    padding: 2px;
    text-align: center;
    background: linear-gradient(115deg, #f8f7f7 43%, #e0dcdc 72%);
    border-radius: 10px;
    display: flex;
    height: 100%;
}

.awards_box .awards_box_in {
    width: 100%;
    background: #FFF;
    padding: 15px;
    display: inline-block;
    border-radius: 10px;
}

.awards_box .awards_box_in img {
    height: 85px;
    margin-bottom: 18px;
}

.awards_box .awards_box_in p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin: 0;
}

.awards_section h5 {
    color: #000;
    font-size: 50px;
    font-weight: 700;
}

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

.inside_page_slider .slide-container .slide-row .slider-content {
    max-width: 68%;
    margin: auto;
}

#amenities .location_wrapper .other_content {
    width: 100%;
    gap: 40px;
    padding: 40px 50px;
}

#amenities .location_wrapper .other_content .location_box {
    width: calc(33.33% - 40px);
}

#amenities .location_wrapper .other_content .location_box img {
    height: 90px;
}



.creative-showcase--slider .swiper-slide .slide-bg video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.event_section .blog_card_row {
    gap: 30px 0;
}

.event_section .blog_card .content h2 {
    text-transform: none;
}

.event_section .blog_card p {
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_section .blog_centent {
    margin-bottom: 40px;
}

.event_section .blog_centent p {
    font-size: 17px;
    line-height: 29px;
}

.event_band_section h1 {
    margin-bottom: 10px;
}

/*--- location new section --- */

.map_heading h2 {
    font-size: 20px;
    text-align: left;
    color: #000;
    margin-bottom: 0;
}

#all-property {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

#all-property .propertyvs label,
.reset-btn button {
    background: #ffffff94;
    padding: 0px 10px;
    border-radius: 5px;
    font-weight: 500;
    color: #1f1f1f;
    letter-spacing: 0.4px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
}

.reset-btn button {
    background: #f05846;
    border-color: #f05846;
    color: #FFF;
    display: inline-block;
    border: none;
}

#all-property .propertyvs input {
    display: none;
}

#all-property .propertyvs input:checked+label {
    background: #26a349;
    color: #FFF;
    padding-left: 33px;
    font-size: 13px;
}

#all-property .propertyvs label:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    left: 12px;
    top: 11px;
    /* background: #00000057; */
    border-radius: 50%;
}

#all-property .propertyvs input:checked+label:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 4px;
    background-image: url('https://cdn-icons-png.flaticon.com/128/9778/9778606.png');
    width: 20px;
    height: 20px;
    background-size: 20px;
    filter: invert(1);
}

#mapid {
    height: 400px;
    border: 4px solid #d7d7d7;
    border-radius: 10px;
    margin-bottom: 15px;
}

.mapimage {
    text-align: center;
    height: 100%;
    margin-left: 25px;
}

/*  */



.gm-ui-hover-effect {
    background: none;
    display: block;
    border: 0px;
    margin: 2px !important;
    padding: 0px;
    text-transform: none;
    appearance: none;
    position: absolute !important;
    cursor: pointer;
    user-select: none;
    top: -6px;
    right: -6px;
    width: 30px !important;
    height: 30px !important;
    z-index: 5;
    background-color: red !important;
    border-radius: 50% !important;
    opacity: 1;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.gm-ui-hover-effect>span {
    background-color: #fff !important;
}

.map-img {
    float: left;
    width: 50%;
    margin-right: 20px;
}

.map-lat-long {
    font-size: 14px !important;
}

.map-lat-long-con {
    font-size: 12px;
}

.gm-style-iw {
    padding-inline-end: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    max-width: 465px !important;
    max-height: 400px !important;
    min-width: 0px !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
}


.gm-style-iw-ch {
    display: none;
}

#map-details {
    padding: 13px 16px;
}

#map-details h5 {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

#map-details h6 {
    margin-bottom: 10px;
    color: #000000;
    font-size: 20px !important;
}

#map-details p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin: 0;
}

.gm-ui-hover-effect span {
    margin: 0 auto !important;
    width: 22px !important;
    height: 22px !important;
}

#map-imgvsn {
    display: inline-block;
    margin: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 140px;
    border-radius: 10px 0 0 10px;
}

.gm-style .gm-style-iw-c {
    padding: 0;
    overflow: visible;
}

.gm-style-iw-d .row {
    margin: 0 !important;
}

.gm-style-iw-d .row>div {
    padding: 0;
}

/* -- 5 pillar new circle design -- */

.pillars_nw {
    background: #FFF;
    padding: 70px 100px;
    /* display: flex; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
    border-radius: 39px;
}
.pillars_items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pillars_circle {
    /* margin-left: 50%; */
    /* transform: translateX(-50%); */
    min-width: 500px;
    height: 500px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-image: url('../images/bg_shape.png');
    background-size: cover;
    transition: all 0.5s ease;
}

.pillars_circle.move {
    margin-left: 0;
    transform: translateX(0);
}

.pillars_circle.tdv1 {
    background-image: url('../images/bg_shape1.png');
}

.pillars_circle.tdv2 {
    background-image: url('../images/bg_shape2.png');
}

.pillars_circle.tdv3 {
    background-image: url('../images/bg_shape3.png');
}

.pillars_circle.tdv4 {
    background-image: url('../images/bg_shape4.png');
}

.pillars_circle.tdv5 {
    background-image: url('../images/bg_shape5.png');
}



.title_dv {
    position: absolute;
    cursor: pointer;

}

.title_dv.tdv1 {
    clip-path: polygon(0 0, 105% 0%, 52% 99%, 0% 14%);
    width: 65%;
    height: 50%;
    position: absolute;
    top: -2px;
    left: auto;
    transform: rotate(-18deg);
    transform-origin: bottom;
    text-align: center;
    padding-top: 32px;
    color: #FFF;
    font-size: 21px;
}

.title_dv.tdv2 {
    clip-path: polygon(0 0, 105% 0%, 52% 99%, 0% 14%);
    width: 65%;
    height: 50%;
    position: absolute;
    top: -2px;
    left: auto;
    transform: rotate(55deg);
    transform-origin: bottom;
    text-align: center;
    padding-top: 27px;
    color: #FFF;
    font-size: 21px;
}

.title_dv.tdv3 {
    clip-path: polygon(0 0, 105% 0%, 52% 99%, 0% 14%);
    width: 65%;
    height: 50%;
    position: absolute;
    top: -2px;
    left: auto;
    transform: rotate(128deg);
    transform-origin: bottom;
    text-align: center;
    padding-top: 27px;
    color: #FFF;
    font-size: 21px;
}

.title_dv.tdv4 {
    clip-path: polygon(0 0, 105% 0%, 52% 99%, 0% 14%);
    width: 65%;
    height: 50%;
    position: absolute;
    top: -2px;
    left: auto;
    transform: rotate(200deg);
    transform-origin: bottom;
    text-align: center;
    padding-top: 27px;
    color: #FFF;
    font-size: 21px;
}

.title_dv.tdv5 {
    clip-path: polygon(0 0, 105% 0%, 52% 99%, 0% 14%);
    width: 65%;
    height: 50%;
    position: absolute;
    top: -2px;
    left: auto;
    transform: rotate(-91deg);
    transform-origin: bottom;
    text-align: center;
    padding-top: 27px;
    color: #FFF;
    font-size: 21px;
}

.cicle_mg {
    width: 344px;
    height: 344px;
    background: #e4e4e4;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}


.cicle_mg {
    background-image: url('../images/5pillar/sustainability.jpg');
    background-position: center;
    background-size: cover;
}

.cicle_mg.tdv1 {
    background-image: url('../images/5pillar/sustainability.jpg');
}

.cicle_mg.tdv2 {
    background-image: url('../images/5pillar/safety.jpg');
}

.cicle_mg.tdv3 {
    background-image: url('../images/5pillar/scale.jpg');
}

.cicle_mg.tdv4 {
    background-image: url('../images/5pillar/social.jpg');
}

.cicle_mg.tdv5 {
    background-image: url('../images/5pillar/space.jpg');
}

.pillars_circle.active .title_dv.tdv1 {
    color: #007e41;
}

.pillars_circle.active .title_dv.tdv2 {
    color: #ed1b2b;
}

.pillars_circle.active .title_dv.tdv3 {
    color: #c2a02f;
}

.pillars_circle.active .title_dv.tdv4 {
    color: #0072bb;
}

.pillars_circle.active .title_dv.tdv5 {
    color: #f26522;
}



.pillars_circle.tdv1 .title_dv.tdv1,
.pillars_circle.tdv2 .title_dv.tdv2,
.pillars_circle.tdv3 .title_dv.tdv3,
.pillars_circle.tdv4 .title_dv.tdv4,
.pillars_circle.tdv5 .title_dv.tdv5 {
    color: #FFF;
}

.pillar_content_container {
    width: calc(100% - 500px);
    padding-left: 30px;
    /* margin-right: -600px; */
    /* position: absolute; */
    /* right: 0; */
    /* opacity: 0; */
    /* visibility: hidden; */
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pillar_content_container.active {
    opacity: 1;
    visibility: visible;
    margin-right: 0;
}

.pillar_content {
    width: 80%;
    text-align: center;
    margin: auto;
    /* display: none; */
}

.pillar_content_container.active.tdv1 .pillar_content.tdv1,
.pillar_content_container.active.tdv2 .pillar_content.tdv2,
.pillar_content_container.active.tdv3 .pillar_content.tdv3,
.pillar_content_container.active.tdv4 .pillar_content.tdv4,
.pillar_content_container.active.tdv5 .pillar_content.tdv5 {
    display: block;
}

.pillar_content h4 {
    font-size: 30px;
    color: #000;
    margin-bottom: 15px;
}

.pillar_content p {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.pillar_content a {
    border: 1px solid #000000;
    display: inline-block;
    padding: 14px 15px;
    text-align: center;
    border-radius: 5px;
    transition: all 0.5s ease;
    min-width: 230px;
    cursor: pointer;
    color: #000;
    margin-top: 15px;
}

.property_title_section {
    padding-bottom: 0;
    background: #FFFF;
    display: block;
    margin-bottom: -8px;
}

.property_title_section h1 {
    padding: 0;
    text-transform: none;
    font-weight: 500;
    font-size: 42px;
}

.event_slider2 .left_button,
.event_slider2 .right_button {
    width: 35px;
    height: 35px;
}

/* .mobile_menu {
    display: none;
} */


.mobile_header {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 99;
}

.mobile_menu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgb(0 0 0 / 95%);
    transition: 0.3s;
    z-index: 9;
    padding: 35px;
    padding-top: 90px;
    top: 0;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
}

.mobile_menu.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.mobile_menu ul.nav1 {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 4px 26px;
    flex-wrap: wrap;
}

.mobile_menu ul.nav1 li {
    position: relative;
    transform: translateX(35px);
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
}

.mobile_menu.active ul.nav1 li {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.mobile_menu ul.nav1 li:nth-child(1),
.mobile_menu ul.nav2 li:nth-child(1) {
    transition-delay: 0.05s;
}

.mobile_menu ul.nav1 li:nth-child(2),
.mobile_menu ul.nav2 li:nth-child(2) {
    transition-delay: 0.1s;
}

.mobile_menu ul.nav1 li:nth-child(3),
.mobile_menu ul.nav2 li:nth-child(3) {
    transition-delay: 0.15s;
}

.mobile_menu ul.nav1 li:nth-child(4),
.mobile_menu ul.nav2 li:nth-child(4) {
    transition-delay: 0.2s;
}

.mobile_menu ul.nav1 li:nth-child(5),
.mobile_menu ul.nav2 li:nth-child(5) {
    transition-delay: 0.25s;
}

.mobile_menu ul.nav1 li:nth-child(6),
.mobile_menu ul.nav2 li:nth-child(6) {
    transition-delay: 0.3s;
}

.mobile_menu ul.nav1 li:nth-child(7),
.mobile_menu ul.nav2 li:nth-child(7) {
    transition-delay: 0.35s;
}

.mobile_menu ul.nav1 li:nth-child(8),
.mobile_menu ul.nav2 li:nth-child(8) {
    transition-delay: 0.4s;
}

.mobile_menu ul.nav1 li:nth-child(9),
.mobile_menu ul.nav2 li:nth-child(9) {
    transition-delay: 0.45s;
}

.mobile_menu ul.nav1 li:nth-child(10),
.mobile_menu ul.nav2 li:nth-child(10) {
    transition-delay: 0.5s;
}


.mobile_menu ul.nav1 li:not(:last-child):after {
    content: '';
    width: 1px;
    height: 15px;
    background: #FFF;
    position: absolute;
    right: -16px;
    top: 7px;
    opacity: 0.4;
}

.mobile_menu ul.nav1 li img {
    width: 19px;
}

.mobile_menu ul.nav1 li a {
    color: #FFF;
    font-size: 14px;
}

.mobile_menu ul.nav2 {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin-top: 30px;
    justify-content: center;
    gap: 25px 0;
    border-top: 1px solid rgb(255 255 255 / 40%);
    padding-top: 30px;
}

.mobile_menu ul.nav2 li {
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    transform-origin: right;
}

.mobile_menu ul.nav2 li a {
    font-size: 22px;
    color: #FFF;
    display: inline-block;

}


.mobile_menu.active ul.nav2 li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



.ic_conten_box_row .ic_conten_box img {
    width: 60px;
}

.ic_conten_box_row .ic_conten_box p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 22px;
}

.ic_conten_box_row {
    gap: 30px 0;
    margin-bottom: 40px;
    align-items: baseline !important;
    margin-top: 30px !important;
}


.other_section {
    background: #FFF;
    padding-bottom: 0;
}

.other_section .other_sect_row {
    margin: 0;
    background: #f1f1f1;
    border-radius: 30px;
    overflow: hidden;
    flex-wrap: nowrap;
}

.other_section .other_sect_content_img {
    padding: 0;
    min-width: 455px;
}

.other_section .other_sect_content_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.other_section .other_sect_content_img {
    padding: 0;
}

.other_section .other_sect_content {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    flex: auto;
    align-items: flex-start;
}
.other_section .other_sect_content .custom_ouline_btn {
    margin-top: 20px;
}
.other_section .other_sect_content h3 {
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
}

.other_section .other_sect_content .content_dv {
    height: 300px;
    overflow: auto;
    padding-right: 20px;
}

.cs_scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.cs_scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.cs_scrollbar::-webkit-scrollbar-thumb {
    background-color: #22629f;
    border-radius: 5px;
}


.blog_pagination .page-link {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    min-width: 44px;
    display: block;
    text-align: center;
}

.blog_pagination .pagination {
    justify-content: center;
    margin: 0;
}

.blog_pagination .page-link:hover,
.blog_pagination .page-item.active .page-link {
    background: #000000;
    color: #FFF;
    border-color: #000;
}

.blog_pagination .page-link img {
    width: 15px;
}

.other_section .other_sect_row+.other_sect_row {
    margin-top: 30px;
}

.other_section .other_sect_row.reverse {
    flex-direction: row-reverse;
}


.blog_detail_page .mob_title {
    display: none;
}

.pillars_nw_slider {}
.pillars_nw_slider .slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
}
.pillars_nw_slider .slick-dots li button {
    background: transparent;
    border: 1px solid #000;
    width: 12px;
    height: 12px;
    opacity: 1;
    margin: 0 3px !important;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    padding: 0;
    text-indent: 50px;
}
.pillars_nw_slider .slick-dots li.slick-active button {
    background: #000;
}