*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Fira Code',monospace;background:#FFF;color:#1a1a1a;line-height:1.6}
.mainheaderbox{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);padding:0;box-shadow:0 4px 6px #00000026}
.headercontainerbox{max-width:1400px;margin:0 auto;padding:0 25px}
.toprowheader{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #fff3}
.logocontainerbox{flex-shrink:0}
.logocontainerbox img{height:85px;width:85px;display:block;background:#fffffff2;padding:10px;border-radius:12px;box-shadow:0 3px 8px #0003}
.mainnavbox{display:flex;gap:35px;align-items:center}
.mainnavbox a{color:#FFF;text-decoration:none;font-size:15px;font-weight:400;padding:8px 16px;border-radius:8px;transition:background .2s ease}
.mainnavbox a:hover{background:#ffffff26}
.bottomrowheader{padding:28px 0;text-align:center}
.companytitlebox{margin:0}
.companytitlebox h1{font-size:32px;font-weight:700;color:#FFF;letter-spacing:1px}
.companytitlebox p{font-size:14px;color:#ffffffe6;margin-top:8px}
.mainfooterbox{background:linear-gradient(180deg,#0B75A7 0%,#1a1a1a 100%);padding:45px 0 30px;margin-top:80px;border-top:3px solid #9D0F4D}
.footercontainerbox{max-width:1400px;margin:0 auto;padding:0 25px}
.footertoprow{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:35px;border-bottom:1px solid #fff3;gap:40px;flex-wrap:wrap}
.footercolumnbox{flex:1;min-width:220px}
.footercolumnbox h3{font-size:16px;color:#FFF;margin-bottom:18px;font-weight:700}
.footerlinklistbox{list-style:none}
.footerlinklistbox li{margin-bottom:10px}
.footerlinklistbox a{color:#ffffffd9;text-decoration:none;font-size:14px;transition:color .2s ease}
.footerlinklistbox a:hover{color:#FFF}
.footercontactbox p{color:#ffffffd9;font-size:14px;margin-bottom:8px}
.footerbottomrow{padding-top:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.copyrightbox{color:#ffffffbf;font-size:13px}
.footersecondarynav{display:flex;gap:25px}
.footersecondarynav a{color:#ffffffbf;text-decoration:none;font-size:13px;transition:color .2s ease}
.footersecondarynav a:hover{color:#FFF}
.cookieconsentbox{position:fixed;right:25px;top:50%;transform:translateY(-50%) translateX(400px);background:#FFF;border-radius:16px;box-shadow:0 8px 24px #00000040;padding:30px;max-width:380px;z-index:9999;border:2px solid #0B75A7;transition:transform .4s ease}
.cookieconsentbox.showcookie{transform:translateY(-50%) translateX(0)}
.cookieconsentbox.hiddencookie{display:none}
.cookieheaderbox h2{font-size:20px;color:#0B75A7;margin-bottom:15px;font-weight:700}
.cookietextbox p{font-size:14px;color:#333;margin-bottom:20px;line-height:1.5}
.cookiebuttonsbox{display:flex;gap:12px;margin-bottom:15px}
.cookieacceptbutton,.cookierejectbutton,.cookiecustomizebutton{flex:1;padding:12px 20px;border:none;border-radius:50px;cursor:pointer;transition:background .2s ease;font:700 14px 'Fira Code',monospace}
.cookieacceptbutton{background:#0B75A7;color:#FFF}
.cookieacceptbutton:hover{background:#095d85}
.cookierejectbutton{background:#9D0F4D;color:#FFF}
.cookierejectbutton:hover{background:#7d0c3d}
.cookiecustomizebutton{background:none;color:#0B75A7;border:2px solid #0B75A7;flex-basis:100%}
.cookiecustomizebutton:hover{background:#0b75a71a}
.cookieoptionsbox{display:none;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}
.cookieoptionsbox.showoptionscookie{display:block}
.cookiecategorybox{margin-bottom:15px}
.cookiecategorybox label{display:flex;align-items:center;font-size:14px;color:#333;cursor:pointer}
.cookiecategorybox input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer}
.cookiecategorybox input[type="checkbox"]:disabled{cursor:not-allowed}
.cookiesavebutton{width:100%;padding:12px 20px;border:none;border-radius:50px;background:#0B75A7;color:#FFF;cursor:pointer;margin-top:15px;transition:background .2s ease;font:700 14px 'Fira Code',monospace}
.cookiesavebutton:hover{background:#095d85}
@media (max-width: 768px) {
.toprowheader{flex-direction:column;gap:20px;text-align:center}
.mainnavbox{flex-direction:column;gap:15px;width:100%}
.mainnavbox a{display:block;width:100%}
.companytitlebox h1{font-size:24px}
.footertoprow{flex-direction:column}
.footerbottomrow{flex-direction:column;text-align:center}
.footersecondarynav{flex-direction:column;gap:10px}
.cookieconsentbox{right:15px;left:15px;max-width:none;top:auto;bottom:15px;transform:translateY(400px)}
.cookieconsentbox.showcookie{transform:translateY(0)}
.cookiebuttonsbox{flex-direction:column}
}
.aboutmainbox{max-width:1400px;margin:0 auto;padding:0 24px}
.herosectionabout{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);padding:80px 0;margin-bottom:60px}
.herosectionabout .contentareabox{max-width:900px;margin:0 auto;text-align:center}
.herosectionabout .maintitleheading{font-size:48px;color:#FFF;margin:0 0 24px;line-height:1.2}
.herosectionabout .descriptiontext{font-size:20px;color:#FFF;line-height:1.6;margin:0}
.storygridlayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;align-items:start}
.storycolumnleft{display:flex;flex-direction:column;gap:32px}
.storycolumnright{position:relative}
.storybox .subtitleheading{font-size:14px;color:#9D0F4D;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px;font-weight:600}
.storybox .headingtitle{font-size:36px;color:#0B75A7;margin:0 0 20px;line-height:1.3}
.storybox .paragraphtext{font-size:16px;color:#333;line-height:1.7;margin:0 0 16px}
.storybox .paragraphtext:last-child{margin-bottom:0}
.imagegridblock{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.imagegridblock .photoitem{position:relative;overflow:hidden;border-radius:12px}
.imagegridblock .photoitem img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s ease-in}
.imagegridblock .photoitem:hover img{transform:scale(1.08)}
.imagegridblock .photoitem:first-child{grid-column:1 / -1}
.imagegridblock .photoitem:first-child img{height:360px}
.valuesasymmetriclayout{background:linear-gradient(180deg,#FFF 0%,#F8F9FA 100%);padding:80px 0;margin-bottom:80px}
.valuesasymmetriclayout .contentgridwrapper{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:center}
.valuesasymmetriclayout .leftsidebox .headingtitle{font-size:42px;color:#0B75A7;margin:0 0 24px;line-height:1.2;position:relative}
.valuesasymmetriclayout .leftsidebox .headingtitle::before{content:'';position:absolute;left:-32px;top:8px;width:6px;height:60px;background:linear-gradient(180deg,#9D0F4D 0%,#0B75A7 100%);border-radius:3px}
.valuesasymmetriclayout .leftsidebox .descriptiontext{font-size:18px;color:#555;line-height:1.6;margin:0}
.valuecardsgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.valuecard{background:#FFF;padding:32px;border-radius:12px;border-left:4px solid #0B75A7;box-shadow:0 4px 12px #0b75a714;transition:transform .3s ease-in,box-shadow .3s ease-in}
.valuecard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b75a726}
.valuecard:nth-child(2n){border-left-color:#9D0F4D}
.valuecard .cardtitle{font-size:22px;color:#0B75A7;margin:0 0 16px;font-weight:600}
.valuecard .cardtext{font-size:15px;color:#444;line-height:1.6;margin:0}
.teamdiagonalsection{position:relative;padding:100px 0 80px;background:linear-gradient(165deg,#0B75A7 0%,#9D0F4D 100%);overflow:hidden}
.teamdiagonalsection::before{content:'';position:absolute;top:0;left:0;right:0;height:100px;background:#FFF;transform:skewY(-2deg);transform-origin:top left}
.teamdiagonalsection .sectionheaderbox{text-align:center;margin-bottom:60px}
.teamdiagonalsection .sectionheaderbox .headingtitle{font-size:40px;color:#FFF;margin:0 0 16px}
.teamdiagonalsection .sectionheaderbox .descriptiontext{font-size:18px;color:#FFF;margin:0;opacity:.95}
.teammembersgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:1000px;margin:0 auto}
.membercard{background:#FFF;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026;transition:transform .4s ease-in}
.membercard:hover{transform:scale(1.03)}
.membercard .photowrapper{position:relative;width:100%;height:320px;overflow:hidden}
.membercard .photowrapper img{width:100%;height:100%;object-fit:cover;display:block}
.membercard .infoarea{padding:28px}
.membercard .infoarea .membername{font-size:24px;color:#0B75A7;margin:0 0 8px;font-weight:600}
.membercard .infoarea .memberrole{font-size:16px;color:#9D0F4D;margin:0 0 16px;font-weight:500}
.membercard .infoarea .memberbio{font-size:15px;color:#444;line-height:1.6;margin:0}
.ctaactionbox{text-align:center;padding:80px 0;background:linear-gradient(135deg,#F8F9FA 0%,#FFF 100%)}
.ctaactionbox .headingtitle{font-size:36px;color:#0B75A7;margin:0 0 24px}
.ctaactionbox .descriptiontext{font-size:18px;color:#555;margin:0 0 32px;max-width:700px;margin-left:auto;margin-right:auto}
.ctabuttongroup{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.ctabuttonprimary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);color:#FFF;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 4px 12px #0b75a74d;cursor:pointer;z-index:10;position:relative}
.ctabuttonprimary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0b75a766}
.ctabuttonsecondary{display:inline-block;padding:16px 40px;background:#FFF;color:#0B75A7;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;border:2px solid #0B75A7;transition:background .3s ease-in,color .3s ease-in;cursor:pointer;z-index:10;position:relative}
.ctabuttonsecondary:hover{background:#0B75A7;color:#FFF}
@media (max-width: 1024px) {
.storygridlayout{grid-template-columns:1fr;gap:40px}
.valuesasymmetriclayout .contentgridwrapper{grid-template-columns:1fr;gap:50px}
.valuecardsgrid{grid-template-columns:1fr}
.teammembersgrid{grid-template-columns:1fr;gap:40px}
.valuesasymmetriclayout .leftsidebox .headingtitle::before{left:0;top:-24px;width:80px;height:6px}
}
@media (max-width: 768px) {
.herosectionabout{padding:60px 0;margin-bottom:40px}
.herosectionabout .maintitleheading{font-size:32px;margin-bottom:16px}
.herosectionabout .descriptiontext{font-size:17px}
.storybox .headingtitle{font-size:28px}
.imagegridblock{grid-template-columns:1fr}
.imagegridblock .photoitem:first-child{grid-column:1}
.valuesasymmetriclayout{padding:60px 0;margin-bottom:60px}
.valuesasymmetriclayout .leftsidebox .headingtitle{font-size:32px}
.teamdiagonalsection{padding:80px 0 60px}
.teamdiagonalsection .sectionheaderbox .headingtitle{font-size:32px}
.ctaactionbox{padding:60px 0}
.ctaactionbox .headingtitle{font-size:28px}
.ctabuttongroup{flex-direction:column}
.ctabuttonprimary,.ctabuttonsecondary{width:100%;max-width:320px}
.aboutmainbox{padding:0 20px}
}
.topintrowrapper{max-width:1400px;margin:60px auto;padding:0 20px}
.topintroblock{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);border-radius:12px;padding:70px 50px;position:relative;overflow:hidden}
.topintroblock::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff14;border-radius:50%}
.topintroblock::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff0d;border-radius:50%}
.mainheadingtext{font-size:48px;color:#FFF;margin:0 0 20px;position:relative;z-index:2;font-weight:700;line-height:1.2}
.mainheadingtext::before{content:'';display:inline-block;width:6px;height:50px;background:#FFF;margin-right:18px;vertical-align:middle}
.introleadtext{font-size:20px;color:#FFF;line-height:1.6;max-width:800px;position:relative;z-index:2;margin:0;opacity:.95}
.strategygridwrapper{max-width:1400px;margin:80px auto;padding:0 20px}
.strategygridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.strategyitembox{background:#FFF;border:2px solid #f0f0f0;border-radius:10px;padding:45px 35px;position:relative;transition:all .35s ease-in;cursor:help}
.strategyitembox:hover{transform:scale(1.05);box-shadow:0 6px 20px #0b75a726;border-color:#0B75A7}
.strategynumbermark{position:absolute;top:-18px;left:30px;width:50px;height:50px;background:linear-gradient(135deg,#0B75A7,#9D0F4D);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#FFF;box-shadow:0 3px 8px #00000026}
.strategyitemtitle{font-size:24px;color:#0B75A7;margin:25px 0 15px;font-weight:600;line-height:1.3}
.strategyitemtitle::after{content:'';display:block;width:45px;height:3px;background:#9D0F4D;margin-top:12px}
.strategyitemcontent{font-size:16px;color:#333;line-height:1.7;margin:0}
.practicalsectionwrapper{background:#f8f9fa;padding:80px 0;margin:80px 0}
.practicalinnerwrapper{max-width:1400px;margin:0 auto;padding:0 20px}
.practicallayoutgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.practicalimagecontainer{position:relative}
.practicalimagecontainer::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;background:linear-gradient(135deg,#0B75A7,#9D0F4D);border-radius:12px;z-index:1}
.practicalshowcaseimage{width:100%;height:480px;object-fit:cover;border-radius:12px;position:relative;z-index:2;box-shadow:0 6px 25px #0000001f}
.practicalcontentside{padding:20px 0}
.practicalheadingtext{font-size:38px;color:#0B75A7;margin:0 0 25px;font-weight:700;line-height:1.25}
.practicalheadingtext::before{content:'';display:block;width:70px;height:5px;background:#9D0F4D;margin-bottom:20px}
.practicaldetailstext{font-size:17px;color:#333;line-height:1.75;margin:0 0 20px}
.practicalchecklistbox{margin-top:35px}
.checklistitemrow{display:flex;align-items:flex-start;margin-bottom:18px;padding:15px;background:#FFF;border-radius:8px;transition:all .3s ease-in}
.checklistitemrow:hover{background:linear-gradient(90deg,#0b75a70d,#9d0f4d0d);transform:translateX(8px)}
.checklisticon{width:28px;height:28px;min-width:28px;background:#0B75A7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;margin-top:2px}
.checklisticon::after{content:'';color:#FFF;font-size:16px;font-weight:700}
.checklistitemtext{font-size:16px;color:#333;line-height:1.6;margin:0;flex:1}
.testimonialsectionbox{max-width:1400px;margin:80px auto;padding:0 20px}
.testimonialslayoutgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px}
.testimonialcardbox{background:#FFF;border-radius:12px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .35s ease-in}
.testimonialcardbox:hover{box-shadow:0 8px 30px #0b75a733;transform:translateY(-6px)}
.testimonialheaderarea{background:linear-gradient(90deg,#0B75A7 0%,#9D0F4D 100%);padding:35px 40px;position:relative}
.testimonialheaderarea::after{content:'"';position:absolute;top:10px;right:30px;color:#ffffff26;font:120px/1 Georgia,serif}
.testimonialprofilerow{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.testimonialprofileimage{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #FFF;box-shadow:0 3px 10px #00000026}
.testimonialprofileinfo{flex:1}
.testimonialprofilename{font-size:22px;color:#FFF;margin:0 0 5px;font-weight:700}
.testimonialprofiledetails{font-size:15px;color:#ffffffe6;margin:0}
.testimonialtextarea{padding:40px}
.testimonialmessagetext{font-size:17px;color:#333;line-height:1.75;margin:0 0 25px;font-style:italic}
.testimonialratingbox{display:flex;gap:6px;align-items:center}
.ratingstaricon{width:22px;height:22px;background:#9D0F4D;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.ratinglabeltext{margin-left:10px;font-size:15px;color:#666;font-weight:600}
@media (max-width: 1024px) {
.strategygridlayout{grid-template-columns:repeat(2,1fr);gap:30px}
.practicallayoutgrid{gap:40px}
.mainheadingtext{font-size:40px}
.practicalheadingtext{font-size:32px}
}
@media (max-width: 768px) {
.topintroblock{padding:50px 30px}
.mainheadingtext{font-size:34px}
.mainheadingtext::before{height:40px;margin-right:12px}
.introleadtext{font-size:18px}
.strategygridlayout{grid-template-columns:1fr;gap:25px}
.strategyitembox{padding:40px 30px}
.practicallayoutgrid{grid-template-columns:1fr;gap:40px}
.practicalimagecontainer{order:2}
.practicalcontentside{order:1}
.practicalshowcaseimage{height:400px}
.practicalheadingtext{font-size:28px}
.testimonialslayoutgrid{grid-template-columns:1fr;gap:35px}
.testimonialtextarea{padding:30px}
.testimonialheaderarea{padding:30px}
}
@media (max-width: 480px) {
.topintroblock{padding:40px 20px}
.mainheadingtext{font-size:28px}
.strategyitembox{padding:35px 25px}
.strategyitemtitle{font-size:20px}
.practicalshowcaseimage{height:320px}
.practicalheadingtext{font-size:24px}
.testimonialheaderarea{padding:25px 20px}
.testimonialtextarea{padding:25px 20px}
.testimonialprofileimage{width:60px;height:60px}
.testimonialprofilename{font-size:19px}
}
.herobox{max-width:1400px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}
.herobox .imagewrap{flex:0 0 45%;position:relative}
.herobox .imagewrap img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 16px #0b75a726;filter:contrast(1.05)}
.herobox .imagewrap::before{content:'';position:absolute;top:-10px;right:-10px;width:120px;height:120px;background:radial-gradient(circle,#9d0f4d33 0%,transparent 70%);border-radius:50%;pointer-events:none}
.herobox .textcontent{flex:1}
.herobox .maintitle{font-size:48px;font-weight:700;color:#0B75A7;margin:0 0 16px;line-height:1.2}
.herobox .tagline{font-size:18px;color:#495057;margin:0 0 32px;line-height:1.6}
.herobox .buttongroup{display:flex;gap:16px}
.herobox .primarybtn{padding:14px 32px;background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);color:#FFF;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #0b75a740;transition:transform .2s ease-in,box-shadow .2s ease-in}
.herobox .primarybtn:hover{transform:scale(1.05);box-shadow:0 6px 20px #0b75a759}
.herobox .secondarybtn{padding:14px 32px;background:#FFF;color:#0B75A7;border:2px solid #0B75A7;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s ease-in,color .2s ease-in}
.herobox .secondarybtn:hover{background:#0B75A7;color:#FFF}
.benefitsarea{max-width:1400px;margin:0 auto;padding:100px 20px;background:#FFF}
.benefitsarea .sectionlabel{text-align:center;font-size:36px;font-weight:700;color:#9D0F4D;margin:0 0 20px;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.benefitsarea .sectionlabel::after{content:'';position:absolute;bottom:-8px;left:10%;width:80%;height:3px;background:linear-gradient(90deg,transparent 0%,#0B75A7 50%,transparent 100%)}
.benefitsarea .introtext{text-align:center;font-size:17px;color:#6c757d;max-width:800px;margin:0 auto 60px;line-height:1.7}
.benefitsarea .cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.benefitsarea .benefitcard{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);padding:40px 28px;border-radius:12px;box-shadow:0 3px 8px #00000014;transition:transform .2s ease-in,box-shadow .2s ease-in}
.benefitsarea .benefitcard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0b75a726}
.benefitsarea .benefitcard .cardicon{font-size:42px;color:#0B75A7;margin:0 0 20px}
.benefitsarea .benefitcard .cardtitle{font-size:22px;font-weight:700;color:#212529;margin:0 0 12px}
.benefitsarea .benefitcard .carddescription{font-size:15px;color:#495057;line-height:1.6;margin:0}
.responsibilityblock{background:linear-gradient(165deg,#0B75A7 0%,#9D0F4D 100%);padding:90px 20px;color:#FFF}
.responsibilityblock .innercontainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.responsibilityblock .lefttext .heading{font-size:38px;font-weight:700;margin:0 0 24px;line-height:1.3}
.responsibilityblock .lefttext .description{font-size:16px;line-height:1.8;margin:0 0 16px;opacity:.95}
.responsibilityblock .rightvisual{position:relative}
.responsibilityblock .rightvisual img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000004d}
.motivationzone{max-width:1400px;margin:0 auto;padding:100px 20px;background:#f8f9fa}
.motivationzone .headingtext{font-size:36px;font-weight:700;color:#0B75A7;text-align:center;margin:0 0 50px}
.motivationzone .tabcontrol{display:flex;justify-content:center;gap:12px;margin:0 0 40px}
.motivationzone .tabcontrol input{display:none}
.motivationzone .tabcontrol label{padding:12px 28px;background:#FFF;color:#495057;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease-in}
.motivationzone .tabcontrol label:hover{background:#e9ecef}
.motivationzone .tabcontrol input:checked + label{background:#0B75A7;color:#FFF;border-color:#0B75A7}
.motivationzone .tabcontent{display:none;background:#FFF;padding:40px;border-radius:12px;box-shadow:0 4px 16px #0000000f}
.motivationzone #tabopt1:checked ~ .contentarea .content1,.motivationzone #tabopt2:checked ~ .contentarea .content2,.motivationzone #tabopt3:checked ~ .contentarea .content3{display:block}
.motivationzone .tabcontent .contentitle{font-size:24px;font-weight:700;color:#9D0F4D;margin:0 0 16px}
.motivationzone .tabcontent .contenttext{font-size:16px;color:#495057;line-height:1.7;margin:0 0 12px}
.motivationzone .tabcontent .contentlist{list-style:none;padding:0;margin:20px 0 0}
.motivationzone .tabcontent .contentlist li{font-size:15px;color:#495057;padding:8px 0 8px 32px;position:relative}
.motivationzone .tabcontent .contentlist li::before{content:'';position:absolute;left:0;color:#0B75A7;font-weight:700;font-size:18px}
.accessibilityregion{background:#FFF;padding:90px 20px}
.accessibilityregion .wrapper{max-width:1400px;margin:0 auto}
.accessibilityregion .topheading{font-size:36px;font-weight:700;color:#9D0F4D;text-align:center;margin:0 0 60px}
.accessibilityregion .featuregrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.accessibilityregion .featureitem{display:flex;gap:24px;align-items:flex-start}
.accessibilityregion .featureitem .iconbox{flex:0 0 60px;height:60px;background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#FFF;font-size:28px}
.accessibilityregion .featureitem .textbox .featurename{font-size:20px;font-weight:700;color:#212529;margin:0 0 8px}
.accessibilityregion .featureitem .textbox .featuredesc{font-size:15px;color:#6c757d;line-height:1.6;margin:0}
.careerpath{background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);padding:100px 20px}
.careerpath .innerbox{max-width:1400px;margin:0 auto}
.careerpath .titlearea{text-align:center;margin:0 0 50px}
.careerpath .titlearea .mainheading{font-size:38px;font-weight:700;color:#0B75A7;margin:0 0 16px}
.careerpath .titlearea .subtitle{font-size:17px;color:#495057;margin:0}
.careerpath .progresstrack{position:relative;padding:40px 0}
.careerpath .progresstrack .timeline{position:relative;display:flex;justify-content:space-between;align-items:center}
.careerpath .progresstrack .timeline::before{content:'';position:absolute;top:50%;left:5%;width:90%;height:4px;background:linear-gradient(90deg,#0B75A7 0%,#9D0F4D 100%);transform:translateY(-50%);z-index:1}
.careerpath .progresstrack .milestone{position:relative;z-index:2;text-align:center;flex:1}
.careerpath .progresstrack .milestone .milestonecircle{width:80px;height:80px;margin:0 auto 16px;background:#FFF;border:4px solid #0B75A7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#9D0F4D;box-shadow:0 4px 12px #0b75a733}
.careerpath .progresstrack .milestone .milestonelabel{font-size:18px;font-weight:700;color:#212529;margin:0 0 8px}
.careerpath .progresstrack .milestone .milestonedesc{font-size:14px;color:#6c757d;margin:0}
.testimonialsection{max-width:1400px;margin:0 auto;padding:100px 20px;background:#FFF}
.testimonialsection .sectionhead{font-size:36px;font-weight:700;color:#9D0F4D;text-align:center;margin:0 0 60px}
.testimonialsection .testimonialgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimonialsection .testimonialbox{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);padding:36px;border-radius:12px;box-shadow:0 3px 12px #00000014;display:flex;gap:24px}
.testimonialsection .testimonialbox .avatarwrap{flex:0 0 80px}
.testimonialsection .testimonialbox .avatarwrap img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #0B75A7}
.testimonialsection .testimonialbox .textpart .username{font-size:20px;font-weight:700;color:#212529;margin:0 0 4px}
.testimonialsection .testimonialbox .textpart .userrole{font-size:14px;color:#6c757d;margin:0 0 16px}
.testimonialsection .testimonialbox .textpart .testimonialtext{font-size:15px;color:#495057;line-height:1.7;margin:0}
.testimonialsection .visualblock{display:flex;gap:24px;margin:60px 0 0}
.testimonialsection .visualblock img{flex:1;width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 4px 16px #0000001a}
@media (max-width: 1024px) {
.herobox{flex-direction:column;gap:40px;padding:60px 20px}
.herobox .imagewrap{flex:0 0 100%}
.herobox .maintitle{font-size:36px}
.benefitsarea .cardgrid{grid-template-columns:repeat(2,1fr)}
.responsibilityblock .innercontainer{grid-template-columns:1fr;gap:40px}
.accessibilityregion .featuregrid{grid-template-columns:1fr}
.testimonialsection .testimonialgrid{grid-template-columns:1fr}
.testimonialsection .visualblock{flex-direction:column}
}
@media (max-width: 768px) {
.herobox .maintitle{font-size:28px}
.herobox .buttongroup{flex-direction:column}
.benefitsarea .cardgrid{grid-template-columns:1fr}
.motivationzone .tabcontrol{flex-direction:column}
.careerpath .progresstrack .timeline{flex-direction:column;gap:40px}
.careerpath .progresstrack .timeline::before{left:50%;top:0;width:4px;height:100%;transform:translateX(-50%)}
.testimonialsection .testimonialbox{flex-direction:column}
}
.contactpagewrap{max-width:1400px;margin:0 auto;padding:0}
.contactherobox{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.contactherobox::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:pulseeffect 15s ease-in-out infinite}
@keyframes pulseeffect {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.5}
}
.contactherobox .herotitlemain{font-size:48px;font-weight:700;color:#FFF;margin:0 0 16px;position:relative;z-index:1}
.contactherobox .herosubtextline{font-size:20px;color:#ffffffe6;max-width:700px;margin:0 auto;position:relative;z-index:1;line-height:1.6}
.infovisualblock{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 40px;background:#FFF;align-items:center}
.infovisualblock .imagecontainer{width:100%;height:500px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0b75a726;position:relative}
.infovisualblock .imagecontainer img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in}
.infovisualblock .imagecontainer:hover img{transform:scale(1.05)}
.infovisualblock .detailscolumn{padding:20px}
.infovisualblock .detailscolumn .sectionlabel{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#9D0F4D;margin:0 0 12px;font-weight:600}
.infovisualblock .detailscolumn .detailheading{font-size:36px;font-weight:700;color:#0B75A7;margin:0 0 24px;line-height:1.2}
.infovisualblock .detailscolumn .infotextpara{font-size:16px;color:#333;line-height:1.7;margin:0 0 32px}
.contactmethodlist{list-style:none;padding:0;margin:0}
.contactmethodlist .methoditem{display:flex;align-items:flex-start;gap:16px;padding:20px;margin-bottom:16px;background:linear-gradient(120deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px;border-left:4px solid #0B75A7;transition:all .3s ease-in}
.contactmethodlist .methoditem:hover{transform:translateX(8px);box-shadow:0 3px 12px #0b75a733;border-left-color:#9D0F4D}
.contactmethodlist .methoditem .iconwrapper{width:40px;height:40px;background:#0B75A7;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contactmethodlist .methoditem .iconwrapper .jam{color:#FFF;font-size:20px}
.contactmethodlist .methoditem .methodcontent{flex:1}
.contactmethodlist .methoditem .methodcontent .labeltxt{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#9D0F4D;margin:0 0 4px;font-weight:600}
.contactmethodlist .methoditem .methodcontent .valuetxt{font-size:16px;color:#333;margin:0;font-weight:500}
.contactmethodlist .methoditem .methodcontent .valuetxt a{color:#0B75A7;text-decoration:none;transition:color .3s ease-in}
.contactmethodlist .methoditem .methodcontent .valuetxt a:hover{color:#9D0F4D}
.forminteractivesection{background:linear-gradient(180deg,#f8f9fa 0%,#FFF 50%);padding:80px 40px}
.forminteractivesection .formcontainerbox{max-width:800px;margin:0 auto;background:#FFF;padding:60px;border-radius:16px;box-shadow:0 8px 32px #0b75a71f;border:2px solid #e9ecef}
.forminteractivesection .formheadline{font-size:32px;font-weight:700;color:#0B75A7;margin:0 0 12px;text-align:center}
.forminteractivesection .formsubline{font-size:16px;color:#666;text-align:center;margin:0 0 40px;line-height:1.6}
.forminteractivesection .inputgroupbox{margin-bottom:28px}
.forminteractivesection .inputgroupbox .labelelement{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
.forminteractivesection .inputgroupbox .fieldinput{width:100%;padding:16px 20px;border:2px solid #e9ecef;border-radius:10px;font-size:16px;color:#333;transition:all .3s ease-in;background:#FFF;box-sizing:border-box}
.forminteractivesection .inputgroupbox .fieldinput:focus{outline:none;border-color:#0B75A7;box-shadow:0 0 0 4px #0b75a71a}
.forminteractivesection .ratinggroupbox{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:2px solid #dee2e6}
.forminteractivesection .ratinggroupbox .ratinglabel{font-size:14px;font-weight:600;color:#333;margin-bottom:16px;display:block;text-transform:uppercase;letter-spacing:1px}
.forminteractivesection .ratinggroupbox .ratingoptionsrow{display:flex;gap:12px;flex-wrap:wrap}
.forminteractivesection .ratinggroupbox .ratingoptionsrow .ratingoption{flex:1;min-width:140px}
.forminteractivesection .ratinggroupbox .ratingoptionsrow .ratingoption input[type="radio"]{display:none}
.forminteractivesection .ratinggroupbox .ratingoptionsrow .ratingoption .ratingcheckbox{display:block;padding:16px;text-align:center;border:2px solid #dee2e6;border-radius:10px;background:#FFF;cursor:pointer;transition:all .3s ease-in;font-size:15px;font-weight:500;color:#666}
.forminteractivesection .ratinggroupbox .ratingoptionsrow .ratingoption input[type="radio"]:checked + .ratingcheckbox{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);border-color:#0B75A7;color:#FFF;transform:scale(1.05);box-shadow:0 4px 16px #0b75a74d}
.forminteractivesection .ratinggroupbox .ratingoptionsrow .ratingoption .ratingcheckbox:hover{border-color:#0B75A7;transform:translateY(-2px)}
.forminteractivesection .ratinggroupbox .ratingoptionsrow .ratingoption .ratingcheckbox .staremoji{display:block;font-size:24px;margin-bottom:8px}
.forminteractivesection .privacyconsentbox{margin-bottom:32px;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #dee2e6}
.forminteractivesection .privacyconsentbox .checkboxwrapper{display:flex;align-items:flex-start;gap:12px}
.forminteractivesection .privacyconsentbox .checkboxwrapper input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#0B75A7}
.forminteractivesection .privacyconsentbox .checkboxwrapper .consenttext{font-size:14px;color:#555;line-height:1.6;margin:0}
.forminteractivesection .privacyconsentbox .checkboxwrapper .consenttext a{color:#0B75A7;text-decoration:none;font-weight:600;transition:color .3s ease-in}
.forminteractivesection .privacyconsentbox .checkboxwrapper .consenttext a:hover{color:#9D0F4D;text-decoration:underline}
.forminteractivesection .submitbuttonbox{text-align:center}
.forminteractivesection .submitbuttonbox .submitaction{display:inline-block;padding:18px 60px;background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);color:#FFF;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease-in;box-shadow:0 4px 16px #0b75a74d;position:relative;z-index:10}
.forminteractivesection .submitbuttonbox .submitaction:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px #9d0f4d66}
.forminteractivesection .submitbuttonbox .submitaction:active{transform:translateY(0)}
@media (max-width: 1024px) {
.infovisualblock{grid-template-columns:1fr;gap:40px;padding:60px 30px}
.infovisualblock .imagecontainer{height:400px}
.contactherobox .herotitlemain{font-size:36px}
.forminteractivesection .formcontainerbox{padding:40px}
}
@media (max-width: 768px) {
.contactherobox{padding:60px 20px}
.contactherobox .herotitlemain{font-size:28px}
.contactherobox .herosubtextline{font-size:16px}
.infovisualblock{padding:40px 20px}
.infovisualblock .detailscolumn .detailheading{font-size:28px}
.infovisualblock .imagecontainer{height:300px}
.forminteractivesection{padding:60px 20px}
.forminteractivesection .formcontainerbox{padding:30px 20px}
.forminteractivesection .formheadline{font-size:26px}
.forminteractivesection .ratinggroupbox .ratingoptionsrow{flex-direction:column}
.forminteractivesection .ratinggroupbox .ratingoptionsrow .ratingoption{min-width:100%}
.forminteractivesection .submitbuttonbox .submitaction{padding:16px 40px;font-size:14px}
}
.upcomingpage{max-width:1400px;margin:0 auto;padding:0}
.upcomingpage .heroblock{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);padding:80px 40px;position:relative;overflow:hidden}
.upcomingpage .heroblock::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff14;border-radius:50%}
.upcomingpage .herocontent{max-width:800px;position:relative;z-index:2}
.upcomingpage .herocontent .maintitle{font-size:48px;color:#FFF;margin:0 0 24px;font-weight:700;line-height:1.2}
.upcomingpage .herocontent .subtitle{font-size:20px;color:#fffffff2;margin:0 0 32px;line-height:1.6}
.upcomingpage .herocontent .enrolltext{font-size:16px;color:#ffffffe6;margin:0;line-height:1.5}
.upcomingpage .coursesbox{padding:60px 40px;background:#FAFBFC}
.upcomingpage .coursesbox .sectionhead{text-align:center;margin-bottom:50px}
.upcomingpage .coursesbox .sectionhead .titletext{font-size:36px;color:#0B75A7;margin:0 0 16px;font-weight:700}
.upcomingpage .coursesbox .sectionhead .desctext{font-size:18px;color:#4A5568;margin:0;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.upcomingpage .courselist{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.upcomingpage .coursecard{background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0b75a714;transition:transform .3s ease-in,box-shadow .3s ease-in;cursor:pointer}
.upcomingpage .coursecard:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 8px 24px #9d0f4d26}
.upcomingpage .coursecard .imagearea{width:100%;height:220px;overflow:hidden;position:relative}
.upcomingpage .coursecard .imagearea img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in}
.upcomingpage .coursecard:hover .imagearea img{transform:scale(1.08)}
.upcomingpage .coursecard .contentarea{padding:28px}
.upcomingpage .coursecard .contentarea .coursetitle{font-size:22px;color:#0B75A7;margin:0 0 12px;font-weight:700;line-height:1.3}
.upcomingpage .coursecard .contentarea .instructorname{font-size:15px;color:#9D0F4D;margin:0 0 16px;font-weight:600}
.upcomingpage .coursecard .contentarea .coursedesc{font-size:15px;color:#4A5568;margin:0 0 20px;line-height:1.6}
.upcomingpage .coursecard .contentarea .metainfo{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #E2E8F0}
.upcomingpage .coursecard .contentarea .metainfo .duration{font-size:14px;color:#718096}
.upcomingpage .coursecard .contentarea .metainfo .enrollstatus{font-size:14px;color:#0B75A7;font-weight:600}
.upcomingpage .featuresbox{padding:70px 40px;background:linear-gradient(180deg,#FFF 0%,#F7FAFC 100%)}
.upcomingpage .featuresbox .wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.upcomingpage .featuresbox .leftside{position:relative}
.upcomingpage .featuresbox .leftside .imageframe{width:100%;height:460px;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0b75a71f;position:relative}
.upcomingpage .featuresbox .leftside .imageframe::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,#0b75a733 100%)}
.upcomingpage .featuresbox .leftside .imageframe img{width:100%;height:100%;object-fit:cover}
.upcomingpage .featuresbox .rightside .headingtext{font-size:32px;color:#0B75A7;margin:0 0 28px;font-weight:700;position:relative;padding-left:20px}
.upcomingpage .featuresbox .rightside .headingtext::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:#9D0F4D;border-radius:3px}
.upcomingpage .featuresbox .rightside .featurelist{list-style:none;padding:0;margin:0}
.upcomingpage .featuresbox .rightside .featurelist .featureitem{margin-bottom:24px;padding-left:40px;position:relative}
.upcomingpage .featuresbox .rightside .featurelist .featureitem::before{content:'';position:absolute;left:0;top:4px;width:24px;height:24px;background:linear-gradient(135deg,#0B75A7,#9D0F4D);border-radius:50%;box-shadow:0 2px 8px #0b75a74d}
.upcomingpage .featuresbox .rightside .featurelist .featureitem::after{content:'';position:absolute;left:7px;top:5px;color:#FFF;font-size:14px;font-weight:700}
.upcomingpage .featuresbox .rightside .featurelist .featureitem .featuretext{font-size:16px;color:#2D3748;margin:0 0 8px;font-weight:600;line-height:1.4}
.upcomingpage .featuresbox .rightside .featurelist .featureitem .featuredesc{font-size:14px;color:#718096;margin:0;line-height:1.5}
.upcomingpage .testimonialsbox{padding:70px 40px;background:#0B75A7;position:relative;overflow:hidden}
.upcomingpage .testimonialsbox::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#9d0f4d33;border-radius:50%}
.upcomingpage .testimonialsbox .headingbox{text-align:center;margin-bottom:50px;position:relative;z-index:2}
.upcomingpage .testimonialsbox .headingbox .titlepart{font-size:36px;color:#FFF;margin:0 0 16px;font-weight:700}
.upcomingpage .testimonialsbox .headingbox .subtitlepart{font-size:18px;color:#ffffffe6;margin:0}
.upcomingpage .testimonialsbox .testimonialgrid{display:flex;gap:40px;max-width:1100px;margin:0 auto;position:relative;z-index:2}
.upcomingpage .testimonialsbox .testimonialgrid .testimonialcard{flex:1;background:#fffffff2;border-radius:16px;padding:32px;box-shadow:0 6px 20px #0000001a}
.upcomingpage .testimonialsbox .testimonialgrid .testimonialcard .topportion{display:flex;align-items:center;margin-bottom:20px}
.upcomingpage .testimonialsbox .testimonialgrid .testimonialcard .topportion .profilepic{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:18px;border:3px solid #0B75A7}
.upcomingpage .testimonialsbox .testimonialgrid .testimonialcard .topportion .profilepic img{width:100%;height:100%;object-fit:cover}
.upcomingpage .testimonialsbox .testimonialgrid .testimonialcard .topportion .nameblock .personname{font-size:18px;color:#0B75A7;margin:0 0 4px;font-weight:700}
.upcomingpage .testimonialsbox .testimonialgrid .testimonialcard .topportion .nameblock .personrole{font-size:14px;color:#9D0F4D;margin:0;font-weight:600}
.upcomingpage .testimonialsbox .testimonialgrid .testimonialcard .quotetext{font-size:15px;color:#4A5568;margin:0;line-height:1.7;font-style:italic}
.upcomingpage .ctabox{padding:80px 40px;background:linear-gradient(10deg,#0B75A7 0%,#9D0F4D 50%,#FFF 100%);text-align:center}
.upcomingpage .ctabox .ctacontent{max-width:700px;margin:0 auto}
.upcomingpage .ctabox .ctacontent .ctatitle{font-size:40px;color:#FFF;margin:0 0 20px;font-weight:700;line-height:1.2}
.upcomingpage .ctabox .ctacontent .ctadesc{font-size:18px;color:#fffffff2;margin:0 0 36px;line-height:1.6}
.upcomingpage .ctabox .ctacontent .buttongroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.upcomingpage .ctabox .ctacontent .buttongroup .primarybtn{display:inline-block;padding:16px 40px;background:#FFF;color:#0B75A7;font-size:17px;font-weight:700;text-decoration:none;border-radius:8px;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 4px 12px #00000026;cursor:pointer}
.upcomingpage .ctabox .ctacontent .buttongroup .primarybtn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #00000040}
.upcomingpage .ctabox .ctacontent .buttongroup .secondarybtn{display:inline-block;padding:16px 40px;background:none;color:#FFF;font-size:17px;font-weight:700;text-decoration:none;border:2px solid #FFF;border-radius:8px;transition:background .3s ease-in,color .3s ease-in;cursor:pointer}
.upcomingpage .ctabox .ctacontent .buttongroup .secondarybtn:hover{background:#FFF;color:#9D0F4D}
@media (max-width: 1024px) {
.upcomingpage .heroblock{padding:60px 30px}
.upcomingpage .herocontent .maintitle{font-size:38px}
.upcomingpage .featuresbox .wrapper{grid-template-columns:1fr;gap:40px}
.upcomingpage .featuresbox .leftside .imageframe{height:380px}
.upcomingpage .testimonialsbox .testimonialgrid{flex-direction:column}
}
@media (max-width: 768px) {
.upcomingpage .heroblock{padding:50px 20px}
.upcomingpage .herocontent .maintitle{font-size:32px}
.upcomingpage .herocontent .subtitle{font-size:17px}
.upcomingpage .coursesbox{padding:50px 20px}
.upcomingpage .courselist{grid-template-columns:1fr;gap:24px}
.upcomingpage .coursesbox .sectionhead .titletext{font-size:28px}
.upcomingpage .featuresbox{padding:50px 20px}
.upcomingpage .featuresbox .rightside .headingtext{font-size:26px}
.upcomingpage .featuresbox .leftside .imageframe{height:300px}
.upcomingpage .testimonialsbox{padding:50px 20px}
.upcomingpage .testimonialsbox .headingbox .titlepart{font-size:28px}
.upcomingpage .ctabox{padding:60px 20px}
.upcomingpage .ctabox .ctacontent .ctatitle{font-size:30px}
.upcomingpage .ctabox .ctacontent .buttongroup{flex-direction:column;align-items:stretch}
.upcomingpage .ctabox .ctacontent .buttongroup .primarybtn,.upcomingpage .ctabox .ctacontent .buttongroup .secondarybtn{width:100%;text-align:center}
}
.cookiepol-toparea{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);padding:80px 20px 60px;text-align:center}
.cookiepol-toparea .cookietitle{font-size:42px;color:#FFF;margin:0 0 16px;font-weight:700}
.cookiepol-toparea .updateline{font-size:16px;color:#ffffffe6;margin:0}
.cookiemainwrapper{max-width:1400px;margin:0 auto;padding:0 20px}
.cookiecontent-box{background:#FFF;margin:-40px auto 0;padding:60px 40px;border-radius:12px;box-shadow:0 4px 12px #0b75a714;max-width:900px;position:relative;z-index:2}
.cookiecontent-box .sectionblock{margin-bottom:48px}
.cookiecontent-box .sectionblock:last-child{margin-bottom:0}
.cookiecontent-box .sectiontitle{font-size:28px;color:#0B75A7;margin:0 0 20px;font-weight:600;position:relative;padding-left:20px}
.cookiecontent-box .sectiontitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:#9D0F4D;border-radius:2px}
.cookiecontent-box .textpara{font-size:16px;line-height:1.7;color:#333;margin:0 0 16px}
.cookiecontent-box .textpara:last-child{margin-bottom:0}
.cookiecontent-box .listbox{margin:20px 0;padding-left:0;list-style:none}
.cookiecontent-box .listbox .itementry{padding:16px 0 16px 40px;position:relative;font-size:16px;line-height:1.6;color:#333;border-bottom:1px solid #0b75a71a}
.cookiecontent-box .listbox .itementry:last-child{border-bottom:none}
.cookiecontent-box .listbox .itementry::before{content:'';position:absolute;left:0;top:22px;width:12px;height:12px;background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);border-radius:50%}
.cookiecontent-box .listbox .itementry .itemlabel{font-weight:600;color:#0B75A7;display:block;margin-bottom:6px}
.cookiecontent-box .highlightbox{background:linear-gradient(135deg,#0b75a70d 0%,#9d0f4d0d 100%);padding:24px 28px;border-radius:8px;border-left:4px solid #9D0F4D;margin:24px 0}
.cookiecontent-box .highlightbox .textpara{margin-bottom:0;font-size:15px}
.cookiecontent-box .tablewrapper{overflow-x:auto;margin:24px 0}
.cookiecontent-box .cookietable{width:100%;border-collapse:collapse;font-size:15px}
.cookiecontent-box .cookietable .tablehead{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%)}
.cookiecontent-box .cookietable .tablehead .headcell{padding:16px;text-align:left;color:#FFF;font-weight:600}
.cookiecontent-box .cookietable .tablerow{border-bottom:1px solid #0b75a71a}
.cookiecontent-box .cookietable .tablerow:last-child{border-bottom:none}
.cookiecontent-box .cookietable .datacell{padding:16px;color:#333;vertical-align:top}
.cookiecontent-box .cookietable .datacell:first-child{font-weight:600;color:#0B75A7}
.cookiecontent-box .contactinfo-box{margin-top:40px;padding-top:40px;border-top:2px solid #0b75a71a}
.cookiecontent-box .contactinfo-box .infotitle{font-size:22px;color:#0B75A7;margin:0 0 20px;font-weight:600}
.cookiecontent-box .contactinfo-box .infoitem{display:flex;align-items:flex-start;margin-bottom:12px;font-size:16px;color:#333}
.cookiecontent-box .contactinfo-box .infoitem .infolabel{font-weight:600;min-width:80px;color:#9D0F4D}
.cookiecontent-box .contactinfo-box .infoitem .linktext{color:#0B75A7;text-decoration:none;transition:color .3s ease-in}
.cookiecontent-box .contactinfo-box .infoitem .linktext:hover{color:#9D0F4D;cursor:pointer}
.bottomspacer{height:80px;background:linear-gradient(180deg,#FFF 0%,#0b75a708 100%)}
@media (max-width: 768px) {
.cookiepol-toparea{padding:60px 20px 40px}
.cookiepol-toparea .cookietitle{font-size:32px}
.cookiecontent-box{padding:40px 24px;margin-top:-30px}
.cookiecontent-box .sectiontitle{font-size:24px}
.cookiecontent-box .textpara{font-size:15px}
.cookiecontent-box .listbox .itementry{padding-left:32px}
.cookiecontent-box .cookietable .headcell,.cookiecontent-box .cookietable .datacell{padding:12px;font-size:14px}
.cookiecontent-box .contactinfo-box .infoitem{flex-direction:column;align-items:flex-start}
.cookiecontent-box .contactinfo-box .infoitem .infolabel{margin-bottom:4px}
}
@media (max-width: 480px) {
.cookiepol-toparea .cookietitle{font-size:28px}
.cookiecontent-box{padding:32px 20px}
.cookiecontent-box .sectiontitle{font-size:22px}
}
.privacyheader{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.privacyheader::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:rotatebg 20s linear infinite}
@keyframes rotatebg {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.privacyheader .contentwrap{max-width:900px;margin:0 auto;position:relative;z-index:2}
.privacyheader .maintitle{font-size:48px;color:#FFF;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.privacyheader .subtitle{font-size:18px;color:#ffffffe6;margin:0;line-height:1.6}
.privacyheader .updateinfo{display:inline-block;margin-top:24px;padding:10px 24px;background:#ffffff26;border-radius:12px;color:#FFF;font-size:14px;font-weight:500}
.policycontent{max-width:1400px;margin:0 auto;padding:80px 20px}
.policygrid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}
.navbox{position:sticky;top:40px;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);padding:32px 24px;border-radius:16px;box-shadow:0 4px 12px #0b75a714}
.navbox .navtitle{font-size:14px;font-weight:700;color:#0B75A7;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px}
.navbox .navlist{list-style:none;padding:0;margin:0}
.navbox .navlist .navitem{margin-bottom:12px}
.navbox .navlist .navlink{display:block;padding:10px 16px;color:#495057;text-decoration:none;border-radius:8px;font-size:15px;transition:all .3s ease-in;border-left:3px solid transparent}
.navbox .navlist .navlink:hover{background:#0b75a71a;color:#0B75A7;border-left-color:#0B75A7;transform:translateX(4px)}
.maindocument{background:#FFF;border-radius:16px;padding:60px;box-shadow:0 2px 8px #0000000a}
.sectionblock{margin-bottom:56px;padding-bottom:56px;border-bottom:2px solid #e9ecef}
.sectionblock:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.sectionblock .sectionhead{font-size:32px;color:#212529;margin:0 0 24px;font-weight:700;position:relative;padding-left:20px}
.sectionblock .sectionhead::before{content:'';position:absolute;left:0;top:8px;width:6px;height:28px;background:linear-gradient(180deg,#0B75A7 0%,#9D0F4D 100%);border-radius:3px}
.sectionblock .paragraphtext{font-size:16px;line-height:1.8;color:#495057;margin:0 0 20px}
.sectionblock .listblock{margin:24px 0;padding-left:0;list-style:none}
.sectionblock .listblock .listentry{padding:16px 20px 16px 48px;margin-bottom:12px;background:#f8f9fa;border-radius:10px;position:relative;border-left:4px solid #0B75A7;transition:all .3s ease-in}
.sectionblock .listblock .listentry:hover{background:#e9ecef;transform:translateX(6px);box-shadow:0 3px 10px #0b75a71f}
.sectionblock .listblock .listentry::before{content:'';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#9D0F4D;border-radius:50%}
.sectionblock .listblock .listentry .itemtitle{font-weight:600;color:#212529;margin-bottom:6px;font-size:17px}
.sectionblock .listblock .listentry .itemdesc{color:#6c757d;font-size:15px;line-height:1.6;margin:0}
.highlightbox{background:linear-gradient(135deg,#0b75a70d 0%,#9d0f4d0d 100%);padding:32px;border-radius:12px;border:2px solid #0b75a726;margin:32px 0}
.highlightbox .boxtitle{font-size:20px;font-weight:700;color:#0B75A7;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.highlightbox .boxtitle::before{content:'';width:24px;height:24px;background:#9D0F4D;border-radius:6px;flex-shrink:0}
.highlightbox .boxtext{color:#495057;line-height:1.7;font-size:16px;margin:0}
.datatable{width:100%;border-collapse:separate;border-spacing:0;margin:28px 0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}
.datatable .tableheader{background:linear-gradient(135deg,#0B75A7 0%,#085a7f 100%)}
.datatable .tableheader .headercell{padding:18px 24px;text-align:left;color:#FFF;font-weight:600;font-size:15px;letter-spacing:.3px}
.datatable .tablerow{background:#FFF;transition:all .3s ease-in}
.datatable .tablerow:nth-child(even){background:#f8f9fa}
.datatable .tablerow:hover{background:#0b75a714;transform:scale(1.01)}
.datatable .datacell{padding:16px 24px;color:#495057;font-size:15px;border-bottom:1px solid #e9ecef}
.contactblock{background:linear-gradient(135deg,#9D0F4D 0%,#0B75A7 100%);padding:48px;border-radius:16px;text-align:center;margin-top:60px;position:relative;overflow:hidden}
.contactblock::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 60%)}
.contactblock .contacttitle{font-size:28px;color:#FFF;margin:0 0 16px;font-weight:700;position:relative;z-index:2}
.contactblock .contacttext{color:#ffffffe6;margin:0 0 28px;font-size:16px;line-height:1.6;position:relative;z-index:2}
.contactblock .contactinfo{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.contactblock .infoitem{display:flex;align-items:center;gap:12px;color:#FFF;font-size:16px;font-weight:500}
.contactblock .infoitem::before{content:'';width:36px;height:36px;background:#fff3;border-radius:8px;flex-shrink:0}
@media (max-width: 1024px) {
.policygrid{grid-template-columns:1fr;gap:40px}
.navbox{position:static;display:none}
.maindocument{padding:40px 32px}
}
@media (max-width: 768px) {
.privacyheader{padding:60px 20px 40px}
.privacyheader .maintitle{font-size:36px}
.policycontent{padding:60px 20px}
.maindocument{padding:32px 24px}
.sectionblock .sectionhead{font-size:26px}
.contactblock{padding:36px 24px}
.contactblock .contactinfo{flex-direction:column;gap:20px}
}
@media (max-width: 480px) {
.privacyheader .maintitle{font-size:28px}
.maindocument{padding:24px 16px}
.sectionblock .sectionhead{font-size:22px}
.sectionblock .listblock .listentry{padding:14px 16px 14px 40px}
.datatable .headercell,.datatable .datacell{padding:12px 16px;font-size:14px}
}
.successcontainer{max-width:1400px;margin:0 auto;padding:0 20px}
.successherobox{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.successherobox::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff14;border-radius:50%}
.successherobox::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff0d;border-radius:50%}
.heroinnerbox{position:relative;z-index:2}
.successiconbox{width:120px;height:120px;margin:0 auto 30px;background:#ffffff26;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.successiconbox::before{content:'';position:absolute;width:100%;height:100%;border:3px solid #ffffff4d;border-radius:50%;animation:pulseringeffect 2s ease-in infinite}
@keyframes pulseringeffect {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.3);opacity:0}
}
.successiconbox .jam{font-size:48px;color:#FFF}
.successherobox h1{font-size:48px;color:#FFF;margin:0 0 20px;font-weight:700;letter-spacing:-.5px}
.successherobox .leadtext{font-size:20px;color:#fffffff2;margin:0 auto;max-width:680px;line-height:1.6}
.detailssectionbox{padding:100px 20px;background:#FFF}
.detailsgridwrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto}
.detailcardbox{background:linear-gradient(180deg,#0b75a708 0%,#9d0f4d08 100%);padding:40px 30px;border-radius:12px;border:2px solid #0b75a71a;position:relative;transition:transform .3s ease-in,box-shadow .3s ease-in}
.detailcardbox:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0b75a726;cursor:help}
.cardnumbermark{position:absolute;top:-15px;left:30px;width:45px;height:45px;background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#FFF;font-weight:700;font-size:18px}
.detailcardbox h3{font-size:22px;color:#0B75A7;margin:20px 0 15px;font-weight:600}
.detailcardbox .cardtext{font-size:16px;color:#333;line-height:1.7;margin:0}
.detailcardbox .jam{font-size:36px;color:#9D0F4D;margin-top:20px;display:inline-block}
.nextactionbox{background:linear-gradient(15deg,#0b75a714 0%,#9d0f4d14 100%);padding:60px 20px;text-align:center}
.nextactionbox h2{font-size:32px;color:#0B75A7;margin:0 0 15px;font-weight:600}
.nextactionbox .actiondesc{font-size:18px;color:#333;margin:0 auto 35px;max-width:720px;line-height:1.6}
.actionbuttonsrow{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.primaryactionbutton{background:linear-gradient(135deg,#0B75A7 0%,#9D0F4D 100%);color:#FFF;padding:18px 45px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;flex-direction:row;align-items:center;gap:10px;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 4px 12px #0b75a740;position:relative;z-index:10}
.primaryactionbutton:hover{transform:scale(1.05);box-shadow:0 6px 20px #9d0f4d59;cursor:pointer}
.secondaryactionbutton{background:#FFF;color:#0B75A7;padding:18px 45px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #0B75A7;display:inline-flex;flex-direction:row;align-items:center;gap:10px;transition:background .3s ease-in,color .3s ease-in;position:relative;z-index:10}
.secondaryactionbutton:hover{background:#0B75A7;color:#FFF;cursor:pointer}
.confirmationnotebox{background:#0b75a70f;border-left:5px solid #0B75A7;padding:25px 30px;margin:50px auto 0;max-width:800px;border-radius:8px}
.confirmationnotebox .noteheader{font-size:18px;color:#0B75A7;margin:0 0 12px;font-weight:600;display:flex;flex-direction:row;align-items:center;gap:10px}
.confirmationnotebox .noteheader .jam{font-size:22px}
.confirmationnotebox .notetext{font-size:15px;color:#333;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.detailsgridwrapper{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.successherobox{padding:60px 20px}
.successherobox h1{font-size:36px}
.successherobox .leadtext{font-size:18px}
.detailsgridwrapper{grid-template-columns:1fr;gap:25px}
.detailssectionbox{padding:60px 20px}
.nextactionbox{padding:50px 20px}
.nextactionbox h2{font-size:28px}
.actionbuttonsrow{flex-direction:column;gap:15px}
.primaryactionbutton,.secondaryactionbutton{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.successherobox h1{font-size:30px}
.successherobox .leadtext{font-size:16px}
.successiconbox{width:100px;height:100px}
.successiconbox .jam{font-size:40px}
.detailcardbox{padding:35px 25px}
.detailcardbox h3{font-size:20px}
.nextactionbox h2{font-size:24px}
.nextactionbox .actiondesc{font-size:16px}
}