/* Fonts Starts */

@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;
    font-weight: 400;
    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;
    font-weight: 400;
    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: 75% !important;
}
}
a.noborder {
    border: none !important;
    padding: 0px !important;
    font-family: 'NaNMetrifyAWide-Reg' !important;
    font-weight: 300 !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;
    font-weight: 800;
    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;
    font-weight: 800;
    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;
}

.mainLandingSec picture {
    display: none;
}

button#soundToggleBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    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;
    font-weight: 400;
    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;
    font-weight: 900;
    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 */