.whg-main{--purple-whg:#471073;--black:#120b17;--ffffff:#fff;}
.whg-main-banner{width:100%;height:20.4166666667vw;background:url("/wp-content/themes/whg/assets/images/calculator-header.png")no-repeat center;background-size:cover;box-sizing:border-box;position:relative;margin-bottom:1.875vw;}
.whg-main .whg-text-content{padding:0 5.4166666667vw 2.0833333333vw 5.4166666667vw;}
.whg-main .whg-text-content p{color:var(--031336,#031336);font-size:1.3020833333vw;font-family:"Neue Haas Grotesk Display Pro","Roboto",sans-serif;font-weight:400;line-height:157%;letter-spacing:0.0260416667vw;margin-bottom:1.0416666667vw;}
.whg-main .whg-text-content p span{font-weight:600;}
.whg-main-banner-word{position:absolute;bottom:9.5833333333vw;}
.whg-main-banner-title{font-family:"Oswald","Roboto",sans-serif;font-size:4.1666666667vw;font-weight:400;letter-spacing:-0.125vw;text-transform:uppercase;padding:0 1.6666666667vw 0 5.2083333333vw;background-color:var(--whg-color-primary);color:#fff;line-height:normal;}
.whg-main-banner-title span{font-weight:700;}
.whg-main .form-title{box-sizing:border-box;display:grid;grid-template-columns:39.6875vw 23.8541666667vw;}
.whg-main .form-title-label{background:var(--purple-whg,#471073);color:var(--ffffff,#fff);font-family:"Oswald","Roboto",sans-serif;font-size:2.6041666667vw;font-weight:400;line-height:1.8229166667vw;text-transform:capitalize;padding:2.0833333333vw 4.6875vw 2.0833333333vw 1.5625vw;}
.whg-main .form-title-opt{background:#27113c;padding:0 4.6875vw 0 1.5625vw;height:100%;}
.whg-main .form-title-opt select{appearance:none;color:var(--ffffff,#fff);background-color:transparent;font-family:"Oswald","Roboto",sans-serif;font-size:2.0833333333vw;font-weight:400;font-style:normal;line-height:100%;border:none;cursor:pointer;padding-right:0.5208333333vw;padding-left:5.2083333333vw;height:100%;}
.whg-main .form-title-opt select:focus{outline:none;}
.whg-main .form-title-opt .select{cursor:pointer;display:grid;grid-template-areas:"select";align-items:center;height:100%;}
.whg-main .form-title-opt .select::after{content:"";width:1.3020833333vw;height:0.7291666667vw;background-color:#fff;clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end;margin-right:2.6041666667vw;margin-top:0.3125vw;}
.whg-main .form-title-opt .select select,.whg-main .form-title-opt .select::after{grid-area:select;}
.whg-main .form-panel{display:flex;flex-wrap:wrap;margin-top:2.6041666667vw;margin-bottom:2.6041666667vw;gap:15px;justify-content:space-between;}
.whg-main .form-panel-right .progress-canvas canvas{width:300px;}
.form-panel-right,.form-panel-left{width:48%;}
.whg-main .form-panel-title{color:#471073;font-family:"Oswald","Roboto",sans-serif;font-style:normal;font-weight:500;font-size:40px;line-height:1.3;margin-bottom:1.3020833333vw;display:block;text-transform:capitalize;}
.whg-main .form-panel-field{box-sizing:border-box;padding-bottom:1.5625vw;}
.whg-main .form-panel-field--label{color:var(--black,#120b17);font-family:"Oswald","Roboto",sans-serif;font-style:normal;font-weight:400;line-height:1.3;padding-bottom:1.0416666667vw;display:block;}
.whg-main .form-panel-field + .form-panel-field:last-of-type{padding-bottom:0;}
.whg-main .form-panel-select{background:#f3f1f3;height:100%;position:relative;}
.whg-main .form-panel-select select{appearance:none;color:#27113c;background-color:transparent;font-family:"Oswald","Roboto",sans-serif;font-weight:500;font-style:normal;line-height:1.3;border:none;cursor:pointer;padding-block:0.8854166667vw;padding-right:0.5208333333vw;padding-left:1.0416666667vw;height:100%;z-index:100;}
.whg-main .form-panel-select select:focus{outline:none;}
.whg-main .form-panel-select .select{cursor:pointer;display:grid;grid-template-areas:"select";align-items:center;height:100%;}
.whg-main .form-panel-select .select::after{content:"";width:1.0416666667vw;height:0.7291666667vw;background-color:#471073;clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end;margin-right:1.0416666667vw;margin-top:0.3125vw;}
.whg-main .form-panel-select .select select,.whg-main .form-panel-select .select::after{grid-area:select;}
.whg-main .form-panel-select--extend{color:var(--purple-whg,#471073);text-align:right;font-family:"Oswald","Roboto",sans-serif;font-style:normal;font-weight:500;line-height:1.3;position:absolute;padding-right:3.8020833333vw;width:100%;z-index:1;display:block;top:0;bottom:0;height:max-content;margin:auto;}
.whg-main .form-panel-radio-group{display:flex;flex-wrap:wrap;display:flex;gap:10px;justify-content:space-between;}
.form-panel-radio{width:48%;}
.whg-main .form-panel-radio-group.has-parent{display:flex;gap:10px;justify-content:space-between;}
.whg-main .form-panel-radio-group.has-parent .form-panel-radio{width:30%;}
.whg-main .form-panel-radio-group .form-panel-radio .radio-btn{display:inline-block;width:100%;padding:0.8854166667vw 0;font-family:"Oswald","Roboto",sans-serif;font-weight:500;line-height:1.3;color:#120b17;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #f3f1f3;background-color:#f3f1f3;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
.whg-main .form-panel-radio-group .form-panel-radio .radio-btn:focus{box-shadow:var(--bs-btn-focus-box-shadow);}
.whg-main .form-panel-radio-group .form-panel-radio .radio-btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none;}
.whg-main .form-panel-radio-group .form-panel-radio .radio-btn-check:checked + .radio-btn{--bs-btn-active-color:#fff;--bs-btn-active-bg:#471073;--bs-btn-active-border-color:#471073;color:#fff;background-color:#471073;border-color:#471073;}
.whg-main .form-panel-radio-group .form-panel-radio [type="radio"]{box-sizing:border-box;padding:0;}
.whg-main .form-panel-tags{display:grid;grid-template-columns:14.3229166667vw 14.3229166667vw;grid-column-gap:0.78125vw;grid-row-gap:0.78125vw;}
.whg-main .form-panel-tags-tag{background-color:rgba(71,16,115,0.1);color:#471073;font-family:"Oswald","Roboto",sans-serif;font-style:normal;font-weight:400;padding:0.8854166667vw 1.0416666667vw;display:flex;justify-content:space-between;}
.whg-main .form-panel-tags-tag .tag-position{padding-right:1.5625vw;}
.whg-main .form-panel-tags-tag .tag-percent{padding-right:1.0416666667vw;}
.whg-main .form-panel-tags-tag .tag-close:hover{opacity:0.9;}
.whg-main .form-panel-tags-tag .tag-close:active{opacity:0.5;}
.whg-main .form-panel-tags-tag .tag-close svg{width:0.78125vw;}
.whg-main .form-panel-right{background-color:#f3f1f3;text-align:center;color:#471073;font-family:"Oswald","Roboto",sans-serif;font-style:normal;padding:40px;}
.whg-main .form-panel-right .progress-canvas{text-align:center;margin-bottom:3.8541666667vw;}
.whg-main .form-panel-right-desc{text-align:left;}
.whg-main .form-panel-right-desc--title{margin-left:5.0520833333vw;max-width:20.9375vw;font-weight:400;line-height:1.2;text-transform:capitalize;}
.whg-main .form-panel-right-desc--price{font-size:40px;font-weight:600;margin-left:5.0520833333vw;line-height:normal;text-transform:uppercase;}
.whg-main .form-panel-right-desc--sub{margin-left:5.0520833333vw;max-width:20.9375vw;font-weight:400;line-height:1.2;}
.whg-main .form-panel-right-desc--btn{margin-top:1.5625vw;margin-bottom:1.5625vw;}
.whg-main .form-panel-right-desc--btn button{background-color:#471073;color:#ffffff;padding-block:1.1458333333vw;width:100%;margin:0;line-height:1.8229166667vw;text-transform:uppercase;font-family:"Oswald","Roboto",sans-serif;font-weight:500;border:#471073;}
.whg-main .form-panel-right-desc--btn button:hover{opacity:0.9;}
.whg-main .form-panel-right-desc--btn button:active{opacity:0.5;}
.whg-main .form .form-gap{margin:3.125vw auto;}
.whg-main-fight{display:flex;justify-content:space-between;padding-left:2.2395833333vw;}
.whg-main-fight-left{flex-shrink:0;width:33.75vw;padding-top:4.1666666667vw;font-family:"Neue Haas Grotesk Display Pro","Roboto",sans-serif;line-height:173.291%;letter-spacing:0.0229166667vw;color:#1a1f23;}
.whg-main-fight-left-note{font-weight:500;margin-bottom:1em;}
.whg-main-fight-left-desc{font-weight:700;}
.whg-main-fight-left-title{line-height:4.6354166667vw;font-size:3.125vw;font-family:"Oswald","Roboto",sans-serif;font-weight:700;text-transform:uppercase;}
.whg-main-fight-left-name{text-align:right;font-family:"Oswald","Roboto",sans-serif;font-weight:200;letter-spacing:0.1640625vw;}
.whg-main-fight-right{height:31.0416666667vw;flex-shrink:0;}
.whg-main-fight-right img{height:100%;}

@media (max-width: 1199px) {
	.whg-main .form-panel-right .progress-canvas canvas {width: 260px;}
}
@media (max-width: 1024px) {
	.form-panel-right,.form-panel-left {width: 100%;}
}
@media (max-width: 480px) {
	.whg-main-banner {height: 70.1333333333vw;background-size: cover;margin-bottom: 13.3333333333vw;}
	.whg-main-banner-word {bottom: 26.6666666667vw;max-width: 77.3333333333vw;}
	.whg-main-banner-title {letter-spacing: 0;line-height: 10.6666666667vw;padding: 3.2vw 4vw;box-sizing: border-box;}
	.whg-main-form {width: 100%;}
	.whg-main .form-title {grid-template-columns: 100%;grid-template-rows: max-content max-content;}
	.whg-main .form-title-label {background: var(--purple-whg, #471073);color: var(--ffffff, #fff);font-family: "Oswald", "Roboto", sans-serif;font-weight: 400;line-height: 9.3333333333vw;text-transform: capitalize;padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;}
	.whg-main .form-title-opt {background: #27113c;padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;position: relative;}
	.whg-main .form-title-opt select {appearance: none;color: var(--ffffff, #fff);background-color: transparent;font-family: "Oswald", "Roboto", sans-serif;font-weight: 400;font-style: normal;line-height: 100%;border: none;cursor: pointer;padding-right: 8vw;padding-left: 21.3333333333vw;}
	.whg-main .form-title-opt select:focus {outline: none;}
	.whg-main .form-title-opt .select {cursor: pointer;display: grid;grid-template-areas: "select";align-items: center;}
	.whg-main .form-title-opt .select::after {content: "";width: 3.2vw;height: 1.8666666667vw;background-color: #fff;clip-path: polygon(100% 0%, 0 0%, 50% 100%);justify-self: end;margin-right: 26.6666666667vw;}
	.whg-main .form-title-opt .select select,.whg-main .form-title-opt .select::after {grid-area: select;}
	.whg-main .form-panel {display: block;margin-top: 8vw;margin-bottom: 26.6666666667vw;}
	.whg-main .form-panel-title {color: #471073;font-family: "Oswald", "Roboto", sans-serif;font-style: normal;font-weight: 500;line-height: 1.3;margin-bottom: 4vw;display: block;text-transform: capitalize;}
	.whg-main .form-panel-field {box-sizing: border-box;padding-bottom: 5.3333333333vw;}
	.whg-main .form-panel-field--label {color: var(--black, #120b17);font-family: "Oswald", "Roboto", sans-serif;font-style: normal;font-weight: 400;line-height: 1.3;padding-bottom: 5.3333333333vw;display: block;}
	.whg-main .form-panel-field + .form-panel-field:last-of-type {padding-bottom: 0;}
	.whg-main .form-panel-select {background: #f3f1f3;height: 100%;position: relative;}
	.whg-main .form-panel-select select {appearance: none;color: #27113c;background-color: transparent;font-family: "Oswald", "Roboto", sans-serif;font-weight: 500;font-style: normal;line-height: 1.3;border: none;cursor: pointer;padding-block: 4.5333333333vw;padding-right: 2.6666666667vw;padding-left: 5.3333333333vw;height: 100%;z-index: 100;}
	.whg-main .form-panel-select select:focus {outline: none;}
	.whg-main .form-panel-select .select {cursor: pointer;display: grid;grid-template-areas: "select";align-items: center;height: 100%;}
	.whg-main .form-panel-select .select::after {content: "";width: 4.2666666667vw;height: 2.6666666667vw;background-color: #471073;clip-path: polygon(100% 0%, 0 0%, 50% 100%);justify-self: end;margin-right: 5.3333333333vw;margin-top: 1.6vw;}
	.whg-main .form-panel-select .select select,.whg-main .form-panel-select .select::after {grid-area: select;}
	.whg-main .form-panel-select--extend {color: var(--purple-whg, #471073);text-align: right;font-family: "Oswald", "Roboto", sans-serif;font-style: normal;font-weight: 500;line-height: 1.3;position: absolute;padding-right: 19.4666666667vw;width: 100%;z-index: 1;display: block;top: 0;bottom: 0;height: max-content;margin: auto;}
	.whg-main .form-panel-radio-group {display: grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;}
	.whg-main .form-panel-radio-group.has-parent {display: grid;grid-template-columns: 32% 32% 32%;grid-column-gap: 2%;}
	.whg-main .form-panel-radio-group .form-panel-radio .radio-btn {padding: 3.2vw 0;line-height: 1.1;}
	.whg-main .form-panel-radio-group .form-panel-radio .radio-btn:focus {box-shadow: var(--bs-btn-focus-box-shadow);}
	.whg-main .form-panel-radio-group .form-panel-radio .radio-btn-check {position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;}
	.whg-main .form-panel-radio-group .form-panel-radio .radio-btn-check:checked + .radio-btn {--bs-btn-active-color: #fff;--bs-btn-active-bg: #471073;--bs-btn-active-border-color: #471073;color: #fff;background-color: #471073;border-color: #471073;}
	.whg-main .form-panel-radio-group .form-panel-radio [type="radio"] {box-sizing: border-box;padding: 0;}
	.whg-main .form-panel-tags {display: grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;grid-row-gap: 4vw;}
	.whg-main .form-panel-tags-tag {background-color: rgba(71, 16, 115, 0.1);color: #471073;font-family: "Oswald", "Roboto", sans-serif;font-style: normal;font-weight: 400;padding: 3.2vw 4vw;display: flex;justify-content: space-between;align-items: center;}
	.whg-main .form-panel-tags-tag .tag-position {padding-right: 4vw;}
	.whg-main .form-panel-tags-tag .tag-percent {padding-right: 2.6666666667vw;}
	.whg-main .form-panel-tags-tag .tag-close:hover {opacity: 0.9;}
	.whg-main .form-panel-tags-tag .tag-close:active {opacity: 0.5;}
	.whg-main .form-panel-tags-tag .tag-close svg {width: 3.2vw;}
	.whg-main .form-panel-right {padding: 5.3333333333vw 2.6666666667vw 0;margin-top: 20px;}
	.whg-main .form-panel-right > div:first-child {display: block;}
	.whg-main .form-panel-radio-group .form-panel-radio {width: 100%;}
	.whg-main .form-panel-right .progress-canvas {text-align: center;height: unset;}
	.whg-main .form-panel-right-desc {text-align: center;padding-bottom: 10px;}
	.whg-main .form-panel-right-desc--title {text-align: center;font-weight: 400;line-height: 1.2;text-transform: capitalize;max-width: 100%;}
	.whg-main .form-panel-right-desc--price {text-align: center;font-weight: 600;line-height: normal;text-transform: uppercase;margin-bottom: 0vw;}
	.whg-main .form-panel-right-desc--sub {font-size: 5.3333333333vw;margin-left: 0vw;max-width: 100%;font-weight: 400;line-height: 1.2;margin-bottom: 5.3333333333vw;}
	.whg-main .form-panel-right-desc--btn button {background-color: #471073;color: #ffffff;padding-block: 3.2vw;width: 100%;margin: 0;line-height: 9.3333333333vw;text-transform: uppercase;font-size: 5.3333333333vw;font-family: "Oswald", "Roboto", sans-serif;font-weight: 500;border: #471073;}
	.whg-main .form-panel-right-desc--btn button:hover {opacity: 0.9;}
	.whg-main .form-panel-right-desc--btn button:active {opacity: 0.5;}
	.whg-main .form-panel-right.show {display: block !important;}
	.whg-main .form .form-gap {margin: 16vw auto;}
	.whg-main-fight {display: block;}
	.whg-main-fight-left {width: 100%;box-sizing: border-box;padding: 0 4vw;line-height: 1.57;color: #031336;}
	.whg-main-fight-left-note {letter-spacing: 0.0853333333vw;}
	.whg-main-fight-left-desc {margin-bottom: 2.6666666667vw;font-size: 4.5333333333vw;letter-spacing: 0.0906666667vw;}
	.whg-main-fight-left-title {line-height: 10.6666666667vw;}
	.whg-main-fight-left-name {font-weight: 200;letter-spacing: 0.448vw;margin-bottom: 5.6vw;}
	.whg-main-fight-right {height: 62.6666666667vw;text-align: center;}
}