/* Fonts Starts */

@font-face {
    font-family: "NaNMetrifyLegendary-Med";
    src: url('../fonts/NaNMetrifyLegendary-CompMed.woff') format('woff'),url('../fonts/NaNMetrifyLegendary-CompMed.woff2') format('woff2'),
         url('../fonts/NaNMetrifyLegendary-CompMed.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'NaNMetrifyACompressed-Med';
    src: url('../fonts/NaNMetrifyACompressed-Med.woff') format('woff'),url('../fonts/NaNMetrifyACompressed-Med.woff2') format('woff2'),
         url('../fonts/NaNMetrifyACompressed-Med.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'NaNMetrifyAGigawide-BlckIt';
    src: url('../fonts/NaNMetrifyAGigawide-BlckIt.woff') format('woff'),url('../fonts/NaNMetrifyAGigawide-BlckIt.woff2') format('woff2'),
         url('../fonts/NaNMetrifyAGigawide-BlckIt.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


@font-face {
    font-family: 'NaNMetrifyAWide-ExBld';
    src: url('../fonts/NaNMetrifyAWide-ExBld.woff') format('woff'),url('../fonts/NaNMetrifyAWide-ExBld.woff2') format('woff2'),
         url('../fonts/NaNMetrifyAWide-ExBld.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


@font-face {
    font-family: 'NaNMetrifyAWide-Reg';
    src: url('../fonts/NaNMetrifyAWide-Reg') format('woff'),url('../fonts/NaNMetrifyAWide-Reg.woff2') format('woff2'),
         url('../fonts/NaNMetrifyAWide-Reg.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'NaNMetrifyAXWide-Med';
    src: url('../fonts/NaNMetrifyAXWide-Med') format('woff'),url('../fonts/NaNMetrifyAXWide-Med.woff2') format('woff2'),
         url('../fonts/NaNMetrifyAXWide-Med.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'NaNMetrifyHeroic-GigaBkIt';
    src: url('../fonts/NaNMetrifyHeroic-GigaBkIt') format('woff'),url('../fonts/NaNMetrifyHeroic-GigaBkIt.woff2') format('woff2'),
         url('../fonts/NaNMetrifyHeroic-GigaBkIt.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/* Fonts Ends */


/* Search Results Starts */
a.linkulinebtnblack {
    color: #000;
    text-align: center;
    font-family: NaNMetrifyAWide-Reg;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-decoration: none;
    padding: 10px 20px 10px;
    border: 1px solid #000;
    padding: 6px 14px 6px;
    border-radius: 20px;
    display: block;
    width: 106px;
    margin: 0 auto;
    float: none;
}

a.linkulinebtnblack:hover {
    background: #00ffae;
}

ul#resultsList li h5 {
    color: rgba(0, 0, 0, 0.50);
    font-family: 'NaNMetrifyAGigawide-BlckIt';
    font-size: 18px;
    font-style: normal;
    line-height: 46.008px;
    margin: 0px 0 10px 0;
    text-align: center;
}

ul#resultsList li p {
    margin: 0;
}

ul#resultsList li {
    background: #FAFAFB;
    margin-bottom: 25px;
    border-radius: 20px;
    padding: 15px 15px 30px 15px;
    width: 31%;
}

ul#resultsList {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.searchResults > h3 {
    background: linear-gradient(94deg, #000 18.55%, #000C91 46.96%, #00FFD0 91.62%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: 'NaNMetrifyAGigawide-BlckIt';
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    margin: 0px 0 40px 0;
}

    .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
}

.pagination-btn {
    padding: 5px 15px;
    margin: 0 10px;
    border: none;
    color: #000;
    border-radius: 5px;
    cursor: pointer;
    background: #00ffae;
    border: 1px solid #000;
    font-family: NaNMetrifyAWide-Reg;
}

.pagination-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

#pageInfo {
    font-size: 18px;
}

img#lanImgLogo {
    display: none;
}

@media only screen and (max-width: 767px) {
    ul#resultsList li {
    width: 100%;
}

ul#resultsList {
    padding: 0;
}

.searchResults > h3 {
    font-size: 18px;
}

img#lanImgLogo {
    display: block;
}
}
/* Search Results Ends */

/* Footer Animations Starts */
.FooterDiv .FtrLine:after{
    animation: jump 2s ease-in-out 3;
}

@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
/* Footer Animations Ends */


/* Search Starts */
@media only screen and (max-width: 767px) {
    div#selectedResultDetails, div#liveSearchResults {
    width: 100% !important;
}

.bgBlueFull {
    height: 100vh !important;
}

.bgBlueFull .search-wrapper h1 {
    font-size: 19px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .contentMainss {flex-wrap: wrap;padding: 0;}

div#selectedResultDetails {
    width: 100%;
}
}
/* Search Ends */

@media  (min-width: 1200px) and (max-width: 1399px) {
.DocumentDiv.DocOnlyy {
    width: 100% !important;
}
}
a.noborder {
    border: none !important;
    padding: 0px !important;
    font-family: 'NaNMetrifyAWide-Reg' !important;
    text-decoration: underline !important;
}

.ConveyDiv {
    flex: 1;
}

/* Landing Starts */



div#mainLandingHome {
    position: absolute;
    bottom: 13%;
    left: auto;
    right: auto;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

a.linkOneInter {
padding: 15px 25px;
    color: #000C91;
    font-size: 15px;
    font-style: normal;

    line-height: normal;
    font-family: 'NaNMetrifyAXWide-Med';
    text-decoration: none;
    border-radius: 100px;
    background: #fff;
    width: 187px;
}

.listInterCostomer {
    display: flex;
    flex: 1;
    width: 425px;
    gap: 50px;
    text-align: center;
    margin: 0 auto;
}

a.linkOneCust {
border-radius: 100px;
    color: #000C91;
    font-family: 'NaNMetrifyAXWide-Med';
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    text-decoration: none;
    padding: 16px 40px 0 40px;
    background: #fff;
    width: 187px;
}

a.linkOneCust:hover, a.linkOneInter:hover {
    background: #000c91;
    color: #fff;
    font-family: NaNMetrifyAWide-ExBld;
}

.mainLandingSec picture {
    display: none;
}

button#soundToggleBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    font-family: 'NaNMetrifyAXWide-Med';
    text-decoration: none;
    border-radius: 100px;
    padding: 10px 14px;
    color: white;
     background: transparent;
    border: none; cursor: pointer
}


.mainLandingSec {
    position: relative; 
    height: 100vh;
     overflow: hidden;
}

#tabMobBg{
position: absolute;
 top: 0;
  left: 0;
   width: 100%;
    height: 100%;
     object-fit: cover;
      z-index: -1;
}
     

@media only screen and (max-width: 767px) {
    .mainLandingSec picture {
    display: block;
}

.mainLandingSec video {
    display: none;
}

div#mainLandingHome {
    position: static;
    display: flex;
    align-items: center;
    height: 100%;
}

.mainLandingSec .container-fluid.Bdy_Only {
    height: 100%;
}

.mainLandingSec #fullpage {
    height: 100%;
}

a.linkOneInter, a.linkOneCust {
    background: #000c91;
    color: #fff;
    width: 176px;
    text-align: center;
    margin: 0 auto;
    height: 42px;
}

.listInterCostomer {
    flex-direction: column;
    width: 100%;
    flex: auto;
    gap: 20px;
}

a.linkOneInter {
    padding: 12px 0 0 0;
}

a.linkOneCust {
    padding: 13px 0 0 0;
}

img#lanImgLogo {
    width: 150px;
    text-align: center;
    margin: 40px auto 0 auto;
}

button#soundToggleBtn {
    display: none;
}
}

@media (min-width: 768px) and (max-width: 1200px) {
.mainLandingSec video {
    display: none;
}

.mainLandingSec picture {
    display: block;
}

img#lanImgLogo {
    display: block;
    width: 150px;
    text-align: center;
    margin: 40px auto 0 auto;
}

.container-fluid.Bdy_Only {
    height: 100%;
}

div#fullpage {
    height: 100%;
}

div#mainLandingHome {
    position: static;
    display: flex;
    align-items: center;
    height: 100%;
}

a.linkOneInter, a.linkOneCust {
    background: #000c91;
    color: #fff;
}

button#soundToggleBtn {
    display: none;
}
}
@media only screen and (min-width: 1300px) {
.mainLandingSec {
    background: #000;
}
}
/* Landing Ends */

span#clearIcon {
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
a#BackTop-Btn {
    display: none;
}

.bgWhiteFull input#liveSearchInput {
    width: 100% !important;
}

.bgWhiteFull span#clearIcon {
    top: -33px !important;;
    float: right !important;;
    right: 3px !important;;
    cursor: pointer !important;;
}

.search-wrapper h1 {
    font-size: 19px !important;
}

input#liveSearchInput {
    color: rgba(40, 40, 38, 0.50);
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    font-family: 'NaNMetrifyAWide-Reg';
}

 .has-children {
    overflow-y: scroll;
    height: 258px;
}

ul.sitemapMain {
    max-width: 100%;
    flex-direction: column;
}
/* For the page scroll  start*/
body.otherPages {
    overflow: auto !important;
}
.WhiteDiv .contentMainSecDiv {
    height: 100% !important;
    overflow-y: auto !important;
}
/* For the page scroll  end*/
}

@media only screen and (max-width: 320px) {
    .FooterPages h2 {
       width: 100% !important;
    }

    .FtrPgDiv a {
    word-wrap: break-word;
}
}

/*.ContentLiveChat img:hover {
    content: url("/media/qkehdd4d/button-livechatgreenhover.svg");
}*/

.ContentLiveChat {
    cursor: pointer;
}

/* lets chat start */
.ContentLiveChat {
    border-radius: 15px;
    background: #00FFAE;
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    cursor: pointer;
}

.ContentLiveChat .letsChat {
    color: #000;
    text-align: right;
    font-family: 'NaNMetrifyAGigawide-BlckIt';
    font-size: 15px;
    font-style: italic;
    line-height: normal;
    text-transform: uppercase;
}
@media (max-width: 767px){
.ContentLiveChat .letsChat {
    display: none;
}
.ContentLiveChat{
    padding: 10px
    
}
}

.ContentLiveChat:hover .letsChat {
    color: #fff;
}

/*.ContentLiveChat:hover {
    background: #000C91;
}

.ContentLiveChat:hover img {
    content: url("/media/eoylfwta/liveiconmobilehover.svg");
}*/
/* lets chat ends */

/* Products Starts sp */
.productRangeOne .owl-item.active .card-body .tierData tr td span {
    color: #D9D9D9;
}

.productRangeOne .owl-item.active.center .card-body .tierData tr td span {
    color: #000;
}
/* Products Ends sp */

/* Animation jump at last section starts */
/* Footer animation keyframes */
@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Base pseudo-element */
body.onlyHomes .FooterDiv .FtrLine::after {
  content: "";
  display: block;
  height: 2px;
  transform: translateY(0);
}

/* Animation only when active */
body.onlyHomes .FooterDiv.animate-footer .FtrLine::after {
  animation: jump 1s ease-in-out infinite;
}
/* Animation jump at last section ends */
/* Search center text starts */
ul#resultsList li p {
    text-align: center;
    margin-bottom: 20px;
}
/* Search center text ends */

/* Calculator result alignment start */
.summarytext {
    margin: 0 auto;
}
/* Calculator result alignment end*/

/* Live chat hide start */
/* .ContentLiveChat {
    display: none !important;
} */
/* Live chat hide end */

/* Small screens height and width Starts */

@media (min-width: 1200px) and (max-width: 1270px) and (min-height: 530px) and (max-height: 570px) {
  #section2 .imgvctrsec img {
    width: 60%;
}

#section2 .imgvctrsec {
    text-align: center;
}

h1.grnText {
    font-size: 60px !important;
    line-height: 55px !important;
}

.HomeSec h6 {
    font-size: 24px !important;
}

.HomeSec p {
    font-size: 15px;
}

.NavDiv a.nav-link.dropdown-toggle {
    font-size: 14px;
    padding: 10px 0px 0px 21px;
}

div#section4 .HomeThrRgt img {
    width: 56%;
}

.HomeSec p {
    font-size: 13px;
}

.HomeThrLft h4 span, .HomeThrLft h4, .NavDivv a, .ContentNav .nav-link  {
    font-size: 14px !important;
}

.HomeThrRgt img {
    width: 60% !important;
}

/* Products pages starts */
.propertyStep {
    position: relative;
    top: -38px;
}

.stepsContainer .card-body h2 {
    font-size: 13px !important;
}

/* products page ends */

/* Criteria Ends */

/* Conveyancing Starts */
.ConveyDiv {
    padding: 25px 20px !important;
}

.ConveyTitle h2 {
    font-size: 20px !important;
    padding-bottom: 30px !important;
}

.ConveyContent h3 {
    font-size: 16px !important;
    padding: 0 !important;
}
/* Convenancing Ends */

}

/* Small screens height and width Ends */

/* Downtime popup starts */

.homeCustomPopup .hidden {
  display: none !important;
}
    .homeCustomPopup .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 999;
    }

    .homeCustomPopup .popup {
        padding: 26px 45px 26px 26px;
        position: relative;
        width: 100%;
        max-width: 500px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        border-radius: 20px;
        background: #00FFAE;
        display: block !important;
    }

    .homeCustomPopup .close-btn {
      position: absolute;
      top: 16px;
      right: 26px;
      cursor: pointer;
    }
    
    .homeCustomPopup .popupContent p {
    color: #000;
    font-family: 'NaNMetrifyAWide-Reg';
    font-size: 15px;
    font-style: normal;
    
    line-height: 130%;
}

.homeCustomPopup .popupContent p a {
    color: #000;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.homeCustomPopup .popupContent img{
    margin-bottom: 10px;
}
.homeCustomPopup .popupContent p.heading{
    font-weight: 800;
}
@media (max-width: 767px){
    .homeCustomPopup .popup{
        width: 100%;
    word-break: break-word;
    height: 100%;
    border-radius: unset;
    max-width: unset;
    }
    .homeCustomPopup .popupContent{
        margin: 20px 0px 5px 0px;
    }
    .homeCustomPopup .overlay{
        top: 75px;
    }
    .homeCustomPopup .close-btn img {
    width: 15px;
    height: 15px;
}
.container.searchResults {
    padding-bottom: 70px;
}
.pagination-btn{
    font-size: 10px;
    width: 60px;
    padding: 5px 5px;
 }
 #pageInfo {
    font-size: 14px;
}
}
/* Downtime popup ends */

/* Chat icon hide - start*/
.ContentLiveChat {
    display: none !important;
}
/* Chat icon hide - end*/

.CntCusNly.tab-content  .contactOther .branch-box {
    padding: 10px 20px;
}


/* Need a mortgage starts */
.BtlHb {
    background: url(/media/jpnclrj1/rectangle-7623636.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 340px;
    width: 95%;
    padding: 20px 20px;
    color: white;
    position: relative;
    border-radius: 20px;
}

.BtlHb .innerInputContainer {
    width: 100% !important;
}

.BtlHb.content {
    padding-bottom: 34px !important;
}

.FooterPagesss.Btl_N.Nd_mrg h2.TC_h2 {
    margin-bottom: 40px;
    font-family: 'NaNMetrifyAGigawide-BlckIt';
    font-size: 32px;
    font-style: italic;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(88deg, #000 3.45%, #000C91 49.95%, #00FFDD 97.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 61%;
    max-width: 100%;
}

.FooterPagesss.Btl_N h2.TC_h2 {
        margin-bottom: 40px;
    font-family: 'NaNMetrifyAGigawide-BlckIt' !important;
    font-size: 32px !important;
    font-style: italic !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    background: linear-gradient(88deg, #000 3.45%, #000C91 49.95%, #00FFDD 97.38%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    width: 61% !important;
    max-width: 100% !important;
}

@media only screen and (max-width: 767px) {
    .FooterPagesss.Btl_N.Nd_mrg h2.TC_h2 {
    font-size: 20px !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {

.FooterPagesss.Btl_N.Nd_mrg h2.TC_h2 {
    font-size: 44px;
}

}

@media (max-width: 320px) {
    .pf-finder {
        font-size: 36px !important;
    }

        .pf-hero {
        padding: 12px 0 5px !important;
    }

        .pf-card .pf-label {
        font-size: 20px !important;
    }
}
/* Need a mortgage ends */

/* Criteria Accordion arrows Starts */
.accordion.crtra.openAr .toggle-icon {
    transform: rotate(180deg); /* Rotate arrow 180 degrees */
    transition: transform 0.3s ease; /* Smooth rotation */
}
/* Criteria Accordion arrows Ends */


/* Christmas hours - start */
.top-bar {
  width: 100%;
  background: #00FFAE;
  position: relative;
  z-index: 1000;
}

/* Header layout */
.top-bar-header {
  display: flex;
  justify-content: center;   /* centers the wrapper */
  align-items: center;
  padding: 12px 50px;
  cursor: pointer;
  position: relative;
  background: #00FFAE;
  z-index: 2000;
}

/* Wrapper for arrow + title */
.center-wrap {
  display: flex;
  align-items: center;
  gap: 40px;
}

/* Title styling */
.bar-title {
    color: #000;
    text-align: center;
    font-family: 'NaNMetrifyAWide-Reg';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  transition: font-weight 0.3s ease;
}

/* Icons */
.icon-arrow {
  transition: transform 0.3s ease;
}

.icon-close {
  position: absolute;
  right: 15px;
  cursor: pointer;
}

.icon-close:hover{
    content: url('/media/55ehhpnv/group-255483216.svg');
}


/* Overlay (expanding section) */
.top-bar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #00FFAE;
  z-index: 1500;
  transition: height 0.3s ease;
}

.top-bar-content {
    display: flex;
    gap: 240px;
    justify-content: center;
    padding: 10px;
}

.bar-title {
    color: #000;
    text-align: center;
    font-family: 'NaNMetrifyAWide-Reg';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bar-title:hover {
    font-weight: 800;
}

.hours-contnet p {
    color: #000;
    text-align: center;
    font-family: 'NaNMetrifyAWide-Reg';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

.hours-contnet p span {
    font-family: 'NaNMetrifyAWide-ExBld';
}

.hours-contnet {
    margin-top: 35px;
}
/* Expanded state */
.top-bar.expanded .top-bar-overlay {
  height: auto;
}

.top-bar.expanded .bar-title {
  font-weight: bold;
}

.top-bar.expanded .icon-arrow {
  transform: rotate(180deg);
}

@media (max-width: 1024px) {
  .ContentNav.topbar-exists {
    top: 70px !important; 
    z-index: 1 !important;
  }
  .top-bar-content {
    flex-direction: column;
    gap: 0px;
}

.hours-contnet:nth-of-type(2) {
    margin-top: 0px;
}

.top-bar.expanded .top-bar-header {
    border-bottom: 1px solid;
}

.hours-contnet {
    margin-top: 40px;
}
}

@media (max-width: 767px){
    .ContentNav.topbar-exists {
    top: 15px !important; 
    z-index: 1 !important;
  }
    .center-wrap {
    gap: 30px;
    max-width: 220px;
}

.hours-contnet {
    margin-top: 65px;
}
.hours-contnet p span {
    display: block;
}
}

.ContentTab .topbar-exists .NavDivv {
    padding-top: 0px;
    margin-top: -30px;
}

.ContentNav.topbar-exists .navbar:has(.navbar-collapse.collapse.show) a.navbar-brand {
    top: 23%;
}

/* Christmas hours - ends */