@import "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'EB Garamond',serif;background:#FAFAFA;color:#1A1A1A;line-height:1.6;font-size:18px}
.HeaderOuter{background:linear-gradient(127deg,#E03772 0%,#F7F302 45%,#0FBD71 100%);padding:28px 0;box-shadow:0 8px 24px #00000014;position:relative}
.HeaderOuter::after{content:'';position:absolute;bottom:-12px;left:0;width:100%;height:12px;background:linear-gradient(127deg,#e0377233 0%,#f7f30233 45%,#0fbd7133 100%);clip-path:polygon(0 0,100% 0,100% 50%,0 100%)}
.HeaderInner{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.BrandFlow{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.LogoContainer{background:#FFF;padding:8px;border-radius:20px;box-shadow:0 4px 16px #0000001f}
.LogoLink{display:block;line-height:0}
.LogoImage{width:90px;height:90px;display:block}
.ConnectorDot{width:10px;height:10px;background:#FFF;border-radius:50%;box-shadow:0 2px 8px #00000026}
.CompanyIdentity{background:#fffffff2;padding:10px 22px;border-radius:18px;box-shadow:0 4px 12px #0000001a}
.CompanyNameText{font-size:28px;font-weight:700;color:#E03772;letter-spacing:.5px}
.ConnectorLine{width:40px;height:3px;background:#FFF;border-radius:2px;box-shadow:0 2px 6px #0000001a}
.TaglineArea{background:#ffffffe6;padding:8px 18px;border-radius:16px;box-shadow:0 3px 10px #00000014}
.TaglineText{font-size:16px;font-weight:500;color:#0FBD71;font-style:italic}
.MainNavigationContainer{margin-left:auto}
.NavigationList{list-style:none;display:flex;gap:8px;align-items:center}
.NavigationItem{display:inline-block}
.NavigationLink{display:block;padding:12px 24px;background:#fffffff2;color:#1A1A1A;text-decoration:none;border-radius:18px;font-weight:600;font-size:17px;transition:background .3s ease-out,color .3s ease-out;box-shadow:0 3px 10px #00000014}
.NavigationLink:hover{background:#FFF;color:#E03772}
@media (max-width: 968px) {
.HeaderInner{flex-direction:column;align-items:center}
.BrandFlow{justify-content:center}
.ConnectorLine{display:none}
.MainNavigationContainer{margin-left:0}
.NavigationList{flex-wrap:wrap;justify-content:center}
}
@media (max-width: 640px) {
.BrandFlow{flex-direction:column;gap:12px}
.ConnectorDot{width:6px;height:6px}
.CompanyNameText{font-size:22px}
.TaglineText{font-size:14px}
.NavigationList{flex-direction:column;gap:10px;width:100%}
.NavigationLink{width:100%;text-align:center}
}
.FooterOuter{background:linear-gradient(221deg,#1A1A1A 0%,#2D2D2D 100%);padding:60px 0 30px;margin-top:80px;position:relative}
.FooterOuter::before{content:'';position:absolute;top:-12px;left:0;width:100%;height:12px;background:linear-gradient(221deg,#e037724d 0%,#0fbd714d 100%);clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}
.FooterInner{max-width:1536px;margin:0 auto;padding:0 24px}
.FooterContentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.FooterBlock{color:#EFEFEF}
.FooterBlockTitle{font-size:22px;font-weight:700;margin-bottom:16px;color:#F7F302;border-bottom:2px solid #E03772;padding-bottom:8px;display:inline-block}
.FooterDescription{font-size:16px;line-height:1.7;margin-bottom:18px}
.FooterContact{margin-top:14px}
.ContactDetail{font-size:15px;margin-bottom:8px;line-height:1.6}
.ContactLink{color:#0FBD71;text-decoration:none;transition:color .3s ease-out}
.ContactLink:hover{color:#F7F302}
.FooterMenuList{list-style:none}
.FooterMenuItem{margin-bottom:10px}
.FooterMenuLink{color:#EFEFEF;text-decoration:none;font-size:16px;transition:color .3s ease-out;display:inline-block}
.FooterMenuLink:hover{color:#E03772}
.FooterServiceText{font-size:16px;line-height:1.7}
.FooterBottom{border-top:1px solid #efefef33;padding-top:24px;text-align:center}
.CopyrightText{font-size:14px;color:#B0B0B0}
@media (max-width: 768px) {
.FooterContentGrid{grid-template-columns:1fr;gap:30px}
}
.ConsentPopupWrapper{position:fixed;right:24px;top:50%;transform:translateY(-50%) translateX(400px);z-index:10000;transition:transform .4s ease-out}
.ConsentPopupWrapper.is-hidden{transform:translateY(-50%) translateX(400px);pointer-events:none}
.ConsentPopupWrapper:not(.is-hidden){transform:translateY(-50%) translateX(0)}
.ConsentPopupInner{background:#FFF;border-radius:24px;box-shadow:0 12px 32px #0000002e;width:360px;max-width:calc(100vw - 48px);overflow:hidden}
.ConsentTabsHeader{display:flex;background:#F5F5F5;border-bottom:2px solid #E0E0E0}
.ConsentTab{flex:1;padding:14px 16px;background:transparent;border:none;font-family:'EB Garamond',serif;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:background .3s ease-out,color .3s ease-out}
.ConsentTab.is-active{background:#FFF;color:#E03772;border-bottom:3px solid #E03772}
.ConsentContent{padding:20px;max-height:400px;overflow-y:auto}
.ConsentPanel{display:none}
.ConsentPanel.is-active{display:block}
.ConsentTitle{font-size:20px;font-weight:700;color:#1A1A1A;margin-bottom:12px}
.ConsentDescription{font-size:15px;line-height:1.6;color:#4A4A4A;margin-bottom:16px}
.ConsentCategory{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #E8E8E8}
.ConsentCategory:last-child{border-bottom:none}
.CategoryHeader{margin-bottom:8px}
.CategoryLabel{display:flex;align-items:center;cursor:pointer;gap:10px}
.CategoryCheckbox{width:20px;height:20px;cursor:pointer}
.CategoryCheckbox:disabled{cursor:not-allowed}
.CategoryName{font-size:16px;font-weight:600;color:#1A1A1A}
.CategoryDescription{font-size:14px;line-height:1.5;color:#666;margin-left:30px}
.ConsentActions{padding:16px 20px;background:#F9F9F9;display:flex;gap:10px}
.ConsentButton{flex:1;padding:12px 20px;border:none;font-family:'EB Garamond',serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease-out,transform .2s ease-out}
.AcceptButton{background:#0FBD71;color:#FFF}
.AcceptButton:hover{background:#0DA861}
.DeclineButton{background:#E03772;color:#FFF}
.DeclineButton:hover{background:#C82E5F}
.ConsentButton:active{transform:scale(0.97)}
@media (max-width: 640px) {
.ConsentPopupWrapper{right:12px;left:12px;width:auto}
.ConsentPopupInner{width:100%}
.ConsentContent{max-height:300px}
}
.terms-section{max-width:1536px;margin:0 auto;padding:80px 24px 120px;background:linear-gradient(158deg,#fff 0%,#fef9fb 100%)}
@media (min-width: 768px) {
.terms-section{padding:100px 48px 140px}
}
@media (min-width: 1024px) {
.terms-section{padding:120px 80px 160px}
}
.terms-section h1{font-size:2.25rem;line-height:1.2;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em}
@media (min-width: 768px) {
.terms-section h1{font-size:3rem;margin:0 0 20px}
}
@media (min-width: 1024px) {
.terms-section h1{font-size:3.5rem;margin:0 0 24px}
}
.terms-section h2{font-size:1.75rem;line-height:1.3;font-weight:700;color:#2a2a2a;margin:64px 0 24px;letter-spacing:-.01em}
@media (min-width: 768px) {
.terms-section h2{font-size:2rem;margin:72px 0 28px}
}
@media (min-width: 1024px) {
.terms-section h2{font-size:2.25rem;margin:80px 0 32px}
}
.terms-section h3{font-size:1.375rem;line-height:1.35;font-weight:600;color:#333;margin:48px 0 20px}
@media (min-width: 768px) {
.terms-section h3{font-size:1.5rem;margin:56px 0 24px}
}
@media (min-width: 1024px) {
.terms-section h3{font-size:1.625rem;margin:64px 0 28px}
}
.terms-section h4{font-size:1.125rem;line-height:1.4;font-weight:600;color:#404040;margin:40px 0 18px}
@media (min-width: 768px) {
.terms-section h4{font-size:1.25rem;margin:44px 0 20px}
}
@media (min-width: 1024px) {
.terms-section h4{font-size:1.375rem;margin:48px 0 22px}
}
.terms-section h5{font-size:1rem;line-height:1.45;font-weight:600;color:#4a4a4a;margin:32px 0 16px}
@media (min-width: 768px) {
.terms-section h5{font-size:1.0625rem;margin:36px 0 18px}
}
@media (min-width: 1024px) {
.terms-section h5{font-size:1.125rem;margin:40px 0 20px}
}
.terms-section h6{font-size:.9375rem;line-height:1.5;font-weight:600;color:#555;margin:28px 0 14px;text-transform:uppercase;letter-spacing:.04em}
@media (min-width: 768px) {
.terms-section h6{font-size:1rem;margin:32px 0 16px}
}
.terms-section p{font-size:1rem;line-height:1.75;color:#3a3a3a;margin:0 0 24px;max-width:75ch}
@media (min-width: 768px) {
.terms-section p{font-size:1.0625rem;line-height:1.8;margin:0 0 28px}
}
@media (min-width: 1024px) {
.terms-section p{font-size:1.125rem;line-height:1.85;margin:0 0 32px}
}
.terms-section em,.terms-section i{font-style:italic;color:#2a2a2a}
.terms-section a{color:#E03772;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease-out;font-weight:500}
.terms-section a:hover{color:#c42d60;border-bottom-color:#E03772}
.terms-section a:focus{outline:3px solid #E03772;outline-offset:4px;border-radius:4px}
.terms-section hr{border:0;height:2px;background:linear-gradient(90deg,transparent 0%,#E03772 50%,transparent 100%);margin:72px 0;opacity:.3}
@media (min-width: 768px) {
.terms-section hr{margin:88px 0}
}
@media (min-width: 1024px) {
.terms-section hr{margin:104px 0}
}
.terms-section div{margin:0 0 24px}
@media (min-width: 768px) {
.terms-section div{margin:0 0 28px}
}
@media (min-width: 1024px) {
.terms-section div{margin:0 0 32px}
}
.terms-section h1:first-child,.terms-section h2:first-child,.terms-section h3:first-child,.terms-section h4:first-child,.terms-section h5:first-child,.terms-section h6:first-child{margin-top:0}
.terms-section p:last-child,.terms-section div:last-child{margin-bottom:0}
.TitleWrapperOuter{background:linear-gradient(127deg,#E03772 0%,#0FBD71 100%);padding:84px 24px;position:relative;overflow:hidden}
.TitleWrapperOuter::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f7f30226 0%,transparent 70%);animation:FloatShape1 18s ease-in-out infinite;border-radius:48% 52% 47% 53%}
.TitleWrapperOuter::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#0fbd712e 0%,transparent 65%);animation:FloatShape2 22s ease-in-out infinite;border-radius:53% 47% 52% 48%}
@keyframes FloatShape1 {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-40px,30px) rotate(180deg)}
}
@keyframes FloatShape2 {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(35px,-25px) rotate(-180deg)}
}
.ContentContainerCentered{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.TitleMainSection h1{font-size:56px;font-weight:700;color:#fff;margin:0 0 28px;line-height:1.15;text-shadow:0 4px 12px #00000026}
.TitleDescriptionText{font-size:22px;color:#fffffff2;line-height:1.6;max-width:820px;margin:0}
.StoryBlockSection{padding:96px 24px;background:#fff}
.StoryBlockSection .ContentContainerCentered{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.StoryTextContent h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.25;position:relative;padding-left:18px}
.StoryTextContent h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:48px;background:linear-gradient(180deg,#E03772 0%,#0FBD71 100%);border-radius:12px}
.StoryTextContent p{font-size:18px;line-height:1.7;color:#333;margin:0 0 20px}
.StoryTextContent p:last-of-type{margin-bottom:0}
.StoryImageHolder{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #0000001f}
.StoryImageHolder img{width:100%;height:520px;object-fit:cover;display:block;filter:grayscale(8%)}
.ValuesDisplaySection{padding:88px 24px;background:linear-gradient(162deg,#f8f9fa 0%,#e8eef3 100%);position:relative}
.ValuesDisplaySection::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#E03772 0%,#F7F302 50%,#0FBD71 100%)}
.ValuesHeadingArea{text-align:center;margin-bottom:64px}
.ValuesHeadingArea h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.ValuesHeadingArea p{font-size:19px;color:#555;line-height:1.6;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.ValuesCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1536px;margin:0 auto}
.ValueCardItem{background:#fff;padding:42px 32px;border-radius:20px;box-shadow:0 8px 24px #00000014;transition:all .35s ease-out;position:relative;overflow:hidden}
.ValueCardItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E03772 0%,#0FBD71 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s ease-out}
.ValueCardItem:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000024}
.ValueCardItem:hover::before{transform:scaleX(1)}
.ValueCardIconArea{width:68px;height:68px;background:linear-gradient(135deg,#e037721a 0%,#0fbd711a 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ValueCardIconArea svg{width:36px;height:36px}
.ValueCardItem h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.ValueCardItem p{font-size:17px;line-height:1.65;color:#444;margin:0}
.ApproachShowcaseSection{padding:92px 24px;background:#fff}
.ApproachShowcaseSection .ContentContainerCentered{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.ApproachImageDisplay{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 20px 56px #00000021}
.ApproachImageDisplay img{width:100%;height:580px;object-fit:cover;display:block}
.ApproachContentBlock h2{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 32px;line-height:1.3}
.MethodologyStepsContainer{display:flex;flex-direction:column;gap:28px}
.MethodStep{background:linear-gradient(135deg,#f9f9f9 0%,#f2f2f2 100%);padding:28px 32px;border-radius:16px;border-left:5px solid transparent;transition:all .3s ease-out;position:relative}
.MethodStep:nth-child(1){border-left-color:#E03772}
.MethodStep:nth-child(2){border-left-color:#0FBD71}
.MethodStep:nth-child(3){border-left-color:#F7F302}
.MethodStep:hover{background:#fff;box-shadow:0 8px 20px #0000001a;transform:translateX(6px)}
.MethodStep h4{font-size:21px;font-weight:700;color:#1a1a1a;margin:0 0 10px}
.MethodStep p{font-size:17px;line-height:1.65;color:#444;margin:0}
.TeamIntroSection{padding:88px 24px;background:linear-gradient(148deg,#1a1a1a 0%,#2d2d2d 100%);position:relative;overflow:hidden}
.TeamIntroSection::before{content:'';position:absolute;top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#e037721f 0%,transparent 70%);border-radius:50%}
.TeamIntroSection::after{content:'';position:absolute;bottom:-25%;right:-8%;width:450px;height:450px;background:radial-gradient(circle,#0fbd711a 0%,transparent 70%);border-radius:50%}
.TeamIntroSection .ContentContainerCentered{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.3fr;gap:68px;align-items:center}
.TeamVisualBlock{position:relative}
.TeamVisualBlock img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 18px 52px #00000040}
.TeamTextBlock h2{font-size:46px;font-weight:700;color:#fff;margin:0 0 26px;line-height:1.2}
.TeamTextBlock p{font-size:19px;line-height:1.7;color:#ffffffe0;margin:0 0 22px}
.TeamTextBlock p:last-of-type{margin-bottom:36px}
.TeamCTAButton{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#E03772 0%,#0FBD71 100%);color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 8px 24px #e037724d;transition:all .35s ease-out;position:relative;z-index:5}
.TeamCTAButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #e0377266}
@media (max-width: 1024px) {
.TitleMainSection h1{font-size:46px}
.StoryBlockSection .ContentContainerCentered{grid-template-columns:1fr;gap:48px}
.ValuesCardsGrid{grid-template-columns:repeat(2,1fr)}
.ApproachShowcaseSection .ContentContainerCentered{grid-template-columns:1fr;gap:52px}
.TeamIntroSection .ContentContainerCentered{grid-template-columns:1fr;gap:48px}
}
@media (max-width: 768px) {
.TitleWrapperOuter{padding:64px 20px}
.TitleMainSection h1{font-size:36px;margin-bottom:20px}
.TitleDescriptionText{font-size:18px}
.StoryBlockSection{padding:72px 20px}
.StoryTextContent h2{font-size:32px}
.StoryImageHolder img{height:380px}
.ValuesDisplaySection{padding:68px 20px}
.ValuesHeadingArea h2{font-size:34px}
.ValuesCardsGrid{grid-template-columns:1fr;gap:28px}
.ApproachShowcaseSection{padding:72px 20px}
.ApproachContentBlock h2{font-size:32px}
.ApproachImageDisplay img{height:420px}
.TeamIntroSection{padding:68px 20px}
.TeamTextBlock h2{font-size:34px}
.TeamVisualBlock img{height:360px}
}
@media (max-width: 480px) {
.TitleMainSection h1{font-size:30px}
.TitleDescriptionText{font-size:17px}
.StoryTextContent h2{font-size:28px}
.ValuesHeadingArea h2{font-size:28px}
.ApproachContentBlock h2{font-size:28px}
.TeamTextBlock h2{font-size:28px}
.TeamCTAButton{padding:14px 36px;font-size:16px}
}
.MainHeroOuter{position:relative;background:linear-gradient(127deg,#E03772 0%,#0FBD71 100%);padding:84px 24px 96px;overflow:hidden}
.MainHeroOuter::before{content:'';position:absolute;top:-15%;right:-8%;width:420px;height:420px;background:radial-gradient(circle,#f7f3022e 0%,transparent 70%);border-radius:50%;filter:blur(48px)}
.MainHeroOuter::after{content:'';position:absolute;bottom:-12%;left:-5%;width:360px;height:360px;background:radial-gradient(circle,#0fbd7138 0%,transparent 65%);border-radius:50%;filter:blur(56px)}
.HeroContentWrapper{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.HeroImageContainer{margin-bottom:48px;text-align:center}
.HeroImageContainer img{width:100%;max-width:720px;height:auto;border-radius:28px;box-shadow:0 24px 64px #00000042;filter:blur(0.4px)}
.HeroTextBlock{text-align:center}
.HeroTextBlock h1{font-size:42px;font-weight:700;color:#fff;margin:0 0 36px;line-height:1.22;letter-spacing:-.02em}
.HeroButtonGroup{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.HeroButtonPrimary{background:#fff;color:#E03772;padding:16px 42px;border-radius:24px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .28s ease-out;box-shadow:0 8px 24px #00000029}
.HeroButtonPrimary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0000003d;background:#F7F302;color:#1a1a1a}
.HeroButtonSecondary{background:transparent;color:#fff;padding:16px 42px;border-radius:24px;border:2px solid #fff;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .28s ease-out}
.HeroButtonSecondary:hover{background:#fff;color:#E03772;transform:translateY(-3px);box-shadow:0 14px 32px #0000002e}
.AccessibilitySectionOuter{background:linear-gradient(214deg,#f8f9fa 0%,#fff 100%);padding:92px 24px}
.AccessibilityContentWrapper{max-width:1536px;margin:0 auto}
.AccessibilityGrid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
.AccessibilityTextBlock h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.28;position:relative;display:inline-block}
.AccessibilityTextBlock h2::after{content:'';position:absolute;bottom:-8px;left:0;width:72px;height:4px;background:linear-gradient(90deg,#E03772 0%,#0FBD71 100%);border-radius:12px}
.AccessibilityTextBlock p{font-size:17px;line-height:1.68;color:#3a3a3a;margin:32px 0 0}
.AccessibilityFeatureList{display:grid;grid-template-columns:1fr;gap:28px;margin-top:36px}
.FeatureItemCard{background:#fff;padding:28px;border-radius:20px;box-shadow:0 6px 18px #00000014;transition:all .32s ease-out;border-left:4px solid #E03772}
.FeatureItemCard:nth-child(2){border-left-color:#0FBD71}
.FeatureItemCard:nth-child(3){border-left-color:#F7F302}
.FeatureItemCard:hover{transform:translateX(8px);box-shadow:0 12px 28px #00000024}
.FeatureItemCard h3{font-size:21px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.FeatureItemCard p{font-size:16px;line-height:1.62;color:#4a4a4a;margin:0}
.AccessibilityImageBlock{position:relative}
.AccessibilityImageBlock img{width:100%;height:auto;border-radius:24px;box-shadow:0 18px 48px #0000001f}
.TeamSectionOuter{background:#fff;padding:96px 24px;position:relative}
.TeamSectionOuter::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#E03772 0%,#0FBD71 50%,#F7F302 100%)}
.TeamContentWrapper{max-width:1536px;margin:0 auto}
.TeamHeaderBlock{text-align:center;margin-bottom:64px}
.TeamHeaderBlock h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.26}
.TeamHeaderBlock p{font-size:18px;line-height:1.64;color:#3a3a3a;max-width:820px;margin:0 auto}
.TeamGridLayout{display:grid;grid-template-columns:1fr;gap:42px}
.TeamMemberCard{background:linear-gradient(152deg,#f8f9fa 0%,#fff 100%);padding:38px;border-radius:24px;box-shadow:0 8px 24px #00000017;transition:all .34s ease-out;position:relative;overflow:hidden}
.TeamMemberCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#E03772 0%,#0FBD71 100%);transform:scaleX(0);transform-origin:left;transition:transform .42s ease-out}
.TeamMemberCard:hover::before{transform:scaleX(1)}
.TeamMemberCard:hover{transform:translateY(-6px);box-shadow:0 16px 42px #00000026}
.TeamMemberCard h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.TeamRoleLabel{font-size:16px;color:#E03772;font-weight:500;margin-bottom:18px;display:block}
.TeamMemberCard p{font-size:16px;line-height:1.66;color:#4a4a4a;margin:0 0 22px}
.TeamExpertiseList{display:flex;flex-wrap:wrap;gap:10px}
.ExpertiseBadge{background:linear-gradient(118deg,#e037721f 0%,#0fbd711f 100%);padding:8px 16px;border-radius:16px;font-size:14px;font-weight:500;color:#2a2a2a}
.TeamStatsBlock{background:linear-gradient(156deg,#E03772 0%,#0FBD71 100%);padding:64px 32px;border-radius:28px;margin-top:56px;text-align:center}
.StatsGridLayout{display:grid;grid-template-columns:1fr;gap:38px;max-width:1100px;margin:0 auto}
.StatItemBox{background:#ffffff29;padding:32px 24px;border-radius:20px;backdrop-filter:blur(12px);border:1px solid #ffffff3d;transition:all .32s ease-out}
.StatItemBox:hover{background:#ffffff3d;transform:scale(1.04)}
.StatNumberDisplay{font-size:48px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.1}
.StatLabelText{font-size:17px;color:#ffffffeb;margin:0;font-weight:500}
@media (min-width: 768px) {
.MainHeroOuter{padding:108px 32px 124px}
.HeroTextBlock h1{font-size:56px}
.AccessibilityGrid{grid-template-columns:1fr 1fr;gap:64px}
.AccessibilityFeatureList{grid-template-columns:1fr}
.TeamGridLayout{grid-template-columns:1fr 1fr;gap:48px}
.StatsGridLayout{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 1024px) {
.MainHeroOuter{padding:132px 48px 148px}
.HeroTextBlock h1{font-size:64px}
.HeroImageContainer img{max-width:920px}
.AccessibilitySectionOuter{padding:116px 48px}
.AccessibilityTextBlock h2{font-size:44px}
.TeamSectionOuter{padding:124px 48px}
.TeamHeaderBlock h2{font-size:44px}
.TeamGridLayout{grid-template-columns:repeat(3,1fr)}
}
.contact-wrapper-outer{max-width:1536px;margin:0 auto;padding:0}
.contact-intro-block{background:linear-gradient(128deg,#E03772 0%,#F7F302 100%);padding:92px 24px 76px;position:relative;overflow:hidden}
.contact-intro-block::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:#ffffff4d}
.contact-intro-block::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#ffffff4d}
.intro-content-holder{max-width:880px;margin:0 auto}
.intro-main-heading{font-size:56px;font-weight:700;color:#FFF;margin:0 0 28px;line-height:1.15}
.intro-thesis-list{list-style:none;padding:0;margin:0}
.intro-thesis-item{font-size:19px;color:#FFF;margin-bottom:16px;line-height:1.6;opacity:.95}
.contact-methods-section{background:#FAFAFA;padding:84px 24px}
.methods-container-inner{max-width:1280px;margin:0 auto}
.methods-heading-primary{font-size:38px;font-weight:700;color:#1A1A1A;margin:0 0 48px;text-align:center}
.methods-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.method-card-box{background:#FFF;padding:40px 32px;border-radius:24px;box-shadow:0 8px 24px #0000000f;transition:all .3s ease-out;border:2px solid transparent}
.method-card-box:hover{transform:translateY(-4px);box-shadow:0 16px 32px #e037721f;border-color:#E03772}
.method-icon-holder{width:64px;height:64px;background:linear-gradient(135deg,#E03772 0%,#0FBD71 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.method-icon-svg{width:32px;height:32px}
.method-title-text{font-size:24px;font-weight:600;color:#1A1A1A;margin:0 0 12px}
.method-detail-text{font-size:16px;color:#4A4A4A;line-height:1.6;margin:0 0 16px}
.method-link-action{color:#E03772;text-decoration:none;font-weight:600;transition:color .2s ease-out}
.method-link-action:hover{color:#0FBD71}
.contact-form-section{background:#FFF;padding:84px 24px}
.form-container-wrap{max-width:720px;margin:0 auto}
.form-heading-main{font-size:42px;font-weight:700;color:#1A1A1A;margin:0 0 16px;text-align:center}
.form-subheading-text{font-size:18px;color:#666;margin:0 0 48px;text-align:center;line-height:1.6}
.contact-form-element{display:flex;flex-direction:column;gap:24px}
.form-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-group-wrapper{display:flex;flex-direction:column;gap:8px}
.form-label-text{font-size:15px;font-weight:600;color:#2A2A2A}
.form-input-field{padding:16px 20px;border:2px solid #E0E0E0;border-radius:16px;font-size:16px;color:#1A1A1A;transition:all .3s ease-out;background:#FAFAFA}
.form-input-field:focus{outline:none;border-color:#E03772;background:#FFF;box-shadow:0 4px 12px #e037721f}
.form-select-dropdown{padding:16px 20px;border:2px solid #E0E0E0;border-radius:16px;font-size:16px;color:#1A1A1A;transition:all .3s ease-out;background:#FAFAFA;cursor:pointer}
.form-select-dropdown:focus{outline:none;border-color:#0FBD71;background:#FFF;box-shadow:0 4px 12px #0fbd711f}
.form-textarea-input{padding:16px 20px;border:2px solid #E0E0E0;border-radius:16px;font-size:16px;color:#1A1A1A;transition:all .3s ease-out;background:#FAFAFA;min-height:140px;resize:vertical;font-family:inherit}
.form-textarea-input:focus{outline:none;border-color:#F7F302;background:#FFF;box-shadow:0 4px 12px #f7f3022e}
.privacy-checkbox-wrapper{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacy-checkbox-input{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}
.privacy-label-text{font-size:14px;color:#666;line-height:1.6}
.privacy-link-inline{color:#E03772;text-decoration:underline;transition:color .2s ease-out}
.privacy-link-inline:hover{color:#0FBD71}
.form-submit-button{padding:18px 48px;background:linear-gradient(135deg,#E03772 0%,#0FBD71 100%);border:none;border-radius:20px;font-size:18px;font-weight:700;color:#FFF;cursor:pointer;transition:all .3s ease-out;box-shadow:0 8px 20px #e037724d}
.form-submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e0377266}
.form-submit-button:active{transform:translateY(0)}
.office-location-section{background:linear-gradient(217deg,#0FBD71 0%,#F7F302 100%);padding:84px 24px}
.location-content-box{max-width:960px;margin:0 auto;background:#FFF;padding:64px 48px;border-radius:28px;box-shadow:0 16px 48px #0000001f}
.location-heading-title{font-size:36px;font-weight:700;color:#1A1A1A;margin:0 0 40px;text-align:center}
.location-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px}
.detail-item-block{display:flex;flex-direction:column;gap:12px}
.detail-label-heading{font-size:14px;font-weight:700;color:#E03772;text-transform:uppercase;letter-spacing:.8px;margin:0}
.detail-value-text{font-size:18px;color:#2A2A2A;line-height:1.6;margin:0}
.hours-section-block{background:#F5F5F5;padding:84px 24px}
.hours-container-inner{max-width:840px;margin:0 auto;text-align:center}
.hours-heading-main{font-size:38px;font-weight:700;color:#1A1A1A;margin:0 0 24px}
.hours-description-text{font-size:18px;color:#666;line-height:1.7;margin:0 0 48px}
.hours-status-card{background:#FFF;padding:48px 40px;border-radius:24px;box-shadow:0 8px 24px #0000000f;display:inline-block;min-width:420px}
.status-indicator-wrapper{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px}
.status-dot-circle{width:16px;height:16px;background:#0FBD71;border-radius:50%;animation:pulse-animation 2s ease-out infinite}
@keyframes pulse-animation {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.6;transform:scale(1.2)}
}
.status-text-label{font-size:20px;font-weight:600;color:#0FBD71;margin:0}
.hours-info-text{font-size:16px;color:#666;line-height:1.7;margin:0}
@media (max-width: 768px) {
.intro-main-heading{font-size:38px}
.intro-thesis-item{font-size:17px}
.methods-heading-primary{font-size:32px}
.methods-grid-layout{grid-template-columns:1fr}
.form-heading-main{font-size:34px}
.form-row-dual{grid-template-columns:1fr}
.location-content-box{padding:40px 28px}
.location-details-grid{grid-template-columns:1fr}
.hours-status-card{min-width:100%}
.contact-intro-block{padding:64px 20px 52px}
.contact-methods-section,.contact-form-section,.office-location-section,.hours-section-block{padding:64px 20px}
}
@media (min-width: 769px) and (max-width: 1200px) {
.intro-main-heading{font-size:48px}
.methods-grid-layout{grid-template-columns:repeat(2,1fr)}
}
.TitleSectionWrapper{position:relative;background:linear-gradient(134deg,#E03772 0%,#F7F302 100%);padding:80px 20px;overflow:hidden;animation:gradientShift 8s ease-in-out infinite}
@keyframes gradientShift {
0%,100%{background:linear-gradient(134deg,#E03772 0%,#F7F302 100%)}
50%{background:linear-gradient(134deg,#0FBD71 0%,#E03772 100%)}
}
.TitleSectionWrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff26;border-radius:40% 60% 70% 30%;animation:shapeFloat 12s ease-in-out infinite}
.TitleSectionWrapper::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:#00000014;border-radius:60% 40% 30% 70%;animation:shapeFloat 10s ease-in-out infinite reverse}
@keyframes shapeFloat {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(30px,-30px) rotate(10deg)}
}
.TitleContentContainer{max-width:1536px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TitleTextArea h1{font-size:56px;line-height:1.15;color:#fff;margin:0 0 24px;font-weight:700;text-shadow:2px 4px 12px #0003}
.TitleTextArea p{font-size:20px;line-height:1.6;color:#fff;margin:0 0 32px;opacity:.95}
.TitleImageBox{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #0000004d}
.TitleImageBox img{width:100%;height:480px;object-fit:cover;display:block}
.ProgramOverviewOuter{padding:100px 20px;background:#fafbfc}
.ProgramOverviewInner{max-width:1536px;margin:0 auto}
.OverviewHeadingSection{text-align:center;margin-bottom:70px}
.OverviewHeadingSection h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.OverviewHeadingSection p{font-size:18px;line-height:1.65;color:#4a4a4a;max-width:720px;margin:0 auto}
.ModulesGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ModuleCardComponent{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 24px #00000014;transition:transform .3s ease-out,box-shadow .3s ease-out;position:relative}
.ModuleCardComponent:hover{transform:translateY(-8px);box-shadow:0 16px 40px #e037722e}
.ModuleCardComponent::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#E03772,#0FBD71);border-radius:20px 20px 0 0}
.ModuleIconCircle{width:80px;height:80px;background:linear-gradient(135deg,#E03772,#F7F302);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ModuleIconCircle svg{width:40px;height:40px;fill:#fff}
.ModuleCardComponent h3{font-size:24px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.ModuleCardComponent p{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
.ModuleDurationTag{display:inline-block;background:#0fbd711a;color:#0FBD71;padding:6px 16px;border-radius:16px;font-size:14px;font-weight:600;margin-top:20px}
.LearningPathContainer{padding:100px 20px;background:#fff}
.LearningPathInnerWrapper{max-width:1536px;margin:0 auto}
.PathHeaderText{text-align:left;margin-bottom:60px;max-width:800px}
.PathHeaderText h2{font-size:40px;line-height:1.25;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.PathHeaderText p{font-size:18px;line-height:1.65;color:#4a4a4a;margin:0}
.TimelineFlowStructure{position:relative;padding-left:80px}
.TimelineFlowStructure::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#E03772,#0FBD71,#F7F302)}
.StageItemBlock{position:relative;margin-bottom:50px}
.StageItemBlock::before{content:'';position:absolute;left:-52px;top:8px;width:20px;height:20px;background:#fff;border:4px solid #E03772;border-radius:50%;z-index:2}
.StageItemBlock:nth-child(2)::before{border-color:#0FBD71}
.StageItemBlock:nth-child(3)::before{border-color:#F7F302}
.StageItemBlock:nth-child(4)::before{border-color:#E03772}
.StageNumberLabel{display:inline-block;background:linear-gradient(135deg,#E03772,#0FBD71);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:16px}
.StageItemBlock h3{font-size:26px;line-height:1.3;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.StageItemBlock p{font-size:17px;line-height:1.7;color:#5a5a5a;margin:0;max-width:700px}
.SkillsShowcaseSection{padding:100px 20px;background:linear-gradient(167deg,#fafbfc 0%,#f0f4f7 100%);position:relative;overflow:hidden}
.SkillsShowcaseSection::before{content:'';position:absolute;top:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,#e0377214,transparent);border-radius:50%}
.SkillsContentWrapper{max-width:1536px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.SkillsImageHolder{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #00000026}
.SkillsImageHolder img{width:100%;height:560px;object-fit:cover;display:block}
.SkillsImageHolder::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e0377233,#0fbd7133);pointer-events:none}
.SkillsTextContent h2{font-size:40px;line-height:1.25;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.SkillsTextContent p{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 40px}
.SkillBarsContainer{display:flex;flex-direction:column;gap:30px}
.SkillItemRow{position:relative}
.SkillLabelText{font-size:16px;font-weight:600;color:#2a2a2a;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.SkillPercentValue{font-size:14px;color:#E03772;font-weight:700}
.SkillBarTrack{height:12px;background:#e8ebee;border-radius:16px;overflow:hidden;position:relative}
.SkillBarFill{height:100%;background:linear-gradient(90deg,#E03772,#0FBD71);border-radius:16px;transition:width 1.2s ease-out}
.SkillItemRow:nth-child(1) .SkillBarFill{width:92%}
.SkillItemRow:nth-child(2) .SkillBarFill{width:88%}
.SkillItemRow:nth-child(3) .SkillBarFill{width:85%}
.SkillItemRow:nth-child(4) .SkillBarFill{width:90%}
.EnrollmentActionBox{padding:120px 20px;background:linear-gradient(142deg,#0FBD71 0%,#E03772 100%);position:relative;overflow:hidden}
.EnrollmentActionBox::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:#ffffff1a;border-radius:50%;animation:pulseEffect 6s ease-in-out infinite}
.EnrollmentActionBox::after{content:'';position:absolute;bottom:-80px;right:-80px;width:350px;height:350px;background:#00000014;border-radius:50%;animation:pulseEffect 8s ease-in-out infinite reverse}
@keyframes pulseEffect {
0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
.EnrollmentContentCenter{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.EnrollmentContentCenter h2{font-size:48px;line-height:1.2;color:#fff;margin:0 0 22px;font-weight:700;text-shadow:2px 4px 16px #0003}
.EnrollmentContentCenter p{font-size:20px;line-height:1.65;color:#fff;margin:0 0 42px;opacity:.95}
.EnrollButtonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.PrimaryEnrollButton{background:#fff;color:#E03772;padding:18px 44px;border-radius:24px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block;transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 8px 24px #00000026;z-index:10;position:relative}
.PrimaryEnrollButton:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000040}
.SecondaryEnrollButton{background:transparent;color:#fff;padding:18px 44px;border:3px solid #fff;border-radius:24px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block;transition:background .3s ease-out,color .3s ease-out;z-index:10;position:relative}
.SecondaryEnrollButton:hover{background:#fff;color:#0FBD71}
@media (max-width: 1024px) {
.TitleContentContainer{grid-template-columns:1fr;gap:40px}
.TitleTextArea h1{font-size:44px}
.ModulesGridLayout{grid-template-columns:repeat(2,1fr);gap:30px}
.SkillsContentWrapper{grid-template-columns:1fr;gap:50px}
.TimelineFlowStructure{padding-left:60px}
}
@media (max-width: 768px) {
.TitleSectionWrapper{padding:60px 20px}
.TitleTextArea h1{font-size:36px}
.TitleTextArea p{font-size:18px}
.TitleImageBox img{height:320px}
.ProgramOverviewOuter{padding:70px 20px}
.OverviewHeadingSection h2{font-size:34px}
.ModulesGridLayout{grid-template-columns:1fr;gap:24px}
.ModuleCardComponent{padding:30px}
.LearningPathContainer{padding:70px 20px}
.PathHeaderText h2{font-size:32px}
.TimelineFlowStructure{padding-left:50px}
.SkillsShowcaseSection{padding:70px 20px}
.SkillsTextContent h2{font-size:32px}
.SkillsImageHolder img{height:400px}
.EnrollmentActionBox{padding:80px 20px}
.EnrollmentContentCenter h2{font-size:36px}
.EnrollButtonGroup{flex-direction:column;align-items:center}
.PrimaryEnrollButton,.SecondaryEnrollButton{width:100%;max-width:320px;text-align:center}
}
.success-outer{background:linear-gradient(157deg,#E03772 0%,#0FBD71 100%);padding:80px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center}
.success-inner{max-width:680px;margin:0 auto;text-align:center}
.circle-wrapper{width:280px;height:280px;margin:0 auto 48px;position:relative;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);box-shadow:0 16px 48px #0000001f}
.circle-wrapper::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:linear-gradient(223deg,#f7f3024d 0%,#e0377233 100%);z-index:-1}
.circle-wrapper::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(45deg,#F7F302 0%,#0FBD71 100%);border-radius:50%;opacity:.2;filter:blur(24px)}
.check-icon-area{width:140px;height:140px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 8px 24px #00000014}
.check-icon-area svg{width:80px;height:80px}
.success-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.5px}
.success-message{font-size:19px;line-height:1.6;color:#fffffff2;margin:0 0 48px;max-width:540px;margin-left:auto;margin-right:auto}
.action-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-primary-success{background:#fff;color:#E03772;padding:16px 40px;border-radius:24px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease-out;box-shadow:0 8px 24px #0000001f}
.btn-primary-success:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000002e;color:#E03772}
.btn-secondary-success{background:#fff3;color:#fff;padding:16px 40px;border-radius:24px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease-out;backdrop-filter:blur(8px);border:2px solid #ffffff4d}
.btn-secondary-success:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-3px);color:#fff}
.decorative-shape-1{position:absolute;top:15%;left:10%;width:60px;height:60px;border-radius:50%;background:#f7f3021f;filter:blur(2px)}
.decorative-shape-2{position:absolute;bottom:20%;right:15%;width:80px;height:80px;border-radius:20px;background:#0fbd711a;transform:rotate(25deg);filter:blur(3px)}
.decorative-shape-3{position:absolute;top:40%;right:8%;width:40px;height:40px;background:#e0377226;border-radius:8px;transform:rotate(-15deg);filter:blur(2px)}
.decorative-shape-4{position:absolute;bottom:30%;left:12%;width:50px;height:50px;border-radius:50%;background:#ffffff14;filter:blur(4px)}
@media (max-width: 768px) {
.success-outer{padding:60px 20px;min-height:80vh}
.circle-wrapper{width:220px;height:220px;margin-bottom:36px}
.check-icon-area{width:110px;height:110px}
.check-icon-area svg{width:64px;height:64px}
.success-title{font-size:36px;margin-bottom:20px}
.success-message{font-size:17px;margin-bottom:36px}
.action-buttons{flex-direction:column;align-items:stretch}
.btn-primary-success,.btn-secondary-success{width:100%;text-align:center}
.decorative-shape-1,.decorative-shape-2,.decorative-shape-3,.decorative-shape-4{display:none}
}
@media (max-width: 480px) {
.success-outer{padding:40px 16px}
.circle-wrapper{width:180px;height:180px}
.check-icon-area{width:90px;height:90px}
.check-icon-area svg{width:52px;height:52px}
.success-title{font-size:32px}
.success-message{font-size:16px}
}