body
{
  background:#fff;	
}
.footer-section-2, .footer-section-3
{
     background: #024F61;	
}
.header .banner 
{
    aspect-ratio: 16 / 1;
    width: 100%;
    padding: 13.4rem 0 0;	
}
.get-intoch {
    width: 96%;
    padding-left: 5px;
    font-family: "GroldLight";

}

.hd{font-size:clamp(23px,3.5vw,36px);font-weight:900;color:#204e5f;text-transform:uppercase;letter-spacing:0.015em;margin-bottom:0.5rem;}
.sub{font-size:17px;font-weight:700;color:#204e5f;margin-bottom:1.75rem; letter-spacing:0.025em;}
.sub .ast{color:#C0392B;font-weight:400;margin-left:2px;}
.back-btn{display:none;background:none;border:none;color:#204e5f;font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:1.25rem;}
.back-btn:hover{color:#204e5f;}
.opts{display:flex;flex-direction:column;}
.opt-row{display:flex;align-items:center;gap:18px;padding:15px 0;cursor:pointer;user-select:none;}
.opt-row:last-child{border-bottom:none;}
.opt-row:hover .ring:not(.on){border-color:#204e5f;background:rgba(27,78,94,0.04);}
.ring{width:24px;height:24px;border-radius:50%;border:2px solid rgb(8 97 81 / 35%);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;}
.ring.on{border-color:#204e5f;background:#eaf5f3;}
.ring.on::after{content:"";width:8px;height:8px;border-radius:50%;background:#204e5f;}
.opt-txt{font-size:18px;color:#204e5f;line-height:1;}
.opt-txt strong{font-weight:800;color:#204e5f;}
.res{display:none;}
.res-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#204e5f;margin-bottom:10px;}
.res-title{font-size:24px;font-weight:900;color:#204e5f;text-transform:uppercase;margin-bottom:8px;line-height:1.15;}
.res-desc{font-size:14px;color:#204e5f;line-height:1.65;}
.res-email{font-size:20px;font-weight:900;color:#204e5f;margin-top:10px;word-break:break-all;}
.restart{display:none;background:none;border:none;color:#204e5f;font-size:13px;font-weight:600;cursor:pointer; padding:0;margin-top:14px;}
.bottom{display:flex;align-items:center;gap:1.5rem;margin-top:2.75rem;}
.prog-track{flex:1;height:3px;background:rgba(27,78,94,0.14);border-radius:3px;overflow:hidden;}
.prog-fill{height:100%;background:#204e5f;border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1);}
.arrow-btn{width:62px;height:62px;border-radius:50%;background:#204e5f;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0.28;pointer-events:none;transition:background .15s,opacity .2s,transform .1s;}
.arrow-btn.on{opacity:1;pointer-events:all;}
.arrow-btn.on:hover{opacity:.85;}
.arrow-btn.on:active{transform:scale(.96);}

.get-intoch .submit {
    font-family: "GroldRegular";
    font-size: 1.4rem;
    color: #024f61;
    background-color: #94d8cc;
    border-radius: 2rem;
    border: 0;
    -webkit-appearance: none;  /* Reset Safari default button styling */
    -moz-appearance: none;
    appearance: none;

    /* FLEXBOX CENTER */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    /* DIMENSIONS */
    padding: 4px 2.6rem 0 2.6rem;
    min-height: 3rem;
    height: 3rem;
    box-sizing: border-box;
    
    /* TEXT */
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    
    /* ANIMATION & OVERFLOW */
    position: relative;
    overflow: hidden;
   
    transition: all .2s cubic-bezier(.4, 0, .2, 1) .1s;
    cursor: pointer;
}

.get-intoch .submit:before{
    content: "";
    background-color: #79b5aa;
    z-index: 0;
    border-radius: 100%;
    width: 0;
    height: 0;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%);
	transition: all .9s cubic-bezier(.4,0,.2,1);
}
.get-intoch .submit:hover:before {
	width:150%;
    height: 200%
}
.get-intoch .submit span{
    z-index: 1;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
.case-title
{
 font-family: "GroldExtraBold";	
 color:#94d8cc;
 text-align: center;
}
.case-title h1
{
  font-size:4vw;	
}
.case-title h1 span
{
  color: #fff;	
}
.talent-text img {
    position: relative !important;
    clip-path: unset !important;
    height: auto !important;
    width: 80% !important;
    z-index: unset !important;
    object-fit: contain !important;
	border-radius: .8rem;
}
.talent-text .talent-header p
{
	color:#fff;
	font-style:italic;
	font-family: "GroldLight";
	font-size: 1.4rem;
	line-height: 1.5rem;
}
.address-box
{
	padding-bottom:2rem;
}
.address-box h4{
font-family: "GroldMedium";
    color: #024f61;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 0.5rem;
}

.top-roundEffect {
    background-color: #fff;
	aspect-ratio: 1440 / 83;
    width: 100%;
}
.top-roundEffect-overlay {
    z-index: 1;
    aspect-ratio: 1440 / 83;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
.top-roundEffect-overlay:after {
    content: "";
    background-color: #024f61;
    border-radius: 50%;
    width: 115%;
    height: 400%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}


@media (max-width: 1200px) {
.talent-text .talent-header h1, .talent-text .talent-header h2{
   font-size: 3rem;
   line-height: 2.4rem;	
}
.talent-text .talent-header p, .title-talent p
{
font-size: 1.2rem;
padding-top: 1rem;	
}
}
@media (max-width: 1100px) {
.talent-text .talent-header h1, .talent-text .talent-header h2{
   font-size: 2.6rem;
   line-height: 2rem;	
}
.talent-text .talent-header p
{
font-size: 1.2rem;
padding-top: 1rem;	
line-height: 1.3rem;
}
	
}
@media (max-width: 900px) {
.talent-text .talent-header h1, .talent-text .talent-header h2{
   font-size: 2rem;
   line-height: 1.8rem;	
}
.talent-text .talent-header p
{
font-size: 1rem;
padding-top: 1rem;	
}
.talent-text img { width: 90% !important;}
.get-intoch label {font-size: 1rem;}
}
@media (max-width: 768px) {
.title-talent {
    margin-left: 0;
    width: 100%;
}	
.top-roundEffect, .top-roundEffect-overlay {aspect-ratio: 1440 / 150;}	
.talent-text {
    margin-left: 2rem;
}
.store-box-text {
    margin-top: 4rem;
}
.get-intoch {
    width: 95%;
}
.header .banner { padding: 10.4rem 0 0;}

}
@media (max-width: 480px) {
	.case-title h1 {
    font-size: 6vw;
} 
}
.error-text
{
	display: flex;
  flex-direction: column;
  justify-content: center; /* Centers vertically */
  align-items: center;     /* Centers horizontally */
  text-align: center;
  color: #fff;
  font-family: 'GroldRegular', sans-serif; /* Added generic fallback */
  height: 70vh;
  box-sizing: border-box;
}
.error-header {}
.error-header h6 { margin-bottom:1rem;}
.error-header h1{line-height:1;}