*{margin:0;padding:0;box-sizing:border-box}
:root{font-size:16px}
html{scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;background:#FEF8F9;color:#604C40;line-height:1.6}
.hdr-holder{background:linear-gradient(135deg,#FEF8F9 0%,#fff 100%);border-bottom:3px solid #008EDB;box-shadow:0 6px 18px #008edb1f}
.toprow-v1{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:60px;padding:32px 24px;align-items:start}
.brand-stack{display:flex;flex-direction:column;gap:14px}
.logo-holder{background:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #604c4014 0 0 0 2px #008edb1a;display:inline-block}
.logo-holder .mainlogo{width:110px;height:110px;display:block}
.companyname-v2 a{font-size:26px;font-weight:700;color:#008EDB;text-decoration:none;letter-spacing:.5px;transition:color .3s ease}
.companyname-v2 a:hover{color:#604C40}
.nav-contact-cluster{display:flex;flex-direction:column;gap:24px;padding-top:8px}
.primarynav-v1{display:flex;gap:8px;flex-wrap:wrap}
.primarynav-v1 .navlink{padding:12px 20px;background:#fff;color:#604C40;text-decoration:none;border-radius:6px;font-weight:600;font-size:15px;border:2px solid #008edb33;transition:background .3s ease,border-color .3s ease;box-shadow:0 2px 8px #604c400f}
.primarynav-v1 .navlink:hover{background:#008edb14;border-color:#008EDB}
.contact-details-box{display:flex;gap:28px;padding:18px 24px;background:#008edb0a;border-radius:8px;border-left:4px solid #008EDB}
.contact-item-v1{display:flex;flex-direction:column;gap:4px}
.contact-item-v1 .contact-label{font-size:13px;font-weight:600;color:#604C40;opacity:.7}
.contact-item-v1 .contact-data{font-size:15px;font-weight:600;color:#008EDB;text-decoration:none;transition:color .3s ease}
.contact-item-v1 .contact-data:hover{color:#604C40}
.decorative-stripe-v1{height:6px;background:linear-gradient(90deg,#008EDB 0%,#604C40 50%,#008EDB 100%)}
.ftr-wrapper{background:linear-gradient(180deg,#604C40 0%,#4a3a30 100%);color:#FEF8F9;padding:64px 24px 32px}
.footer-content-grid{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-heading-v1{font-size:20px;font-weight:700;color:#008EDB;margin-bottom:18px;letter-spacing:.3px}
.footer-desc-v2{font-size:15px;line-height:1.8;color:#fef8f9e6}
.footer-nav-v2{display:flex;flex-direction:column;gap:12px}
.footer-link-v1{color:#fef8f9d9;text-decoration:none;font-size:15px;font-weight:500;transition:color .3s ease;padding:6px 0}
.footer-link-v1:hover{color:#008EDB}
.footer-address-v1{font-style:normal;font-size:15px;line-height:1.8;color:#fef8f9d9}
.footer-bottom-v1{max-width:1366px;margin:0 auto;padding-top:28px;border-top:2px solid #008edb4d}
.copyright-v2{text-align:center;font-size:14px;color:#fef8f9b3}
.cookie-popup-v1{position:fixed;bottom:24px;left:24px;max-width:420px;background:#fff;border-radius:10px;box-shadow:0 12px 36px #604c4040 0 0 0 3px #008edb26;padding:28px;z-index:9999;transition:opacity .3s ease}
.cookie-popup-v1[data-visible="false"]{display:none}
.cookie-heading-v1{font-size:18px;font-weight:700;color:#604C40;margin-bottom:14px}
.cookie-text-v2{font-size:14px;line-height:1.6;color:#604C40;margin-bottom:20px}
.cookie-categories-v1{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.cookie-cat-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#604C40;cursor:pointer}
.cookie-checkbox-v1{width:18px;height:18px;cursor:pointer}
.cookie-actions-v1{display:flex;gap:12px}
.cookie-btn-v2{flex:1;padding:12px 16px;border:2px solid #008EDB;background:transparent;color:#008EDB;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s ease,color .3s ease;font-family:'Nunito',sans-serif}
.cookie-btn-v2:hover{background:#008edb14}
.cookie-btn-v2.accept-btn{border-color:#008EDB;color:#008EDB}
.cookie-btn-v2.decline-btn{border-color:#604C40;color:#604C40}
.cookie-btn-v2.decline-btn:hover{background:#604c4014}
@media (max-width: 1024px) {
.toprow-v1{grid-template-columns:1fr;gap:32px}
.brand-stack{align-items:center;text-align:center}
.nav-contact-cluster{align-items:center}
.primarynav-v1{justify-content:center}
.contact-details-box{flex-direction:column;gap:16px;align-items:center;text-align:center}
.footer-content-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width: 640px) {
.toprow-v1{padding:24px 16px}
.logo-holder .mainlogo{width:90px;height:90px}
.companyname-v2 a{font-size:22px}
.primarynav-v1{flex-direction:column;width:100%}
.primarynav-v1 .navlink{text-align:center;width:100%}
.contact-details-box{width:100%}
.cookie-popup-v1{left:12px;right:12px;max-width:none;bottom:12px}
.cookie-actions-v1{flex-direction:column}
.ftr-wrapper{padding:48px 16px 24px}
}
.rules-content{max-width:1366px;margin:0 auto;padding:60px 20px;background:#FEF8F9}
.rules-content p{font-size:16px;line-height:1.8;color:#604C40;margin:0 0 24px;text-align:justify}
.rules-content p:last-child{margin-bottom:0}
.rules-content ul,.rules-content ol{margin:0 0 28px;padding:0 0 0 28px}
.rules-content ul li,.rules-content ol li{font-size:16px;line-height:1.8;color:#604C40;margin:0 0 12px;padding-left:8px}
.rules-content ul li:last-child,.rules-content ol li:last-child{margin-bottom:0}
.rules-content ul{list-style-type:disc}
.rules-content ul ul{margin:12px 0;list-style-type:circle}
.rules-content ol{list-style-type:decimal}
.rules-content ol ol{margin:12px 0;list-style-type:lower-alpha}
.rules-content em,.rules-content i{font-style:italic;color:#604C40}
.rules-content a{color:#008EDB;text-decoration:underline;transition:all .3s ease}
.rules-content a:hover{color:#0073b8;text-decoration:none}
.rules-content a:focus{outline:2px solid #008EDB;outline-offset:2px}
.rules-content table{width:100%;border-collapse:collapse;margin:0 0 32px;background:#fff;box-shadow:0 4px 12px #008edb14;border-radius:8px;overflow:hidden}
.rules-content thead{background:#008edb1a}
.rules-content thead tr{border-bottom:2px solid #008EDB}
.rules-content tbody tr{border-bottom:1px solid #604c401a}
.rules-content tbody tr:last-child{border-bottom:none}
.rules-content tbody tr:hover{background:#008edb08}
.rules-content th{padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:#008EDB;text-transform:uppercase;letter-spacing:.5px}
.rules-content td{padding:14px 20px;font-size:16px;line-height:1.6;color:#604C40}
.rules-content div{margin:0 0 20px}
@media (max-width: 1024px) {
.rules-content{padding:50px 18px}
.rules-content p,.rules-content ul li,.rules-content ol li,.rules-content td{font-size:15px}
.rules-content th,.rules-content td{padding:12px 16px}
}
@media (max-width: 640px) {
.rules-content{padding:40px 16px}
.rules-content p{text-align:left;font-size:14px;line-height:1.7;margin-bottom:20px}
.rules-content ul,.rules-content ol{padding-left:24px;margin-bottom:24px}
.rules-content ul li,.rules-content ol li{font-size:14px;line-height:1.7;margin-bottom:10px}
.rules-content table{font-size:13px;margin-bottom:28px}
.rules-content th{padding:10px 12px;font-size:13px}
.rules-content td{padding:10px 12px;font-size:14px}
.rules-content table{display:block;overflow-x:auto;white-space:nowrap}
}
.titleholder{position:relative;max-width:1366px;margin:0 auto;padding:0;overflow:hidden}
.titleholder .imgstrip{width:100%;height:180px;position:relative;overflow:hidden}
.titleholder .imgstrip img{width:100%;height:100%;object-fit:cover;filter:blur(3px);opacity:.7}
.titleholder .txtcontent{background:#FEF8F9;padding:60px 30px;position:relative}
.titleholder .txtcontent::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,#008EDB,transparent)}
.titleholder .maintitle{font-size:42px;line-height:1.2;color:#604C40;margin:0 0 20px;max-width:900px;margin-left:auto;margin-right:auto}
.titleholder .leadtext{font-size:18px;line-height:1.7;color:#604C40;max-width:800px;margin:0 auto}
.materialsgrid{max-width:1366px;margin:80px auto;padding:0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.materialsgrid .resourcecard{background:#FEF8F9;border:2px solid #008EDB;border-radius:8px;padding:30px 24px;position:relative;transition:all .3s ease}
.materialsgrid .resourcecard:hover{transform:translateY(-6px);box-shadow:0 12px 30px #008edb33}
.materialsgrid .resourcecard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;height:6px;background:linear-gradient(90deg,#008EDB,#604C40);border-radius:6px 6px 0 0}
.materialsgrid .resourcecard .cardtitle{font-size:24px;color:#008EDB;margin:0 0 16px;font-weight:600}
.materialsgrid .resourcecard .carddesc{font-size:16px;line-height:1.6;color:#604C40;margin:0 0 20px}
.materialsgrid .resourcecard .itemlist{list-style:none;padding:0;margin:0 0 24px}
.materialsgrid .resourcecard .itemlist li{padding:8px 0 8px 28px;position:relative;font-size:15px;color:#604C40;line-height:1.5}
.materialsgrid .resourcecard .itemlist li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;background:#008EDB;border-radius:50%;opacity:.6}
.materialsgrid .resourcecard .actionbtn{display:inline-block;padding:12px 28px;background:#008EDB;color:#FEF8F9;text-decoration:none;border-radius:6px;font-size:15px;font-weight:500;transition:all .3s ease;border:2px solid #008EDB}
.materialsgrid .resourcecard .actionbtn:hover{background:transparent;color:#008EDB}
.accesssection{max-width:1366px;margin:0 auto 80px;padding:0 30px}
.accesssection .splitlayout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.accesssection .contentside{padding:40px;background:linear-gradient(135deg,#008edb14,#604c400f);border-radius:12px;border-left:6px solid #008EDB}
.accesssection .contentside .sectionhead{font-size:34px;color:#604C40;margin:0 0 24px;line-height:1.3}
.accesssection .contentside .narrative{font-size:16px;line-height:1.8;color:#604C40;margin:0 0 30px}
.accesssection .contentside .featuregrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}
.accesssection .contentside .featureitem{padding:16px;background:#FEF8F9;border-radius:6px;border:1px solid #008edb33}
.accesssection .contentside .featureitem .featurelabel{font-size:15px;color:#008EDB;font-weight:600;margin:0 0 6px}
.accesssection .contentside .featureitem .featuredetail{font-size:14px;color:#604C40;margin:0;line-height:1.5}
.accesssection .imageside{position:relative}
.accesssection .imageside img{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 16px 40px #008edb40}
.accesssection .imageside::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:linear-gradient(135deg,#008EDB,#604C40);border-radius:12px;opacity:.15;z-index:-1}
.accesssection .contentside .ctabtn{display:inline-block;padding:14px 36px;background:#604C40;color:#FEF8F9;text-decoration:none;border-radius:8px;font-size:16px;font-weight:500;transition:all .3s ease;box-shadow:0 6px 20px #604c404d}
.accesssection .contentside .ctabtn:hover{transform:scale(1.05);box-shadow:0 10px 30px #604c4066}
@media (max-width: 1024px) {
.materialsgrid{grid-template-columns:1fr 1fr;gap:30px}
.accesssection .splitlayout{grid-template-columns:1fr;gap:40px}
.accesssection .imageside img{height:400px}
}
@media (max-width: 640px) {
.titleholder .maintitle{font-size:32px}
.titleholder .leadtext{font-size:16px}
.titleholder .txtcontent{padding:40px 20px}
.materialsgrid{grid-template-columns:1fr;gap:24px;margin:60px auto;padding:0 20px}
.accesssection{padding:0 20px}
.accesssection .contentside{padding:30px 20px}
.accesssection .contentside .sectionhead{font-size:28px}
.accesssection .contentside .featuregrid{grid-template-columns:1fr;gap:14px}
.accesssection .imageside img{height:320px}
.accesssection .imageside::after{display:none}
}
.titleholder{max-width:1366px;margin:3rem auto;padding:0 1.5rem}
.titlegrid{display:flex;gap:3rem;align-items:center}
.titleimgbox{flex:0 0 45%;position:relative;overflow:hidden;border-radius:8px}
.titleimgbox img{width:100%;height:auto;display:block;transition:transform .6s ease}
.titleimgbox:hover img{transform:scale(1.05)}
.titletext{flex:1}
.titletext h1{font-size:2.8rem;color:#604C40;margin-bottom:1rem;line-height:1.2}
.titletext .lead{font-size:1.15rem;color:#333;line-height:1.7;margin-bottom:1.5rem}
.cta-btn-v1{display:inline-block;background:linear-gradient(135deg,#008EDB,#0076b8);color:#fff;padding:1rem 2.5rem;border-radius:6px;text-decoration:none;font-weight:600;box-shadow:0 6px 18px #008edb4d;transition:all .3s ease;position:relative;z-index:10}
.cta-btn-v1:hover{transform:translateY(-3px);box-shadow:0 10px 24px #008edb66;background:linear-gradient(135deg,#0076b8,#008EDB)}
.securitywrap{background:linear-gradient(to bottom,#FEF8F9,#fff);padding:5rem 0;position:relative}
.security-holder{max-width:1366px;margin:auto;padding:0 1.5rem}
.security-holder h2{font-size:2.3rem;color:#604C40;text-align:center;margin-bottom:3rem;position:relative}
.security-holder h2::after{content:'';display:block;width:80px;height:4px;background:#008EDB;margin:1rem auto 0;border-radius:2px}
.guaranteegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.guaranteebox{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #604c4014;transition:all .4s ease;border:2px solid transparent}
.guaranteebox:hover{transform:translateY(-6px);box-shadow:0 8px 20px #008edb26;border-color:#008EDB}
.guaranteebox h3{font-size:1.4rem;color:#008EDB;margin-bottom:1rem}
.guaranteebox p{color:#555;line-height:1.7;margin:0}
.toolssec{padding:5rem 0;background:#fff}
.tools-container{max-width:1366px;margin:auto;padding:0 1.5rem}
.tools-container h2{font-size:2.3rem;color:#604C40;margin-bottom:1rem}
.tools-intro{font-size:1.1rem;color:#444;line-height:1.7;margin-bottom:3rem;max-width:800px}
.toolstabs{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.toolstabs input[type="radio"]{display:none}
.tablabel{padding:.9rem 2rem;background:#f5f5f5;color:#604C40;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600;border:2px solid transparent}
.tablabel:hover{background:#e8e8e8}
.toolstabs input[type="radio"]:checked + .tablabel{background:#008EDB;color:#fff;border-color:#0076b8}
.tabcontent{display:none;background:#FEF8F9;padding:2.5rem;border-radius:10px;border-left:5px solid #008EDB}
#tool1:checked ~ .toolspanels .panel1,#tool2:checked ~ .toolspanels .panel2,#tool3:checked ~ .toolspanels .panel3{display:block}
.tabcontent h4{font-size:1.6rem;color:#604C40;margin-bottom:1rem}
.tabcontent p{color:#555;line-height:1.75;margin-bottom:1.2rem}
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{padding:.7rem 0 .7rem 2rem;position:relative;color:#444}
.feature-list li::before{content:'✓';position:absolute;left:0;color:#008EDB;font-weight:700;font-size:1.2rem}
.supportarea{background:linear-gradient(135deg,#008edb0d,#fef8f9cc);padding:5rem 0}
.support-wrap{max-width:1366px;margin:auto;padding:0 1.5rem}
.supportlayout{display:flex;gap:3rem;align-items:flex-start}
.supporttext{flex:1}
.supporttext h2{font-size:2.3rem;color:#604C40;margin-bottom:1.5rem}
.supporttext p{color:#555;line-height:1.8;margin-bottom:1.2rem}
.supportimg{flex:0 0 48%;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #604c401f}
.supportimg img{width:100%;height:auto;display:block}
.channelgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}
.channelitem{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 3px 10px #008edb14;transition:transform .3s ease}
.channelitem:hover{transform:translateX(6px)}
.channelitem h5{color:#008EDB;margin-bottom:.5rem;font-size:1.1rem}
.channelitem p{margin:0;color:#666;font-size:.95rem}
@media (max-width: 1024px) {
.titlegrid{flex-direction:column;gap:2rem}
.titleimgbox{flex:0 0 100%}
.supportlayout{flex-direction:column-reverse}
.supportimg{flex:0 0 100%}
.channelgrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.titletext h1{font-size:2rem}
.security-holder h2,.tools-container h2,.supporttext h2{font-size:1.8rem}
.guaranteegrid{grid-template-columns:1fr}
.toolstabs{flex-direction:column}
.tabcontent{padding:1.5rem}
}
.contacthero{background:linear-gradient(135deg,#008edb14 0%,#fef8f9e6 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.contacthero::before{content:'';position:absolute;top:-50px;right:-80px;width:300px;height:300px;background:#604c400a;border-radius:50%;z-index:1}
.contacthero::after{content:'';position:absolute;bottom:-40px;left:-60px;width:200px;height:200px;background:#008edb0d;border-radius:50%;z-index:1}
.herowrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.herotxt h1{font-size:52px;line-height:1.1;color:#604C40;margin:0 0 12px;font-weight:700}
.herotxt .subline{font-size:28px;color:#008EDB;margin:0 0 16px;font-weight:500}
.herotxt .tagline{font-size:18px;color:#604C40;opacity:.85;max-width:620px}
.introblock{padding:70px 20px;background:#fff}
.introwrapper{max-width:1366px;margin:0 auto;display:flex;gap:60px;align-items:center}
.introtxt{flex:1.2}
.introtxt h2{font-size:36px;color:#604C40;margin:0 0 24px;font-weight:600}
.introtxt p{font-size:17px;line-height:1.7;color:#604C40;margin:0 0 18px}
.intropicture{flex:1}
.intropicture img{width:100%;height:440px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #008edb1f}
.contactdetailssection{background:linear-gradient(180deg,#FEF8F9 0%,#008edb0a 100%);padding:70px 20px}
.detailsholder{max-width:1366px;margin:0 auto}
.detailsholder h3{font-size:32px;color:#604C40;text-align:center;margin:0 0 50px;font-weight:600}
.contactgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.infobox{background:#fff;padding:32px 28px;border-radius:10px;border:2px solid #008edb1a;transition:all .3s ease}
.infobox:hover{border-color:#008EDB;box-shadow:0 6px 20px #008edb26;transform:translateY(-4px)}
.infobox h4{font-size:20px;color:#008EDB;margin:0 0 14px;font-weight:600}
.infobox p{font-size:16px;color:#604C40;line-height:1.6;margin:0}
.infobox a{color:#604C40;text-decoration:none;transition:color .3s ease}
.infobox a:hover{color:#008EDB}
.formarea{padding:80px 20px;background:#fff}
.formcontainer{max-width:800px;margin:0 auto}
.formcontainer h3{font-size:34px;color:#604C40;text-align:center;margin:0 0 16px;font-weight:600}
.formintro{font-size:17px;color:#604C40;text-align:center;margin:0 0 44px;opacity:.9;line-height:1.6}
.contactformv2{background:linear-gradient(135deg,#fef8f999 0%,#008edb0a 100%);padding:42px 36px;border-radius:12px;box-shadow:0 4px 16px #604c4014}
.fieldgroup{margin:0 0 26px}
.fieldgroup label{display:block;font-size:15px;color:#604C40;margin:0 0 8px;font-weight:500}
.fieldgroup input[type="text"],.fieldgroup input[type="email"],.fieldgroup select{width:100%;padding:14px 16px;font-size:16px;border:2px solid #604c4033;border-radius:6px;background:#fff;color:#604C40;transition:all .3s ease;box-sizing:border-box}
.fieldgroup input[type="text"]:focus,.fieldgroup input[type="email"]:focus,.fieldgroup select:focus{outline:none;border-color:#008EDB;box-shadow:0 0 0 3px #008edb1a}
.fieldgroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23604C40' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.privacycheck{margin:28px 0;display:flex;align-items:flex-start;gap:10px}
.privacycheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:#008EDB}
.privacycheck label{font-size:14px;color:#604C40;line-height:1.5;cursor:pointer}
.privacycheck a{color:#008EDB;text-decoration:none;font-weight:500;transition:color .3s ease}
.privacycheck a:hover{color:#604C40}
.btnsubmit{width:100%;padding:16px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#008EDB 0%,#0077b8 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #008edb40;z-index:10;position:relative}
.btnsubmit:hover{background:linear-gradient(135deg,#0077b8 0%,#005f99 100%);box-shadow:0 6px 18px #008edb59;transform:translateY(-2px)}
.btnsubmit:active{transform:translateY(0)}
.hoursinfo{background:#604C40;padding:60px 20px;color:#FEF8F9}
.hourswrap{max-width:1366px;margin:0 auto;text-align:center}
.hourswrap h3{font-size:30px;margin:0 0 20px;color:#FEF8F9;font-weight:600}
.hourswrap p{font-size:17px;line-height:1.7;margin:0 0 14px;opacity:.95}
.hourswrap p:last-child{margin:0}
@media (max-width: 1024px) {
.herotxt h1{font-size:42px}
.herotxt .subline{font-size:24px}
.introwrapper{flex-direction:column;gap:40px}
.intropicture img{height:360px}
.contactgrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.contacthero{padding:60px 20px 40px}
.herotxt h1{font-size:34px}
.herotxt .subline{font-size:20px}
.herotxt .tagline{font-size:16px}
.introblock{padding:50px 20px}
.introtxt h2{font-size:28px}
.intropicture img{height:280px}
.contactdetailssection{padding:50px 20px}
.detailsholder h3{font-size:26px;margin-bottom:36px}
.formarea{padding:60px 20px}
.formcontainer h3{font-size:28px}
.contactformv2{padding:32px 24px}
.hoursinfo{padding:50px 20px}
.hourswrap h3{font-size:24px}
}
.titlewrap{max-width:1366px;margin:0 auto;padding:80px 20px;position:relative;overflow:hidden}
.titlewrap::before{content:'';position:absolute;top:10%;right:-5%;width:400px;height:400px;background:linear-gradient(135deg,#008edb14,#fef8f91f);border-radius:42% 58% 70% 30% / 45% 35% 65% 55%;z-index:0}
.titlewrap::after{content:'';position:absolute;bottom:15%;left:-8%;width:320px;height:320px;background:#604c400d;border-radius:30% 70% 70% 30% / 60% 40% 60% 40%;z-index:0}
.titleimghold{position:relative;margin-bottom:48px;z-index:1}
.titleimghold img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #008edb24}
.titlecontent{position:relative;z-index:1}
.titlecontent h1{font-size:2.8rem;margin:0 0 28px;color:#604C40;line-height:1.25}
.titledetaillist{list-style:none;padding:0;margin:0 0 36px}
.titledetaillist li{font-size:1.1rem;line-height:1.75;color:#333;margin-bottom:16px;padding-left:32px;position:relative}
.titledetaillist li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;background:#008EDB;border-radius:50%;box-shadow:0 0 0 4px #008edb33}
.titlecta{display:inline-block;padding:14px 32px;background:#008EDB;color:#fff;text-decoration:none;border-radius:6px;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 16px #008edb40}
.titlecta:hover{background:#0077ba;transform:translateY(-2px);box-shadow:0 8px 24px #008edb59}
.narrative{max-width:1366px;margin:0 auto;padding:100px 20px;background:linear-gradient(165deg,#FEF8F9 0%,#fef8f966 100%)}
.narrativegrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;align-items:start}
.narrativecard{background:#fff;border-radius:10px;padding:0;box-shadow:0 6px 20px #604c4014;transition:all .35s ease;overflow:hidden}
.narrativecard:hover{transform:translateY(-6px);box-shadow:0 14px 36px #604c4029}
.cardimgv1{width:100%;height:240px;object-fit:cover}
.cardtxtv1{padding:32px 28px}
.cardtxtv1 h3{font-size:1.5rem;margin:0 0 18px;color:#604C40;position:relative;padding-bottom:12px}
.cardtxtv1 h3::after{content:'';position:absolute;bottom:0;left:0;width:48px;height:3px;background:linear-gradient(90deg,#008EDB,transparent)}
.cardtxtv1 p{font-size:1.02rem;line-height:1.7;color:#555;margin:0}
.experiencetab{margin-top:72px}
.tabselector{display:none}
.tablabels{display:flex;gap:12px;margin-bottom:40px;border-bottom:2px solid #008edb26}
.tablbl{padding:14px 28px;cursor:pointer;background:transparent;color:#604C40;border:none;border-bottom:3px solid transparent;font-size:1.08rem;transition:all .3s ease;position:relative;bottom:-2px}
.tablbl:hover{color:#008EDB;background:#008edb0d}
.tabselector:checked + .tablbl{color:#008EDB;border-bottom-color:#008EDB;font-weight:600}
.tabpanel{display:none;animation:fadeshow .4s ease}
@keyframes fadeshow {
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
#tab1v1:checked ~ .tabcontentarea #panel1v1,#tab2v1:checked ~ .tabcontentarea #panel2v1,#tab3v1:checked ~ .tabcontentarea #panel3v1{display:block}
.paneldata{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;align-items:center}
.paneltxt h4{font-size:1.85rem;margin:0 0 24px;color:#604C40}
.paneltxt p{font-size:1.05rem;line-height:1.75;color:#444;margin:0 0 20px}
.panelimg img{width:100%;height:360px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #008edb1f}
.statbar{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.statitem{text-align:center;padding:20px;background:#008edb0f;border-radius:8px;border-left:4px solid #008EDB}
.statnum{font-size:2.2rem;font-weight:700;color:#008EDB;display:block;margin-bottom:6px}
.statlbl{font-size:.95rem;color:#604C40;font-weight:500}
@media (max-width: 1024px) {
.narrativegrid{grid-template-columns:1fr 1fr}
.paneldata{grid-template-columns:1fr}
.titlecontent h1{font-size:2.2rem}
.statbar{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.narrativegrid{grid-template-columns:1fr}
.titlewrap{padding:50px 16px}
.titleimghold img{height:320px}
.titlecontent h1{font-size:1.8rem}
.tablabels{flex-direction:column;gap:8px}
.tablbl{border-bottom:none;border-left:3px solid transparent}
.tabselector:checked + .tablbl{border-left-color:#008EDB;border-bottom-color:transparent}
.narrative{padding:60px 16px}
}
.title-block-holder{position:relative;height:480px;overflow:hidden;background:#604C40;display:flex;align-items:center;justify-content:center}
.title-block-holder .imgbase{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.7}
.title-block-holder .textbox-v1{position:relative;z-index:2;background:#fef8f9f2;padding:48px 56px;max-width:720px;margin:0 auto;border-radius:8px;box-shadow:0 12px 32px #604c4040}
.title-block-holder .maintitle{font-size:2.8rem;line-height:1.2;color:#604C40;margin:0 0 28px;font-weight:700}
.title-block-holder .subdesc{font-size:1.15rem;line-height:1.6;color:#604C40;margin:0;opacity:.85}
.title-block-holder .shapedeco{position:absolute;border-radius:50%;background:linear-gradient(135deg,#008edb26,#604c401f);z-index:1}
.title-block-holder .shapedeco:nth-of-type(1){width:320px;height:320px;top:-80px;right:10%}
.title-block-holder .shapedeco:nth-of-type(2){width:200px;height:200px;bottom:-60px;left:8%}
@media (max-width: 1024px) {
.title-block-holder{height:420px}
.title-block-holder .textbox-v1{padding:36px 42px;max-width:600px}
.title-block-holder .maintitle{font-size:2.3rem}
}
@media (max-width: 640px) {
.title-block-holder{height:auto;padding:60px 20px}
.title-block-holder .textbox-v1{padding:28px 32px}
.title-block-holder .maintitle{font-size:1.9rem;margin-bottom:20px}
.title-block-holder .subdesc{font-size:1rem}
}
.pathdata-container{max-width:1366px;margin:0 auto;padding:96px 24px}
.pathdata-container .section-intro{max-width:860px;margin:0 auto 64px;text-align:center}
.pathdata-container .section-intro h2{font-size:2.4rem;color:#604C40;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.pathdata-container .section-intro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#008EDB,#604C40);border-radius:2px}
.pathdata-container .section-intro p{font-size:1.1rem;line-height:1.7;color:#604C40;margin:28px 0 0}
.pathdata-container .levelgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.pathdata-container .levelcard{background:#FEF8F9;border:2px solid #008EDB;border-radius:10px;padding:36px 28px;transition:all .3s ease;position:relative;overflow:hidden}
.pathdata-container .levelcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#008EDB,#604C40)}
.pathdata-container .levelcard:hover{transform:translateY(-6px);box-shadow:0 14px 28px #008edb33;border-color:#604C40}
.pathdata-container .levelcard h3{font-size:1.6rem;color:#008EDB;margin:0 0 16px;font-weight:600}
.pathdata-container .levelcard .leveldesc{font-size:1rem;line-height:1.6;color:#604C40;margin:0 0 20px}
.pathdata-container .levelcard .topiclist{list-style:none;padding:0;margin:0}
.pathdata-container .levelcard .topiclist li{font-size:.95rem;color:#604C40;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.pathdata-container .levelcard .topiclist li::before{content:'→';position:absolute;left:0;color:#008EDB;font-weight:700}
@media (max-width: 1024px) {
.pathdata-container{padding:72px 24px}
.pathdata-container .levelgrid{grid-template-columns:repeat(2,1fr);gap:28px}
.pathdata-container .section-intro h2{font-size:2.1rem}
}
@media (max-width: 640px) {
.pathdata-container{padding:56px 20px}
.pathdata-container .levelgrid{grid-template-columns:1fr;gap:24px}
.pathdata-container .section-intro h2{font-size:1.8rem}
.pathdata-container .levelcard{padding:28px 24px}
}
.progresswrap{background:linear-gradient(135deg,#604C40,#008EDB);padding:88px 24px;position:relative;overflow:hidden}
.progresswrap::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#fef8f91a,transparent);border-radius:50%}
.progresswrap .innerholder{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.progresswrap h2{font-size:2.2rem;color:#FEF8F9;text-align:center;margin:0 0 52px;font-weight:700}
.progresswrap .steprow{display:flex;justify-content:space-between;align-items:stretch;gap:24px;position:relative}
.progresswrap .steprow::before{content:'';position:absolute;top:40px;left:12%;right:12%;height:3px;background:#fef8f94d;z-index:1}
.progresswrap .stepitem{flex:1;background:#fef8f9f2;border-radius:12px;padding:32px 24px;text-align:center;position:relative;z-index:2;transition:transform .3s ease}
.progresswrap .stepitem:hover{transform:scale(1.05)}
.progresswrap .stepitem .stepnum{width:56px;height:56px;background:#008EDB;color:#FEF8F9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;margin:0 auto 20px;box-shadow:0 6px 16px #008edb66}
.progresswrap .stepitem h4{font-size:1.3rem;color:#604C40;margin:0 0 12px;font-weight:600}
.progresswrap .stepitem p{font-size:.95rem;line-height:1.5;color:#604C40;margin:0}
@media (max-width: 1024px) {
.progresswrap{padding:68px 24px}
.progresswrap .steprow{flex-wrap:wrap}
.progresswrap .stepitem{flex:1 1 calc(50% - 12px)}
.progresswrap .steprow::before{display:none}
}
@media (max-width: 640px) {
.progresswrap{padding:52px 20px}
.progresswrap h2{font-size:1.8rem;margin-bottom:36px}
.progresswrap .stepitem{flex:1 1 100%}
}
.detailwrap-v2{max-width:1366px;margin:0 auto;padding:92px 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.detailwrap-v2 .imgside{position:relative}
.detailwrap-v2 .imgside img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 16px 40px #604c4040}
.detailwrap-v2 .imgside::after{content:'';position:absolute;top:20px;left:20px;right:-20px;bottom:-20px;border:3px solid #008EDB;border-radius:12px;z-index:-1}
.detailwrap-v2 .contentside h2{font-size:2.3rem;color:#604C40;margin:0 0 24px;font-weight:700;line-height:1.3}
.detailwrap-v2 .contentside h2::before{content:'';display:block;width:60px;height:5px;background:#008EDB;margin-bottom:16px;border-radius:3px}
.detailwrap-v2 .contentside p{font-size:1.05rem;line-height:1.7;color:#604C40;margin:0 0 18px}
.detailwrap-v2 .contentside .highlight-term{color:#008EDB;font-weight:600;position:relative}
.detailwrap-v2 .contentside .highlight-term::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#008EDB,transparent)}
@media (max-width: 1024px) {
.detailwrap-v2{grid-template-columns:1fr;gap:44px;padding:72px 24px}
.detailwrap-v2 .imgside img{height:420px}
}
@media (max-width: 640px) {
.detailwrap-v2{padding:56px 20px;gap:36px}
.detailwrap-v2 .imgside img{height:320px}
.detailwrap-v2 .contentside h2{font-size:1.9rem}
.detailwrap-v2 .imgside::after{display:none}
}
.ctabox-final{background:#FEF8F9;padding:84px 24px;text-align:center;position:relative;overflow:hidden}
.ctabox-final::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#008edb1f,transparent);border-radius:50%}
.ctabox-final::after{content:'';position:absolute;bottom:-120px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,#604c401a,transparent);border-radius:50%}
.ctabox-final .content-inner{max-width:820px;margin:0 auto;position:relative;z-index:2}
.ctabox-final h2{font-size:2.5rem;color:#604C40;margin:0 0 22px;font-weight:700}
.ctabox-final p{font-size:1.15rem;line-height:1.7;color:#604C40;margin:0 0 36px;opacity:.9}
.ctabox-final .btnholder{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctabox-final .btn-primary-v1{background:#008EDB;color:#FEF8F9;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 8px 20px #008edb4d}
.ctabox-final .btn-primary-v1:hover{background:#0077b8;transform:translateY(-3px);box-shadow:0 12px 28px #008edb66}
.ctabox-final .btn-secondary-v1{background:transparent;color:#604C40;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;border:2px solid #604C40;transition:all .3s ease;display:inline-block}
.ctabox-final .btn-secondary-v1:hover{background:#604C40;color:#FEF8F9;transform:translateY(-3px)}
@media (max-width: 640px) {
.ctabox-final{padding:60px 20px}
.ctabox-final h2{font-size:2rem}
.ctabox-final p{font-size:1rem}
.ctabox-final .btnholder{flex-direction:column;align-items:stretch}
.ctabox-final .btn-primary-v1,.ctabox-final .btn-secondary-v1{width:100%;text-align:center}
}
.successwrap{max-width:1366px;margin:0 auto;padding:0}
.successhero{background:linear-gradient(135deg,#008EDB 0%,#008edbb3 100%);padding:80px 20px;position:relative;overflow:hidden}
.successhero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fef8f91a;border-radius:50%;z-index:1}
.successhero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#604c4026;border-radius:45%;z-index:1}
.heroholder{max-width:900px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.iconarea{width:120px;height:120px;background:#FEF8F9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 8px 24px #008edb4d}
.checkmark{width:60px;height:60px}
.checkmark path{fill:none;stroke:#008EDB;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.successtitle{font-size:48px;font-weight:700;color:#FEF8F9;margin:0 0 20px;line-height:1.2}
.successdesc{font-size:18px;color:#FEF8F9;line-height:1.6;margin:0 0 40px;max-width:600px}
.btngroup{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.primarybtn{background:#FEF8F9;color:#008EDB;padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #fef8f94d;position:relative;z-index:10}
.primarybtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fef8f966;background:#fff}
.secondarybtn{background:transparent;color:#FEF8F9;padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid #FEF8F9;transition:all .3s ease;position:relative;z-index:10}
.secondarybtn:hover{background:#fef8f91a;transform:translateY(-2px)}
.infosection{background:#FEF8F9;padding:80px 20px}
.infogrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.infocard{background:#fff;padding:40px 32px;border-radius:12px;box-shadow:0 6px 18px #604c4014;position:relative;border-top:4px solid #008EDB;transition:all .3s ease}
.infocard:nth-child(2){border-top-color:#604C40}
.infocard:nth-child(3){border-top-color:#008EDB}
.infocard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #604c4026}
.infocard h3{font-size:24px;color:#604C40;margin:0 0 16px;font-weight:700}
.infocard p{font-size:16px;color:#604C40;line-height:1.7;margin:0 0 24px}
.infolink{display:inline-flex;align-items:center;color:#008EDB;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;position:relative;z-index:10}
.infolink::after{content:'→';margin-left:8px;transition:margin-left .3s ease}
.infolink:hover{color:#0077b8}
.infolink:hover::after{margin-left:12px}
.decorshape1{position:absolute;top:10%;left:5%;width:80px;height:80px;background:linear-gradient(135deg,#008edb33,#604c401a);border-radius:50%;z-index:1}
.decorshape2{position:absolute;bottom:15%;right:8%;width:120px;height:120px;background:#fef8f926;border-radius:30%;transform:rotate(45deg);z-index:1}
@media (max-width: 1024px) {
.successtitle{font-size:36px}
.successdesc{font-size:16px}
.infogrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.successhero{padding:60px 20px}
.infosection{padding:60px 20px}
}
@media (max-width: 640px) {
.successhero{padding:50px 16px}
.successtitle{font-size:28px}
.successdesc{font-size:15px}
.iconarea{width:100px;height:100px;margin-bottom:24px}
.checkmark{width:50px;height:50px}
.btngroup{flex-direction:column;width:100%}
.primarybtn,.secondarybtn{width:100%;text-align:center;padding:14px 32px}
.infogrid{grid-template-columns:1fr;gap:24px}
.infocard{padding:32px 24px}
.infosection{padding:50px 16px}
.successhero::before{width:400px;height:400px}
.successhero::after{width:300px;height:300px}
}