:root{--navy:#032e64;--navy-dark:#021d42;--navy-light:#0a4a8a;--orange:#e58200;--orange-light:#f59e1b;--blue-light:#2cb2ff;--white:#ffffff;--off-white:#f7f8fa;--gray-100:#f0f2f5;--gray-200:#e4e7ec;--gray-400:#98a2b3;--gray-600:#667085;--gray-800:#1d2939;--text:#344054;--shadow-sm:0 1px 3px rgba(3,46,100,.08);--shadow-md:0 4px 16px rgba(3,46,100,.10);--shadow-lg:0 8px 32px rgba(3,46,100,.12);--radius:12px;--radius-sm:8px;--transition:.25s cubic-bezier(.4,0,.2,1)}
.ref-banner .breadcrumbs li:last-child::after{display:none}
.fullwidthbanner-container .owl-carousel .owl-stage-outer,.ref-banner{overflow:hidden}
.ref-banner{background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 60%,var(--navy-light) 100%);padding:40px 0 45px;text-align:left;position:relative}
.ref-banner::before{content:"";position:absolute;top:-60px;right:-40px;width:250px;height:250px;background:rgba(229,130,0,.06);border-radius:50%}
.ref-banner .breadcrumbs{padding:0;margin:0 0 12px;position:relative;z-index:1}
.ref-banner .breadcrumbs li{float:left;color:rgba(255,255,255,.4);font-size:13px}
.ref-banner .breadcrumbs li::after{content:"/";margin:0 5px;color:rgba(255,255,255,.3)}
.ref-banner .breadcrumbs li:last-child{pointer-events:none}
.ref-banner .breadcrumbs li a{color:rgba(255,255,255,.6);font-size:13px}
.ref-banner .breadcrumbs li a:hover{color:var(--orange)}
.ref-banner .breadcrumbs li:first-child a::before{content:"";font-family:FontAwesome,sans-serif;margin-right:5px}
.ref-banner-subtitle,.ref-banner-title{letter-spacing:.5px;text-transform:uppercase}
.ref-banner-title{color:var(--white)!important;font-size:26px!important;font-weight:800!important;margin:0 0 10px!important;line-height:1.3}
.ref-banner-subtitle{color:var(--blue-light)!important;font-size:14px;font-weight:600;margin:0 0 24px!important}
.ref-stats{display:flex;justify-content:center;gap:60px;margin-bottom:24px;flex-wrap:wrap}
.ref-banner .ref-hero-text,.ref-banner .ref-stats,.ref-stat-item{text-align:center}
.ref-stat-number{display:block;font-size:48px;font-weight:800;color:var(--orange);line-height:1.1}
.ref-stat-label{display:block;font-size:14px;font-weight:600;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px;margin-top:6px}
.ref-hero-text{color:rgba(255,255,255,.55);font-size:15px;max-width:700px;margin:0 auto;line-height:1.7}
.ref-dropdown-wrap{text-align:center;margin-bottom:40px}
.ref-dropdown{display:inline-block;padding:12px 44px 12px 20px;font-size:15px;font-weight:600;color:var(--gray-800);border:2px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23032e64' stroke-width='2' fill='none'/%3E%3C/svg%3E")right 16px center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-width:280px;transition:all var(--transition)}
.ref-dropdown:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(3,46,100,.1)}
.ref-dropdown:hover,.ref-filter-btn.active{border-color:var(--navy)}
@media (max-width:480px) {
.ref-dropdown{width:100%;min-width:0}
}
.ref-filter{display:none!important}
.ref-filter-btn{display:none}
.ref-filter-btn.active{background:var(--navy);color:var(--white)}
.ref-filter-count{display:inline-block;background:rgba(0,0,0,.1);color:inherit;font-size:11px;padding:1px 7px;border-radius:10px;margin-left:4px}
.ref-filter-btn.active .ref-filter-count{background:rgba(255,255,255,.2)}
.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:0;margin:0}
.ref-grid,.ref-grid-item{list-style:none}
.ref-card,.ref-card-img img{transition:all var(--transition)}
.ref-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;height:100%}
.ref-card:hover{border-color:var(--navy);box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ref-card-img{min-height:120px;background:var(--white)}
.ref-card-img img{filter:grayscale(30%)}
.ref-card:hover .ref-card-img img{filter:grayscale(0%);transform:scale(1.05)}
.ref-card-info{text-align:center;border-top:1px solid var(--gray-100);padding:12px 16px 14px}
.ref-card-name{display:block;font-size:13px;font-weight:700;color:var(--gray-800);margin-bottom:2px;text-transform:capitalize}
.ref-card-sector{display:block;font-size:11px;color:var(--gray-400);font-weight:500}
@media (max-width:991px) {
.ref-banner{padding:30px 0}
.ref-banner-title{font-size:20px!important;margin-bottom:8px!important}
.ref-banner-subtitle{font-size:12px}
.ref-stats{gap:40px}
.ref-stat-number{font-size:40px}
.ref-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
}
@media (max-width:767px) {
.ref-banner{padding:30px 0 25px}
.ref-banner-title{font-size:22px!important;margin-bottom:20px!important}
.ref-stats{gap:30px}
.ref-stat-number{font-size:36px}
.ref-stat-label{font-size:12px}
.ref-hero-text{font-size:13px;padding:0 16px}
.ref-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.ref-card-img{padding:14px;min-height:90px}
.ref-card-img img{max-height:60px}
.ref-card-info{padding:8px 10px 10px}
.ref-card-name{font-size:12px}
}
@media (max-width:480px) {
.ref-banner-title{font-size:19px!important}
.ref-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.ref-stat-number{font-size:32px}
.ref-card-img{padding:12px;min-height:75px}
.ref-card-img img{max-height:50px}
}
.ref-card{position:relative}
.ref-card-desc{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(3,46,100,.95)0,rgba(3,46,100,.85) 100%);padding:16px;opacity:0;transform:translateY(8px);transition:all .3s ease;pointer-events:none;border-radius:0 0 var(--radius) var(--radius)}
.ref-card:hover .ref-card-desc{transform:translateY(0)}
.ref-sector-group{margin-bottom:40px}
.ref-sector-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--gray-200)}
.ref-sector-title{font-size:18px!important;font-weight:800!important;color:var(--navy)!important;margin:0!important;text-transform:uppercase;letter-spacing:.3px;position:relative;padding-left:14px}
.ref-sector-title::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;background:var(--orange);border-radius:4px}
.ref-sector-count{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:var(--white);font-size:12px;font-weight:700;min-width:28px;height:28px;border-radius:14px;padding:0 10px}
@media (max-width:767px) {
.ref-sector-group{margin-bottom:30px}
.ref-sector-title{font-size:15px!important}
.ref-sector-header{margin-bottom:14px;padding-bottom:10px}
}
.ref-card-desc p{color:rgba(255,255,255,.9);font-size:12px;line-height:1.6;margin:0}
.ref-list-container{max-width:900px;margin:0 auto}
.ref-row{display:flex;align-items:center;gap:28px;padding:24px 0;border-bottom:1px solid var(--gray-200);transition:all .25s ease}
.ref-row:last-child{border-bottom:none}
.ref-row:hover{padding-left:6px;background:rgba(44,178,255,.02)}
.ref-row-logo{flex-shrink:0;width:120px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:12px;transition:all .25s ease}
.blog-card:hover,.ref-row:hover .ref-row-logo{border-color:var(--blue-light);box-shadow:var(--shadow-sm)}
.ref-row-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(20%);opacity:.85;transition:all .25s ease}
.ref-row:hover .ref-row-logo img{filter:grayscale(0%);opacity:1}
.ref-row-info{flex:1}
.ref-row-name{font-size:16px!important;font-weight:700!important;color:var(--navy)!important;margin:0 0 4px!important;text-transform:capitalize}
.ref-row-sector{display:inline-block;font-size:11px;font-weight:600;color:var(--blue-light);background:rgba(44,178,255,.08);padding:2px 10px;border-radius:10px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.ref-row-desc{font-size:14px;line-height:1.7;color:var(--gray-600);margin:0}
@media (max-width:767px) {
.ref-row{gap:16px;padding:18px 0}
.ref-row-logo{width:80px;height:60px;padding:8px}
.ref-row-name{font-size:14px!important}
.ref-row-desc{font-size:13px}
}
@media (max-width:480px) {
.ref-row{flex-direction:column;align-items:flex-start;gap:10px}
.ref-row-logo{width:100px;height:65px}
}
.ref-icerik-wrap{max-width:1100px;margin:0 auto;background:0 0}
.ref-intro{margin:0 0 40px;padding:24px 28px;background:linear-gradient(135deg,rgba(3,46,100,.03),rgba(44,178,255,.03));border-left:4px solid #032e64;border-radius:0 10px 10px 0}
.ref-intro-text{font-size:15.5px;line-height:1.85;color:#334155;margin:0 0 12px}
.ref-intro-text:last-child{margin-bottom:0}
.ref-intro-slogan{font-size:13px;letter-spacing:2px;font-weight:800;color:#032e64;text-align:center;text-transform:uppercase;margin:16px 0 0;padding-top:14px;border-top:1px solid #e2e8f0}
.ref-closing-note{font-size:14px;color:#64748b;text-align:center;padding:20px 0;margin:32px auto 24px!important;border-top:1px dashed #cbd5e0;border-bottom:1px dashed #cbd5e0;max-width:700px;font-style:italic;letter-spacing:.2px}
.ref-section-title{position:relative;margin:64px 0 28px!important;text-align:center;padding:0!important;border:0!important}
.ref-section-title>span{display:inline-flex;align-items:center;gap:18px;padding:14px 36px;background:linear-gradient(135deg,#032e64 0,#0a4180 50%,#032e64 100%);color:#fff!important;font-size:14px!important;font-weight:800!important;letter-spacing:4px!important;text-transform:uppercase;border-radius:4px;box-shadow:0 8px 24px rgba(3,46,100,.22),0 2px 6px rgba(3,46,100,.15),inset 0 1px 0 rgba(255,255,255,.12);text-shadow:0 1px 2px rgba(0,0,0,.15);position:relative;z-index:1}
.ref-section-title>span::after,.ref-section-title>span::before{content:"";width:8px;height:8px;background:#e58200;transform:rotate(45deg);box-shadow:0 0 0 3px rgba(229,130,0,.18);flex-shrink:0}
.ref-section-title::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,#cbd5e0 25%,#cbd5e0 75%,transparent 100%);z-index:0}
.ref-section-title:first-child,.ref-section-title:first-of-type{margin-top:32px!important}
article.ref-card.ref-card--gallery{display:block!important;width:100%!important;flex-direction:unset!important;gap:0!important}
article.ref-card.ref-card--gallery>.ref-card-body{order:unset!important;width:100%!important;flex:unset!important;display:block!important;margin-bottom:18px}
article.ref-card.ref-card--gallery>.ref-card-imgs,article.ref-card.ref-card--gallery>div.ref-card-imgs{order:unset!important;flex:none!important;width:100%!important;max-width:100%!important;display:grid!important;flex-wrap:unset!important;gap:14px!important;align-items:stretch!important;justify-items:stretch!important;padding:20px!important;background:#fafbfd!important;border-radius:10px!important;border:1px solid #eef1f6!important;min-height:0!important;box-sizing:border-box!important}
article.ref-card--gallery>.ref-card-imgs--n3{grid-template-columns:repeat(3,1fr)!important}
article.ref-card--gallery>.ref-card-imgs--n4{grid-template-columns:repeat(2,1fr)!important}
article.ref-card--gallery>.ref-card-imgs--n5,article.ref-card--gallery>.ref-card-imgs--n6{grid-template-columns:repeat(3,1fr)!important}
article.ref-card--gallery>.ref-card-imgs--n7,article.ref-card--gallery>.ref-card-imgs--n8{grid-template-columns:repeat(4,1fr)!important}
article.ref-card--gallery .ref-card-img{flex:unset!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:130px!important;height:130px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
article.ref-card--gallery .ref-card-img img{max-width:100%!important;max-height:94px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;opacity:1!important}
@media (max-width:767px) {
.ref-section-title{margin:44px 0 20px!important}
.ref-section-title>span{padding:10px 20px;font-size:12px!important;letter-spacing:2.5px!important;gap:12px}
.ref-section-title>span::after,.ref-section-title>span::before{width:6px;height:6px}
.ref-intro{padding:18px 20px;margin-bottom:28px}
.ref-intro-text{font-size:14.5px;line-height:1.75}
article.ref-card--gallery>.ref-card-imgs{padding:12px!important;gap:10px!important}
article.ref-card--gallery>.ref-card-imgs--n3,article.ref-card--gallery>.ref-card-imgs--n4,article.ref-card--gallery>.ref-card-imgs--n5,article.ref-card--gallery>.ref-card-imgs--n6,article.ref-card--gallery>.ref-card-imgs--n7,article.ref-card--gallery>.ref-card-imgs--n8{grid-template-columns:repeat(2,1fr)!important}
article.ref-card--gallery .ref-card-img{min-height:95px!important;height:95px!important;padding:12px!important}
article.ref-card--gallery .ref-card-img img{max-height:68px!important}
}
.ref-cards{display:block}
.ref-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:28px;padding:24px;margin-bottom:16px;background:#fff!important;border:1px solid #d0d7e2!important;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:none!important}
.ref-card:hover,.ref-card:hover .ref-card-img,.ref-card:hover .ref-card-img img{color:inherit!important}
.ref-card:hover,.ref-card:hover .ref-card-badge,.ref-card:hover .ref-card-desc,.ref-card:hover .ref-card-img,.ref-card:hover .ref-card-img img{background:#fff!important;border-color:#d0d7e2!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important;transform:none!important;filter:none!important;opacity:1!important}
.ref-card:hover .ref-card-desc{color:#0f172a!important}
.ref-card:hover .ref-card-badge{color:#fff!important;background:#032e64!important}
.ref-card>.ref-card-imgs{flex:0 0 200px!important;width:200px!important;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:flex-start;align-self:flex-start;order:0!important}
.ref-card-img{flex:1 1 auto;min-width:88px;max-width:100%;display:flex;align-items:center;justify-content:center;padding:6px;background:#fff;border-radius:6px}
.ref-card-img img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;opacity:1!important;filter:none!important}
.ref-card>.ref-card-body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:10px;order:1!important;min-width:0}
.ref-card .ref-card-badge,.ref-card .ref-card-desc{opacity:1!important;visibility:visible!important;text-shadow:none!important}
.ref-card .ref-card-badge{display:inline-block!important;align-self:flex-start!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.2px!important;text-transform:uppercase!important;color:#fff!important;background:#032e64!important;padding:6px 14px!important;border-radius:999px!important;line-height:1.2!important}
.ref-card .ref-card-desc{font-size:15.5px!important;line-height:1.8!important;color:#334155!important;margin:0!important;font-weight:400!important;background:0 0!important;padding:0 0 0 16px!important;border-left:2px solid #e2e8f0!important;text-align:left!important;display:block!important;letter-spacing:.1px!important;position:relative!important}
.ref-card .ref-card-desc .rf-firm{color:#032e64!important;font-weight:700!important;letter-spacing:.3px!important;background:linear-gradient(transparent 60%,rgba(44,178,255,.18) 60%)!important;padding:0 2px!important}
.ref-card .ref-card-desc .rf-key{color:#0f172a!important;font-weight:600!important;font-style:normal!important;background:0 0!important;border-bottom:1.5px dotted #e58200!important;padding-bottom:1px!important}
.ref-card .ref-card-desc::first-letter{font-weight:600;color:#032e64;font-size:1.05em}
@media (max-width:991px) {
.ref-card{gap:20px;padding:20px}
.ref-card>.ref-card-imgs{flex:0 0 170px!important;width:170px!important}
.ref-card-img img{max-height:64px}
}
@media (max-width:767px) {
.ref-card{flex-direction:column!important;gap:14px;padding:16px}
.ref-card>.ref-card-imgs{flex:0 0 auto!important;width:100%!important;justify-content:flex-start}
.ref-card-img{min-width:72px}
.ref-card-img img{max-height:54px}
.ref-card .ref-card-badge{font-size:10px!important;padding:5px 12px!important;letter-spacing:1px!important}
.ref-card .ref-card-desc{font-size:14.5px!important;line-height:1.7!important}
}