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: "Plus Jakarta Sans", sans-serif;}
h2, .h2{font-size: 44px; line-height: 1.2045; text-transform: uppercase; font-family: "Plus Jakarta Sans", sans-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;}

.upp-t{text-transform: uppercase;}

.container{max-width: 1480px; padding: 0 24px; 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;}

/* 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: #0f2747;
	--yellow: #b98524;
	--text: #677386;
	--white: #ffffff;
	--white-t: 255 255 255;
	--gray-bg: #f7f8f9;
}

.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(--blue); 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:80px; 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: 64px; 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(--white); 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(--yellow);}
.main-hed .hed-menu > ul > li > a:after{content: ''; position: absolute; left: 0; width: 0; bottom: 0; height: 1px; transition: all 0.3s; background: currentColor;}
.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 24px; 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:hover{ background: var(--white); color: var(--blue)}

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(--white); 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: 100px 0 calc(100px + 50px); background-position: center right; background-repeat: no-repeat; background-size: cover; min-height: calc(100vh - var(--header-height)); display: flex; justify-content: center; align-items: center;}
.home-banner .hero-txt{max-width: 650px; display: flex; flex-direction: column;}
.home-banner .hero-txt h1{border-left: solid 6px var(--yellow); max-width: 420px; padding: 0 0 0 32px;}
.home-banner .hero-txt h3{padding: 24px 0;}
.home-banner .hero-txt h3 + p{line-height: 1.5555;}
.home-banner .hero-txt .btn-set{padding: 16px 0 40px;}
.home-banner .hero-txt .btn2{background: transparent; color: var(--blue); padding: 16px 24px; border: solid 1px var(--blue);}
.home-banner .hero-txt .btn2:hover{color: var(--white); background: var(--blue); border-color: var(--blue);}
.home-banner .hero-txt .btn-set + p{padding: 16px 0 0; border-top: solid 1px #c5cbd2;}

.hero-btm{margin: -272px 0 0;}
.hero-btm .info-row{display: flex; align-items: flex-end; gap: 24px;}
.hero-btm .info-row .info-box{background: var(--blue); color: rgb(var(--white-t)/80%); padding: 32px; border-radius: 16px; display: flex; flex-direction: column; flex: 1;}
.hero-btm .info-row .info-box .info-icon{background: var(--white); color: var(--yellow); width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 16px;}
.hero-btm .info-row .info-box .info-icon2{max-width: 46px; padding: 0 0 14px}
.hero-btm .info-row .info-box h4{color: var(--white); padding: 10px 0 0;}
.hero-btm .info-row .info-box2{flex: 1.9818; background: var(--yellow) url(../images/icon1.avif) left bottom no-repeat; color: rgb(var(--white-t)/80%); padding:40px; border-radius: 16px;}
.hero-btm .info-row .info-box2 h3{color: var(--white);}
.hero-btm .info-row .info-box2 p{padding: 26px 0 32px;}
.hero-btm .video-box{display: flex; justify-content: flex-end;}
.hero-btm .video-box .play-btn{background: none; border: none; border-radius: 0; padding: 0; margin: 0; outline: none; box-shadow: none; cursor: pointer; font-size: 18px; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; gap: 20px; color: var(--white);}
.hero-btm .video-box .play-btn:hover{color: var(--blue);}
.hero-btm .video-box .play-btn span{width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--blue);}
.hero-btm .video-box .play-btn:hover span{color: var(--yellow);}

.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;}
.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);}
/*.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;}


.home-sec2 h2{max-width: 440px; padding: 0 0 32px; position: relative;}
.home-sec2 h2:after{content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100px; background: var(--blue); opacity: .5;}
.home-sec2 h3{padding: 32px 0 24px;}
.home-sec2 .btn-set{padding: 32px 0 0;}
.home-sec2 .col-box:last-child{display: flex; gap: 40px; flex-wrap: wrap;}
.home-sec2 .info-box{display: flex; flex-direction: column; gap: 16px; width: calc((100% - 40px)/2); background: var(--gray-bg); border-radius: 16px; padding: 24px;}
.home-sec2 .info-box .info-icon{width: 64px; height: 64px; background: var(--white); border-radius: 16px; display: flex; align-items: center; justify-content: center; border: solid 1px #dfe3e7;}
.home-sec2 .info-box p{font-weight: 600; color: var(--blue);}
.home-sec2 img{width: auto; max-width: 100%;}


.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;}
.home-sec4 .title-head .sub-title{color: rgb(var(--white-t) / 80%);}
.home-sec4 .title-head h2{color: var(--white);}


.calculator {display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 0 0 40px;}
.calc-left { padding-right: 8px; }
.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: 24px; color: var(--blue); padding: 0 0 24px;}
.choice { border-radius: 12px; padding:16px 24px 16px 60px; cursor: pointer; background: var(--white); position: relative;}
.choice.active { background: #faf5ea; }
.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;}
.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 small {font-size: inherit;}

.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 { border-left: 1px solid rgb(var(--white-t) / 10%); padding-left: 40px; }
.summary-title { text-transform: uppercase; letter-spacing:0.04em; font-weight: 600; }
.summary-home { padding: 8px 0 24px; color: var(--white);}
.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%);}
.breakdown-row strong{color: var(--white); font-weight: 600; text-align: right;}

.result-box {border:none; background: var(--yellow); border-radius: 16px; padding: 32px;}
.result-box span { display: block; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; color: var(--white);}
.result-box strong { display: block;  padding: 8px 0;}
.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 {background: rgb(var(--white-t) / 5%); border: 1px solid rgb(var(--white-t) / 10%); border-radius: 16px; padding:16px 24px; display: grid; grid-template-columns: auto 1fr; gap: 16px;}
.compliance-callout .shield {width: 38px; height: 38px; border-radius: 50%; background: rgb(var(--white-t) / 10%); display: grid; place-items: center; font-weight: 700;}

.home-sec5 .title-head{margin: auto;}
.home-sec5 .steps-grid{display: flex; justify-content: center; flex-wrap: wrap; gap: 24px;}
.home-sec5 .steps-grid .step{width: calc((100% - 24px * 5)/6); background: var(--gray-bg); border: solid 1px #e7e9ec; border-radius: 16px; padding: 32px 24px; display: flex; flex-direction: column; gap: 16px;}
.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;}

.home-sec6 .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;}


.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 .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;}
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-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);}



.sub-hero{min-height: 400px;}
.sub-hero .hero-txt h1{max-width: 100%}

.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 .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;}

.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;}


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

}

@media screen and (max-width: 1200px) {
	body{padding-top: 96px;}
	.main-hed .hed-menu ul{column-gap: 24px;}
	.logo a img{max-width: 180px;}
	.main-hed .hed-menu > ul > li > a{font-size: 14px;}
	.head-right a.start-btn{font-size: 14px;}
	.py-120 {padding: 80px 0;}
	section{scroll-margin-top: 50px;}
	.hero-btm .info-row .info-box2{padding: 32px;}

	.home-banner{padding: 50px 0 100px; 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;}
	.hero-btm{position: relative;}
	.home-sec2 .col-box:last-child{gap: 24px;}
	.home-sec2 .info-box{width: calc((100% - 24px)/2);}
	.price-row{flex-direction: column; align-items: flex-start;}
	.price-divider{height: 1px; width: 100%;}
	.home-sec5 .steps-grid .step{width: calc((100% - 24px * 2)/3);}

	.grid2{gap: 40px;}

	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);}

	.calculator{gap: 20px;}
	.calc-right{padding-left: 24px;}

	

}

@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;}

	
	.hero-btm{margin: -50px 0 0;}
	.hero-btm .info-row{flex-wrap: wrap;}
	.hero-btm .info-row .info-box{padding: 24px;}
	.hero-btm .info-row .info-box2{flex: auto; width: 100%;}
	.home-sec2 .info-box{width: 100%;}

	.calculator{grid-template-columns:1fr; gap: 32px;}
	.calc-right{padding: 32px 0 0; border-top:1px solid rgb(var(--white-t) / 10%); border-left: none;}

	.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;}

}

@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: 12px 16px;}

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

	
	.home-banner .btn-set{flex-wrap: wrap;}
	.hero-btm .info-row .info-box{flex: auto;}
	.home-sec2 .info-box{width: calc((100% - 24px)/2);}
	.seller-panel,
	.result-box{padding: 24px;}
	.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%;}


}

@media screen and (max-width: 575px) {
.home-banner .hero-txt h1{padding-left: 24px;}
.hero-btm .info-row .info-box2{padding: 24px;}
.hero-btm .video-box .play-btn span{width: 64px; height: 64px;}
.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%);}


}