/*@font-face {
    font-family: AvenirSubset;
    src: url("../../fonts/avenir-optimized-subset.woff2") format("woff2"), url("../../fonts/avenir-optimized-subset.woff") format("woff");
    unicode-range: U+24, U+2C, U+30-39, U+41-5A, U+61-7A;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("../../fonts/avenir-regular.woff2") format("woff2"), url("../../fonts/avenir-regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("../../fonts/avenir-medium.woff2") format("woff2"), url("../../fonts/avenir-medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("../../fonts/avenir-demibold.woff2") format("woff2"), url("../../fonts/avenir-demibold.woff") format("woff");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next";
    src: url("../../fonts/avenir-bold.woff2") format("woff2"), url("../../fonts/avenir-bold.woff") format("woff");
    font-weight: 700;
    font-display: swap;
}*/

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body { 
    color: #1A2258; 
    font-weight: 400;
}
.fonts-loaded-1 body {
    /*font-family: AvenirSubset;*/
    font-family: "Figtree";
    line-height: 1.4;
}
.fonts-loaded-2 body {
    /*font-family: "Avenir Next", sans-serif;*/
    font-family: "Figtree", sans-serif;
    line-height: 1.4;
}
h1 {
    font-size: 34px;
    line-height: 46px;
}
h2 {
    font-size: 28px;
    line-height: 38px;
}
h3 {
    font-size: 23px;
    line-height: 31px;
}
h4 {
    font-size: 19px;
    line-height: 26px;
}
h1,h2,h3,h4 {
    color: #1A2258;
    font-weight: 700;
}
strong { font-weight: 700; }
[x-cloak] { display: none; }
.site-header .image-nav-item:hover .image-nav-link::before { filter: unset; }
#back2Top { cursor: pointer; }
.hide-text > a.depth-1-link { opacity: 0; }
@media screen and (max-width: 1024px) {
    .hide-text { margin-top: 16px;}
    .hide-text > a.depth-1-link { display: none !important; }
}

#div-gpt-ad-1646192799206-0, #div-gpt-ad-1646201143280-0, #div-gpt-ad-1646201920865-0,
.ad-loading  {
    min-width: 300px; 
    min-height: 250px;
}
.ad-loading { 
    width: 82%;
    border-radius: 4px;
    opacity: 0.5;
    background: linear-gradient(135deg, rgb(224, 230, 236, 0.9) 30%,rgba(191, 199, 205, 0.658) 38%,rgba(185, 195, 202, 0.6) 41%,rgba(182, 189, 195, 0.6) 50%,rgba(181, 188, 194, 0.6) 50%,rgba(189, 196, 202, 0.6) 51%,rgba(224, 230, 236) 57%,rgba(224, 230, 236) 80%,rgba(224, 230, 236) 80%);
    background-size: 1200% 1200%;
    
    -webkit-animation: AnimationName 1.5s ease infinite reverse;
    -moz-animation: AnimationName 1.5s ease infinite reverse;
    animation: AnimationName 1.5s ease infinite reverse;
}
.ad-loading.article-cont {width: auto;}

@media screen and (max-width: 768px) {
    #div-gpt-ad-1646192799206-0, #div-gpt-ad-1646201143280-0, #div-gpt-ad-1646201920865-0{
        min-height: 100px;
    }
    .ad-loading {
        min-height: 110px;
    }
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
@keyframes AnimationName { 
    0%{background-position:0% 92%}
    100%{background-position:100% 9%}
/*     100%{background-position:0% 92%} */
}

/* Slider */
.splide__slide { width: calc(100%); }
.splide__arrow { background-color: transparent !important;}
.bottom-4 { bottom: 1rem !important; }

footer{
    -webkit-font-smoothing: antialiased;
}
.bsf-rt-reading-time {
    display: inline-flex;
    flex-direction: row;
    gap: 4px;
}
span.bsf-rt-display-label{
    order: 3; 
}
.trending-number {
    -webkit-text-stroke: 1px #98BAFC;
    -webkit-text-fill-color: white;  
}

.has-tooltip{
    position: relative;
  }
  
  .has-tooltip:hover::after {
    position: absolute;
    content: attr(data-tooltip);
    top: 100%;
    left: 50%;
    background-color: #fff;
    font-size: 12px;
    z-index: 50;
    padding: 0.25em 0.5em;
    width: 320px;
    font-weight: 400;
    border-radius: 4px;
    line-height: 16px;
    padding: 8px;
    box-shadow: 0px 4px 16px rgba(11, 17, 52, 0.2);
}
#latest-videos .has-tooltip:hover::after {
    bottom: 130%;
    left: 3%;
    top: unset;
}
.admin-bar .progress-container-top{position:fixed;top:30px;z-index:100;width:100%}.progress-container-top{position:fixed;top:0;z-index:100;width:100%;height:10px;background:unset}.progress-container-bottom{position:fixed;bottom:0;z-index:100;width:100%;height:10px;background:unset}.progress-bar{height:8px;background:unset;width:0%;z-index:200}.bsf-rt-show-readtime-label{min-width:200px;display:inline-block}.bsf-rt-display-label:after{content:attr(prefix)}.bsf-rt-display-time:after{content:attr(reading_time)}.bsf-rt-display-postfix:after{content:attr(postfix)}

.metaslider a{
    color: #fff!important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 30px !important;
}
.swiper-pagination-bullet-active-main,
.swiper-pagination-bullet{
    background: #fff !important;
}

.breadcrumb_last{ color: #787D9C;}
.breadcrumbs-wrapper .seperator::after,
.breadcrumb .seperator::after{
    content: ' ';
    background: url(../images/seperator.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 12px;
    position: absolute;
    left: 5.86%;
    right: 5.83%;
    top: 3px;
    bottom: 5.97%;
}
span.seperator {
    position: relative;
    width: 7px;
    display: inline;
    margin-left: 8px;
    margin-right: 18px;
}
.inner.swiper-slide::after,
#homeslider li.splide__slide::after{
    content: '';
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.6432948179271709) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#homeslider .splide__arrow svg{
    fill: #fff;
    height: 2.2em;
    width: 2.2em;
}
.splide__arrow:disabled{
    display: none;
}

.splide__pagination__page.is-active{
    background: #216BFF !important;
    opacity: 1 !important;
}

#homeslider .splide__pagination__page.is-active{
    background: #FFF !important;
    opacity: 1 !important;
}
.preloadcontent,#gform_wrapper_2 .gform_validation_errors{
    display: none;
}


.gform_body.gform-body{
    grid-column: span 8;
}
.gform_footer{
    grid-column: span 4;
    padding: 5px !important;
    margin: 0px !important;
}
#field_2_1,
#field_2_1 .ginput_container_email{
    margin-top: 0;
}
input#input_2_1 {
    border: 0;
    margin-top: 0;
    padding-left: 15px;
    height: 58px;
    padding-right: 15px;
    border-radius: 4px;
}

.gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit] {
    margin: 0 !important;
    background: #216BFF;
    display: block !important;
    width: 100% !important;
    height: 48px;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
}
.gform_legacy_markup_wrapper .gform_footer input.button:hover, .gform_legacy_markup_wrapper .gform_footer input[type=submit]:hover { 
    background: #1757d7;
    color: #FFF;
}

#gform_wrapper_2 .gfield_error{
    background: transparent;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
}
.validation_message {
    position: absolute;
    bottom: -25px;
    font-weight: 500 !important;
    font-size: 12px !important;
    left: 15px;
    padding: 0 !important;
    width: auto !important;
}

img.gform_ajax_spinner {
    position: absolute;
    bottom: -25px; 
    left: 15px;
   }

#gform_confirmation_wrapper_2 { background: #F0F6FF; }
#gform_confirmation_message_2 { grid-column: span 12; }
.mfp-content blockquote{
    height: 600px;
}


/** Gutternberg classes */
.has-white-color{
     color: #FFFFFF;
}
.has-blue-background-color{
    background: #216BFF;
}

.has-blue-color{
    color: #216BFF;
}
.has-white-background-color{
   background: #FFFFFF;
}
.taxonomy-intro-tax p,
.taxonomy-intro div{
    overflow: hidden;
}
.taxonomy-intro-tax  a,
.taxonomy-intro a{ 
    color: #216BFF ;
}
.taxonomy-intro-tax  a:hover,
.taxonomy-intro a:hover{
    color: #1757d7;
}

/** Single classes **/
body.single input::placeholder{
    color: #9A9EB5;
}
body.single ::placeholder{
    color: #9A9EB5;
}
.taxonomy-intro p,
body.single .blog-content p{
    font-style: normal; 
    font-size: 16px;
    line-height: 28px;
}
body.single .blog-content p{
    margin-bottom: 25px;
}

body.single .blog-content p:last-child{
    margin-bottom: 0px;
}

.taxonomy-intro h2,
.taxonomy-intro h3,
.taxonomy-intro h4,
.taxonomy-intro h5,
.taxonomy-intro h6,
body.single .blog-content h2,
body.single .blog-content h3,
body.single .blog-content h4,
body.single .blog-content h5,
body.single .blog-content h6{
    font-weight: 600;
}

.taxonomy-intro b,
.taxonomy-intro b,
.taxonomy-intro b,
.taxonomy-intro b,
.taxonomy-intro b,
.taxonomy-intro strong,
.taxonomy-intro strong,
.taxonomy-intro strong,
.taxonomy-intro strong,
.taxonomy-intro strong,
body.single .blog-content h2 b,
body.single .blog-content h3 b,
body.single .blog-content h4 b,
body.single .blog-content h5 b,
body.single .blog-content h6 b,
body.single .blog-content h2 strong,
body.single .blog-content h3 strong,
body.single .blog-content h4 strong,
body.single .blog-content h5 strong,
body.single .blog-content h6 strong{
    font-weight: unset;
}

.taxonomy-intro h2,
.taxonomy-intro h3,
.taxonomy-intro h4,
.taxonomy-intro h5,
.taxonomy-intro h6,
.taxonomy-intro figure,
.taxonomy-intro ul,
.taxonomy-intro blockquote,
.taxonomy-intro hr, 
body.single .blog-content h2,
body.single .blog-content h3,
body.single .blog-content h4,
body.single .blog-content h5,
body.single .blog-content h6,
body.single .blog-content figure,
body.single .blog-content ul,
body.single .blog-content blockquote,
body.single .blog-content hr {
    margin-bottom: 25px;
}

body.single .blog-content img {
    margin-bottom: 16px;
}

body.single  .portal-widget-carousel.swiper-wrapper{
    max-height: 410px;
}

.taxonomy-intro table,
body.single .blog-content table
{
    margin-bottom: 40px;
}

.taxonomy-intro figure,
body.single .blog-content figure{
    width: 100% !important;
}

.taxonomy-intro img,
.taxonomy-intro figure img,
body.single .blog-content img,
body.single .blog-content figure img{
    border-radius: 4px;
    max-width: 100%;
    width: 100%;
}

body.single .blog-content .card-room img {
    width: 30px;
}

.taxonomy-intro figcaption,
body.single .blog-content figcaption{
    font-style: italic; 
    font-size: 14px;
    line-height: 19px;
}

.taxonomy-intro tr,
.taxonomy-intro ul li,
body.single .blog-content tr,
body.single .blog-content ul li{
    line-height: 30px;
}

.taxonomy-intro tr:nth-child(even),
.taxonomy-intro tr td:first-child,
body.single .blog-content tr:nth-child(even){background-color: #f2f2f2;}

.taxonomy-intro tr td, body.single .blog-content tr td{
    padding: 8px;
}

.taxonomy-intro table,
body.single .blog-content table,
body.single .dataTables_wrapper{
    width: 100%;
    min-width: 710px;
}

.taxonomy-intro a,
body.single .blog-content a{
    color: #216BFF ;
}
.taxonomy-intro a:hover,
body.single .blog-content a:hover{
    color: #1757d7;
}

.taxonomy-intro ul,
body.single .blog-content ul {
    list-style: circle;
    margin-left: 40px;
}
.taxonomy-intro ol,
body.single .blog-content ol { 
    list-style: decimal;
    margin-left: 40px;
}
.taxonomy-intro ul li,
.taxonomy-intro  ol li,
body.single .blog-content ul li,
body.single .blog-content ol li{
    margin-bottom: 15px;
 }

 .taxonomy-intro blockquote,
body.single .blog-content blockquote{
    background:  url(../images/quote.png) no-repeat;
    background-size: 37px;
    padding-left: 50px;
    margin-left: 40px;
}
.taxonomy-intro blockquote p,
body.single .blog-content blockquote p{
    color: #216BFF; 
    font-weight: 600;
    font-size: 23px;
    line-height: 36px;
}

body.single .blog-content iframe{
    margin:  0 auto !important; 
}

nav.headerScrolled ~ nav.nav-menu .relevanssi-live-search-results-showing{
    top:55px !important
}
body.admin-bar nav.headerScrolled ~ nav.nav-menu .relevanssi-live-search-results-showing{
    top:83px !important
}

@media screen and (max-width:768px) {
    body.single .blog-content img { margin-bottom: 12px; }
}
@media (max-width:480px){
    body.single .blog-content blockquote{   
        margin-left: 0px;
        padding-left: 50px;
    }
}

.swiper-button-next, .swiper-button-prev {
    -webkit-box-shadow: 0px 0px 10px 0px rgb(199 199 199);
    -moz-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
    box-shadow: 0px 0px 10px 0px rgb(199 199 199);
    background: #fff;
    width: 16px !important;
    height: 16px !important;
    border-radius: 16px;
    padding: 16px;
    right: 5px !important;
    top: 60% !important;
}
.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 16px !important;
    color: #216bff;
    font-weight: bold;
}

.searchwp-live-search-result a{
    white-space: unset !important
}
   
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(../images/clearinput.png) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0;
    pointer-events: none; 
  }

input[type="search"]:focus::-webkit-search-cancel-button {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
  }
  
  input[type="search"].dark::-webkit-search-cancel-button {
    filter: invert(1);
  }
  .searchwp-live-search-results{
      position: fixed !important;
  }

    .no-js #homeslider, .no-js  #latest-videos, #homeslider-nojs {
    display: none;
    }

    .no-js #homeslider-nojs{
    display: block;
    }

    a#cancel-comment-reply-link {
        position: absolute !important;
        border: 1px solid #216BFF;
        padding: 11px 24px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px;
        bottom: 24px;
        left: 180px;
        color: #216BFF;
    }
    a#cancel-comment-reply-link:hover {
        color: #FFFFFF;
        background-color: #216BFF;
    }

    .comment-respond{
        position: relative;
    }
    
    .comment-form label{
        display:none;
    }
    img.emoji{
        width: 16px;
        height: 16px;
        display: inline-block;
    }
     
    .mfp-figure.imgholder .mfp-close{
        right: -20px;
        top: -20px;
    }
    .mfp-figure.imgholder img{
        border:25px solid #FFF
    }
    .single .mfp-wrap > .mfp-close{
        display: none;
    }
    

    .fluid-width-video-wrapper {
        width: 100%;
        position: relative;
        padding: 0;
        padding-top: 56.25%;
    }
    .fluid-width-video-wrapper iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.relevanssi-live-search-result-status{
    display:none
}
.relevanssi-live-search-results .relevanssi-live-search-result:nth-child(+n+7) {
    display: none;
}
.relevanssi-live-search-result a
{
    white-space: unset !important
}

.entry-comments{
    margin-top: 40px;
}
body.single .widget_custom_html .widget-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
    padding: 32px 0;
}
body.single .entry-tags {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2rem;
}
body.single .entry-tags a{
    padding: 8px 16px;
    display: block;
    border: 1px solid #216BFF;
    border-radius: 25px;
    color: #216BFF;
    font-size: 14px;
    line-height: 19px;
}
body.single .entry-tags a:hover{
    background-color: #216BFF;
    color: #fff;
}
.breadcrumb {
    font-size: 14px;
    line-height: 24px;
}
body.single table {
    table-layout: fixed;
    width: 100%;
}
body.single table thead .column-4.sorting{ min-width: 114px; }
body.single #commentform .logged-in-as { grid-column: span 2/span 2; }
body.single #commentform .logged-in-as .required-field-message { padding-left: 10px;}
body.single .widget_custom_html {display: block; grid-area: 1/2/2/3;}
body.single #bsf_rt_marker { margin-top: 32px;}
body.single .site-inner h2.screen-reader-text, body.single .site-inner .sidebar-primary { display: none;}
body.single #comments .mreadmore a { overflow-wrap: break-word; }

/* Search Form */
.relevanssi-live-search-results > .screen-reader-text, .relevanssi-live-search-results .relevanssi-live-search-no-results{ padding-top: 24px; text-align: center; margin-bottom: -26px;}
#rlvlive_3 .relevanssi-live-search-no-min-chars:after {padding-top: 24px;}
.relevanssi-live-search-results .relevanssi-live-search-didyoumean { padding-top: 58px; text-align: center;}

/* Header */
.nav-mobile-down { background-image: url("../../assets/images/nav_mobile_down.svg"); }
.nine_nine_property_value .menu-link::before { background-image: url("../../assets/images/99_property_value.svg"); }
.list_prop_owner .menu-link::before { background-image: url("../../assets/images/list_prop_owner.svg"); }
.ad_99_group .menu-link::before { background-image: url("../../assets/images/ad_99_group.svg"); }
.HDB_sg .menu-link::before { background-image: url("../../assets/images/HDB_sg.svg"); }
.condos_sg .menu-link::before { background-image: url("../../assets/images/condos_sg.svg"); }
.area_sg .menu-link::before { background-image: url("../../assets/images/area_sg.svg"); }
.MRT_sg .menu-link::before { background-image: url("../../assets/images/MRT_sg.svg"); }
.find_mortage .menu-link::before { background-image: url("../../assets/images/find_mortage.svg"); }
.calculator .menu-link::before { background-image: url("../../assets/images/calculator.svg"); }
.payment_calc .menu-link::before { background-image: url("../../assets/images/payment_calc.svg"); }
.mortgage_calc .menu-link::before { background-image: url("../../assets/images/mortgage_calc.svg"); }
.News_Insider .menu-link::before { background-image: url("../../assets/images/News_Insider.svg"); }
.new_launch_sg .menu-link::before { background-image: url("../../assets/images/new-launches-in-sg.svg"); }
.new_launch_reviews .menu-link::before { background-image: url("../../assets/images/new-launch-reviews.svg"); }
.stamp_duty_cal .menu-link::before { background-image: url("../../assets/images/stamp-duty-calc.svg"); }
.tdsr_cal .menu-link::before { background-image: url("../../assets/images/tdsr-calc.svg"); }
.msr_cal .menu-link::before { background-image: url("../../assets/images/msr-calc.svg"); }
.agent_package .menu-link::before { background-image: url("../../assets/images/agents-offering.svg"); }
.new_badge .menu-link::after{
    content: 'NEW';
    border-radius: 2px;
    padding: 2px 4px;
    background-color: #FF72B6;
    font-size: 10px;
    line-height: 12px;
    margin-left: 10px;
    color: #FFFFFF;
    position: relative;
    top: -1px;
}

/* Footer */
._1-ysM { background: url("../../assets/images/9e14ec63966ea1acaf0828c6a4dc2e00.png") 50% / contain no-repeat; }
.b_6ms { background: url("../../assets/images/501dc32823de31c8527804cf361f02d6.png") 50% / contain no-repeat; }
._1L5Y5 { background: url("../../assets/images/41dab8132cb3a7041ad00a94165a3393.png") 50% / contain no-repeat; }
._2nmQO { background: url("../../assets/images/social-facebook.svg") 50% / contain no-repeat; }
._1Xwhr._1Xwhr { background: url("../../assets/images/social-instagram.svg") 50% / contain no-repeat; }
.aaiaS { background: url("../../assets/images/social-youtube.svg") 50% / contain no-repeat; }
._2s5Ug { background: url("../../assets/images/0946884688330527d777fffd6db320eb.png") 50% / contain no-repeat; }
._35Kdm._35Kdm { background: url("../../assets/images/social-tiktok.svg") 50% / contain no-repeat; }
.footer-down-arrow { background: url("../../assets/images/footer_down_arrow.svg") 50% / contain no-repeat; }
.backtotop_mobile { background: url("../../assets/images/backtotop_mobile.svg") 50% / contain no-repeat; }
.intro_logo { background: url("../../assets/images/homeintro_logo.svg") 50% / contain no-repeat; }
#main-content .wrap { margin: 0 16px; }

/* Navigation */
#nav-menu-item-48015 .menu-depth-1 { width: 373px; }
#primary-menu .col-menu .sub-menu.menu-depth-1 { flex-direction: column; }
#primary-menu .row-menu .sub-menu.menu-depth-1 { flex-direction: row; }
#primary-menu .main-menu-item ul.sub-menu .sub-menu-item { border-radius: 4px;}
#primary-menu .col-menu ul.menu-depth-1 li:hover,
#primary-menu .row-menu ul.menu-depth-2 li:hover {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
    background-color: rgb(240 246 255 / var(--tw-bg-opacity));
}
#primary-menu .row-menu .commercial-column  ul.menu-depth-2 li:hover{
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
    color: rgb(132 75 227 / var(--tw-text-opacity));
    background-color: rgb(250 246 255 / var(--tw-bg-opacity));
}
#primary-menu .row-icon-menu ul.menu-depth-1 li a,
#primary-menu .col-menu ul.menu-depth-1 li a {
    padding: 16px 16px 40px 55px;
    width: 100%;
}
#primary-menu .row-icon-menu ul.menu-depth-1 li a::before,
#primary-menu .col-menu ul.menu-depth-1 li a::before{
    content: "";
    position: absolute;
    background-size: contain;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    filter: hue-rotate(-12.3deg) saturate(83.4%) brightness(34.5%);
    width: 24px;
    height: 24px;
    transform: translate(-39px,9px);
}
#primary-menu .col-menu ul.menu-depth-1 li:hover a::before,
#primary-menu .row-icon-menu ul.menu-depth-2 li:hover a::before{ filter: unset; }
#primary-menu .row-menu ul.menu-depth-1 li .depth-1-link{ 
    padding: 8px 16px;
    font-size: 12px;
    line-height: 14.06px;
    font-weight: 600;
    color: #787D9C;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
#primary-menu .row-menu ul.menu-depth-1 .residential-column .depth-1-link,
#primary-mobile-menu .row-menu ul.menu-depth-2 li a,
#primary-mobile-menu .col-menu ul.menu-depth-1 li a{ 
    color: #216BFF;
}
#primary-mobile-menu .row-icon-menu ul.menu-depth-2 li a,
#primary-mobile-menu .col-menu ul.menu-depth-1 li a {
    position: relative;
    padding: 6.5px 0 6.5px 36px;
}
#primary-mobile-menu .row-icon-menu ul.menu-depth-2 li a::before,
#primary-mobile-menu .col-menu ul.menu-depth-1 li a::before{ 
    content: "";
    position: absolute;
    height: 21px;
    width: 21px;
    margin-top: 4px;
    margin-left: -33px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#primary-menu .row-menu ul.menu-depth-1 .commercial-column .depth-1-link,
#primary-mobile-menu .row-menu .commercial-column ul.menu-depth-2 li a{ 
    color: #844BE3;
}
#primary-menu .col-menu ul.menu-depth-1 li .depth-1-link{ 
    display: block;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    border-radius: 4px;
}
#primary-menu .residential-column ul.menu-depth-2 li:last-child,
#primary-menu .commercial-column ul.menu-depth-2 li:last-child { margin-top: 17px;}
#primary-menu .residential-column ul.menu-depth-2 li:last-child::before,
#primary-menu .commercial-column ul.menu-depth-2 li:last-child::before {
    content: "";
    display: block;
    height: 1px;
    width: calc(90% - 32px);
    background: #eaebf0;
    margin: -8px 16px 8px;
}
#primary-menu .residential-column ul.menu-depth-2 li a,
#primary-menu .commercial-column ul.menu-depth-2 li a{ padding: 16px; }
#primary-menu > li._6Zfft:hover::before,
#secondary-menu > li._6Zfft:hover::before {
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  border-radius: 4px;
  background: #216bff;
  display: block;
  position: absolute;
  bottom: 0;
}
.home-financing > ul { left: -13rem; }

/* Navigation - Mobile */
#primary-mobile-menu .col-menu ul.menu-depth-1 li:not(:first-child) { margin-top: 16px;}
#primary-mobile-menu .row-menu ul.menu-depth-1 li .depth-1-link { 
    display: block;
    padding-top: 12px;
    padding-bottom: 16px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #9A9EB5;
    text-transform: uppercase;
    margin-top: 16px;
}
#primary-mobile-menu .col-menu ul.menu-depth-1 li a {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

.textwidget.custom-html-widget{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.home-section .preloader, .wp-post-image, .single .blog-content img, .textwidget.custom-html-widget img { background-color: #FFFFFF; border-radius: 4px;}

/* Popup */
body.single .mfp-figure.imgholder img { padding: 0;}
body.single .mfp-image-holder .mfp-content { max-width: 1120px; margin: 2.5%; }
body.single .mfp-figure.imgholder { background-color: #fff;}

/* Banner Image */
body.single .entry-content .singular-featured-image {display: none;}

/* CAREFUL START!! This style is already in cb-style.css.(duplicated) but the style keep overwriting... So please check again.  */
body.single .blog-content img { margin-bottom: 16px; }
.taxonomy-intro p { margin-bottom: 0;}

/* Newsletter */
body .gform_legacy_markup_wrapper .validation_message { color:#1A2258; }

.taxonomy-intro figcaption, body.single .blog-content figcaption{ margin-top: 0;}

/* Video */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media all and (orientation: landscape) {
    .mfp-iframe-holder .mfp-content{
        width: 60%;
    }
}
@media all and (orientation: portrait) {
    .mfp-iframe-holder .mfp-content{
        width: 95%;
    }
}
@media screen and (min-width:1280px) {
    body.single .entry-content .social-media-sticky { display: none; }
}
@media screen and (min-width:783px) {
    body.admin-bar .site-header{ padding-top: 32px;}
}
@media (min-width: 768px) {
    .md\:bottom-\[24px\] {  bottom: 24px !important; }
}

@media (max-width:1024px){
    body.single .blog-content .portal-widget-carousel.swiper-wrapper{
        max-height: 435px;
    }
    body #main-content { margin-top:56px;}
    body.single .single-content-wrapper .entry-content {position: relative;}
    body.single .entry-content .singular-featured-image { display: block;}
    body.single article.type-post > .singular-featured-image {display: none;}
    .mfp-figure.imgholder .mfp-close{
        background: #fff;
        color: #000;
        right: 0;
        top: 0px;
    }
} 
@media (max-width:768px){
    .tab-line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    h1 {
        font-size: 23px;
        line-height: 31px;
    }
    h2 {
        font-size: 20px;
        line-height: 28px;
    }
    h3 {
        font-size: 18px;
        line-height: 25px;
    }
    h4 {
        font-size: 16px;
        line-height: 22px;
    }
    body.single .entry-tags {
        margin-top: 1.5rem;
    }
    .breadcrumb {
        font-size: 12px;
        line-height: 16px;
    }
    body.single .blog-content img { 
        margin-bottom: 12px; 
    }
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
        top: -40px;
    }
} 
@media (max-width:480px){
    .home-subscribe{ margin-top: 40px;}
    .togle-link-close{ font-size: 12px; font-weight: 600;}

    .togle-link-open {top: 54.5px;}
    .breadcrumbs-wrapper .seperator:after {height: 9px;}

    .tab-line-clamp-3 {
        overflow: unset; 
        display: -webkit-box;
        -webkit-box-orient: unset;
        -webkit-line-clamp: unset;
    }

    .mfp-iframe-holder .mfp-close{
        right: -10px;
    }

    .mfp-figure.imgholder img{
        border: 0;
    }

    .mreadmore p{
        overflow: hidden;
    }
    body.single .blog-content .portal-widget-carousel.swiper-wrapper{
        max-height: 385px;
    }

    body.single .blog-content iframe {
        width: 100%;
        /* Instagram cutted height */
        /* height: 220px; */
    }

    body.single .blog-content h2, .taxonomy-intro h2{
        font-size: 20px;
    }
    body.single .blog-content h3,
    .taxonomy-intro h3{
        font-size: 18px;
    }
    body.single .blog-content h4,
    .taxonomy-intro h4{
        font-size: 16px;
    }
    
  
    .mreadmoreintro, .mreadmoreintro p,
    .taxonomy-intro ul li, .taxonomy-intro-tax p{
        font-size: 12px;
        line-height: 20px;
    }
    .mreadmoreintro p{
        margin-bottom: 15px;
    }
    /*.taxonomy-intro-tax {margin-right: -40px;}
    .taxonomy-intro-tax a.togle-link-open{
            top: 92.5px;
            right: -65px;
    }*/

    .comment-content .mreadmore .togle-link-open{
        top: 48.5px;
        right: 3px;
    }
    .sc_fs_faq.sc_card p{
        padding: 0;
    }

}
 
@media screen and (max-width:400px) {
    body.single #commentform .logged-in-as .required-field-message { padding-left: 0px; display: block;}
}

@media (max-width:375px){
    body.single .blog-content iframe {
        width: 100%;
        /* Instagram cutted */
        /* height: 190px;  */
    }
}  
@media (max-width:320px){
    body.single .blog-content iframe {
        width: 100%;
        /* Instagram cutted */
        /* height: 163px;  */
    }
    .taxonomy-intro-tax a.togle-link-open{
        top: 122.5px;
        right: -45px;
    }
}