/*@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=League+Spartan:wght@100..900&display=swap');*/

body{
margin: 0;
padding: 0;
font-size: 18px;
line-height: 25px;
color: #231F20;
font-weight: 300;
font-family: "Geist", sans-serif;
 
  }
  .pdtb-170 {
   padding: 170px 0px;
}
  .pdtb-150 {
   padding: 150px 0px;
}
  .pdtb-120 {
   padding: 120px 0px;
}
.pdtb-85 {
   padding: 85px 0px;
}
.pdb-85 {
   padding-bottom: 85px;
}
.pdt-85 {
   padding-top: 85px;
}
.pdtb-60 {
   padding: 60px 0px;
}
.pdt-60 {
   padding-top: 60px;
}
.pdt-50 {
   padding-top: 50px;
}
.pdt-35{
	padding-top: 35px;
}
.pdb-40{
	padding-bottom: 40px;
}
.pdt-40{
	padding-top: 40px;
}
 h1{
 	font-size: 42px;
 	line-height: 48px;
 	font-weight: 700;
 }
 h2{
    font-size: 42px;
    line-height: 59px;
    font-weight: 700;
	 letter-spacing: -1.05px;
 }




h1, h2, h3, h4, h5{
	
	font-weight: 600;
}
.navigation {
    padding: 20px 0px;
}
.navigation li.nav-item {
    margin: 0 15px;
    font-size: 14px;
    font-weight: 600;
	letter-spacing: -0.35px;
}
.navigation li.nav-item a {
    color: #08123D;
	 font-family: 'Spartan';
	font-weight: bold;
}
.navigationbtn a {
    background: #70b19f;
    padding: 12px 24px 12px;
    border-radius: 40px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.navigationbtn a:hover {
	background: #59C0AB;
}

.navigationbtn {
    margin-left: 10px;
}
.section-banner{
   background-image:url(../images/hero-banner.jpg);
       background-position: center left;
   background-size: cover;
   background-repeat: no-repeat;
}
.bannerbtn a {
    background: #231f20;
    padding: 15px 35px 12px;
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
  
    line-height: normal;
/*    text-transform: uppercase;*/
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
	font-family: 'Spartan';
	font-weight: 600;
}
.top-contant h1 {
    color: #fff;
    margin-bottom: 20px;
}
.top-contant p {
    color: #fff;
   margin-bottom: 30px;
}
.top-contant {
    max-width: 530px;
    position: relative;
}
.section-banner::after {
    background-image: url(../images/shapes.png);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-banner{
position: relative;
}
.overlay-a {
    background: linear-gradient(90deg, rgba(126, 190, 175, 1) 42%, rgb(255 255 255 / 0%) 75%, rgb(112 177 159 / 0%) 0%);
    position: absolute;
    width: 65%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.home  .overlay-a {
    width: 90%;
}

.image-right img, .image-left img {
    width: 100%;
    max-width: 100%;
}
.long-contant {
    padding-right: 60px;
}
.long-contant h2 {
    margin-bottom: 30px;
}
.requestbtn a {
 background: #7ebeaf;
    padding: 15px 35px;
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    line-height: normal;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.requestbtn a:hover {
	background: #231F20;
}
.right-text h2 {
 
    margin-bottom: 30px;
}
.right-text {
    padding-left: 60px;
}
p.clients {
    margin: 0;
}
.signing{
   margin: 10px 0px;
}
.requestbtn {
    padding-top: 24px;
}
.sellers{
/*   background: #eeeeee;*/
}
.handpicked {
    background: #ffffff;
    padding: 40px 50px;
/*    max-width: 280px;*/
    border-radius: 15px;
    text-align: center;
    margin: 0 auto;
}
.heading-area {
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.switching {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.centerbtn {
    text-align: center;
    margin-top: 50px;
}
.centerbtn a{
background: #7ebeaf;
    padding: 15px 35px;
	text-transform: uppercase;
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    line-height: normal;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.centerbtn a:hover {
	background: #231F20;
}
.handpicked h3 {
    font-size: 24px;
    line-height: 32px;
    color: #7ebeaf;
    font-weight: 600;
    margin: 10px 0 10px 0px;
}
.handpicked p {
    margin: 0;
}
.sellers::after {
    background-image: url(../images/iq.png);
    position: absolute;
    content: '';
    width: 40%;
    height: 100%;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
}
.sellers{
   position: relative;
}
.heading-area h2 {
    position: relative;
    z-index: 999;
   
}
.handpicked p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    min-height: 72px;
}
.shapes_images{
	background: transparent linear-gradient(180deg, #F2F2F2 95%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.settlehq {
/*    background: linear-gradient(90deg,rgba(242, 242, 242, 1) 0%, rgba(237, 237, 237, 1) 100%);*/
/*	    background: transparent linear-gradient(180deg, #F2F2F2 95%, #FFFFFF 100%) 0% 0% no-repeat padding-box;*/
}
.traditional {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 0px;
    max-width: 960px;
    margin: 0 auto;
    background: #7ebeaf;
    border-radius: 15px;
}
.traditional h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}
.simple {
    padding: 20px 20px;
}
.agent {
    background: #fff;
    padding: 20px 20px;
}
.agent p {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
}
.borderarea{
   border-left: 1px solid #f5f5f5;
}
p.simple {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.referrals {
    background: #fcfcfc;
    border: 1px solid #f5f5f5;
    border-left: none;
}
.next-steps h2 {
    color: #231F20;
    margin-bottom: 30px;
}

.next-steps ul li {
    list-style: none;

    margin: 10px 0px;
    position: relative;
}
.next-steps ul {
    padding-left: 20px;
}
.next-steps ul li::after {
   position: absolute;
   content: '';
   width: 10px;
   height: 10px;
   border-radius: 10px;
   top: 12px;
   background: #70b19f;
   left: -20px;
}
.mobile-image img{
   max-width: 100%;
   width: 100%;
}
.clientlogin a {
    background: #70b19f;
    padding: 15px 35px;
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
	line-height: normal;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.clientlogin a:hover{
	background: #231F20;
}

a.blackbtn:hover {
    background: #70b19f;
    margin-left: 10px;
}
a.blackbtn {
    background: #231F20;
    margin-left: 10px;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.clients-logos .row {
    row-gap: 30px;
}
.smartest{
   margin: 50px 0px 0px;
   text-align: center;
   font-size: 18px;
   line-height: 27px;
   color: #000;
}
.clients-logos .heading-area h2{
margin-bottom: 20px;
}
.heading-area p {
    font-size: 18px;
    line-height: 27px;
    color: #000;
}
.capital-logo{
   text-align: center;
}
.trusted-client{
   background-image: url(../images/banner-img-1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.trusted-work {
    background: #ffffff;
    max-width: 690px;
    padding: 50px 50px;
}
.trusted-work a.blackbtn{
margin-left: 0;
}
.trusted-work h2 {
    
    margin: 0px 0px 30px;
}
.trusted-work p {
    color: #000;
    margin: 0px 0px 30px;
    font-size: 20px;
    line-height: 27px;
}
.footer-section {
    background: #7ebeaf;
    position: relative;
}
.footer-section::after {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: url(../images/footer-image.png);
    top: 0;
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
}
.address a {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
}
.address span {
    color: #08123D;
    margin-right: 15px;
}
.address  {
  margin-top: 20px;
}
.quicklinks ul {
    display: inline-flex;
    position: relative;
    z-index: 999;
    list-style: none;
    margin-bottom: 0px;
    padding: 0;
}
.quicklinks a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    margin-right: 30px;
	font-weight: 600;
}
.copyrighttext a {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    text-decoration: none;
}
.menu-footer-one-container a:hover, .menu-footer-two-container a:hover{
	color: #fff;
}
.agent span {
    color: red;
    margin-right: 12px;
}
.borderarea .agent span {
    color: #39FF14;
    margin-right: 12px;
}
.our-brands {
    display: flex;
    justify-content: space-between;
}
.copyright{
    padding: 50px 0px;
}
.media-icon a {
    background:#08123D;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    color: #fff;
    border-radius: 40px;
    text-decoration: none;
    align-items: center;
    margin: 0 20px 0px 0px;
}
.media-icon {
    display: flex;
}
.copyrighttext a {
    font-size: 16px;
    color: #747474;
    line-height: 24px;
}
.copyrighttext {
    text-align: end;
}
.copyrighttext p {
    font-size: 16px;
    color: #747474;
    line-height: 24px;
    margin: 10px 0px 0px;
}
a.cmsite{
    color: #00aeef;
    font-size: 16px;
    font-weight: 600;
}
.capital-logo img {
    max-width: 100%;
}
.shapes_images::after {
    position: absolute;
    left: 0;
    width: 25%;
    height: 98%;
    background-image: url(../images/shapesv1.png);
    top: 0;
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    mix-blend-mode: darken;
}
.shapes_images{
    position: relative;
}
.traditional {
    position: relative;
    z-index: 999;
}
.centerbtn {
    position: relative;
    z-index: 999;
}
ul.property {
    margin-top: 20px;
}
.clients-logos ul {
    display: flex;
    align-items: center;
    justify-content:space-around;
    flex-wrap: wrap;
    gap:30px;
    list-style: none;
}
.clients-logos li {
    width: 30.33%;
}

/**---css-new---**/

.step-one{
  background: #f2f2f2;
  position: relative;  
}
.get-started{
  background: #f2f2f2;  
}
.share a{
color: #000;
}
.share a {
    color: #000;
    font-size: 18px;
    text-decoration: none;
    margin: 0px 10px 0px 0;
}
.share span {
    margin-right: 10px;
    color: #7ebeaf;
}
a.active {
    color: #7ebeaf;
}
.heading3 p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
}
.heading3 {
    max-width: 460px;
    margin: 0 auto;
    text-align: center;
}
.fromstyle{
    max-width: 585px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
.fromstyle input {
    padding: 22px 22px;
    color: #9e9d9d !important;
    font-size: 20px;
    line-height: 24px;
    border: none;
    background: #FFFFFF;
    box-shadow: none !important;
    margin-bottom: 20px;
    border-radius: 10px;
}
.fromstyle input::focus {
    border: none;
    background: #FFFFFF;
    box-shadow: none !important;
    outline: none;
}
.oneoption {
    text-align: left;
    margin-top: 24px;
    margin-left: 15px;
}
.oneoption p {
    font-size: 17px;
    line-height: 24px;
    color: #000;
}
.basic-radiobtn {
    text-align: left;
}
.radiofrom {
    padding: 20px 15px 5px;
    color: #000000 !important;
    font-size: 20px;
    margin-bottom: 20px !important;
    line-height: 24px;
    border: none;
    background: #FFFFFF;
    box-shadow: none !important;
    border-radius: 10px;
}
.oneoption h3 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
.selling{
    margin-bottom: 20px;
}

.fromstyle input::placeholder {
  color: #9e9d9d;
}

.fromstyle input::-ms-input-placeholder {
  color: #9e9d9d;
}
.next-step {
    background: #231f20;
    padding: 10px 40px;
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    outline: none;
    border: none;
}
.steponebtn {
    text-align: right;
    margin-top: 50px;
}
.step-one::after {
    content: '';
    position: absolute;
    width: 17%;
    height: 20px;
    background: #7ebeaf;
    top: 0;
}
.heading3 h3 {
    font-size: 24px;
    line-height: 32px;
    color: #000;
}
.fromstyle textarea {
    padding: 22px 22px;
    font-size: 20px;
    margin-bottom: 5px;
    color: #9e9d9d !important;
    line-height: 24px;
    border: none;
    background: #FFFFFF;
     box-shadow: none !important;
    outline: none;
    border-radius: 10px;
}
.fromstyle textarea::placeholder {
  color: #9e9d9d;
}
.fromstyle textarea::-ms-input-placeholder {
  color: #9e9d9d;
}
.fromstyle textarea::focus {
    border: none;
    background: #FFFFFF;
    box-shadow: none !important;
    outline: none;
}
.steptwo input {
    color: #000 !important;
}
.steptwo input::placeholder {
  color: #000;
}
.steptwo input::-ms-input-placeholder {
  color: #000;
}
.property-icon {
    background: #fff;
    padding: 20px;
    text-align: center;
    min-height: 210px;
    border-radius: 10px;
}
.started {
    margin-top: 50px;
}
.property-icon img {
    max-width: 100%;
}
.title p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
}
.title {
    padding: 20px 38px 0px;
}
.thereestep {
    margin-top: 30px;
    display: flex;
    align-items: end;
}
.textarea {
    width: 100%;
    text-align: center;
}
.stepthreebtn {
    text-align: right;
    width: 100%;
}
.textarea p {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0;
}
/**---19-11-2025---**/
.step6::after {
    width: 100%;
}
.headingmain{
max-width: 750px;
margin: 0 auto;
text-align: center;
}
.logo-contant h3{
   font-size: 32px;
   line-height: 40px;
   font-weight: 700;
   margin: 20px 0px;
   color: #231f20;
}
.logo-contant h4 {
    color: #00bbe4;
    font-size: 23px;
    line-height: 27px;
    padding: 0 20px 0 0;
    font-weight: 500;
    min-height: 60px;
}
.logo-contant p {
    margin: 24px 0px;
    font-size: 20px;
    line-height: 27px;
    color: #231f20;
}
.viewmore a {
    background: #231f20;
    padding: 10px 40px;
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    outline: none;
    border: none;
}
.logo-top img {
    max-width: 100%;
}
.stepsix {
    background: #ffffff;
    padding: 30px 30px;
    border-radius: 10px;
}
.row.ourwork {
    row-gap: 24px;
	    position: relative;
    z-index: 1;
}
.supertext{
    text-align: center;
    margin-top: 50px;
}
.supertext p{
    font-size: 24px;
    line-height: 32px;
    color: #231F20;
    font-weight: 500;
    margin: 0;
}
.bannersix{
background-image: url(../images/banner6.jpg);
}
.bannersix .trusted-work {
    max-width: 580px;
}
.howitwork{
background-image: url(../images/banner-img-2.jpg);
}
.hero-title h2{
color: #231F20;
}
.hero-title {
    max-width: 750px;
}
.hero-title p {
    margin: 20px 0px 0px;
}
.licensed-agents{
 background: #c6e2dc;   
}
.listings {
    max-width: 270px;
    margin: 0 auto;
    text-align: center;
}
/*
.listings h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}
*/
.howwework .switching {
    max-width: 1180px;
}
.howwework .heading-area {
    max-width: 560px;
}
.howwework .centerbtn a { 
    padding: 15px 60px;
}
h3.business {
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    padding: 0px 0px 15px;
}
.howwework .handpicked {
    min-height: auto;
	    padding: 40px 42px !important;
}
.independent{
    position: relative;
    z-index: 999;
}
.top-image img {
    max-width: 100%;
    width: 100%;
     border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.across p {
 
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    background: #fff;
   
    max-width: 238px;
    margin: 0 auto;
   
    margin-bottom: 0;
}
.across {
 border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	 border-top: none !important;
    border: 1px solid #000;
	padding: 20px 8px;
	background: #fff;
	   
}
.results .heading-area {
    max-width: 700px;
}
.choose .trusted-work{
max-width: 650px;
}
.choose{
background-image: url(../images/banner-img-3.jpg);
}
.professionals{
background-image: url(../images/banner-img-4.jpg);
}
.starts{
    max-width: 390px;
    margin-bottom: 20px;
}
.professionals .top-contant h1 {
    margin-bottom: 20px;
}
.ourwork .handpicked {
    border: 1px solid #000;
}
.ourwork .handpicked {
    min-height: 360px;
}
.heading2 {
    text-align: center;
}
p.documents {
    font-size: 16px;
    text-align: left;
    margin-left: 15px;
    line-height: 22px;
}
.fileupload input {
    width: 100%;
}

.faq-heading{
    margin-bottom: 30px;
    text-align: center;
}
.faqsection .accordion-item h2 {
    font-size: 20px;
    line-height: 30px;
 
    margin-bottom: 0;
    font-weight: 700;
    color: var(--text-dark);
}
/*
.faqsection .accordion-item {
     border: none; 
     border-bottom: 1px solid #000;
     box-shadow: none !important;
     outline: none;
}
.faqsection .accordion-button {
    padding: 20px 0 20px;
}
.faqsection .accordion-button:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
.faqsection .accordion-button:not(.collapsed) {
  background: none; 
   box-shadow: none;
   outline: none;
}
.faqsection .accordion-item:last-child{
     border-bottom: none;
}
.faqsection .accordion-body {
    padding: 0px 0px 0px 0px;
    width: 70%;
}
.faqsection .accordion-body p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 25px;
    color: #231F20;
}
.faqsection .accordion-button:not(.collapsed)::after {
    content: "\58";
    transform: rotate(0deg);
    background: none !important;
}
.faqsection .accordion-button::after {
    font-family: 'FontAwesome';
    content: "\f107";
    right: 15px;
    color: #7ebeaf;
    position: absolute;
    font-size: 18px;
    line-height: 28px;
    background: none !important;
}
*/
.faq-banner{
background-image: url(../images/faq-banner.jpg);
}
.faq-banner .top-contant h1 {
    margin-bottom: 20px;
}
.askedquestions{
    max-width: 900px;
    margin: 0 auto;
}
.faq-banner p {
    margin-bottom: 0;
}

.guidance{
background-image: url(../images/banner-img-5.jpg);
}
.step2::after {
    width: 35%;
}
.step3::after {
    width: 40%;
}
.contactus{
    background-image: url(../images/banner-11.jpg);
}
.lefttext p {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0px;
}
.lefttext {
    max-width: 200px;
    text-align: left;
    margin-left: 20px;
}
.enquiry {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.form-title p {
    font-size: 18px;
    line-height: 30px;
/*    color: #231F20;*/
}
.form-title p {
    margin-bottom: 0;
}
.form-title a {
    color: #08123D;
    text-decoration: none;
    font-size: 18px;
    line-height: 30px;
}
.form-title span {
/*    font-weight: 500;*/
}
.form-title h5 {
    margin: 10px 0px;
}
.contactpage input {
    padding: 22px 22px;
    color: #9e9d9d !important;
    font-size: 20px;
    line-height: 24px;
    background: #FFFFFF;
    box-shadow: none !important;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #929292 !important;
}
.contactpage textarea {
    padding: 22px 22px;
    font-size: 20px;
    margin-bottom: 5px;
    color: #9e9d9d !important;
    line-height: 24px;
    background: #FFFFFF;
    box-shadow: none !important;
    outline: none;
    border-radius: 10px;
    border: 1px solid #929292 !important;
}
.contactpage input::focus {
    background: #FFFFFF;
    box-shadow: none !important;
    outline: none;
    border: 1px solid #929292 !important;
}
.contactpage input::placeholder {
  color: #9e9d9d;
}
.contactpage input::-ms-input-placeholder {
  color: #9e9d9d;
}
.contactpage textarea::placeholder {
  color: #9e9d9d;
}
.contactpage textarea::-ms-input-placeholder {
  color: #9e9d9d;
}
.contactpage textarea::focus {
    background: #FFFFFF;
    box-shadow: none !important;
    outline: none;
    border: 1px solid #929292 !important;
}
.contactpage {
    max-width: 585px;
    margin-left: auto;
    text-align: center;
}
.section-emailus{
    background: #edf6f4;
}
.emailheading{
   margin-bottom: 50px; 
    }
    .email-us {
    background: #ffffff;
    padding: 40px 40px;
    border-radius: 10px;
}
.email-text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 120px;
}
.email-text {
    max-width: 210px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}


.email-iocn {
    text-align: center;
}
.email-iocn img {
    max-width: 100%;
}
.getintouch{
    padding-top: 50px;
}
.smartbanner{
 background-image: url(../images/banner-img-11.jpg);
}
.partnership{
 background-image: url(../images/partnership.jpg);
}
.longcontant p{
    margin: 0px 0px 30px;
}
.longcontant p:last-child{
    margin-bottom: 0px;
}
.longcontant {
    max-width: 720px;
}
.logo-contant p {
    font-size: 16px;
    line-height: 24px;
}
.technology .headingmain {
    max-width: 100%;
    margin-bottom: 70px;
}
.headingmain p {
    font-size: 20px;
    line-height: 27px;
    color: #000;
}
.empowers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
    max-width: 570px;
    margin: 0 auto;
}
.leading-page {
    border: 1px solid #979797;
    padding: 30px 30px;
    border-radius: 10px;
    text-align: center;
}
.custom-item {
    margin-top: 24px;
}
.view-img img {
    max-width: 100%;
}
.our-services h5 {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 20px 0px;
}
.our-services p {
    font-size: 20px;
    line-height: 27px;
}
.our-services {
    padding-right: 20px;
}
.custom-item p {
    font-size: 20px;
    line-height: 30px;
    color: #231F20;
    /* font-weight: 600; */
    max-width: 165px;
    margin: 0 auto;
}
.secure {
    max-width: 120px;
    margin: 0 auto;
}
.buyers{
background-image: url(../images/banner-img-12.jpg);
}
.buyers .clientlogin {
    margin-bottom: 15px;
}
.long-contant p:last-child {
    margin: 0;
}
.buyers .trusted-work p:last-child {
    margin-bottom: 0;
}
div#settlement-steps {
    background: #f2f2f2;
}
#crumb-step{
	color: #70b19f;
}

.backbtn {
    color: #444;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}
.breadcrumb {
    font-size: 14px;
    color: #777;
    margin: 0px 0 20px !important;
}
.breadcrumb-item.active {
    color: #70b19f;
    font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item::before{
  content: "/\00a0" !important;
}
.stepbtn{
	text-align: right;
	margin-top: 20px;
}
.icon-image {
    margin-bottom: 30px;
    min-height: 97px;
}
.technology{
	background: #7EBEAF24;
}
.logo-top {
    min-height: 108px;
}
.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 18px !important;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}
.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 18px !important;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}
#gform_wrapper_2 .gform-footer.gform_footer.top_label {
	padding-bottom: 0 !important;
}
.get-started{
	background: transparent linear-gradient(180deg, #F2F2F2 95%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	position: relative;
}
/*
.get-started:after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	
}
*/

.get-started::after {
    position: absolute;
    left: 0;
    width: 25%;
    height: 95%;
    background-image: url(../images/shapesv1.png);
    top: 0;
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
}
.get-started::before {
    background-image: url(../images/iq.png);
    position: absolute;
    content: '';
    width: 40%;
    height: 100%;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
}

.header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9999;
  padding: 5px 0px;

}
 
.howwework  .heading-seller {
    max-width: 628px;
}

.page-template-contact-us .email-text {
    max-width: 160px;

}
.trusted-section{
	background: #7EBEAF24;
}
.trusted-section:after, .trusted-section:before{
	display: none;
}
#gform_fields_1 input#gform_submit_button_1, #gform_fields_2 input#gform_submit_button_2, #gform_fields_3 input#gform_submit_button_3, #gform_fields_5 input#gform_submit_button_5,
 #gform_fields_4 input#gform_submit_button_4, input#gform_next_button_4_16, input#gform_previous_button_4
{
	color: #fff !important;
	border: none !important;
}
input#gform_submit_button_1, input#gform_submit_button_2, input#gform_submit_button_3,input#gform_submit_button_5, input#gform_submit_button_4, input#gform_next_button_4_16, input#gform_previous_button_4 {
    background: #08123d !important;
    padding: 15px 40px !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 500 !important;
    display: inline-block !important;
    outline: none !important;
    border: none !important;
	line-height: normal !important;
	height:auto !important;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
div#gform_fields_1 input, div#gform_fields_1 textarea,
div#gform_fields_3 input, div#gform_fields_3 textarea, div#gform_fields_3 select,
div#gform_fields_4 input, div#gform_fields_4 textarea, div#gform_fields_4 select,
div#gform_fields_5 input, div#gform_fields_5 textarea, div#gform_fields_5 select
{
    padding: 17px 22px;
     color: #231F20!important;
    font-size:16px;
    line-height: 24px;
	
	    text-align: left;
    background: #FFFFFF;
    box-shadow: none !important;
    margin-bottom: 0px;
	font-weight: 300;
    border-radius: 10px;
	outline:none;
    border: 1px solid #929292 !important;
}
div#gform_fields_2 input, div#gform_fields_2 textarea  {
    padding: 17px 22px;
    color: #231F20!important;
    font-size: 16px;
    line-height: 24px;
	    text-align: left;
    background: #FFFFFF;
    box-shadow: none !important;
    margin-bottom: 0px;
    border-radius: 10px;
	outline:none;
	font-weight: 300;
    border: 1px solid #929292 !important;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #231F20;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 700 !important;
    font-family: 'Spartan';
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-size: 14px !important;
    font-weight: 300 !important;
    text-align: left;
	letter-spacing: 0;
	font-family: "Geist", sans-serif  !important;
}
.gform_wrapper .validation_message {
    border: none !important;
    padding: 0px  !important;
    margin: 0px !important;
    text-align: left;
    font-size: 14px !important;
    font-weight: 300 !important;
    background: none !important;
	font-family: "Geist", sans-serif;
}

.home  .top-contant {
    max-width: 630px;
    position: relative;
    z-index: 999;
}
.media-icon {
    margin-top: 20px;
}
.footer-copyright {
    text-align: center;
    position: relative;
    z-index: 99;
    margin-top: 35px;
}
.footer-copyright, .footer-copyright a  {
    color: #fff !important;
}
.headingmain span, .hero-title span, .heading-area span {
    color: #7EBEAF;
    font-weight: 600;
    display: block;
    font-size: 18px;
    padding-bottom: 10px !important;
    line-height: 26px;
}
.page-id-137 .top-contant p{
    margin-bottom: 0px;
}


.footer-links .nav-link:focus, .footer-links .nav-link:hover {
    color: #59c0ab;
}
.footer-bottom p a{
	color: #fff !important;
	text-decoration: none;
}
/***3-25-2026**/
.bestagent{
	max-width: 920px;
	text-align: center;
	margin: 0 auto;
}
.loaction {
    background: #08123d;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-family: 'Spartan';
    font-weight: 600;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.loaction:hover {
    background: #59C0AB;
}
.agentbtn{
	 background:#F6F6F6;
    color: #000;
    border: none;
    border-radius: 50px;
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-family: 'Spartan';
    font-weight: 600;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
	border:1px solid #707070;
}

.loaction:hover{
	color: #FFFFFF;
}
.agentbtn:hover{
	  color: #000;
}
.property-section{
	position: relative;
}
.property-section::after {
    background: url(../images/trusted-images.png) #59C0AB;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
}
.section-heading {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 59px;
    letter-spacing: -1.05px;
    text-align: center;
}
.property-block{
	max-width: 820px;
	margin: 0 auto;
	
}
.property-card {
    background: #fff;
    border-radius: 20px;
    padding: 2.5rem 2rem;
    flex: 1;
   
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}
.propertystep {
    background: #59c0ab;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    margin: auto 0 1.5rem auto;
}
.property-title {
    color: #08123d;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.property-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.property-btn a {
    background: #08123D;
    padding: 15px 35px 12px;
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    line-height: normal;
    /* text-transform: uppercase; */
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-family: 'Spartan';
    font-weight: 600;
}
.property-btn a:hover {
    background: #59C0AB;
}

.property-btn i {
    font-size: 16px;
    line-height: 20px;
    margin-left: 7px;
}
.independent-section{
	background: #F6F6F6;
}
.independent{
	max-width: 850px;
	margin: 0 auto 30px;
	text-align: center;
}
.content {
    background: #59C0AB;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
 
    margin-bottom: 1.5rem;
   
}
.independent-box {
    background: #fff;
    border-radius: 20px;
    padding: 2.5rem 2rem;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    min-height: 560px;
}
.independent-section .row>* {
	padding: 0px 30px;
}
.extraclarity-section{
	position: relative;
	background: url("../index_files/extraclarity.jpg") no-repeat;
	background-position: right;
	background-size: cover;
	  
}
.extraclarity-section:after{
	position: absolute;
	content: "";
	background: transparent linear-gradient(
90deg, #FFFFFF 0%, #FDFEFEFB 35%, #FFFFFF9E 54%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.benifite{
	position: relative;
	z-index: 99;
}
.benifite a:hover {
    background: #59C0AB;
}
.benifite a {
    background: #08123D;
    padding: 15px 35px 12px;
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    line-height: normal;
    /* text-transform: uppercase; */
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-family: 'Spartan';
    font-weight: 600;
}
.contact-pro a {
    color: #fff;
}
.contact-pro {
    margin-top: 10px;
}
.top-contantbanner{
	
}
.topnewbanner{
	background-size: contain !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}
.topnewbanner::after {
    background-image: url(../images/top-symble.png);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: left;
}
.topnewbanner .top-contantbanner{
    max-width: 915px !important;
    padding: 30px 0px;
}
.topnewbanner .top-contantbanner p {
   
    max-width: 597px;
}

/***3-25-2026**/
/***3-25-2026**/
.advice-section{
	background: url("../diffrence_files/signing-business.jpg") no-repeat;
	background-position: center left;
	position: relative;
}
.advice-section:after {
    position: absolute;
    content: "";
    background: transparent linear-gradient(
273deg, #FFFFFF 0%, #FDFEFEFB 50%, #FFFFFF9E 60%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.advicetext {
    position: relative;
    z-index: 1;
    max-width: 560px;
    margin-left: auto;
}
.involving-section{
	background: #F6F6F6;
	
}
.support-main{
	max-width: 815px;
	margin: 0 auto;
	
}
.support-sign {
    text-align: center;
    margin-bottom: 50px;
}
.experties {
    background: #59C0AB 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 7px #00000040;
    border-radius: 29px;
    padding: 40px;
    position: relative;
    transition: transform 0.3s, box-shadow 0.3s;
    z-index: 1;
}
.contract-clarity{
	max-width: 500px;
}
.contract-section{
    margin-top: -180px;
      background: url("../diffrence_files/consulting-with-lawyer.jpg") no-repeat;
    background-position: center right;
   position: relative;
    padding-top: 270px;
}
.contract-section:after {
    position: absolute;
    content: "";
    background: transparent linear-gradient(
90deg, #FFFFFF 0%, #FDFEFEFB 45%, #FFFFFF9E 60%, #FFFFFF00 72%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.contract-clarity{
	position: relative;
	z-index: 1;
}
.experties h6, .experties h2, .experties p{
	color: #fff;
}
.whychoose{
	background: #FFFFFF;
	padding: 40px;
box-shadow: 0px 7px 7px #00000040;
transition: transform 0.3s, box-shadow 0.3s;
border-radius: 29px;
	 position: relative;
	z-index: 1;
}
.whychoose h6{
	text-align: center;
}
.whychoose h2{
	text-align: center;
}

.whychoose li{
		position: relative;
	margin-bottom: 7px;
	list-style: none;
}
.whychoose ul li:after {
    position: absolute;
    margin-bottom: 7px;
    content: "";
    left: -30px;
    top: 0;
    background: url("https://settlehq.com.au/wp-content/uploads/2026/02/ubztg15d29dml4qz2qd.svg") rgba(89, 192, 171, 0.5) no-repeat;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-size: 18px;
    border-radius: 100%;
    background-position: center;
}
.whychoose ul li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 10px;
}
.settelment-section a {
    background: #08123d;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-family: 'Spartan';
    font-weight: 600;
    transition: all 0.3s;
    display: inline-block;
    align-items: center;
    margin-top: 15px;
    gap: 0.5rem;
    text-decoration: none;
}
.settelment-section {
    margin-top: -170px;
    padding-top: 245px;
    text-align: center;
    position: relative;
    background: #59C0AB;
}
.settelment-section h2, .settelment-section p{
	color: #fff;
}
.page-id-1370 .topnewbanner .top-contantbanner h1 {
    margin-bottom: 20px;
}
.bestagent .cta-buttons {
    margin-top: 25px;
}
div#agentModal {
    z-index: 99999;
}
.modal-backdrop {
    z-index: 9999;

}
div#agentModal button.btn-close.position-absolute {
    padding: 0;
}
.askedquestions .faqtabs a {
    text-decoration: none;
    color: #59C0AB;
    background: #E7F9F4;
    padding: 6px 20px;
    border-radius: 25px;
    font-size: 15px;
    line-height: 17px;
    font-family: 'Geist';
}
.askedquestions .faqtabs {
    gap: 15px;
}
li#menu-item-1542 {
    margin-right: 25px;
}
/***3-25-2026**/
/***4-24-2026**/
div#breadcrumb {
    display: none;
}
/* Home Section Css */
.hero-bottom {
    background: #ffffff;
    border-radius: 12px;
/*    max-width: 960px;*/
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

 .inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 50px;
    border-radius: 20px;
    border-top: 5px solid #59c0ab;
}
    .left {
      flex: 1 1 0;
      min-width: 0;
    }

    .right {
      flex: 0 0 400px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .divider {
      width: 1px;
      background: #e9eff4;
      align-self: stretch;
    }

    .trust-row {
      display: flex;
      flex-direction: column;
      gap: 11px;
    }

    .trust-item {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .tick-circle {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #e8f8f2;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .tick-circle svg {
      display: block;
    }

    .trust-text {
      font-size: 14px;
      color: #334155;
      font-weight: 500;
    }

    /* Property selector */
    .prop-label {
      font-size: 16px;
      font-weight: 600;
      color: #0D1B4B;
      margin: 0 0 8px;
    }

    .prop-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-bottom: 10px;
    }

    .prop-btn {
      padding: 12px 10px;
      border: 1.5px solid #d1dae6;
      border-radius: 10px;
      background: #ffffff;
      cursor: pointer;
      font-size: 16px;
      color: #0D1B4B;
      font-weight: 500;
      text-align: left;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: border-color 0.15s, background 0.15s;
      font-family: inherit;
    }

    .prop-btn:hover {
      border-color: #3DBFA0;
      background: #f0faf6;
    }

    .prop-btn.selected {
      border-color: #3DBFA0;
      background: #e8f8f2;
    }

    .prop-icon {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
    }

    /* Badge */
    .badge {
      display: none;
      background: #e8f8f2;
      color: #59C0AB;
      font-size: 12px;
      font-weight: 400;
      padding: 3px 10px;
      border-radius: 20px;
      letter-spacing: 0.4px;
      width: fit-content;
    }
    .tagline {
      font-size: 11px;
      letter-spacing: 1.5px;
      color: #3DBFA0;
      text-transform: uppercase;
      text-align: center;
      margin-top: 2px;
    }

    /* Responsive */
    @media (max-width: 700px) {
      .inner {
        flex-direction: column;
        padding: 32px 0px;
        gap: 32px;
      }
		.trust-item span {
    font-size: 16px;

}
		
	.hero-bottom   .inner {
    padding: 20px 20px;
}
		
      .divider { display: none; }
      .right { width: 100%; flex: unset; }
      h1 { font-size: 28px; }
    }

.eyebrow {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2px;
      color: #3DBFA0;
      text-transform: uppercase;
      margin: 0 0 12px;
    }

    .hed {
      font-size: 26px;
      font-weight: 700;
      color: #0D1B4B;
      line-height: 1.25;
      margin: 0 0 10px;
    }

    /* ─── FAQ Section ─── */

    .faq-section {
      background: #ffffff;
      border-top: 4px solid #3DBFA0;
    }

    .faq-inner {
/*      max-width: 1200px;*/
      margin: 0 auto;
    }

    .faq-row {
      display: flex;
      align-items: flex-start;
      gap: 80px;
    }

    .faq-left {
      flex: 0 0 240px;
    }

    .faq-left .sub {
      font-size: 14px;
      margin-bottom: 24px;
    }

    .faq-list {
      flex: 1 1 0;
    }

    .faq-item {
      border-bottom: 1px solid #edf2f7;
      cursor: pointer;
    }

    .faq-item:first-child {
      border-top: 1px solid #edf2f7;
    }

   .faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #0D1B4B;
    line-height: 1.4;
	   font-family: 'Spartan';
    user-select: none;
}

.faq-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f0faf6;
    border: 1px solid #c5e8da;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
    color: #59C0AB;
    font-weight: 400;
    line-height: 30px;
    transition: background 0.15s;
}

    .faq-item:hover .faq-icon {
      background: #e8f8f2;
    }

    .faq-a {
      display: none;

    }

    .faq-a.open {
      display: block;
    }

    /* ─── Social Proof Section ─── */

    .sp-section {
      background: #F6F6F6;
    }

    .sp-inner {
/*      max-width: 900px;*/
      margin: 0 auto;
      padding: 0px 0px;
    }

    .sp-top {
      text-align: center;
      margin-bottom: 40px;
    }

    .sp-top .hed {
      font-size: 22px;
    }

    .sp-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-bottom: 40px;
    }

 .sp-card {
    background: #ffffff;
    border: 1px solid #c5e8da;
    border-radius: 12px;
    padding: 20px 20px 16px;
    display: flex;
    transition: transform 0.3s, box-shadow 0.3s;
    flex-direction: column;
    justify-content: space-between;
}

.sp-quote-mark {
    font-size: 95px;
    color: #59c0ab;
    line-height: 85px;
    display: block;
    margin-bottom: 10px;
    font-family: Georgia, serif;
    min-height: 50px;
    max-height: 50px;
}
.sp-attr {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #59c0ab;
    letter-spacing: 0.4px;
}

    .sp-loc {
 
      color: #08123D;
      margin-top: 2px;
    }

    .sp-cta {
      text-align: center;
    }

   .sp-note {

    color: #08123D;
    margin-top: 10px;
}

    .settle-smart {
      display: block;
      font-size: 11px;
      letter-spacing: 1.8px;
      color: #3DBFA0;
      text-transform: uppercase;
      text-align: center;
      margin-top: 16px;
    }

    /* ─── Responsive ─── */

    @media (max-width: 700px) {
      .faq-row {
        flex-direction: column;
        gap: 32px;
      }

      .faq-left {
        flex: unset;
        width: 100%;
      }

      .sp-grid {
        grid-template-columns: 1fr;
      }

      .faq-inner {
        padding: 0px;
      }
		.sthq-whyexists-copycol {
    padding-bottom: 50px !important;
}
      .sp-inner {
/*        padding: 40px 24px;*/
      }
      .hed {
        font-size: 22px;
      }
    }
     .eyebrow {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2px;
      color: #3DBFA0;
      text-transform: uppercase;
      margin: 0 0 10px;
    }

    .hed {
      font-size: 26px;
      font-weight: 700;
      color: #0D1B4B;
      line-height: 1.25;
      margin: 0;
    }


    .divider {
      width: 1px;
      background: #edf2f7;
      align-self: stretch;
    }

    /* ── Our Story ── */

    .story {
      background: #ffffff;
      border-top: 4px solid #3DBFA0;
      padding: 60px 52px 48px;
    }

    .story-row {
      display: flex;
      gap: 44px;
      align-items: flex-start;
      margin-bottom: 40px;
    }

  .story-left {
    flex: 0 0 470px;
}

    .story-left .hed {
      margin-top: 10px;
    }

    .story-right {
      flex: 1 1 0;
    }

   .pull {
    font-size: 24px;
    font-weight: 700;
    color: #0D1B4B;
    line-height: 1.55;
    margin: 0 0 16px;
    border-left: 3px solid #3DBFA0;
    padding-left: 16px;
    border-radius: 0;
}

    /* ── Stat cards ── */

    .stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .sc {
      background: #f0faf6;
      border: 1px solid #c5e8da;
      border-radius: 12px;
      transition: transform 0.3s, box-shadow 0.3s;
      padding: 40px 16px;
      text-align: center;
    }

.sc-num {
    font-size: 35px;
    font-weight: 700;
    color: #08123d;
    margin: 0 0 5px;
    line-height: 1;
}

.sc-label {
    /* font-size: 16px; */
    color: #59c0ab;
    margin: 0;
    line-height: 1.4;
}

    /* ── Who We Are / Belief panel ── */

    .belief {
      background: #08123D;
     
    }

.belief .section-title {
    color: #fff;
}
    .belief-row {
      display: flex;
      gap: 40px;
      align-items: center;
    }

    .belief-left {
      flex: 1 1 0;
    }

    .belief-left .eyebrow {
      color: #3DBFA0;
    }

    .belief-left .hed {
      color: #ffffff;
      margin-top: 10px;
    }

    .belief-left .body {
      color: rgba(255, 255, 255, 0.6);
      margin-top: 16px;
      font-size: 13.5px;
    }

    .belief-divider {
      width: 1px;
      background: rgba(255, 255, 255, 0.1);
      align-self: stretch;
    }

.belief-quote {
    flex: 0 0 290px;
    background: rgba(61, 191, 160, 0.1);
    border-radius: 12px;
    padding: 24px 22px;
    border: 1px solid rgba(61, 191, 160, 0.25);
}

    .belief-quote p {
     
      color: rgba(255, 255, 255, 0.85);
    
      margin: 0 0 16px;
      font-style: italic;
    }

    .belief-quote span {
      font-size: 14px;
      color: #3DBFA0;
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }
.belief-left p {
    color: #fff;
}
    /* ── Responsive ── */

    @media (max-width: 720px) {
      .story { padding: 40px 24px 36px; }
      .belief { padding: 40px 24px; }

      .story-row {
        flex-direction: column;
        gap: 28px;
      }

      .story-left { flex: unset; width: 100%; }
      .divider { display: none; }

      .belief-row {
        flex-direction: column;
        gap: 28px;
      }

      .belief-divider { display: none; }
      .belief-quote { flex: unset; width: 100%; }

      .stats { grid-template-columns: 1fr; }

      .hed { font-size: 22px; }
    }
    .section-difference {
/*      max-width: 960px;*/
      width: 100%;
      margin:0 auto;
      overflow: hidden;
    }

    .sec-head {
      text-align: center;
      margin-bottom: 40px;
    }

    .eyebrow {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2px;
      color: #0F6E56;
      text-transform: uppercase;
      margin: 0 0 12px;
    }

    .hed {
      font-size: 26px;
      font-weight: 700;
      color: #0D1B4B;
      line-height: 1.25;
      margin: 0;
    }

    /* ── Card grids ── */

    .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 12px;
    }

    .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 36px;
    }

    /* ── Cards ── */

.icard {
    background: #ffffff;
    border: 1px solid #c5e8da;
    border-radius: 12px;
    padding: 50px 18px 50px;
    text-align: center;
    transition: border-color 0.2s, background 0.2s, transform 0.15s;
}

    .icard:hover {
      border-color: #3DBFA0;
      background: #f7fdfa;
      transform: translateY(-2px);
    }

    /* Navy highlight card */
    .icard.hi {
      background: #0D1B4B;
      border-color: #0D1B4B;
    }

    .icard.hi:hover {
      background: #162860;
      border-color: #162860;
      transform: translateY(-2px);
    }

    .icard.hi .icard-icon {
      background: rgba(61, 191, 160, 0.18);
    }

    .icard.hi .icard-title {
      color: #ffffff;
    }

    .icard.hi .icard-body {
      color: rgba(255, 255, 255, 0.65);
    }

    .icard-icon {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: #e8f8f2;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 14px;
    }

  .icard-title {
    font-size: 22px;
    font-weight: 700;
	   font-family: 'Spartan';
    color: #0D1B4B;
    margin: 0 0 8px;
}

    .icard-body {
      font-size: 16px;
      line-height: 1.65;
      margin: 0;
    }

    /* ── CTA ── */

    .cta-row {
      text-align: center;
    }
    .settle-smart {
      font-size: 12px;
      letter-spacing: 1.8px;
      color: #59C0AB;
      text-transform: uppercase;
      display: block;
      text-align: center;
      margin-top: 16px;
    }

    /* ── Responsive ── */

    @media (max-width: 680px) {
      .section { padding: 40px 24px 44px; }
      .grid-3 { grid-template-columns: 1fr; }
      .grid-2 { grid-template-columns: 1fr; }
      .hed { font-size: 22px; 
		
		}
.p-row {
    align-items: self-start;
    flex-direction: column;
}
.partners-slider button.slick-prev.slick-arrow {
    left: 0 !important;
}
.partners-slider button.slick-next.slick-arrow {
    right: 0px !important;
}
.slider-outer .bannerbtn.agentsbtn {
    text-align: center;
}		
		
		
    }

    @media (min-width: 681px) and (max-width: 860px) {
      .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    .section-header {
      text-align: center;
      margin-bottom: 48px;
    }

    .section-kicker {
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.2em;
      color: var(--teal);
      text-transform: uppercase;
      margin: 0 0 12px;
    }

    .section-title {
      font-size: clamp(1.75rem, 4vw, 2.35rem);
      font-weight: 700;
      color: var(--navy);
      margin: 0 0 16px;
      line-height: 1.2;
    }

    .section-intro {
      max-width: 560px;
      margin: 0 auto;
    
    }

    /* Slider shell */
    .slider-outer {
      position: relative;
      padding: 0 56px 0px;
    }

    @media (max-width: 900px) {
      .slider-outer {
        padding: 0 0 0px;
      }
    }

    .partners-card {
      background: var(--white);
      border-radius: 20px;
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    margin: 10px;
      overflow: hidden;
      display: flex !important;
      flex-wrap: wrap;
      min-height: 380px;
    }

    .card-visual {
      flex: 0 0 40%;
      max-width: 40%;
      min-height: 320px;
      position: relative;
      background: linear-gradient(160deg, #e4f2f0 0%, #d8ebe8 45%, #cfe5e2 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px 32px;
    }

    .card-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.45;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath fill='%232a9d94' fill-opacity='0.12' d='M0 60 Q30 20 60 60 T120 60 V120 H0Z'/%3E%3C/svg%3E");
      background-size: 200px 120px;
    }

.featured-badge {
    position: absolute;
    top: 28px;
    left: 28px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px 8px 12px;
    background: rgba(232, 246, 244, 0.95);
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--teal);
    text-transform: uppercase;
    z-index: 1;
    border: 1px solid rgba(42, 157, 148, 0.2);
    transform: translate(-50%, 0%);
    left: 50%;
}
    .featured-badge svg {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
    }

    .partner-logo-wrap {
      position: relative;
      z-index: 1;
      text-align: center;
    }
    .partner-logo span {
      display: block;
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--teal);
      margin-top: 6px;
      letter-spacing: 0.04em;
    }

    .card-body {
      flex: 1 1 60%;
      max-width: 60%;
      padding: 48px 52px 48px 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .card-body h3 {
      margin: 0 0 10px;
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--navy);
    }

  .card-tagline {
    margin: 0 0 18px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #59c0ab;
}

    .card-desc {
      margin: 0 0 28px;
      font-size: 0.9375rem;
      color: var(--grey);
      line-height: 1.65;
    }
.feature-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0px;
    margin-bottom: 32px;
    padding: 20px 0;
}
.feature-item {
    flex: 1 1 33.33%;
    min-width: 120px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 16px;
    font-size: 18px;
    font-weight: 600;
    color: var(--navy);
    text-align: center;
    line-height: 1.4;
    border-right: 1px solid #b7b7b7;
    align-items: center;
    max-width: 285px;
    margin: 0 auto;
    min-height: 50px;
    flex-direction: column;
}
    .feature-item:not(:first-child) {
      border-left: 1px solid var(--grey-light);
    }
.feature-item svg {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    color: #59C0AB;
    margin-top: 2px;
}

    /* Slick overrides */
    .partners-slider .slick-list {
      border-radius: 20px;
      overflow: hidden;
    }

    .partners-slider .slick-slide {
      padding: 4px 8px;
    }

    .partners-slider .slick-arrow {
      width: 52px;
      height: 52px;
      z-index: 2;
      background: var(--white) !important;
      border-radius: 50%;
      box-shadow: 0 8px 24px rgba(15, 39, 68, 0.12);
      transition: box-shadow 0.2s;
    }

    .partners-slider .slick-arrow:hover {
      box-shadow: 0 12px 32px rgba(15, 39, 68, 0.16);
    }


    .partners-slider .slick-prev {
      left: -8px;
    }

    .partners-slider .slick-next {
      right: -8px;
    }
    @media (max-width: 900px) {
      .partners-slider .slick-prev {
        left: 8px;
      }
      .partners-slider .slick-next {
        right: 8px;
      }
    }

    .slider-meta {
      text-align: center;
      margin-top: 20px;
    }

    .partners-slider .slick-dots {
      position: static;
      margin: 0 0 14px;
    }

    .partners-slider .slick-dots li {
      margin: 0 5px;
      width: auto;
      height: auto;
    }

    .partners-slider .slick-dots li button {
      width: 10px;
      height: 10px;
      padding: 0;
    }

    .partners-slider .slick-dots li button:before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--grey-light);
      opacity: 1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .partners-slider .slick-dots li.slick-active button:before {
      background: var(--teal);
    }

    .autoplay-note {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.8125rem;
      color: var(--grey);
    }

    .autoplay-note svg {
      width: 18px;
      height: 18px;
      color: var(--teal);
    }

    /* Trust bar */
    .trust-bar {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 32px 24px;
      margin-top: 56px;
      padding-top: 48px;
      border-top: 1px solid var(--grey-light);
    }

    .trust-icon {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: var(--teal-soft);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .trust-icon svg {
      width: 22px;
      height: 22px;
      color: var(--teal);
    }

    .trust-item strong {
      display: block;
      font-size: 0.9375rem;
      color: var(--navy);
      margin-bottom: 4px;
    }

    .trust-item span {
      font-size: 18px;
      color:#08123D;
		font-weight: 400;
      line-height: 1.45;
    }

    @media (max-width: 768px) {
      .partners-card {
        flex-direction: column;
      }

      .card-visual,
      .card-body {
        flex: 1 1 100%;
        max-width: 100%;
      }

      .card-visual {
        min-height: 220px;
      }

      .card-body {
        padding: 32px 24px 40px;
      }

      .feature-item {
        flex: 1 1 100%;
        border-left: none !important;
        padding: 12px 0;
        border-bottom: 1px solid var(--grey-light);
      }

      .feature-item:last-child {
        border-bottom: none;
      }

      .trust-bar {
        flex-direction: column;
        align-items: flex-start;
      }
    }
    .sthq-whyexists-band {
      background: var(--white);
      padding: 80px 24px 96px;
    }

    .sthq-whyexists-slab {
/*      max-width: 1180px;*/
      margin: 0 auto;
    }

    .sthq-whyexists-bisect {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
      gap: clamp(32px, 5vw, 72px);
     
    }

    @media (max-width: 960px) {
      .sthq-whyexists-bisect {
        grid-template-columns: 1fr;
		  gap: clamp(0px, 0vw, 72px);
      }
    }

    .sthq-whyexists-copycol {
      position: relative;
      padding-bottom: 56px;
    }

    .sthq-whyexists-kicker {
      margin: 0 0 16px;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--teal);
    }

    /* Square hover-reveal panel */
   .sthq-whyexists-missionreveal {
    width: 100%;
    max-width: 520px;
    border: 1px solid var(--grey-light);
    border-radius: 18px;
    background: var(--white);
    overflow: hidden;
    cursor: pointer;
    padding-bottom: 30px;
    transition: aspect-ratio 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.35s ease,
        border-color 0.25s ease;
}

    .sthq-whyexists-missionreveal-surface {
      min-height: 100%;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .sthq-whyexists-missionreveal-heading {
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      margin: 0;
    }

    .sthq-whyexists-missionreveal:hover .sthq-whyexists-missionreveal-heading,
    .sthq-whyexists-missionreveal:focus-within .sthq-whyexists-missionreveal-heading {
      flex: 0 0 auto;
      align-items: flex-start;
     /* margin-bottom: 16px; */
    }

   /* .sthq-whyexists-missionreveal-prose {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition:
        max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.4s ease 0.08s;
    }

    .sthq-whyexists-missionreveal:hover .sthq-whyexists-missionreveal-prose,
    .sthq-whyexists-missionreveal:focus-within .sthq-whyexists-missionreveal-prose {
      max-height: 22rem;
      opacity: 1;
    }
*/
    .sthq-whyexists-missionreveal-prose p {
      margin: 0;
      font-size: 1rem;
      color: var(--grey);
      line-height: 1.65;
    }

    .sthq-whyexists-cta-row {
      margin-top: 28px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .sthq-whyexists-cta-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 22px;
      border-radius: 999px;
      border: 1px solid #c5cdd6;
      background: transparent;
      color: #111;
      font-family: inherit;
      font-size: 0.9375rem;
      font-weight: 600;
      text-decoration: none;
      cursor: pointer;
      transition: border-color 0.2s, background 0.2s, color 0.2s;
    }

    .sthq-whyexists-cta-primary:hover {
      border-color: var(--navy);
      background: rgba(15, 39, 68, 0.04);
    }

    .sthq-whyexists-scrollnudge {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid var(--grey-light);
      background: var(--white);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--navy);
      box-shadow: 0 8px 20px rgba(15, 39, 68, 0.06);
      cursor: pointer;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .sthq-whyexists-scrollnudge:hover {
      transform: translateY(2px);
      box-shadow: 0 4px 12px rgba(15, 39, 68, 0.08);
    }

    .sthq-whyexists-scrollnudge svg {
      width: 20px;
      height: 20px;
    }

    /* Device column */
    .sthq-whyexists-devicecol {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 24px 0;
    }

    .sthq-whyexists-deviceframe {
      width: min(340px, 100%);
      border-radius: 36px;
      padding: 14px 14px 20px;
      background: linear-gradient(160deg, #1a2f4a 0%, #0f2744 55%, #0c1f33 100%);
      box-shadow: 0 40px 80px rgba(15, 39, 68, 0.25);
    }

    .sthq-whyexists-devicescreen {
      border-radius: 26px;
      background: #eef1f4;
      padding: 16px 14px 18px;
      min-height: 520px;
      display: flex;
      flex-direction: column;
    }

    .sthq-phoneui-brandrow {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;
    }

    .sthq-phoneui-logotype {
      font-weight: 800;
      font-size: 1rem;
      letter-spacing: -0.02em;
      color: var(--navy);
    }

    .sthq-phoneui-logotype span {
      font-weight: 700;
      color: var(--teal);
    }

    .sthq-phoneui-statusline {
      margin: 0 0 14px;
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--grey);
    }

    .sthq-phoneui-cardrail {
      position: relative;
      flex: 1;
      margin: 0 -6px;
      padding: 0 36px 0 32px;
      min-height: 360px;
    }

    .sthq-phoneui-cardrail .slick-list {
      overflow: hidden;
      padding: 4px 0 8px;
    }

    .sthq-phoneui-cardrail .slick-arrow {
      width: 30px;
      height: 30px;
      z-index: 2;
    }

    .sthq-phoneui-cardrail .slick-prev {
      left: 0;
      top: 42%;
    }

    .sthq-phoneui-cardrail .slick-next {
      right: 0;
      top: 42%;
    }

    .sthq-phoneui-cardrail .slick-arrow:before {
      color: var(--navy);
      font-size: 22px;
      opacity: 0.75;
    }

    .sthq-phoneui-agentcard {
      background: var(--white);
      border-radius: 14px;
      padding: 14px 14px 14px 16px;
      margin: 6px 8px;
      display: flex !important;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      border: 1px solid #e2e6ea;
      box-shadow: 0 6px 16px rgba(15, 39, 68, 0.05);
    }

    .sthq-phoneui-agentcard.sthq-phoneui-agentcard--featured {
      border-color: rgba(42, 157, 148, 0.55);
      background: linear-gradient(180deg, #f3fbf9 0%, #fff 65%);
      box-shadow: 0 8px 22px rgba(42, 157, 148, 0.12);
    }

    .sthq-phoneui-agentcard-main strong {
      display: block;
      font-size: 0.9375rem;
      color: var(--navy);
      margin-bottom: 6px;
    }

    .sthq-phoneui-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .sthq-phoneui-tags span {
      font-size: 0.65rem;
      font-weight: 600;
      color: var(--grey);
      background: #f0f2f5;
      padding: 4px 8px;
      border-radius: 6px;
    }

    .sthq-phoneui-agentcard-aside {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 8px;
      flex-shrink: 0;
    }

    .sthq-phoneui-pill {
      font-size: 0.62rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: #fff;
      background: var(--teal);
      padding: 5px 8px;
      border-radius: 8px;
    }

    .sthq-phoneui-ghostbtn {
      font-size: 0.7rem;
      font-weight: 700;
      color: var(--navy);
      border: 1px solid #d5dbe2;
      background: #fff;
      border-radius: 8px;
      padding: 6px 10px;
      cursor: pointer;
    }

    .sthq-phoneui-footbtn {
      margin-top: 12px;
      width: 100%;
      padding: 14px;
      border: none;
      border-radius: 12px;
      background: var(--navy);
      color: #fff;
      font-family: inherit;
      font-size: 0.875rem;
      font-weight: 700;
      cursor: pointer;
    }
    /* ===== HEADING ===== */
.hero h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.5px;
    color: #0D1B4B;
    margin-bottom: 18px;
}

/* ===== DESCRIPTION ===== */
.hero .sub {
    font-size: 18px;
    line-height: 1.65;
    max-width: 540px;
    margin-bottom: 28px;
}

/* ===== SMALL LABEL ===== */
.hero .prop-label {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 14px;
}
.col-phone {
    flex: 0 0 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    border-radius: 14px;
    background: #F6F6F6;
}
  .divider-v { width:1px; background:#edf2f7; align-self:stretch; }

  .hed { font-size:28px; font-weight:700; color:#0D1B4B; line-height:1.25; margin:0 0 16px; }
  .body { font-size:15px; color:#4A5568; line-height:1.7; margin:0 0 28px; max-width:400px; }
  .btns { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  .cta { display:inline-flex; align-items:center; gap:8px; padding:13px 26px; background:#0D1B4B; color:#fff; border:none; border-radius:28px; font-size:14px; font-weight:600; cursor:pointer; font-family:inherit; transition:background .15s; }
  .cta:hover { background:#162860; }
  .cta-out { display:inline-flex; align-items:center; gap:8px; padding:12px 22px; background:#fff; color:#0D1B4B; border:1.5px solid #0D1B4B; border-radius:28px; font-size:14px; font-weight:500; cursor:pointer; font-family:inherit; transition:background .15s; }
  .cta-out:hover { background:#f4f6fb; }

  /* Phone */
  .phone {  background:#0D1B4B; border-radius:30px; padding:10px; flex-shrink:0; }
  .phone-bar { background:#0D1B4B; height:20px; display:flex; align-items:center; justify-content:center; border-radius:20px 20px 0 0; }
  .phone-notch { width:48px; height:7px; background:#162860; border-radius:4px; }
  .phone-screen { background:#f8fafc; border-radius:22px; overflow:hidden; }
  .p-hdr { padding:11px 11px 7px; border-bottom:1px solid #edf2f7; }
  .p-logo { font-size:12px; font-weight:700; color:#0D1B4B; }
  .p-logo span { color:#3DBFA0; }
  .p-sub { font-size:12px; color:#64748b; margin-top:2px; }
  .p-list { padding:7px 8px; display:flex; flex-direction:column; gap:5px; }
  .p-row { background:#fff; border:1px solid #e2e8f0; border-radius:7px; padding:7px 9px; display:flex; align-items:center; justify-content:space-between; }
  .p-row.hi { border-color:#59C0AB; background:#f0faf6; }
  .p-name { font-size:14px; font-weight:600; color:#0D1B4B; }
  .p-spec { font-size:12px;  margin-top:1px; }
  .p-pill { font-size:12px; font-weight:600; padding:2px 6px; border-radius:8px; white-space:nowrap; }
  .p-pill.g { background:#e8f8f2; color:#59c0ab; }
  .p-pill.s { background:#f1f5f9; color:#475569; }
 .p-btn {
    margin: 4px 8px 9px;
    background: #0D1B4B;
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-family: inherit;
}

  /* B — navy phone panel */
  .bg-navy { background:#0D1B4B; }
  .bg-navy .phone { background:#1a2d6b; }
  .bg-navy .phone-bar { background:#1a2d6b; }
  .bg-navy .phone-notch { background:#243a7a; }

  /* C — full dark */
  .dark-section { background:#0D1B4B; border-top:4px solid #3DBFA0; }
  .dark-section .hed { color:#fff; }
  .dark-section .body { color:#94a3b8; }
  .dark-section .eyebrow { color:#3DBFA0; }
  .dark-section .cta { background:#3DBFA0; color:#04342C; }
  .dark-section .cta:hover { background:#35b090; }
  .dark-section .cta-out { border-color:#3DBFA0; color:#3DBFA0; background:transparent; }
  .dark-section .cta-out:hover { background:rgba(61,191,160,0.08); }
  .dark-section .divider-v { background:#1e3060; }
  .dark-col-phone { background:#162555; }

  .note { font-size:12px; color:#94a3b8; padding:8px 12px 4px; margin:0; }
  
.home-changebtn {
    background: #08123d;
    display: block;
    width: 100%;
    padding: 12px 25px !important;
    color: #ffffff;
    border: none;
    border-radius: 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-family: inherit;
    text-decoration: none;
    transition: background 0.15s, transform 0.1s;
}

.home-changebtn2 {
    background: #F6F6F6;
    color: #0D1B4B;
      display: block;
    width: 100%;
    padding: 14px 0;
    border: none;
    border-radius: 28px;
    font-size: 15px;
    font-weight: 600;
        text-decoration: none;
    cursor: pointer;
    text-align: center;
    font-family: inherit;
    transition: background 0.15s, transform 0.1s;
}
.worksbtn {
    background: #F6F6F6;
    padding: 15px 35px 12px;
    display: inline-block;
    color: #08123D;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    line-height: normal;
    /* text-transform: uppercase; */
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-family: 'Spartan';
    font-weight: 600;
}

.process-feature-item{
    transition: transform 0.3s, box-shadow 0.3s;
}
.independent-box:hover, .sp-card:hover, .partnerloopitem .difference-feature:hover, .sc:hover, .experties:hover, .whychoose:hover, .process-feature-item:hover{
    transform: translateY(-10px);
}

.btn-pro {
    position: relative;
    background: #08123D;
    padding: 12px 35px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    border-radius: 40px;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Spartan';
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
    text-align: center;
}

/* Sliding layer */
.btn-pro::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #59C0AB;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.btn-pro:hover {
    color:#fff !important;
}

.btn-pro:hover::before {
    left: 0;
}

/* Click effect */
.btn-pro:active {
    transform: translateY(1px) scale(0.96);
}
.worksbtn {
    position: relative;
    background: #f6f6f6;
    padding: 1rem 2.5rem;
    border-radius: 40px;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Spartan';
    font-weight: 600;
    color: #08123D;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
    text-align: center;
}

/* Sliding layer */
.worksbtn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #59C0AB;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.worksbtn:hover {
    color:#fff !important;
}

.worksbtn:hover::before {
    left: 0;
}

/* Click effect */
.worksbtn:active {
    transform: translateY(1px) scale(0.96);
}
.btn-progrey {
    position: relative;
    background: #08123D;
    padding: 15px 35px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Spartan';
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
}

/* Sliding layer */
.btn-progrey::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #F6F6F6;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.btn-progrey:hover {
     color:#08123d !important
}

.btn-progrey:hover::before {
    left: 0;
}
.btn-progrey:active {
    transform: translateY(1px) scale(0.96);
}
/* Click effect */
.btn-prodark:active {
    transform: translateY(1px) scale(0.96);
}
.btn-prodark {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
   justify-content:center;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
}

/* Sliding layer */
.btn-prodark::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #08123d;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.btn-prodark:hover {
    color:#fff !important;
}

.btn-prodark:hover::before {
    left: 0;
}

.comparebtn a:active{
transform: translateY(1px) scale(0.96);	
}
.comparebtn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
   justify-content:center;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
}
/* Sliding layer */
.comparebtn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #08123d;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.comparebtn a:hover {
    color:#fff !important;
}

.comparebtn a:hover::before {
    left: 0;
}
.form-step .btn:active{
transform: translateY(1px) scale(0.96);	
}
.form-step .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
   justify-content:center;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
}
/* Sliding layer */
.form-step .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #59C0AB;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.form-step .btn:hover {
    color:#fff !important;
}

.form-step .btn:hover::before {
    left: 0;
}
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-a.open {
  max-height: 300px; 
	    transition: max-height 0.3s ease;
}
.feature-row .feature-item:last-child{
	border-right: none !important;
}


.partners-slider .slick-dots {
    display: inherit;
    margin: 0px auto;
    list-style: none;
    text-align: center;
    position: absolute;
    bottom: -40px;
    width: 100%;
    padding: 0;
}
.partners-slider .slick-dots li {
    display: inline-block;
    
}
.partners-slider .slick-dots button {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 0px;
    margin: 0px;
    background: #A9ACB9;
    font-size: 0;
    border: 1px solid #A9ACB9;
    box-shadow: none;
}
.partners-slider .slick-dots .slick-active button {
    background:#59C0AB;
    border: 1px solid #59C0AB;

}
.page-id-1265 .faq-section{
	border-top: none;
}
.partner-logo img{
	max-width: 100%;
}
/* 28-04-2026 */
.stepworks {
  background: #08123D;
}

.section-title {
  font-weight: 700;
}

.step-card {
  background: #f5f5f5;
  border-radius: 12px;
  transition: 0.3s ease;
  border: 1px solid #ddd;
}

.step-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.step-card:hover {
  background: #e6f4ef;
  border: 1px solid #38b593;
}
.step-card:hover .step-number {
  background: #59C0AB;
  border: 1px solid #59C0AB;
}
.step-number {
  width: 40px;
  height: 40px;
  background: #08123D;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.stats-row {
  background: #f8f9fa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.stats-row h5 {
    font-weight: 700;
    font-size: 30px;
}
.step-card  h5{
	  font-weight: 700;
    font-size: 24px;
}
section.stepworks p {
    color: #fff;
}
.stats-row .border-rightpro {
    border-right: 1px solid #ddd;
}
.stats-row .border-rightpro:last-child {
    border-right: none;
}
.stepworks-btn{
     background: #e6f4ef;
}
.steps-btnre {
    background: #F6F6F6;
    color: #0D1B4B;
 padding: 15px 35px 12px;
    border: 1px solid #0D1B4B;
    border-radius: 28px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    font-family: inherit;
    transition: background 0.15s, transform 0.1s;
} 
.tagsteps {
    color: #59C0AB;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}
.border-rightpro p{
	margin-bottom: 0;
}
.btn-progreen {
    position: relative;
    background: #59c0ab;
    padding: 15px 35px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Spartan';
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
}

/* Sliding layer */
.btn-progreen::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.btn-progreen:hover {
     color:#08123D;
}

.btn-progreen:hover::before {
    left: 0;
}
.btn-progreen:active {
    transform: translateY(1px) scale(0.96);
}
.btn-secondary-on-dark {
    position: relative;
    background: transparent;
    padding: 15px 35px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Spartan';
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease;
}

/* Sliding layer */
.btn-secondary-on-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #59c0ab;
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover effects */
.btn-secondary-on-dark:hover {
     color:#fff;
}

.btn-secondary-on-dark:hover::before {
    left: 0;
}
.btn-secondary-on-dark:active {
    transform: translateY(1px) scale(0.96);
}