/* ===== Theme (matched to reference screenshot) ===== */
/* Defaults only - every value below can be changed in Admin > Site Settings > Appearance,
   which prints an override block (resources/views/front/partials/theme.blade.php). */
:root{--navy:#1d2a55;--navy-2:#1b2a6b;--navy-2-dark:var(--navy-2-dark);--pink:#ec2a5b;--pink-dark:var(--pink-dark);--pink-soft:#fbe9ee;--yellow:#ffd500;--gold:#ffc800;--blue:#3c5bd6;--ink:#222;--muted:#666;--bg:#f4f4f4;
  --nav-bg:#050505;--nav-bg-2:#2a2a2a;--footer-bg:#1d2a55;
  --font-head:"Poppins",Arial,sans-serif;--font-body:"Open Sans",Arial,sans-serif;--fs-base:15px;
  --head-weight:600;--head-transform:none;--head-spacing:0;--nav-transform:uppercase;--radius-btn:4px;--radius-card:6px}
body{font-family:var(--font-body);color:var(--ink);background:#fff;font-size:var(--fs-base)}
h1,h2,h3,h4,h5,h6,.brand-title,.hd{font-family:var(--font-head);text-transform:var(--head-transform);letter-spacing:var(--head-spacing);font-weight:var(--head-weight)}
a{color:var(--navy-2)}

/* Utility strips */
.util-bar{background:#fbfaf6;font-size:.85rem;padding:.35rem 0}
.util-bar .search-pill{background:var(--yellow);border-radius:20px;padding:.25rem .9rem;width:230px;border:0;font-size:.85rem}
.util-bar a{color:#222;text-decoration:none}
.marquee-bar{background:var(--pink);color:#fff;font-size:.85rem;padding:.45rem 0}
.marquee-bar a{color:#fff;text-decoration:none}
.admit-tab{background:var(--gold);color:#111 !important;font-weight:700;padding:.45rem 1rem;display:inline-block}

/* Brand header */
.site-header-wrap{background:#fff}
.brand-title{color:var(--navy);font-size:2.05rem;font-weight:var(--head-weight);line-height:1;margin:0}
.brand-sub{color:var(--navy);font-family:var(--font-head);font-size:.95rem;letter-spacing:var(--head-spacing);text-transform:var(--nav-transform)}
.brand-tag{color:var(--blue);font-weight:600;font-size:.95rem}
.btn-prospectus{background:var(--pink);color:#fff;border-radius:var(--radius-btn);font-weight:600;padding:.55rem 1.4rem}
.btn-prospectus:hover{background:var(--pink-dark);color:#fff}
.btn-admission{background:var(--navy-2);color:#fff;border-radius:var(--radius-btn);font-weight:600;padding:.55rem 1.4rem}
.btn-admission:hover{background:var(--navy-2-dark);color:#fff}
.login-links a{color:#e68a00;text-decoration:none;font-weight:500}

/* Main navigation */
.main-nav{background:linear-gradient(var(--nav-bg),var(--nav-bg-2));padding:0}
.main-nav .nav-link{color:#fff !important;font-family:var(--font-head);text-transform:var(--nav-transform);font-size:.95rem;letter-spacing:.4px;padding:.8rem .8rem}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--gold) !important}
.main-nav .dropdown-menu{border-radius:0;border-top:3px solid var(--pink);font-size:.9rem}
.main-nav .dropdown-item.active,.main-nav .dropdown-item:active{background:var(--pink)}

/* Hero slider */
.hero-slider .carousel-item{height:440px;background:linear-gradient(120deg,#5b7fb0,#2c4f7e 55%,#1d3560)}
.hero-slider .slide-caption{position:absolute;inset:auto 0 0 0;background:rgba(0,0,0,.35);color:#fff;padding:1rem 1.5rem;text-align:left}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-family:var(--font-head);text-transform:var(--head-transform);letter-spacing:var(--head-spacing)}
.ph-hero{height:440px;font-size:2rem;background:linear-gradient(120deg,#6a8fc0,#2c4f7e 55%,#1d3560)}
.hero-slider .carousel-indicators [data-bs-target]{background:#fff;width:34px;height:8px;border-radius:4px}

/* Section headings */
.sec-head{text-align:center;margin-bottom:1.5rem}
.sec-head h2{font-size:2rem;font-weight:var(--head-weight);color:var(--navy);margin:0 0 .4rem}
.sec-head .pink{color:var(--pink)}
.divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:.3rem 0 .8rem}
.divider:before,.divider:after{content:"";width:60px;height:1px;background:var(--pink)}
.divider i{width:26px;height:12px;background:var(--pink);border-radius:3px 3px 10px 10px}
.sec-head p{max-width:720px;margin:0 auto;color:#555}

/* Principal + notice board */
.principal-title{font-size:1.9rem;font-weight:var(--head-weight);color:var(--navy);margin-bottom:.5rem}
.principal-title span{color:var(--pink)}
.principal-photo{height:320px;background:linear-gradient(135deg,#8d9bb3,#4a5670);color:#fff;border-radius:2px}
.principal-text{text-align:justify;color:#555;line-height:1.75}
.btn-pink{background:var(--pink);color:#fff;border:0;border-radius:var(--radius-btn);padding:.45rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}
.btn-pink:hover{background:var(--pink-dark);color:#fff}
.notice-board{background:var(--yellow);border-radius:var(--radius-card);padding:1.2rem 1.2rem 1rem;height:100%;color:#111}
.notice-board h3{text-align:center;font-size:2rem;font-weight:var(--head-weight);color:var(--navy);margin:0 0 .5rem}
.notice-board h3 span{color:var(--pink)}
.notice-item{background:transparent;text-align:center;padding:.6rem 0;border-bottom:1px solid rgba(0,0,0,.15)}
.notice-item:last-child{border-bottom:0}
.notice-item .t{font-weight:700;font-size:1rem;color:#111;margin-bottom:.35rem}
.notice-item .meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}
.btn-dl{background:var(--navy-2);color:#fff;border-radius:3px;padding:.2rem .65rem;font-size:.8rem;text-decoration:none}
.notice-item.plain .t{font-weight:600}

/* Activities carousel */
.scroller{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;padding:.25rem .25rem 1rem;scrollbar-width:none}
.scroller::-webkit-scrollbar{display:none}
.act-card{flex:0 0 310px;background:#fff;border:1px solid #e5e5e5;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.act-card .ph{height:200px;font-size:1rem;color:#fff}
.act-card h5{font-size:1.1rem;text-align:center;padding:.9rem .75rem;margin:0;color:#222;font-weight:500;text-transform:none;font-family:var(--font-body);min-height:72px}
.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:0;font-size:2.2rem;color:#222;line-height:1;z-index:2}
.arrow-btn.l{left:-6px}.arrow-btn.r{right:-6px}
.rel{position:relative}
.bg-soft{background:var(--bg)}

/* Achievements */
.ach-card{background:#6e6e6e;color:#f1f1f1;border-radius:var(--radius-card);padding:1.4rem 1.3rem;min-height:250px;text-align:center}
.ach-card .trophy{font-size:2.6rem;color:var(--gold);margin-bottom:.6rem;line-height:1}
.ach-card p{font-size:.92rem;line-height:1.6;color:#eaeaea;text-align:justify;margin:0}

/* About */
.about-text{max-width:820px;margin:0 auto;text-align:justify;color:#666;line-height:1.8}

/* Footer */
.site-footer{background:var(--footer-bg);color:#d7dcea;border-top:5px solid var(--pink);font-size:.92rem;margin-top:2rem}
.site-footer h6{color:var(--gold);font-weight:var(--head-weight);font-size:1.15rem;margin-bottom:1rem}
.site-footer h6 span{color:#fff}
.site-footer ul{padding:0;margin:0;list-style:none}
.site-footer li{margin-bottom:.6rem}
.site-footer li:before{content:"\2192";color:#fff;margin-right:.55rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.site-footer .social span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;margin-right:.45rem;font-size:.8rem;font-weight:700}
.foot-bottom{background:var(--gold);color:#222;font-size:.85rem}
.foot-bottom a{color:#222;font-weight:600;text-decoration:none}

/* Shared inner-page pieces .card-box height:100%; */ 
.page-banner{background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;padding:2rem 0;border-bottom:4px solid var(--pink)}
.page-banner h1{font-size:2rem;margin:0 0 .2rem}
.page-banner small{opacity:.85}
.section-title{position:relative;color:var(--navy);font-weight:var(--head-weight);padding-bottom:.5rem;margin-bottom:1.25rem;font-size:1.5rem}
.section-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:var(--pink)}
.card-box{background:#fff;border:1px solid #e3e6ee;border-radius:var(--radius-card);padding:1.25rem;box-shadow:0 2px 8px rgba(29,42,85,.05)}
.card-box h5{color:var(--navy);font-size:1.15rem}
.icon-tile{width:52px;height:52px;border-radius:.5rem;background:var(--bg);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}
.step-num{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.notice-list li{border-bottom:1px dashed #d7dde8;padding:.6rem 0}
.notice-list .date{font-size:.8rem;color:var(--muted)}
.badge-cat{font-size:.7rem;background:#eef1f8;color:var(--navy);border:1px solid #d7dde8}
.gallery-tile{height:160px;border-radius:var(--radius-card);background:linear-gradient(135deg,#8fa9d6,#1b3a6b);color:#fff;display:flex;align-items:flex-end;padding:.75rem;font-weight:600}
.gallery-tile.g2{background:linear-gradient(135deg,#f6d365,#c9a227);color:var(--navy)}
.gallery-tile.g3{background:linear-gradient(135deg,#7fc8a9,#2f7d5b)}
.gallery-tile.g4{background:linear-gradient(135deg,#f3a6a6,#a33b3b)}
.slide-art{height:320px;border-radius:var(--radius-card);background:linear-gradient(135deg,#1b3a6b,#4f7cc0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:600}
.slide-art.s2{background:linear-gradient(135deg,#2f7d5b,#7fc8a9)}
.slide-art.s3{background:linear-gradient(135deg,#8a5a16,#f2b705)}
.dummy-note{font-size:.8rem;color:var(--muted);font-style:italic}
.auth-card{max-width:460px;margin:0 auto;border-top:4px solid var(--pink)}
.faculty-card .avatar{width:72px;height:72px;border-radius:50%;background:var(--bg);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;flex:0 0 72px}
.btn-navy{background:var(--navy-2);color:#fff;border-radius:var(--radius-btn)}
.btn-navy:hover{background:var(--navy-2-dark);color:#fff}
@media (max-width:991px){.brand-title{font-size:1.5rem}.main-nav .nav-link{padding:.6rem .5rem}.hero-slider .carousel-item,.ph-hero{height:260px}.principal-photo{height:240px}.arrow-btn{display:none}}

/* Full navigation: many items, nested dropdowns */
.main-nav .navbar-nav{flex-wrap:wrap;justify-content:center}
@media (min-width:992px){.main-nav .nav-link{font-size:.82rem;padding:.8rem .55rem}}
.main-nav .dropdown-menu{min-width:250px;font-family:var(--font-body);text-transform:none;font-size:.88rem;letter-spacing:0}
.main-nav .dropdown-item{padding:.45rem 1rem;white-space:normal}
.main-nav .dropdown-item:hover{background:var(--pink-soft);color:var(--navy-2)}
.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{top:-6px;left:100%;margin:0;display:none}
.dropdown-submenu:hover>.dropdown-menu,.dropdown-submenu>.dropdown-menu.open{display:block}
.dropdown-submenu>a span{font-size:1.1rem;margin-left:.6rem}
@media (max-width:991px){
  .main-nav .dropdown-menu{position:static;float:none;box-shadow:none;border:0;max-height:none;min-width:0}
  .dropdown-submenu>.dropdown-menu{position:static;left:auto;top:auto;padding-left:.9rem;background:#f3f4f8}
  .dropdown-submenu>.dropdown-menu.open{display:block}
}

/* ===== Additions for the dynamic (Laravel) version ===== */
.hero-slider .hero-img{height:440px;object-fit:cover}
@media (max-width:991px){.hero-slider .hero-img{height:260px}}
.hero-slider .slide-caption{position:absolute;inset:auto 0 0 0;background:rgba(0,0,0,.4);color:#fff;padding:1rem 1.5rem;text-align:left}
.site-footer .social a{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;margin-right:.45rem;font-size:.8rem;font-weight:700;text-decoration:none}
.site-footer .social a:hover{background:var(--pink);color:#fff}
.page-content img{max-width:100%;height:auto}
.page-content table{width:100%}
.faculty-card img.avatar{width:72px;height:72px;border-radius:50%;flex:0 0 72px}
.notice-list li a{text-decoration:none}
.notice-list li a:hover{text-decoration:underline}

/* ===== Home sections (Admin > Home Sections) ===== */
.hs-section{position:relative}
.hs-section .hs-content{position:relative;z-index:1}
.hs-veil{position:absolute;inset:0;background:rgba(255,255,255,.88);z-index:0}
.hs-box{border:2px solid var(--navy,#1d2a55);border-radius:var(--radius-card,6px);padding:1.5rem}
@media (max-width:767px){.hs-box{padding:1rem}}

/* ===== Notice board marquee (auto-scrolling, pauses on hover / focus) ===== */
.nb-marquee{position:relative;height:340px;overflow:hidden}
.nb-track{animation:nb-up var(--nb-dur,20s) linear infinite}
.nb-marquee:hover .nb-track,.nb-marquee:focus .nb-track{animation-play-state:paused}
.nb-marquee:focus{outline:2px solid var(--navy-2,#1b2a6b);outline-offset:2px}
.nb-list .notice-item .meta{flex-wrap:wrap;justify-content:center;gap:.4rem .6rem}
@keyframes nb-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (max-width:767px){.nb-marquee{height:300px}}
@media (prefers-reduced-motion:reduce){.nb-track{animation:none}.nb-marquee{overflow-y:auto;height:auto;max-height:340px}.nb-list[aria-hidden="true"]{display:none}}

/* ===== Helpline style (Admin > Home Sections > Style: Helpline) ===== */
.hs-helpline{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem;align-items:center}
.hs-helpline-img-left .hs-helpline-card{order:-1}
.hs-helpline-text{min-width:0;color:#555;line-height:1.75}
.hs-helpline-text .page-content{overflow-wrap:anywhere}
.hs-helpline-text .page-content img{max-width:100%;height:auto}
.hs-helpline-text .page-content table{display:block;overflow-x:auto;max-width:100%}
.hs-helpline-card{min-width:0;background:#fff;border:1px solid #e3e6ee;border-radius:var(--radius-card,6px);padding:.75rem;box-shadow:0 2px 10px rgba(29,42,85,.08)}
.hs-helpline-card img{display:block;width:100%;height:auto;border-radius:4px}
@media (max-width:767px){
  .hs-helpline{grid-template-columns:minmax(0,1fr);gap:1.25rem}
  .hs-helpline-img-left .hs-helpline-card,.hs-helpline-card{order:0}
  .hs-helpline-card{padding:.5rem}
}

/* ===== Top bar: right side (skip link + language) ===== */
.util-right{flex-wrap:wrap}
.util-bar .lang-switch{min-width:120px}
.goog-te-banner-frame,.skiptranslate iframe{display:none !important}
body{top:0 !important}
.lang-switch .goog-te-gadget{font-family:var(--font-body);font-size:.85rem;color:#222}
.lang-switch .goog-te-gadget-simple{background:#eef0f6;border:1px solid #c9cedb;border-radius:4px;padding:.2rem .5rem;display:inline-flex;align-items:center}
.lang-switch .goog-te-gadget-simple img,.lang-switch .goog-te-gadget-icon{display:none}
.lang-switch .goog-te-menu-value span{color:#222;text-decoration:none}

/* ===== Sliders: Recent Activities & Our Achievements ===== */
.scroller > *{flex-shrink:0}
.ach-slide{flex:0 0 300px;display:flex}
.ach-slide .ach-card{width:100%;min-height:250px}

/* Section background image (Admin > Site Settings > Home Page): light veil keeps text readable */
.sec-bg-image{position:relative;isolation:isolate}
.sec-bg-image::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.88);z-index:-1}
@media (max-width:767px){.ach-slide{flex-basis:82%}}

/* ===== Grid layout: photo slider beside text (Admin > Home Sections > Layout) ===== */
.hs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}
.hs-grid-slider-right .hs-grid-slider{order:2}
.hs-grid-slider{position:relative;background:#111;border-radius:6px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.18);min-width:0}
.hs-slides{position:relative;aspect-ratio:4/3;width:100%}
.hs-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.hs-slide.is-active{opacity:1;pointer-events:auto}
.hs-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hs-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:.6rem 1rem;background:rgba(0,0,0,.55);color:#fff;font-size:.95rem}
.hs-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;margin:0}
.hs-nav{position:absolute;top:42%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.hs-nav:hover{background:rgba(0,0,0,.7)}
.hs-prev{left:8px}
.hs-next{right:8px}
.hs-dots{display:flex;justify-content:center;gap:7px;padding:.6rem 0;background:#1c1c1c}
.hs-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#777;cursor:pointer}
.hs-dots button.is-active{background:var(--pink,#d71f5c)}
.hs-grid-text{min-width:0;line-height:1.75}
.hs-on-dark .hs-grid-text,.hs-on-dark .hs-grid-text p,.hs-on-dark .hs-grid-text li{color:#f2f2f2}
.hs-on-dark .hs-grid-text h2,.hs-on-dark .hs-grid-text h3{color:#fff}
.hs-grid-text .page-content{overflow-wrap:anywhere}
.hs-grid-text .page-content img{max-width:100%;height:auto}
@media (max-width:767px){
  .hs-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}
  .hs-grid-slider-right .hs-grid-slider{order:0}
}

/* ===== Divider line under a section (Admin > Home Sections > Divider line) ===== */
.hs-divider{border:0;height:4px;width:140px;margin:2.5rem auto 0;border-radius:4px;background:var(--pink,#d71f5c);opacity:1}

/* ===== Achievements: outlined cards on a dark photo (Admin > Achievements > Card style) ===== */
.ach-section-outline:not(.sec-bg-image){background:#2d2a3e}
.ach-section-outline.sec-bg-image::before{background:rgba(12,10,22,.62)}
.ach-section-outline .sec-head h2{color:#fff}
.ach-section-outline .sec-head .pink{color:#ffb3c9}
.ach-card-outline{background:transparent !important;border:1px solid rgba(255,255,255,.85);color:#f1f1f1;text-align:justify}
.ach-card-outline p{color:#f1f1f1}
.ach-section-outline .arrow-btn{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4)}

/* ===== Grid design: 3D carousel, gold slider background, blue text panel, heading style ===== */
.hs-grid-slider{background:var(--slider-bg,#111)}
.hs-grid-wide{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}
.hs-cf .hs-slides{aspect-ratio:auto;height:340px;perspective:1100px;overflow:visible}
.hs-cf .hs-slide{inset:auto;left:50%;top:50%;width:56%;height:84%;transition:transform .6s ease,opacity .6s ease;border-radius:4px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.35);background:#fff}
.hs-cf .hs-slide img{object-fit:cover}
.hs-cf .hs-dots{background:transparent}
.hs-panel{background:var(--panel-bg,#0d4fc0);color:#fff;padding:1.5rem 1.6rem;border-radius:4px;line-height:1.7}
.hs-panel h2,.hs-panel h3,.hs-panel h4{color:#fff;text-transform:uppercase;font-size:1.25rem;font-weight:700;margin:0 0 1rem}
.hs-panel h2::after,.hs-panel h3::after,.hs-panel h4::after{content:"";display:inline-block;width:46px;height:2px;background:#f0c070;margin-left:.6rem;vertical-align:middle}
.hs-panel ul{list-style:none;padding:0;margin:0}
.hs-panel li{margin-bottom:.6rem;padding-left:24px;position:relative}
.hs-panel li::before{content:"";position:absolute;left:0;top:.3em;width:15px;height:15px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'><path d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/><path d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/></svg>") center / contain no-repeat}
.hs-panel a{color:#fff;text-decoration:none}
.hs-panel a:hover{text-decoration:underline}
.hs-panel p{margin:0 0 .6rem}
.sec-head-left{text-align:left}
.sec-head-left .divider{display:none}
.sec-head-left h2::after{content:"";display:inline-block;width:52px;height:2px;background:#e0a526;margin-left:.6rem;vertical-align:middle}
@media (max-width:767px){
  .hs-grid-wide{grid-template-columns:minmax(0,1fr)}
  .hs-cf .hs-slides{height:260px}
}

/* ===== Hero slider size (Admin > Hero Slider > Hero slider size) ===== */
.hero-slider{width:var(--hero-w,100%);margin:0 auto}
.hero-slider .carousel-item,.hero-slider .hero-img,.ph-hero{height:var(--hero-h,440px)}
@media (max-width:991px){.hero-slider .carousel-item,.hero-slider .hero-img,.ph-hero{height:min(var(--hero-h,440px),300px)}}

/* ===== Achievement cards: icon position, text position, colours ===== */
.ach-card:not(.ach-card-outline){background:var(--ach-bg,#6e6e6e);color:var(--ach-fg,#f1f1f1)}
.ach-card:not(.ach-card-outline) p{color:var(--ach-fg,#f1f1f1)}
.ach-card p{text-align:var(--ach-align,justify)}
.ach-card.ach-icon-left,.ach-card.ach-icon-right{display:flex;align-items:flex-start;gap:1rem;text-align:var(--ach-align,justify)}
.ach-card.ach-icon-left .trophy,.ach-card.ach-icon-right .trophy{margin:0;flex:0 0 auto;font-size:2.2rem}
.ach-card.ach-icon-right{flex-direction:row-reverse}
.ach-card.ach-icon-left p,.ach-card.ach-icon-right p{flex:1 1 auto;margin:0}
.ach-card.ach-icon-bottom{display:flex;flex-direction:column;text-align:var(--ach-align,justify)}
.ach-card.ach-icon-bottom .trophy{order:2;margin:.8rem 0 0}
.ach-card.ach-icon-bottom p{order:1}
.ach-card.ach-icon-top{text-align:var(--ach-align,justify)}