/* navigation */
.mega-menu {
display: flex;
align-items: center; }
.master-nav {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 10030;
height: 4rem;
justify-content: space-between;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0px;
font-size: 0.8rem;
--tw-shadow: 0 2px 6px 0 rgba(0,0,0,.6);
--tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
@media (min-width: 768px) {
.master-nav {
height: 5rem; } }
@media (min-width: 1101px) {
.master-nav {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start; } }
@media (min-width:1362px) {
.master-nav {
font-size: 0.9rem; }
    }
.portal-login {
padding-left: 15px;
padding-right: 15px;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.9em;
font-weight: 700;
letter-spacing: 1.2px;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.mega-menu-collapse-nav {
position: relative;
top: 0px;
left: 0px;
bottom: 0px;
z-index: -3;
display: none;
height: 100%;
width: 100%;
overflow: scroll;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.mega-menu-collapse-nav.open {
display: flex; }
@media (min-width:1024px) {
.mega-menu-collapse-nav {
position: fixed !important;
top: 4.75rem;
z-index: 9999;
overflow: hidden; }
    }
.mega-menu-collapse-nav .banner-wrapper {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
padding: 0px; }
.mega-menu-collapse-nav .banner-wrapper .wrapper {
position: absolute;
right: 0px;
z-index: -3;
height: 100%;
width: 86%;
border-radius: 0px;
border-top-left-radius: 40px;
--tw-bg-opacity: 1;
background-color: rgb(251 251 251 / var(--tw-bg-opacity));
padding-top: 35px; }
@media (max-width: 1440px) and (min-width: 1350px) {
.mega-menu-collapse-nav .banner-wrapper .wrapper {
width: 80%; }
            }
@media (max-width: 1350px) and (min-width: 1024px) {
.mega-menu-collapse-nav .banner-wrapper .wrapper {
width: 75%; }
            }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .wrapper {
display: none; } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.first {
margin-top: 50px;
height: 100%;
min-height: 650px;
width: 14%;
padding-left: 0px; }
@media (max-width: 1440px) and (min-width: 1350px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.first {
width: 20%; }
                }
@media (max-width: 1350px) and (min-width: 1024px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.first {
width: 25%; }
                }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.first {
margin-top: 0px;
width: 100%;
overflow-x: auto; } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.first .sidebar-submenu.blocks {
position: fixed;
bottom: 0px;
top: 5rem;
left: 14%;
width: 16%; }
@media (max-width: 1440px) and (min-width: 1350px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.first .sidebar-submenu.blocks {
left: 20%;
width: 20%; }
                        }
@media (max-width: 1350px) and (min-width: 1024px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.first .sidebar-submenu.blocks {
left: 25%;
width: 30%; }
                        }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.first .sidebar-submenu.blocks {
position: relative;
top: 0px;
left: 0px;
width: 100%; } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.second {
display: none;
list-style-type: none;
padding-left: 0px; }
.mega-menu-collapse-nav .banner-wrapper .nav-links.second.active {
position: relative;
top: 2.75rem;
margin-top: 0px;
display: block;
width: 100%; }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.second.active {
top: 0px;
border-top-width: 1px;
--tw-border-opacity: 1;
border-top-color: rgb(204 204 204 / var(--tw-border-opacity)); } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.second .sidebar-submenu.blocks {
position: fixed;
top: 5rem;
left: 29.75%;
bottom: 0px;
z-index: 0;
width: 20%;
border-radius: 0px;
border-top-right-radius: 40px;
border-top-left-radius: 40px;
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity)); }
@media (max-width: 1440px) and (min-width: 1350px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.second .sidebar-submenu.blocks {
left: 40%;
width: 25%; }
                        }
@media (max-width: 1350px) and (min-width: 1024px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.second .sidebar-submenu.blocks {
left: 55%;
width: 30%; }
                        }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.second .sidebar-submenu.blocks {
position: relative;
left: 0px;
top: 0px;
width: 100%; } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.third {
display: none;
list-style-type: none;
padding-left: 0px; }
.mega-menu-collapse-nav .banner-wrapper .nav-links.third.active {
position: relative;
top: 2.75rem;
margin-top: 0px;
display: block;
width: 100%; }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.third.active {
top: 0px;
border-top-width: 1px;
--tw-border-opacity: 1;
border-top-color: rgb(204 204 204 / var(--tw-border-opacity)); } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.third .sidebar-submenu.blocks {
position: fixed;
top: 5rem;
left: 49.25%;
bottom: 0px;
z-index: 5;
width: 20%;
border-radius: 0px;
border-top-right-radius: 40px;
border-top-left-radius: 40px;
--tw-bg-opacity: 1;
background-color: rgb(204 204 204 / var(--tw-bg-opacity)); }
@media (max-width: 1440px) and (min-width: 1350px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.third .sidebar-submenu.blocks {
left: 65%;
width: 25%; }
                        }
@media (max-width: 1350px) and (min-width: 1024px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.third .sidebar-submenu.blocks {
left: 55%;
width: 30%; }
                        }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.third .sidebar-submenu.blocks {
position: relative;
left: 0px;
top: 0px;
width: 100%; } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.forth {
display: none;
list-style-type: none;
padding-left: 0px; }
.mega-menu-collapse-nav .banner-wrapper .nav-links.forth.active {
position: relative;
top: 2.75rem;
margin-top: 0px;
display: block;
width: 100%; }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.forth.active {
top: 0px;
border-top-width: 1px;
--tw-border-opacity: 1;
border-top-color: rgb(204 204 204 / var(--tw-border-opacity)); } }
.mega-menu-collapse-nav .banner-wrapper .nav-links.forth .sidebar-submenu.blocks {
position: fixed;
top: 5rem;
left: 49.25%;
bottom: 0px;
z-index: 5;
width: 20%;
border-radius: 0px;
border-top-right-radius: 40px;
border-top-left-radius: 40px;
--tw-bg-opacity: 1;
background-color: rgb(204 204 204 / var(--tw-bg-opacity)); }
@media (max-width: 1440px) and (min-width: 1350px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.forth .sidebar-submenu.blocks {
left: 60%;
width: 25%; }
                        }
@media (max-width: 1350px) and (min-width: 1024px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.forth .sidebar-submenu.blocks {
left: 55%;
width: 30%; }
                        }
@media not all and (min-width: 1023px) {
.mega-menu-collapse-nav .banner-wrapper .nav-links.forth .sidebar-submenu.blocks {
position: relative;
left: 0px;
top: 0px;
width: 100%; } }
.nav-banner {
display: flex;
width: 100%;
flex-wrap: nowrap;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 1.5rem;
padding-right: 1.5rem; }
/* end of navigation */
/* curly svg - section divider */
.section-curly svg {
margin-left: auto;
margin-right: auto;
height: 100px;
width: 100px; }
/* end of curly svg - section divider */
/* lists */
.list-unstyled {
margin-bottom: 2rem;
padding-left: 0px; }
.list-unstyled li {
list-style-type: none !important; }
.list-inline {
margin-bottom: 2rem;
padding-left: 0px; }
.list-inline li {
list-style-type: none !important; }
.links-list li {
list-style-type: none !important; }
.links-list li a {
position: relative;
margin-top: 1em;
display: block;
border-radius: 0.45em;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding-top: 0.75em;
padding-bottom: 0.75em;
padding-left: 1em;
padding-right: 1em;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.links-list li a {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.links-list li a::after {
position: absolute;
right: 3%;
--tw-content: '\003E';
content: var(--tw-content); }
.links-list li a:hover {
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-decoration-line: none; }
.check-list li, .cross-list li {
position: relative;
margin-bottom: 0.125rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0.625rem;
padding-right: 0.625rem; }
.check-list li:last-child, .cross-list li:last-child {
padding-bottom: 0px; }
.check-list li::before, .cross-list li::before {
position: absolute;
left: -25px;
display: flex;
height: 25px;
width: 25px;
border-radius: 9999px;
border-width: 1px;
border-style: dashed;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-top: 0px;
padding-bottom: 0px;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.check-list li ul li, .cross-list li ul li {
list-style-type: circle; }
.check-list li ul li::before, .cross-list li ul li::before {
border-width: 0px;
--tw-content: '';
content: var(--tw-content); }
.check-list li {
margin-left: 1.2em;
list-style-type: none !important; }
.check-list li::before {
align-items: flex-start;
justify-content: space-evenly;
font-size: 1.875rem;
line-height: 2.25rem;
line-height: .5;
--tw-content: '\2713';
content: var(--tw-content); }
.cross-list li {
margin-left: 1.2em;
list-style-type: none !important; }
.cross-list li::before {
align-items: center;
justify-content: center;
font-size: 30px;
line-height: 1.15;
--tw-content: '\00d7';
content: var(--tw-content); }
.hyphen-list li {
position: relative;
margin-left: 1.2em;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0.65rem;
padding-right: 0.65rem; }
.hyphen-list li::before {
top: 7px;
font-size: 1.175rem;
line-height: 1.15;
--tw-content: '\2010';
content: var(--tw-content); }
.options-list {
margin-left: 1.25rem !important;
    counter-reset: number-counter; }
.options-list h2, .options-list h4 {
position: relative;
padding-left: 1.5rem;
font-size: 1.2em;
font-weight: 600; }
.options-list h2:before,  .options-list h4:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 1.24em;
--tw-content: counter(number-counter) ". ";
content: var(--tw-content);
        counter-increment: number-counter; }
.options-list li ul.hyphen-list {
padding-left: 0px; }
.options-list li ul.hyphen-list li {
list-style-type: none !important; }
/* end of lists */
/* global css */
/* re-usable classes */
.container-wrapper {
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 1rem;
padding-right: 1rem; }
@media (min-width: 0) {
.container-wrapper {
max-width: 540px; } }
@media (min-width: 768px) {
.container-wrapper {
max-width: 720px; } }
@media (min-width: 1101px) {
.container-wrapper {
max-width: 960px;
padding-left: 0px;
padding-right: 0px; } }
@media (min-width: 1200px) {
.container-wrapper {
max-width: 1140px; } }
@media (min-width: 768px) {
.container-wrapper.wide {
max-width: 960px; } }
@media (min-width: 1101px) {
.container-wrapper.wide {
max-width: 1200px; } }
.container-row {
display: flex;
flex-wrap: wrap; }
@media (min-width: 1101px) {
.container-row.wide {
margin-left: auto;
margin-right: auto;
max-width: 1200px !important;
padding-left: 1rem;
padding-right: 1rem;
items: initial; } }
.container-row.services {
margin-top: 0px; }
@media (min-width: 1101px) {
.container-row.services {
margin-top: 3rem;
max-width: 1350px !important; } }
@media (min-width: 768px) {
.contentImage-section .text {
margin-left: auto;
margin-right: auto;
max-width: 720px; } }
.contentImage-section .text h2 {
font-size: 2.75rem;
line-height: 3.75rem; }
.contentImage-section .text p {
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.5rem; }
.contentImage-section img {
margin: 0px;
display: block; }
@media (max-width: 1025px) {
.contentImage-section.left-image .text, .contentImage-section.right-image .text {
order: 2;
padding-top: 4rem;
padding-bottom: 4rem;
padding-left: 1rem;
padding-right: 1rem; }
            }
@media (min-width: 1101px) {
.contentImage-section.left-image .image, .contentImage-section.right-image .image {
display: flex; } }
@media (max-width: 1025px) {
.contentImage-section.left-image .image, .contentImage-section.right-image .image {
order: 1; }
            }
.contentImage-section.left-image .image .banner-bg-image, .contentImage-section.right-image .image .banner-bg-image {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media (min-width: 768px) {
.contentImage-section.left-image .image .banner-bg-image, .contentImage-section.right-image .image .banner-bg-image {
min-height: 400px; } }
@media (max-width: 767.98px) {
.contentImage-section.left-image .image .banner-bg-image, .contentImage-section.right-image .image .banner-bg-image {
min-height: 250px;
background-position: 100% 75%; }
                }
/* Narrow Section */
.narrowImage-section.right-image {
        /* .text { @apply flex items-center; } */
    }
.narrowImage-section.right-image .image {
position: relative;
right: 0px; }
@media (min-width: 1101px) {
.narrowImage-section.right-image .image {
right: 1rem; } }
.narrowImage-section.right-image .image img {
position: relative;
left: 0px;
right: 0px;
border-radius: 0.5rem; }
@media (min-width: 1101px) {
.narrowImage-section.right-image .image img {
left: 2rem;
max-width: 650px; } }
.narrowImage-section.left-image {
        /* .text { @apply flex items-center; } */
    }
.narrowImage-section.left-image .image {
position: relative;
left: 0px; }
@media (min-width: 1101px) {
.narrowImage-section.left-image .image {
left: 1rem; } }
.narrowImage-section.left-image .image img {
position: relative;
right: 0px;
left: 0px;
border-radius: 0.5rem; }
@media (min-width: 1101px) {
.narrowImage-section.left-image .image img {
right: 2rem;
max-width: 650px; }
.background-spacing {
padding-top: 6rem;
padding-bottom: 6rem; } }
@media (max-width: 1100.98px) {
.background-spacing {
padding-top: 5rem;
padding-bottom: 5rem; }
    }
@media (min-width: 1101px) {
.top-spacing {
padding-top: 6rem; } }
@media (max-width: 1100.98px) {
.top-spacing {
padding-top: 5rem; }
    }
@media (min-width: 1101px) {
.bottom-spacing {
padding-bottom: 6rem; } }
@media (max-width: 1100.98px) {
.bottom-spacing {
padding-bottom: 5rem; }
    }
@media (min-width: 1024px) {
.fx-account-links {
position: absolute;
bottom: -60px;
right: 0px;
left: 0px;
z-index: 999;
margin-bottom: 5px !important;
display: flex;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity)); }
        .fx-account-links >div {
position: relative;
right: 0px;
left: 85%;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
    }
.BackBlockWhite {
border-radius: 10px;
background-color: rgb(255 255 255 / 0.5);
padding: 1.5em; }
.BackBlock {
border-radius: 10px;
background-color: rgb(0 0 0 / 0.5);
padding: 1.5em; }
.mode-dark {
z-index: 10001 !important;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.mode-dark {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.mode-light {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
.content-wide {
position: relative;
z-index: 1;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2.5em; }
@media (min-width: 768px) {
.content-wide {
max-width: 1000px;
padding-left: 0px;
padding-right: 0px; } }
@media (min-width: 1101px) {
.content-wide {
padding-top: 6rem; } }
.content-wide.popup-index {
z-index: 10002 !important; }
.content-narrow {
position: relative;
z-index: 1;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2.5em; }
@media (min-width: 768px) {
.content-narrow {
max-width: 704px;
padding-left: 0px;
padding-right: 0px; } }
@media (min-width: 1101px) {
.content-narrow {
padding-top: 6rem; } }
.content-narrow.popup-index {
z-index: 10002 !important; }
@media (min-width: 1025px) {
.about-section .image {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
height: 105px;
width: 310px;
            background: url(/images/default-source/logos/sablelogo.png) no-repeat; }
        }
svg {
overflow: hidden;
fill: #aa7a1a;
vertical-align: middle;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.popover {
left: 0px;
top: 0px;
z-index: 10069;
min-width: 275px;
white-space: normal;
overflow-wrap: normal;
word-break: normal;
border-radius: 0.3rem;
border-width: 2px;
border-style: solid;
border-color: rgba(0,0,0,0.2);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
background-clip: padding-box;
text-align: left;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
text-transform: none;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-decoration-line: none; }
.popover a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.popover {
    text-shadow: none;
    word-spacing: normal;
    line-break: auto;
    word-wrap: break-word;
  }
.popover .arrow {
position: absolute;
margin-left: 0.3rem;
margin-right: 0.3rem;
margin-top: 0px;
margin-bottom: 0px;
display: block;
height: 0.5rem;
width: 1rem; }
.popover .arrow::before {
position: absolute;
display: block;
border-style: solid;
border-color: transparent;
--tw-content: '';
content: var(--tw-content); }
.popover .arrow::after {
position: absolute;
display: block;
border-style: solid;
border-color: transparent;
--tw-content: '';
content: var(--tw-content); }
/* end of re-usable classes */
/* Grid System section */
.intro h2 {
width: 85%; }
.intro-text p {
font-size: 1rem; }
@media (min-width: 768px) {
.intro-text p {
font-size: 1.25rem; } }
.banner-placeholder .text-primary {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.banner-placeholder a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.banner-placeholder p {
font-size: 1.2rem; }
@media (max-width: 425px) {
.banner-placeholder h1 {
font-size: 2.25rem; }
.banner-placeholder p {
font-size: 1rem; }
    }
/* GridSystem/Template - Header Image Banner*/
.banner-placeholder .header-image-banner {
position: relative;
z-index: 1;
padding-left: 0.55em;
padding-right: 0.55em;
padding-top: 3em;
padding-bottom: 1em; }
@media (min-width: 1101px) {
.banner-placeholder .header-image-banner {
padding-left: 1.25em;
padding-right: 1.25em;
padding-top: 6em;
padding-bottom: 3em; } }
.banner-placeholder .header-image-banner .banner-image {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: -1; }
.banner-placeholder .header-image-banner .banner-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
   object-fit: cover; }
.banner-placeholder .header-image-banner .banner-image.overlay-darker::before {
content: var(--tw-content);
background-color: rgb(0 0 0 / 0.7); }
.banner-placeholder .header-image-banner .banner-image.no-overlay::before {
content: var(--tw-content);
background-color: transparent; }
.banner-placeholder .header-image-banner .banner-image.overlay:before {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: block;
background-color: rgb(0 0 0 / 0.2);
background-image: radial-gradient(ellipse at center, var(--tw-gradient-stops));
--tw-gradient-from: rgba(0,0,0,.2) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-from-position: 0%;
--tw-gradient-to: #131313 var(--tw-gradient-to-position);
--tw-gradient-to-position: 200%;
--tw-content: '';
content: var(--tw-content); }
.banner-placeholder .header-image-banner .banner-image .banner-bg-image {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.banner-placeholder .custom-image-banner.header-banner {
            /* GridSystem/Template - Header Banner */
            position: relative;
            z-index: 2;
            min-height: 100vh;
            overflow: hidden;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
		}
.banner-placeholder .custom-image-banner.header-banner .custom-banner-image.darkBanner:before {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
z-index: 1;
display: block;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
opacity: .45;
--tw-backdrop-opacity: opacity(.45);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
--tw-content: '';
content: var(--tw-content); }
.property-cta.banner-placeholder .custom-image-banner.header-banner .custom-banner-image.darkBanner:before {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.banner-placeholder .custom-image-banner.header-banner .custom-banner-image.darkBanner img {
position: absolute;
top: 1.25rem;
left: 0px;
width: 100%; }
@media (max-width: 1440px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-image.darkBanner img {
top: 3rem; }
                        }
@media (max-width: 1024px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-image.darkBanner img {
top: 7rem; }
                        }
@media (max-width: 768px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-image.darkBanner img {
top: 14rem; }
                        }
@media (max-width: 425px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-image.darkBanner img {
top: 20rem; }
                        }
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content {
z-index: 2;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: center;
text-align: center; }
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 {
font-size: 1.6rem;
line-height: 2.3rem;
letter-spacing: .5px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
@media (min-width: 768px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 {
line-height: 4.3rem; } }
@media (min-width: 1101px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 {
font-size: 2.02em; } }
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .big {
font-size: 1.7rem;
font-weight: 800;
letter-spacing: 0.25rem; }
@media (min-width: 768px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .big {
font-size: 3.5rem; } }
@media (min-width: 1101px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .big {
font-size: 4.7rem; } }
@media (max-width: 320px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .big {
font-size: 1.4rem; }
                        }
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .small {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.25rem; }
@media (min-width: 768px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .small {
font-size: 1.5rem; } }
@media (min-width: 1101px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .small {
font-size: 2rem; } }
@media (max-width: 320px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h2 .small {
font-size: 1.2rem;
letter-spacing: 0.15rem; }
                        }
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h4 {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center; }
@media (min-width: 768px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h4 {
margin-left: 8rem;
margin-right: 8rem; } }
@media (min-width: 1101px) {
.banner-placeholder .custom-image-banner.header-banner .custom-banner-content h4 {
font-size: 1.15rem; } }
/* GridSystem/Template - Header Left Image */
.banner-placeholder .custom-image-banner.left-banner {
align-content: center; }
@media (max-width: 1025px) {
.banner-placeholder .custom-image-banner.left-banner {
align-content: flex-start; }
.banner-placeholder .custom-image-banner.left-banner .container-wrapper {
padding-left: 0px !important;
padding-right: 0px !important; }
            }
.banner-placeholder .custom-image-banner.left-banner .custom-banner-image {
top: 0px;
left: 0px; }
@media (max-width: 1025px) {
.banner-placeholder .custom-image-banner.left-banner .custom-banner-image {
width: 100%; }
				}
.banner-placeholder .custom-image-banner.left-banner .custom-banner-image img {
position: absolute;
top: 6rem;
left: 0px;
z-index: 999;
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media (max-width: 1542px) and (min-width: 1440px) {
.banner-placeholder .custom-image-banner.left-banner .custom-banner-image img {
top: 2.5rem;
width: 710px; }
				}
@media (max-width: 1440px) and (min-width: 1359px) {
.banner-placeholder .custom-image-banner.left-banner .custom-banner-image img {
top: 3.5rem;
width: 680px; }
				}
@media (max-width: 1359px) and (min-width: 1025px) {
.banner-placeholder .custom-image-banner.left-banner .custom-banner-image img {
top: 4rem;
width: 620px; }
				}
@media (max-width: 1025px)and (min-width: 0px) {
.banner-placeholder .custom-image-banner.left-banner .custom-banner-image img {
display: none; }
                    .banner-placeholder .custom-image-banner.left-banner .custom-banner-image .banner-bg-image {
left: 0px;
right: 0px;
bottom: 0px;
min-height: 480px;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
				}
@media (max-width: 1285px) and (min-width: 1025px) {
.banner-placeholder .custom-image-banner.left-banner .custom-banner-content {
padding-right: 14rem !important; }
				}
@media (max-width: 1025px) {
.banner-placeholder .custom-image-banner.left-banner .custom-banner-content {
width: 100%;
max-width: 720px;
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem; }
				}
/* GridSystem/Template - Header Right Image */
.banner-placeholder .custom-image-banner.right-banner {
align-content: center; }
@media (max-width: 1025px) {
.banner-placeholder .custom-image-banner.right-banner {
align-content: flex-start; }
.banner-placeholder .custom-image-banner.right-banner .container-wrapper {
padding-left: 0px !important;
padding-right: 0px !important; }
            }
.banner-placeholder .custom-image-banner.right-banner .custom-banner-image {
top: 0px;
right: 0px; }
.banner-placeholder .custom-image-banner.right-banner .custom-banner-image img {
position: absolute;
top: 6rem;
right: 0px;
z-index: 1000; }
@media (max-width: 1025px) {
.banner-placeholder .custom-image-banner.right-banner .custom-banner-image {
width: 100%; }
				}
@media (max-width: 1542px) and (min-width: 1440px) {
.banner-placeholder .custom-image-banner.right-banner .custom-banner-image img {
top: 5rem;
width: 680px; }
				}
@media (max-width: 1440px) and (min-width: 1350px) {
.banner-placeholder .custom-image-banner.right-banner .custom-banner-image img {
top: 6rem;
width: 650px; }
				}
@media (max-width: 1350px) and (min-width: 1025px) {
.banner-placeholder .custom-image-banner.right-banner .custom-banner-image img {
top: 4rem;
width: 620px; }
				}
@media (max-width: 1025px)and (min-width: 0px) {
.banner-placeholder .custom-image-banner.right-banner .custom-banner-image img {
display: none; }
                    .banner-placeholder .custom-image-banner.right-banner .custom-banner-image .banner-bg-image {
left: 0px;
right: 0px;
bottom: 0px;
min-height: 480px;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
				}
@media (max-width: 1285px) and (min-width: 1025px) {
.banner-placeholder .custom-image-banner.right-banner {
padding-right: 14rem !important; }
            }
@media (max-width: 1025px) {
                
                .banner-placeholder .custom-image-banner.right-banner .custom-banner-content {
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem; }
            }
.banner-placeholder .HeaderColumn2 .CurrencyToolkit {
margin-left: auto;
margin-right: auto;
margin-top: 0px !important;
max-width: 100% !important;
border-radius: 5px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
text-align: left;
--tw-text-opacity: 1;
color: rgb(64 64 64 / var(--tw-text-opacity));
--tw-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
@media (min-width: 768px) {
.banner-placeholder .HeaderColumn2 .CurrencyToolkit {
margin-top: 4rem !important;
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important; } }
/* GridSystem/templates - VideoBanner */
.banner-placeholder .video-banner {
position: relative;
z-index: 1;
margin-top: 57px;
height: 890px;
min-height: 100%;
overflow: hidden; }
.banner-placeholder .video-banner .video-container video {
position: absolute;
inset: 0px;
z-index: 1;
height: 100%;
width: 100%;
            -o-object-fit: inherit;
               object-fit: inherit; }
.banner-placeholder .video-banner .video-container.bottom video {
-o-object-position: bottom;
   object-position: bottom; }
.banner-placeholder .video-banner .video-container.top video {
-o-object-position: top;
   object-position: top; }
.banner-placeholder .video-banner .video-container.left video {
-o-object-position: left;
   object-position: left; }
.banner-placeholder .video-banner .video-container.right video {
-o-object-position: right;
   object-position: right; }
.banner-placeholder .video-banner .video-container.center video {
-o-object-position: center;
   object-position: center; }
@media only screen and (max-width: 1024px) {
        .banner-placeholder .video-banner {
height: 600px; }
    }
.banner-placeholder .video-content {
position: relative;
z-index: 1;
height: 150px;
min-height: 100%; }
.banner-placeholder .video-content .content-container {
position: absolute;
left: 0px;
right: 0px;
bottom: 35px; }
.banner-placeholder .video-content .content-container .BackBlock {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 2em;
--tw-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
--tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.property-cta.banner-placeholder .video-content .content-container .BackBlock {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.banner-placeholder .video-content .content-container .BackBlockWhite {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 2em;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
--tw-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
--tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
@media only screen and (max-width: 425px) {
        .banner-placeholder .video-banner {
height: 350px; }
            .banner-placeholder .video-banner .video-container video {
height: 150%; }

        .banner-placeholder .video-content {
position: relative;
height: 100%; }
            .banner-placeholder .video-content .content-container {
position: relative;
bottom: -1.25rem; }
                .banner-placeholder .video-content .content-container .BackBlock, .banner-placeholder .video-content .content-container .BackBlockWhite {
margin-left: 0.625rem;
margin-right: 0.625rem;
margin-top: 0px;
margin-bottom: 0px; }
    }
/* --------------- Page editor side ---------------------*/
.banner-placeholder .sfPageContainer .video-banner,
    .banner-placeholder .sfPageContainer .video-content {
position: relative;
z-index: 1;
height: 500px; }
.banner-placeholder .sfPageContainer .video-content .content-container {
position: relative;
bottom: 0px;
z-index: 1; }
.body-placeholder {
overflow: hidden; }
.body-placeholder .sf colsIn {
padding: 0px; }
.body-placeholder section {
position: relative; }
.body-placeholder section .first-letter {
font-size: 1.75rem;
font-weight: 700; }
.body-placeholder section .text-primary {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.body-placeholder section a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.body-placeholder .intro h3 {
margin-top: 0px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
padding-bottom: 0.5rem;
text-align: center; }
.body-placeholder ul {
margin-top: 0px;
margin-left: 2.25rem;
margin-bottom: 2.25rem; }
.body-placeholder ul.services-nav {
margin-bottom: 0px; }
.body-placeholder ul li {
margin-bottom: 0.25rem;
list-style-type: disc; }
.body-placeholder ul li a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.body-placeholder ul.service-list ul li {
list-style-type: none !important; }
.body-placeholder ul ul li {
list-style-type: circle; }
.body-placeholder img {
margin-bottom: 2.25rem; }
.body-placeholder ol {
margin-top: 0px;
margin-left: 2.25rem;
margin-bottom: 2.25rem; }
.body-placeholder ol li {
margin-bottom: 1rem;
list-style-type: decimal; }
.body-placeholder ol ul li {
list-style-type: circle !important; }
@media (min-width: 1101px) {
.body-placeholder form {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-top: 2rem;
max-width: 560px; } }
.body-placeholder .stickySideNav {
position: relative;
right: 0px;
z-index: 1000;
margin-top: 2.5rem;
margin-right: 0px;
margin-left: auto;
width: 30%; }
@media (min-width: 1350px) {
.body-placeholder .stickySideNav.stick {
position: fixed;
top: 0.5rem;
margin-top: 10rem !important;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 0.5s;
transition-timing-function: ease-in-out; }
            }
@media (min-width: 1440px) {
.body-placeholder .stickySideNav {
position: absolute;
margin-top: 18rem;
width: 20%; }
        }
@media (max-width: 1440px) and (min-width: 1350px) {
.body-placeholder .stickySideNav {
position: absolute;
margin-top: 12rem;
width: 20%; }
        }
@media (max-width: 768px) {
.body-placeholder .stickySideNav {
right: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 54%; }
        }
.body-placeholder .stickySideNav #sticky {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
/* @media (min-width: 1440px) {
                @apply fixed w-[30%] right-[-5%];
            } */
.body-placeholder .stickySideNav #sticky .nav-wrapper {
font-weight: 500;
line-height: 1.4em; }
@media (min-width: 768px) {
.body-placeholder .stickySideNav #sticky .nav-wrapper {
padding-right: 5px; } }
@media (max-width: 991px) {
.body-placeholder .stickySideNav #sticky ul {
display: block; }
                }
.body-placeholder .stickySideNav #sticky ul {
margin: 0px;
list-style-type: none !important;
padding: 0px; }
.body-placeholder .stickySideNav #sticky ul li {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: none !important; }
.body-placeholder .stickySideNav #sticky ul li.active a {
--tw-text-opacity: 1 !important;
color: rgb(170 122 26 / var(--tw-text-opacity)) !important; }
.body-placeholder .stickySideNav #sticky ul li a {
display: block;
border-left-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
padding: 0.5rem;
font-size: 1.03em;
--tw-text-opacity: 1;
color: rgb(64 64 64 / var(--tw-text-opacity)); }
.body-placeholder .stickySideNav #sticky ul li a:hover {
position: relative;
z-index: 10;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity));
text-decoration-line: none; }
.body-placeholder .blogSideNav .stickySideNav {
position: relative;
right: 0px;
z-index: 1;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 35px;
width: 90%;
border-radius: 0.5rem;
--tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.body-placeholder .blogSideNav .stickySideNav #sticky.active.stick {
position: relative;
z-index: 10; }
.body-placeholder .blogSideNav .stickySideNav #sticky {
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(241 241 241 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(233 233 233 / var(--tw-bg-opacity)); }
.body-placeholder .blogSideNav .stickySideNav #sticky h3, .body-placeholder .blogSideNav .stickySideNav #sticky .sticky-heading {
margin: 0px;
border-radius: 0.5rem 0.5rem 0 0;
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
background-image: linear-gradient(180deg,rgba(64,64,64,1) 0%,rgba(48,48,48,1) 100%);
padding-top: 9px;
padding-bottom: 9px;
padding-left: 11px;
padding-right: 9px;
text-align: left;
font-size: 1.2rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.body-placeholder .blogSideNav .stickySideNav #sticky .sf_colsIn {
border-radius: 0 0 0.5rem 0.5rem; }
.body-placeholder .blogSideNav .stickySideNav #sticky .sf_colsIn ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0.125rem;
margin-right: 0px;
list-style-type: none;
padding: 0px; }
.body-placeholder .blogSideNav .stickySideNav #sticky .sf_colsIn ul li {
margin-top: 0px;
margin-bottom: 0.125rem;
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); }
.body-placeholder .blogSideNav .stickySideNav #sticky .sf_colsIn ul li:last-child {
margin-bottom: 0px;
border-bottom-width: 0px; }
.body-placeholder .blogSideNav .stickySideNav #sticky .sf_colsIn ul li a {
display: block;
--tw-border-opacity: 1;
border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
border-left-color: solid;
padding: 7px;
font-size: 1.03em;
font-weight: 500;
line-height: 1.4em;
--tw-text-opacity: 1;
color: rgb(64 64 64 / var(--tw-text-opacity)); }
.body-placeholder .blogSideNav .stickySideNav #sticky .sf_colsIn ul li a:hover {
position: relative;
z-index: 10;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity));
text-decoration-line: none; }
@media only screen and (min-width: 768px) {
        .body-placeholder .body-placeholder {
position: relative; }
            .body-placeholder .blogSideNav .stickySideNav {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 54%; }
                .body-placeholder .blogSideNav .stickySideNav #sticky h3 {
padding-top: 9px;
padding-bottom: 9px;
padding-left: 0.875rem;
padding-right: 9px; }
                .body-placeholder .blogSideNav .stickySideNav #sticky li a {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
padding-right: 5px; }
    }
@media only screen and (min-width: 992px) {
            .body-placeholder .blogSideNav .stickySideNav {
position: absolute;
right: 0px;
top: 0px;
margin-bottom: 0px;
margin-top: 35px;
width: 17%; }
                .body-placeholder .blogSideNav .stickySideNav.stick {
position: fixed;
margin-top: 55px; }
    
        .body-placeholder .fromTheTop a {
display: none; }
    }
@media only screen and (max-width: 500px) {
            .body-placeholder .blogSideNav .stickySideNav {
position: relative;
margin-top: 0px; }
    }
.body-placeholder .sfPageContainer .blogSideNav .stickySideNav {
position: relative;
width: 30%; }
/* parallax */
.parallax-banner-image {
position: relative;
padding-left: 0.55em;
padding-right: 0.55em;
padding-top: 3em;
padding-bottom: 01em; }
.parallax-banner-image .parallax {
position: absolute;
inset: 0px;
z-index: 1; }
.parallax-banner-image .parallax .parallax-bg-image {
position: absolute;
inset: 0px;
min-height: 100%;
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat; }
.parallax-banner-image .parallax .parallax-bg-image::before {
position: absolute;
inset: 0px;
display: block;
background-color: rgb(0 0 0 / 0.2);
background-image: radial-gradient(ellipse at center,rgba(0,0,0,0.2) 0%,#131313 200%);
--tw-content: '';
content: var(--tw-content); }
@media (min-width: 1101px) {
  .parallax-banner-image .header-image-banner {
padding-left: 1.25em;
padding-right: 1.25em;
padding-top: 6em;
padding-bottom: 3em; }
}
.sfPageContainer .parallax,
.banner-content {
position: relative;
z-index: 1; }
/* end of Grid System section */
/* Accordion section */
.accordion {
margin-bottom: 1.5rem; }
@media (min-width: 1101px) {
.accordion {
margin-bottom: 2rem; } }
.accordion .accordion-section {
position: relative;
cursor: pointer;
border-radius: 0px;
border-width: 0px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
background-color: transparent;
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.accordion .accordion-section::before {
width: 0px;
content: var(--tw-content);
background-color: transparent; }
.accordion .accordion-section .accordion-content {
display: none;
padding-left: 0px;
padding-right: 0px;
padding-top: 1.25rem;
padding-bottom: 1.25rem; }
.accordion .accordion-section.active h3 {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.accordion .accordion-section.active .icon svg {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
fill: #aa7a1a; }
.accordion .accordion-section h3 {
margin-bottom: 0px;
cursor: pointer;
padding-left: 0px;
padding-right: 0px;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600; }
.accordion .accordion-section .icon {
float: right;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1.1em;
margin-top: 0.5rem;
margin-right: 0px;
display: flex;
background-color: transparent; }
.accordion .accordion-section .icon svg {
position: relative;
height: 14px;
width: 14px;
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
fill: #000; }
.accordion.dark .accordion-section {
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); }
.accordion.dark .accordion-section .icon svg {
fill: #fff; }
.mode-dark .accordion-section {
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); }
.mode-dark .accordion-section svg .icon {
fill: #fff; }
/* end of Accordion section */
/* Blogs, Scholarships and Careers */
.blogFeedWrapper .outerWrapper .inner-wrapper {
position: relative;
border-radius: 0.5rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-delay: 0s;
transition-duration: 300ms;
transition-timing-function: linear; }
.blogFeedWrapper .outerWrapper .inner-wrapper:hover {
--tw-scale-x: 1.01;
--tw-scale-y: 1.01;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogListWrapper {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
border-radius: 0.5rem; }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper {
bottom: 0px;
width: 100%;
border-radius: 0px;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
padding: 1rem; }
@media (min-width: 768px) {
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper {
padding: 0.75rem; } }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper .author {
display: flex;
align-items: center;
font-weight: 700; }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper .author img {
margin-right: 0.625rem;
height: 2.75rem;
width: 2.75rem;
border-radius: 9999px;
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: 0 50%;
   object-position: 0 50%;
--tw-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20);
--tw-shadow-colored: 0px 0px 5px 3px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper .blogTitle {
margin-top: 0.625rem;
margin-bottom: 0.5rem;
padding-top: 0.75rem;
line-height: 1.25rem; }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper .description {
margin-top: 0.375rem; }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper .description .summary {
margin-top: 1rem;
margin-bottom: 0.375rem;
min-height: 70px;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity)); }
@media (min-width: 1101px) {
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper .description .summary {
min-height: 85px;
font-size: 0.875rem;
line-height: 1.25rem; } }
.blogFeedWrapper .outerWrapper .inner-wrapper .BlogTextWrapper .description .view-cta {
display: flex;
align-items: center;
justify-content: flex-end;
border-width: 0px;
border-top-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding-top: 5px;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.blog-wrapper .blog-header {
position: relative; }
@media (min-width: 1101px) {
.blog-wrapper .blog-header {
min-height: 198px;
width: 100%;
max-width: 384px; } }
.blog-wrapper .blog-header .arrow {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: -1.25rem;
margin-bottom: 0px;
height: 0.625rem;
width: 0.625rem;
border-bottom-width: 20px;
border-left-width: 20px;
border-right-width: 20px;
border-style: solid;
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
border-left-color: transparent;
border-right-color: transparent; }
.blog-detail-wrapper {
padding-left: 1rem;
padding-right: 1rem; }
.BlogContentWrapper .blogLongText p:first-of-type::first-letter {
font-size: 200%;
font-weight: 700; }
.BlogContentWrapper .blogLongText img {
border-radius: 0.375rem;
padding-top: 1rem;
padding-bottom: 1rem; }
.BlogContentWrapper .blogLongText ul {
list-style-type: disc;
padding-left: 2rem; }
.BlogContentWrapper .blogLongText ul li {
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
.BlogContentWrapper .blogLongText .blogBlock, .BlogContentWrapper .blogLongText blockquote {
border-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
padding: 1.5rem;
font-size: 1.75rem;
font-weight: 600; }
.BlogContentWrapper .blogLongText .detail-blog-cta, .BlogContentWrapper .blogLongText h4:last-child {
margin-top: 2rem;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.BlogContentWrapper .blogLongText .detail-blog-cta,.property-cta .BlogContentWrapper .blogLongText h4:last-child {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.BlogContentWrapper .blogLongText .accordion-section h3 {
margin-top: 0px !important; }
.BlogContentWrapper h2 {
margin-top: 3rem;
margin-bottom: 1rem;
font-size: 2.125rem;
font-weight: 700; }
.BlogContentWrapper h3 {
margin-top: 2rem;
margin-bottom: 1rem; }
.BlogContentWrapper p {
margin-bottom: 1rem; }
.BlogContentWrapper a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.SocialWrapper.stickySideNav {
margin-bottom: 2rem !important; }
@media (min-width: 1101px) {
.SocialWrapper.stickySideNav {
right: 5%;
margin-top: 0px;
width: 20%; }
.SocialWrapper.stickySideNav.stick {
position: fixed;
top: 15% !important;
right: 5%; } }
.SocialWrapper.stickySideNav a {
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity));
text-decoration-line: none; }
.SocialWrapper.stickySideNav ul {
right: 0px;
display: flex; }
.SocialWrapper.stickySideNav ul li {
list-style-type: none !important; }
#BlogSideNavigation.stickySideNav {
margin-bottom: 2rem !important; }
@media (min-width: 1101px) {
#BlogSideNavigation.stickySideNav {
right: 5%;
margin-top: 0px;
width: 20%; }
#BlogSideNavigation.stickySideNav.stick {
position: fixed;
top: 15% !important;
right: 5%; } }
#BlogSideNavigation.stickySideNav a {
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity));
text-decoration-line: none; }
#BlogSideNavigation .nav-list-wrapper {
margin-bottom: 2rem; }
#BlogSideNavigation .nav-list-wrapper ul {
margin-left: 0px !important; }
#BlogSideNavigation .nav-list-wrapper ul li {
margin-left: 0.5rem;
margin-bottom: 0px !important;
list-style-type: none !important; }
#BlogSideNavigation .nav-list-wrapper ul li a {
display: block;
border-width: 0px;
border-left-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
/* end of BlogFeed/Bloglisting/BlogDetail */
/* Featured Section */
.how-it-works a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.how-it-works .number {
position: relative;
left: -0.65rem;
top: -0.625rem;
display: flex;
height: 45px;
width: 45px;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
@media (min-width: 768px) {
.how-it-works .number {
left: -0px;
height: 50px;
width: 50px; } }
.how-it-works svg {
left: -0.5rem;
top: -0.625rem;
width: 45px; }
@media (min-width: 768px) {
.how-it-works svg {
left: 0px;
width: 50px; } }
.how-it-works .details {
position: relative;
float: right;
width: 84%;
border-left-width: 0.5px;
border-style: dashed;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
padding-left: 1em;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 2em; }
.how-it-works .details::before {
position: absolute;
top: 5px;
left: -0.5rem;
height: 15px;
width: 15px;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-content: "";
content: var(--tw-content); }
@media (min-width: 1101px) {
.how-it-works .details {
margin-left: 1em;
margin-right: 1em;
margin-bottom: 0px;
padding-bottom: 0px;
padding-right: 0px; } }
.how-it-works .details h4 {
font-weight: 500; }
.how-it-works .details p {
margin-top: 1.25rem; }
@media (min-width: 1101px) {
.how-it-works .details p {
width: 86%; } }
@media (max-width: 768px) {
       .how-it-works .details {
grid-column: span 10 / span 10;
margin-left: 1rem; }
    }
.how-it-works.simple svg {
left: 0px;
top: -0.625rem; }
@media (min-width: 768px) {
.how-it-works.simple svg {
left: -1.75rem; } }
@media (min-width: 1101px) {
.how-it-works.simple svg {
left: -2.75rem; } }
.how-it-works.simple .details {
position: relative;
float: right;
width: 100%;
border-width: 0px;
border-left-width: 0px;
border-top-width: 2px;
border-style: dashed;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
padding-left: 1em;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 2em; }
.how-it-works.simple .details::before {
position: absolute;
top: -0.625rem;
left: -0.5rem;
height: 15px;
width: 15px;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-content: "";
content: var(--tw-content); }
@media (min-width: 768px) {
.how-it-works.simple .details {
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
margin-bottom: 0px;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 0px; } }
@media (max-width: 768px) {
            .how-it-works.simple svg {
top: 2rem;
left: 0.125rem; }
            .how-it-works.simple .details {
height: 100%;
width: 85%;
border-top-width: 0px;
border-left-width: 2px; }
        }
.how-it-works-simple {
text-align: center; }
.how-it-works-simple .number {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
display: flex;
height: 70px;
width: 70px;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
font-size: 2.2em;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
@media (min-width: 768px) {
.how-it-works-simple .number {
height: 90px;
width: 90px; } }
.how-it-works-simple h4 {
font-size: 1.25rem;
font-weight: 700; }
.featured-services, .features-services {
padding-top: 2rem;
padding-bottom: 2rem; }
@media (min-width: 1101px) {
.featured-services, .features-services {
padding-top: 3rem;
padding-bottom: 3rem; } }
.featured-services a, .features-services a {
margin-top: 0.5rem;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.featured-services h3, .features-services h3 {
font-weight: 600; }
.featured-services p, .features-services p {
margin-top: 0px !important;
margin-bottom: 0px !important;
font-size: 1rem; }
.featured-services .link-absolute, .features-services .link-absolute {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 2; }
.featured-services .dark, .features-services .dark {
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 0.75rem; }
.property-cta.featured-services .dark,.property-cta .features-services .dark {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.featured-services svg, .features-services svg {
width: 40px;
fill: #aa7a1a; }
.features-list {
margin-bottom: 1rem;
padding-top: 1rem;
padding-bottom: 1rem; }
.features-list h3 {
margin-top: 0px;
margin-bottom: 0px;
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 1rem;
font-size: 1rem;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.features-list h3 {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.features-list .box {
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(243 243 243 / var(--tw-bg-opacity));
padding: 1em; }
.features-list .box ul, .features-list .box ol {
margin-left: 1rem;
margin-right: 1rem; }
.features-list .box a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.features-list .box ul li {
position: relative;
padding-left: 25px; }
.features-list .box ul li::before {
position: absolute;
left: 0px;
display: inline-block;
font-weight: 700;
--tw-content: '\2713';
content: var(--tw-content); }
.mode-dark .features-list h3 {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
.mode-dark .features-list .box {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
.features-document {
margin-top: 2rem;
display: flex; }
.features-document .icon {
display: flex;
align-items: flex-start;
border-radius: 0px;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 0.75em; }
.property-cta.features-document .icon {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.features-document .icon svg {
width: 30px;
fill: #fff; }
.features-document .details {
margin: 0px;
width: 100%;
border-radius: 0px;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(238 238 238 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(232 232 232 / var(--tw-bg-opacity)); }
.features-document .details .heading {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-width: 0px;
border-top-width: 0.5em;
border-style: solid;
--tw-border-opacity: 1;
border-top-color: rgb(232 232 232 / var(--tw-border-opacity));
padding: 1em; }
@media (min-width: 1101px) {
.features-document .details .heading {
border-top-width: 0px;
padding: 0.5em; } }
.features-document .details .heading h3 {
margin-bottom: 0px !important;
font-size: 1.2em; }
.features-document .details p {
padding: 1em; }
@media (min-width: 1101px) {
.features-document .details p {
padding: 0.5em; } }
.features-document .details .btn {
margin-top: 0px; }
.features-category .category {
height: 100%;
border-radius: 0px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity)); }
.features-category h3 {
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding: 0.625rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.features-category h3 {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.features-category ul {
margin-left: 0px;
margin-bottom: 0px !important;
padding: .5em; }
.features-category ul li {
margin-top: 0px;
margin-bottom: 0px;
border-width: 0px;
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding: .7em; }
.features-category ul li:last-child {
border-width: 0px; }
/* end of Featured Section */
/* Citizenship Assessment */
.whatpassport-section .helpful-hints {
display: none !important; }
.whatpassport-section #white-label .sign-up-step1 {
width: auto !important;
padding-bottom: 0px; }
.whatpassport-section #white-label .sign-up-step1 > div {
margin-bottom: 35px;
display: block; }
.whatpassport-section #white-label .sign-up-step1 > div.passports > div section {
margin-top: 0px; }
.whatpassport-section #white-label .sign-up-container {
padding-bottom: 0px; }
.whatpassport-section #white-label .sign-up-actions button {
margin-bottom: 0px;
border-radius: 0.7rem;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.whatpassport-section #white-label .sign-up-actions button:hover {
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
--tw-shadow-colored: 0 10px 10px -10px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.whatpassport-section #white-label .sign-up-actions button span {
text-transform: capitalize;
letter-spacing: 1.2px; }
.whatpassport-section #white-label button:focus {
            outline: none;
        }
.whatpassport-section #white-label .sign-up-step-indicator {
width: 610px; }
.whatpassport-section #white-label .sign-up-step-indicator li {
list-style-type: none !important; }
.whatpassport-section #white-label .sign-up-step-indicator li:first-child:before {
width: 91%; }
.whatpassport-section #white-label .sign-up-step2 .sibling-info, .whatpassport-section #white-label .sign-up-step2 .child-info {
padding: 0px; }
.whatpassport-section #white-label .sign-up-step2 .sign-up-actions {
padding-left: 0px;
text-align: center; }
.whatpassport-section #white-label .whatpassport-container .sign-up-step-indicator-holder:before {
display: none; }
/* .whatpassport-section #white-label .whatpassport-container .sign-up-step-indicator-holder .sign-up-step-indicator li.current-step .icons {
    @apply border-4 border-solid border-primary;
  }
  .whatpassport-section #white-label .whatpassport-container fieldset {
    @apply mb-0;

  }
  .whatpassport-section #white-label .whatpassport-container fieldset legend {
    @apply text-xl text-black mb-0 border-b-[none];

  }
  .whatpassport-section #white-label .whatpassport-container fieldset .intentions-info {
    @apply text-primary text-[0.90rem] font-[normal] leading-[21px];

  }
  .whatpassport-section #white-label .whatpassport-container legend {
    @apply text-2xl text-primary mt-8 pl-0 p-[0.5em] border-b-[#eee] border-b border-solid;
  }
  .whatpassport-section #white-label .whatpassport-container legend,
  .whatpassport-section #white-label .whatpassport-container .signup-form,
  .whatpassport-section #white-label .whatpassport-container .sign-up-step2 {
    font-family: "Montserrat-fallback";
  }
  .whatpassport-section #white-label .whatpassport-container .signup-form {
    @apply p-0;
    font-family: "Montserrat-fallback";
  }
  .whatpassport-section #white-label .whatpassport-container .signup-form .btn-base span {
    @apply pl-0 before:hidden;
  }
  .whatpassport-section #white-label .whatpassport-container .whatpassport-header .profile-navigation-holder .progress {
    @apply h-[30px];
  }
  .whatpassport-section #white-label .whatpassport-container .whatpassport-header .profile-navigation-holder .progress > span {
    @apply mt-3.5;
  }
  .whatpassport-section #white-label label {
    @apply text-left leading-normal text-[0.95rem] font-bold pb-2.5;
  }
  .whatpassport-section #white-label label.important div:before,
  .whatpassport-section #white-label label.important span:before,
  .whatpassport-section #white-label label.required div:before,
  .whatpassport-section #white-label label.required span:before {
    @apply text-primary -left-2;
  }
  .whatpassport-section #white-label label.required div:after {
    @apply content-['*'] text-[rgb(255_0_0)] pl-0.5;
  }
  .whatpassport-section #white-label label.important div:not(.custom-checkbox):before,
  .whatpassport-section #white-label label.important span:before,
  .whatpassport-section #white-label label.required div:not(.custom-checkbox):before,
  .whatpassport-section #white-label label.required span:before {
    @apply text-primary -left-2;
  }
  .whatpassport-section #white-label .intentions-info,
  .whatpassport-section #white-label .question-info,
  .whatpassport-section #white-label .sibling-info,
  .whatpassport-section #white-label .child-info {
    @apply p-0;
  }
  .whatpassport-section #white-label .question-info {
    @apply mt-[7px];
  }
  #white-label .sign-up-step2 .form-group .input-holder .dob-input-holder > div {
    @apply w-full;
  }
  #white-label .sign-up-container .gender.form-group .input-holder .radio-blc,
  #white-label .radio-blc,
  #white-label .checkbox-blc,
  #white-label .sign-up-step3 .conditions {
    @apply w-auto;
  }
  #white-label .whatpassport-container .sign-up-step3 .content-small .sign-up-actions {
    @apply mt-0;
  }
  .whatpassport-section #white-label label.required > div:before {
    @apply left-1.5;
  }
  #white-label .sign-up-step3 .conditions p {
    @apply text-xs mt-[1em];
  }
  #white-label .sign-up-step3 .conditions {
    @apply pl-0;
  } */
/* end of Citizenship Assessment */
/* Youtube embed lite */
lite-youtube {
position: relative;
z-index: 1;
margin-bottom: 3rem;
display: block;
max-width: 720px;
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
background-size: cover;
background-position: center;
padding-top: 15px;
padding-left: 15px;
font-size: 17px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
contain: content; }
lite-youtube.property-cta {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
lite-youtube::before {
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 60px;
width: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
padding-bottom: 50px;
transition-property: all 0.2s cubic-bezier(0,0,0.2,1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
--tw-content: '';
content: var(--tw-content); }
lite-youtube::after {
display: block;
--tw-content: '';
content: var(--tw-content); }
lite-youtube >.lty-playbtn {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
height: 48px;
width: 68px;
cursor: pointer;
border-width: 0px;
background-color: transparent;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
lite-youtube:hover >.lty-playbtn {
filter: none; }
lite-youtube > span {
position: absolute;
z-index: 1;
padding-top: 15px;
padding-left: 15px;
font-size: 17px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
lite-youtube > iframe {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
border-width: 0px; }
/* end of Youtube embed lite */
/* British Citizenship Banner */
.citizenship-assessment-section .banner-bg-image {
height: 250px;
border-radius: 0px;
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media (min-width: 768px) {
.citizenship-assessment-section .banner-bg-image {
height: 100%;
border-top-right-radius: 0px;
border-bottom-left-radius: 0.75rem; } }
.citizenship-assessment-section h3 {
font-weight: 700; }
.citizenship-assessment-section p {
font-size: .975rem;
line-height: 1.75rem; }
/* end of British Citizenship Banner */
/* Staff widget */
.mtt-widget {
position: relative;
z-index: 1090 !important; }
/* end of Staff widget */
/* Reviews.io */
#reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget {
            --base-font-size: 1em;
            --base-maxwidth: 100%;
            --common-star-color: #F47E27;
            --common-star-disabled-color: rgba(255,255,255,0.5);
            --medium-star-size: 1.7em;
            --small-star-size: 1.3em;
            --x-small-star-size: 1.1em;
            --x-small-star-display: inline-flex;
            --header-order: 1;
            --header-width: 160px;
            --header-bg-end-color: transparent;
            --header-gradient-direction: 135deg;
            --header-padding: 0.5em;
            --header-border-width: 0px;
            --header-border-color: rgba(0,0,0,0.1);
            --header-shadow-color: rgba(0,0,0,0.1);
            --header-heading-font-size: 24px;
            --header-bg-start-color: transparent;
            --heading-text-font-weight: 700;
            --author-font-size: 14px;
            --author-font-weight: 700;
            --author-text-transform: capitalize;
            --body-text-font-weight: 500;
            --badge-icon-color: #FFFFFF;
            --badge-text-color: #FFFFFF;
            --tooltip-text-color: #FFFFFF;
            --popup-heading-text-color: #000000;
            --popup-body-text-color: #000000;
            --logo-normal: url(https://assets.reviews.io/img/all-global-assets/logo/reviewsio-logo.svg);
            --logo-inverted: url(https://assets.reviews.io/img/all-global-assets/logo/reviewsio-logo--inverted.svg);
        }
#reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Dark .cssVar-header__heading, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Dark .cssVar-authorName, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Dark .R-ReviewsList .R-ReviewsList__item--body, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Dark .R-TextBody, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Dark .cssVar-header__subheading, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Dark .R-ReviewsList-container .R-ReviewsList__controlButton {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
#reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Dark .R-ReviewsioLogo .R-ReviewsioLogo__image {
                    content: var(--logo-inverted) !important;
                }
#reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Light .cssVar-header__heading, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Light .cssVar-authorName, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Light .R-ReviewsList .R-ReviewsList__item--body, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Light .R-TextBody, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Light .cssVar-header__subheading, #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Light .R-ReviewsList-container .R-ReviewsList__controlButton {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
#reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.Light .R-ReviewsioLogo .R-ReviewsioLogo__image {
                    content: var(--logo-normal) !important;
                }
/* end of Reviews.io */
/*Mortgage Calculator*/
@media (min-width: 1101px) {
    .mortgage-calculator {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
max-width: 1200px; }
    .mortgage-calculator .heading {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
max-width: 900px; }
}
.mortgage-calculator .tab-wrapper {
margin-top: 1.25rem; }
.mortgage-calculator .tab-wrapper .nav-tabs li {
margin-right: 1em;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding-left: 0px;
padding-right: 0px;
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 0.5px 6px 0 rgba(0,0,0,0.2);
--tw-shadow-colored: 0 0.5px 6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.property-cta.mortgage-calculator .tab-wrapper .nav-tabs li {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.mortgage-calculator .tab-wrapper .nav-tabs li:hover {
border-bottom-color: none;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
.mortgage-calculator .tab-wrapper .nav-tabs li.active {
border-bottom-width: 2px;
border-style: solid;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
.mortgage-calculator .tab-wrapper .calculator-container {
border-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 2em;
--tw-shadow: 0 0.5px 6px 0 rgba(0,0,0,0.2);
--tw-shadow-colored: 0 0.5px 6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content {
padding-top: 0px; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content h2 {
margin-top: 0px; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane {
display: none; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane.active {
display: block; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane .result {
display: none; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane h2 {
display: inline-block;
border-bottom-width: 3px;
border-style: solid;
--tw-border-opacity: 1;
border-bottom-color: rgb(170 122 26 / var(--tw-border-opacity));
padding-bottom: 0.5rem; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane input[type="checkbox"], .mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane input[type="radio"] {
margin-right: 0.4em; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane label {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
display: block; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane select, .mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane .result-background, .mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane input {
display: block;
width: 96%;
border-radius: 0.5rem;
border-color: none;
--tw-bg-opacity: 1;
background-color: rgb(252 252 252 / var(--tw-bg-opacity));
padding: 0.8em;
--tw-text-opacity: 1;
color: rgb(145 145 145 / var(--tw-text-opacity)); }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane input, .mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane select {
border-color: none;
--tw-shadow: 0 0.5px 6px 0 rgba(0,0,0,0.2);
--tw-shadow-colored: 0 0.5px 6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane .col-span-6 {
padding-left: 0px; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane input[type="radio"] {
display: inline-block;
width: inherit;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane .result-background {
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(238 238 238 / var(--tw-border-opacity)); }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane select {
cursor: pointer;
appearance: none;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAlCAYAAAC6TzLyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkI1ODEwNTg2QTdEMTFFNkJDQkZBMTU4M0NBNEM1NEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkI1ODEwNTc2QTdEMTFFNkJDQkZBMTU4M0NBNEM1NEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVBMjdEOUZENDU4QjExRTVCRTREOTRCQjhFMkEyQjg1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVBMjdEOUZFNDU4QjExRTVCRTREOTRCQjhFMkEyQjg1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+A5VqQwAAAOBJREFUeNrsljEKwjAUhkNRBBHcLB7BRXAruLi6desBegCv5AEcXDoVxLG4ONcjuHaygvELvEkcFFIC5QU+fl5eyEdDWmrqum6ttSYEkTFmaAKNyAQcKle5ylWu8v7JB78urKrqSoxgkyTJ/Ut/RpzhQX/l+8ljWECJaPohdnUp/biLY0+hgSUUCMcidlnIfCPr/Mo5yots3MIaDognLqV286ms83/h2PhEZPCCLdwkXZ1Jv7vbjuBI5FLOJXOZ7/5VQ7QndvB0KfX/g79XG/LvVT+vKle5ylWu8n7I3wIMAHzY7QF4JpH/AAAAAElFTkSuQmCC");
background-position: right;
background-position: center;
background-repeat: no-repeat;
                        -webkit-appearance: none;
                        -moz-appearance: none; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane select::-ms-expand {
display: none; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane .result h4 {
font-weight: 700; }
.mortgage-calculator .tab-wrapper .calculator-container .tab-content .tab-pane .result p {
margin-top: 1.25rem; }
/* end of Mortgage Calculator*/
/* Cards */
.nav-cards {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0px;
padding-left: 1rem;
padding-right: 1rem; }
@media (min-width: 768px) {
.nav-cards {
max-width: 1120px;
padding-left: 0px;
padding-right: 0px; } }
@media (min-width: 1101px) {
.nav-cards {
margin-bottom: 1.5rem;
margin-top: 2rem;
max-width: 1200px; } }
.nav-cards.tertiary-pages .content {
min-height: 120px !important; }
.nav-cards .card {
position: relative;
width: 100%;
border-radius: 0.5rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding: 0.75rem;
--tw-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.nav-cards .card a {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 2; }
.nav-cards .card .header {
display: flex;
align-items: center; }
.nav-cards .card .header p {
margin: 0px;
margin-left: 0.25rem;
width: 100%;
font-size: 1.05rem;
font-weight: 700;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
.nav-cards .card .header .icon svg {
display: block;
height: 2.75rem;
width: 2.75rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
fill: #fff;
padding: 0.625rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.nav-cards .card .header .icon svg {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.nav-cards .card .content {
margin-top: 0.625rem;
min-height: 100px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
.nav-cards .card .content p {
margin-top: 0.625rem;
font-size: 0.85rem;
line-height: 1.5rem; }
.nav-cards .card .viewSection {
font-size: 0.75rem;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.nav-cards .card .viewSection svg {
height: 15px;
width: 15px;
fill: #aa7a1a; }
.pricing-cards {
margin-top: 1rem;
margin-bottom: 1rem;
margin-bottom: 0px; }
@media (min-width: 1101px) {
.pricing-cards {
margin-bottom: 1.5rem;
margin-top: 2rem; } }
.pricing-cards .card {
position: relative;
width: 100%;
border-radius: 0.5rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
--tw-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
/* a { @apply absolute top-0 bottom-0 left-0 right-0 z-[2]; } */
.pricing-cards .card .heading {
border-radius: 0px;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
padding: 1rem;
text-align: center; }
.pricing-cards .card .heading.silver {
--tw-bg-opacity: 1;
background-color: rgb(204 204 204 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.pricing-cards .card .heading.dark {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.pricing-cards .card .heading.dark {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.pricing-cards .card .heading p {
margin: 0px;
margin-left: 0.25rem;
width: 100%;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem; }
.pricing-cards .card .content {
padding: 1rem;
text-align: center; }
.pricing-cards .card .content .price {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700; }
.pricing-cards .card .content .price small {
font-weight: 700; }
.pricing-cards .card .content .details ul {
margin-left: 0px;
padding: 1rem; }
.pricing-cards .card .content .details ul li {
margin-top: 0px;
list-style-type: none;
border-width: 0px;
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(204 204 204 / var(--tw-border-opacity));
padding-left: 0px;
padding-right: 0px;
padding-top: .7rem;
padding-bottom: .7rem; }
.pricing-cards .card .content .details ul li:last-child {
border-width: 0px; }
.pricing-cards .card .viewSection {
font-size: 0.75rem;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.pricing-cards .card .viewSection svg {
height: 15px;
width: 15px;
fill: #aa7a1a; }
/* end of Cards */
/* call to action */
.cta-section {
margin-left: auto;
margin-right: auto;
margin-top: 2.5em;
padding-left: 1rem;
padding-right: 1rem; }
@media (min-width: 1101px) {
.cta-section {
margin-top: 6rem;
padding-left: 0px;
padding-right: 0px; } }
.cta-section .cta-finger-print {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-image: url('https://www.sableinternational.com/images/default-source/property/finger-print-pattern---white---test-01.webp');
background-size: cover;
background-repeat: repeat; }
.cta-section p {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em; }
.cta-section .btn {
margin-top: 1.5rem; }
@media (min-width: 768px) {
.cta-section .btn {
margin-top: 0px; } }
/* end of call to action */
/* Modal css */
.modal {
position: fixed;
left: 0px;
top: 0px;
z-index: 10002 !important;
display: none;
height: 100%;
width: 100%;
    outline: 0; }
.modal.show {
display: block !important;
background-color: rgba(0,0,0,0.75); }
.modal.show .close {
position: absolute;
right: 15px;
top: 0.625rem;
z-index: 99999;
border-radius: 30px;
--tw-bg-opacity: 1;
background-color: rgb(85 85 85 / var(--tw-bg-opacity));
padding-left: 0.625rem;
padding-right: 0.625rem;
padding-top: 0px;
padding-bottom: 0px;
font-size: 22px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
@media (min-width: 576px) {
            .modal.show .modal-dialog {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 6.75rem;
max-width: 800px; }
        }
.sable-modal .modal-dialog {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
display: flex;
height: 100vh;
align-items: center; }
.sable-modal .modal-content {
position: relative;
border-radius: 1rem;
border-width: 0px;
padding: 0.3em;
padding-bottom: 1em; }
@media (min-width: 768px) {
.sable-modal .modal-content {
padding: 1em;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px; } }
.sable-modal .modal-content button.close-modal {
position: absolute;
top: -26px;
left: 43%;
right: 50%;
z-index: 2;
height: 2.5rem;
width: 2.5rem;
border-radius: 50%;
border-width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-size: 1.7em;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
@media (min-width: 768px) {
.sable-modal .modal-content button.close-modal {
right: 0.875rem;
top: 18px;
margin-bottom: 1rem;
margin-left: auto;
margin-right: 0px;
margin-top: 0px;
height: 31px;
width: 31px;
--tw-bg-opacity: 1;
background-color: rgb(204 204 204 / var(--tw-bg-opacity));
font-size: 1.6em;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); } }
.sable-modal .modal-content span {
display: block; }
.sable-modal .modal-content h2 {
font-size: 1.1em;
font-weight: 500;
line-height: 1.5rem; }
@media (min-width: 768px) {
.sable-modal .modal-content h2 {
font-size: 1.5em;
font-weight: 600;
line-height: 2rem; } }
.sable-modal .modal-content h2 span {
display: block;
padding-bottom: 0.2em;
font-weight: 400; }
.sable-modal .modal-content p {
font-size: 0.9rem;
font-weight: 500; }
@media (min-width: 768px) {
.sable-modal .modal-content p {
font-size: 1rem;
line-height: 1.5rem; } }
.sable-modal .modal-content p span {
font-size: 1.1em;
line-height: 2.1em; }
.sable-modal .modal-content p.webinar-title {
font-size: 1.1em;
font-weight: 600;
line-height: 1.7rem; }
.sable-modal .modal-content img {
border-radius: 1rem; }
@media (min-width: 768px) {
.sable-modal .modal-content img {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem; } }
.sable-modal .modal-content .alert .close {
right: 7px;
top: 0.625rem;
height: 25px;
width: 25px;
border-radius: 50%;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(204 204 204 / var(--tw-border-opacity));
padding: 0px; }
.sable-modal .modal-content .alert .close:hover {
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity)); }
.sable-modal .modal-content .alert .close:focus {
--tw-shadow: 0 0 0 0.2rem rgba(53,111,139,0.5);
--tw-shadow-colored: 0 0 0 0.2rem var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.sable-modal .modal-content .modal-header {
border-bottom-width: 0px; }
.sable-modal .modal-content .modal-header .close {
position: relative;
margin-bottom: -1rem;
margin-left: auto;
margin-right: 0px;
margin-top: 0px;
border-radius: 50%;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(204 204 204 / var(--tw-border-opacity));
background-color: none; }
.sable-modal .modal-content .modal-header .close:hover {
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity)); }
.sable-modal .modal-content .modal-header .close:focus {
--tw-shadow: 0 0 0 0.2rem rgba(53,111,139,0.5);
--tw-shadow-colored: 0 0 0 0.2rem var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.sable-modal .modal-content .modal-header .close svg {
position: absolute;
top: -5px;
left: 9px;
width: 0.875rem;
justify-content: center;
fill: #115577; }
.sable-modal .modal-content .modal-title {
margin-top: 0px; }
.sable-modal .modal-content .modal-body {
padding-left: 0px;
padding-right: 0px;
padding-top: 3rem;
padding-bottom: 3rem;
text-align: center; }
.sable-modal .modal-content .modal-footer {
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity)); }
.sable-modal .sa-modal .content-details {
padding-top: 2em; }
@media (min-width: 768px) {
.sable-modal .sa-modal .content-details {
margin-left: -10rem;
width: 61%;
padding-top: 6em;
text-align: center; } }
.sable-modal .sa-modal .content-details h5 {
font-weight: 500; }
.webinar-minimized-pop {
position: fixed;
left: 5px;
bottom: 0px;
display: flex;
max-width: 100%;
border-radius: 15px 15px 0 0;
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity)); }
.webinar-minimized-pop.mymove {
animation: mymove 0.5s ease-in-out;
-webkit-animation: mymove 0.5s ease-in-out; }
.webinar-minimized-pop .webinar-title {
padding-left: 0.625rem;
padding-right: 45px;
padding-top: 0.625rem;
padding-bottom: 5px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.webinar-minimized-pop a {
padding: 0.625rem; }
.webinar-minimized-pop button.close-modal {
position: absolute;
top: -26px;
left: 43%;
right: 50%;
z-index: 2;
height: 2.5rem;
width: 2.5rem;
border-radius: 50%;
border-width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-size: 1.7em;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
@media (min-width: 768px) {
.webinar-minimized-pop button.close-modal {
right: 0.875rem;
top: 18px;
margin-bottom: -1rem;
margin-left: auto;
margin-right: 0px;
margin-top: 0px;
height: 1.25rem;
width: 1.25rem;
--tw-bg-opacity: 1;
background-color: rgb(204 204 204 / var(--tw-bg-opacity));
font-size: 1.3em;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); } }
@keyframes mymove {
    from {
bottom: -50px; }
    to {
bottom: 0px; }
}
@media (min-width: 768px) {
        .sable-modal .modal-content .btn {
margin-top: 2rem; }
        .sable-modal .modal-content button.close-modal span {
position: relative;
top: -3px;
left: 0px; }  
    .webinar-minimized-pop button.close-modal span {
position: relative;
top: -5px;
left: -0.125rem; } 
}
@media (max-width: 767px) {
    .sable-modal .modal-content .btn {
margin-top: 1.5rem; }
}
/* end of Modal */
/* pagination */
.pagination {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3.5rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
border-radius: 0.25rem;
padding-bottom: 3rem;
padding-left: 0px; }
@media (min-width: 768px) {
.pagination {
flex-wrap: nowrap;
justify-content: center; } }
.pagination li {
margin: 0.375rem;
margin-top: 1.25rem;
list-style-type: none !important; }
.pagination li a {
width: 43px;
border-radius: 0.25rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(238 238 238 / var(--tw-border-opacity));
background-color: transparent;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important; }
.pagination li a:hover {
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }
.pagination li.active a {
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }
/* end of pagination */
/* Sport Recruitment css */
.sports-wrapper {
position: relative; }
.sports-wrapper .sports-type {
position: absolute;
left: 10px;
top: 10px;
z-index: 2;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
padding: 0.25rem;
font-size: 0.7rem;
letter-spacing: 1px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.sports-wrapper .sports-header {
height: 175px;
min-height: 240px;
overflow: hidden;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.property-cta.sports-wrapper .sports-header {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.sports-wrapper .sports-header .featured-image {
top: 0px;
left: 0px;
z-index: -100;
height: 250px;
width: 100%;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
background-size: cover;
background-repeat: no-repeat; }
@media (max-width: 1024px) {
            .sports-wrapper .sports-header .featured-image {
height: 180px; }
        }
.sports-wrapper .sports-header img {
-o-object-fit: cover;
   object-fit: cover; }
.sports-wrapper .athlete-description {
height: 100%;
min-height: 120px; }
.sports-wrapper .athlete-description .view-cta {
position: absolute;
left: 3%;
bottom: 0px;
display: flex;
width: 94%;
align-items: center;
justify-content: flex-end;
border-width: 0px;
border-top-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(232 232 232 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.sports-wrapper .athlete-description .view-cta svg {
width: 20px; }
@media (max-width: 1024px) {
        .sports-wrapper .sports-header {
height: 170px;
min-height: 160px; }
        .sports-wrapper .athlete-description p {
font-size: 0.85rem; }
    }
.sports-wrapper .blog-text-wrapper {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity)); }
/* end of Sports Recruitment */
/* property css */
.property-tag-banner {
position: absolute;
left: -2%;
top: 14%;
z-index: 9999;
--tw-rotate: -35deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 5px;
padding-left: 100px;
padding-right: 100px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 600; }
.property-tag-banner.bg-red-dark {
--tw-bg-opacity: 1;
background-color: rgb(161 0 13 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-header-banner-version-two {
position: relative;
margin-top: 5rem;
height: 100%;
min-height: 750px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-header-banner-version-two::before {
position: absolute;
inset: 0px;
background-image: linear-gradient(to right,rgba(0,0,0,0.5) 20%,transparent);
--tw-content: '';
content: var(--tw-content); }
@media (max-width: 1440px) {
.property-header-banner-version-two {
min-height: 690px; }
    }
@media (max-width: 1100.98px) {
.property-header-banner-version-two {
min-height: 620px; }
    }
@media (max-width: 767.98px) {
.property-header-banner-version-two {
min-height: 750px; }
    }
.property-header-banner-version-two .grid {
position: relative;
height: 100%;
max-width: 1200px; }
.property-header-banner-version-two .grid .property-header-content {
position: relative;
display: flex;
height: 100%;
width: 100%;
flex-wrap: wrap;
align-content: center; }
.property-header-banner-version-two .grid .property-header-content h1 {
margin-bottom: 1.5rem;
font-size: 4.8rem;
font-weight: 700;
line-height: 5.25rem; }
@media (max-width: 768px) {
                .property-header-banner-version-two .grid .property-header-content h1 {
font-size: 3.8rem;
line-height: 4.25rem; }
            }
@media (max-width: 767.98px) {
                .property-header-banner-version-two .grid .property-header-content h1 {
font-size: 3rem;
line-height: 3.75rem; }
            }
.property-information {
position: relative;
margin: 0px; }
.property-information.white-bar::after {
position: absolute;
bottom: 0px;
left: 10%;
right: 0px;
height: 1px;
width: 80%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-content: '';
content: var(--tw-content); }
.property-information .grid {
max-width: 1180px; }
.property-information .grid .property {
display: flex;
flex-direction: row;
padding-top: 1.25rem; }
.property-information .grid .property span:first-child {
margin-bottom: 5px;
font-weight: 700; }
.property-information .grid .property svg {
margin-right: 0.75rem;
height: 35px;
width: 35px;
fill: #fff;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-subcontent {
position: relative; }
.property-video img {
border-radius: 1rem; }
.property-cta {
padding-top: 5rem;
padding-bottom: 5rem; }
@media (min-width: 1101px) {
.property-cta {
margin-top: 6rem; } }
.property-cta.bg-dark {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
@media (max-width: 1100.98px) {
.property-cta {
margin-top: 5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem; }
   }
.property-team-section .property-team-grid .property-member {
grid-column: span 12 / span 12; }
@media (min-width: 768px) {
.property-team-section .property-team-grid .property-member {
grid-column: span 4 / span 4;
grid-row-start: 2; }
.property-team-section .property-team-grid .property-member:first-child {
grid-column: span 6 / span 6;
grid-column-start: 4;
grid-row-start: 1; }
.property-team-section .property-team-grid .property-member:nth-child(2) {
grid-column-start: 3; } }
.property-team-section .property-team-grid .property-member img {
margin-left: auto;
margin-right: auto; }
.property-team-section .property-team-grid .property-member.member-0 .members-heading .members-image img {
width: 10rem; }
@media (min-width: 768px) {
.property-team-section .property-team-grid .property-member.member-0 .members-heading .members-image img {
width: 220px; } }
.property-team-section .property-team-grid .property-member .members-heading .members-image {
position: relative;
text-align: center; }
.property-team-section .property-team-grid .property-member .members-heading .members-image img {
width: 10rem; }
.property-team-section .property-team-grid .property-member .members-heading .members-title {
margin: 0px;
margin-top: 15px;
text-align: center; }
.property-team-section .property-team-grid .property-member .members-heading .members-title span {
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.property-features-version-two h2 {
width: 40%;
font-size: 2.5rem; }
@media (max-width: 1440px) {
        .property-features-version-two h2 {
width: 45%; }
    }
@media (max-width: 768px) {
        .property-features-version-two h2 {
width: 85%; }
    }
.property-features-version-two svg {
margin-right: 1rem;
height: 75px;
width: 75px;
fill: #aa7a1a;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
@media (max-width: 768px) {
        .property-features-version-two svg {
margin-bottom: 1rem; }
    }
.property-features-version-two .details {
font-size: 1.125rem;
font-weight: 600; }
@media (max-width: 768px) {
        .property-features-version-two .details {
font-size: 1.025rem; }
    }
.propertyListing {
margin-top: 100px; }
.propertyListing .card:hover {
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
}
.propertyListing .card {
position: relative;
margin-left: 0px;
margin-right: 0px;
margin-top: 50px;
margin-bottom: 50px;
border-radius: 0.5rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(236 236 236 / var(--tw-border-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 0.3s;
transition-timing-function: ease; }
.propertyListing .card:hover {
--tw-scale-x: 1.01;
--tw-scale-y: 1.01;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-shadow: 0 1px 2px rgba(0,0,0,0.2);
--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: box-shadow,transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 0.3s; }
.propertyListing .card .anchor {
position: absolute;
inset: 0px; }
.propertyListing .card .sp-list-slide-container {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 15px;
height: 220px;
width: 100%;
overflow: hidden;
border-radius: 8px 8px 0 0;
background-size: cover;
background-repeat: no-repeat;
text-align: center; }
.propertyListing .card .property-title {
margin-left: 0.5rem;
margin-right: 0.5rem;
margin-top: 0px;
margin-bottom: 0px; }
.propertyListing .card .property-title .name {
margin-top: 1.5rem;
min-height: 65px;
border-bottom-width: 0.5px;
border-style: solid;
--tw-border-opacity: 1;
border-bottom-color: rgb(170 122 26 / var(--tw-border-opacity));
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
line-height: 1.2; }
.propertyListing .card .property-title .location {
display: flex;
align-items: center;
font-size: 0.75rem;
line-height: 1rem; }
.propertyListing .card .property-title .location .dot {
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 0.375rem;
width: 0.375rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.propertyListing .card .property-title .location svg {
margin-right: 0.5rem;
width: 18px;
fill: #000; }
.propertyListing .card .property-title .pricing {
display: flex;
align-items: center;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600; }
.propertyListing .card .property-title .pricing svg {
margin-right: 0.5rem;
width: 18px;
fill: #000; }
.propertyListing .card .property-description {
margin: 0.5rem; }
.propertyListing .card .property-description p {
margin-top: 0px; }
.propertyListing .card .property-description a {
margin-top: 1rem;
margin-bottom: 1rem; }
/* end of property css */
/* disclaimer */
.disclaimer-section {
border-width: 0px;
border-top-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(204 204 204 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding-left: 0px;
padding-right: 0px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.property-cta.disclaimer-section {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.disclaimer-section h3 {
margin-top: 0px; }
.disclaimer-section p {
margin-top: 0px;
font-size: 0.8rem; }
/* end of disclaimer */
/* form */
.form-background {
padding-left: 1rem;
padding-right: 1rem; }
@media (min-width: 1101px) {
.form-background {
padding-left: 0.5rem;
padding-right: 0.5rem; } }
/* end of form */
/* landing page css */
.event {
position: relative; }
@media (min-width: 1024px) {
.event .spiral-roadshow-bg {
position: absolute;
top: -45px;
z-index: 999;
display: block;
height: 470px;
width: 470px;
max-width: 200vw;
background-image: url('https://www.sableinternational.com/images/default-source/citizenship/spiral_circle.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
        }
.event .spiral-roadshow-bg.left {
display: none; }
@media (min-width: 1024px) {
.event .spiral-roadshow-bg.left {
left: -198px;
display: block;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
            }
.event .spiral-roadshow-bg.right {
display: none; }
@media (min-width: 1024px) {
.event .spiral-roadshow-bg.right {
right: -124px;
display: block;
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
            }
.event .event-section {
align-items: center;
justify-content: center; }
@media (min-width: 1024px) {
.event .event-section {
justify-content: space-between; }
       }
.event .event-section .event-section-date {
font-size: 1.1em;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
@media (min-width: 768px) {
.event .event-section .event-info {
border-width: 0px;
border-left-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
padding-top: 4em;
padding-bottom: 4em;
padding-right: 0px;
padding-left: 2em; } }
.event .event-section .event-info .event-section-area {
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: 3px; }
.event .event-section .event-info .event-section-area small {
display: block;
font-size: 47%;
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.event .event-section .event-info .consultations-heading {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 1.8px; }
.event .event-section .event-info .book-seat-btn {
margin-top: 1.4em; }
@media (min-width: 768px) {
.event .event-section .event-info .book-seat-btn {
margin-top: 0px; } }
/* end of landing page css */
/* footer */
footer {
position: absolute;
z-index: 1000;
display: block;
width: 100%;
font-size: 0.875rem;
line-height: 1.25rem; }
footer p {
margin: 0px; }
footer .subscribe-section {
--tw-bg-opacity: 1;
background-color: rgb(85 85 85 / var(--tw-bg-opacity));
padding-top: 3rem;
padding-bottom: 3rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
/* end of footer */
/* end of global css */
/* ! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ; }
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ; }
/* elements */
html, body {
margin: 0px;
font-family: MontserratVF, sans-serif;
font-size: .94rem;
letter-spacing: .4px; }
@media (min-width: 768px) {
html, body {
letter-spacing: .2px; } }
html, body {
    font-display: swap;
}
.arrow-chevron {
display: inline-block;
border-color: 0 3px 3px 0;
padding: 3px; }
.arrow-chevron.down {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    h1,h2,h3,h4,h5,h6,strong,b,.btn,.nav-cards .card .header,.team-description .name,.custom-image-banner .services a,.nav-cards .card .BottomSection p,.blogFeedWrapper .BlogTextWrapper h3 {
      font-family: "Montserrat-SemiBold";
      font-display: swap;
    }
    body,.banner-placeholder h4 {
font-weight: 400;
      font-family: "Montserrat-Regular";
      font-display: swap; }
}
main {
margin-top: 4rem; }
@media (min-width: 768px) {
main {
margin-top: 5rem; } }
a {
text-decoration-line: none; }
a:hover {
text-decoration-line: none; }
h1 {
margin-bottom: 2rem;
font-size: 3rem;
line-height: 1;
font-weight: 700;
line-height: 2.7rem; }
@media (min-width: 576px) {
h1 {
font-size: 2.25rem;
line-height: 2.5rem; } }
@media (min-width: 1101px) {
h1 {
font-size: 2.8rem;
line-height: 3.4rem; }
h1.sub-heading {
font-size: 1.875rem;
line-height: 2.5rem; } }
h2 {
margin-bottom: 2rem;
font-size: 2rem;
font-weight: 700;
line-height: 2.5rem; }
@media (min-width: 768px) {
h2 {
font-size: 2.5rem; } }
h3 {
font-size: 1.5rem;
font-weight: 600;
line-height: 2.2rem; }
h4 {
font-size: 1rem;
line-height: 1.5rem;
line-height: 2; }
@media (min-width: 1101px) {
h4 {
font-size: 1.125rem;
line-height: 1.75rem; } }
p {
margin-bottom: 1.5rem;
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.625; }
p a {
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
h3, h4, h5, h6 {
margin-bottom: 1rem; }
img {
height: auto;
max-width: 100%;
vertical-align: middle; }
.collapse.show {
visibility: visible !important; }
/* buttons */
a.btn, button.btn {
margin-top: 1rem;
display: inline-block;
border-radius: 0.75rem;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
vertical-align: middle;
font-size: .86rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 2.1px;
--tw-shadow: 0 6px 6px 0 rgba(0,0,0,.2);
--tw-shadow-colored: 0 6px 6px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 300ms;
transform: perspective(1px) translateZ(0);
transition-property: box-shadow, transform; }
a.btn:hover, button.btn:hover {
--tw-scale-x: 1.01;
--tw-scale-y: 1.01;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
--tw-shadow-colored: 0 10px 10px -10px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
@media (min-width: 768px) {
a.btn, button.btn {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 2.75rem;
padding-right: 2.75rem; } }
a.btn.btn-small, button.btn.btn-small {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 30px;
padding-right: 30px; }
.btn-primary {
z-index: 999;
border-width: 2px !important;
border-style: solid !important;
--tw-border-opacity: 1 !important;
border-color: rgb(170 122 26 / var(--tw-border-opacity)) !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(170 122 26 / var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }
.btn-blue {
z-index: 999;
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(17 85 119 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(17 85 119 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.btn-outline-primary {
z-index: 999;
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(170 122 26 / var(--tw-text-opacity)); }
.btn-outline-primary:hover {
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(170 122 26 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(170 122 26 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.btn-outline-blue {
z-index: 999;
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(17 85 119 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(17 85 119 / var(--tw-text-opacity)); }
.btn-outline-blue:hover {
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(17 85 119 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(17 85 119 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); }
.fromTheTop a {
position: fixed;
right: 0px;
bottom: 95px;
z-index: 999;
height: auto;
min-height: 60px;
width: 4rem;
border-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 10px;
padding-right: 10px;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-decoration-line: none; }
.property-cta.fromTheTop a {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
/* end of buttons */
/* Sitefinity Editor override */
.sfPageEditor #main-navbar {
display: block !important; }
.sfPageEditor .stickySideNav {
position: relative;
margin-top: 2rem; }
.sfPageEditor .master-nav {
position: relative !important;
height: inherit !important; }
.sfPageEditor .darkBanner::before {
position: relative !important;
content: var(--tw-content) !important;
z-index: 3 !important; }
.sfPageEditor .custom-image-banner .custom-banner-image {
position: relative !important; }
.sfPageEditor .custom-image-banner img {
position: relative !important; }
.sfPageEditor .narrowImage-section .image {
position: relative !important; }
.sfPageEditor footer {
position: relative !important; }
.sfPageContainer .menu-banner-wrapper {
flex-wrap: wrap !important; }
/* end of Sitefinity Editor override */