#progressBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0%;
  background: linear-gradient(135deg, #1b6fff,  #3b89ff);
  z-index: 9999; }
.contact-hero {
    padding: 140px 8% 100px;
    text-align: center;
    display: flex;
    overflow: hidden;
    position: relative;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(1, 119, 191, 0.12)); }
.contact-hero::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    left: auto;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(1, 119, 191, 0.10) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0; }
.contact-tag {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 1px;
    color: #2B7CFF;
    font-size: 20px;
    font-weight: 700; }
.contact-title {
    font-size: 60px;
    line-height: 0.95;
    font-weight: 900;
    margin-bottom: 25px;  }
.outline-text { color: transparent;  -webkit-text-stroke: 2px #000; }
.filled-black { color: #1a1a1a; }
.outline-orange {  color: transparent;  -webkit-text-stroke: 2px #ED1B24; }
.filled-orange {  color: #2B7CFF; }
.hero-content-heading {
    opacity: 0;
    transform: translate3d(0, 70px, 0) scale(0.95);
    filter: blur(10px);
    transition:
        opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),
        transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),
        filter 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.hero-content-heading.active { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
.contact-description{ max-width:650px; margin:0 auto; font-size:18px; line-height:1.7; color:#666; }
@media (max-width: 1200px) {
    .contact-hero { padding:120px 6% 90px; }
    .contact-title { font-size:52px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .contact-description { font-size:17px; max-width:620px; }
    .contact-hero::before { width:420px; height:420px; } }
@media (max-width: 992px) {
    .contact-hero { padding:110px 5% 80px; }
    .contact-title{  font-size:46px;  line-height:1; }
    .contact-tag { font-size:18px; }
    .contact-description{ font-size:16px; max-width:560px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a;}
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .contact-hero::before { width:360px; height:360px; top:-60px; right:-60px; } }
@media (max-width:768px){
    .contact-hero { padding:100px 5% 70px; }
    .contact-tag { font-size:17px; margin-bottom:16px; }
    .contact-title{ font-size:40px; margin-bottom:20px; }
    .contact-description{ font-size:16px; max-width:100%; line-height:1.7; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a;}
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .contact-hero::before{ width:300px; height:300px; opacity:.8; } }
@media (max-width:576px){
    .contact-hero { padding:90px 20px 60px; }
    .contact-tag { font-size:15px; letter-spacing:.5px; }
    .contact-title { font-size:34px; line-height:1.08; margin-bottom:18px; }
    .contact-description { font-size:15px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a;}
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .contact-hero::before { width:220px; height:220px; top:-40px;  right:-40px; } }
@media (max-width:430px){
    .contact-hero{ padding:80px 18px 55px; }
    .contact-tag{  font-size:14px; }
    .contact-title{ font-size:30px; }
    .contact-description{ font-size:14px; line-height:1.6; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a;}
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media (max-width:360px){
    .contact-hero { padding:75px 16px 50px; }
    .contact-title { font-size:26px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a;}
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .contact-tag { font-size:13px; }
    .contact-description { font-size:13px; } 
}
.blog-filter { margin-top:-35px; position:relative; z-index:5; }
.filter-wrapper {  background:#fff; border-radius:20px; padding:25px; box-shadow: 0 15px 45px rgba(0,0,0,.06); }
.search-box{ position:relative;}
.search-box i{ position:absolute; left:20px; top:50%; transform:translateY(-50%); color:#2B7CFF;  }
.search-box input{ padding-left:52px; height:58px; border-radius:14px; border:1px solid #e6e6e6; }
.form-select { height:58px; border-radius:14px; border:1px solid #e6e6e6; }
.filter-btn{
    height:58px;
    background: linear-gradient(135deg, #1b6fff, #3b89ff);
    color: white;
    box-shadow: 0 0 20px rgba(59, 137, 255, .45);
    text-decoration: none;
    border-radius: 30px;
    font-weight:600;
    transition:.35s; }
.filter-btn:hover { transform: translateY(-3px);   box-shadow: 0 10px 25px rgba(59, 137, 255, .7); color: white;  }
@media (max-width:1200px){
    .blog-filter { margin-top:-30px; }
    .filter-wrapper { padding:22px; } }
@media (max-width:992px){
    .blog-filter { margin-top:-25px; }
    .filter-wrapper{ padding:20px;  border-radius:18px; }
    .filter-btn { border-radius:14px; } }
@media (max-width:768px){
    .blog-filter { margin-top:0; padding:0 20px; }
    .filter-wrapper { padding:20px; border-radius:18px; }
    .search-box input,
    .form-select,
    .filter-btn { height:55px; }
    .search-box i { left:18px; font-size:16px; }
    .search-box input { padding-left:48px; } }
@media (max-width:576px){
    .blog-filter { padding:0 16px; }
    .filter-wrapper { padding:18px; border-radius:16px; }
    .search-box input,
    .form-select,
    .filter-btn { height:52px; font-size:15px; }
    .filter-btn { width:100%; }
    .search-box i { left:16px; } }
@media (max-width:430px){
    .blog-filter { padding:0 12px; }
    .filter-wrapper { padding:15px; border-radius:14px; }
    .search-box input,
    .form-select,
    .filter-btn { height:50px; border-radius:12px; }
    .filter-btn { font-size:14px; } }
@media (max-width:360px) {
    .filter-wrapper { padding:12px; }
    .search-box input,
    .form-select,
    .filter-btn { height:48px; }
    .search-box input { font-size:13px; } 
}
.featured-blog { padding:80px 0; }
.featured-row { column-gap:60px; }
.featured-image-col { flex:0 0 auto; width:45%; }
.featured-content-col { flex:0 0 auto; width:45%; }
.featured-card { display:block; text-decoration:none; color:#111; height:100%; }
.featured-image{
    width:100%;
    max-width:540px;
    margin:auto;
    overflow:hidden;
    border-radius:28px; }
.featured-image img{
    width:100%;
    height:350px;
    object-fit:cover;
    display:block; }
.featured-tag {
    display:inline-block;
    color:#2B7CFF; 
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px; }
.featured-title {
    font-size:30px;
    line-height:1.15;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:15px; }
.featured-card p {
    font-size:17px;
    line-height:1.7;
    color:#666;
    max-width:600px;
    margin-bottom:20px; }
.featured-meta {
    color:#777;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:8px; }
.featured-meta i { color:#2B7CFF; }
.featured-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:20px;
    padding:9px 18px;
    background: linear-gradient(135deg, #1b6fff, #3b89ff);
    color: white;
    box-shadow: 0 0 20px rgba(59, 137, 255, .45);
    border-radius:25px;
    font-size:14px;
    font-weight:600;
    transition:.3s ease; }
.featured-link i { font-size:13px; }
.featured-link:hover{
     transform: translateY(-3px);   box-shadow: 0 10px 25px rgba(59, 137, 255, .7); color: white;  }

/* =========================
   FEATURED CAROUSEL
========================= */

.featured-slider { overflow:hidden; }

/* Each slide */
.featured-slide{
    height:auto;
    overflow:hidden; }

/* Controls */
.featured-controls{
    margin-top:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px; }

/* Arrow Buttons */
.featured-controls button{
    width:42px;
    height:42px;
    border-radius:50%;
    border:none;
    background: linear-gradient(135deg, #1b6fff, #3b89ff);
    color: white;
    box-shadow: 0 0 20px rgba(59, 137, 255, .45);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s ease; }
.featured-controls button:hover{
    box-shadow: 0 10px 25px rgba(59, 137, 255, .7); color: white; }

/* Pagination dots */
.featured-pagination{
    display:flex;
    align-items:center;
    gap:8px; }
/* Swiper bullets */
.featured-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#ccc;
    opacity:1; }
.featured-pagination .swiper-pagination-bullet-active{
    width:25px;
    border-radius:10px;
    background:#2B7CFF; }
@media(max-width:991px){
    .featured-blog { padding:60px 0; }
    .featured-row { column-gap:0; }
    .featured-image-col,
    .featured-content-col { width:100%; }
    .featured-image { max-width:100%; margin-bottom:30px; }
    .featured-image img { height:300px; }
    .featured-title {font-size:26px; }
    .featured-card p { font-size:16px; } }
@media(max-width:576px){
    .featured-blog { padding:50px 0; }
    .featured-image img { height:250px; }
    .featured-title { font-size:24px; line-height:1.25; }
    .featured-tag { font-size:12px; }
    .featured-card p { font-size:15px; }
    .featured-link { padding:8px 16px; font-size:13px; }
    .featured-controls { margin-top:30px; gap:15px; }
    .featured-controls button { width:38px; height:38px; } }
@media(max-width:375px){
    .featured-blog { padding:40px 0; }
    .featured-image { border-radius:20px; }
    .featured-image img { height:220px; }
    .featured-tag { font-size:11px; margin-bottom:15px; letter-spacing:.8px; }
    .featured-title { font-size:22px; line-height:1.25; margin-bottom:12px; }
    .featured-card p { font-size:15px; line-height:1.6; margin-bottom:18px; }
    .featured-meta { font-size:13px; gap:6px; }
    .featured-link { padding:8px 15px; font-size:12px; margin-top:15px; }
    .featured-link i { font-size:11px; }
    .featured-controls { margin-top:25px; gap:12px; }
    .featured-controls button { width:34px; height:34px; font-size:12px; }
    .featured-pagination { gap:5px; }
    .featured-pagination .swiper-pagination-bullet { width:7px; height:7px; }
    .featured-pagination .swiper-pagination-bullet-active { width:20px; }
}
.blog-grid {padding:80px 0; }
.blog-card {
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    height:100%;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.35s ease; }
.blog-card:hover { transform:translateY(-8px); box-shadow:0 15px 45px rgba(0,0,0,.14); }
.blog-image { width:100%; height:250px; overflow:hidden; }
.blog-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s ease; }
.blog-card:hover .blog-img { transform:scale(1.08); }
.blog-content { padding:25px; }
.blog-category {
    display:inline-block;
    color:#2B7CFF;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:15px; }
.blog-title { margin-bottom:15px; }
.blog-title a {
    text-decoration:none;
    color:#111;
    font-size:26px;
    line-height:1.25;
    font-weight:700;
    display:block;
    transition:.3s ease; }
.blog-title a:hover { color:#2B7CFF; }
.blog-description{
    color:#666;
    font-size:15px;
    line-height:1.7;
    margin-bottom:20px; }
.blog-meta {
    display:flex;
    align-items:center;
    gap:8px;
    color:#777;
    font-size:14px;
    margin-bottom:20px; }
.blog-meta i { color:#2B7CFF; }
.blog-read {
    display:inline-flex;
    align-items:center;
    gap:7px;
    text-decoration:none;
    color:#2B7CFF;
    font-size:14px;
    font-weight:600;
    transition:.3s ease; }
.blog-read i { font-size:13px; transition:.3s ease; }
.blog-read:hover { color:#111; }
.blog-read:hover i { transform:translateX(5px); }

/* =========================
   PAGINATION
========================= */

.blog-pagination { display:flex; justify-content:center; }
@media(max-width:991px){
    .blog-grid { padding:60px 0;}
    .blog-image { height:230px; }
    .blog-title a {font-size:20px; } }
@media(max-width:576px) {
    .blog-grid { padding:50px 0; }
    .blog-image { height:220px; }
    .blog-content { padding:20px; }
    .blog-title a { font-size:19px; }
    .blog-description { font-size:14px; } }
@media(max-width:375px) {
    .blog-image{ height:200px; }
    .blog-content { padding:18px; }
    .blog-title a { font-size:18px; }
    .blog-category { font-size:11px; } }