/*
Theme Name: Curtin Singapore - Flatsome Child
Theme URI: https://curtin.edu.vn/
Description: Child theme for the Curtin Singapore / INEC website, built specifically for Flatsome 3.16.8.
Author: INEC
Template: flatsome
Version: 1.0.5
Text Domain: curtin-flatsome-child
*/
:root{
--curtin-bg:#fbf9f6;
--curtin-text:#17181c;
--curtin-muted:#5c6270;
--curtin-gold:#b5950a;
--curtin-gold-bright:#e7c93f;
--curtin-cream:#f4efe4;
--curtin-cream-2:#f6eecd;
--curtin-footer:#5f4d0c;
--curtin-border:rgba(23,24,28,.10);
--curtin-radius:20px;
--curtin-max:1520px;
}
html{scroll-behavior:smooth}
body.curtin-site{background:var(--curtin-bg);color:var(--curtin-text);font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.curtin-site h1,body.curtin-site h2,body.curtin-site h3,body.curtin-site h4,body.curtin-site h5,body.curtin-site h6{font-family:"Archivo",system-ui,sans-serif;color:inherit;letter-spacing:-.025em}
body.curtin-site a{color:inherit}
body.curtin-site a:hover{color:var(--curtin-gold)}
body.curtin-site .row{max-width:var(--curtin-max)}
body.curtin-site .section-content>.row{width:calc(100% - 40px)}
body.curtin-site .button{border-radius:999px;text-transform:none;letter-spacing:0;font-weight:600;margin-bottom:0}
body.curtin-site .button.primary{background:var(--curtin-gold)!important}
body.curtin-site .button.is-outline{border-color:rgba(23,24,28,.22);color:var(--curtin-text)}
body.curtin-site .button.is-outline:hover{background:var(--curtin-text);border-color:var(--curtin-text);color:#fff}
body.curtin-site #main{background:var(--curtin-bg)}
.curtin-kicker{font:700 11.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--curtin-gold);margin-bottom:12px}
.curtin-kicker.light{color:var(--curtin-gold-bright)}
.curtin-lead{font-size:17px;line-height:1.65;color:#4a505c;max-width:760px}
.curtin-section-title{font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.12;margin:0 0 12px}
.curtin-page-title{font-size:clamp(42px,5.2vw,82px);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin:0}
.curtin-page-title .gold{color:var(--curtin-gold);display:block}
.curtin-mono{font-family:"IBM Plex Mono",monospace}
.curtin-card{background:#fff;border:1px solid var(--curtin-border);border-radius:18px;padding:30px 28px;height:100%}
.curtin-card.dark{background:var(--curtin-text);color:#fff;border-color:var(--curtin-text)}
.curtin-card.gold{background:var(--curtin-cream-2);border-color:rgba(181,149,10,.24)}
.curtin-card h3{font-size:23px;font-weight:700;line-height:1.25;margin:0 0 12px}
.curtin-card p{font-size:16px;line-height:1.62;color:#4a505c;margin:0}
.curtin-card.dark p{color:rgba(255,255,255,.78)}
.curtin-icon-number{width:52px;height:52px;border-radius:14px;background:var(--curtin-gold);display:flex;align-items:center;justify-content:center;color:#fff;font:700 15px "IBM Plex Mono",monospace;margin-bottom:16px}
.curtin-section-cream{background:var(--curtin-cream)!important;border-top:1px solid rgba(23,24,28,.07);border-bottom:1px solid rgba(23,24,28,.07)}
.curtin-section-dark{background:var(--curtin-text)!important;color:#fff}
.curtin-section-footer-gold{background:var(--curtin-footer)!important;color:#f3ead0}
/* Header */
.curtin-topbar{background:var(--curtin-text);color:rgba(255,255,255,.72);font-size:13px;padding:9px clamp(20px,4vw,40px)}
.curtin-topbar__inner{max-width:var(--curtin-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.curtin-topbar__content{display:flex;align-items:center;gap:8px;min-width:0}
.curtin-topbar__content p{margin:0}
.curtin-topbar__content a{color:inherit;text-decoration:none}
.curtin-topbar__content a:hover{color:#fff;text-decoration:underline}
.curtin-topbar__content img{display:block;width:auto;max-width:100%;max-height:28px;object-fit:contain}
.curtin-topbar__contacts{display:flex;gap:6px 22px;flex-wrap:wrap;font-family:"IBM Plex Mono",monospace}
.curtin-header{position:sticky;top:0;z-index:100;background:rgba(251,249,246,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,24,28,.10)}
.admin-bar .curtin-header{top:32px}
.curtin-header__inner{max-width:var(--curtin-max);margin:0 auto;min-height:66px;padding:12px clamp(20px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:16px 24px}
.curtin-brand img{height:38px;width:auto;display:block}
.curtin-main-menu,.curtin-main-menu ul{list-style:none;margin:0;padding:0}
.curtin-main-menu{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
/* Remove the parent theme's list-item bottom margin so menu links centre vertically. */
.curtin-main-menu>li{position:relative;margin-bottom:0}
.curtin-main-menu>li>a{display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;font-size:14px;font-weight:500;color:#4a4f5a;white-space:nowrap}
.curtin-main-menu>li.current-menu-item>a,.curtin-main-menu>li.current-menu-parent>a,.curtin-main-menu>li.current-menu-ancestor>a{background:var(--curtin-text);color:#fff}
.curtin-main-menu .sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fff;border:1px solid rgba(23,24,28,.12);border-radius:14px;box-shadow:0 12px 32px rgba(23,24,28,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(4px);transition:.18s ease}
.curtin-main-menu li:hover>.sub-menu,.curtin-main-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.curtin-main-menu .sub-menu a{display:block;padding:11px 13px;border-radius:10px;font-size:14.5px;color:#3a3f4a}
.curtin-main-menu .sub-menu a:hover{background:var(--curtin-cream-2);color:var(--curtin-text)}
.curtin-header__cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:999px;background:var(--curtin-gold);color:#fff!important;font-size:14px;font-weight:600;white-space:nowrap}
.curtin-mobile-toggle{display:none;width:44px;height:44px;border:1px solid rgba(23,24,28,.14);border-radius:12px;background:#fff;position:relative;padding:0}
.curtin-mobile-toggle:before,.curtin-mobile-toggle:after,.curtin-mobile-toggle span{content:"";position:absolute;left:12px;right:12px;height:2px;background:var(--curtin-text);transition:.2s ease}
.curtin-mobile-toggle:before{top:14px}.curtin-mobile-toggle span{top:21px}.curtin-mobile-toggle:after{top:28px}
.curtin-mobile-toggle.is-open:before{top:21px;transform:rotate(45deg)}.curtin-mobile-toggle.is-open span{opacity:0}.curtin-mobile-toggle.is-open:after{top:21px;transform:rotate(-45deg)}
.curtin-mobile-nav{display:none;background:var(--curtin-bg);border-bottom:1px solid rgba(23,24,28,.1);box-shadow:0 24px 48px rgba(23,24,28,.14);padding:8px 20px 18px}
.curtin-mobile-nav.is-open{display:block}
.curtin-mobile-menu,.curtin-mobile-menu ul{list-style:none;margin:0;padding:0}
.curtin-mobile-menu a{display:block;padding:13px 12px;border-bottom:1px solid rgba(23,24,28,.07);font-size:16px;color:var(--curtin-text)}
.curtin-mobile-menu .sub-menu{padding-left:16px;background:#f4f0e6;border-radius:10px;margin:5px 0 8px}
.curtin-mobile-menu .sub-menu a{font-size:15px;border:none;padding:11px 12px}
/* Hero */
.curtin-hero-section>.section-content>.row{width:calc(100% - 40px)!important;max-width:var(--curtin-max)!important}
.curtin-hero-section .col{padding-bottom:0}
.curtin-hero-slider{border-radius:20px;overflow:hidden;background:#f1ede6}
.curtin-hero-slider .flickity-viewport{border-radius:20px}
.curtin-hero-banner{border-radius:20px;overflow:hidden}
.curtin-hero-banner .banner-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.78) 34%,rgba(10,10,12,.35) 62%,rgba(10,10,12,0) 92%);pointer-events:none}
.curtin-hero-banner .text-box{max-width:650px!important}
.curtin-hero-copy h2,.curtin-hero-copy h3{color:#fff;margin:0 0 12px;line-height:1.03;font-weight:800}
.curtin-hero-copy .hero-gold{color:var(--curtin-gold-bright)}
.curtin-hero-copy .hero-big{font-size:clamp(52px,9.2vw,88px);display:block;margin-top:4px;line-height:.95}
.curtin-hero-copy p{font-size:clamp(15px,1.7vw,18px);line-height:1.6;color:rgba(255,255,255,.84)}
.curtin-hero-slider .flickity-page-dots{left:24px;right:auto;bottom:22px;text-align:left}
.curtin-hero-slider .flickity-page-dots .dot{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.5);opacity:1;margin:0 4px;transition:.2s}
.curtin-hero-slider .flickity-page-dots .dot.is-selected{width:28px;background:var(--curtin-gold)}
.curtin-hero-slider .flickity-button{bottom:18px;top:auto;transform:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12)!important;color:#fff}
.curtin-hero-slider .flickity-prev-next-button.previous{left:auto;right:70px}.curtin-hero-slider .flickity-prev-next-button.next{right:24px}
/* Homepage intro */
.curtin-home-intro .curtin-page-title{margin-top:8px}
.curtin-home-intro .curtin-campus-image img{height:min(56vh,500px);width:100%;object-fit:cover;border-radius:20px}
.curtin-stat{padding-top:8px}
.curtin-stat strong{display:block;font-family:"Archivo",sans-serif;font-size:46px;line-height:1;font-weight:700;letter-spacing:-.03em}
.curtin-stat span{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--curtin-muted)}
/* Reasons */
.curtin-reasons-grid .col-inner{height:100%}
.curtin-reasons-grid .curtin-card{min-height:260px}
/* Comparison */
.curtin-compare-wrap .col-inner{height:100%}
.curtin-compare-card{border-radius:22px;padding:34px 32px 36px;height:100%}
.curtin-compare-card.dark{background:var(--curtin-text);color:#fff;box-shadow:0 18px 44px rgba(23,24,28,.18)}
.curtin-compare-card.light{background:#fff;border:1px solid rgba(23,24,28,.12)}
.curtin-compare-card h3{font-size:clamp(24px,3vw,34px);font-weight:800;margin:0;color:var(--curtin-gold-bright)}
.curtin-compare-card.light h3{color:#3a3f4a}
.curtin-compare-row{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:8px 20px;align-items:start;padding:13px 0;border-top:1px solid rgba(255,255,255,.14)}
.curtin-compare-card.light .curtin-compare-row{border-top-color:rgba(23,24,28,.1)}
.curtin-compare-label{font:600 12.5px/1.45 "IBM Plex Mono",monospace;letter-spacing:.04em;color:rgba(255,255,255,.55)}
.curtin-compare-card.light .curtin-compare-label{color:#9ba1ad}
.curtin-compare-value{font-family:"Archivo",sans-serif;font-size:16px;font-weight:600;line-height:1.45}
.curtin-compare-card.light .curtin-compare-value{color:#3a3f4a}
.curtin-compare-list{margin:4px 0 0;padding:0 0 0 18px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.82)}
.curtin-compare-card.light .curtin-compare-list{color:var(--curtin-muted)}
.curtin-rival-select{display:flex;align-items:center;gap:10px;border:1.5px solid rgba(23,24,28,.16);border-radius:14px;padding:6px 12px 6px 16px;background:#f7f5f0;margin-bottom:12px}
.curtin-rival-select select{margin:0;border:0;box-shadow:none;background:transparent;font-family:"Archivo",sans-serif;font-size:20px;font-weight:800;color:#3a3f4a;padding:8px 28px 8px 0}
.curtin-rival-panel{display:none}.curtin-rival-panel.is-active{display:block}
/* Scholarship */
.curtin-scholarship-card .col-inner{height:100%;background:#24252a;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:28px 24px;color:#fff}
.curtin-scholarship-card h3{color:#fff;font-size:21px;margin:0 0 10px}
.curtin-scholarship-value{font-family:"Archivo",sans-serif;font-size:48px;font-weight:800;color:var(--curtin-gold-bright);line-height:1;margin:6px 0 16px}
.curtin-scholarship-card p{color:rgba(255,255,255,.72);line-height:1.6}
/* Pathway */
.curtin-pathway-card .col-inner{height:100%;border-top:1px solid rgba(23,24,28,.12);padding-top:20px}
.curtin-step-n{font:700 12px "IBM Plex Mono",monospace;color:var(--curtin-gold);letter-spacing:.08em;margin-bottom:10px}
.curtin-pathway-card h3{font-size:21px;margin:0 0 10px}
.curtin-pathway-card p{font-size:15.5px;line-height:1.65;color:#5c6270}
/* Careers / marquee */
.curtin-career-stat strong{display:block;font-family:"Archivo",sans-serif;font-size:42px;color:var(--curtin-gold-bright);line-height:1}
.curtin-career-stat span{display:block;margin-top:8px;color:rgba(255,255,255,.68);font-size:14px}
.curtin-marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:18px 0;margin-top:28px}
.curtin-marquee__track{display:flex;width:max-content;animation:curtin-marquee 28s linear infinite}
.curtin-marquee__track span{padding:0 30px;font-family:"Archivo",sans-serif;font-size:18px;font-weight:600;color:rgba(255,255,255,.8);white-space:nowrap}
@keyframes curtin-marquee{to{transform:translateX(-50%)}}
/* CTA */
.curtin-fit-card .col-inner{background:var(--curtin-text);border-radius:20px;padding:34px 36px;box-shadow:0 18px 44px rgba(23,24,28,.16);color:#fff}
.curtin-fit-card h2{color:#fff;font-size:clamp(28px,4vw,42px);margin:0 0 10px}
.curtin-fit-card p{color:rgba(255,255,255,.7)}
.curtin-check-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.curtin-check-list li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.82)}
.curtin-check-list li:before{content:"✓";position:absolute;left:0;color:var(--curtin-gold-bright);font-weight:800}
/* Media / cards */
.curtin-media img{width:100%;border-radius:20px;object-fit:cover}
.curtin-image-cover img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:20px}
.curtin-awards-slider .img-inner{border-radius:18px;overflow:hidden}
.curtin-awards-slider .flickity-page-dots{bottom:-26px}
/* Programs */
.curtin-program-card .col-inner{height:100%;background:#fff;border:1px solid var(--curtin-border);border-radius:18px;overflow:hidden}
.curtin-program-image-slot{height:190px;background:#e9eaee;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font:600 11px "IBM Plex Mono",monospace;letter-spacing:.06em;color:#8a8f9c}
.curtin-program-copy{padding:24px 24px 26px}
.curtin-program-level{font:700 11px "IBM Plex Mono",monospace;letter-spacing:.07em;color:var(--curtin-gold);margin-bottom:10px}
.curtin-program-copy h3{font-size:21px;margin:0 0 10px}
.curtin-program-copy p{font-size:15px;line-height:1.6;color:#4a4f5a;margin:0}
/* Tables */
.curtin-table-wrap{overflow-x:auto;border:1px solid rgba(23,24,28,.10);border-radius:18px;background:#fff}
.curtin-table{width:100%;border-collapse:collapse;margin:0;font-size:14.5px}
.curtin-table th{background:#f4f0e6;text-align:left;font:700 12px "IBM Plex Mono",monospace;letter-spacing:.04em;color:#5c6270;padding:14px 16px;border-bottom:1px solid rgba(23,24,28,.1)}
.curtin-table td{padding:14px 16px;border-bottom:1px solid rgba(23,24,28,.08);vertical-align:top;line-height:1.5}
.curtin-table tr:last-child td{border-bottom:0}
.curtin-cost-card .col-inner{height:100%;background:#fff;border:1px solid var(--curtin-border);border-radius:18px;padding:24px}
.curtin-cost-card .value{font-family:"Archivo",sans-serif;font-size:26px;font-weight:800;color:var(--curtin-gold);margin-top:10px}
/* Admission */
.curtin-admission-card .col-inner{height:100%;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px;color:#fff;background:#202126}
.curtin-admission-card h3{font-size:23px;color:var(--curtin-gold-bright);margin:0 0 14px}
.curtin-admission-card p,.curtin-admission-card li{color:rgba(255,255,255,.78);line-height:1.6}
.curtin-process-card .col-inner{height:100%;background:#fff;border:1px solid var(--curtin-border);border-radius:18px;padding:24px}
.curtin-process-card h3{font-size:20px;margin:0 0 10px}
.curtin-process-card p{font-size:15px;line-height:1.6;color:#5c6270}
.curtin-faq .accordion-item{border-bottom:1px solid rgba(23,24,28,.12)}
.curtin-faq .accordion-title{font-family:"Archivo",sans-serif;font-size:18px;font-weight:600;padding:18px 4px;border:0}
.curtin-faq .accordion-inner{padding:0 4px 20px;color:#4a4f5a;line-height:1.7}
/* Events */
.curtin-event-card .col-inner{height:100%;background:#fff;border:1px solid var(--curtin-border);border-radius:18px;padding:26px;display:flex;flex-direction:column}
.curtin-event-date{width:74px;height:74px;border-radius:16px;background:var(--curtin-cream-2);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:18px}
.curtin-event-date strong{font-family:"Archivo",sans-serif;font-size:30px;line-height:1;color:var(--curtin-gold)}
.curtin-event-date span{font:700 10px "IBM Plex Mono",monospace;letter-spacing:.06em;color:#6e5f18;margin-top:5px}
.curtin-event-card h3{font-size:21px;margin:0 0 12px}
.curtin-event-meta{font:500 12.5px/1.7 "IBM Plex Mono",monospace;color:#7a8090;margin-bottom:18px}
.curtin-event-details{display:none;margin-top:18px;padding-top:18px;border-top:1px solid rgba(23,24,28,.1)}
.curtin-event-card.is-open .curtin-event-details{display:block}
/* News */
.curtin-news-grid .box-blog-post{background:#fff;border:1px solid var(--curtin-border);border-radius:18px;overflow:hidden;height:100%}
.curtin-news-grid .box-image{border-radius:0}
.curtin-news-grid .box-text{padding:22px 22px 24px}
.curtin-news-grid .post-title{font-family:"Archivo",sans-serif;font-size:20px;font-weight:700;line-height:1.35}
.curtin-news-grid .from_the_blog_excerpt{font-size:14.5px;line-height:1.6;color:#5c6270}
.curtin-news-grid .post-meta{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:#7a8090}
/* Contact form */
.curtin-form-wrap{background:#fff;border-radius:22px;padding:34px 32px;color:var(--curtin-text)}
.curtin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.curtin-form .full{grid-column:1/-1}
.curtin-form label{display:block;font-size:13px;font-weight:600;color:#4a4f5a;margin-bottom:7px}
.curtin-form input,.curtin-form select,.curtin-form textarea{width:100%;margin:0;border:1px solid rgba(23,24,28,.16);border-radius:12px;background:#fff;box-shadow:none;min-height:46px;padding:10px 12px;font-size:15px}
.curtin-form textarea{min-height:120px;resize:vertical}
.curtin-form button{border:0;border-radius:999px;background:var(--curtin-gold);color:#fff;font-weight:700;padding:14px 24px;cursor:pointer}
.curtin-form .curtin-hp{position:absolute!important;left:-9999px!important;opacity:0!important}
.curtin-form-message{grid-column:1/-1;padding:12px 14px;border-radius:12px;background:#edf8ed;color:#255a2b;font-size:14px}
/* Footer */
.curtin-footer{background:var(--curtin-footer);color:#f3ead0;padding:62px clamp(20px,4vw,40px) 36px}
.curtin-footer__inner{max-width:var(--curtin-max);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 56px}
.curtin-footer__eyebrow{font:700 12px "IBM Plex Mono",monospace;letter-spacing:.09em;color:var(--curtin-gold-bright)}
.curtin-footer p{color:rgba(243,234,208,.82);font-size:14.5px;line-height:1.7}
.curtin-footer .curtin-footer__representative{margin:12px 0}
.curtin-footer__representative>a{vertical-align:top}
.curtin-footer__contacts{display:grid;grid-template-columns:84px 1fr;gap:10px 14px;font-size:14.5px;color:rgba(243,234,208,.9)}
.curtin-footer__contacts span:nth-child(odd){color:rgba(243,234,208,.6)}
.curtin-footer__bottom{max-width:var(--curtin-max);margin:42px auto 0;padding-top:20px;border-top:1px solid rgba(243,234,208,.2);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.curtin-footer__bottom img{height:30px;width:auto}
.curtin-footer__bottom small{color:rgba(243,234,208,.7);font-size:13.5px}
/* Responsive: Flatsome 3.16.x breakpoints */
@media(max-width:849px){
.curtin-desktop-nav,.curtin-header__cta{display:none}
.curtin-mobile-toggle{display:block}
.curtin-topbar__inner{align-items:flex-start}
.curtin-footer__inner{grid-template-columns:1fr}
.curtin-compare-row{grid-template-columns:1fr;gap:6px}
.curtin-hero-slider .flickity-button{display:none}
.curtin-hero-banner .text-box{width:78%!important;left:8%!important;transform:translate(0,-50%)!important}
}
@media(max-width:549px){
.curtin-home-intro .row-collapse>.col>.col-inner{text-align:left}
.curtin-home-intro .row-collapse>.col+.col{margin-top:12px}
body.curtin-site .section-content>.row{width:calc(100% - 24px)}
.curtin-topbar{padding-left:14px;padding-right:14px}
.curtin-topbar__contacts{display:none}
.curtin-header__inner{padding-left:14px;padding-right:14px}
.curtin-brand img{height:31px}
.curtin-page-title{font-size:42px}
.curtin-card,.curtin-compare-card{padding:24px 20px}
.curtin-hero-section>.section-content>.row{width:calc(100% - 24px)!important}
.curtin-hero-banner{height:440px!important}
.curtin-hero-banner .banner-bg:after{background:linear-gradient(90deg,rgba(10,10,12,.92),rgba(10,10,12,.72) 72%,rgba(10,10,12,.15))}
.curtin-hero-banner .text-box{width:86%!important;left:7%!important}
.curtin-hero-copy .hero-big{font-size:58px}
.curtin-form{grid-template-columns:1fr}.curtin-form .full{grid-column:auto}
.curtin-footer{padding-left:20px;padding-right:20px}
}
/* Single post — standard WordPress editing, visual system from supplied prototype */
.curtin-single-wrap{max-width:var(--curtin-max);margin:0 auto;padding:28px clamp(20px,4vw,40px) 88px}
.curtin-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:500 12.5px/1.5 "IBM Plex Mono",monospace;color:#7a8090;margin-bottom:32px}
.curtin-breadcrumb a{color:var(--curtin-gold)!important}
.curtin-breadcrumb>span:last-child{max-width:65ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.curtin-single-grid{display:grid;grid-template-columns:minmax(0,920px) minmax(280px,400px);justify-content:space-between;gap:clamp(40px,6vw,92px);align-items:start}
.curtin-article{min-width:0}
.curtin-article__header h1{margin:14px 0 0;font-family:"Archivo",sans-serif;font-size:clamp(34px,3.6vw,50px);font-weight:800;letter-spacing:-.032em;line-height:1.06}
.curtin-article__meta{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:500 12.5px/1.5 "IBM Plex Mono",monospace;color:#7a8090}
.curtin-article__hero{margin:26px 0 0;border-radius:20px;overflow:hidden;background:#e9eaee;aspect-ratio:16/9}
.curtin-article__hero img{width:100%;height:100%;object-fit:cover;display:block}
.curtin-article__content{margin-top:26px;font-size:17px;line-height:1.75;color:#3a3f4a}
.curtin-article__content>*:first-child{margin-top:0}
.curtin-article__content p{font-size:17px;line-height:1.75;color:#3a3f4a;margin:0 0 20px}
.curtin-article__content h2{font-size:28px;line-height:1.25;font-weight:700;margin:34px 0 16px}
.curtin-article__content h3{font-size:21px;line-height:1.3;font-weight:700;margin:28px 0 12px}
.curtin-article__content ul,.curtin-article__content ol{margin:0 0 22px 1.25em}
.curtin-article__content img{border-radius:16px}
.curtin-article__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.curtin-article__tags a,.curtin-category-pills a{padding:8px 14px;border:1px solid rgba(23,24,28,.14);border-radius:999px;font:500 12.5px/1.3 "IBM Plex Mono",monospace;color:#4a4f5a!important}
.curtin-author-box{margin-top:32px;border-top:1px solid rgba(23,24,28,.1);padding-top:26px;display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}
.curtin-author-box__avatar,.curtin-author-box__avatar img{width:64px;height:64px;border-radius:999px;overflow:hidden}
.curtin-author-box strong{font-family:"Archivo",sans-serif;font-size:18px}
.curtin-author-box p{margin:6px 0 0;max-width:60ch;font-size:15px;line-height:1.65;color:#5c6270}
.curtin-single-sidebar{position:sticky;top:104px;display:grid;gap:22px}
.admin-bar .curtin-single-sidebar{top:136px}
.curtin-sidebar-card{border:1px solid rgba(23,24,28,.1);border-radius:20px;background:#fff;padding:26px 24px 28px}
.curtin-related-list{display:grid;gap:16px;margin-top:4px}
.curtin-related-list a{display:grid;gap:5px}
.curtin-related-list strong{font-family:"Archivo",sans-serif;font-size:15.5px;font-weight:600;line-height:1.4;color:#17181c}
.curtin-related-list span{font:500 12px "IBM Plex Mono",monospace;color:#7a8090}
.curtin-category-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}
.curtin-sidebar-cta{border-radius:20px;background:var(--curtin-cream-2);padding:26px 24px 28px}
.curtin-sidebar-cta h3{font-size:20px;color:#5b4a05;margin:0 0 10px}
.curtin-sidebar-cta p{font-size:15px;line-height:1.6;color:#5f5210;margin:0 0 16px}
@media(max-width:849px){.curtin-single-grid{grid-template-columns:1fr}.curtin-single-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.curtin-sidebar-cta{grid-column:1/-1}}
@media(max-width:549px){.curtin-single-wrap{padding-left:14px;padding-right:14px}.curtin-single-sidebar{grid-template-columns:1fr}.curtin-sidebar-cta{grid-column:auto}.curtin-breadcrumb>span:last-child{max-width:100%;white-space:normal}}
/* =========================================================
HOME - SCHOLARSHIP SECTION
HTML thực tế do Flatsome render
========================================================= */
/* ---------- ROW 2 CỘT ---------- */
.curtin-scholarship-layout {
max-width: 1520px !important;
align-items: center !important;
}
/* =========================================================
LEFT COLUMN
========================================================= */
.curtin-scholarship-intro {
max-width: 650px;
}
/* Kicker */
.curtin-scholarship-kicker {
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 7px 14px;
margin-bottom: 0;
border-radius: 999px;
background: rgba(181,149,10,.22);
color: #e7c93f;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 700;
line-height: 1;
letter-spacing: .06em;
}
/* Flatsome tự chèn
- phải tắt */
.curtin-scholarship-kicker br {
display: none !important;
}
.curtin-scholarship-kicker .material-symbols-outlined {
font-size: 15px !important;
line-height: 1 !important;
}
/* Heading */
.curtin-scholarship-intro h2 {
margin: 22px 0 16px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(30px,4vw,44px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -.03em;
color: #fff !important;
}
/* Description */
.curtin-scholarship-intro p {
margin: 0 0 28px !important;
font-size: 17px;
line-height: 1.62;
color: rgba(255,255,255,.62) !important;
}
/* Button Flatsome bên trái */
.curtin-scholarship-layout .button.white {
min-height: auto;
padding: 14px 26px !important;
margin: 0 !important;
background: #fff !important;
color: #17181c !important;
border: 0 !important;
border-radius: 999px !important;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
}
.curtin-scholarship-layout .button.white span {
color: #17181c !important;
}
/* =========================================================
RIGHT COLUMN
========================================================= */
.curtin-scholarship-stack {
display: grid;
gap: 12px;
width: 100%;
align-content: center;
}
/* Từng scholarship */
.curtin-scholarship-item {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px;
width: 100%;
/* Design gốc KHÔNG ép min-height */
min-height: 0 !important;
padding: 22px 26px;
border: 1px solid rgba(255,255,255,.16);
border-radius: 18px;
background: transparent;
color: #fff;
}
/*
* Flatsome/Text editor tự chèn .
* Đây chính là thứ làm flex sai.
*/
.curtin-scholarship-item > p:empty {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Tên học bổng */
.curtin-scholarship-item h3 {
flex: 1 1 auto;
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.02em;
color: #fff !important;
}
/* % */
.curtin-scholarship-percent {
flex: 0 0 auto;
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1;
letter-spacing: -.03em;
color: #e7c93f;
}
/* =========================================================
FEATURED - TECH SCHOLARSHIP
========================================================= */
.curtin-scholarship-item.featured {
padding: 24px 28px;
border: 0;
background: #b5950a;
color: #17181c;
}
.curtin-scholarship-item.featured h3 {
font-size: 24px;
font-weight: 800;
color: #17181c !important;
}
.curtin-scholarship-item.featured .curtin-scholarship-percent {
font-size: 32px;
color: #17181c !important;
}
/* =========================================================
TABLET
Flatsome medium < 850px
========================================================= */
@media screen and (max-width: 849px) {
.curtin-scholarship-intro {
max-width: 100%;
}
.curtin-scholarship-layout > .col:first-child {
margin-bottom: 38px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width: 549px) {
.curtin-scholarship-intro h2 {
font-size: 30px;
}
.curtin-scholarship-intro p {
font-size: 15.5px;
}
.curtin-scholarship-layout .button.white {
width: 100%;
}
.curtin-scholarship-stack {
gap: 10px;
}
.curtin-scholarship-item {
gap: 14px;
padding: 18px 17px;
border-radius: 15px;
}
.curtin-scholarship-item h3 {
font-size: 16px;
}
.curtin-scholarship-percent {
font-size: 23px;
}
.curtin-scholarship-item.featured {
padding: 19px 18px;
}
.curtin-scholarship-item.featured h3 {
font-size: 18px;
}
.curtin-scholarship-item.featured .curtin-scholarship-percent {
font-size: 28px;
}
}
/* =========================================================
HOME - SINGAPORE -> AUSTRALIA PATHWAY
========================================================= */
.curtin-pathway-intro {
display: flex;
flex-direction: column;
height: 100%;
}
.curtin-pathway-kicker {
display: inline-flex;
align-self: flex-start;
padding: 7px 14px;
margin-bottom: 20px;
border-radius: 999px;
background: #f6eecd;
color: #8a7207;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 700;
line-height: 1;
letter-spacing: .06em;
}
.curtin-pathway-intro h2 {
margin: 0 0 14px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(24px,3vw,34px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -.03em;
color: #17181c;
}
.curtin-pathway-intro p {
margin: 0 !important;
font-size: 16.5px;
line-height: 1.62;
color: #5c6270;
}
/* IMAGE */
.curtin-pathway-image {
position: relative;
margin-top: 28px;
border-radius: 20px;
overflow: hidden;
}
.curtin-pathway-image .img-inner {
height: 100%;
min-height: 550px;
}
.curtin-pathway-image img {
width: 100%;
height: 100%;
min-height: 550px;
object-fit: cover;
}
/* Badge trên ảnh */
.curtin-pathway-image::after {
content: "✈ Singapore → Perth, Úc";
position: absolute;
left: 18px;
bottom: 18px;
z-index: 2;
display: flex;
align-items: center;
padding: 10px 16px;
border-radius: 999px;
background: rgba(23,24,28,.72);
backdrop-filter: blur(8px);
color: #fff;
font-family: "Archivo", sans-serif;
font-size: 13px;
font-weight: 600;
}
/* =========================================================
RIGHT SIDE
========================================================= */
.curtin-pathway-steps {
display: grid;
gap: 12px;
}
/* STEP */
.curtin-pathway-step {
display: grid;
grid-template-columns: 34px 1fr;
gap: 16px;
align-items: start;
padding: 22px 24px;
background: #fff;
border: 1px solid rgba(23,24,28,.10);
border-radius: 14px;
}
.curtin-pathway-number {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: #f6eecd;
color: #8a7207;
font-family: "Archivo", sans-serif;
font-size: 14px;
font-weight: 800;
}
.curtin-pathway-step h3 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -.02em;
color: #17181c;
}
.curtin-pathway-step p {
margin: 7px 0 0 !important;
font-size: 15.5px;
line-height: 1.6;
color: #5c6270;
}
/* =========================================================
WHO IS THIS PATHWAY FOR
========================================================= */
.curtin-pathway-fit {
margin-top: 6px;
padding: 26px 26px 28px;
background: #f6eecd;
border-radius: 16px;
}
.curtin-pathway-fit h3 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.02em;
color: #5b4a05 !important;
}
.curtin-pathway-fit > p {
margin: 10px 0 16px !important;
font-size: 15.5px;
line-height: 1.62;
color: #5f5210;
}
.curtin-pathway-fit ul {
list-style: none;
display: grid;
gap: 9px;
margin: 0 !important;
padding: 0 !important;
}
.curtin-pathway-fit li {
position: relative;
margin: 0 !important;
padding-left: 24px;
font-size: 15.5px;
line-height: 1.6;
color: #5f5210;
}
.curtin-pathway-fit li::before {
content: "•";
position: absolute;
left: 2px;
top: 0;
color: #8a7207;
font-weight: 700;
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width: 849px) {
.curtin-pathway-image {
margin-bottom: 32px;
}
}
@media screen and (max-width: 549px) {
.curtin-pathway-intro h2 {
font-size: 28px;
}
.curtin-pathway-intro p {
font-size: 15.5px;
}
.curtin-pathway-image .img-inner,
.curtin-pathway-image img {
min-height: 220px;
}
.curtin-pathway-image::after {
left: 12px;
bottom: 12px;
padding: 8px 12px;
font-size: 12px;
}
.curtin-pathway-step {
grid-template-columns: 32px 1fr;
gap: 13px;
padding: 18px 17px;
}
.curtin-pathway-number {
width: 32px;
height: 32px;
}
.curtin-pathway-step h3 {
font-size: 17px;
}
.curtin-pathway-step p {
font-size: 14.5px;
}
.curtin-pathway-fit {
padding: 22px 18px 24px;
}
.curtin-pathway-fit h3 {
font-size: 20px;
}
.curtin-pathway-fit > p,
.curtin-pathway-fit li {
font-size: 14.5px;
}
}
/* =========================================================
HOME - CAREER SECTION
========================================================= */
.curtin-career-section {
background: #fbf9f6 !important;
color: #17181c !important;
}
.curtin-career-section .section-content {
color: #17181c !important;
}
.curtin-career-wrap {
width: 100%;
}
/* KICKER */
.curtin-career-kicker {
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1;
letter-spacing: .08em;
color: #b5950a;
margin-bottom: 14px;
}
/* HEADING */
.curtin-career-wrap > h2 {
max-width: 920px;
margin: 0 0 12px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(30px, 4vw, 44px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -.03em;
color: #17181c !important;
}
/* INTRO */
.curtin-career-lead {
max-width: 660px;
margin: 0 0 44px !important;
font-size: 17px;
line-height: 1.6;
color: #5c6270 !important;
}
/* =========================================================
STATS
========================================================= */
.curtin-career-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.curtin-career-stat-card {
display: flex;
flex-direction: column;
gap: 8px;
padding: 30px 28px;
background: #fff;
border: 1px solid rgba(23, 24, 28, .10);
border-radius: 18px;
}
.curtin-career-number {
font-family: "Archivo", sans-serif;
font-size: clamp(34px, 4.4vw, 52px);
font-weight: 800;
line-height: 1.04;
letter-spacing: -.04em;
color: #b5950a;
}
.curtin-career-stat-title {
font-family: "Archivo", sans-serif;
font-size: 19px;
font-weight: 600;
line-height: 1.35;
letter-spacing: -.01em;
color: #17181c;
}
/* SOURCE */
.curtin-career-source {
margin-top: 16px;
font-size: 13px;
line-height: 1.6;
color: #8a8f9c;
}
/* =========================================================
CAREER FIELDS
========================================================= */
.curtin-career-fields {
margin-top: 44px;
padding-top: 34px;
border-top: 1px solid rgba(23, 24, 28, .10);
}
.curtin-career-fields h3 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 26px;
font-weight: 600;
line-height: 1.35;
letter-spacing: -.01em;
color: #17181c !important;
}
.curtin-career-fields > p {
margin: 12px 0 0 !important;
font-size: 16px;
line-height: 1.7;
color: #5c6270 !important;
}
.curtin-career-employer-title {
font-size: 36px;
margin-top: 38px !important;
}
/* =========================================================
CAREER - COMPANY MARQUEE
========================================================= */
.curtin-career-marquee {
position: relative;
width: 100%;
margin-top: 28px;
overflow: hidden;
-webkit-mask-image: linear-gradient(
90deg,
transparent 0,
#000 5%,
#000 95%,
transparent 100%
);
mask-image: linear-gradient(
90deg,
transparent 0,
#000 5%,
#000 95%,
transparent 100%
);
}
.curtin-career-marquee-track {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
width: max-content !important;
gap: 52px;
animation: curtin-career-scroll 32s linear infinite;
will-change: transform;
}
/* Flatsome Text element đôi khi chèn p/br */
.curtin-career-marquee-track p {
display: contents !important;
color: #5c6270 !important;
margin-right: 10px!important;
}
.curtin-career-marquee-track br {
display: none !important;
}
.curtin-career-marquee-track span {
display: block !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
font-family: "Archivo", sans-serif;
font-size: 19px;
font-weight: 600;
line-height: 1.2;
color: #7a8090;
}
.curtin-career-marquee:hover .curtin-career-marquee-track {
animation-play-state: paused;
}
@keyframes curtin-career-scroll {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 849px) {
.curtin-career-stats {
grid-template-columns: 1fr;
}
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width: 549px) {
.curtin-career-wrap > h2 {
font-size: 30px;
}
.curtin-career-lead {
margin-bottom: 30px !important;
font-size: 15.5px;
}
.curtin-career-stat-card {
padding: 24px 20px;
}
.curtin-career-number {
font-size: 36px;
}
.curtin-career-stat-title {
font-size: 17px;
}
.curtin-career-fields {
margin-top: 34px;
padding-top: 28px;
}
.curtin-career-fields h3 {
font-size: 18px;
}
.curtin-career-fields > p {
font-size: 15px;
}
.curtin-career-marquee {
margin-top: 30px;
}
.curtin-career-marquee-track {
gap: 40px;
}
.curtin-career-marquee-track span {
font-size: 17px;
}
}
/* =========================================================
ABOUT - WHY THIS WEBSITE EXISTS
========================================================= */
.curtin-about-why {
background: #fff !important;
border-top: 1px solid rgba(23,24,28,.07);
border-bottom: 1px solid rgba(23,24,28,.07);
}
.curtin-about-why .section-content > .row {
align-items: flex-start;
}
/* LEFT
--------------------------------------------------------- */
.curtin-about-why-intro h2 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: clamp(30px,3.2vw,40px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -.03em;
color: #17181c !important;
}
.curtin-about-why-lead {
margin: 20px 0 0 !important;
font-size: 17.5px;
line-height: 1.65;
color: #3a3f4a !important;
}
/* TAGS */
.curtin-about-why-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}
.curtin-about-tag {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 11px 18px;
background: #fff;
border: 1px solid rgba(23,24,28,.14);
border-radius: 999px;
font-size: 15.5px;
font-weight: 500;
line-height: 1.2;
color: #3a3f4a;
}
.curtin-about-tag .material-symbols-outlined {
flex: 0 0 auto;
font-size: 18px !important;
line-height: 1 !important;
color: #b5950a;
}
/* TEXT CUỐI */
.curtin-about-why-emphasis {
max-width: 520px;
margin: 32px 0 0 !important;
font-size: 17.5px;
font-weight: 600;
line-height: 1.65;
color: #17181c !important;
}
/* RIGHT
--------------------------------------------------------- */
.curtin-about-questions {
display: block;
width: 100%;
border-top: 1px solid rgba(23,24,28,.12);
}
.curtin-about-question {
display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
column-gap: 18px;
align-items: start;
width: 100%;
padding: 22px 4px;
border-bottom: 1px solid rgba(23,24,28,.12);
}
/* Phòng trường hợp Flatsome vẫn tự chèn br/p */
.curtin-about-question > br,
.curtin-about-question > p:empty {
display: none !important;
}
.curtin-about-question-number {
min-width: 0;
font-family: "IBM Plex Mono", monospace;
font-size: 13px;
font-weight: 600;
line-height: 1.5;
color: #b5950a;
}
.curtin-about-question-text {
min-width: 0;
width: 100%;
font-family: "Archivo", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.4;
letter-spacing: -.015em;
color: #17181c;
}
/* TABLET + MOBILE
--------------------------------------------------------- */
@media screen and (max-width:849px) {
.curtin-about-why-intro {
margin-bottom: 44px;
}
}
@media screen and (max-width:549px) {
.curtin-about-why-intro h2 {
font-size: 30px;
}
.curtin-about-why-lead,
.curtin-about-why-emphasis {
font-size: 15.5px;
}
.curtin-about-why-tags {
gap: 8px;
}
.curtin-about-tag {
padding: 9px 13px;
font-size: 13.5px;
}
.curtin-about-tag .material-symbols-outlined {
font-size: 16px !important;
}
.curtin-about-question {
grid-template-columns: 32px minmax(0,1fr);
gap: 12px;
padding: 18px 2px;
}
.curtin-about-question-number {
font-size: 12px;
}
.curtin-about-question-text {
font-size: 17px;
}
}
/* =========================================================
ABOUT - CURTIN / INEC ROLE
========================================================= */
.curtin-about-role-section {
background: #fff !important;
}
/* HEADING
--------------------------------------------------------- */
.curtin-about-role-heading {
margin-bottom: 40px;
}
.curtin-about-role-heading h2 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: clamp(30px, 3.4vw, 42px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -.03em;
color: #17181c !important;
}
.curtin-about-role-heading h3 {
max-width: 820px;
margin: 10px 0 0 !important;
font-family: "Archivo", sans-serif;
font-size: clamp(22px, 2.2vw, 30px);
font-weight: 600;
line-height: 1.25;
letter-spacing: -.025em;
color: #b5950a !important;
}
/* TWO CARDS
--------------------------------------------------------- */
.curtin-about-role-row {
align-items: stretch !important;
}
.curtin-about-role-row > .col {
display: flex;
}
.curtin-about-role-row > .col > .col-inner {
width: 100%;
display: flex;
}
.curtin-about-role-card {
width: 100%;
padding: 36px 34px 38px;
border-radius: 22px;
}
/* Curtin card */
.curtin-card-school {
background: #fbfaf8;
border: 1px solid rgba(23,24,28,.13);
}
/* INEC card */
.curtin-card-inec {
background: #fdfaef;
border: 1px solid rgba(181,149,10,.32);
}
/* LABEL */
.curtin-about-role-kicker {
margin: 0;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .09em;
color: #5c6270;
}
.curtin-card-inec .curtin-about-role-kicker {
color: #b5950a;
}
/* CARD TITLE */
.curtin-about-role-card > h3 {
margin: 16px 0 28px !important;
font-family: "Archivo", sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 1.3;
letter-spacing: -.02em;
color: #17181c !important;
}
/* LIST */
.curtin-about-role-list {
display: grid;
gap: 22px;
}
/* ITEM */
.curtin-about-role-item {
display: grid;
grid-template-columns: 34px minmax(0,1fr);
gap: 14px;
align-items: start;
}
/* ICON */
.curtin-about-role-item > .material-symbols-outlined {
margin-top: 1px;
font-size: 21px !important;
line-height: 1.3 !important;
color: #5c6270;
}
.curtin-card-inec
.curtin-about-role-item
> .material-symbols-outlined {
color: #b5950a;
}
/* ITEM TITLE */
.curtin-about-role-item h4 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 17.5px;
font-weight: 700;
line-height: 1.35;
letter-spacing: -.01em;
color: #17181c !important;
}
/* DESCRIPTION */
.curtin-about-role-item p {
margin: 5px 0 0 !important;
font-size: 16px;
line-height: 1.6;
color: #5c6270 !important;
}
/* DISCLAIMER
--------------------------------------------------------- */
.curtin-about-role-note {
max-width: 900px;
margin: 24px 0 0 !important;
font-size: 15.5px;
line-height: 1.7;
color: #8a8f9c !important;
}
/* TABLET
--------------------------------------------------------- */
@media screen and (max-width: 849px) {
.curtin-about-role-heading {
margin-bottom: 30px;
}
.curtin-about-role-row > .col {
display: block;
}
.curtin-about-role-row > .col > .col-inner {
display: block;
}
}
/* MOBILE
--------------------------------------------------------- */
@media screen and (max-width: 549px) {
.curtin-about-role-heading h2 {
font-size: 30px;
}
.curtin-about-role-heading h3 {
font-size: 21px;
}
.curtin-about-role-card {
padding: 28px 22px 30px;
border-radius: 18px;
}
.curtin-about-role-card > h3 {
font-size: 19px;
}
.curtin-about-role-list {
gap: 19px;
}
.curtin-about-role-item {
grid-template-columns: 30px minmax(0,1fr);
gap: 11px;
}
.curtin-about-role-item > .material-symbols-outlined {
font-size: 19px !important;
}
.curtin-about-role-item h4 {
font-size: 16.5px;
}
.curtin-about-role-item p {
font-size: 14.5px;
}
.curtin-about-role-note {
font-size: 14px;
}
}
/* =========================================================
ABOUT - INEC × CURTIN PARTNERSHIP
========================================================= */
.curtin-partner-section {
background: #17181c !important;
color: #fff;
}
.curtin-partner-row {
align-items: center !important;
}
/* =========================================================
LEFT
========================================================= */
.curtin-partner-content {
max-width: 620px;
}
/* KICKER */
.curtin-partner-kicker {
margin: 0;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .09em;
color: #e7c93f;
}
/* HEADING */
.curtin-partner-content h2 {
margin: 16px 0 26px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(30px, 3.2vw, 40px);
font-weight: 800;
line-height: 1.14;
letter-spacing: -.03em;
color: #fff !important;
}
/* BODY */
.curtin-partner-content > p {
max-width: 600px;
margin: 0 0 18px !important;
font-size: 17px;
line-height: 1.7;
color: rgba(255,255,255,.74) !important;
}
/* =========================================================
QUOTE
========================================================= */
.curtin-partner-quote {
display: grid;
gap: 12px;
max-width: 620px;
margin-top: 32px;
padding: 6px 0 6px 26px;
border-left: 2px solid #e7c93f;
}
.curtin-partner-quote > div {
font-size: 18px;
line-height: 1.6;
}
.curtin-partner-muted {
color: rgba(255,255,255,.60);
}
.curtin-partner-question {
color: rgba(255,255,255,.88);
}
.curtin-partner-highlight {
color: #e7c93f;
}
/* =========================================================
CERTIFICATE SLIDER
========================================================= */
.curtin-partner-cert-slider {
position: relative;
width: 100%;
border: 1px solid rgba(255,255,255,.12);
border-radius: 22px;
background: rgba(255,255,255,.06);
overflow: hidden;
}
/* ép toàn slider về tỷ lệ prototype 4:3 */
.curtin-partner-cert-slider .slider,
.curtin-partner-cert-slider .flickity-viewport {
aspect-ratio: 4 / 3;
}
/* mỗi slide */
.curtin-partner-cert-slider .banner,
.curtin-partner-cert-slider .img,
.curtin-partner-cert-slider .img-inner {
height: 100% !important;
}
/* image */
.curtin-partner-cert-slider img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* gradient dưới giống prototype */
.curtin-partner-cert-slider::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100px;
z-index: 2;
pointer-events: none;
background:
linear-gradient(
180deg,
transparent,
rgba(23,24,28,.85)
);
}
/* Caption cố định */
.curtin-partner-cert-slider::before {
content: "Chứng nhận hợp tác tuyển sinh";
position: absolute;
left: 22px;
bottom: 20px;
z-index: 4;
font-family: "IBM Plex Mono", monospace;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
letter-spacing: .04em;
color: rgba(255,255,255,.72);
pointer-events: none;
}
/* =========================================================
FLICKITY DOTS
========================================================= */
.curtin-partner-cert-slider .flickity-page-dots {
position: absolute !important;
left: auto !important;
right: 22px !important;
bottom: 22px !important;
z-index: 5;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* dot thường */
.curtin-partner-cert-slider
.flickity-page-dots
.dot {
width: 8px !important;
height: 8px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: rgba(255,255,255,.40) !important;
opacity: 1 !important;
transition:
width .3s ease,
background .3s ease;
}
/* dot active dạng pill */
.curtin-partner-cert-slider
.flickity-page-dots
.dot.is-selected {
width: 26px !important;
background: #e7c93f !important;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 849px) {
.curtin-partner-content {
max-width: 100%;
margin-bottom: 40px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width: 549px) {
.curtin-partner-content h2 {
font-size: 30px;
}
.curtin-partner-content > p {
font-size: 15.5px;
}
.curtin-partner-quote {
margin-top: 26px;
padding-left: 18px;
}
.curtin-partner-quote > div {
font-size: 16px;
}
.curtin-partner-cert-slider {
border-radius: 18px;
}
.curtin-partner-cert-slider::before {
left: 16px;
bottom: 17px;
font-size: 10.5px;
}
.curtin-partner-cert-slider .flickity-page-dots {
right: 16px !important;
bottom: 18px !important;
gap: 5px;
}
.curtin-partner-cert-slider
.flickity-page-dots
.dot {
width: 6px !important;
height: 6px !important;
}
.curtin-partner-cert-slider
.flickity-page-dots
.dot.is-selected {
width: 20px !important;
}
}
/* =========================================================
ABOUT - INTERNATIONAL CAMPUS PATHWAY
========================================================= */
.curtin-campus-pathway-section {
background: #f4efe4 !important;
}
/* LEFT
--------------------------------------------------------- */
.curtin-campus-pathway-intro {
max-width: 560px;
}
.curtin-campus-pathway-intro h2 {
margin: 0 0 28px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(32px, 3.3vw, 42px);
font-weight: 800;
line-height: 1.16;
letter-spacing: -.03em;
color: #17181c !important;
}
.curtin-campus-pathway-intro h2 span {
display: block;
margin-top: 4px;
color: #b5950a;
}
.curtin-campus-pathway-intro p {
max-width: 540px;
margin: 0 0 24px !important;
font-size: 17px;
line-height: 1.72;
color: #3a3f4a !important;
}
.curtin-campus-pathway-intro p:last-child {
margin-bottom: 0 !important;
}
/* RIGHT
--------------------------------------------------------- */
.curtin-campus-pathway-content {
width: 100%;
max-width: 680px;
margin-left: auto;
}
.curtin-campus-pathway-content > h3 {
max-width: 620px;
margin: 0 0 22px !important;
font-family: "Archivo", sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.015em;
color: #17181c !important;
}
/* ROUTES
--------------------------------------------------------- */
.curtin-campus-route-list {
display: grid;
gap: 14px;
}
.curtin-campus-route {
display: flex;
align-items: center;
gap: 16px;
min-height: 68px;
padding: 16px 24px;
background: #fff;
border: 1px solid rgba(23, 24, 28, .12);
border-radius: 16px;
}
.curtin-campus-route > .material-symbols-outlined {
flex: 0 0 auto;
font-size: 23px !important;
line-height: 1 !important;
color: #b5950a;
}
.curtin-campus-route strong {
font-family: "Archivo", sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
color: #17181c;
}
.curtin-campus-route strong span {
color: #b5950a;
}
/* DESCRIPTION
--------------------------------------------------------- */
.curtin-campus-pathway-desc {
margin: 24px 0 28px !important;
font-size: 16px;
line-height: 1.65;
color: #5c6270 !important;
}
/* NOTE
--------------------------------------------------------- */
.curtin-campus-pathway-note {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
gap: 12px;
align-items: start;
padding-top: 26px;
border-top: 1px solid rgba(23, 24, 28, .12);
}
.curtin-campus-pathway-note > .material-symbols-outlined {
margin-top: 2px;
font-size: 20px !important;
line-height: 1 !important;
color: #8a8f9c;
}
.curtin-campus-pathway-note p {
margin: 0 !important;
font-size: 15px;
line-height: 1.65;
color: #8a8f9c !important;
}
/* BUTTON
--------------------------------------------------------- */
.curtin-campus-pathway-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 28px;
padding: 15px 27px;
background: #b5950a;
border-radius: 999px;
font-family: "Archivo", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
color: #17181c !important;
text-decoration: none !important;
}
.curtin-campus-pathway-button .material-symbols-outlined {
font-size: 18px !important;
line-height: 1 !important;
color: #17181c;
}
.curtin-campus-pathway-button:hover {
background: #e7c93f;
color: #17181c !important;
}
/* TABLET
--------------------------------------------------------- */
@media screen and (max-width: 849px) {
.curtin-campus-pathway-intro {
max-width: 100%;
margin-bottom: 42px;
}
.curtin-campus-pathway-content {
max-width: 100%;
margin-left: 0;
}
}
/* MOBILE
--------------------------------------------------------- */
@media screen and (max-width: 549px) {
.curtin-campus-pathway-intro h2 {
font-size: 30px;
}
.curtin-campus-pathway-intro p {
font-size: 15.5px;
}
.curtin-campus-pathway-content > h3 {
font-size: 17.5px;
}
.curtin-campus-route {
min-height: 62px;
padding: 14px 18px;
border-radius: 14px;
}
.curtin-campus-route strong {
font-size: 16.5px;
}
.curtin-campus-route > .material-symbols-outlined {
font-size: 20px !important;
}
.curtin-campus-pathway-desc {
font-size: 15px;
}
.curtin-campus-pathway-note p {
font-size: 14px;
}
.curtin-campus-pathway-button {
width: 100%;
}
}
/* =========================================================
ABOUT - CURTIN / INEC INFO CARDS
========================================================= */
.curtin-info-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
width: 100%;
}
/* CARD
--------------------------------------------------------- */
.curtin-info-card {
position: relative;
overflow: hidden;
width: 100%;
min-height: 430px;
padding: 30px 34px 28px;
border-radius: 22px;
display: flex;
flex-direction: column;
}
.curtin-info-card-school {
background: #faf8f4;
border: 1px solid rgba(23,24,28,.12);
}
.curtin-info-card-inec {
background: #f6eecd;
border: 1px solid rgba(181,149,10,.5);
}
/* CONTENT
--------------------------------------------------------- */
.curtin-info-card-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
width: 100%;
min-height: 100%;
}
.curtin-info-card h2 {
position: relative;
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: clamp(26px,2.6vw,32px);
font-weight: 800;
line-height: 1.2;
letter-spacing: -.028em;
color: #17181c !important;
}
.curtin-info-card-content > p {
position: relative;
width: 100%;
max-width: 620px;
margin: 14px 0 0 !important;
font-size: 16.5px;
line-height: 1.62;
color: #3a3f4a !important;
}
.curtin-info-card-content > p + p {
margin-top: 10px !important;
}
/* LABEL
--------------------------------------------------------- */
.curtin-info-label {
position: relative;
margin-top: 22px;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .08em;
color: #8a8f9c;
}
.curtin-info-card-inec .curtin-info-label {
color: #8a7207;
}
/* TABLE
--------------------------------------------------------- */
.curtin-info-table {
position: relative;
width: 100%;
max-width: 620px;
margin-top: 14px;
border-top: 1px solid rgba(23,24,28,.10);
}
.curtin-info-row {
display: grid;
grid-template-columns: minmax(110px,184px) minmax(0,1fr);
gap: 6px 20px;
padding: 10px 0;
border-bottom: 1px solid rgba(23,24,28,.10);
}
.curtin-info-row > span {
min-width: 0;
font-size: 15px;
line-height: 1.5;
color: #7a8090;
}
.curtin-info-row > strong {
min-width: 0;
font-size: 15.5px;
font-weight: 600;
line-height: 1.5;
color: #17181c;
}
/* LINK
--------------------------------------------------------- */
.curtin-info-link {
position: relative;
display: inline-flex !important;
align-items: center;
align-self: flex-start;
gap: 9px;
margin-top: auto;
padding-top: 22px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
color: #b5950a !important;
text-decoration: none !important;
}
.curtin-info-link:hover {
color: #8a7207 !important;
text-decoration: underline !important;
}
.curtin-info-link .material-symbols-outlined {
font-size: 18px !important;
line-height: 1 !important;
color: inherit;
}
/* =========================================================
DECORATIVE IMAGE
ĐÚNG CÁCH CỦA PROTOTYPE:
image nằm absolute bên phải, rộng 44%, fade sang trái
========================================================= */
.curtin-info-card-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 44%;
z-index: 1;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-mask-image: linear-gradient(
270deg,
#000 0%,
rgba(0,0,0,.85) 26%,
rgba(0,0,0,.35) 58%,
rgba(0,0,0,0) 88%
);
mask-image: linear-gradient(
270deg,
#000 0%,
rgba(0,0,0,.85) 26%,
rgba(0,0,0,.35) 58%,
rgba(0,0,0,0) 88%
);
pointer-events: none;
}
/* IMAGE URL */
.curtin-info-card-image-school {
background-image: url("https://curtin.edu.vn/wp-content/uploads/2026/08/curtin-front-singapore-science-park-msybdyul-3imw-1-scaled.webp");
}
.curtin-info-card-image-inec {
background-image: url("https://curtin.edu.vn/wp-content/uploads/2026/08/cert-03-excellent-partner-2025.webp");
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 849px) {
.curtin-info-card {
min-height: 0;
}
.curtin-info-card-image {
width: 48%;
opacity: .55;
}
.curtin-info-card-content > p,
.curtin-info-table {
max-width: 58%;
}
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width: 549px) {
.curtin-info-cards {
gap: 18px;
}
.curtin-info-card {
min-height: 0;
padding: 26px 20px 24px;
border-radius: 18px;
}
.curtin-info-card h2 {
font-size: 27px;
}
.curtin-info-card-content > p {
max-width: 100%;
font-size: 15px;
}
.curtin-info-table {
max-width: 100%;
}
.curtin-info-row {
grid-template-columns: 1fr;
gap: 2px;
padding: 10px 0;
}
.curtin-info-row > span {
font-size: 13.5px;
}
.curtin-info-row > strong {
font-size: 14.5px;
}
.curtin-info-link {
margin-top: 0;
font-size: 15px;
}
/* ảnh trở thành watermark nhẹ trên mobile */
.curtin-info-card-image {
width: 100%;
opacity: .10;
-webkit-mask-image: linear-gradient(
180deg,
#000 0%,
rgba(0,0,0,.35) 40%,
rgba(0,0,0,0) 80%
);
mask-image: linear-gradient(
180deg,
#000 0%,
rgba(0,0,0,.35) 40%,
rgba(0,0,0,0) 80%
);
}
}
/* =========================================================
CURTIN NATIVE CHECK CTA
Flatsome native structure
========================================================= */
/* ROW = PANEL */
.curtin-native-check-row {
padding: 60px 64px !important;
background: #17181c;
border-radius: 24px;
box-shadow: 0 24px 55px rgba(23,24,28,.18);
}
/* bỏ khoảng thừa ở column */
.curtin-native-check-row > .col {
padding-bottom: 0 !important;
}
/* =========================================================
LEFT
========================================================= */
.curtin-native-check-intro {
max-width: 520px;
}
.curtin-native-check-intro h2 {
margin: 0 0 20px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(34px,3.5vw,48px);
font-weight: 800;
line-height: 1.05;
letter-spacing: -.035em;
color: #fff !important;
}
.curtin-native-check-intro p {
margin: 0 !important;
font-size: 17px;
line-height: 1.65;
color: rgba(255,255,255,.68) !important;
}
/* =========================================================
CHECKLIST
========================================================= */
.curtin-native-check-list {
display: grid;
gap: 14px;
width: 100%;
margin: 0 0 28px;
padding: 0;
}
.curtin-native-check-item {
position: relative;
margin: 0;
padding: 0 0 0 32px;
font-family: "Archivo", sans-serif;
font-size: 16.5px;
font-weight: 500;
line-height: 1.5;
color: rgba(255,255,255,.84);
}
.curtin-native-check-item::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
width: 20px;
color: #e7c93f;
font-size: 20px;
font-weight: 800;
line-height: 1.25;
}
/* =========================================================
ACTION STACK
========================================================= */
.curtin-native-check-actions {
margin: 0 !important;
}
/* =========================================================
FLATSOME BUTTON
Chỉ tinh chỉnh button native, không dựng lại button
========================================================= */
.curtin-native-check-button.button {
margin: 0 !important;
padding-left: 24px !important;
padding-right: 24px !important;
border-radius: 999px !important;
background: #b5950a !important;
box-shadow: none !important;
font-family: "Archivo", sans-serif;
font-size: 13px;
font-weight: 700;
color: #17181c !important;
}
.curtin-native-check-button.button span {
color: #17181c !important;
}
.curtin-native-check-button.button:hover {
background: #e7c93f !important;
color: #17181c !important;
}
/* =========================================================
NOTE
========================================================= */
.curtin-native-check-note {
max-width: 200px;
padding-left: 10px;
margin: 0 !important;
font-family: "IBM Plex Mono", monospace;
font-size: 10.5px;
font-weight: 500;
line-height: 1.4;
color: rgba(255,255,255,.58);
}
/* Flatsome Text element có thể sinh p */
.curtin-native-check-note p {
margin: 0 !important;
color: inherit !important;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width:849px) {
.curtin-native-check-row {
padding: 44px 38px !important;
}
.curtin-native-check-intro {
max-width: 100%;
margin-bottom: 38px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width:549px) {
.curtin-native-check-row {
padding: 30px 20px !important;
border-radius: 18px;
}
.curtin-native-check-intro h2 {
margin-bottom: 15px !important;
font-size: 30px;
}
.curtin-native-check-intro p {
font-size: 15.5px;
}
.curtin-native-check-list {
gap: 12px;
margin-bottom: 24px;
}
.curtin-native-check-item {
padding-left: 28px;
font-size: 15px;
}
.curtin-native-check-item::before {
font-size: 17px;
}
.curtin-native-check-button.button {
padding-left: 20px !important;
padding-right: 20px !important;
font-size: 12.5px;
}
.curtin-native-check-note {
max-width: 130px;
font-size: 10px;
}
}
/* ============================================================
CURTIN SINGAPORE - ADMISSION PAGE
CLEAN CSS / PREFIX: ctad26
============================================================ */
/* ============================================================
COMMON
============================================================ */
.ctad26-entry *,
.ctad26-pathway *,
.ctad26-process *,
.ctad26-faq-section * {
box-sizing: border-box;
}
/* ============================================================
01 - ĐIỀU KIỆN NHẬP HỌC
============================================================ */
.ctad26-entry {
padding-top: clamp(56px, 7vw, 80px) !important;
padding-bottom: clamp(60px, 7vw, 84px) !important;
background: #17181c !important;
color: #fff;
}
/* width */
.ctad26-entry .section-content > .row {
width: 100% !important;
max-width: 1520px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* kicker */
.ctad26-entry-kicker {
margin: 0;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .08em;
color: #e7c93f;
}
/* H1 */
.ctad26-entry-title {
margin: 14px 0 34px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(28px, 3.4vw, 36px);
font-weight: 700;
line-height: 1.15;
letter-spacing: -.03em;
color: #fff !important;
}
/* 3 columns */
.ctad26-entry-cards {
align-items: stretch !important;
}
.ctad26-entry-cards > .col {
display: flex;
}
.ctad26-entry-cards > .col > .col-inner {
display: flex;
width: 100%;
}
.ctad26-entry-cards > .col > .col-inner > .text {
display: flex;
width: 100%;
}
/* card */
.ctad26-entry-card {
display: flex;
flex-direction: column;
gap: 22px;
width: 100%;
height: 100%;
padding: 32px 30px;
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 20px;
}
/* level title */
.ctad26-entry-level {
margin: 0;
font-family: "IBM Plex Mono", monospace;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
letter-spacing: .08em;
color: #e7c93f;
}
/* yêu cầu */
.ctad26-entry-block {
width: 100%;
}
.ctad26-entry-label {
margin: 0;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .07em;
color: rgba(255, 255, 255, .45);
}
.ctad26-entry-list {
display: grid;
gap: 11px;
margin-top: 12px;
}
/* mỗi yêu cầu */
.ctad26-entry-item {
position: relative;
min-width: 0;
margin: 0;
padding: 0 0 0 30px;
font-size: 15.5px;
line-height: 1.62;
color: rgba(255, 255, 255, .82);
}
/* check icon */
.ctad26-entry-item::before {
content: "✓";
position: absolute;
left: 0;
top: 3px;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 999px;
background: #e7c93f;
color: #17181c;
font-size: 11px;
font-weight: 800;
line-height: 1;
}
/* diploma pathway note */
.ctad26-entry-note {
position: relative;
margin-top: auto;
padding: 16px 18px 16px 48px;
background: rgba(181, 149, 10, .18);
border: 1px solid rgba(231, 201, 63, .25);
border-radius: 14px;
font-size: 14.5px;
line-height: 1.55;
color: #f2e2a8;
}
.ctad26-entry-note::before {
content: "route";
position: absolute;
left: 18px;
top: 17px;
font-family: "Material Symbols Outlined";
font-size: 19px;
font-weight: 400;
line-height: 1;
color: #e7c93f;
}
/* CTA row */
.ctad26-entry-cta-row {
margin-top: 34px !important;
}
.ctad26-entry-cta-row > .col {
padding-bottom: 0 !important;
}
.ctad26-entry-cta-row .col-inner {
text-align: center;
}
/* Flatsome native button */
.ctad26-entry-button.button {
min-height: 0 !important;
margin: 0 !important;
padding: 15px 28px !important;
background: #b5950a !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
color: #17181c !important;
font-family: "Archivo", sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.ctad26-entry-button.button span {
color: #17181c !important;
}
.ctad26-entry-button.button:hover {
background: #e7c93f !important;
color: #17181c !important;
box-shadow: none !important;
}
/* ============================================================
02 - LỘ TRÌNH SINGAPORE → ÚC
============================================================ */
.ctad26-pathway {
padding-top: 80px !important;
padding-bottom: 20px !important;
background: #fbf9f6 !important;
}
.ctad26-pathway .section-content > .row {
width: 100% !important;
max-width: 1520px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* 2 columns */
.ctad26-pathway-row {
align-items: stretch !important;
}
/* LEFT */
.ctad26-pathway-intro {
display: flex;
flex-direction: column;
height: 100%;
}
/* kicker */
.ctad26-pathway-kicker {
display: inline-flex;
align-self: flex-start;
align-items: center;
gap: 8px;
padding: 7px 14px;
background: #f6eecd;
border-radius: 999px;
color: #8a7207;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 700;
line-height: 1;
letter-spacing: .06em;
}
.ctad26-pathway-kicker::before {
content: "flight_takeoff";
font-family: "Material Symbols Outlined";
font-size: 15px;
font-weight: 400;
line-height: 1;
}
/* title */
.ctad26-pathway-intro h2 {
margin: 20px 0 14px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(24px, 3vw, 34px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -.03em;
color: #17181c !important;
}
/* lead */
.ctad26-pathway-intro > p {
margin: 0 !important;
font-size: 16.5px;
line-height: 1.62;
color: #5c6270 !important;
}
/* image */
.ctad26-pathway-photo {
position: relative;
flex: 1;
min-height: 550px;
margin-top: 28px;
overflow: hidden;
background:
url("/wp-content/themes/curtin-flatsome-child/assets/images/truong-dai-hoc-curtin-1024x576-msprj23l-jq0y.webp")
center center / cover no-repeat,
#e9eaee;
border-radius: 20px;
}
/* badge ảnh */
.ctad26-pathway-photo-badge {
position: absolute;
left: 18px;
bottom: 18px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
background: rgba(23, 24, 28, .72);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border-radius: 999px;
color: #fff;
font-family: "Archivo", sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1;
}
.ctad26-pathway-photo-badge::before {
content: "flight_takeoff";
font-family: "Material Symbols Outlined";
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #e7c93f;
}
/* RIGHT */
.ctad26-pathway-stack {
display: grid;
gap: 12px;
}
/* step card */
.ctad26-pathway-step {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 16px;
align-items: start;
padding: 22px 24px;
background: #fff;
border: 1px solid rgba(23, 24, 28, .10);
border-radius: 14px;
}
/* step number */
.ctad26-pathway-number {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
background: #f6eecd;
border-radius: 10px;
color: #8a7207;
font-family: "Archivo", sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1;
}
/* step title */
.ctad26-pathway-step h3 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -.02em;
color: #17181c !important;
}
/* step text */
.ctad26-pathway-step p {
margin: 7px 0 0 !important;
font-size: 15.5px;
line-height: 1.6;
color: #5c6270 !important;
}
/* yellow fit box */
.ctad26-pathway-fit {
margin-top: 6px;
padding: 26px 26px 28px;
background: #f6eecd;
border-radius: 16px;
}
.ctad26-pathway-fit h3 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -.02em;
color: #5b4a05 !important;
}
.ctad26-pathway-fit > p {
margin: 10px 0 16px !important;
font-size: 15.5px;
line-height: 1.62;
color: #5f5210 !important;
}
.ctad26-pathway-fit ul {
list-style: none !important;
display: grid;
gap: 9px;
margin: 0 !important;
padding: 0 !important;
}
.ctad26-pathway-fit li {
position: relative;
margin: 0 !important;
padding: 0 0 0 24px !important;
font-size: 15.5px;
line-height: 1.6;
color: #5f5210;
}
.ctad26-pathway-fit li::before {
content: "•";
position: absolute;
left: 2px;
top: 0;
color: #8a7207;
font-weight: 700;
}
/* ============================================================
03 - QUY TRÌNH NỘP HỒ SƠ
============================================================ */
.ctad26-process {
padding-top: 40px !important;
padding-bottom: 72px !important;
background: #fbf9f6 !important;
}
.ctad26-process .section-content > .row {
width: 100% !important;
max-width: 1520px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* heading */
.ctad26-process-title {
margin: 0 0 28px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(28px, 3.6vw, 40px);
font-weight: 700;
line-height: 1.15;
letter-spacing: -.03em;
color: #17181c !important;
}
/* cards same height */
.ctad26-process-grid {
align-items: stretch !important;
}
.ctad26-process-grid > .col {
display: flex;
}
.ctad26-process-grid > .col > .col-inner {
display: flex;
width: 100%;
}
.ctad26-process-grid > .col > .col-inner > .text {
display: flex;
width: 100%;
}
/* process card */
.ctad26-process-card {
width: 100%;
height: 100%;
padding: 24px;
background: #fff;
border: 1px solid rgba(23, 24, 28, .10);
border-radius: 14px;
}
/* number */
.ctad26-process-number {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: 18px;
background: #f6eecd;
border-radius: 10px;
color: #8a7207;
font-family: "Archivo", sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1;
}
/* process title */
.ctad26-process-card h3 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -.02em;
color: #17181c !important;
}
/* process description */
.ctad26-process-card p {
margin: 8px 0 0 !important;
font-size: 15.5px;
line-height: 1.6;
color: #5c6270 !important;
}
/* ============================================================
04 - FAQ
============================================================ */
.ctad26-faq-section {
padding-top: 0 !important;
padding-bottom: 88px !important;
background: #fbf9f6 !important;
}
/*
* Source gốc: toàn FAQ max-width 1120px.
* Ép chính section-content để không lệch bởi gutter Flatsome.
*/
.ctad26-faq-section .section-content {
width: 100% !important;
max-width: 1120px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
/* reset row */
.ctad26-faq-section .section-content > .row {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* reset Flatsome column gutter */
.ctad26-faq-section .section-content > .row > .col {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* FAQ heading */
.ctad26-faq-title {
margin: 0 0 28px !important;
font-family: "Archivo", sans-serif !important;
font-size: clamp(28px, 3.6vw, 40px) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -.03em !important;
color: #17181c !important;
}
/* accordion container */
.ctad26-faq {
display: grid !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
}
/* each item */
.ctad26-faq .accordion-item {
overflow: hidden !important;
width: 100% !important;
margin: 0 !important;
background: #fff !important;
border: 1px solid rgba(23, 24, 28, .10) !important;
border-radius: 14px !important;
}
/* title */
.ctad26-faq .accordion-title {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 22px 58px 22px 24px !important;
background: transparent !important;
border: 0 !important;
color: #17181c !important;
font-family: "Archivo", sans-serif !important;
font-size: 18.5px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
letter-spacing: -.015em !important;
text-align: left !important;
}
/* disable Flatsome native left chevron */
.ctad26-faq .accordion-title .toggle {
display: none !important;
}
/* plus */
.ctad26-faq .accordion-title::after {
content: "+" !important;
position: absolute !important;
right: 24px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #b5950a !important;
font-family: Arial, sans-serif !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
/* minus when active */
.ctad26-faq .accordion-title.active::after {
content: "−" !important;
}
/* hover/open */
.ctad26-faq .accordion-title:hover,
.ctad26-faq .accordion-title.active {
background: transparent !important;
color: #17181c !important;
}
/* answer */
.ctad26-faq .accordion-inner {
max-width: none !important;
margin: 0 !important;
padding: 0 24px 24px !important;
background: transparent !important;
border: 0 !important;
}
/* content width inside answer */
.ctad26-faq .accordion-inner > * {
max-width: 88ch;
}
/* paragraph */
.ctad26-faq .accordion-inner p {
max-width: 88ch;
margin: 0 0 12px !important;
color: #4a4f5a !important;
font-size: 15.5px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.ctad26-faq .accordion-inner p:last-child {
margin-bottom: 0 !important;
}
/* ============================================================
TABLET
============================================================ */
@media screen and (max-width: 849px) {
/* admission */
.ctad26-entry-card {
padding: 26px 24px;
}
/* pathway */
.ctad26-pathway-intro {
margin-bottom: 32px;
}
/* FAQ */
.ctad26-faq-section .section-content {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
/* ============================================================
MOBILE
============================================================ */
@media screen and (max-width: 549px) {
/* ========================================================
ADMISSION
======================================================== */
.ctad26-entry {
margin-top: 32px !important;
padding-top: 48px !important;
padding-bottom: 56px !important;
}
.ctad26-entry-title {
margin-bottom: 26px !important;
font-size: 30px;
}
.ctad26-entry-card {
padding: 24px 20px;
border-radius: 16px;
}
.ctad26-entry-item {
font-size: 14.5px;
}
.ctad26-entry-note {
padding: 15px 16px 15px 44px;
font-size: 13.5px;
}
.ctad26-entry-note::before {
left: 16px;
}
.ctad26-entry-button.button {
padding: 14px 22px !important;
font-size: 14px !important;
}
/* ========================================================
PATHWAY
======================================================== */
.ctad26-pathway {
padding-top: 56px !important;
}
.ctad26-pathway-intro h2 {
font-size: 28px;
}
.ctad26-pathway-intro > p {
font-size: 15.5px;
}
.ctad26-pathway-photo {
min-height: 220px;
}
.ctad26-pathway-photo-badge {
left: 12px;
bottom: 12px;
padding: 8px 12px;
font-size: 12px;
}
.ctad26-pathway-step {
grid-template-columns: 32px minmax(0, 1fr);
gap: 13px;
padding: 18px 17px;
}
.ctad26-pathway-number {
width: 32px;
height: 32px;
}
.ctad26-pathway-step h3 {
font-size: 17px;
}
.ctad26-pathway-step p {
font-size: 14.5px;
}
.ctad26-pathway-fit {
padding: 22px 18px 24px;
}
.ctad26-pathway-fit h3 {
font-size: 20px;
}
.ctad26-pathway-fit > p,
.ctad26-pathway-fit li {
font-size: 14.5px;
}
/* ========================================================
PROCESS
======================================================== */
.ctad26-process {
padding-top: 32px !important;
padding-bottom: 56px !important;
}
.ctad26-process-title {
margin-bottom: 22px !important;
font-size: 30px;
}
.ctad26-process-card {
padding: 20px;
}
.ctad26-process-card h3 {
font-size: 17px;
}
.ctad26-process-card p {
font-size: 14.5px;
}
/* ========================================================
FAQ
======================================================== */
.ctad26-faq-section {
padding-bottom: 64px !important;
}
.ctad26-faq-section .section-content {
padding-left: 18px !important;
padding-right: 18px !important;
}
.ctad26-faq-title {
margin-bottom: 22px !important;
font-size: 28px !important;
}
.ctad26-faq {
gap: 10px !important;
}
.ctad26-faq .accordion-title {
padding: 18px 48px 18px 18px !important;
font-size: 16.5px !important;
}
.ctad26-faq .accordion-title::after {
right: 18px !important;
font-size: 20px !important;
}
.ctad26-faq .accordion-inner {
padding: 0 18px 20px !important;
}
.ctad26-faq .accordion-inner p {
font-size: 14.5px !important;
}
}
/* ============================================================
CURTIN SINGAPORE - FEES PAGE
CLEAN CSS / PREFIX: ctfee26
============================================================ */
/* ============================================================
COMMON
============================================================ */
.ctfee26-hero *,
.ctfee26-photo-section *,
.ctfee26-summary-section *,
.ctfee26-detail-section * {
box-sizing: border-box;
}
.ctfee26-hero,
.ctfee26-photo-section,
.ctfee26-summary-section,
.ctfee26-detail-section {
background: #fbf9f6 !important;
}
.ctfee26-wide {
width: 100% !important;
max-width: 1520px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* ============================================================
01 - HERO
============================================================ */
.ctfee26-hero {
padding-top: 64px !important;
}
.ctfee26-kicker {
margin: 0;
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .08em;
color: #b5950a;
}
.ctfee26-title {
margin: 14px 0 0 !important;
font-family: "Archivo", sans-serif;
font-size: clamp(44px, 4.8vw, 76px);
font-weight: 800;
line-height: 1;
letter-spacing: -.035em;
color: #17181c !important;
}
.ctfee26-lead {
max-width: 720px;
margin: 22px 0 0 !important;
font-size: 18px;
line-height: 1.62;
color: #4a4f5a !important;
}
/* ============================================================
02 - HERO IMAGE
============================================================ */
.ctfee26-photo-section {
padding-top: 40px !important;
}
.ctfee26-photo {
width: 100%;
aspect-ratio: 21 / 8;
overflow: hidden;
background: #eae6df;
border-radius: 22px;
}
.ctfee26-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* ============================================================
03 - SUMMARY CARDS
============================================================ */
.ctfee26-summary-section {
padding-top: 44px !important;
}
.ctfee26-summary-row {
align-items: stretch !important;
}
.ctfee26-summary-row > .col {
display: flex;
}
.ctfee26-summary-row > .col > .col-inner {
display: flex;
width: 100%;
}
.ctfee26-summary-row > .col > .col-inner > .text {
display: flex;
width: 100%;
}
/* card */
.ctfee26-summary-card {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
height: 100%;
padding: 30px 28px 26px;
background: #fff;
border: 1px solid rgba(23, 24, 28, .12);
border-radius: 18px;
}
/* label */
.ctfee26-summary-label {
font-family: "IBM Plex Mono", monospace;
font-size: 11.5px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .08em;
color: #b5950a;
}
/* large amount */
.ctfee26-summary-value {
font-family: "Archivo", sans-serif;
font-size: clamp(24px, 3vw, 34px);
font-weight: 800;
line-height: 1.05;
letter-spacing: -.03em;
color: #17181c;
}
/* small text */
.ctfee26-summary-note {
font-size: 14px;
line-height: 1.55;
color: #7a8090;
}
/* highlighted total card */
.ctfee26-summary-card-total {
background: #f6eecd;
border-color: rgba(181, 149, 10, .35);
}
.ctfee26-summary-card-total .ctfee26-summary-label {
color: #8a7207;
}
.ctfee26-summary-card-total .ctfee26-summary-value {
color: #5b4a05;
}
.ctfee26-summary-card-total .ctfee26-summary-note {
color: #5f5210;
}
/* exchange rate note */
.ctfee26-rate-note {
margin: 2px 0 0 !important;
font-size: 13px;
line-height: 1.6;
color: #8a8f9c !important;
}
/* ============================================================
04 - DETAILED COST
============================================================ */
.ctfee26-detail-section {
padding-top: 64px !important;
padding-bottom: 88px !important;
}
/* main H2 */
.ctfee26-detail-title {
margin: 0 0 30px !important;
font-family: "Archivo", sans-serif;
font-size: clamp(24px, 3vw, 34px);
font-weight: 700;
line-height: 1.2;
letter-spacing: -.025em;
color: #17181c !important;
}
/* ============================================================
SUBHEADINGS A / B
============================================================ */
.ctfee26-subheading {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 16px;
}
.ctfee26-subheading > span {
flex: 0 0 auto;
font-family: "Archivo", sans-serif;
font-size: 22px;
font-weight: 800;
line-height: 1;
color: #b5950a;
}
.ctfee26-subheading h3 {
margin: 0 !important;
font-family: "Archivo", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.02em;
color: #17181c !important;
}
.ctfee26-subheading-living {
margin-top: 46px;
}
/* ============================================================
TABLE CONTAINER
============================================================ */
.ctfee26-table-wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
background: #fff;
border: 1px solid rgba(23, 24, 28, .12);
border-radius: 16px;
}
/* ============================================================
TABLE
============================================================ */
.ctfee26-table {
width: 100%;
min-width: 680px;
margin: 0 !important;
border: 0 !important;
border-collapse: collapse !important;
background: #fff;
font-size: 14px;
}
/* reset Flatsome table cell styles */
.ctfee26-table th,
.ctfee26-table td {
border-left: 0 !important;
border-right: 0 !important;
text-transform: none !important;
}
/* table header */
.ctfee26-table thead tr {
background: #f6eecd;
}
.ctfee26-table th {
padding: 16px 18px !important;
border-top: 0 !important;
border-bottom: 1px solid rgba(23, 24, 28, .12) !important;
font-family: "Archivo", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
text-align: left;
color: #5b4a05;
}
/* first column wider */
.ctfee26-table th:first-child {
min-width: 320px;
}
.ctfee26-living-table th:first-child {
min-width: 240px;
}
/* prevent numbers breaking */
.ctfee26-table th:nth-child(2),
.ctfee26-table th:nth-child(3) {
white-space: nowrap;
}
/* body rows */
.ctfee26-table tbody tr {
border-bottom: 1px solid rgba(23, 24, 28, .07);
}
.ctfee26-table tbody tr:last-child {
border-bottom: 0;
}
/* body cells */
.ctfee26-table td {
padding: 15px 18px !important;
border-top: 0 !important;
border-bottom: 0 !important;
vertical-align: top;
font-size: 14px;
line-height: 1.5;
color: #4a4f5a;
}
.ctfee26-table td:nth-child(2),
.ctfee26-table td:nth-child(3) {
white-space: nowrap;
}
/* program name */
.ctfee26-table td:first-child strong {
display: block;
font-family: "Archivo", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: #17181c;
}
/* program major */
.ctfee26-table td:first-child em {
display: block;
margin-top: 5px;
font-size: 13.5px;
font-weight: 400;
font-style: italic;
line-height: 1.5;
color: #7a8090;
}
/* living table names */
.ctfee26-living-table td:first-child strong {
font-family: "Archivo", sans-serif;
font-size: 15px;
font-weight: 600;
color: #17181c;
}
/* total living row */
.ctfee26-total-row {
background: #fbfaf7;
}
.ctfee26-total-row td {
color: #17181c !important;
}
/* note under tables */
.ctfee26-table-note {
margin: 14px 0 0 !important;
font-size: 13px;
line-height: 1.6;
color: #8a8f9c !important;
}
/* ============================================================
TABLET
============================================================ */
@media screen and (max-width: 849px) {
.ctfee26-title {
font-size: clamp(42px, 7vw, 60px);
}
.ctfee26-photo {
aspect-ratio: 16 / 7;
}
.ctfee26-summary-card {
padding: 26px 24px 24px;
}
}
/* ============================================================
MOBILE
============================================================ */
@media screen and (max-width: 549px) {
/* HERO */
.ctfee26-hero {
padding-top: 48px !important;
}
.ctfee26-title {
font-size: 40px;
line-height: 1.04;
}
.ctfee26-lead {
margin-top: 18px !important;
font-size: 16px;
}
/* IMAGE */
.ctfee26-photo-section {
padding-top: 30px !important;
}
.ctfee26-photo {
aspect-ratio: 16 / 9;
border-radius: 16px;
}
/* SUMMARY */
.ctfee26-summary-section {
padding-top: 32px !important;
}
.ctfee26-summary-card {
padding: 24px 20px;
border-radius: 16px;
}
.ctfee26-summary-value {
font-size: 28px;
}
.ctfee26-summary-note {
font-size: 13.5px;
}
.ctfee26-rate-note {
font-size: 12px;
}
/* DETAILS */
.ctfee26-detail-section {
padding-top: 48px !important;
padding-bottom: 64px !important;
}
.ctfee26-detail-title {
margin-bottom: 24px !important;
font-size: 28px;
}
.ctfee26-subheading > span {
font-size: 19px;
}
.ctfee26-subheading h3 {
font-size: 21px;
}
.ctfee26-subheading-living {
margin-top: 38px;
}
/* TABLE */
.ctfee26-table-wrap {
border-radius: 14px;
}
.ctfee26-table {
min-width: 650px;
font-size: 13.5px;
}
.ctfee26-table th {
padding: 14px 15px !important;
font-size: 13px;
}
.ctfee26-table td {
padding: 13px 15px !important;
font-size: 13.5px;
}
.ctfee26-table td:first-child strong {
font-size: 14px;
}
.ctfee26-table td:first-child em {
font-size: 12.5px;
}
.ctfee26-table-note {
font-size: 12px;
}
}
/* =========================================================
CURTIN - PARTNER LOGO ROLL
1 row / roll only inside website container
========================================================= */
/* CỬA SỔ
Dùng chính section-content làm container,
không dùng row làm container nữa.
--------------------------------------------------------- */
.curtin-partner-logo-section > .section-content {
width: calc(100% - 40px) !important;
max-width: var(--curtin-max) !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: hidden !important;
}
/* TRACK
--------------------------------------------------------- */
.curtin-partner-logo-section .curtin-partner-logo-track {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
width: max-content !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
animation: curtinPartnerLogoRoll 60s linear infinite;
will-change: transform;
}
/* =========================================================
DESKTOP
6 logo nhìn thấy trong container
========================================================= */
.curtin-partner-logo-track > .col {
flex: 0 0 calc(min(1520px, calc(100vw - 40px)) / 6) !important;
width: calc(min(1520px, calc(100vw - 40px)) / 6) !important;
max-width: none !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 0 !important;
}
/* Hình ảnh */
.curtin-partner-logo-track .img {
margin: 0 !important;
}
/* =========================================================
LOOP
Vì bộ 12 logo đã được duplicate thành 24,
-50% chính xác bằng chiều dài 1 bộ.
========================================================= */
@keyframes curtinPartnerLogoRoll {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
/* =========================================================
TABLET
4 logo nhìn thấy
========================================================= */
@media screen and (max-width: 849px) {
.curtin-partner-logo-track > .col {
flex-basis: calc((100vw - 40px) / 4) !important;
width: calc((100vw - 40px) / 4) !important;
}
}
/* =========================================================
MOBILE
2 logo nhìn thấy
========================================================= */
@media screen and (max-width: 549px) {
.curtin-partner-logo-section > .section-content {
width: calc(100% - 24px) !important;
}
.curtin-partner-logo-track > .col {
flex-basis: calc((100vw - 24px) / 2) !important;
width: calc((100vw - 24px) / 2) !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
}
/* Desktop hover = pause */
@media (hover: hover) {
.curtin-partner-logo-section:hover
.curtin-partner-logo-track {
animation-play-state: paused;
}
}