@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/700.css";
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Bitter',serif;font-weight:400;line-height:1.6;color:#213B48;background:#FBFBFB}
.headerWrapperV1{background:linear-gradient(135deg,#FBFBFB 0%,#f5f0ed 100%);padding:30px 20px;box-shadow:0 2px 8px #213b4814}
.headerWrapperV1 .headerContainer{max-width:1000px;margin:0 auto}
.headerWrapperV1 .logoRowV1{display:flex;justify-content:center;align-items:center;margin-bottom:25px}
.headerWrapperV1 .logoRowV1 .logoImage{width:110px;height:110px;object-fit:contain;background:#fff;padding:12px;border-radius:16px;box-shadow:0 4px 12px #d3776326}
.headerWrapperV1 .companyRowV1{text-align:center;margin-bottom:28px}
.headerWrapperV1 .companyRowV1 .companyNameText{font-size:38px;font-weight:700;color:#213B48;letter-spacing:-.5px}
.headerWrapperV1 .navRowV1{display:flex;justify-content:center;align-items:center}
.headerWrapperV1 .navRowV1 .navListV1{list-style:none;display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:center;align-items:center}
.headerWrapperV1 .navRowV1 .navListV1 .navItemV1 a{text-decoration:none;color:#213B48;font-size:17px;font-weight:600;padding:8px 12px;border-radius:6px;transition:background-color .2s ease,color .2s ease;display:block}
.headerWrapperV1 .navRowV1 .navListV1 .navItemV1 a:hover{background-color:#d377631a;color:#D37763}
@media (max-width: 768px) {
.headerWrapperV1{padding:20px 15px}
.headerWrapperV1 .logoRowV1{margin-bottom:18px}
.headerWrapperV1 .logoRowV1 .logoImage{width:85px;height:85px}
.headerWrapperV1 .companyRowV1{margin-bottom:20px}
.headerWrapperV1 .companyRowV1 .companyNameText{font-size:28px}
.headerWrapperV1 .navRowV1 .navListV1{gap:6px 18px}
.headerWrapperV1 .navRowV1 .navListV1 .navItemV1 a{font-size:15px;padding:6px 10px}
}
.footerWrapperV2{background:linear-gradient(180deg,#213B48 0%,#1a2f3a 100%);color:#FBFBFB;padding:45px 20px 30px;margin-top:80px}
.footerWrapperV2 .footerContainer{max-width:1000px;margin:0 auto}
.footerWrapperV2 .footerTopZone{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:35px;padding-bottom:30px}
.footerWrapperV2 .footerTopZone .companyInfoBlock h3{font-size:24px;font-weight:700;margin-bottom:12px;color:#D37763}
.footerWrapperV2 .footerTopZone .companyInfoBlock p{font-size:15px;line-height:1.7;color:#fbfbfbd9;margin-bottom:8px}
.footerWrapperV2 .footerTopZone .linksBlock h4{font-size:18px;font-weight:600;margin-bottom:15px;color:#FBFBFB}
.footerWrapperV2 .footerTopZone .linksBlock ul{list-style:none}
.footerWrapperV2 .footerTopZone .linksBlock ul li{margin-bottom:10px}
.footerWrapperV2 .footerTopZone .linksBlock ul li a{color:#fbfbfbcc;text-decoration:none;font-size:15px;transition:color .2s ease}
.footerWrapperV2 .footerTopZone .linksBlock ul li a:hover{color:#D37763}
.footerWrapperV2 .footerBottomZone{text-align:center;padding-top:20px}
.footerWrapperV2 .footerBottomZone .copyrightText{font-size:14px;color:#fbfbfbb3}
@media (max-width: 768px) {
.footerWrapperV2{padding:35px 15px 25px}
.footerWrapperV2 .footerTopZone{grid-template-columns:1fr;gap:30px;margin-bottom:25px}
}
.cookieConsentBarV1{position:fixed;top:0;left:0;right:0;width:100%;background:#fff;box-shadow:0 4px 16px #213b4826;padding:18px 20px;z-index:10000;transform:translateY(-100%);transition:transform .4s ease}
.cookieConsentBarV1.activeState{transform:translateY(0)}
.cookieConsentBarV1 .cookieInnerWrap{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:15px;justify-content:space-between}
.cookieConsentBarV1 .cookieTextV1{flex:1 1 300px;font-size:14px;color:#213B48;line-height:1.5}
.cookieConsentBarV1 .cookieActionsV1{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cookieConsentBarV1 .cookieActionsV1 button{background:none;border:none;color:#D37763;font-family:'Bitter',serif;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer;padding:4px 0;transition:opacity .2s ease}
.cookieConsentBarV1 .cookieActionsV1 button:hover{opacity:.7}
.cookieConsentBarV1 .cookieSettingsPanel{display:none;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #213b481a}
.cookieConsentBarV1 .cookieSettingsPanel.visiblePanel{display:block}
.cookieConsentBarV1 .cookieSettingsPanel .cookieCategoryV1{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.cookieConsentBarV1 .cookieSettingsPanel .cookieCategoryV1 label{font-size:14px;color:#213B48;font-weight:600}
.cookieConsentBarV1 .cookieSettingsPanel .cookieCategoryV1 input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.cookieConsentBarV1 .cookieSettingsPanel .cookieCategoryV1 input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.5}
.cookiePrefsTab{position:fixed;right:0;top:50%;transform:translateY(-50%);background:#D37763;color:#fff;padding:12px 8px;cursor:pointer;border-radius:6px 0 0 6px;box-shadow:-2px 2px 8px #213b4833;z-index:9999;font-size:13px;font-weight:600;writing-mode:vertical-rl;text-orientation:mixed;transition:background-color .2s ease}
.cookiePrefsTab:hover{background:#c16552}
@media (max-width: 768px) {
.cookieConsentBarV1 .cookieInnerWrap{flex-direction:column;align-items:flex-start}
.cookieConsentBarV1 .cookieActionsV1{width:100%;justify-content:space-between}
}
.doc-area{max-width:1000px;margin:0 auto;padding:60px 20px;background:#FBFBFB}
.doc-area h1{font-size:42px;line-height:1.2;color:#213B48;margin:0 0 40px;font-weight:700;letter-spacing:-.5px}
.doc-area h2{font-size:32px;line-height:1.3;color:#213B48;margin:60px 0 24px;font-weight:700;padding-bottom:12px;border-bottom:2px solid #D37763}
.doc-area h3{font-size:24px;line-height:1.4;color:#213B48;margin:40px 0 20px;font-weight:600}
.doc-area h4{font-size:20px;line-height:1.4;color:#213B48;margin:32px 0 16px;font-weight:600}
.doc-area h5{font-size:18px;line-height:1.5;color:#213B48;margin:28px 0 14px;font-weight:600}
.doc-area h6{font-size:16px;line-height:1.5;color:#213B48;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.doc-area p{font-size:17px;line-height:1.7;color:#213B48;margin:0 0 20px}
.doc-area ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none}
.doc-area ul li{font-size:17px;line-height:1.7;color:#213B48;margin:0 0 12px;position:relative;padding-left:8px}
.doc-area ul li::before{content:"";position:absolute;left:-20px;top:11px;width:6px;height:6px;background:#D37763;border-radius:50%}
.doc-area ol{margin:0 0 24px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.doc-area ol li{font-size:17px;line-height:1.7;color:#213B48;margin:0 0 12px;position:relative;padding-left:8px;counter-increment:policy-counter}
.doc-area ol li::before{content:counter(policy-counter) ".";position:absolute;left:-28px;color:#D37763;font-weight:600}
.doc-area ul ul,.doc-area ul ol,.doc-area ol ul,.doc-area ol ol{margin:12px 0;padding-left:28px}
.doc-area a{color:#D37763;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.doc-area a:hover{border-bottom-color:#D37763}
.doc-area a:active{color:#213B48}
.doc-area em,.doc-area i{font-style:italic}
.doc-area strong{font-weight:600;color:#213B48}
@media screen and (max-width: 768px) {
.doc-area{padding:40px 16px}
.doc-area h1{font-size:32px;margin-bottom:32px}
.doc-area h2{font-size:26px;margin-top:48px;margin-bottom:20px}
.doc-area h3{font-size:22px;margin-top:32px}
.doc-area h4{font-size:19px;margin-top:28px}
.doc-area h5{font-size:17px;margin-top:24px}
.doc-area h6{font-size:15px;margin-top:20px}
.doc-area p,.doc-area ul li,.doc-area ol li{font-size:16px;line-height:1.65}
.doc-area ul,.doc-area ol{padding-left:24px}
}
@media screen and (max-width: 480px) {
.doc-area{padding:32px 12px}
.doc-area h1{font-size:28px;margin-bottom:28px}
.doc-area h2{font-size:24px;margin-top:40px;margin-bottom:18px}
.doc-area ul,.doc-area ol{padding-left:20px}
}
.titleBlockOuter{background:linear-gradient(135deg,#FBFBFB 0%,#f5ebe8 100%);padding:80px 20px;position:relative;overflow:hidden}
.titleBlockOuter::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#d377631f,transparent 70%);top:-150px;right:-100px;z-index:1}
.titleBlockOuter::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#213b4814,transparent 70%);bottom:-100px;left:-80px;z-index:1}
.titleBlockInner{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.titleBlockContent{display:flex;align-items:center;gap:60px}
.titleTextZone{flex:1}
.titleTextZone h1{font-size:48px;line-height:1.2;color:#213B48;margin:0 0 24px;font-weight:700}
.titleTextZone .subtitleLine{width:80px;height:4px;background:linear-gradient(90deg,#D37763,#213B48);margin-bottom:20px;border-radius:2px}
.titleTextZone p{font-size:18px;line-height:1.7;color:#213B48;margin:0}
.titleImageZone{flex:0 0 400px;position:relative}
.titleImageZone img{width:100%;height:320px;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #213b4826;border:3px solid #D37763}
.advantagesBlockWrapperV2{background:#FBFBFB;padding:100px 20px}
.advantagesBlockInner{max-width:1000px;margin:0 auto}
.advantagesBlockInner h2{font-size:38px;color:#213B48;margin:0 0 16px;font-weight:700;text-align:center}
.advantagesBlockInner h2::after{content:'';display:block;width:100px;height:3px;background:linear-gradient(90deg,#D37763,#213B48);margin:20px auto 0;border-radius:2px}
.advantagesBlockInner .introPara{text-align:center;font-size:17px;color:#213B48;line-height:1.6;margin:30px auto 60px;max-width:720px}
.advantageItemsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.advantageCardV1{background:#fff;padding:36px;border-radius:12px;box-shadow:0 6px 20px #213b4814;border-left:4px solid #D37763;transition:transform 0.3s,box-shadow .3s}
.advantageCardV1:hover{transform:translateY(-4px);box-shadow:0 10px 28px #213b4824}
.advantageCardV1 .cardIconBox{width:56px;height:56px;background:linear-gradient(135deg,#D37763,#a85e4d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.advantageCardV1 .cardIconBox i{font-size:26px;color:#fff}
.advantageCardV1 h3{font-size:22px;color:#213B48;margin:0 0 14px;font-weight:600}
.advantageCardV1 p{font-size:16px;line-height:1.6;color:#213B48;margin:0}
.opportunitiesSectionV3{background:linear-gradient(180deg,#213B48 0%,#2e5163 100%);padding:90px 20px;position:relative;overflow:hidden}
.opportunitiesSectionV3::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#d3776326,transparent 65%);top:-200px;left:-150px}
.opportunitiesInnerWrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.opportunitiesInnerWrap h2{font-size:36px;color:#FBFBFB;margin:0 0 50px;text-align:center;font-weight:700}
.opportunitiesInnerWrap h2::before{content:'';display:block;width:80px;height:3px;background:#D37763;margin:0 auto 16px;border-radius:2px}
.opportunityCardsLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.opportunityItemBox{background:#fbfbfb0f;padding:32px 28px;border-radius:16px;border:1px solid #d3776333;transition:background 0.3s,border-color 0.3s,transform .3s}
.opportunityItemBox:hover{background:#fbfbfb1a;border-color:#d3776380;transform:translateY(-6px)}
.opportunityItemBox .iconCircle{width:48px;height:48px;background:linear-gradient(135deg,#D37763,#c46551);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.opportunityItemBox .iconCircle i{font-size:22px;color:#FBFBFB}
.opportunityItemBox h3{font-size:20px;color:#FBFBFB;margin:0 0 12px;font-weight:600}
.opportunityItemBox p{font-size:15px;line-height:1.6;color:#fbfbfbd9;margin:0}
.scheduleContainerV1{background:#FBFBFB;padding:90px 20px}
.scheduleInnerBox{max-width:1000px;margin:0 auto}
.scheduleInnerBox h2{font-size:36px;color:#213B48;margin:0 0 20px;font-weight:700}
.scheduleInnerBox .leadText{font-size:17px;line-height:1.7;color:#213B48;margin:0 0 50px;max-width:800px}
.scheduleGridContainer{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.scheduleLeftCol{display:flex;flex-direction:column;gap:30px}
.schedulePhaseItem{background:#fff;padding:28px 32px;border-radius:12px;border:2px solid #D37763;box-shadow:0 4px 16px #213b4814;position:relative}
.schedulePhaseItem::before{content:'';position:absolute;left:-2px;top:-2px;bottom:-2px;width:5px;background:linear-gradient(180deg,#D37763,#213B48);border-radius:12px 0 0 12px}
.schedulePhaseItem h3{font-size:20px;color:#213B48;margin:0 0 10px;font-weight:600}
.schedulePhaseItem p{font-size:15px;line-height:1.6;color:#213B48;margin:0}
.scheduleRightCol{display:flex;flex-direction:column;justify-content:center;gap:24px}
.scheduleImageHolder{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #213b481f}
.scheduleImageHolder img{width:100%;height:340px;object-fit:cover}
.scheduleCtaBlock{background:linear-gradient(135deg,#D37763,#213B48);padding:32px;border-radius:12px;text-align:center}
.scheduleCtaBlock h4{font-size:22px;color:#FBFBFB;margin:0 0 16px;font-weight:600}
.scheduleCtaBlock p{font-size:15px;color:#fbfbfbe6;margin:0 0 24px;line-height:1.6}
.scheduleCtaBlock .ctaButton{display:inline-block;padding:14px 36px;background:#FBFBFB;color:#213B48;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:transform 0.2s,box-shadow .2s}
.scheduleCtaBlock .ctaButton:hover{transform:scale(1.05);box-shadow:0 6px 18px #00000026}
.testimonialsZoneV2{background:linear-gradient(135deg,#f5ebe8,#FBFBFB);padding:90px 20px}
.testimonialsInnerContainer{max-width:1000px;margin:0 auto}
.testimonialsInnerContainer h2{font-size:36px;color:#213B48;margin:0 0 60px;text-align:center;font-weight:700}
.testimonialsInnerContainer h2::after{content:'';display:block;width:90px;height:3px;background:linear-gradient(90deg,#D37763,#213B48);margin:16px auto 0;border-radius:2px}
.testimonialCardsRow{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimonialCard{background:#fff;padding:36px;border-radius:16px;box-shadow:0 8px 24px #213b481a;position:relative}
.testimonialCard::before{content:'"';position:absolute;top:16px;left:24px;font-size:72px;color:#d3776326;font-family:serif;line-height:1}
.testimonialCard .testimonialText{font-size:16px;line-height:1.7;color:#213B48;margin:0 0 24px;position:relative;z-index:2}
.testimonialCard .authorInfo{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:2px solid #d3776333}
.testimonialCard .authorInfo img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #D37763}
.testimonialCard .authorDetails h4{font-size:17px;color:#213B48;margin:0 0 4px;font-weight:600}
.testimonialCard .authorDetails p{font-size:14px;color:#213B48;margin:0;opacity:.75}
@media (max-width: 1024px) {
.titleBlockContent{gap:40px}
.titleImageZone{flex:0 0 320px}
.advantageItemsGrid{gap:30px}
.opportunityCardsLayout{grid-template-columns:1fr;gap:24px}
.scheduleGridContainer{gap:40px}
}
@media (max-width: 768px) {
.titleBlockOuter{padding:60px 20px}
.titleBlockContent{flex-direction:column;gap:30px}
.titleImageZone{flex:0 0 auto;width:100%}
.titleImageZone img{height:280px}
.titleTextZone h1{font-size:36px}
.advantagesBlockWrapperV2{padding:70px 20px}
.advantagesBlockInner h2{font-size:32px}
.advantageItemsGrid{grid-template-columns:1fr;gap:24px}
.opportunitiesSectionV3{padding:70px 20px}
.scheduleContainerV1{padding:70px 20px}
.scheduleGridContainer{grid-template-columns:1fr;gap:40px}
.scheduleImageHolder img{height:280px}
.testimonialsZoneV2{padding:70px 20px}
.testimonialCardsRow{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 480px) {
.titleTextZone h1{font-size:28px}
.titleTextZone p{font-size:16px}
.titleImageZone img{height:220px}
.advantagesBlockInner h2{font-size:28px}
.opportunitiesInnerWrap h2{font-size:28px}
.scheduleInnerBox h2{font-size:28px}
.testimonialsInnerContainer h2{font-size:28px}
}
.heroContactWrapperV2{background:linear-gradient(135deg,#D37763 0%,#213B48 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.heroContactWrapperV2::before{content:'';position:absolute;top:0;left:0;width:100%;height:120px;background:linear-gradient(to bottom,#213b4880,transparent);pointer-events:none}
.heroContactWrapperV2::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to top,#213b4899,transparent);pointer-events:none}
.heroContactInner{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:2}
.heroContactInner h1{color:#FBFBFB;font-size:3rem;font-weight:700;margin:0 0 20px;line-height:1.2}
.heroContactInner .sublineTextV1{color:#fbfbfbe6;font-size:1.25rem;line-height:1.6;margin:0}
.particleBoxAlt{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;opacity:.3}
.particleBoxAlt .dot{position:absolute;width:4px;height:4px;background:#FBFBFB;border-radius:50%;animation:floatDot 8s infinite ease-in-out}
.particleBoxAlt .dot:nth-child(1){top:15%;left:10%;animation-delay:0s}
.particleBoxAlt .dot:nth-child(2){top:45%;left:80%;animation-delay:2s}
.particleBoxAlt .dot:nth-child(3){top:70%;left:25%;animation-delay:4s}
.particleBoxAlt .dot:nth-child(4){top:30%;left:60%;animation-delay:1.5s}
.particleBoxAlt .dot:nth-child(5){top:80%;left:70%;animation-delay:3.5s}
.particleBoxAlt .dot:nth-child(6){top:20%;left:40%;animation-delay:5s}
@keyframes floatDot {
0%,100%{transform:translateY(0px);opacity:.2}
50%{transform:translateY(-25px);opacity:.8}
}
.contactFormSectionV1{padding:80px 20px;background:#FBFBFB}
.contactFormContainer{max-width:700px;margin:0 auto}
.contactFormContainer h2{font-size:2.2rem;color:#213B48;margin:0 0 16px;font-weight:700}
.contactFormContainer .introTextData{font-size:1.1rem;color:#213B48;line-height:1.7;margin:0 0 40px}
.formWrapperBlock{background:#fff;padding:50px;border-radius:20px;box-shadow:0 8px 24px #213b481a}
.formGroupV2{margin-bottom:28px}
.formGroupV2 label{display:block;font-size:.95rem;color:#213B48;font-weight:600;margin-bottom:8px}
.formGroupV2 input[type="text"],.formGroupV2 input[type="email"],.formGroupV2 input[type="tel"]{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;color:#213B48;background:#FBFBFB;transition:border-color .3s ease,background .3s ease}
.formGroupV2 input[type="text"]:focus,.formGroupV2 input[type="email"]:focus,.formGroupV2 input[type="tel"]:focus{outline:none;border-color:#D37763;background:#fff}
.timePreferenceBox{display:flex;gap:12px;flex-wrap:wrap}
.timePreferenceBox input[type="radio"]{display:none}
.timePreferenceBox label{flex:1;min-width:140px;padding:14px 20px;text-align:center;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#213B48;background:#FBFBFB}
.timePreferenceBox input[type="radio"]:checked + label{border-color:#D37763;background:#D37763;color:#FBFBFB}
.timePreferenceBox label:hover{border-color:#D37763}
.privacyConsentWrapper{margin:32px 0 0;display:flex;align-items:flex-start;gap:12px}
.privacyConsentWrapper input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacyConsentWrapper label{font-size:.95rem;color:#213B48;line-height:1.6;cursor:pointer}
.privacyConsentWrapper a{color:#D37763;text-decoration:underline;transition:color .3s ease}
.privacyConsentWrapper a:hover{color:#213B48}
.submitButtonAlt{width:100%;padding:16px 32px;background:linear-gradient(135deg,#D37763,#213B48);color:#FBFBFB;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;margin-top:28px;z-index:10;position:relative}
.submitButtonAlt:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d3776359}
.submitButtonAlt:active{transform:translateY(0)}
.directContactSection{padding:70px 20px;background:linear-gradient(to bottom,#FBFBFB,#f5f5f5)}
.directContactInnerBox{max-width:900px;margin:0 auto}
.directContactInnerBox h2{font-size:2rem;color:#213B48;margin:0 0 40px;text-align:center;font-weight:700}
.contactMethodsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.contactCardItem{background:#fff;padding:36px 28px;border-radius:16px;text-align:center;box-shadow:0 6px 20px #213b4814;transition:transform .3s ease,box-shadow .3s ease}
.contactCardItem:hover{transform:translateY(-4px);box-shadow:0 10px 30px #213b4824}
.contactCardItem .iconCircle{width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#D37763,#213B48);display:flex;align-items:center;justify-content:center}
.contactCardItem .iconCircle i{font-size:2rem;color:#FBFBFB}
.contactCardItem h3{font-size:1.3rem;color:#213B48;margin:0 0 12px;font-weight:700}
.contactCardItem a,.contactCardItem p{font-size:1rem;color:#D37763;text-decoration:none;line-height:1.6;transition:color .3s ease;margin:0}
.contactCardItem a:hover{color:#213B48;text-decoration:underline}
.contactCardItem p{color:#213B48}
.locationDataSection{padding:70px 20px;background:#fff}
.locationDataInner{max-width:800px;margin:0 auto;text-align:center}
.locationDataInner h2{font-size:2rem;color:#213B48;margin:0 0 20px;font-weight:700}
.locationDataInner .addressBlockWrapper{background:linear-gradient(135deg,#d377631a,#213b480d);padding:40px;border-radius:18px;border:2px solid #d3776333;display:inline-block;text-align:left;margin:0 auto}
.locationDataInner .addressBlockWrapper .iconTextRow{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.locationDataInner .addressBlockWrapper .iconTextRow:last-child{margin-bottom:0}
.locationDataInner .addressBlockWrapper .iconTextRow i{font-size:1.5rem;color:#D37763;margin-top:4px}
.locationDataInner .addressBlockWrapper .iconTextRow div{flex:1}
.locationDataInner .addressBlockWrapper .iconTextRow h4{font-size:1.1rem;color:#213B48;margin:0 0 6px;font-weight:700}
.locationDataInner .addressBlockWrapper .iconTextRow p{font-size:1rem;color:#213B48;margin:0;line-height:1.7}
.locationDataInner .addressBlockWrapper .iconTextRow a{color:#D37763;text-decoration:none;transition:color .3s ease}
.locationDataInner .addressBlockWrapper .iconTextRow a:hover{color:#213B48;text-decoration:underline}
@media (max-width: 768px) {
.heroContactInner h1{font-size:2.2rem}
.heroContactInner .sublineTextV1{font-size:1.1rem}
.formWrapperBlock{padding:30px 24px}
.timePreferenceBox{flex-direction:column}
.timePreferenceBox label{min-width:100%}
.contactMethodsGrid{grid-template-columns:1fr}
.locationDataInner .addressBlockWrapper{padding:28px 20px;text-align:left}
}
@media (max-width: 480px) {
.heroContactWrapperV2{padding:60px 16px 80px}
.heroContactInner h1{font-size:1.8rem}
.contactFormSectionV1{padding:60px 16px}
.contactFormContainer h2{font-size:1.8rem}
.directContactSection,.locationDataSection{padding:50px 16px}
}
.heroGradientWrapperV1{position:relative;overflow:hidden;padding:80px 20px;background:linear-gradient(135deg,#D37763 0%,#213B48 100%)}
.heroGradientWrapperV1::before{content:'';position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbfbfb26,transparent 70%);animation:floatBlurV1 8s ease-in-out infinite}
.heroGradientWrapperV1::after{content:'';position:absolute;bottom:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#d3776333,transparent 60%);animation:floatBlurV2 10s ease-in-out infinite reverse}
@keyframes floatBlurV1 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(50px,80px)}
}
@keyframes floatBlurV2 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-60px,-70px)}
}
.heroInnerContainerV2{max-width:1000px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:50px}
.heroTextBlockV1{flex:1;color:#FBFBFB}
.heroMainHeadingV1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}
.heroSubtextV2{font-size:1.25rem;line-height:1.6;margin-bottom:35px;opacity:.95}
.heroButtonGroupV1{display:flex;gap:15px;flex-wrap:wrap}
.heroPrimaryBtnV1{padding:14px 32px;background:#FBFBFB;color:#213B48;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;z-index:10;position:relative}
.heroPrimaryBtnV1:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040}
.heroSecondaryBtnV1{padding:14px 32px;background:transparent;color:#FBFBFB;border:2px solid #FBFBFB;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;z-index:10;position:relative}
.heroSecondaryBtnV1:hover{background:#fbfbfb1a;transform:translateY(-3px)}
.heroImageWrapV1{flex:0 0 320px;position:relative}
.heroAccentImageV1{width:100%;height:380px;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px #0000004d;animation:subtleFloatV1 6s ease-in-out infinite}
@keyframes subtleFloatV1 {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-15px)}
}
.courseStructureOuterV1{padding:100px 20px;background:#FBFBFB}
.courseStructureContainerV1{max-width:1000px;margin:0 auto}
.courseSectionHeadingV2{font-size:2.5rem;font-weight:700;color:#213B48;margin-bottom:15px;text-align:center}
.courseSectionHeadingV2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#D37763,#213B48);margin:20px auto 0;border-radius:2px}
.courseIntroTextV1{font-size:1.1rem;line-height:1.7;color:#213B48;text-align:center;max-width:700px;margin:0 auto 60px;opacity:.85}
.courseModulesGridV1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.moduleCardV1{background:#fff;border-radius:12px;padding:35px 25px;box-shadow:0 4px 12px #213b4814;transition:all .3s ease;border-left:4px solid #D37763}
.moduleCardV1:hover{transform:translateY(-6px);box-shadow:0 10px 30px #213b4826}
.moduleIconV1{font-size:2.5rem;color:#D37763;margin-bottom:20px}
.moduleHeadingV2{font-size:1.4rem;font-weight:600;color:#213B48;margin-bottom:12px}
.moduleDescriptionV1{font-size:1rem;line-height:1.6;color:#213B48;opacity:.75}
.testimonialOuterV2{padding:90px 20px;background:linear-gradient(180deg,#FBFBFB 0%,#d377630d 100%)}
.testimonialInnerContainerV1{max-width:1000px;margin:0 auto}
.testimonialMainTitleV1{font-size:2.5rem;font-weight:700;color:#213B48;margin-bottom:60px;text-align:left;position:relative;padding-left:25px}
.testimonialMainTitleV1::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:#D37763;border-radius:3px}
.testimonialFlexLayoutV1{display:flex;gap:40px;align-items:flex-start}
.testimonialCardV2{flex:1;background:#fff;padding:40px;border-radius:20px;box-shadow:0 6px 24px #213b481a;position:relative}
.testimonialQuoteMarkV1{font-size:4rem;color:#D37763;opacity:.2;position:absolute;top:15px;left:20px;font-family:Georgia,serif}
.testimonialTextContentV1{position:relative;z-index:2;margin-bottom:25px}
.testimonialQuoteV1{font-size:1.05rem;line-height:1.7;color:#213B48;margin-bottom:25px;font-style:italic}
.testimonialAuthorBlockV1{display:flex;align-items:center;gap:18px}
.testimonialAvatarV1{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #D37763}
.testimonialAuthorDataV1{flex:1}
.testimonialAuthorNameV1{font-size:1.1rem;font-weight:600;color:#213B48;margin-bottom:4px}
.testimonialAuthorRoleV1{font-size:.95rem;color:#213B48;opacity:.65}
@media (max-width: 768px) {
.heroInnerContainerV2{flex-direction:column;gap:40px}
.heroImageWrapV1{flex:0 0 auto;width:100%;max-width:400px}
.heroMainHeadingV1{font-size:2.2rem}
.heroSubtextV2{font-size:1.1rem}
.courseModulesGridV1{grid-template-columns:1fr}
.testimonialFlexLayoutV1{flex-direction:column}
.testimonialMainTitleV1{font-size:2rem}
.courseSectionHeadingV2{font-size:2rem}
}
@media (max-width: 480px) {
.heroGradientWrapperV1{padding:60px 15px}
.heroButtonGroupV1{flex-direction:column}
.heroPrimaryBtnV1,.heroSecondaryBtnV1{width:100%;text-align:center}
.courseStructureOuterV1{padding:70px 15px}
.testimonialOuterV2{padding:70px 15px}
.testimonialCardV2{padding:30px 20px}
}
.titleBlockOuter{background:linear-gradient(135deg,#FBFBFB 0%,#f4f0ed 100%);padding:80px 20px;position:relative;overflow:hidden}
.titleBlockOuter::before{content:'';position:absolute;width:3px;height:3px;background:#D37763;border-radius:50%;top:15%;left:10%;box-shadow:80px 0 0 #D37763,160px 0 0 #D37763,240px 0 0 #D37763,320px 0 0 #D37763,400px 0 0 #D37763,480px 0 0 #D37763,560px 0 0 #D37763}
.titleBlockInner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.titleBlockInner h1{font-size:48px;color:#213B48;margin:0 0 24px;font-weight:700;line-height:1.2}
.titleManifestoText{font-size:18px;color:#213B48;line-height:1.7;max-width:720px;margin:0 0 36px}
.titleImageWrapper{margin-top:40px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #213b481f;max-width:800px;width:100%}
.titleImageWrapper img{width:100%;height:auto;display:block;object-fit:cover}
.foundationStorySection{padding:100px 20px;background:#FBFBFB;position:relative}
.foundationGrid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.foundationTextArea h2{font-size:36px;color:#213B48;margin:0 0 20px;font-weight:700;line-height:1.3}
.foundationTextArea p{font-size:16px;color:#213B48;line-height:1.8;margin:0 0 18px}
.foundationImageArea{border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #d3776326;position:relative}
.foundationImageArea img{width:100%;height:420px;object-fit:cover;display:block}
.foundationImageArea::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #d3776333;border-radius:20px;pointer-events:none}
.approachSectionWrapper{background:linear-gradient(180deg,#213B48 0%,#2d5261 100%);padding:90px 20px;position:relative}
.approachSectionWrapper::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,#D37763,transparent)}
.approachContentBox{max-width:1000px;margin:0 auto}
.approachContentBox h2{font-size:40px;color:#FBFBFB;text-align:center;margin:0 0 60px;font-weight:700}
.approachCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.approachCardItem{background:#fbfbfb14;border-radius:12px;padding:32px 24px;border:1px solid #d3776333;transition:all .3s ease}
.approachCardItem:hover{transform:translateY(-4px);background:#fbfbfb1f;box-shadow:0 8px 24px #0003}
.approachCardItem h3{font-size:22px;color:#D37763;margin:0 0 16px;font-weight:600}
.approachCardItem p{font-size:15px;color:#FBFBFB;line-height:1.7;margin:0}
.teamSectionContainer{padding:90px 20px;background:#FBFBFB}
.teamInnerWrapper{max-width:1000px;margin:0 auto}
.teamInnerWrapper h2{font-size:38px;color:#213B48;margin:0 0 48px;text-align:center;font-weight:700;position:relative;display:inline-block;width:100%}
.teamInnerWrapper h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#D37763,#213B48)}
.teamMembersLayout{display:flex;gap:48px;justify-content:center;flex-wrap:wrap}
.teamMemberCard{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 16px #213b481a;max-width:320px;width:100%;overflow:hidden;transition:all .3s ease}
.teamMemberCard:hover{box-shadow:0 12px 32px #d3776333;transform:scale(1.02)}
.teamMemberPhoto{width:100%;height:280px;overflow:hidden}
.teamMemberPhoto img{width:100%;height:100%;object-fit:cover;display:block}
.teamMemberInfo{padding:28px 24px}
.teamMemberInfo h3{font-size:20px;color:#213B48;margin:0 0 8px;font-weight:600}
.teamMemberRole{font-size:14px;color:#D37763;margin:0 0 16px;font-weight:500}
.teamMemberInfo p{font-size:15px;color:#213B48;line-height:1.7;margin:0}
.valuesSectionOuter{background:radial-gradient(circle at top right,#f4eeec 0%,#FBFBFB 50%,#e8ddd9 100%);padding:100px 20px;position:relative}
.valuesContentInner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:2fr 3fr;gap:64px;align-items:start}
.valuesHeadingArea h2{font-size:42px;color:#213B48;margin:0 0 24px;font-weight:700;line-height:1.2}
.valuesHeadingArea p{font-size:16px;color:#213B48;line-height:1.7;margin:0}
.valuesListArea{display:flex;flex-direction:column;gap:24px}
.valueItemBox{background:#fff;border-radius:12px;padding:24px 28px;border-left:4px solid #D37763;box-shadow:0 2px 12px #213b4814;transition:all .3s ease}
.valueItemBox:hover{box-shadow:0 6px 20px #d3776326;transform:translateX(4px)}
.valueItemBox h3{font-size:20px;color:#213B48;margin:0 0 12px;font-weight:600}
.valueItemBox p{font-size:15px;color:#213B48;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.foundationGrid{grid-template-columns:1fr;gap:40px}
.approachCardsGrid{grid-template-columns:1fr}
.valuesContentInner{grid-template-columns:1fr;gap:48px}
}
@media (max-width: 768px) {
.titleBlockOuter{padding:60px 20px}
.titleBlockInner h1{font-size:36px}
.titleManifestoText{font-size:16px}
.foundationStorySection{padding:70px 20px}
.foundationTextArea h2{font-size:28px}
.approachSectionWrapper{padding:70px 20px}
.approachContentBox h2{font-size:32px;margin-bottom:40px}
.teamSectionContainer{padding:70px 20px}
.teamInnerWrapper h2{font-size:30px}
.teamMembersLayout{flex-direction:column;align-items:center}
.valuesSectionOuter{padding:70px 20px}
.valuesHeadingArea h2{font-size:32px}
}
@media (max-width: 480px) {
.titleBlockInner h1{font-size:28px}
.titleManifestoText{font-size:15px}
.foundationTextArea h2{font-size:24px}
.foundationImageArea img{height:280px}
.approachContentBox h2{font-size:26px}
.teamInnerWrapper h2{font-size:26px}
.valuesHeadingArea h2{font-size:26px}
}
.titleBlockV2{max-width:1000px;margin:0 auto;padding:80px 20px;position:relative}
.titleBlockV2 .innerContentWrapV1{display:flex;align-items:center;gap:60px}
.titleBlockV2 .textColumnMain{flex:1}
.titleBlockV2 .imageColumnMain{flex:1;position:relative}
.titleBlockV2 .imageColumnMain::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:linear-gradient(135deg,#d3776326,#213b481a);border-radius:16px;z-index:1}
.titleBlockV2 .imageColumnMain img{position:relative;z-index:2;width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #213b4826}
.titleBlockV2 .mainHeadingV1{font-size:48px;font-weight:700;color:#213B48;margin:0 0 24px;line-height:1.2}
.titleBlockV2 .descriptionTextMain{font-size:18px;line-height:1.7;color:#213B48;margin:0 0 32px;opacity:.85}
.titleBlockV2 .ctaButtonPrimaryV1{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#D37763,#b8634f);color:#FBFBFB;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #d3776340;z-index:10;position:relative}
.titleBlockV2 .ctaButtonPrimaryV1:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d3776359;background:linear-gradient(135deg,#b8634f,#D37763)}
.projectsGridBlockV3{background:linear-gradient(180deg,#FBFBFB 0%,#d377630d 100%);padding:100px 20px}
.projectsGridBlockV3 .containerMaxWidth{max-width:1000px;margin:0 auto}
.projectsGridBlockV3 .sectionHeaderV2{text-align:center;margin-bottom:60px}
.projectsGridBlockV3 .sectionHeaderV2 h2{font-size:42px;font-weight:700;color:#213B48;margin:0 0 16px}
.projectsGridBlockV3 .sectionHeaderV2 p{font-size:17px;line-height:1.6;color:#213B48;opacity:.8;max-width:680px;margin:0 auto}
.projectsGridBlockV3 .projectsGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.projectsGridBlockV3 .projectCardV1{background:#FBFBFB;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #213b481a;transition:all .3s ease;border:2px solid transparent}
.projectsGridBlockV3 .projectCardV1:hover{transform:translateY(-6px);box-shadow:0 8px 28px #213b482e;border-color:#d377634d}
.projectsGridBlockV3 .projectCardV1 .cardImageWrap{width:100%;height:220px;overflow:hidden;position:relative}
.projectsGridBlockV3 .projectCardV1 .cardImageWrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.projectsGridBlockV3 .projectCardV1:hover .cardImageWrap img{transform:scale(1.08)}
.projectsGridBlockV3 .projectCardV1 .cardContentV1{padding:24px}
.projectsGridBlockV3 .projectCardV1 .cardContentV1 h3{font-size:20px;font-weight:700;color:#213B48;margin:0 0 12px}
.projectsGridBlockV3 .projectCardV1 .cardContentV1 p{font-size:15px;line-height:1.6;color:#213B48;opacity:.75;margin:0 0 16px}
.projectsGridBlockV3 .projectCardV1 .authorInfoV1{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #213b481a}
.projectsGridBlockV3 .projectCardV1 .authorInfoV1 img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.projectsGridBlockV3 .projectCardV1 .authorInfoV1 .authorDetailsV1{flex:1}
.projectsGridBlockV3 .projectCardV1 .authorInfoV1 .authorDetailsV1 .authorNameV1{font-size:14px;font-weight:600;color:#213B48;margin:0}
.projectsGridBlockV3 .projectCardV1 .authorInfoV1 .authorDetailsV1 .projectDateV1{font-size:13px;color:#213B48;opacity:.6;margin:0}
.skillsShowcaseV1{padding:90px 20px;background:#FBFBFB}
.skillsShowcaseV1 .containerMaxWidth{max-width:1000px;margin:0 auto}
.skillsShowcaseV1 .layoutSplit{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.skillsShowcaseV1 .leftContentZone h2{font-size:38px;font-weight:700;color:#213B48;margin:0 0 20px;position:relative;padding-left:24px}
.skillsShowcaseV1 .leftContentZone h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:linear-gradient(180deg,#D37763,#213B48);border-radius:3px}
.skillsShowcaseV1 .leftContentZone p{font-size:16px;line-height:1.7;color:#213B48;opacity:.8;margin:0}
.skillsShowcaseV1 .skillsListV2{display:flex;flex-direction:column;gap:24px}
.skillsShowcaseV1 .skillItemV2{background:linear-gradient(135deg,#d3776314,#213b480f);padding:20px 24px;border-radius:12px;border-left:4px solid #D37763;transition:all .3s ease}
.skillsShowcaseV1 .skillItemV2:hover{transform:translateX(8px);box-shadow:0 4px 16px #d3776326}
.skillsShowcaseV1 .skillItemV2 h3{font-size:18px;font-weight:600;color:#213B48;margin:0 0 8px}
.skillsShowcaseV1 .skillItemV2 p{font-size:15px;line-height:1.6;color:#213B48;opacity:.75;margin:0}
.metricsDisplayV1{background:linear-gradient(135deg,#213B48,#2a4a5a);padding:80px 20px;position:relative;overflow:hidden}
.metricsDisplayV1::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#d3776326,transparent);border-radius:50%}
.metricsDisplayV1 .containerMaxWidth{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.metricsDisplayV1 .metricsGridV1{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.metricsDisplayV1 .metricBoxV1{text-align:center}
.metricsDisplayV1 .metricBoxV1 .numberDisplayV1{font-size:52px;font-weight:700;color:#D37763;margin:0 0 12px;line-height:1}
.metricsDisplayV1 .metricBoxV1 .labelTextV1{font-size:16px;color:#FBFBFB;opacity:.9;margin:0;line-height:1.5}
.ctaSectionV2{padding:100px 20px;background:#FBFBFB}
.ctaSectionV2 .containerMaxWidth{max-width:1000px;margin:0 auto}
.ctaSectionV2 .ctaInnerWrapV2{background:linear-gradient(135deg,#d377631f,#213b4814);border-radius:24px;padding:60px 50px;text-align:center;position:relative;overflow:hidden}
.ctaSectionV2 .ctaInnerWrapV2::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#d3776333,transparent);border-radius:50%}
.ctaSectionV2 .ctaInnerWrapV2::after{content:'';position:absolute;bottom:-120px;right:-120px;width:350px;height:350px;background:radial-gradient(circle,#213b4826,transparent);border-radius:50%}
.ctaSectionV2 .ctaContentV2{position:relative;z-index:2}
.ctaSectionV2 .ctaContentV2 h2{font-size:40px;font-weight:700;color:#213B48;margin:0 0 20px}
.ctaSectionV2 .ctaContentV2 p{font-size:18px;line-height:1.6;color:#213B48;opacity:.85;margin:0 0 36px;max-width:700px;margin-left:auto;margin-right:auto}
.ctaSectionV2 .ctaButtonSecondaryV1{display:inline-block;padding:18px 44px;background:#213B48;color:#FBFBFB;text-decoration:none;border-radius:10px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 18px #213b4840;z-index:10;position:relative}
.ctaSectionV2 .ctaButtonSecondaryV1:hover{background:#2a4a5a;transform:translateY(-3px);box-shadow:0 8px 24px #213b4859}
@media (max-width: 1024px) {
.titleBlockV2 .innerContentWrapV1{gap:40px}
.projectsGridBlockV3 .projectsGridLayout{grid-template-columns:repeat(2,1fr)}
.skillsShowcaseV1 .layoutSplit{gap:50px}
.metricsDisplayV1 .metricsGridV1{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.titleBlockV2{padding:60px 20px}
.titleBlockV2 .innerContentWrapV1{flex-direction:column;gap:40px}
.titleBlockV2 .mainHeadingV1{font-size:36px}
.titleBlockV2 .descriptionTextMain{font-size:16px}
.titleBlockV2 .imageColumnMain img{height:360px}
.projectsGridBlockV3{padding:70px 20px}
.projectsGridBlockV3 .sectionHeaderV2 h2{font-size:32px}
.projectsGridBlockV3 .projectsGridLayout{grid-template-columns:1fr;gap:24px}
.skillsShowcaseV1{padding:70px 20px}
.skillsShowcaseV1 .layoutSplit{grid-template-columns:1fr;gap:40px}
.skillsShowcaseV1 .leftContentZone h2{font-size:32px}
.metricsDisplayV1{padding:60px 20px}
.metricsDisplayV1 .metricsGridV1{grid-template-columns:1fr;gap:24px}
.ctaSectionV2{padding:70px 20px}
.ctaSectionV2 .ctaInnerWrapV2{padding:40px 30px}
.ctaSectionV2 .ctaContentV2 h2{font-size:32px}
.ctaSectionV2 .ctaContentV2 p{font-size:16px}
}
@media (max-width: 480px) {
.titleBlockV2 .mainHeadingV1{font-size:30px}
.titleBlockV2 .imageColumnMain img{height:280px}
.projectsGridBlockV3 .sectionHeaderV2 h2{font-size:28px}
.skillsShowcaseV1 .leftContentZone h2{font-size:28px}
.metricsDisplayV1 .metricBoxV1 .numberDisplayV1{font-size:42px}
.ctaSectionV2 .ctaContentV2 h2{font-size:28px}
}
.successContainerWrapperV2{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:linear-gradient(135deg,#FBFBFB 0%,#f5f0ee 50%,#FBFBFB 100%);position:relative;overflow:hidden}
.successContainerWrapperV2::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#d3776314 0%,transparent 50%),radial-gradient(circle at 70% 60%,#213b480f 0%,transparent 50%);animation:floatBackgroundV1 20s ease-in-out infinite}
@keyframes floatBackgroundV1 {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(3%,2%) rotate(1deg)}
}
.successContentBoxInner{max-width:900px;width:100%;margin:0 auto;position:relative;z-index:2}
.successCardWrapper{background:#fff;border-radius:20px;padding:4rem 3rem;box-shadow:0 8px 32px #213b481f 0 2px 8px #213b4814;position:relative;overflow:hidden}
.successCardWrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#D37763 0%,#213B48 100%)}
.decorativeShapeLeft{position:absolute;top:50%;left:-80px;width:160px;height:160px;background:linear-gradient(135deg,#d3776326 0%,#d377630d 100%);border-radius:50%;transform:translateY(-50%);animation:pulseShapeV1 8s ease-in-out infinite}
.decorativeShapeRight{position:absolute;top:50%;right:-80px;width:160px;height:160px;background:linear-gradient(225deg,#213b481f 0%,#213b480a 100%);border-radius:50%;transform:translateY(-50%);animation:pulseShapeV1 8s ease-in-out infinite 4s}
@keyframes pulseShapeV1 {
0%,100%{transform:translateY(-50%) scale(1);opacity:1}
50%{transform:translateY(-50%) scale(1.1);opacity:.8}
}
.iconCheckWrapperV2{width:90px;height:90px;margin:0 auto 2.5rem;position:relative;display:flex;align-items:center;justify-content:center}
.iconCheckCircleBase{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#D37763 0%,#b96352 100%);animation:scaleInV1 .6s ease-out}
@keyframes scaleInV1 {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.iconCheckCircleBase::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;border-radius:50%;border:2px solid #d377634d;animation:rippleOutV1 2s ease-out infinite}
@keyframes rippleOutV1 {
0%{width:110%;height:110%;opacity:.6}
100%{width:140%;height:140%;opacity:0}
}
.iconCheckSvgElement{position:relative;z-index:1;width:45px;height:45px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:drawCheckV1 .5s ease-out .3s forwards;stroke-dasharray:60;stroke-dashoffset:60}
@keyframes drawCheckV1 {
to{stroke-dashoffset:0}
}
.headingSuccessMain{font-size:2.25rem;line-height:1.3;color:#213B48;text-align:center;margin:0 0 1.5rem;font-weight:700;letter-spacing:-.02em}
.textSuccessDescription{font-size:1.125rem;line-height:1.7;color:#4a5568;text-align:center;margin:0 0 2.5rem;max-width:600px;margin-left:auto;margin-right:auto}
.buttonGroupSuccessV1{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}
.btnPrimarySuccessV2{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#D37763 0%,#c06652 100%);color:#fff;text-decoration:none;border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #d3776340;position:relative;overflow:hidden;z-index:5}
.btnPrimarySuccessV2::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.btnPrimarySuccessV2:hover::before{left:100%}
.btnPrimarySuccessV2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d3776359}
.btnSecondarySuccessV1{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:#213B48;text-decoration:none;border-radius:12px;font-size:1rem;font-weight:600;border:2px solid #213B48;transition:all .3s ease;position:relative;z-index:5}
.btnSecondarySuccessV1:hover{background:#213B48;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #213b4833}
.infoBoxSuccessV1{margin-top:3rem;padding:1.5rem;background:linear-gradient(135deg,#f7f9fb 0%,#FBFBFB 100%);border-radius:12px;border-left:4px solid #D37763}
.infoBoxSuccessV1 .infoTitleV1{font-size:1rem;font-weight:600;color:#213B48;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}
.infoBoxSuccessV1 .infoTextV1{font-size:.9375rem;line-height:1.6;color:#5a6a7a;margin:0}
.infoBoxSuccessV1 .infoTextV1 a{color:#D37763;text-decoration:none;font-weight:600;transition:color .2s ease}
.infoBoxSuccessV1 .infoTextV1 a:hover{color:#b96352;text-decoration:underline}
@media (max-width: 768px) {
.successContainerWrapperV2{padding:2rem 1rem}
.successCardWrapper{padding:3rem 1.5rem;border-radius:16px}
.decorativeShapeLeft,.decorativeShapeRight{width:100px;height:100px}
.decorativeShapeLeft{left:-50px}
.decorativeShapeRight{right:-50px}
.iconCheckWrapperV2{width:70px;height:70px;margin-bottom:2rem}
.iconCheckSvgElement{width:35px;height:35px}
.headingSuccessMain{font-size:1.75rem}
.textSuccessDescription{font-size:1rem;margin-bottom:2rem}
.buttonGroupSuccessV1{flex-direction:column;width:100%}
.btnPrimarySuccessV2,.btnSecondarySuccessV1{width:100%;justify-content:center}
.infoBoxSuccessV1{margin-top:2rem;padding:1.25rem}
}
@media (max-width: 480px) {
.successCardWrapper{padding:2.5rem 1.25rem}
.headingSuccessMain{font-size:1.5rem}
.textSuccessDescription{font-size:.9375rem}
.btnPrimarySuccessV2,.btnSecondarySuccessV1{padding:.875rem 1.5rem;font-size:.9375rem}
}