@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
body{font-family:'Open Sans',sans-serif;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#FFEDD8 0%,#fff 100%);color:#2c2c2c;line-height:1.6}
header{background:linear-gradient(180deg,#03A2DE 0%,#520978 100%);box-shadow:0 6px 14px #00000026;position:relative}
.mastheadcontainer{max-width:1280px;margin:0 auto;padding:32px 24px}
.brandingzone{display:flex;align-items:center;gap:28px}
.logowrap2{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff26;padding:14px;border:2px solid #ffffff4d;box-shadow:0 4px 8px #0003;transition:all 500ms ease}
.logowrap2:hover{background:#ffffff40;box-shadow:0 6px 12px #0000004d}
.logoimg45{width:90px;height:90px;display:block}
.companyinfo12{flex:1}
.companytitle7{font-size:42px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:.5px}
.tagline9{font-size:16px;color:#FFEDD8;font-weight:400}
.editorialbar{background:#520978e6;border-top:1px solid #fff3}
.navcontainer83{max-width:1280px;margin:0 auto;padding:0 24px}
.mainnavigation{display:flex;gap:48px;padding:18px 0;justify-content:center}
.mainnavigation .navitem{color:#FFEDD8;text-decoration:none;font-size:16px;font-weight:600;transition:color 500ms ease;position:relative;padding:8px 0}
.mainnavigation .navitem:hover{color:#fff}
main{flex:1}
footer{background:linear-gradient(135deg,#520978 0%,#03A2DE 100%);color:#FFEDD8;position:relative;overflow:hidden}
.footerlayers{position:relative;z-index:2}
.bentocontainer{max-width:1280px;margin:0 auto;padding:56px 24px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}
.contactsection76,.hourssection23,.linkssection89{background:#ffedd814;padding:32px;border:1px solid #ffedd833;box-shadow:0 4px 12px #00000040}
.footertitle12{font-size:22px;font-weight:700;margin-bottom:20px;color:#fff}
.contactitem45{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.iconwrap3{font-size:20px;flex-shrink:0}
.contacttext9,.hourstext4{font-size:15px;line-height:1.5}
.hourstext4{margin-bottom:10px}
.footernav{display:flex;flex-direction:column;gap:14px}
.footerlink5{color:#FFEDD8;text-decoration:none;font-size:15px;transition:color 450ms ease,padding-left 450ms ease;display:inline-block}
.footerlink5:hover{color:#fff}
.copyrightzone34{background:#00000040;padding:20px 24px;text-align:center;border-top:1px solid #ffedd826}
.copyrighttext{font-size:14px;color:#FFEDD8}
.cookiepopup{position:fixed;top:24px;left:24px;width:420px;background:#fff;box-shadow:0 12px 24px #0000004d;z-index:9999;display:none;animation:slideinfromleft 600ms ease-out}
.cookiepopup[data-visible="true"]{display:block}
.cookiepopup[data-visible="false"]{animation:slideouttoright 600ms ease-out forwards}
@keyframes slideinfromleft {
from{transform:translateX(calc(-100% - 48px));opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes slideouttoright {
from{transform:translateX(0);opacity:1}
to{transform:translateX(calc(-100% - 48px));opacity:0}
}
.cookiecontent56{padding:28px}
.tabnav92{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}
.tabnav92 .tabbtn{background:transparent;border:none;padding:12px 20px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:color 450ms ease,border-bottom 450ms ease;border-bottom:2px solid transparent;margin-bottom:-2px}
.tabnav92 .tabbtn.active{color:#03A2DE;border-bottom:2px solid #03A2DE}
.tabnav92 .tabbtn:hover{color:#520978}
.tabpanel{display:block}
.tabpanel.hidden{display:none}
.cookietitle23{font-size:20px;font-weight:700;color:#2c2c2c;margin-bottom:14px}
.cookietext14{font-size:14px;color:#555;margin-bottom:12px;line-height:1.6}
.cookielist67{margin-left:20px;margin-bottom:12px}
.cookielist67 li{font-size:14px;color:#555;margin-bottom:8px}
.btngroup43{display:flex;gap:12px;margin-top:24px}
.acceptbtn78,.declinebtn92{flex:1;padding:12px 24px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all 500ms ease;font-family:'Open Sans',sans-serif}
.acceptbtn78{background:linear-gradient(135deg,#03A2DE,#520978);color:#fff;box-shadow:0 4px 8px #03a2de4d}
.acceptbtn78:hover{box-shadow:0 6px 14px #03a2de80;transform:translateY(-2px)}
.declinebtn92{background:#e0e0e0;color:#2c2c2c;box-shadow:0 4px 8px #0000001a}
.declinebtn92:hover{background:#d0d0d0;box-shadow:0 6px 14px #00000026}
@media (max-width: 768px) {
.brandingzone{flex-direction:column;text-align:center}
.companytitle7{font-size:32px}
.mainnavigation{flex-direction:column;gap:16px;align-items:center}
.bentocontainer{grid-template-columns:1fr;gap:28px}
.cookiepopup{width:calc(100% - 48px);left:24px;right:24px}
.logoimg45{width:70px;height:70px}
}
@media (max-width: 480px) {
.mastheadcontainer{padding:24px 16px}
.companytitle7{font-size:28px}
.tagline9{font-size:14px}
.cookiecontent56{padding:20px}
.btngroup43{flex-direction:column}
}
.policy-box{max-width:1280px;margin:60px auto;padding:0 20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.8;color:#2c3e50}
.policy-box h1{font-size:42px;font-weight:700;color:#520978;margin:0 0 40px;line-height:1.3;letter-spacing:-.5px}
.policy-box h2{font-size:32px;font-weight:600;color:#03A2DE;margin:50px 0 25px;line-height:1.4;border-bottom:2px solid #FFEDD8;padding-bottom:12px}
.policy-box h3{font-size:24px;font-weight:600;color:#520978;margin:35px 0 20px;line-height:1.4}
.policy-box h4{font-size:20px;font-weight:600;color:#03A2DE;margin:30px 0 18px;line-height:1.5}
.policy-box h5{font-size:18px;font-weight:600;color:#2c3e50;margin:25px 0 15px;line-height:1.5}
.policy-box h6{font-size:16px;font-weight:600;color:#2c3e50;margin:20px 0 12px;line-height:1.6}
.policy-box p{margin:0 0 20px;text-align:justify}
.policy-box ul{margin:0 0 25px;padding:0 0 0 30px;list-style-type:disc}
.policy-box ol{margin:0 0 25px;padding:0 0 0 30px;list-style-type:decimal}
.policy-box ul ul{margin:10px 0;list-style-type:circle}
.policy-box ol ol{margin:10px 0;list-style-type:lower-alpha}
.policy-box li{margin:0 0 12px;padding-left:8px}
.policy-box li p{margin:0 0 10px}
.policy-box strong,.policy-box b{font-weight:700;color:#520978}
.policy-box em,.policy-box i{font-style:italic;color:#03A2DE}
.policy-box a{color:#03A2DE;text-decoration:none;border-bottom:1px solid transparent;transition:all .4s ease;font-weight:500}
.policy-box a:hover{color:#520978;border-bottom-color:#520978}
.policy-box a:active{color:#03A2DE}
.policy-box table{width:100%;margin:30px 0;border-collapse:collapse;background:#fff;box-shadow:0 4px 8px #00000014;border-radius:8px;overflow:hidden}
.policy-box thead{background:linear-gradient(135deg,#03A2DE 0%,#520978 100%)}
.policy-box thead tr{color:#fff}
.policy-box tbody tr{transition:background-color .4s ease}
.policy-box tbody tr:nth-child(odd){background:#fff}
.policy-box tbody tr:nth-child(even){background:#FFEDD8}
.policy-box tbody tr:hover{background:#ffe4c4}
.policy-box th{padding:18px 20px;text-align:left;font-weight:600;font-size:15px;letter-spacing:.3px;border-bottom:3px solid #520978}
.policy-box td{padding:16px 20px;border-bottom:1px solid #e0e0e0;font-size:15px}
.policy-box tbody tr:last-child td{border-bottom:none}
.policy-box blockquote{margin:30px 0;padding:20px 30px;background:linear-gradient(to right,#FFEDD8 0%,#fff 100%);border-left:5px solid #03A2DE;font-style:italic;color:#2c3e50;box-shadow:0 2px 6px #0000000d}
.policy-box hr{margin:40px 0;border:none;height:2px;background:linear-gradient(to right,#03A2DE 0%,#520978 50%,#03A2DE 100%);opacity:.3}
.policy-box code{background:#FFEDD8;padding:3px 8px;border-radius:4px;font-family:'Courier New',Courier,monospace;font-size:14px;color:#520978}
.policy-box pre{background:#2c3e50;color:#FFEDD8;padding:20px;margin:25px 0;border-radius:8px;overflow-x:auto;box-shadow:0 4px 8px #0000001a}
.policy-box pre code{background:transparent;padding:0;color:#FFEDD8}
@media (max-width: 768px) {
.policy-box{margin:40px auto;padding:0 16px;font-size:15px}
.policy-box h1{font-size:32px;margin-bottom:30px}
.policy-box h2{font-size:26px;margin:35px 0 20px}
.policy-box h3{font-size:22px;margin:28px 0 16px}
.policy-box h4{font-size:19px;margin:24px 0 14px}
.policy-box ul,.policy-box ol{padding-left:25px}
.policy-box table{font-size:14px}
.policy-box th,.policy-box td{padding:12px 14px}
.policy-box blockquote{padding:16px 20px;margin:25px 0}
}
@media (max-width: 480px) {
.policy-box{margin:30px auto;font-size:14px}
.policy-box h1{font-size:28px;margin-bottom:25px}
.policy-box h2{font-size:22px}
.policy-box h3{font-size:19px}
.policy-box table{font-size:13px}
.policy-box th,.policy-box td{padding:10px 12px}
}
.articlebody{max-width:1280px;margin:0 auto;padding:0 20px}
.articleherozone{padding:80px 0 60px;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);margin-bottom:60px;position:relative;overflow:hidden}
.articleherozone::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#ffedd826 0%,transparent 70%);border-radius:50%}
.heroinner{max-width:1280px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.articletitle23{font-size:48px;line-height:1.2;color:#FFEDD8;margin:0 0 20px;font-weight:700}
.articlesubtitle89{font-size:22px;line-height:1.5;color:#ffedd8e6;margin:0;font-weight:400}
.featuredimgwrap{max-width:1280px;margin:0 auto 60px;padding:0 20px}
.featuredimg45{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 8px 24px #52097826}
.articlecontent67{max-width:880px;margin:0 auto;padding:0 20px 80px}
.articlecontent67 p{font-size:18px;line-height:1.8;color:#2a2a2a;margin:0 0 24px}
.articlecontent67 h2{font-size:32px;line-height:1.3;color:#520978;margin:48px 0 24px;font-weight:700;position:relative;padding-left:20px}
.articlecontent67 h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:calc(100% - 16px);background:linear-gradient(180deg,#03A2DE 0%,#520978 100%);border-radius:3px}
.articlecontent67 h3{font-size:26px;line-height:1.4;color:#520978;margin:36px 0 20px;font-weight:600}
.articlecontent67 h4{font-size:22px;line-height:1.4;color:#03A2DE;margin:32px 0 18px;font-weight:600}
.articlecontent67 h5{font-size:20px;line-height:1.5;color:#2a2a2a;margin:28px 0 16px;font-weight:600}
.articlecontent67 h6{font-size:18px;line-height:1.5;color:#2a2a2a;margin:24px 0 14px;font-weight:600}
.articlecontent67 ul,.articlecontent67 ol{margin:0 0 24px;padding-left:32px}
.articlecontent67 ul li,.articlecontent67 ol li{font-size:18px;line-height:1.8;color:#2a2a2a;margin-bottom:12px}
.articlecontent67 ul li{list-style-type:none;position:relative}
.articlecontent67 ul li::before{content:'';position:absolute;left:-24px;top:12px;width:8px;height:8px;background:#03A2DE;border-radius:50%}
.articlecontent67 ol li{list-style-type:decimal;color:#520978}
.articlecontent67 ol li::marker{color:#03A2DE;font-weight:700}
.articlecontent67 ins{background:#03a2de26;color:#03A2DE;text-decoration:none;padding:2px 6px;border-radius:4px;font-weight:600}
.articlecontent67 del{color:#999;text-decoration:line-through;opacity:.7}
.articlecontent67 table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #5209781a}
.articlecontent67 thead{background:linear-gradient(135deg,#03A2DE 0%,#520978 100%)}
.articlecontent67 thead th{padding:16px 20px;text-align:left;font-size:16px;font-weight:700;color:#FFEDD8;border:none}
.articlecontent67 tbody tr{background:#fff;transition:background 400ms}
.articlecontent67 tbody tr:nth-child(even){background:#ffedd84d}
.articlecontent67 tbody tr:hover{background:#03a2de14}
.articlecontent67 tbody td{padding:14px 20px;font-size:17px;line-height:1.6;color:#2a2a2a;border-bottom:1px solid #5209781a}
.articlecontent67 tbody tr:last-child td{border-bottom:none}
.articlecontent67 details{margin:32px 0;border:2px solid #03a2de33;border-radius:8px;overflow:hidden;background:#fff;transition:all 400ms}
.articlecontent67 details[open]{border-color:#03A2DE;box-shadow:0 6px 20px #03a2de26}
.articlecontent67 summary{padding:18px 24px;font-size:20px;font-weight:700;color:#520978;cursor:pointer;background:#ffedd866;transition:all 400ms;list-style:none;position:relative}
.articlecontent67 summary::-webkit-details-marker{display:none}
.articlecontent67 summary::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;color:#03A2DE;transition:transform 400ms}
.articlecontent67 details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.articlecontent67 summary:hover{background:#03a2de1a}
.articlecontent67 details > :not(summary){padding:20px 24px;font-size:17px;line-height:1.7;color:#2a2a2a}
.metainfo34{max-width:880px;margin:-40px auto 0;padding:0 20px 60px;display:flex;gap:32px;align-items:center}
.metaitem78{display:flex;align-items:center;gap:10px;font-size:16px;color:#666;background:#ffedd880;padding:10px 18px;border-radius:6px}
.metaicon{width:20px;height:20px;fill:#03A2DE}
@media (max-width: 768px) {
.articletitle23{font-size:32px}
.articlesubtitle89{font-size:18px}
.articleherozone{padding:60px 0 40px;margin-bottom:40px}
.articlecontent67{padding:0 20px 60px}
.articlecontent67 p{font-size:17px}
.articlecontent67 h2{font-size:26px;margin:36px 0 20px}
.articlecontent67 h3{font-size:22px}
.articlecontent67 h4{font-size:20px}
.metainfo34{flex-direction:column;align-items:flex-start;gap:16px}
.articlecontent67 table{font-size:14px}
.articlecontent67 thead th,.articlecontent67 tbody td{padding:10px 12px;font-size:14px}
}
@media (max-width: 480px) {
.articletitle23{font-size:26px}
.articlesubtitle89{font-size:16px}
.articlecontent67 h2{font-size:22px;padding-left:16px}
.articlecontent67 h2::before{width:4px}
.articlecontent67 table{display:block;overflow-x:auto}
}
.heroblock{position:relative;min-height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto}
.heroblock .bgimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:grayscale(0.4)}
.heroblock .txtwrap{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:80px 24px;text-align:center}
.heroblock .txtwrap h1{font-size:52px;line-height:1.2;color:#520978;margin:0 0 28px;font-weight:700}
.heroblock .txtwrap .subdesc{font-size:20px;line-height:1.6;color:#333;margin:0 0 38px}
.heroblock .actionbtn{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:18px;font-weight:600;transition:transform 420ms,box-shadow 420ms;box-shadow:0 4px 12px #03a2de4d}
.heroblock .actionbtn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #52097866}
.heroblock::before{content:'';position:absolute;top:0;right:0;width:340px;height:340px;background:radial-gradient(circle,#03a2de1f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.heroblock::after{content:'';position:absolute;bottom:0;left:0;width:280px;height:280px;background:radial-gradient(circle,#5209781a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.featuresec{max-width:1280px;margin:0 auto;padding:96px 24px}
.featuresec .secheader{text-align:center;margin-bottom:64px}
.featuresec .secheader h2{font-size:42px;color:#520978;margin:0 0 18px;font-weight:700}
.featuresec .secheader .tagline{font-size:18px;line-height:1.6;color:#555;max-width:680px;margin:0 auto}
.featuresec .gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.featuresec .gridlayout .featcard{background:linear-gradient(145deg,#FFEDD8 0%,#fff 100%);padding:38px 28px;border-radius:12px;box-shadow:0 6px 16px #00000014;transition:transform 480ms,box-shadow 480ms;position:relative;overflow:hidden}
.featuresec .gridlayout .featcard::before{content:'';position:absolute;top:-50px;right:-50px;width:120px;height:120px;background:radial-gradient(circle,#03a2de1a 0%,transparent 70%);border-radius:50%;transition:transform 480ms}
.featuresec .gridlayout .featcard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #52097826}
.featuresec .gridlayout .featcard:hover::before{transform:scale(1.4)}
.featuresec .gridlayout .featcard .icn{width:56px;height:56px;margin-bottom:22px}
.featuresec .gridlayout .featcard h3{font-size:24px;color:#520978;margin:0 0 14px;font-weight:600}
.featuresec .gridlayout .featcard .desc{font-size:16px;line-height:1.7;color:#444;margin:0}
.pathsec{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:84px 24px}
.pathsec .contentwrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pathsec .contentwrap .imgzone{position:relative}
.pathsec .contentwrap .imgzone img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 24px #0000001f;object-fit:cover}
.pathsec .contentwrap .txtzone h2{font-size:38px;color:#520978;margin:0 0 24px;font-weight:700}
.pathsec .contentwrap .txtzone .intro{font-size:17px;line-height:1.7;color:#333;margin:0 0 28px}
.pathsec .contentwrap .txtzone .pointlist{list-style:none;padding:0;margin:0 0 32px}
.pathsec .contentwrap .txtzone .pointlist li{position:relative;padding-left:36px;margin-bottom:18px;font-size:16px;line-height:1.6;color:#444}
.pathsec .contentwrap .txtzone .pointlist li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);border-radius:50%}
.pathsec .contentwrap .txtzone .ctabtn{display:inline-block;padding:14px 36px;background:#03A2DE;color:#fff;text-decoration:none;border-radius:7px;font-size:17px;font-weight:600;transition:background 450ms,transform 450ms}
.pathsec .contentwrap .txtzone .ctabtn:hover{background:#520978;transform:scale(1.05)}
.testimsec{max-width:1280px;margin:0 auto;padding:92px 24px}
.testimsec .secheading{text-align:center;margin-bottom:58px}
.testimsec .secheading h2{font-size:40px;color:#520978;margin:0 0 16px;font-weight:700}
.testimsec .secheading .subtitle{font-size:18px;color:#555;margin:0}
.testimsec .testimgrid{display:grid;grid-template-columns:1fr 1fr;gap:42px}
.testimsec .testimgrid .testimcard{background:#fff;border:2px solid #FFEDD8;border-radius:10px;padding:34px 30px;box-shadow:0 5px 14px #00000012;transition:border-color 500ms,box-shadow 500ms;position:relative}
.testimsec .testimgrid .testimcard:hover{border-color:#03A2DE;box-shadow:0 10px 24px #03a2de2e}
.testimsec .testimgrid .testimcard .quotemark{position:absolute;top:20px;right:26px;font-size:64px;color:#52097814;line-height:1;font-weight:700}
.testimsec .testimgrid .testimcard .testimtxt{font-size:16px;line-height:1.7;color:#333;margin:0 0 24px;font-style:italic}
.testimsec .testimgrid .testimcard .authorblock{display:flex;align-items:center;gap:18px}
.testimsec .testimgrid .testimcard .authorblock .authorphoto{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #FFEDD8}
.testimsec .testimgrid .testimcard .authorblock .authorinfo .authname{font-size:17px;font-weight:600;color:#520978;margin:0 0 4px}
.testimsec .testimgrid .testimcard .authorblock .authorinfo .authrole{font-size:14px;color:#666;margin:0}
.progressec{background:linear-gradient(135deg,#520978 0%,#03A2DE 100%);padding:88px 24px;position:relative;overflow:hidden}
.progressec::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#ffedd826 0%,transparent 70%);border-radius:50%}
.progressec::after{content:'';position:absolute;bottom:-80px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,#ffedd81f 0%,transparent 70%);border-radius:50%}
.progressec .contentholder{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.progressec .contentholder .toptxt{text-align:center;margin-bottom:56px}
.progressec .contentholder .toptxt h2{font-size:39px;color:#fff;margin:0 0 18px;font-weight:700}
.progressec .contentholder .toptxt .explain{font-size:18px;color:#ffffffe6;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.progressec .contentholder .stepsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.progressec .contentholder .stepsgrid .stepbox{background:#ffffff1f;border:2px solid #fff3;border-radius:9px;padding:32px 22px;text-align:center;transition:background 480ms,border-color 480ms,transform 480ms;position:relative}
.progressec .contentholder .stepsgrid .stepbox:hover{background:#ffffff2e;border-color:#FFEDD8;transform:translateY(-5px)}
.progressec .contentholder .stepsgrid .stepbox .stepnum{display:inline-block;width:48px;height:48px;line-height:48px;border-radius:50%;background:#FFEDD8;color:#520978;font-size:22px;font-weight:700;margin-bottom:18px}
.progressec .contentholder .stepsgrid .stepbox h4{font-size:20px;color:#fff;margin:0 0 12px;font-weight:600}
.progressec .contentholder .stepsgrid .stepbox .stepdesc{font-size:15px;line-height:1.6;color:#ffffffd9;margin:0}
@media (max-width: 1024px) {
.heroblock .txtwrap h1{font-size:42px}
.featuresec .gridlayout{grid-template-columns:1fr;gap:28px}
.pathsec .contentwrap{grid-template-columns:1fr;gap:42px}
.testimsec .testimgrid{grid-template-columns:1fr;gap:32px}
.progressec .contentholder .stepsgrid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 640px) {
.heroblock{min-height:420px}
.heroblock .txtwrap{padding:60px 20px}
.heroblock .txtwrap h1{font-size:34px;margin-bottom:20px}
.heroblock .txtwrap .subdesc{font-size:17px;margin-bottom:28px}
.featuresec{padding:64px 20px}
.featuresec .secheader h2{font-size:32px}
.pathsec{padding:64px 20px}
.pathsec .contentwrap .txtzone h2{font-size:30px}
.testimsec{padding:64px 20px}
.testimsec .secheading h2{font-size:32px}
.progressec{padding:64px 20px}
.progressec .contentholder .toptxt h2{font-size:30px}
.progressec .contentholder .stepsgrid{grid-template-columns:1fr;gap:20px}
}
.titlezone{position:relative;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);padding:80px 20px;overflow:hidden}
.titlezone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#ffedd826 0%,transparent 60%);pointer-events:none}
.titlezone .mainwrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.titlezone .textblock h1{font-size:52px;line-height:1.2;color:#FFEDD8;margin:0 0 24px;font-weight:700}
.titlezone .textblock .subtitle{font-size:20px;line-height:1.6;color:#ffedd8e6;margin:0}
.titlezone .imgbox{position:relative;width:100%;height:420px}
.titlezone .imgbox .clipshape{position:absolute;top:0;left:50%;transform:translateX(-50%);width:380px;height:380px;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);overflow:hidden}
.titlezone .imgbox .clipshape img{width:100%;height:100%;object-fit:cover;filter:brightness(0.85)}
.titlezone .imgbox .clipshape::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,#52097866 100%);pointer-events:none}
.storyline{padding:100px 20px;background:#FFEDD8;position:relative}
.storyline::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#03A2DE 0%,#520978 50%,#03A2DE 100%)}
.storyline .container{max-width:1280px;margin:0 auto}
.storyline .gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-bottom:70px}
.storyline .card{background:#fff;padding:40px 32px;border-radius:8px;box-shadow:0 4px 12px #52097814;transition:transform 500ms,box-shadow 500ms;position:relative;overflow:hidden}
.storyline .card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#03A2DE 0%,#520978 100%);opacity:0;transition:opacity 500ms}
.storyline .card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #52097826}
.storyline .card:hover::before{opacity:1}
.storyline .card .iconnumber{display:inline-block;width:56px;height:56px;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);color:#FFEDD8;font-size:28px;font-weight:700;border-radius:50%;text-align:center;line-height:56px;margin-bottom:20px}
.storyline .card h3{font-size:24px;line-height:1.3;color:#520978;margin:0 0 16px;font-weight:600}
.storyline .card .description{font-size:16px;line-height:1.7;color:#333;margin:0}
.storyline .teacherprofile{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;background:#fff;padding:50px;border-radius:10px;box-shadow:0 6px 16px #03a2de1a}
.storyline .teacherprofile .photoarea{position:relative}
.storyline .teacherprofile .photoarea img{width:100%;height:320px;object-fit:cover;border-radius:6px;box-shadow:0 8px 20px #5209781f}
.storyline .teacherprofile .photoarea::after{content:'';position:absolute;bottom:-12px;right:-12px;width:100%;height:100%;border:3px solid #03A2DE;border-radius:6px;z-index:-1}
.storyline .teacherprofile .biodata h2{font-size:36px;line-height:1.3;color:#520978;margin:0 0 12px;font-weight:700}
.storyline .teacherprofile .biodata .role{font-size:18px;line-height:1.5;color:#03A2DE;margin:0 0 28px;font-weight:500}
.storyline .teacherprofile .biodata .textcontent{font-size:17px;line-height:1.8;color:#444;margin:0 0 20px}
.storyline .teacherprofile .biodata .highlight{display:inline-block;background:linear-gradient(90deg,#03A2DE 0%,#520978 100%);color:#FFEDD8;padding:8px 18px;border-radius:6px;font-size:15px;font-weight:600;margin-top:8px}
.storyline .featuregrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:70px}
.storyline .featureitem{display:flex;gap:20px;background:#fff;padding:32px;border-radius:8px;box-shadow:0 3px 10px #03a2de14;transition:box-shadow 450ms}
.storyline .featureitem:hover{box-shadow:0 8px 20px #03a2de26}
.storyline .featureitem .iconwrap{flex-shrink:0}
.storyline .featureitem .iconwrap svg{width:48px;height:48px}
.storyline .featureitem .textpart h4{font-size:20px;line-height:1.4;color:#520978;margin:0 0 10px;font-weight:600}
.storyline .featureitem .textpart .info{font-size:15px;line-height:1.6;color:#555;margin:0}
@media (max-width: 1024px) {
.titlezone .mainwrap{grid-template-columns:1fr;gap:40px}
.titlezone .textblock h1{font-size:42px}
.titlezone .imgbox{height:360px}
.titlezone .imgbox .clipshape{width:320px;height:320px}
.storyline .gridlayout{grid-template-columns:1fr;gap:30px}
.storyline .teacherprofile{grid-template-columns:1fr;gap:40px;padding:40px 30px}
.storyline .featuregrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.titlezone{padding:60px 16px}
.titlezone .textblock h1{font-size:32px;margin-bottom:16px}
.titlezone .textblock .subtitle{font-size:17px}
.titlezone .imgbox{height:300px}
.titlezone .imgbox .clipshape{width:260px;height:260px}
.storyline{padding:60px 16px}
.storyline .card{padding:30px 24px}
.storyline .card h3{font-size:21px}
.storyline .teacherprofile{padding:30px 20px}
.storyline .teacherprofile .biodata h2{font-size:28px}
.storyline .featureitem{padding:24px;flex-direction:column;gap:16px}
}
.herocontainer{position:relative;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);padding:110px 20px 90px;overflow:hidden;margin:0 0 70px}
.herocontainer::before{content:'';position:absolute;top:-140px;right:-80px;width:380px;height:380px;background:#ffedd81f;transform:rotate(28deg);z-index:1}
.herocontainer::after{content:'';position:absolute;bottom:-90px;left:-60px;width:280px;height:280px;background:#ffedd817;border-radius:50%;z-index:1}
.herocontent{max-width:1280px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:46px}
.herocontent h1{font-size:52px;line-height:1.15;color:#FFF;margin:0;max-width:680px}
.herocontent .textblock{font-size:19px;line-height:1.6;color:#ffffffe8;max-width:540px;margin:0}
.heroimg{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:420px;height:420px;z-index:2}
.heroimg img{width:100%;height:100%;object-fit:cover;filter:blur(2px);opacity:.85;border-radius:8px}
.contactmainwrapper{max-width:1280px;margin:0 auto 85px;padding:0 20px}
.contactgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:start}
.infosection h2{font-size:34px;line-height:1.3;color:#520978;margin:0 0 28px}
.infosection .desc{font-size:17px;line-height:1.65;color:#333;margin:0 0 44px}
.contactdetails{display:flex;flex-direction:column;gap:24px}
.detailitem{display:flex;align-items:flex-start;gap:16px;padding:18px;background:#FFEDD8;border-radius:6px;transition:transform 450ms ease}
.detailitem:hover{transform:translateX(8px)}
.detailitem svg{width:26px;height:26px;flex-shrink:0;fill:#520978;margin-top:2px}
.detailitem .content{flex:1}
.detailitem .label{font-size:13px;color:#520978;margin:0 0 6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.detailitem .value{font-size:16px;color:#333;margin:0}
.detailitem .value a{color:#03A2DE;text-decoration:none;transition:color 500ms ease}
.detailitem .value a:hover{color:#520978}
.formarea{background:linear-gradient(180deg,#03a2de0a 0%,#5209780f 100%);padding:46px 40px;border-radius:10px;box-shadow:0 6px 14px #00000012}
.formarea h3{font-size:28px;line-height:1.3;color:#520978;margin:0 0 32px}
.formarea form{display:flex;flex-direction:column;gap:26px}
.inputgroup{display:flex;flex-direction:column;gap:9px}
.inputgroup label{font-size:15px;color:#333;font-weight:500}
.inputgroup input,.inputgroup select{padding:15px 18px;font-size:16px;border:2px solid #52097833;border-radius:6px;background:#FFF;color:#333;transition:border-color 450ms ease,box-shadow 450ms ease}
.inputgroup input:focus,.inputgroup select:focus{outline:none;border-color:#03A2DE;box-shadow:0 0 0 4px #03a2de1f}
.radiogroup{display:flex;flex-direction:column;gap:9px}
.radiogroup .radiolegend{font-size:15px;color:#333;font-weight:500;margin:0 0 8px}
.radiooptions{display:flex;gap:24px;flex-wrap:wrap}
.radiooptions input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.radiooptions label{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#FFF;border:2px solid #52097833;border-radius:6px;cursor:pointer;transition:all 500ms ease;font-size:15px;color:#333}
.radiooptions input[type="radio"]:checked + label{background:#520978;border-color:#520978;color:#FFF}
.radiooptions label:hover{border-color:#03A2DE;transform:scale(1.04)}
.checkboxwrapper{display:flex;align-items:flex-start;gap:12px;margin:8px 0 0}
.checkboxwrapper input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#520978}
.checkboxwrapper label{font-size:14px;line-height:1.5;color:#555;cursor:pointer}
.checkboxwrapper label a{color:#03A2DE;text-decoration:underline;transition:color 450ms ease}
.checkboxwrapper label a:hover{color:#520978}
.submitbtn{padding:17px 40px;font-size:17px;font-weight:600;color:#FFF;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);border:none;border-radius:8px;cursor:pointer;transition:transform 500ms ease,box-shadow 500ms ease;margin-top:10px}
.submitbtn:hover{transform:translateY(-3px);box-shadow:0 8px 16px #5209784d}
.alternativeblock{max-width:1280px;margin:0 auto 70px;padding:0 20px}
.alternativeblock h2{font-size:30px;line-height:1.3;color:#520978;margin:0 0 34px;text-align:center}
.messengergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.messengercard{background:#FFF;border:2px solid #03a2de40;border-radius:8px;padding:36px 28px;text-align:center;transition:all 550ms ease;box-shadow:0 3px 8px #0000000d}
.messengercard:hover{transform:translateY(-6px);box-shadow:0 12px 24px #52097826;border-color:#520978}
.messengercard svg{width:52px;height:52px;fill:#03A2DE;margin:0 auto 20px}
.messengercard h3{font-size:22px;color:#333;margin:0 0 14px}
.messengercard .msgdesc{font-size:15px;line-height:1.6;color:#666;margin:0 0 24px}
.messengercard a{display:inline-block;padding:13px 32px;font-size:16px;font-weight:600;color:#FFF;background:#520978;border-radius:6px;text-decoration:none;transition:background 450ms ease}
.messengercard a:hover{background:#03A2DE}
.showcaseblock{max-width:1280px;margin:0 auto 80px;padding:0 20px}
.showcaseblock h2{font-size:32px;line-height:1.25;color:#520978;margin:0 0 40px}
.showcasedual{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.showcasedual .imgwrap{width:100%;height:420px;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px #0000001a}
.showcasedual .imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform 600ms ease}
.showcasedual .imgwrap:hover img{transform:scale(1.08)}
.showcasedual .textside h3{font-size:26px;color:#333;margin:0 0 18px}
.showcasedual .textside .para{font-size:16px;line-height:1.7;color:#555;margin:0 0 14px}
@media (max-width: 1024px) {
.heroimg{width:340px;height:340px;right:30px}
.herocontent h1{font-size:42px}
.contactgrid{grid-template-columns:1fr;gap:50px}
.showcasedual{grid-template-columns:1fr;gap:36px}
}
@media (max-width: 768px) {
.herocontainer{padding:70px 20px 60px}
.heroimg{position:static;transform:none;width:100%;height:300px;margin-top:30px}
.herocontent h1{font-size:34px}
.herocontent .textblock{font-size:17px}
.formarea{padding:34px 24px}
.radiooptions{flex-direction:column;gap:12px}
.radiooptions label{width:100%}
.showcasedual .imgwrap{height:320px}
}
@media (max-width: 480px) {
.herocontent h1{font-size:28px}
.infosection h2{font-size:26px}
.formarea h3{font-size:24px}
.messengergrid{grid-template-columns:1fr}
}
.blogmain{max-width:1280px;margin:0 auto;padding:60px 20px}
.blogtopzone{margin-bottom:80px;text-align:center}
.blogtopzone .maintitle3{font-size:3.2rem;background:linear-gradient(135deg,#03A2DE,#520978);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;font-weight:700}
.blogtopzone .desc8{font-size:1.15rem;color:#444;max-width:720px;margin:0 auto;line-height:1.7}
.postsgrid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:100px}
.cardpost11{background:#fff;border:2px solid #FFEDD8;transition:all 500ms;overflow:hidden;position:relative}
.cardpost11:hover{transform:translateY(-8px);box-shadow:0 12px 28px #03a2de33;border-color:#03A2DE}
.cardpost11 .imgwrap7{width:100%;height:240px;overflow:hidden;position:relative}
.cardpost11 .imgwrap7 img{width:100%;height:100%;object-fit:cover;transition:transform 550ms}
.cardpost11:hover .imgwrap7 img{transform:scale(1.08)}
.cardpost11 .contentwrap9{padding:28px}
.cardpost11 .subtitle6{font-size:.9rem;color:#520978;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;font-weight:600}
.cardpost11 .posttitle2{font-size:1.6rem;color:#222;margin-bottom:16px;font-weight:700;line-height:1.4}
.cardpost11 .shorttext5{font-size:1rem;color:#555;margin-bottom:24px;line-height:1.6}
.cardpost11 .metazone3{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #FFEDD8}
.cardpost11 .metaitem8{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}
.cardpost11 .metaitem8 svg{width:18px;height:18px;fill:#03A2DE}
.cardpost11 .readlink4{display:inline-block;margin-top:16px;color:#03A2DE;font-weight:600;text-decoration:none;transition:color 450ms;position:relative}
.cardpost11 .readlink4::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#03A2DE,#520978);transition:width 500ms}
.cardpost11 .readlink4:hover{color:#520978}
.cardpost11 .readlink4:hover::after{width:100%}
.insightzone12{background:linear-gradient(135deg,#FFEDD8 0%,#fff 100%);padding:80px 40px;margin-bottom:100px;border-radius:0;position:relative;overflow:hidden}
.insightzone12::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#5209781a,transparent);border-radius:50%}
.insightzone12 .contentholder14{max-width:900px;margin:0 auto;position:relative;z-index:2}
.insightzone12 .sectionhead7{font-size:2.4rem;color:#520978;margin-bottom:30px;font-weight:700;position:relative;display:inline-block}
.insightzone12 .sectionhead7::before{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#03A2DE,#520978)}
.insightzone12 .textblock9{font-size:1.1rem;color:#333;line-height:1.8;margin-bottom:20px}
.insightzone12 .highlightbox2{background:#fff;padding:24px;border-left:4px solid #03A2DE;margin-top:30px;box-shadow:0 4px 12px #00000014}
.insightzone12 .highlightbox2 .quotetxt{font-size:1.05rem;color:#444;font-style:italic;line-height:1.7}
.progresszone19{max-width:1000px;margin:0 auto 100px;padding:0 20px}
.progresszone19 .headtitle9{font-size:2.2rem;color:#222;text-align:center;margin-bottom:60px;font-weight:700}
.skillslist6{display:flex;flex-direction:column;gap:32px}
.skillrow8{display:flex;flex-direction:column;gap:12px}
.skillrow8 .labeltxt3{display:flex;justify-content:space-between;font-size:1rem;color:#333;font-weight:600}
.skillrow8 .labeltxt3 .percent7{color:#520978}
.skillrow8 .bartrack5{width:100%;height:12px;background:#FFEDD8;border-radius:0;overflow:hidden;position:relative}
.skillrow8 .barfill9{height:100%;background:linear-gradient(90deg,#03A2DE,#520978);transition:width 600ms ease-out;position:relative}
.skillrow8 .barfill9::after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:#ffffff80}
.skillrow8:nth-child(1) .barfill9{width:92%}
.skillrow8:nth-child(2) .barfill9{width:85%}
.skillrow8:nth-child(3) .barfill9{width:78%}
.skillrow8:nth-child(4) .barfill9{width:88%}
.ctazone18{background:linear-gradient(135deg,#520978,#03A2DE);padding:80px 40px;text-align:center;color:#fff}
.ctazone18 .ctatitle4{font-size:2.6rem;margin-bottom:20px;font-weight:700}
.ctazone18 .ctadesc2{font-size:1.15rem;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}
.ctazone18 .btnlink11{display:inline-block;padding:18px 48px;background:#fff;color:#520978;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 500ms;border:2px solid #fff}
.ctazone18 .btnlink11:hover{background:transparent;color:#fff;transform:scale(1.05)}
@media (max-width: 768px) {
.blogtopzone .maintitle3{font-size:2.2rem}
.postsgrid4{grid-template-columns:1fr;gap:30px}
.insightzone12{padding:50px 24px}
.insightzone12 .sectionhead7{font-size:1.8rem}
.progresszone19 .headtitle9{font-size:1.8rem}
.ctazone18 .ctatitle4{font-size:2rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.postsgrid4{grid-template-columns:repeat(2,1fr)}
}
.successwrap{background:linear-gradient(135deg,#FFEDD8 0%,#fff 50%,#e8f7fd 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successwrap::before{content:'';position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#03a2de1f 0%,transparent 70%);border-radius:50%}
.successwrap::after{content:'';position:absolute;bottom:-30%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,#52097814 0%,transparent 70%);border-radius:50%}
.msgcontainer{max-width:680px;width:100%;background:#fff;padding:80px 60px;border-radius:8px;box-shadow:0 8px 24px #0000000f;text-align:center;position:relative;z-index:2}
.iconmark{width:88px;height:88px;margin:0 auto 32px;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:pulsering 2s ease-in-out infinite}
@keyframes pulsering {
0%,100%{transform:scale(1);box-shadow:0 0 0 0 #03a2de66}
50%{transform:scale(1.05);box-shadow:0 0 0 20px #03a2de00}
}
.iconmark svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.msgcontainer .titlemain2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.msgcontainer .descr3{font-size:18px;color:#4a4a4a;line-height:1.6;margin:0 0 40px;max-width:520px;margin-left:auto;margin-right:auto}
.actionzone{display:flex;flex-direction:column;gap:16px;align-items:center}
.mainbtn7{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;transition:all 450ms ease;box-shadow:0 4px 12px #03a2de40;border:none;cursor:pointer}
.mainbtn7:hover{transform:translateY(-2px);box-shadow:0 8px 20px #03a2de59}
.secondbtn8{display:inline-block;padding:14px 40px;background:transparent;color:#520978;text-decoration:none;border-radius:6px;font-size:16px;font-weight:500;transition:all 450ms ease;border:2px solid #520978}
.secondbtn8:hover{background:#520978;color:#fff}
.infoarea9{background:linear-gradient(180deg,#fff 0%,#f9f9f9 100%);padding:80px 20px}
.infoarea9container{max-width:1280px;margin:0 auto}
.gridinfo4{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.cardinfo5{background:#fff;padding:40px 28px;border-radius:8px;border:1px solid #e5e5e5;transition:all 500ms ease;position:relative}
.cardinfo5::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#03A2DE 0%,#520978 100%);border-radius:8px 0 0 8px;transition:height 500ms ease}
.cardinfo5:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-4px)}
.cardinfo5:hover::before{height:100%}
.cardinfo5 .nummark{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#03A2DE 0%,#520978 100%);color:#fff;border-radius:50%;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cardinfo5 .subtitle6{font-size:21px;font-weight:600;color:#1a1a1a;margin:0 0 12px;line-height:1.3}
.cardinfo5 .textcontent7{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
.contactblock8{background:linear-gradient(135deg,#FFEDD8 0%,#fff 100%);padding:48px;border-radius:8px;text-align:center;border:2px dashed #52097826}
.contactblock8 .subtitle9{font-size:26px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.contactblock8 .textline10{font-size:16px;color:#4a4a4a;margin:0 0 28px;line-height:1.5}
.contactlinks11{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.contactlinks11 a{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#fff;color:#520978;text-decoration:none;border-radius:6px;font-size:15px;font-weight:500;border:1px solid #e0e0e0;transition:all 450ms ease}
.contactlinks11 a svg{width:20px;height:20px;fill:currentColor}
.contactlinks11 a:hover{background:#520978;color:#fff;border-color:#520978;transform:translateY(-2px);box-shadow:0 4px 12px #52097833}
@media (max-width: 968px) {
.gridinfo4{grid-template-columns:repeat(2,1fr);gap:24px}
.msgcontainer{padding:60px 40px}
.msgcontainer .titlemain2{font-size:36px}
}
@media (max-width: 640px) {
.gridinfo4{grid-template-columns:1fr;gap:20px}
.msgcontainer{padding:40px 24px}
.msgcontainer .titlemain2{font-size:30px}
.msgcontainer .descr3{font-size:16px}
.mainbtn7{padding:14px 36px;font-size:16px}
.contactblock8{padding:32px 24px}
.contactlinks11{flex-direction:column;gap:12px}
.contactlinks11 a{justify-content:center}
.successwrap{padding:40px 16px}
}