html{scroll-behavior: smooth;}
body{margin: 0; padding:98px 0 0; overflow-x: hidden; font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 1.75; color: var(--text);}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}
a,a:hover,a:focus,a:active, button{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; word-break:break-word;}
p{padding:0 0 20px; margin:0;}
p:last-of-type{padding: 0; margin:0;}
p:empty{padding:0 !important; margin:0 !important;}
button:focus{border: none !important; outline: none;}
ul, ol{margin: 0; padding: 0 0 0 20px;}
h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6{margin: 0; font-style: normal; font-weight: 700; color: var(--blue);}
svg path{transition: all 0.3s ease-in-out;}
a{color: var(--yellow);}
a:hover{color: var(--blue);}

h1, .h1{font-size: 64px; line-height:1.1875; text-transform: uppercase; font-family: Georgia, "Times New Roman", serif;}
h2, .h2{font-size: 44px; line-height: 1.2045; text-transform: uppercase; font-family: Georgia, "Times New Roman", serif;}
h3, .h3{font-size: 32px; line-height: 1.3125; font-family: "Plus Jakarta Sans", sans-serif;}
h4, .h4{font-size: 24px; line-height: 1.25; font-family: "Plus Jakarta Sans", sans-serif;}
h5, .h5{font-size: 20px; font-family: "Plus Jakarta Sans", sans-serif;}

.f-geo{font-family: Georgia, "Times New Roman", serif;}
.upp-t{text-transform: uppercase;}

.container{max-width: 100%; padding: 0 80px; margin: 0 auto; width: 100%;}
.container-full{max-width: 100%; padding: 0 80px; margin: 0 auto; width: 100%;}
.center{text-align: center;}
.sub-title{font-size: 18px; line-height: 28px; text-transform: uppercase; color:var(--text); font-weight: 500; letter-spacing: 0.04em; display: block;}

.row{margin-left: 0; margin-right: 0;}
.row>*{padding-left: 0; padding-right: 0;}

img{width: 100%; height: auto; max-width: 100%; display: block;}

.relative{position: relative;}
.block{display: block;}
.d-flex{display: flex;}
.item-center{align-items: center;}
.item-end{align-items: flex-end;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.d-column{flex-direction: column;}
.bold{font-weight: 700;}
.py-120{padding: 120px 0;}
.pt-120{padding-top: 120px;}
.pb-120{padding-bottom: 120px;}
.text-center{text-align: center;}
.pt-0{padding-top: 0 !important;}

/* 8px */
.pt-8{padding-top: 8px;}
.pb-8{padding-bottom: 8px;}
.py-8{padding: 8px 0;}

/* 16px */
.pt-16 { padding-top: 16px; }
.pb-16 { padding-bottom: 16px; }
.py-16 { padding: 16px 0; }

/* 24px */
.pt-24 { padding-top: 24px; }
.pb-24 { padding-bottom: 24px; }
.py-24 { padding: 24px 0; }

/* 32px */
.pt-32 { padding-top: 32px; }
.pb-32 { padding-bottom: 32px; }
.py-32 { padding: 32px 0; }

/* 40px */
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.py-40 { padding: 40px 0;}

/* 48px */
.pt-48 { padding-top: 48px; }
.pb-48 { padding-bottom: 48px; }
.py-48 { padding: 48px 0;}

.pb-0{padding-bottom: 0 !important;}

/*color root*/
:root{
    --blue: #0b1d33;
    --yellow: #c8892d;
    --text: #677386;
    --white: #ffffff;
    --white-t: 255 255 255;
    --gray-bg: #f7f8f9;
    --y-gradient: linear-gradient(to bottom, #ffcb7e 0%, #c98a2e 100%);
}

.primary{color: var(--blue);}
.accent{color: var(--yellow);}

.black{color: #000000;}
.white{color: var(--white);}

.blue-bg{background: var(--blue);}
.bg-gray{background: var(--gray-bg);}

.radius-16{border-radius: 16px;}
.radius-24{border-radius: 24px;}

.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-32{font-size: 32px;}
.fs-34{font-size: 34px;}
.fs-36{font-size: 36px;}
.fs-38{font-size: 38px;}
.fs-40{font-size: 40px;}
.fs-44{font-size: 44px;}

.fw-300{font-weight: 300;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.grid2{display: flex; flex-wrap: wrap; column-gap: 80px; grid-row-gap: 32px; justify-content: center;}
.grid2 .col-box{width: calc((100% - 80px) / 2);}

.grid3{display: flex; flex-wrap: wrap; gap:32px; justify-content: center;}
.grid3 .col-box{width: calc((100% - 32px * 2) / 3); display: flex;}

.grid4{display: flex; flex-wrap: wrap; gap:32px; justify-content: center;}
.grid4 .col-box{width: calc((100% - 32px * 3) / 4); display: flex;}

.gap-16{gap: 16px;}
.gap-24{gap: 24px;}
.gap-32{gap: 32px;}
.gap-40{gap: 40px;}
.gap-48{gap: 48px;}

.gapx-16{column-gap: 16px;}
.gapx-24{column-gap: 24px;}
.gapx-32{column-gap: 32px;}
.gapx-40{column-gap: 40px;}
.gapx-48{column-gap: 48px;}

.gapy-16{row-gap: 16px;}
.gapy-24{row-gap: 24px;}
.gapy-32{row-gap: 32px;}
.gapy-40{row-gap: 40px;}
.gapy-48{row-gap: 48px;}

.max-w600{max-width: 600px;}
.max-w700{max-width: 700px;}
.max-w850{max-width: 850px;}
.max-w900{max-width: 900px;}


.alert.alert-success{ background-color: #d4edda; color: #198754; border: 1px solid #c3e6cb; padding: 10px 15px; border-radius: 8px; }
.alert.alert-danger{ background-color: #f8d7da; color: #dc3545; border: 1px solid #f5c2c7; padding: 10px 15px; border-radius: 8px;}
form .messages{padding-bottom: 20px;}
form span.is-invalid{color: #ff0000;}


header{padding:0; background: var(--white ); position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition: 0.3s ease-in-out;}
.sticky header{box-shadow: 0 0 5px 4px #00000014;}

.hed-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:40px; padding: 24px 0;}
.logo a{display: block; line-height: 0;}
.logo a img{width: 100%; max-width: 214px;}

.main-hed .hed-menu{margin-left: auto;}
.main-hed .hed-menu > ul{display: flex; flex-wrap: wrap; align-items: center; padding: 0; list-style: none; column-gap: 32px; text-transform: uppercase;}
.main-hed .hed-menu > ul > li{position: relative;}
.main-hed .hed-menu > ul > li > a{font-size: 16px;  font-weight: 500; color: var(--blue); line-height: 1; display: block; position: relative; padding: 10px 0;}
.main-hed .hed-menu > ul > li > a:hover,
.main-hed .hed-menu > ul > li.active > a{color: var(--blue);}
.main-hed .hed-menu > ul > li > a:after{content: ''; position: absolute; left: 0; width: 0; bottom: 0; height: 2px; transition: all 0.3s; background: var(--yellow);}
.main-hed .hed-menu > ul > li:hover > a:after,
.main-hed .hed-menu > ul > li.active > a:after{width: 100%;}

.head-right a.start-btn{ padding: 17px 32px; background: var(--yellow); color: var(--white); font-size: 16px; font-weight: 600; line-height: 1em; border-radius: 8px; border: none; display: flex; align-items: center; gap:10px; text-transform: uppercase;}
.head-right a.start-btn svg path{fill: currentColor;}
.head-right a.start-btn:hover{ background: var(--blue); color: var(--white)}

a.target-burger{display: none;}
a.target-burger ul.buns{width: 26px; height: 26px; list-style: none; margin: 0; padding: 0; position: relative; z-index: 999;}
a.target-burger ul.buns li.bun{width: 100%; height: 2px; background: var(--blue); margin-top: -0.75px; transform: translateY(-6.75px) translateZ(0); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1); position: absolute; top: 50%;}
a.target-burger ul.buns li.bun:last-child{transform: translateY(3.75px) translateZ(0);}
a.target-burger.toggled ul.buns li.bun{transform: rotate(45deg) translateZ(0); background: var(--yellow);}
a.target-burger.toggled ul.buns li.bun:last-child{transform: rotate(-45deg) translateZ(0);}


.main-hed .hed-menu ul li > ul { opacity: 0; visibility: hidden; position: absolute; padding: 10px 0 0 0; width: auto; transition: all 0.5s ease-in-out; min-width: 280px; list-style: none; top: 120%;}
.main-hed .hed-menu ul li > ul:before{position: absolute; content: ""; background: var(--blue); top: 10px; width: 100%; height: calc(100% - 10px); z-index: -1; transition: all 0.5s ease-in-out;}
.main-hed .hed-menu ul li:hover > ul{opacity: 1; visibility: visible; top:100%;}
.main-hed .hed-menu ul li > ul li{width: 100%; padding: 0; border-bottom: solid 1px rgb(var(--white-t) / 15%);}
.main-hed .hed-menu ul li > ul li:last-child{border-bottom: none;}
.main-hed .hed-menu ul li > ul li > a{position: relative; z-index: 2; padding: 12px 10px 12px 32px; display: flex; font-weight: 400; color: var(--white); transition: 0.3s ease-in-out;}
.main-hed .hed-menu ul li > ul li > a:hover,
.main-hed .hed-menu ul li > ul li.active > a{background: var(--yellow);}
.main-hed .hed-menu ul li > ul li > a:before{position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100px; background: var(--yellow); top: 50%; transform: translateY(-50%); left: 16px; transition: 0.3s ease-in-out; z-index: 1;}
.main-hed .hed-menu ul li > ul li > a:hover:before,
.main-hed .hed-menu ul li > ul li.active > a:before{background: var(--blue);}
.main-hed .hed-menu ul li:hover > ul {display: block; transition: all 0.5s ease-in-out;}


.announcement-bar{background: var(--white); padding: 8px 0;}

.home-banner{padding: 50px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: calc(100vh - var(--header-height) - 150px); display: flex; justify-content: center; align-items: center;}
.home .home-banner{align-items: unset;}
.home-banner .container{display: flex; justify-content: space-between; gap: 80px;}
.home-banner .hero-txt{max-width: 650px; display: flex; flex-direction: column; justify-content: center; padding:0; width: 50%;}
.home-banner .hero-txt .sub-title{letter-spacing: 0.05em; color: var(--white); position: relative; padding: 0 0 24px;}
.home-banner .hero-txt .sub-title:after{content: ''; position: absolute; left: 0; bottom: 0; height: 2px; background: var(--yellow); width: 130px;}
.home-banner .hero-txt h1{max-width: 650px; padding:16px 0 0; color: var(--white); font-size: 84px; line-height: 1;}
.home-banner .hero-txt h1 .gr-text{background: var(--y-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 94px; display: block;}
.home-banner .hero-txt h3{padding:16px 0 24px; color: var(--white); letter-spacing: 0.05em; max-width: 540px;}
.home-banner .hero-txt .btn-set{padding:0;}
.home-banner .hero-txt .btn-set .start-btn{color: var(--blue); padding: 14px 32px; justify-content: center; min-width: 270px;}
.home-banner .hero-txt .btn-set .start-btn span{width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: solid 2px currentColor; border-radius: 100%;}
.home-banner .hero-txt .btn-set .start-btn svg{width: 16px;}
.home-banner .hero-txt .gredient1:before{background: var(--white);}
.home-banner .hero-txt .gredient1:hover{color: var(--blue);}
.home-banner .hero-txt .btn-set .btn2{background: transparent; background: var(--blue); color: var(--white); padding: 16px 32px; border: solid 1px var(--yellow);}
.home-banner .hero-txt .btn-set .btn2:hover{color: var(--blue); background: var(--white); border-color: var(--white);}

.home-banner .hero-right{position: relative; display: flex; justify-content: center; flex-direction: column; gap: 16px; width: 50%;}
.home-banner .hero-right > button.play-btn{background: none; border-radius: 24px; border: none; outline: none; box-shadow: none; padding: 0; margin: 0; cursor: pointer; overflow: hidden;}
.home-banner .hero-right > img{height: 100%; object-fit: contain; object-position: bottom;}
.home-banner .hero-right .video-hero{width: 100%;}
.home-banner .hero-right .video-hero video{width: 100%; aspect-ratio:16 / 9; border-radius: 24px; cursor: pointer;}
.home-banner .hero-right .hero-rightinn{ color: var(--blue); position: absolute; right: 0; top: 0; max-width: 300px; line-height: 1.3;}
.home-banner .hero-right .f-geo:not(.upp-t){font-style: italic; max-width: 220px;}
.home-banner .hero-right .video-box{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 180px; height: 180px;}
.home-banner .hero-right .video-box button {width: 140px; height: 140px; padding: 0; border: none; border-radius: 100%; background: rgb(var(--white-t) / 50%); position: relative; cursor: pointer; animation: playGlow 1.8s ease-out infinite; color: var(--blue);}
.home-banner .hero-right .video-box button svg{width: 50px; height: auto; margin: auto; display: block; opacity: 0.6;}

@keyframes playGlow {
0% {box-shadow: 0 0 0 0 rgb(14 39 70 / 95%);}
70% {box-shadow: 0 0 0 20px rgb(14 39 70 / 40%);}
100% {box-shadow: 0 0 0 20px rgb(14 39 70 / 0%);}
}


.video-popup {position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, visibility 0.35s ease;}
.video-popup.is-open {opacity: 1; visibility: visible; pointer-events: auto;}
.video-popup-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.8);}
.video-popup-content {position: relative; z-index: 1; width: min(900px, calc(100% - 30px)); transform: scale(0.92); transition: transform 0.35s ease;}
.video-popup.is-open .video-popup-content {transform: scale(1);}
.video-popup-content video {display: block; width: 100%; height: auto; max-height: 85vh; object-fit: contain;}
.video-popup-close {position: absolute; top: -45px; right: 0; z-index: 2; border: 0; background: transparent; color: #fff; font-size: 36px; line-height: 1; cursor: pointer;}


ul.list-check{padding:0; margin: 0; list-style: none;}
ul.list-check li{padding-left: 30px; background: url(../images/check.svg) left top 8px no-repeat;}


.start-btn{padding: 17px 24px; background: var(--yellow); color: var(--white); font-size: 16px; font-weight: 600; line-height: 1em; border-radius: 8px; border: none; display: inline-flex; align-items: center; gap:10px; text-transform: uppercase; letter-spacing: 0.05em; overflow: hidden;}
.start-btn:hover{ background: var(--blue); color: var(--white);}
.start-btn.btn2{background: transparent; color: var(--blue); padding: 16px 24px; border: solid 1px var(--blue);}
.start-btn.btn2:hover{color: var(--white); background: var(--blue); border-color: var(--blue);}
.start-btn.gredient1{background: var(--y-gradient); position: relative; z-index: 1; color: var(--blue);}
.start-btn.gredient1:before{content: ""; position: absolute; inset: 0; background: var(--blue); opacity: 0; transition: opacity 0.3s ease; z-index: -1;}
.start-btn.gredient1:hover::before {opacity: 1;}
.start-btn.gredient1:hover{color: var(--white);}

/*.second-btn{background: var(--blue);}
.second-btn:hover{background: var(--yellow);}*/


.link-line{position: relative; align-items: flex-start;}
.link-line:after{content: ''; background: currentColor; height: 1px; width: 100%; display: block;}


.full-width{display: flex; flex-wrap: wrap;}
.full-width .full-img{width: 50%;}
.full-width .full-right{width: 50%; padding:120px 20px 120px 80px;}
.max-720{max-width: 640px;}
.full-width .full-right .max-720{margin-right: auto;}


.hero-btm{background: var(--blue); padding: 30px 0;}
.hero-btm .container{display: flex; justify-content: space-between;}
.hero-btm .info-box{display: flex; align-items: center; gap: 16px;}
.hero-btm .info-text{ line-height: 1.3; color: var(--white);}

.home-sec2 .title-head p{max-width: 600px; margin: auto;}
.home-sec2 .grid2{align-items: center;}
.home-sec2 .info-icon{display: flex; align-items: center; gap: 16px; padding: 0 0 24px;}
.home-sec2 .info-icon > span{width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background: var(--blue); border-radius: 100%;}
.home-sec2 .info-icon > span img{width: 48px; height: auto;}
.home-sec2 .info-title p{color: var(--yellow);}
.home-sec2 .info-text ul{padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; gap: 16px;}
.home-sec2 .info-text ul li{position: relative; padding: 0 0 0 32px;}
.home-sec2 .info-text ul li:before{content: ''; position: absolute; left: 0; top: 5px; width:24px; height: 16px; background: url(../images/list-check.svg) center center no-repeat;}

.home-sec2 .col-box:last-child{background: var(--blue); border-radius: 24px; padding: 32px; color: var(--white);}
.home-sec2 .col-box:last-child .info-icon > span{background: var(--yellow);}
.home-sec2 .col-box:last-child .info-title .f-geo{color: var(--yellow);}
.home-sec2 .col-box:last-child .info-title p{color: var(--white);}



.home-planmain{display: flex; gap:40px;}
.home-planmain .plan-box{overflow: hidden; border-radius: 24px; box-shadow: 0 0 16px 0 rgb(15 39 71 / 10%); display: flex; width: 100%;}
.home-planmain .plan-box:last-child{flex-direction: row-reverse;}
.home-planmain .plan-img{width: 28%; position: relative;}
.home-planmain .plan-img img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;}
.home-planmain .plan-img p{position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 24px 24px; color: var(--white); line-height: 1.4; background: linear-gradient(to bottom, #c98a2e00 0%, var(--blue) 100%); font-size: 14px;}
.home-planmain .plan-img p span{display: block; padding-top: 4px;}
.home-planmain .plan-info{width: 72%; padding: 24px;}
.home-planmain h5{font-size: 14px; letter-spacing: 0.1em; color: var(--yellow); padding: 0 0 16px;}
.home-planmain .title-main{display: flex; align-items: center; gap: 24px; padding: 0 0 16px;}
.home-planmain .title-left{font-size: 120px; line-height: 0.5; letter-spacing: -0.05em; margin: -20px 0 0; display: flex; align-items: center; color: var(--blue);}
.home-planmain .title-left sup{top: 0; position: relative;; font-size: 46%;}
.home-planmain h4{font-size: 16px; letter-spacing: 0.05em; padding: 0 0 8px;}
.home-planmain h2{text-transform: none; line-height: 1.1; font-size: 26px;}
.home-planmain h3{font-size: 20px; color: var(--text)}
.home-planmain .plan-foot{display: flex; padding: 24px 0 0; gap:16px; justify-content: space-between;}
.home-planmain .plan-fleft:has(.col2){display: flex;}
.home-planmain .plan-fleft .col2:first-child{border-right: solid 1px #e7e9ec; padding-right: 16px;}
.home-planmain .plan-fleft .col2:last-child{padding-left: 16px;}
.home-planmain .plan-fleft p{font-size: 14px; font-weight: 500; color: var(--yellow); padding: 0 0 4px;}
.home-planmain .plan-fleft ul{padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; font-size: 14px; line-height: 1.4; gap:8px;}
.home-planmain .plan-fleft ul li{position: relative; padding: 0 0 0 16px;}
.home-planmain .plan-fleft ul li:before{content: ''; width: 4px; height: 8px; border: solid var(--yellow); border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; left: 0; top: 3px; display: block;}
.home-planmain .plan-fright{display: flex; flex-direction: column; gap:16px;}
.home-planmain .plan-fbox{border: solid 1px #e7e9ec; border-radius: 8px; padding: 16px;}
.home-planmain .plan-fbox p{font-size: 14px; font-weight: 700; color: var(--blue); line-height: 1.4;}
.home-planmain .plan-fbox span{font-family: Georgia, "Times New Roman", serif; color: var(--blue); font-size: 38px; font-weight: bold; display: flex; align-items: center; line-height: 1; letter-spacing: -0.05em; white-space: nowrap;}
.home-planmain .plan-fbox span big{font-size: 240%; display: block; margin: -10px 0 0;}
.home-planmain .plan-fbox span sup{font-size: 75%;}
.home-planmain .btn-set .start-btn{font-size: 14px; text-transform: none; white-space: nowrap; width: 100%; justify-content: center;}


.home-sec3{background-size: cover; position: relative; background-repeat: no-repeat; background-position: center right -10vw; z-index: 1;}
.home-sec3:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 60%; background: linear-gradient(to right, #001943 60%, #00194300 100%); z-index: -1;}
.home-sec3 .accent{max-width: 600px;}
.home-sec3 p{max-width: 550px; letter-spacing: 0.05em;}
.home-sec3 .gredient1:hover{color: var(--blue);}
.home-sec3 .gredient1:before{background: var(--white);}


.plan-main {padding: 110px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.buyer-plan-card { background: var(--white); border: 1px solid #dfe3e7; border-radius: 24px; display: flex; flex-direction: column; min-width: 0; }
.plan-top { display: grid; grid-template-columns: 58% 42%; min-height: 126px;}
.plan-main-price { background: var(--yellow); color: var(--white); padding:0 40px; border-radius:0; position: relative; display: flex; flex-direction: column; justify-content: center;}
.plan-title {font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; position: absolute; left: 0; top: -51px; right: 0; background: var(--yellow); border-radius: 24px 24px 0 0; padding: 0 40px; min-height: 51px; display: flex; align-items: center;}
.price-row { display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.price {line-height: 0.8; font-weight: 800; letter-spacing: 0.04em; white-space: nowrap; font-family: "Inter", sans-serif;}
.price-divider { width: 1px; height: 100%; background: rgba(255, 255, 255, 0.35); flex-shrink: 0; }
.price-label {font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em;}
.plan-credit { background: var(--blue); color: var(--white); padding: 0 32px; display: flex; flex-direction: column; justify-content: center; border-radius: 0 24px 0 0;}
.credit-title { line-height: 1.5;}
.credit-value { color: var(--white);}
.plan-content { padding:40px; flex: 1; }
.plan-heading { padding: 0 0 16px;}
.features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; padding: 20px 0 0;}
.feature-column h4 { font-size: 18px; font-weight: 600; text-transform: uppercase; padding: 0 0 8px; font-family: "Inter", sans-serif;}
.feature-list { display: flex; flex-direction: column; gap: 8px;}
.plan-footer { border-top: 1px solid #dfe3e7; padding: 24px 30px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px;}
.plan-footer p{background: var(--gray-bg); border-radius: 16px; padding: 16px; font-size: 12px; line-height: 1.45;}
.plan-button.dark { background: var(--blue); }
.plan-button.dark:hover { background: var(--yellow); }

@media (max-width:1200px) {
    .plan-main { gap: 25px; }
    .plan-main-price { padding: 30px 24px 24px; }
    .plan-credit { padding: 30px 24px 24px; }
    .price-row { gap: 15px; }
    .price-label { font-size: 14px; }
    .plan-content { padding: 32px 24px; }
    .features-grid { gap: 20px; }
    .plan-title{padding: 0 24px;}
}

@media (max-width:1024px) {
    .plan-main { grid-template-columns: 1fr; gap: 80px; }
    .buyer-plan-card { width: 100%; }
    .plan-top { grid-template-columns: 58% 42%; }
    .plan-main-price { padding: 24px; }
    .plan-credit { padding: 24px; }
    .plan-content { padding:24px; }

}

@media (max-width:767px) {
    .price-label { font-size: 14px; }
    .credit-title { font-size: 14px; }
    .plan-top { grid-template-columns: 50% 50%; }
    .plan-description { font-size: 15px; }
    .features-grid { grid-template-columns: 1fr; gap: 24px; }
    .feature-column h3 { font-size: 16px; }
    .feature-list li { font-size: 15px; }
    .plan-footer { padding: 24px; }

}

@media (max-width:575px) {
    .price-label { font-size: 12px; }

}

.home-sec4{color: rgb(var(--white-t) / 80%);}
.home-sec4 .title-head{margin: auto; max-width: 940px;}
.home-sec4 .title-head .sub-title{color: rgb(var(--white-t) / 80%);}
.home-sec4 .title-head h2{color: var(--white);}
.home-sec4 .title-head p{max-width: 880px; margin: auto;}


.calculator {display: grid; grid-template-columns: 46fr 34fr 20fr; gap: 24px; padding: 0 0 40px;}
.calc-left {background: rgb(var(--white-t) / 5%); padding: 24px; border: solid 1px rgb(var(--white-t) / 10%); border-radius: 16px;}
.field-label { display: block; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; padding: 0 0 8px;}
.price-input { display: flex; align-items: center; border: none; border-radius: 8px; background: var(--white); padding: 0 24px; }
.price-input span { font-size: 32px; font-weight: 600; color: var(--blue); }
.price-input input { border: 0; outline: 0; background: transparent; width: 100%; padding: 14px 8px; font-size: 32px; color: var(--blue); font-weight: 600; }

#priceRange { width: 100%; height: 8px; margin-top: 40px; appearance: none; -webkit-appearance: none; border: 0; outline: none; border-radius: 50px; background: #273d5a; }
#priceRange::-webkit-slider-runnable-track { height: 8px; background: transparent; border-radius: 50px; }
#priceRange::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin-top: -7px; border: 0; border-radius: 50%; background: var(--yellow); cursor: pointer; }
#priceRange::-moz-range-track { height: 8px; background: #273d5a; border-radius: 50px; }
#priceRange::-moz-range-progress { height: 8px; background: var(--yellow); border-radius: 50px; }
#priceRange::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: var(--yellow); cursor: pointer; }

.range-labels { display: flex; justify-content: space-between; font-size: 14px; color: rgb(var(--white-t) / 50%);}
.choices { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; color: var(--blue); padding:0;}
.choice { border-radius: 12px; padding:16px 24px; cursor: pointer; background: var(--white); position: relative; display: flex; align-items: center; border: solid 2px transparent; gap:16px;}
.choice.active { background: #faf5ea; border-color: var(--yellow);}
.choice img{width: 48px; height: 48px;}
.choice input {position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; cursor: pointer; padding: 0; margin: 0;}
.choice strong {display: block; position: relative; color: var(--blue); font-size: 18px; line-height: 1.4;}
/*.choice strong::before { content: ""; position: absolute; width: 20px; height: 20px; left: -36px; top: 5px; border: 2px solid var(--blue); border-radius: 50%; box-sizing: border-box; background: #fff; transition: all .2s ease; }
.choice strong::after { content: ""; position: absolute; width: 10px; height: 10px; left: -31px; top: 10px; border-radius: 50%; background: var(--yellow); transform: scale(0); transition: transform .2s ease; }
.choice input[type="radio"]:checked + strong::before { border-color: var(--yellow); }
.choice input[type="radio"]:checked + strong::after { transform: scale(1); }
.choice:hover strong::before { border-color: var(--yellow); }*/
.choice strong small {font-size: 16px; font-weight: normal; display: block; padding: 4px 0 0;}

.seller-panel {padding: 32px; border-radius: 16px; background: rgb(var(--white-t) / 5%);}
.seller-panel h4 { padding: 0 0 8px; color: var(--white); font-size: 18px;}
.seller-panel p { marker: 0; padding: 0 0 24px;}
.seller-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.seller-grid select,
.seller-grid input { width: 100%; border: none; border-radius: 8px; background: var(--white); padding:16px 24px; color: var(--text); font-size: 16px; outline: none; box-shadow: none; font-family: "Inter", sans-serif; font-weight: 400;}
.seller-helper { font-size: 14px; padding:24px 0 0;}

.calc-right { background: rgb(var(--white-t) / 5%); padding: 24px; border: solid 1px rgb(var(--white-t) / 10%); border-radius: 16px;}
.summary-title { text-transform: uppercase; letter-spacing:0.04em; font-weight: 600; }
.summary-home { padding: 8px 0 0; color: var(--white);}
.summary-home + .breakdown-row{border: none; padding: 0 0 24px; margin: 0;}
.summary-home + .breakdown-row strong{font-size: 18px;}
.breakdown { display: grid; gap: 8px; padding: 0 0 40px;}
.breakdown-row { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 10px; border-bottom: 1px solid rgb(var(--white-t) / 10%); font-size: 14px;}
.breakdown-row strong{color: var(--white); font-weight: 600; text-align: right; font-size: 16px;}

.result-box {border:none; background: var(--yellow); border-radius: 16px; padding:24px; display: flex; justify-content: space-between; gap:16px; align-items: center;}
.result-box span { display: block; font-weight: 600; color: var(--white);}
.result-box strong { display: block;  padding:0; font-family: "Plus Jakarta Sans", sans-serif; color: var(--blue)}
.result-box small { display: block;}
.warning {margin: 16px 0 32px; border-left: 4px solid var(--yellow); background: rgb(var(--white-t) / 5%); padding:16px; border-radius: 8px; font-size: 12px;}

.calc-right > .calc-cta{width: 100%; display: flex; align-items: center; text-align: center; justify-content: center;}
.calc-right > .calc-cta:hover{background: var(--white); color: var(--blue);}

.compliance-callout {padding:0; text-align: center; font-size: 12px;}
.compliance-callout .shield {width: 38px; height: 38px; border-radius: 50%; background: rgb(var(--white-t) / 10%); display: grid; place-items: center; font-weight: 700;}

.calc-last { background: rgb(var(--white-t) / 5%); padding: 24px; border: solid 1px rgb(var(--white-t) / 10%); border-radius: 16px;}
.calc-last h4{color: var(--white); font-size: 20px; padding:0 0 16px;}
.calc-last ul{padding: 0; margin: 0; list-style: none; font-size: 14px; gap:16px; display: flex; flex-direction: column;}
.calc-last ul li{display: flex; align-items: center; gap:16px; padding-bottom: 16px; border-bottom: solid 1px rgb(var(--white-t) / 10%);}
.calc-last ul li:last-child{padding-bottom: 0; border: none;}
.calc-last ul li strong{color: var(--white)}
.calc-last ul li img{width: 32px;}

.home-sec5 .title-head{margin: auto; max-width: 630px;}
.home-sec5 .title-head h2{columns: var(--yellow);}
.home-sec5 .title-head p{padding: 0;}
.home-sec5 .title-head p:not(.h2){padding:0 0 40px;}

.home-sec5 .title-head .info-icon{display: flex; align-items: center; justify-content: center; gap: 16px; text-align: left; background: var(--blue); border-radius: 16px; padding: 16px 32px;}
.home-sec5 .title-head .info-icon > span{display: flex; align-items: center; justify-content: center;}
.home-sec5 .title-head .info-icon > span img{width: 48px; height: auto;}
.home-sec5 .title-head .info-icon .f-geo{color: var(--white);}
.home-sec5 .title-head .info-title p{color: var(--yellow); padding: 0;}

.home-sec5 .steps-grid{display: flex; justify-content: center; flex-wrap: wrap; gap: 16px;}
.home-sec5 .steps-grid .step{width: calc((100% - 16px * 7)/8); background: var(--gray-bg); border: solid 1px #e7e9ec; border-radius: 16px; padding:0; display: flex; flex-direction: column; gap: 0; overflow: clip;}
.home-sec5 .steps-grid .step-image img{aspect-ratio: 217 / 161; object-fit: cover; display: block;}
.home-sec5 .steps-grid .step-info{position: relative; padding: 24px;}
.home-sec5 .steps-grid .step-num{width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: var(--white); background: var(--blue); border-radius: 8px; font-size: 24px; font-weight: bold; position: absolute; left: 24px; top: -32px;}
.home-sec5 .steps-grid .step-info h3{padding: 8px 0 16px;}

.buy-planmain{display: flex; gap:24px;}
.buy-planmain .info-icon{background: var(--blue); padding: 24px; border-radius: 16px; display: flex; flex-direction: column; min-width: 240px; gap:24px;}
.buy-planmain .info-icon > span{display: flex;}
.buy-planmain .info-icon > span img{width: 48px; height: auto;}
.buy-planmain .info-icon .f-geo{color: var(--white);}
.buy-planmain .info-icon .fs-18{color: var(--yellow); padding: 16px 0 0;}


.home-buyersec.home-sec5 .title-head .info-icon{background: var(--y-gradient);}
.home-buyersec.home-sec5 .title-head .info-icon .f-geo{color: var(--blue);}
.home-buyersec.home-sec5 .title-head .info-title p{color: var(--white);}
.home-buyersec.home-sec5 .title-head .info-icon > span img{width: 60px;}

.home-buyersec.home-sec5 .steps-grid .step{width: calc((100% - 24px * 3)/4); background: rgb(200 137 45 / 5%);}
.home-buyersec.home-sec5 .steps-grid .step-num{background: var(--yellow);}

.hero-btm.hero-btm2 .start-btn.gredient1{font-size: 18px; text-align: center;}
.hero-btm.hero-btm2 .start-btn.gredient1::before{background: var(--white);}
.hero-btm.hero-btm2 .start-btn.gredient1:hover{color: var(--blue);}

.home-sec6 .col-box > img,
.buyer-sec2 .col-box > img{border-radius: 24px;}

.home-sec7 .flex-row{display: flex; gap: 80px; flex-wrap: wrap; justify-content: space-between; color: rgb(var(--white-t) / 80%);}
.home-sec7 .col-5{width: calc(40% - 40px); background: rgb(var(--white-t) / 5%); border-radius: 16px; padding: 40px;}
.home-sec7 .col-5 .sub-title{color: rgb(var(--white-t) / 80%);}
.home-sec7 .col-5 h2{color: var(--white);}
.home-sec7 .col-7{width: calc(60% - 40px);}
.home-sec7 .col-7 h2{color: var(--white); padding: 0 0 16px;}
.home-sec7 .col-7 > p{padding: 0 0 16px;}

.home-sec8 .container{max-width: 960px;}

.form-main .form-grid{display: flex; flex-wrap: wrap; gap: 24px;}
.form-main .form-grid .form-field{width: calc((100% - 24px)/2);}
.form-main .form-grid input:not(input[type=radio]):not(input[type=checkbox]):not(input[type=submit]):not(input[type=file]),
.form-main .form-grid select{background: var(--white); color: var(--text); font-size: 16px; border-radius: 8px; border: none; outline: none; box-shadow: none; font-family: "Inter", sans-serif; font-weight: 400; padding: 15px 20px; height: 50px; width: 100%;}
.form-main .form-grid .form-btn{width: 100%; display: flex; padding: 0px 0 0;}
.form-main .form-grid .start-btn{text-align: center; cursor: pointer;}
.form-main .form-grid .start-btn:hover{background: var(--white); color: var(--blue);}
.form-main .privacy{font-size: 14px; padding: 16px 0 0;}

.faq-grid{display: flex; flex-direction: column; gap: 8px;}
.faq-grid .faq-item{border: solid 1px #cfd4da; border-radius: 8px;}
.faq-grid .faq-item .faq-title{font-size: 18px; font-weight: 600; padding: 18px 24px; cursor: pointer; color: var(--blue); position: relative; line-height: 1.334;}
.faq-grid .faq-item .faq-title:before{content: ''; position: absolute; top: 0; bottom: 0; right: 24px; width: 16px; height: 2px; margin: auto; background:currentColor; border-radius: 16px;}
.faq-grid .faq-item .faq-title:after{content: ''; position: absolute; top: 0; bottom: 0; right: 31px; width: 2px; height: 16px; margin: auto; background:currentColor; border-radius: 16px; transition: all 0.3s;}
.faq-grid .faq-item .faq-title.active:after{opacity: 0; visibility: hidden; height: 0;}
.faq-grid .faq-item .faq-detail{display: none; padding:4px 24px 24px;}


.cta-footer{background: var(--gray-bg) url(../images/cta-bg.avif) center center no-repeat; background-size: auto 100%;}
.cta-footer .max-w850{max-width: 960px;}
.cta-footer .button-group{display: flex; justify-content: center; gap: 16px 24px;}


footer{background: var(--blue); color: rgb(var(--white-t) / 80%);}
footer .footer-contact-row{display: flex; flex-wrap: wrap;}
footer .footer-contact-row .footer-contact-col{width: 25%; padding: 48px 24px; box-sizing: border-box; display: flex; /*align-items: center;*/ justify-content: center; flex-direction: column; text-align: left;}
footer .footer-contact-row .footer-contact-col:nth-child(odd){background-color: rgb(var(--white-t) / 5%);}
footer .footer-contact-row .footer-contact-col:nth-child(even){background-color: rgb(var(--white-t) / 10%);}
footer .footer-contact-row .footer-contact-col .footer-logo{max-width: 80%;}
footer .footer-contact-row .footer-contact-col > h3{color: var(--yellow); padding: 0 0 8px; font-family: "Dancing Script", cursive; font-size: 48px; font-weight: normal; text-align: left;}
footer .footer-contact-row .footer-contact-col > ul{display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; text-align: left; gap:14px;}
footer .footer-contact-row .footer-contact-col > ul > li > a{display: flex; align-items: center; gap:10px;}
footer .footer-contact-row .footer-contact-col > ul > li > a > i{background: var(--yellow); color: var(--blue); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
footer .footer-contact-row .footer-contact-col > h4{color: var(--yellow); text-align: center; max-width: 300px; letter-spacing: 0.05em; font-weight: 500;}
footer .footer-contact-row .footer-contact-col .footer-contact-icon img{max-height: 32px;}
footer .footer-contact-row .footer-contact-col h5{text-transform: uppercase; color:var(--white); padding: 16px 0 8px; font-weight: 600;}
footer .footer-contact-row .footer-contact-col a{color: rgb(var(--white-t) / 80%);}
footer .footer-contact-row .footer-contact-col a:hover{color: var(--yellow);}
footer .footer-contact-row .footer-contact-col.footer-social{display: flex; flex-direction: column; justify-content: center; align-items: center;}
footer .footer-contact-row .footer-contact-col.footer-social h5{padding-top: 0;}
footer .footer-contact-row .footer-contact-col .social-list{display: flex; flex-wrap: wrap; justify-content: center; gap:10px; list-style: none; padding: 0;}
footer .footer-contact-row .footer-contact-col .social-list li a{width: 42px; height: 42px; border: solid 1px var(--white); border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 20px;}
footer .footer-contact-row .footer-contact-col .social-list li a:hover{background-color: var(--white); color: var(--blue);}

footer .foot-center{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap:40px; flex-direction: column;}
footer .footer-menu{padding: 64px 0;}
footer .footer-logo a{display: block;}
footer .footer-menu-list .foot-menu ul{padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap:64px;}
footer .footer-menu-list .foot-menu ul li a{color: rgb(var(--white-t) / 80%); text-transform: uppercase;}
footer .footer-menu-list .foot-menu ul li a:hover{color:var(--yellow);}
footer .foot-center p{font-size: 13px; text-align: center;}


footer .footer-copy{padding: 24px 0; border-top: solid 1px rgb(var(--white-t) / 20%);}
footer .footer-copy p{display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;}
footer .footer-copy a{color: rgb(var(--white-t) / 80%);}
footer .footer-copy a:hover{color: var(--yellow);}

.home-banner.sub-hero{min-height:100px; background: var(--blue) !important; padding: 80px 0;}
.sub-hero .hero-txt h1{max-width: 100%; padding: 0; text-transform: none;}
.home-banner.sub-hero .hero-txt{padding: 0; width: 100%; max-width: 50%;}
.home-banner.sub-hero .eyebrow{color: var(--yellow); padding: 0 0 4px; text-transform: uppercase; letter-spacing: 0.05em;}
.home-banner.sub-hero p{color: rgb(var(--white-t) / 80%); padding: 24px 0;}
.home-banner.sub-hero .meta{font-size: 13px; color: rgb(var(--white-t) / 80%)}

.contact-main .container{display: flex; flex-wrap: wrap; gap: 48px;}
.contact-main .contact-left{width: calc(60% - 24px);}
.contact-form{width: 100%; padding: 24px 0 0;}
.contact-form .messages:empty{display: none;}
.contact-form .row { display: flex; gap: 24px; margin-bottom: 24px; }
.contact-form .row:last-child{margin-bottom: 0;}
.contact-form .col:not(.sub-btn){ flex: 1; display: flex; flex-direction: column; }
.contact-form .col.full:not(.sub-btn) { flex: 100%; }
.contact-form label {display: none; margin-bottom: 6px; font-size: 16px; font-weight: 500; color: var(--text); }
.contact-form input,
.contact-form select,
.contact-form textarea{ padding: 10px 20px; border: 1px solid var(--text); border-radius: 8px; outline: none; font-size: 16px; font-weight: 400; color: var(--text);; line-height: normal; background: var(--white); width: 100%; font-family: "Poppins", sans-serif; display: block;}
.contact-form textarea {min-height: 120px; resize: none;}
.contact-form button[type="submit"],
.contact-form input[type="submit"] {padding: 17px 24px; background: var(--yellow); color: var(--white); font-size: 16px; font-weight: 600; line-height: 1em; border-radius: 8px; border: none; display: inline-flex; align-items: center; gap: 10px; text-transform: uppercase;}
.contact-form button[type="submit"]:hover,
.contact-form input[type="submit"]:hover{background: var(--blue);}
.contact-main .contact-right{width: calc(40% - 24px); display: flex; gap:24px; flex-direction: column;}
.contact-main .info-box{display: flex; align-items: center; gap: 16px;}
.contact-main .info-icon{width: 56px; height: 56px; border-radius: 8px; background: var(--yellow); display: flex; align-items: center; justify-content: center; padding: 16px;}

.privacy-terms h3,
.privacy-terms .h3{font-family: Georgia, "Times New Roman", serif;}

.home-sec9 .title-head h2{text-align: left;}
.home-sec9 .home-team-row{margin: 0 -12px;}
.home-team-row .slick-track{display: flex;}
.home-team-row .slick-track:before,
.home-team-row .slick-track:after{display: none;}
.home-team-row .slick-track .slick-slide{height: auto; float: none; padding: 0 12px;}
.home-team-row .slick-track .slick-slide > div{display: flex; height: 100%; width: 100%;}
.home-team-row .team-box-clm{display: flex !important;}
.home-team-row .team-info{background: rgb(200 137 45 / 5%); display: flex; flex-direction: column; border: solid 1px #e7e9ec; border-radius: 24px; overflow: hidden;}
.home-team-row .team-image{position: relative; background: var(--white);}
.home-team-row .team-image img{width: 100%; aspect-ratio:1 / 1; object-fit: cover; object-position: top;}
.home-team-row .team-text{display: flex; flex-direction: column; gap:8px; padding: 24px; text-align: center;}
.home-team-row .team-text h3{font-size: 24px; padding: 0; margin: 0; font-family: Georgia, "Times New Roman", serif; font-weight: normal;}
.home-team-row .team-text .team-role{font-size: 14px; color: var(--yellow); text-transform: uppercase; letter-spacing: 0.05em; font-weight: normal;}

.home-team-row .slick-arrow{position: absolute; left: auto; right: 12px; top: -87px; -webkit-transform:unset; -ms-transform:unset; transform:unset; width: 40px; height: 40px; margin: 0; background: var(--blue) url(../images/arrow-right.svg) center center no-repeat !important; border-radius: 100%; color: var(--white); padding: 0; outline: none; display: flex; align-items: center; justify-content: center; z-index: 1;}
.home-team-row .slick-arrow:before,
.home-team-row .slick-arrow:after{display: none;}
.home-team-row .slick-arrow.slick-prev{right: 60px; background: var(--blue) url(../images/arrow-left.svg) center center no-repeat !important;}

.team-listing .home-team-row{display: grid; grid-template-columns: repeat(4, 1fr); gap:24px;}


.privacy-dtl {display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 48px; align-items: start; }
.privacy-dtl .toc { position: sticky; top: calc(var(--header-height) + 32px); border: 1px solid #e7e9ec; border-radius: 16px; background: var(--white); box-shadow: 0 8px 24px rgba(22, 33, 29, .05); padding: 20px; max-height: calc(100vh - var(--header-height)); overflow: auto; }
.privacy-dtl .toc h2 { font-size: 16px; letter-spacing: .04em; margin: 0 0 8px;}
.privacy-dtl .toc a { display: block; color: var(--text); font-size: 14px; padding: 7px 9px; border-radius: 8px; }
.privacy-dtl .toc a:hover { background: var(--gray-bg); color: var(--yellow); text-decoration: none }
.privacy-dtl .policy { min-width: 0; }
.privacy-dtl .policy h2{font-family: Georgia, "Times New Roman", serif; text-transform: none; padding: 0 0 16px;}
.privacy-dtl .policy h3{padding-bottom: 16px;}
.privacy-dtl .policy p + h2{margin-top: 16px;}
.privacy-dtl .policy .callout + h2,
.privacy-dtl .policy .notice + h2{margin-top: 32px;}
.privacy-dtl .callout { border: 1px solid #e7e9ec; border-radius: 16px; background: var(--gray-bg); padding: 24px;  border-left: 4px solid var(--yellow)}
.privacy-dtl .callout + p{padding-top: 24px;}
.privacy-dtl .intro-card p { margin: 0;}

.privacy-dtl .policy ul { margin:0; padding:0 0 20px 22px;}
.privacy-dtl .policy li { margin: 6px 0 }
.privacy-dtl .policy li::marker{color: var(--blue-l);}
.privacy-dtl .notice { margin:0; padding: 16px 24px; background: var(--gray-bg); border: 1px solid #e7e9ec; border-left: 4px solid var(--yellow); border-radius: 16px; }
.privacy-dtl .notice strong { color: var(--blue-l);}
.privacy-dtl .table-wrap { overflow-x: auto; margin: 16px 0; border: 1px solid #e7e9ec; border-radius: 16px; }
.privacy-dtl table { width: 100%; border-collapse: collapse; min-width: 760px; background: var(--white); }
.privacy-dtl th,
.privacy-dtl td { text-align: left; vertical-align: top; padding: 16px; border-bottom: 1px solid #e7e9ec; font-size: 14px; }
.privacy-dtl th { background: var(--gray-bg);  font-weight: 600; }
.privacy-dtl tr:last-child td { border-bottom: none }
.privacy-dtl .contact-card { margin-top: 24px; border: 1px solid #e7e9ec; background: var(--gray-bg); border-radius: 16px; padding: 24px; }
.privacy-dtl .contact-card p { margin: 4px 0 }

.team-detailsec .container{max-width: 1440px; padding: 0 24px;}
.team-detailsec .team-inner{margin: 0; display: flex; gap:48px; position: relative;}
.team-detailsec .team-inner > .team-image{position: sticky; top: calc(var(--header-height) + 32px); background: var(--white); padding: 0; border-radius: 24px; border: 1px solid #e7e9ec; width: 25%; align-self: self-start; overflow: hidden;}
.team-detailsec .team-inner > .team-image img{object-fit: cover;}
.team-detailsec .team-video-container{position: relative;}
.team-detailsec .team-video-container video{display: block; width: 100%; aspect-ratio:9/16; object-fit: cover; cursor: pointer;}
.team-detailsec .team-video-container button{position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; border: none; outline: none; background: rgb(var(--white-t)/50%); color: var(--blue); border-radius: 100%; padding: 0; margin: auto; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;}
.team-detailsec .team-inner > .team-details{position: sticky; top: calc(var(--header-height) + 32px); width: 75%; align-self: self-start;}
.team-detailsec .team-title{text-transform: none;}
.team-detailsec .team-role-license{padding: 0 0 24px; border-bottom: 1px solid #e7e9ec;}
.team-detailsec .team-role-license h4{font-size: 16px; color: var(--yellow); padding: 0; text-transform: uppercase; letter-spacing: 0.05em; font-weight: normal;}
.team-detailsec .team-license{padding: 16px 0 0; color: var(--blue);}
.team-detailsec .team-license span{font-weight: bold;}
.team-detailsec .team-content{padding: 24px 0 0;}
.team-detailsec .contact-info-part{padding: 24px 0 0;}
.team-detailsec .contact-info-part > a{text-transform: none;}
.team-detailsec .team-dtlfoot{border-top: 1px solid #e7e9ec; padding: 24px 0 0; margin: 24px 0 0; display: flex; justify-content: flex-end;}


.homestate-list .listcol2 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 24px; padding: 0;}
.homestate-list .listcol2 li{list-style: none; position: relative; padding: 0 0 0 32px;}
.homestate-list .listcol2 li:before{content: ''; position: absolute; left: 0; top: 3px; background: url(../images/mappin.svg) center center no-repeat; background-size: contain; width: 19px; height: 20px;}
.homestate-list .listcol2 li a {font-weight: 600; transition: color 0.2s; color: var(--blue);}
.homestate-list .listcol2 li a:hover {color: var(--yellow);}


.homecity-list-box ul{column-count: 4; column-gap: 24px; padding: 0; list-style: none;}
.homecity-list-box ul li{list-style: none; position: relative; padding: 0 0 8px 32px;}
.homecity-list-box ul li:before{content: ''; position: absolute; left: 0; top: 3px; background: url(../images/mappin.svg) center center no-repeat; background-size: contain; width: 19px; height: 20px;}
.homecity-list-box ul li + h4{margin-top: 8px;}
.homecity-list-box ul li a {font-weight: 600; transition: color 0.2s; color: var(--blue);}
.homecity-list-box ul li a:hover {color: var(--yellow);}

.homecity-list-box h4 a {color: var(--blue);}
.homecity-list-box h4 a:hover {color: var(--yellow);}
.homecity-list-box h4{padding-bottom: 8px;}

.buyer-hero .hero-txt{width: 100%; max-width: 850px;}
.buyer-hero .hero-txt h1{max-width: 100%;}
.home-banner .hero-txt h3{max-width: 100%; letter-spacing: 0; padding: 16px 0;}
.home-banner .hero-txt h4{color: var(--white); padding: 0 0 16px;}
.home-banner .hero-txt p{color: rgb(var(--white-t)/80%);}
.home-banner .hero-txt p.f-geo{color: var(--white);}
.home-banner .hero-txt .btn-set{padding: 24px 0 0;}

.quoteblock { border: 1px solid #e7e9ec; border-radius: 16px; background: var(--white); padding: 24px;  border-left: 4px solid var(--yellow); display: block;}

.buyer-sec1{color:rgb(var(--white-t)/80%);}
.buyer-sec1 .col-box{flex-direction: column; gap:16px; border-right: solid 1px rgb(var(--white-t)/10%); padding:0 32px;}
.buyer-sec1 .col-box.bg-box{border: none; background: var(--yellow); padding: 40px; border-radius: 24px;}
.buyer-sec1 .col-box .sub-title{color: rgb(var(--white-t)/80%);}
.buyer-sec1 .col-box:last-child{border-right: none;}
.buyer-sec1 .col-box h2{padding: 0 0 16px;}
.buyer-sec1 .col-box h3{ text-transform: none;}
.buyer-sec1 .col-box ul{padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; gap:8px;}


.buyer-sec3 .grid3{gap:60px;}
.buyer-sec3 .col-box:first-child{width: calc(27%);}
.buyer-sec3 .col-box:nth-child(2){width: calc(48% - 60px);}
.buyer-sec3 .col-box:last-child{width: calc(25% - 60px);}
.buyer-sec3 .col-box .table-responsive{width: 100%; overflow: auto;;}
/*.buyer-sec3 .col-box{width: calc(30% - 20px);}
.buyer-sec3 .col-box:first-child{width: calc(70% - 20px);}*/
.buyer-sec3 .col-box .quoteblock{height: 100%; border-left: solid 1px #e7e9ec; background: rgb(200 137 45 / 5%); font-size: 14px;}


.table-responsive table { width: 100%; background: var(--white); border: 1px solid #e7e9ec; border-radius: 24px; overflow: hidden;}
.table-responsive table th,
.table-responsive table td { text-align: left; vertical-align: top; padding: 16px; border-bottom: 1px solid #e7e9ec; border-left: 1px solid #e7e9ec;}
.table-responsive table th { background: var(--gray-bg);  font-weight: 600; }
.table-responsive table tr:last-child td { border-bottom: none }
.table-responsive table th:first-child,
.table-responsive table td:first-child{border-left: none;}

.buyer-sec4 .calculator{grid-template-columns:30fr 36fr 34fr; padding-bottom: 0;}
.buyer-sec4 .choices,
.buyer-sec5 .choices{grid-template-columns:1fr;}
.buyer-sec4 .summary-home{padding-bottom: 24px;}
.buyer-sec4 .calc-last ul{gap:8px;}
.buyer-sec4 .calc-last ul li{border: none; padding: 0 0 0 24px; font-size: 13px;}

.buyer-sec5 .calculator{grid-template-columns:75fr 25fr; padding-bottom: 0;}
.buyer-sec5 .title-head h2{text-transform: none;}
.buyer-sec5 .cal-col1t{background: rgb(var(--white-t) / 5%); padding: 32px; border: solid 1px rgb(var(--white-t) / 10%); border-radius: 16px; display: flex; gap:40px;}
.buyer-sec5 .calc-left{background: none; border: none; padding: 0; border-radius: 0; width: 100%;}
.buyer-sec5 .calc-right{width: 100%;}
.buyer-sec5 .summary-home{padding-bottom: 16px;}
.buyer-sec5 .summary-home + .breakdown-row{font-size: 16px; color: var(--white);}
.buyer-sec5 .desc-txt{font-size: 14px; line-height: 1.5; padding: 24px 0 0;}
.buyer-sec5 .calc-last ul{font-size: 16px;}

.buyer-sec6 .grid2 .col-box{width: calc(60% - 40px); position: relative;}
.buyer-sec6 .grid2 .col-box:last-child{width: calc(40% - 40px);}
.buyer-sec6 .grid2 .col-box img{border-radius: 24px; position: absolute; left: 0; top: 0; object-fit: cover; height: 100%;}

.buyer-sec6 .mobile-tabs{display: none; background: rgb(11 29 50 / 5%); margin: 0 0 24px; padding: 8px; border-radius: 16px;}
.buyer-sec6 .mobile-tabs button{width: 100%; text-align: center; background: transparent; padding: 16px 24px; border-radius:12px; border: none; outline: none; text-transform: uppercase; font-weight:600;}
.buyer-sec6 .mobile-tabs button.active{background: var(--yellow); color: var(--white);}

.buyer-sec6 .table-container{background: var(--white); border: solid 1px #cfd4da; border-radius: 24px; overflow: hidden;}
.buyer-sec6 thead tr th{padding: 24px; font-size: 18px; width: 35%; line-height: 1.3;}
.buyer-sec6 thead tr th.feature-col{width: 30%; text-align: left;}
.buyer-sec6 thead tr th.plan-1pct{background: rgb(11 29 50 / 3%); border-left: solid 1px #e7e9ec; color: var(--blue);}
.buyer-sec6 thead tr th.plan-2pct{background: rgb(200 137 45 / 5%); border-left: solid 1px #e7e9ec; color: var(--blue);}

.buyer-sec6 tbody tr td{padding: 12px 24px; border-top: solid 1px #e7e9ec;}
.buyer-sec6 tbody tr td.feature-title{font-weight: 600; color: var(--blue);}
.buyer-sec6 tbody tr td.col-1pct{background: rgb(11 29 50 / 3%); border-left: solid 1px #e7e9ec;}
.buyer-sec6 tbody tr td.col-2pct{background: rgb(200 137 45 / 5%); border-left: solid 1px #e7e9ec;}
/*.buyer-sec6 tbody tr td.col-1pct.highlight-value,
.buyer-sec6 tbody tr td.col-2pct.highlight-value{font-weight: bold;}*/

.buyer-sec6 tbody tr:hover td.feature-title{background: rgb(11 29 50 / 2%);}
.buyer-sec6 tbody tr:hover td.col-1pct{background: rgb(11 29 50 / 5%);}
.buyer-sec6 tbody tr:hover td.col-2pct{background: rgb(200 137 45 / 10%);}


.btn-loading{ position: relative; display: inline-block; }
.btn-loading input, button.btn-loading[type="submit"]{ color: transparent !important; }
.btn-loading::after{ position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; margin: auto; height: 14px; width: 14px; border: 2px solid #ffffff; border-radius: 100%; border-right-color: transparent; animation: spinAround-ltr-btn .6s infinite linear; }

@keyframes spinAround-ltr-btn {
    to { transform: rotate(360deg); }
}

section{scroll-margin-top: 20px;}
.privacy-dtl h2{scroll-margin-top: calc(var(--header-height) + 32px);}

@media only screen and (min-width: 1025px){
.home-sec6 .col-box:first-child{position: relative; min-height: 480px;}
.buyer-sec2 .col-box:last-child{position: relative; min-height: 380px;}
.home-sec6 .col-box > img,
.buyer-sec2 .col-box > img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;}

}

@media only screen and (min-width: 1367px){
.home-sec5 .steps-grid .step-info h3{font-size: 20px;}

}

@media only screen and (min-width: 1800px){
.home-planmain .plan-info{padding: 40px;}
.buy-planmain .info-icon{min-width: 360px;}

}

@media only screen and (min-width: 1025px) and (max-width: 1349px){
.choice,
.calc-last ul li{flex-direction: column; align-items: flex-start;}
.result-box{flex-direction: column;}


}

@media only screen and (min-width: 1367px) and (max-width: 1580px){
.hed-inner{gap: 32px;}
.main-hed .hed-menu > ul{gap: 16px;}
.main-hed .hed-menu > ul > li > a{font-size: 14px;}
.head-right a.start-btn{font-size: 14px;]}

}

@media only screen and (min-width: 1201px) and (max-width: 1580px){
.home-planmain .plan-fleft:has(.col2){flex-direction: column;}
.home-planmain .plan-fleft .col2:first-child{border: none; border-bottom: solid 1px #e7e9ec; padding: 0 0 16px;}
.home-planmain .plan-fleft .col2:last-child{padding: 16px 0 0;}

.buy-planmain .steps-grid{justify-content:flex-start;}
.buy-planmain .steps-grid .step{width: calc((100% - 16px * 3)/4);}

}

@media only screen and (min-width: 1581px) and (max-width: 1799px){
.home-sec5 .steps-grid .step-info{padding: 24px 16px;}
.home-sec5 .steps-grid .step-info h3{font-size: 16px;}
.home-sec5 .steps-grid .step-info p{font-size: 14px;}

}

@media only screen and (max-width: 1366px){
    .container-full,
    .container{padding: 0 24px;}
    .hed-inner{gap:30px;}
    .main-hed .hed-menu ul{column-gap: 18px;}

    .main-hed .hed-menu > ul > li > a{font-size: 13px;}
    .head-right a.start-btn{font-size: 13px;}

    .home-banner .hero-txt{max-width: 580px;}
    .home-banner .hero-txt .sub-title{max-width: 440px;}
    .home-banner .hero-txt h1{font-size: 64px;}
    .home-banner .hero-txt h1 .gr-text{font-size: 74px;}

    h2, .h2{font-size: 40px;}

    .home-sec5 .steps-grid .step{width: calc((100% - 24px * 3)/4);}

}

@media screen and (max-width: 1200px) {
    body{padding-top: 96px;}
    .hed-inner{gap: 24px;}
    .main-hed .hed-menu ul{column-gap: 16px;}
    .logo a img{max-width: 140px;}
    .main-hed .hed-menu > ul > li > a{font-size: 12px;}
    .head-right a.start-btn{font-size: 12px; padding: 17px 16px; gap: 8px;}
    .head-right a.start-btn svg{display: none;}
    .py-120 {padding: 80px 0;}

    section{scroll-margin-top: 50px;}

    .home-banner{padding: 50px 0; position: relative;}
    /*.home-banner:before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgb(var(--white-t)/80%); display: block;}*/
    .home-banner .container{position: relative; gap:40px;}

    .home-banner .hero-txt h1{font-size: 54px;}
    .home-banner .hero-txt h1 .gr-text{font-size: 64px;}

    .home-banner .hero-right .video-box button{width: 100px; height: 100px;}
    .home-banner .hero-right .video-box button svg{width: 40px;}
    .home-banner .hero-right .hero-rightinn{order: 1; position: relative; max-width: 100%;}
    .home-banner .hero-right .f-geo:not(.upp-t){max-width: 400px;}
    .hero-right > img{order: 2;}

    .hero-btm .info-box .info-text{font-size: 18px;}

    .home-sec2 .col-box .info-title{width: calc(100% - 106px);}


    .price-row{flex-direction: column; align-items: flex-start;}
    .price-divider{height: 1px; width: 100%;}
    .home-sec5 .steps-grid .step{width: calc((100% - 16px * 2)/3);}

    .hero-btm.hero-btm2 .start-btn.gredient1{font-size: 16px;}

    .grid2{gap: 40px;}
    .grid2 .col-box{width: calc((100% - 40px) / 2);}

    h2, .h2{font-size: 32px;}
    .home-sec7 .col-5{padding: 32px;}
    .home-sec7 .flex-row{gap: 40px;}
    .home-sec7 .col-5{width: calc(40% - 20px);}
    .home-sec7 .col-7{width: calc(60% - 20px);}

    .home-planmain{flex-direction: column;}

    .home-team-row .slick-arrow{top: -80px;}
    footer .footer-contact-row .footer-contact-col > h3{font-size: 40px;}

}

@media screen and (max-width: 1024px) {
    body{padding-top: 96px;}
    .headtop-bar ul{min-height: 40px;}
    .logo a img{max-width: 128px;}
    .headtop-bar ul{gap: 24px;}
    .hed-menu{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; opacity: 0; transform: scale(0.50); transition: all 0.5s ease; background: var(--blue); visibility: hidden; padding: 50px 0;}
    a.target-burger{display: block;}
    .main-hed .hed-menu ul{padding: 30px; height: 100%; align-content: flex-start; overflow-y: scroll;}
    .hed-menu ul li {border-bottom: 1px solid rgb(var(--white-t)/15%); width: 100%;}
    .main-hed .hed-menu ul li a {font-size: 18px; color: var(--white); padding: 16px 0; font-weight: 400; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-align: left; display: inline-block;}
    .main-hed .hed-menu ul li a:hover { color: var(--yellow);}
    .hed-menu.toggled{opacity: 1; visibility: visible; display: block; z-index: 10; transform: scale(1); transition: all 0.5s ease;}
    .main-hed .hed-menu ul li > ul:before{display: none;}
    .hed-menu ul>li.menu-item-has-children{position: relative;}
    .hed-menu ul>li>span { position: absolute; right: 10px; top: 10px; background: url(../images/arrow-white.svg) 50% no-repeat; width: 30px; height: 30px; transition: 0.3s ease-in-out;}
    .main-hed ul li.expand-nav > span{transform: rotate(180deg);}
    .main-hed .hed-menu ul li > ul{opacity: 1; visibility: visible; top: 0; position: relative; background: none; padding: 0; border-radius: 0; width: 100%; display: none;}
    .main-hed .hed-menu ul li > ul li{border-bottom: none;}
    .main-hed .hed-menu ul li > ul li a{font-size: 14px; padding: 8px;}
    .main-hed .hed-menu ul li > ul li a:before,
    .main-hed .hed-menu ul li > ul li a:after{display: none;}
    .main-hed ul li:hover > ul{display: none !important;}
    .main-hed ul li.expand-nav > ul{display: flex !important; flex-direction: column; max-width: 100%;}
    .main-hed .hed-menu ul li a.start-btn { padding: 10px 0; background: transparent; }
    .main-hed .hed-menu ul li a.start-btn img{display: none;}

    .main-hed .head-right{margin-left: auto;}

    h1, .h1{font-size: 44px; line-height:1.2;}
    h2, .h2, .fs-40, .fs-44{font-size: 32px; line-height: 1.2;}
    h3, .h3{font-size: 22px; line-height: 1.2;}
    h4, .h4{font-size: 18px; line-height: 1.2;}

    .grid2{column-gap: 32px;}
    .grid2 .col-box{width: calc((100% - 32px) / 2);}
    .grid4,
    .grid3{gap:24px;}
    .grid3 .col-box{width: calc((100% - 24px * 2) / 3);}
    .grid4 .col-box{width: calc((100% - 24px) / 2);}
    .grid5 .col-box{width: calc((100% - 24px * 2) / 3);}
    .pt-32 { padding-top: 24px; }
    .pb-32 { padding-bottom: 24px; }
    .py-32 { padding: 24px 0; }
    .pt-40 { padding-top: 24px; }
    .pb-40 { padding-bottom: 24px; }
    .py-40 { padding: 24px 0;}
    .pt-48 { padding-top: 24px; }
    .pb-48 { padding-bottom: 24px; }
    .py-48 { padding: 24px 0;}
    .py-120{padding: 50px 0;}
    .pt-120{padding-top: 50px;}
    .pb-120{padding-bottom: 50px;}

    section{scroll-margin-top: 60px;}

    .gapy-48{row-gap: 32px;}


    .home-banner .container{flex-direction: column;}
    .home-banner .hero-txt{padding: 0; max-width: 100%; width: 100%;}
    .home-banner .hero-right{width: 100%;}
    .home-banner .hero-right .hero-rightinn{color: var(--white); position: absolute;}
    .home-banner .hero-right .f-geo:not(.upp-t){max-width: 220px;}
    .home-banner .hero-right .video-box{left: 8vw;}
    .hero-btm .container{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}

    .hero-btm .info-box .info-icon img{width: 60px; max-height: 60px; object-fit: contain;}
    .home-buyersec.home-sec5 .steps-grid .step{width: calc((100% - 24px * 2)/3);}

    .calculator{grid-template-columns: 60fr 40fr;}

    .calc-left {grid-column: 1 / -1;}
    .calc-right {grid-column: 1 / 2;}
    .calc-last {grid-column: 2 / 3;}

    .home-sec7 .flex-row{flex-direction: column;}
    .home-sec7 .col-5{width: 100%;}
    .home-sec7 .col-7{width: 100%;}

    .grid5 .col-box{width: 100%;}

    .cta-banner{min-height: 400px;}

    footer .footer-contact-row .footer-contact-col{width: 50%;}
    footer .footer-contact-row .footer-contact-col:nth-child(3){background: rgb(var(--white-t) / 10%);}
    footer .footer-contact-row .footer-contact-col:nth-child(4){background: rgb(var(--white-t) / 5%);}

    footer .footer-menu{padding: 40px 0;}
    footer .foot-center{gap: 32px;}
    footer .footer-menu-list .foot-menu ul{gap: 24px;}


    .contact-main .container{gap: 32px;}
    .contact-main .contact-left{width: calc(60% - 16px);}
    .contact-main .contact-right{width: calc(40% - 16px);}
    .contact-main .info-icon{width: 48px; height: 48px; padding: 12px;}

    .home-banner.sub-hero{padding: 50px 0;}

    .buy-planmain .steps-grid{gap:24px;}
    .buy-planmain .steps-grid .step{width: calc((100% - 24px)/2);}

    .home-team-row .slick-arrow{top: -63px;}

    .privacy-dtl {grid-template-columns:1fr; gap:24px;}
    .privacy-dtl .toc{position: relative; margin: 0; top: 0; max-height: unset;}
    .home-banner.sub-hero .hero-txt{max-width: 100%;}

    .team-listing .home-team-row{grid-template-columns: repeat(3, 1fr);}

    .homestate-list .listcol2 {grid-template-columns: repeat(2, 1fr);}
    .homecity-list-box ul{column-count: 2;}

    .buyer-sec1 .col-box.bg-box{padding: 24px;}
    .buyer-sec1 .col-box{padding: 0 24px;}

    .buyer-sec3 .grid3{gap: 24px;}
    .buyer-sec3 .col-box:first-child{width: 100%;}
    .buyer-sec3 .col-box:nth-child(2){width: calc(67% - 12px);}
    .buyer-sec3 .col-box:last-child{width: calc(33% - 12px);}

    .buyer-sec4 .calculator .calc-left,
    .buyer-sec4 .calculator .calc-right,
    .buyer-sec4 .calculator .calc-last {grid-column: 1 / -1;}
    .legal-disclosure-section.py-48{padding: 50px 0;}

    .buyer-sec5 .calculator{grid-template-columns:1fr;}
    .buyer-sec5 .calculator .calc-last{grid-column:1;}

    .buyer-sec3 .grid2{gap:32px;}
    .grid2 .col-box{width: 100%;}

    .table-responsive{overflow: auto;}
    footer .footer-contact-row .footer-contact-col > h3{font-size: 32px;}
    .buyer-sec6 .grid2{flex-direction: column;}
    .buyer-sec6 .grid2 .col-box{width: 100%; position: relative;}
    .buyer-sec6 .grid2 .col-box:last-child{width: 100%;}
    .buyer-sec6 .grid2 .col-box img{position: relative;}

}

@media screen and (max-width: 767px) {
    body{font-size: 15px; padding-top: 84px;}
    h1, .h1{font-size: 36px; line-height:1.2;}
    h2, .h2, .fs-40, .fs-44{font-size: 30px; line-height: 1.2;}
    h3, .h3{font-size: 24px; line-height: 1.2;}
    h4, .h4{font-size: 20px;}
    h5, .h5{font-size: 17px;}
    .grid2{gap:24px;}
    .grid2 .col-box,
    .grid4 .col-box,
    .grid3 .col-box,
    .grid5 .col-box{width: 100%;}
    .column-reverse{flex-direction: column-reverse;}

    .feature-list{gap: 4px;}
    .home-banner:before{background: rgb(var(--white-t)/90%);}
    .headtop-bar ul li.m-lauto{display: none;}
    .headtop-bar ul li:not(:last-child) > a{font-size: 0; gap: 0;}
    .headtop-bar ul li.upp-t{margin-left: auto;}
    .hed-inner{gap: 16px;}
    .head-right a.start-btn{font-size: 12px; padding: 14px 16px;}

    .fs-18{font-size: 16px;}
    .fs-16{font-size: 15px;}
    .button-group{flex-wrap: wrap; justify-content: center;}

    .home-banner .hero-txt h1{font-size: 38px;}
    .home-banner .hero-txt h1 .gr-text{font-size: 44px;}
    .home-banner .hero-right .hero-rightinn{position: relative;}
    .home-banner .hero-right .f-geo:not(.upp-t){max-width: 100%;}
    .home-banner .hero-right .video-box{width: 100px; height: 100px; left: auto; right: 0;}

    .home-banner .btn-set{flex-wrap: wrap;}

    .hero-btm .container{grid-template-columns:repeat(1, 1fr); gap: 24px;}
    .home-buyersec.home-sec5 .steps-grid .step{width: calc((100% - 24px)/2);}


    .seller-panel{padding: 24px;}

    .calculator,
    .buyer-sec5 .calculator{display: grid; grid-template-columns: 1fr; gap: 20px;}
    .calc-left,
    .calc-right,
    .calc-last {grid-column: 1 / -1;}
    .breakdown{padding-bottom: 32px;}

    .home-sec5 .steps-grid .step{width: calc((100% - 24px )/2);}
    .home-sec7 .col-5{padding: 24px;}
    footer .footer-menu-list .foot-menu ul{gap: 8px 24px;}

    .contact-main .contact-left,
    .contact-main .contact-right{width: 100%;}

    footer .footer-contact-row .footer-contact-col{text-align: center; align-items: center; padding: 32px 24px;}
    footer .footer-contact-row .footer-contact-col > h4{max-width: 100%;}

    .home-planmain .plan-box{flex-direction: column-reverse;}
    .home-planmain .plan-img{width: 100%;}
    .home-planmain .plan-img img{position: relative;}
    .home-planmain .plan-info{width: 100%;}
    .home-planmain .plan-box:last-child{flex-direction: column-reverse;}


    .buy-planmain{flex-direction: column;}
    .buy-planmain.pb-40{padding-bottom: 40px;}
    .buy-planmain .info-icon{width: 100%; min-width: 100px;}

    .home-sec9 .title-head h2{padding-right: 70px;}
    .team-listing .home-team-row{grid-template-columns: repeat(2, 1fr);}

    .team-detailsec .team-inner{flex-direction: column-reverse; gap:40px;}
    .team-detailsec .team-inner > .team-image{width: 100%; position: relative; top: 0;}
    .team-detailsec .team-inner > .team-details{width: 100%; position: relative; top: 0;}
    .team-detailsec .contact-info-part{flex-wrap: wrap;}

    .show-2pct .col-1pct,
    .show-2pct .plan-1pct{display: none;}
    .show-1pct .col-2pct,
    .show-1pct .plan-2pct{display: none;}

    .buyer-sec5 .cal-col1t{padding: 24px; gap:24px; flex-direction: column;}


    .buyer-sec6 .mobile-tabs{display: flex;}
    .buyer-sec6 .table-container{border-radius: 16px;}
    .buyer-sec6 thead tr th{padding: 16px;}
    .buyer-sec6 tbody tr td{padding: 8px 16px;}

    .buyer-sec1 .col-box{padding: 0;}

    .buyer-sec3 .col-box:nth-child(2){width: 100%;}
    .buyer-sec3 .col-box:last-child{width: 100%;}



}

@media screen and (max-width: 575px) {
.plan-top{grid-template-columns:100%;}
.plan-credit{border-radius: 0;}
.plan-main-price{padding-top: 0;}
.price-input span,
.price-input input{font-size: 24px;}
.choices,
.seller-grid{grid-template-columns:1fr;}
.breakdown-row{flex-direction: column; gap: 4px;}
.breakdown-row strong{text-align: left;}
.home-sec5 .steps-grid .step{width: 100%;}
.form-main .form-grid .form-field{width: 100%;}
footer .footer-contact-row .footer-contact-col{width: 100%;}
footer .footer-contact-row .footer-contact-col:nth-child(3){background: rgb(var(--white-t) / 5%);}
footer .footer-contact-row .footer-contact-col:nth-child(4){background: rgb(var(--white-t) / 10%);}

.home-buyersec.home-sec5 .steps-grid .step{width: 100%;}

.home-banner .hero-right .video-box,
.home-banner .hero-right .video-box button{width: 80px; height: 80px;}
.home-banner .hero-right .video-box button svg{width: 32px;}

/*.main-hed .head-right{order: 3; width: 100%;}*/
.head-right a.start-btn{justify-content: center; text-align: center;}
.head-right a.start-btn br{display: none;}

.home-planmain .plan-foot{flex-direction: column; gap:24px;}
.home-planmain .title-left{font-size: 80px;}
.home-planmain h2{font-size: 20px;}
.home-planmain h3{font-size: 16px;}
.home-planmain h4{font-size: 14px;}
.home-planmain h5{font-size: 13px;}
.home-planmain .title-main{gap:16px;}
.home-planmain .plan-fbox span{font-size: 32px; letter-spacing: 0;}


.result-box{flex-direction: column; line-height: normal; gap:8px;}
.team-listing .home-team-row{grid-template-columns: repeat(1, 1fr);}

.homecity-list-box ul{column-count: 1;}

}