/*==================================================
  VARIABLES
==================================================*/

:root{
    --primary:#c8102e;
    --dark:#111111;
    --light:#f8f9fa;
    --text:#555555;
    --white:#ffffff;

    --radius:12px;
    --shadow:0 10px 25px rgba(0,0,0,.08);
}

/*==================================================
  GLOBAL
==================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

section{
    padding:70px 0;
}

h1,h2,h3,h4,h5,h6{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    color:#111;
}

/*==================================================
  PRELOADER
==================================================*/

#preloader{

    position:fixed;
    inset:0;
    background:#fff;
    z-index:99999;

    display:flex;
    justify-content:center;
    align-items:center;

}

.loader{

    text-align:center;

}

.loader img{

    width:130px;

    margin:auto;

}

.loader-line{

    width:120px;
    height:4px;
    background:var(--primary);
    margin:20px auto 0;

    animation:loading 1.2s infinite;

}

@keyframes loading{

0%{width:0;}

100%{width:120px;}

}

/*==================================================
 TOP BAR
==================================================*/

.top-bar{

    background:#111;

    color:#fff;

    font-size:13px;

    padding:6px 0;

}

.top-info{

    display:flex;

    gap:20px;

}

.top-info span{

    display:flex;

    align-items:center;

}

.top-info i{

    color:var(--primary);

    margin-right:8px;

}

.top-social{

    display:flex;

    justify-content:flex-end;

    gap:15px;

}

.top-social a{

    color:#fff;

    transition:.3s;

}

.top-social a:hover{

    color:var(--primary);

}

/*==================================================
 NAVBAR
==================================================*/

.navbar{

    background:#fff;

    padding:10px 0;

    position:sticky;

    top:0;

    z-index:999;

    transition:.35s;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

}

.navbar-brand img{

    height:48px;

    width:auto;

}

.navbar-nav{

    align-items:center;

}

.navbar-nav .nav-link{

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    color:#222;

    margin-left:14px;

    position:relative;

    transition:.3s;

}

.navbar-nav .nav-link:hover,

.navbar-nav .nav-link.active{

    color:var(--primary);

}

.navbar-nav .nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:var(--primary);

    transition:.3s;

}

.navbar-nav .nav-link:hover::after,

.navbar-nav .nav-link.active::after{

    width:100%;

}

/*==================================================
 DROPDOWN
==================================================*/

.dropdown-menu{

    border:none;

    border-radius:12px;

    box-shadow:var(--shadow);

    padding:10px;

}

.dropdown-item{

    padding:10px 16px;

    border-radius:8px;

    transition:.3s;

}

.dropdown-item:hover{

    background:#f4f4f4;

    color:var(--primary);

}

/*==================================================
 BUTTONS
==================================================*/

.btn-main{

    background:var(--primary);

    color:#fff;

    padding:10px 24px;

    border-radius:8px;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.btn-main:hover{

    background:#a50024;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(200,16,46,.30);

}

.btn-outline-light{

    padding:10px 24px;

    border-radius:8px;

    font-size:15px;

}

/*==================================================
 HERO
==================================================*/

.hero{

    min-height:78vh;

    display:flex;

    align-items:center;

    background:

    linear-gradient(rgba(10,10,10,.50),rgba(10,10,10,.50)),

    url("../images/hero/hero-bg.png");

    background-size:cover;

    background-position:center;

    padding:60px 0;

}

.hero-tag{

    display:inline-block;

    background:rgba(255,255,255,.12);

    color:#fff;

    padding:7px 18px;

    border-radius:30px;

    font-size:13px;

    margin-bottom:20px;

}

.hero h1{

    color:#fff;

    font-size:46px;

    line-height:1.1;

    margin-bottom:20px;

}

.hero p{

    color:#ddd;

    font-size:17px;

    line-height:1.7;

    max-width:520px;

    margin-bottom:30px;

}

.hero-buttons{

    display:flex;

    gap:15px;

    margin-top:30px;

}

.hero-image{

    width:75%;

    margin:auto;

    animation:float 4s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

/*==================================================
 VIDEO MODAL
==================================================*/

.video-modal{

    background:#000;

    border:none;

    border-radius:15px;

    overflow:hidden;

}

.video-modal video{

    width:100%;

    height:100%;

}

.video-modal .btn-close{

    position:absolute;

    right:15px;

    top:15px;

    z-index:100;

    background:#fff;

    border-radius:50%;

    opacity:1;

}

.modal.fade .modal-dialog{

    transition:all .35s ease;

    transform:scale(.95);

}

.modal.show .modal-dialog{

    transform:scale(1);

}

/*==================================================
 RESPONSIVE
==================================================*/

@media (max-width:991px){

.top-bar{

display:none;

}

.navbar-brand img{

height:42px;

}

.hero{

text-align:center;

padding:70px 0;

min-height:auto;

}

.hero h1{

font-size:36px;

}

.hero p{

font-size:16px;

margin:auto auto 30px;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.hero-image{

margin-top:40px;

width:75%;

}

.btn-main{

width:auto;

}

}

@media (max-width:768px){

section{

padding:55px 0;

}

.hero{

padding:50px 0;

}

.hero h1{

font-size:30px;

}

.hero-tag{

font-size:12px;

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons .btn{

width:100%;

}

.navbar-nav{

padding-top:15px;

}

.navbar-nav .nav-link{

margin-left:0;

padding:12px 0;

}

}
.scroll-down{

    position:absolute;

    left:50%;

    bottom:25px;

    transform:translateX(-50%);

    color:#fff;

    text-align:center;

    animation:bounce 2s infinite;

}

.scroll-down span{

    display:block;

    font-size:12px;

    letter-spacing:2px;

    margin-bottom:8px;

}

@keyframes bounce{

    0%,20%,50%,80%,100%{

        transform:translateX(-50%) translateY(0);

    }

    40%{

        transform:translateX(-50%) translateY(-10px);

    }

    60%{

        transform:translateX(-50%) translateY(-5px);

    }

}
/*=========================
STATS STRIP
*/
.hero-stats{

    background:#fff;

    margin-top:-40px;

    position:relative;

    z-index:10;

}

.hero-stats .container{

    background:#fff;

    border-radius:16px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    padding:35px;

}

.hero-stats h2{

    color:var(--primary);

    font-size:38px;

    margin-bottom:8px;

}

.hero-stats p{

    margin:0;

    color:#666;

    font-weight:500;

}
/*======================================================
 TRUSTED CLIENTS
=======================================================*/

.trusted-clients{

    background:#fff;

    padding:70px 0;

    overflow:hidden;

}

.section-title{

    text-align:center;

    margin-bottom:45px;

}

.section-title span{

    color:var(--primary);

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:3px;

    font-weight:600;

}

.section-title h2{

    margin-top:10px;

    font-size:36px;

}

.logo-slider{

    overflow:hidden;

    position:relative;

}

.logo-slider::before,

.logo-slider::after{

    content:"";

    position:absolute;

    top:0;

    width:120px;

    height:100%;

    z-index:2;

}

.logo-slider::before{

    left:0;

    background:linear-gradient(to right,#fff,transparent);

}

.logo-slider::after{

    right:0;

    background:linear-gradient(to left,#fff,transparent);

}

.logo-track{

    display:flex;

    width:max-content;

    animation:scrollLogos 35s linear infinite;

}

.logo-track:hover{

    animation-play-state:paused;

}

.logo-track img{

    height:55px;

    margin:0 45px;

    filter:grayscale(100%);

    opacity:.55;

    transition:.35s;

}

.logo-track img:hover{

    filter:none;

    opacity:1;

    transform:scale(1.1);

}

@keyframes scrollLogos{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}
/*==========================================
WHY US
==========================================*/

.why-us{

    background:#fff;

}

.section-tag{

    display:inline-block;

    color:var(--primary);

    font-weight:700;

    font-size:13px;

    letter-spacing:2px;

    margin-bottom:15px;

}

.why-us h2{

    font-size:42px;

    margin-bottom:25px;

}

.lead-text{

    font-size:17px;

    line-height:1.8;

    margin-bottom:40px;

}

.why-list{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.why-item{

    display:flex;

    gap:20px;

    align-items:flex-start;

}

.why-icon{

    width:65px;

    height:65px;

    background:linear-gradient(135deg,#c8102e,#9d0b22);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:15px;

    font-size:26px;

    flex-shrink:0;

}

.why-item h5{

    margin-bottom:6px;

}

.why-item p{

    margin:0;

    line-height:1.7;

}

.why-image{

    position:relative;

}

.why-image img{

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.experience-box{

    position:absolute;

    right:-20px;

    bottom:40px;

    background:var(--primary);

    color:#fff;

    padding:30px;

    border-radius:16px;

    text-align:center;

    box-shadow:0 15px 35px rgba(200,16,46,.35);

}

.experience-box h2{

    color:#fff;

    font-size:42px;

    margin:0;

}

.experience-box span{

    display:block;

    margin-top:5px;

}
@media(max-width:991px){

.why-us{

text-align:center;

}

.why-item{

flex-direction:column;

align-items:center;

}

.experience-box{

position:relative;

right:auto;

bottom:auto;

margin-top:25px;

display:inline-block;

}

}
/*=========================================
 SERVICES
=========================================*/

.services-section{

    background:#f7f9fc;

}

.section-header{

    max-width:700px;

    margin:auto;

    margin-bottom:60px;

}

.section-subtitle{

    color:var(--primary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.section-header h2{

    margin:15px 0;

    font-size:40px;

}

.section-header p{

    font-size:17px;

    color:#666;

    line-height:1.8;

}

.service-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.35s;

    position:relative;

    height:100%;

}

.service-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:4px;

    background:var(--primary);

    transition:.35s;

}

.service-card:hover::before{

    width:100%;

}

.service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.service-image{

    height:230px;

    overflow:hidden;

}

.service-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.service-card:hover .service-image img{

    transform:scale(1.08);

}

.service-content{

    padding:30px;

}

.service-icon{

    width:65px;

    height:65px;

    background:var(--primary);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    font-size:26px;

    margin-top:-62px;

    position:relative;

    border:5px solid #fff;

    transition:.35s;

}

.service-card:hover .service-icon{

    transform:rotate(-10deg);

}

.service-content h4{

    margin:20px 0 15px;

}

.service-content p{

    line-height:1.8;

    margin-bottom:25px;

}

.service-content a{

    color:var(--primary);

    font-weight:600;

}

.service-content a i{

    transition:.35s;

}

.service-card:hover a i{

    transform:translateX(6px);

}
@media(max-width:768px){

.service-image{

height:210px;

}

.section-header h2{

font-size:32px;

}

}
/*=============================================
PROCESS
=============================================*/

.process-section{

background:#fff;

}

.process-wrapper{

display:flex;

justify-content:space-between;

align-items:flex-start;

margin-top:60px;

flex-wrap:wrap;

}

.process-step{

flex:1;

min-width:180px;

text-align:center;

position:relative;

padding:20px;

}

.step-number{

color:var(--primary);

font-weight:700;

font-size:13px;

letter-spacing:2px;

margin-bottom:15px;

}

.step-icon{

width:85px;

height:85px;

margin:auto;

background:#fff;

border:3px solid var(--primary);

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

color:var(--primary);

transition:.35s;

}

.process-step:hover .step-icon{

background:var(--primary);

color:#fff;

transform:translateY(-6px);

}

.process-step h5{

margin-top:20px;

margin-bottom:12px;

}

.process-step p{

font-size:15px;

line-height:1.7;

}

.process-line{

width:50px;

height:2px;

background:#ddd;

margin-top:65px;

}
@media(max-width:991px){

.process-wrapper{

flex-direction:column;

align-items:center;

}

.process-line{

width:2px;

height:50px;

margin:15px 0;

}

.process-step{

max-width:350px;

}

}
/*=========================================
TECHNOLOGY PARTNERS
=========================================*/

.partners-section{

    background:#f8f9fa;

}

.partners-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    margin-top:50px;

}

.partner-card{

    background:#fff;

    border-radius:16px;

    height:140px;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.35s;

    padding:25px;

}

.partner-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.partner-card img{

    max-width:150px;

    max-height:70px;

    filter:grayscale(100%);

    opacity:.7;

    transition:.35s;

}

.partner-card:hover img{

    filter:none;

    opacity:1;

}
@media(max-width:992px){

.partners-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.partners-grid{

grid-template-columns:1fr;

}

}
/* =========================================================
   RILEY FALCON SECURITY
   INDUSTRIES PAGE — CLEANED / CONSOLIDATED CSS
   ========================================================= */

/* =========================================================
   INDUSTRIES HEADER
   ========================================================= */

.industries-header {
    position: relative;
    overflow: hidden;
    padding: 140px 0 110px;
    background:
        radial-gradient(
            circle at top right,
            rgba(200, 16, 46, .18),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #111111,
            #1b1b1b,
            #2c2c2c
        );
}

.industries-header h1 {
    color: #fff;
    font-size: 58px;
    line-height: 1.15;
    margin: 20px 0;
}

.industries-header p {
    color: #ddd;
    max-width: 760px;
    margin: auto;
    font-size: 18px;
    line-height: 1.9;
}


/* =========================================================
   INDUSTRIES WE PROTECT
   ========================================================= */

.industries-section {
    position: relative;
    padding: 90px 0;
    background: #f7f8fa;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.industries-section .section-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.industries-section .section-subtitle {
    display: inline-block;
    color: #e5233f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.industries-section .section-header h2 {
    color: #111 !important;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin: 12px 0 15px;
}

.industries-section .section-header p {
    color: #666;
    max-width: 680px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   INDUSTRIES GRID
   Keeps the 9 cards in a 3 × 3 layout on desktop.
   ========================================================= */

.industries-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
}


/* =========================================================
   INDIVIDUAL INDUSTRY CARD
   ========================================================= */

.industry-card {
    position: relative;
    width: 100%;
    height: 330px;
    overflow: hidden;
    border-radius: 14px;
    display: block;
    color: #fff;
    background: #222;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.industry-card:hover,
.industry-card:focus {
    color: #fff;
    text-decoration: none;
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .28);
}


/* =========================================================
   INDUSTRY IMAGE
   ========================================================= */

.industry-card > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}

.industry-card:hover > img,
.industry-card:focus > img {
    transform: scale(1.08);
}


/* =========================================================
   DARK OVERLAY
   ========================================================= */

.industry-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, .94) 0%,
            rgba(0, 0, 0, .58) 48%,
            rgba(0, 0, 0, .15) 100%
        );
    transition: background .35s ease;
}

.industry-card:hover .industry-overlay,
.industry-card:focus .industry-overlay {
    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, .96) 0%,
            rgba(0, 0, 0, .68) 55%,
            rgba(200, 16, 46, .12) 100%
        );
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.industry-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 25px;
    transform: translateY(55px);
    transition: transform .4s ease;
}

.industry-card:hover .industry-content,
.industry-card:focus .industry-content {
    transform: translateY(0);
}


/* =========================================================
   ICON
   ========================================================= */

.industry-icon {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    background: #c8102e;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 8px 18px rgba(200, 16, 46, .28);
    transition:
        background .35s ease,
        transform .35s ease;
}

.industry-card:hover .industry-icon,
.industry-card:focus .industry-icon {
    transform: translateY(-3px);
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.industry-content h3 {
    color: #fff !important;
    font-size: 21px;
    line-height: 1.3;
    margin: 0 0 12px;
    font-weight: 700;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.industry-content p {
    color: #ddd;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 17px;
    opacity: 0;
    transition: opacity .3s ease;
}

.industry-card:hover .industry-content p,
.industry-card:focus .industry-content p {
    opacity: 1;
}


/* =========================================================
   EXPLORE LINK
   ========================================================= */

.industry-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    opacity: 0;
    transition:
        opacity .3s ease,
        gap .3s ease;
}

.industry-link i {
    color: #ff405c;
}

.industry-card:hover .industry-link,
.industry-card:focus .industry-link {
    opacity: 1;
    gap: 14px;
}


/* =========================================================
   VIEW ALL / FOOTER BUTTON
   ========================================================= */

.industries-footer {
    margin-top: 40px;
}


/* =========================================================
   INDUSTRY DETAIL SECTIONS
   ========================================================= */

.industry-solution {
    padding: 120px 0;
    background: #fff;
}

.industry-solution:nth-of-type(even) {
    background: #f8f9fb;
}


/* =========================================================
   DETAIL IMAGE
   ========================================================= */

.industry-image {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
}

.industry-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .6s ease;
}

.industry-image:hover img {
    transform: scale(1.08);
}


/* =========================================================
   DETAIL BADGE
   ========================================================= */

.industry-badge {
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: #c8102e;
    color: #fff;
    padding: 14px 24px;
    border-radius: 40px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}


/* =========================================================
   DETAIL SERVICES
   ========================================================= */

.industry-services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 30px 0;
}

.industry-services div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.industry-services i {
    color: #c8102e;
}


/* =========================================================
   DETAIL FEATURES
   ========================================================= */

.industry-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.industry-features span {
    padding: 10px 18px;
    background: #f5f5f5;
    border-radius: 30px;
    font-size: 14px;
    transition: .3s;
}

.industry-features span:hover {
    background: #c8102e;
    color: #fff;
}


/* =========================================================
   INDUSTRY GALLERY
   ========================================================= */

.industry-gallery {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(2, 220px);
    gap: 18px;
    position: relative;
}

.gallery-large {
    grid-row: span 2;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
}

.gallery-small {
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.gallery-large img,
.gallery-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.gallery-large:hover img,
.gallery-small:hover img {
    transform: scale(1.08);
}

.gallery-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #c8102e;
    color: #fff;
    padding: 12px 22px;
    border-radius: 35px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) {

    .industry-card {
        height: 310px;
    }

    .industry-solution {
        padding: 100px 0;
    }
}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 991px) {

    .industries-header {
        padding: 115px 0 90px;
    }

    .industries-header h1 {
        font-size: 48px;
    }

    .industries-section {
        padding: 75px 0;
    }

    .industries-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .industry-card {
        height: 310px;
    }

    .industry-solution {
        padding: 85px 0;
    }

    .industry-gallery {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 250px 180px 180px;
    }

    .gallery-large {
        grid-column: 1 / span 2;
        grid-row: 1;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .industries-header {
        padding: 100px 0 75px;
    }

    .industries-header h1 {
        font-size: 38px;
    }

    .industries-header p {
        font-size: 16px;
        line-height: 1.75;
    }

    .industries-section {
        padding: 60px 0;
    }

    .industries-section .section-header {
        margin-bottom: 35px;
    }

    .industries-section .section-header h2 {
        font-size: 30px;
    }

    .industries-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .industry-card {
        height: 300px;
    }

    /*
       Mobile devices do not have hover.
       Keep all card information visible.
    */

    .industry-content {
        transform: none;
        padding: 22px;
    }

    .industry-content p,
    .industry-link {
        opacity: 1;
    }

    .industry-solution {
        padding: 70px 0;
    }

    .industry-services {
        grid-template-columns: 1fr;
    }

    .industry-gallery {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .gallery-large,
    .gallery-small {
        grid-column: auto;
        grid-row: auto;
        height: 220px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .industries-header {
        padding: 90px 0 65px;
    }

    .industries-header h1 {
        font-size: 32px;
    }

    .industries-section {
        padding: 50px 0;
    }

    .industries-section .section-header h2 {
        font-size: 27px;
    }

    .industry-card {
        height: 280px;
        border-radius: 14px;
    }

    .industry-content {
        padding: 20px;
    }

    .industry-content h3 {
        font-size: 19px;
    }

    .industry-content p {
        font-size: 13px;
        line-height: 1.55;
    }

    .industry-icon {
        width: 46px;
        height: 46px;
        font-size: 19px;
    }

    .industry-badge {
        left: 18px;
        bottom: 18px;
        padding: 11px 18px;
        font-size: 13px;
    }
}


/* =========================================================
   SMOOTH SCROLL
   ========================================================= */

html {
    scroll-behavior: smooth;
}

/*==========================================
STATISTICS
==========================================*/

.stats-section{

    position:relative;

    padding:90px 0;

    background:

        linear-gradient(rgba(0,0,0,.80),rgba(0,0,0,.80)),

        url("../images/backgrounds/control-room.jpg");

    background-size:cover;

    background-position:center;

    color:#fff;

}

.stats-section .section-header h2{

    color:#fff;

}

.stat-box{

    text-align:center;

    padding:25px;

}

.stat-box h2{

    display:inline-block;

    font-size:54px;

    color:var(--primary);

    margin:0;

    font-weight:700;

}

.stat-box span{

    font-size:34px;

    color:#fff;

    font-weight:700;

}

.stat-box p{

    margin-top:12px;

    color:#ddd;

    font-size:16px;

}
/*==========================================
TESTIMONIALS
==========================================*/

.testimonial-section{

background:#fff;

}

.testimonial-card{

background:#fff;

padding:35px;

border-radius:18px;

box-shadow:0 12px 35px rgba(0,0,0,.07);

height:100%;

transition:.35s;

border-top:4px solid transparent;

}

.testimonial-card:hover{

transform:translateY(-8px);

border-color:var(--primary);

}

.stars{

font-size:20px;

color:#ffc107;

margin-bottom:20px;

letter-spacing:3px;

}

.testimonial-card p{

line-height:1.9;

font-style:italic;

margin-bottom:30px;

}

.client{

display:flex;

align-items:center;

gap:15px;

}

.client img{

width:65px;

height:65px;

border-radius:50%;

object-fit:cover;

}

.client h5{

margin:0;

font-size:17px;

}

.client span{

font-size:14px;

color:#777;

}
/*==========================================
NEWS
==========================================*/

.news-section{

background:#f8f9fa;

}

.news-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.06);

transition:.35s;

height:100%;

}

.news-card:hover{

transform:translateY(-8px);

}

.news-image{

position:relative;

height:240px;

overflow:hidden;

}

.news-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.news-card:hover img{

transform:scale(1.08);

}

.news-image span{

position:absolute;

top:20px;

left:20px;

background:var(--primary);

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:12px;

}

.news-content{

padding:30px;

}

.news-date{

color:#888;

font-size:14px;

margin-bottom:15px;

}

.news-content h4{

margin-bottom:15px;

}

.news-content p{

line-height:1.8;

margin-bottom:20px;

}
/*==========================================
CTA
==========================================*/

.cta-section{

background:linear-gradient(135deg,#c8102e,#8c001c);

padding:90px 0;

text-align:center;

color:#fff;

}

.cta-section h2{

color:#fff;

font-size:48px;

margin-bottom:20px;

}

.cta-section p{

max-width:700px;

margin:auto;

margin-bottom:35px;

font-size:18px;

line-height:1.8;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.cta-buttons .btn{

padding:15px 35px;

font-weight:600;

}
/*=================================================
FOOTER
==================================================*/

.footer{

    background:#111;

    color:#bbb;

    padding:80px 0 25px;

}

.footer-logo{

    width:180px;

    margin-bottom:25px;

}

.footer-about{

    line-height:1.8;

    margin-bottom:25px;

}

.footer h5{

    color:#fff;

    margin-bottom:20px;

}

.footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer li{

    margin-bottom:12px;

}

.footer a{

    color:#bbb;

    transition:.3s;

}

.footer a:hover{

    color:#fff;

}

.contact-list i{

    color:var(--primary);

    margin-right:10px;

}

.footer-social{

    margin-top:25px;

}

.footer-social a{

    width:42px;

    height:42px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#222;

    border-radius:50%;

    margin-right:10px;

}

.footer-social a:hover{

    background:var(--primary);

}

.footer-certifications{

    display:flex;

    gap:20px;

}

.footer-certifications img{

    height:55px;

}

.footer hr{

    border-color:#333;

    margin:50px 0 25px;

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-bottom a{

    margin-left:20px;

}

/*==================================================*
 * ABOUT / PAGE HEADER
 *==================================================*/

.about-header {
    position: relative;
    overflow: hidden;

    /* Reduced header height */
    padding: 75px 0 55px;

    background:
        radial-gradient(
            circle at top right,
            rgba(200,16,46,.20),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #101010,
            #1b1b1b 55%,
            #2b2b2b
        );
}


/*==================================================*
 * HEADER PATTERN
 *==================================================*/

.about-header::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.02) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255,255,255,.02) 50%,
            rgba(255,255,255,.02) 75%,
            transparent 75%,
            transparent
        );

    background-size: 70px 70px;

    opacity: .30;
}


/*==================================================*
 * BREADCRUMB
 *==================================================*/

.about-breadcrumb {
    color: #ccc;

    font-size: 13px;

    margin-bottom: 12px;
}

.about-breadcrumb a {
    color: #fff;

    transition: .3s;
}

.about-breadcrumb a:hover {
    color: var(--primary);
}


/*==================================================*
 * HEADER TITLE
 *==================================================*/

.about-header h1 {
    color: #fff;

    font-size: 46px;

    line-height: 1.15;

    margin: 10px 0 12px;
}


/*==================================================*
 * HEADER DESCRIPTION
 *==================================================*/

.about-header p {
    color: #ddd;

    font-size: 16px;

    line-height: 1.7;

    max-width: 700px;

    margin: auto;
}


/*==================================================*
 * RED DIVIDER
 *==================================================*/

.about-divider {
    width: 65px;

    height: 3px;

    border-radius: 20px;

    background: var(--primary);

    margin: 18px auto;
}


/*==================================================*
 * DECORATIVE SHAPES
 *==================================================*/

.shape {
    position: absolute;

    border-radius: 50%;

    background: rgba(200,16,46,.08);

    animation: floatShape 8s infinite ease-in-out;
}

.shape1 {
    width: 170px;
    height: 170px;

    top: -55px;
    right: -45px;
}

.shape2 {
    width: 110px;
    height: 110px;

    bottom: 25px;
    left: -40px;

    animation-delay: 2s;
}

.shape3 {
    width: 55px;
    height: 55px;

    top: 90px;
    left: 20%;

    animation-delay: 4s;
}


/*==================================================*
 * FLOATING ANIMATION
 *==================================================*/

@keyframes floatShape {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0);
    }

}


/*==================================================*
 * TABLET
 *==================================================*/

@media (max-width: 991px) {

    .about-header {
        padding: 65px 0 45px;
    }

    .about-header h1 {
        font-size: 40px;
    }

}


/*==================================================*
 * MOBILE
 *==================================================*/

@media (max-width: 768px) {

    .about-header {
        padding: 55px 0 40px;
    }

    .about-header h1 {
        font-size: 32px;
    }

    .about-header p {
        font-size: 15px;
        line-height: 1.6;
    }

    .about-breadcrumb {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .about-divider {
        margin: 14px auto;
    }

}

/*==================================================
WHO WE ARE
==================================================*/

.about-company{

    padding:110px 0;

    background:#fff;

    position:relative;

}

.about-company::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:rgba(200,16,46,.04);

    border-radius:50%;

    top:-180px;

    right:-150px;

}

.about-image-wrapper{

    position:relative;

}

.about-image-wrapper img{

    border-radius:24px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.experience-card{

    position:absolute;

    bottom:35px;

    right:-25px;

    background:linear-gradient(135deg,#c8102e,#96001e);

    color:#fff;

    padding:28px 35px;

    border-radius:18px;

    box-shadow:0 18px 45px rgba(200,16,46,.35);

    text-align:center;

}

.experience-card h2{

    color:#fff;

    font-size:46px;

    margin:0;

}

.experience-card span{

    font-size:15px;

    opacity:.9;

}

.about-company h2{

    font-size:42px;

    margin-bottom:20px;

}

.about-feature{

    background:#fff;

    border-radius:18px;

    padding:30px 25px;

    text-align:center;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    transition:.35s;

    height:100%;

}

.about-feature:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.feature-icon{

    width:70px;

    height:70px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#c8102e,#96001e);

    color:#fff;

    font-size:28px;

}

.about-feature h5{

    margin-bottom:12px;

}

.about-feature p{

    margin:0;

    line-height:1.7;

    font-size:15px;

}

@media(max-width:991px){

    .experience-card{

        position:relative;

        right:auto;

        bottom:auto;

        margin-top:25px;

        display:inline-block;

    }

    .about-company{

        text-align:center;

    }

}

/* ==========================================
   PREMIUM HORIZONTAL TIMELINE
   RILEY FALCON SECURITY
========================================== */

.timeline-section {
    padding: 50px 0;
    background: #ffffff;
    overflow: hidden;
}

/* Section heading */

.timeline-header {
    max-width: 780px;
    margin: 0 auto 65px;
}

.timeline-header .section-subtitle {
    display: inline-block;
    color: #c8102e;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.timeline-header h2 {
    color: #151515;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
}

.timeline-header p {
    color: #666;
    font-size: 17px;
    line-height: 1.8;
    margin: 0 auto;
}

/* Timeline container */

.timeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    position: relative;
    gap: 20px;
    padding-top: 5px;
}

/* Connecting line */

.timeline::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: #e5e5e5;
    z-index: 0;
}

/* Individual milestone */

.timeline-item {
    position: relative;
    text-align: center;
    min-width: 0;
    z-index: 1;
}

/* Icon position */

.timeline-top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin-bottom: 18px;
}

/* Circular icon */

.timeline-icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #c8102e;
    color: #c8102e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    box-shadow: 0 0 0 7px #ffffff;
    transition: all 0.35s ease;
}

.timeline-item:hover .timeline-icon {
    background: #c8102e;
    color: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 0 0 7px rgba(200,16,46,0.08);
}

/* Year */

.timeline-year {
    display: inline-block;
    color: #c8102e;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

/* Milestone content */

.timeline-content {
    padding: 0 8px;
}

.timeline-content h4 {
    font-size: 19px;
    font-weight: 800;
    color: #171717;
    line-height: 1.35;
    margin-bottom: 14px;
}

.timeline-content p {
    color: #686868;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 0;
}

/* Current milestone */

.timeline-current .timeline-icon {
    background: #c8102e;
    color: #ffffff;
    border-color: #c8102e;
}

.timeline-current .timeline-year {
    color: #c8102e;
}

.timeline-current .timeline-content h4 {
    color: #c8102e;
}


/* ==========================================
   TABLET RESPONSIVENESS
========================================== */

@media (max-width: 991px) {

    .timeline {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 45px;
    }

    .timeline::before {
        display: none;
    }

    .timeline-header h2 {
        font-size: 32px;
    }

}


/* ==========================================
   MOBILE RESPONSIVENESS
========================================== */

@media (max-width: 576px) {

    .timeline-section {
        padding: 70px 0;
    }

    .timeline-header {
        margin-bottom: 45px;
    }

    .timeline-header h2 {
        font-size: 27px;
    }

    .timeline-header p {
        font-size: 15px;
    }

    .timeline {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-left: 5px;
    }

    .timeline-item {
        display: grid;
        grid-template-columns: 65px 1fr;
        grid-template-rows: auto auto;
        column-gap: 18px;
        text-align: left;
        align-items: start;
    }

    .timeline-top {
        grid-column: 1;
        grid-row: 1 / 3;
        height: auto;
        margin: 0;
        justify-content: center;
        align-items: start;
    }

    .timeline-icon {
        width: 55px;
        height: 55px;
        font-size: 21px;
    }

    .timeline-year {
        grid-column: 2;
        grid-row: 1;
        margin-bottom: 7px;
    }

    .timeline-content {
        grid-column: 2;
        grid-row: 2;
        padding: 0;
    }

    .timeline-content h4 {
        font-size: 19px;
    }

    .timeline-content p {
        font-size: 14px;
    }

}

/*==================================================
MISSION SECTION
==================================================*/

.mission-section{

    position:relative;

    background:
        linear-gradient(rgba(15,15,15,.65),rgba(15,15,15,.65)),
        url("../images/about/pattern-bg.jpg");

    background-size:cover;

    padding:110px 0;

    overflow:hidden;

}

.mission-intro{

    color:#fcfcfc;

    max-width:760px;

    margin:20px auto 0;

    line-height:1.9;

    font-size:17px;

}

.mission-card{

    background:rgba(255,255,255,.06);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:45px 35px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.mission-card:hover{

    transform:translateY(-10px);

    border-color:var(--primary);

    box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.mission-icon{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:30px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    color:#fff;

    background:linear-gradient(135deg,#c8102e,#94001d);

}

.mission-card h3{

    color:#fff;

    margin-bottom:20px;

}

.mission-card p{

    color:#d4d4d4;

    line-height:1.9;

}

.values-list{

    list-style:none;

    padding:0;

    margin:0;

}

.values-list li{

    color:#ddd;

    padding:12px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

    position:relative;

    padding-left:25px;

    text-align:left;

}

.values-list li:last-child{

    border:none;

}

.values-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:var(--primary);

    font-weight:bold;

}
/*==================================================
WHY ABOUT
==================================================*/

.why-about{

    background:#fff;

    padding:110px 0;

}

.why-about h2{

    font-size:42px;

    margin-bottom:25px;

}

.why-feature{

    display:flex;

    gap:18px;

    margin-bottom:28px;

}

.why-feature i{

    color:var(--primary);

    font-size:26px;

    margin-top:5px;

    flex-shrink:0;

}

.why-feature h5{

    margin-bottom:8px;

}

.why-feature p{

    margin:0;

    line-height:1.7;

}

.why-about-image{

    position:relative;

}

.why-about-image img{

    border-radius:22px;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.floating-box{

    position:absolute;

    left:-25px;

    bottom:40px;

    background:linear-gradient(135deg,#c8102e,#96001d);

    color:#fff;

    padding:30px;

    border-radius:18px;

    text-align:center;

    box-shadow:0 20px 40px rgba(200,16,46,.30);

}

.floating-box h3{

    color:#fff;

    font-size:42px;

    margin-bottom:5px;

}

.floating-box span{

    font-size:15px;

}

@media(max-width:991px){

    .why-about{

        text-align:center;

    }

    .why-feature{

        text-align:left;

    }

    .floating-box{

        position:relative;

        left:auto;

        bottom:auto;

        display:inline-block;

        margin-top:25px;

    }

}
/*==================================================
COMPANY COUNTERS
==================================================*/

.company-counter{

    background:
        linear-gradient(rgba(17,17,17,.95),rgba(17,17,17,.95)),
        url("../images/about/pattern-bg.png");

    background-size:cover;

    padding:110px 0;

    position:relative;

}

.counter-intro{

    color:#cfcfcf;

    max-width:720px;

    margin:20px auto 0;

    line-height:1.9;

}

.counter-card{

    text-align:center;

    padding:35px 20px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    transition:.35s;

    height:100%;

}

.counter-card:hover{

    transform:translateY(-10px);

    border-color:var(--primary);

}

.counter-icon{

    width:75px;

    height:75px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:linear-gradient(135deg,#c8102e,#94001d);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:30px;

}

.counter-card h2{

    color:#fff;

    font-size:42px;

    margin-bottom:10px;

}

.counter-card p{

    color:#d7d7d7;

    margin:0;

    font-size:15px;

}
/*==================================================
ABOUT INDUSTRIES
==================================================*/

.about-industries{

    padding:110px 0;

    background:#f8f9fb;

}

.industry-box{

    position:relative;

    overflow:hidden;

    border-radius:20px;

    height:360px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.4s;

}

.industry-box img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.industry-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.92),
        rgba(0,0,0,.35),
        rgba(0,0,0,.05)
    );

}

.industry-box:hover{

    transform:translateY(-10px);

}

.industry-box:hover img{

    transform:scale(1.1);

}

.industry-info{

    position:absolute;

    left:30px;

    right:30px;

    bottom:30px;

    color:#fff;

}

.industry-info i{

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--primary);

    border-radius:16px;

    font-size:28px;

    margin-bottom:20px;

}

.industry-info h4{

    color:#fff;

    margin-bottom:12px;

}

.industry-info p{

    color:#ddd;

    margin:0;

    line-height:1.8;

}
/*==================================================
LEADERSHIP
==================================================*/

.leadership-section{

    background:#111;

    padding:120px 0;

    position:relative;

}

.leadership-intro{

    color:#d7d7d7;

    max-width:760px;

    margin:20px auto 0;

    line-height:1.9;

}

.leader-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    transition:.35s;

    height:100%;

    box-shadow:0 20px 50px rgba(0,0,0,.18);

}

.leader-card:hover{

    transform:translateY(-10px);

}

.leader-image{

    position:relative;

    overflow:hidden;

    height:340px;

}

.leader-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.leader-card:hover .leader-image img{

    transform:scale(1.08);

}

.leader-body{

    padding:35px;

}

.leader-title{

    display:block;

    color:var(--primary);

    font-weight:600;

    margin:8px 0;

}

.leader-certifications{

    display:inline-block;

    background:#f8f9fa;

    color:#555;

    padding:8px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    margin-bottom:20px;

}

.leader-body p{

    line-height:1.8;

    margin-bottom:25px;

}

.leader-social{

    display:flex;

    gap:12px;

}

.leader-social a{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f2f2f2;

    color:#555;

    transition:.3s;

}

.leader-social a:hover{

    background:var(--primary);

    color:#fff;

}
/*==================================================
CERTIFICATIONS
==================================================*/

.certifications-section{

    background:#fff;

    padding:110px 0;

}

.cert-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.07);

    transition:.35s;

    height:100%;

    border-top:5px solid transparent;

}

.cert-card:hover{

    transform:translateY(-10px);

    border-color:var(--primary);

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.cert-card img{

    height:90px;

    margin:auto;

    margin-bottom:25px;

}

.cert-icon{

    font-size:70px;

    color:var(--primary);

    margin-bottom:25px;

    display:block;

}

.cert-card h4{

    margin-bottom:18px;

}

.cert-card p{

    line-height:1.8;

    margin:0;

}
/*==================================================
CSR SECTION
==================================================*/

.csr-section{

    padding:120px 0;

    background:#f8f9fb;

}

.csr-image{

    position:relative;

}

.csr-image img{

    border-radius:24px;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.csr-badge{

    position:absolute;

    bottom:30px;

    left:30px;

    background:linear-gradient(135deg,#c8102e,#96001d);

    color:#fff;

    padding:18px 30px;

    border-radius:50px;

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:600;

    box-shadow:0 15px 35px rgba(200,16,46,.35);

}

.csr-badge i{

    font-size:22px;

}

.csr-item{

    display:flex;

    gap:20px;

    margin-bottom:30px;

}

.csr-icon{

    width:65px;

    height:65px;

    background:linear-gradient(135deg,#c8102e,#96001d);

    color:#fff;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:26px;

    flex-shrink:0;

}

.csr-item h5{

    margin-bottom:8px;

}

.csr-item p{

    margin:0;

    line-height:1.8;

}

@media(max-width:991px){

    .csr-section{

        text-align:center;

    }

    .csr-item{

        text-align:left;

    }

    .csr-badge{

        left:50%;

        transform:translateX(-50%);

        bottom:-25px;

    }

}
/*==================================================
FINAL CTA
==================================================*/

.about-cta{

    position:relative;

    padding:120px 0;

    background:

        linear-gradient(rgba(10,10,10,.78),rgba(10,10,10,.82)),
        url("../images/about/about-cta.jpg");

    background-size:cover;

    background-position:center;

    background-attachment:fixed;

    color:#fff;

}

.about-cta h2{

    color:#fff;

    font-size:52px;

    margin:20px 0;

}

.about-cta p{

    max-width:760px;

    margin:auto;

    color:#ddd;

    font-size:18px;

    line-height:1.9;

}

.trust-item{

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.10);

    border-radius:18px;

    padding:35px 20px;

    transition:.35s;

    height:100%;

}

.trust-item:hover{

    transform:translateY(-8px);

    background:rgba(200,16,46,.18);

    border-color:var(--primary);

}

.trust-item i{

    font-size:42px;

    color:#fff;

    margin-bottom:20px;

}

.trust-item h5{

    color:#fff;

    margin-bottom:8px;

}

.trust-item span{

    color:#d5d5d5;

    font-size:14px;

}

@media(max-width:991px){

.about-cta{

background-attachment:scroll;

}

.about-cta h2{

font-size:40px;

}

}

@media(max-width:768px){

.about-cta{

padding:90px 0;

}

.about-cta h2{

font-size:32px;

}

.about-cta p{

font-size:16px;

}

}
/*==========================================
SCROLL PROGRESS BAR
==========================================*/

#scrollProgress{

    position:fixed;

    top:0;

    left:0;

    width:0%;

    height:4px;

    background:linear-gradient(90deg,#c8102e,#ff3d5e);

    z-index:999999;

}
/*==========================================
BACK TO TOP
==========================================*/

.back-to-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:55px;

    height:55px;

    border-radius:50%;

    background:#c8102e;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9999;

    box-shadow:0 15px 30px rgba(200,16,46,.35);

}

.back-to-top.active{

    opacity:1;

    visibility:visible;

}

.back-to-top:hover{

    background:#a00023;

    transform:translateY(-6px);

    color:#fff;

}
/*==================================================
QUOTE HEADER
==================================================*/

.quote-header{

    position:relative;

    overflow:hidden;

    padding:140px 0 100px;

    background:
        radial-gradient(circle at top right,
        rgba(200,16,46,.18),
        transparent 45%),

        linear-gradient(135deg,#111,#191919,#282828);

}

.quote-header h1{

    color:#fff;

    font-size:56px;

    line-height:1.15;

    margin:20px 0;

}

.quote-header p{

    color:#ddd;

    font-size:18px;

    max-width:760px;

    margin:auto;

    line-height:1.9;

}

/*==================================================
QUOTE PROCESS
==================================================*/

.quote-process{

    background:#fff;

    padding:110px 0;

}

.quote-process .process-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-top:70px;

    flex-wrap:wrap;

}

.quote-process .process-step{

    flex:1;

    min-width:220px;

    text-align:center;

    padding:20px;

    position:relative;

}

.step-circle{

    width:38px;

    height:38px;

    background:var(--primary);

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    margin-bottom:20px;

    font-weight:700;

}

.quote-process .step-icon{

    width:90px;

    height:90px;

    margin:auto;

    background:#fff;

    border:3px solid var(--primary);

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:var(--primary);

    font-size:36px;

    transition:.35s;

}

.quote-process .process-step:hover .step-icon{

    background:var(--primary);

    color:#fff;

    transform:translateY(-8px);

}

.quote-process h5{

    margin-top:25px;

}

.quote-process p{

    margin-top:15px;

    line-height:1.8;

}

.process-arrow{

    display:flex;

    align-items:center;

    color:#ccc;

    font-size:30px;

    padding-top:80px;

}

@media(max-width:991px){

.quote-process .process-wrapper{

flex-direction:column;

}

.process-arrow{

display:none;

}

.quote-process .process-step{

margin-bottom:40px;

}

.quote-header h1{

font-size:40px;

}

}

@media(max-width:768px){

.quote-header{

padding:110px 0 70px;

}

.quote-header h1{

font-size:32px;

}

.quote-header p{

font-size:16px;

}

}

/*==================================================
QUOTE FORM
==================================================*/

.quote-form-section{

    padding:110px 0;

    background:#f8f9fb;

}

.quote-card{

    background:#fff;

    border-radius:20px;

    padding:50px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.quote-card h3{

    margin-bottom:10px;

}

.quote-card label{

    font-weight:600;

    margin-bottom:10px;

}

.quote-card .form-control,
.quote-card .form-select{

    height:55px;

    border-radius:10px;

}

.quote-card textarea{

    border-radius:10px;

}

.quote-card textarea.form-control{

    height:auto;

}

.quote-sidebar{

    background:#111;

    color:#fff;

    border-radius:20px;

    padding:40px;

}

.quote-sidebar h4{

    color:#fff;

    margin-bottom:25px;

}

.quote-sidebar ul{

    list-style:none;

    padding:0;

    margin:0;

}

.quote-sidebar li{

    display:flex;

    gap:15px;

    margin-bottom:18px;

    align-items:flex-start;

}

.quote-sidebar i{

    color:#c8102e;

    font-size:20px;

}

.emergency-card{

    background:linear-gradient(135deg,#c8102e,#96001d);

    color:#fff;

    border-radius:20px;

    padding:40px;

    text-align:center;

}

.emergency-card i{

    font-size:60px;

    margin-bottom:20px;

}

.emergency-card h4,
.emergency-card h5{

    color:#fff;

}

.emergency-card p{

    color:#f3f3f3;

}

@media(max-width:991px){

    .quote-card{

        padding:35px;

    }

}
/*==================================================
CONTACT HEADER
==================================================*/

.contact-header{

    position:relative;

    overflow:hidden;

    padding:140px 0 100px;

    background:
        radial-gradient(circle at top right,
        rgba(200,16,46,.18),
        transparent 45%),
        linear-gradient(135deg,#111,#1a1a1a,#2b2b2b);

}

.contact-header h1{

    color:#fff;

    font-size:58px;

    margin:20px 0;

    line-height:1.15;

}

.contact-header p{

    color:#ddd;

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

}

/*==================================================
CONTACT INFO
==================================================*/

.contact-info-section{

    background:#fff;

    padding:90px 0;

}

.contact-box{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.07);

    transition:.35s;

    height:100%;

}

.contact-box:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.contact-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:linear-gradient(135deg,#c8102e,#95001f);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:30px;

}

.contact-box h4{

    margin-bottom:18px;

}

.contact-box p{

    margin:0;

    line-height:1.8;

}
/*==================================================
CONTACT MAIN
==================================================*/

.contact-main{

    padding:110px 0;

    background:#f8f9fb;

}

.contact-form-card{

    background:#fff;

    border-radius:20px;

    padding:50px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.contact-form-card label{

    font-weight:600;

    margin-bottom:10px;

}

.contact-form-card .form-control{

    height:55px;

    border-radius:10px;

}

.contact-form-card textarea.form-control{

    height:auto;

}

/*========================*/

.office-card{

    background:#111;

    color:#fff;

    border-radius:20px;

    padding:40px;

}

.office-card h3{

    color:#fff;

}

.office-card hr{

    border-color:rgba(255,255,255,.15);

    margin:25px 0;

}

.office-item{

    display:flex;

    gap:18px;

    margin-bottom:30px;

}

.office-item:last-child{

    margin-bottom:0;

}

.office-item i{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#c8102e;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:20px;

    flex-shrink:0;

}

.office-item strong{

    display:block;

    color:#fff;

    margin-bottom:5px;

}

.office-item p{

    margin:0;

    color:#d7d7d7;

    line-height:1.8;

}

/*========================*/

.map-card{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.map-card iframe{

    width:100%;

    height:350px;

    border:0;

}

@media(max-width:991px){

.contact-form-card{

padding:35px;

}

}
/*==================================================
GOOGLE MAP
==================================================*/

.map-card{

    position:relative;

    height:650px;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.map-card iframe{

    width:100%;

    height:100%;

    border:0;

}

/*==================================================
MAP LOCATION CARD
==================================================*/

.map-location{

    position:absolute;

    left:25px;

    bottom:25px;

    background:#fff;

    border-radius:18px;

    padding:18px;

    display:flex;

    align-items:center;

    gap:18px;

    max-width:330px;

    box-shadow:0 20px 45px rgba(0,0,0,.18);

    transition:.35s;

}

.map-location:hover{

    transform:translateY(-5px);

}

.location-icon{

    width:65px;

    height:65px;

    border-radius:18px;

    background:linear-gradient(135deg,#c8102e,#95001f);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:26px;

    flex-shrink:0;

}

.location-content h5{

    margin:0 0 6px;

    font-weight:700;

}

.location-content p{

    margin:0 0 10px;

    color:#666;

    font-size:14px;

}

.location-content a{

    color:#c8102e;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.location-content a:hover{

    color:#95001f;

}

@media(max-width:991px){

    .map-card{

        height:500px;

    }

}

@media(max-width:768px){

    .map-card{

        height:420px;

    }

    .map-location{

        left:15px;

        right:15px;

        bottom:15px;

        max-width:none;

        padding:15px;

    }

    .location-icon{

        width:55px;

        height:55px;

        font-size:22px;

    }

}
/*==================================================
PRODUCTS HEADER
==================================================*/

.products-header{

    position:relative;

    overflow:hidden;

    padding:140px 0 100px;

    background:
        radial-gradient(circle at top right,
        rgba(200,16,46,.18),
        transparent 45%),
        linear-gradient(135deg,#111,#1b1b1b,#2c2c2c);

}

.products-header h1{

    color:#fff;

    font-size:58px;

    line-height:1.15;

    margin:20px 0;

}

.products-header p{

    color:#ddd;

    max-width:760px;

    margin:auto;

    line-height:1.9;

    font-size:18px;

}

/*==================================================
PRODUCT CATEGORIES
==================================================*/

.product-categories{

    padding:110px 0;

    background:#f8f9fb;

}

.category-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    border-top:4px solid transparent;

}

.category-card:hover{

    transform:translateY(-10px);

    border-color:#c8102e;

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.category-icon{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#c8102e,#95001f);

    color:#fff;

    font-size:34px;

}

.category-card h4{

    margin-bottom:18px;

}

.category-card p{

    margin:0;

    line-height:1.8;

}
.head-office{

display:flex;

align-items:flex-start;

gap:25px;

margin-bottom:45px;

}

.office-info h3{

font-size:34px;

font-weight:700;

color:#c8102e;

margin-bottom:12px;

}

.office-info p{

font-size:18px;

line-height:1.8;

margin-bottom:8px;

}

.office-info i{

color:#c8102e;

margin-right:8px;

}
.office-line{

margin:40px 0;

border:none;

border-top:1px solid #dddddd;

}
.branch-header{

display:flex;

align-items:center;

gap:15px;

margin-bottom:45px;

}

.branch-header i{

font-size:28px;

color:#c8102e;

}

.branch-header h4{

margin:0;

font-size:28px;

color:#c8102e;

font-weight:700;

text-transform:uppercase;

}
/*==================================================
PRODUCT HEADER
==================================================*/

.products-header{

    position:relative;

    overflow:hidden;

    padding:140px 0 110px;

    background:
    radial-gradient(circle at top right,
    rgba(200,16,46,.18),
    transparent 45%),
    linear-gradient(135deg,#111,#1c1c1c,#2c2c2c);

}

.products-header h1{

    color:#fff;

    font-size:60px;

    line-height:1.15;

    margin:20px 0;

}

.products-header .lead{

    color:#ddd;

    font-size:18px;

    line-height:1.9;

    max-width:760px;

    margin:auto;

}

/*==================================================
CATEGORY NAVIGATION
==================================================*/

.product-navigation{

    padding:110px 0;

    background:#fff;

}

.category-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-top:60px;

}

.category-link{

    background:#fff;

    border:1px solid #eee;

    border-radius:18px;

    padding:35px 25px;

    text-align:center;

    text-decoration:none;

    color:#222;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.category-link:hover{

    transform:translateY(-8px);

    background:var(--primary);

    color:#fff;

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.category-link i{

    display:block;

    font-size:42px;

    margin-bottom:20px;

}

@media(max-width:991px){

.category-grid{

grid-template-columns:repeat(2,1fr);

}

.products-header h1{

font-size:42px;

}

}

@media(max-width:576px){

.category-grid{

grid-template-columns:1fr;

}

.products-header{

padding:110px 0 80px;

}

.products-header h1{

font-size:34px;

}

}
/*==================================================
FEATURED SOLUTIONS
==================================================*/

.solution-section{

    padding:120px 0;

    background:#fff;

}

.solution-section:nth-child(even){

    background:#f8f9fb;

}

.solution-image{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    box-shadow:0 30px 70px rgba(0,0,0,.15);

}

.solution-image img{

    width:100%;

    transition:.6s;

}

.solution-image:hover img{

    transform:scale(1.08);

}

.solution-badge{

    position:absolute;

    left:30px;

    bottom:30px;

    background:var(--primary);

    color:#fff;

    padding:14px 26px;

    border-radius:40px;

    font-weight:600;

}

.solution-section h2{

    margin:20px 0;

}

.solution-section p{

    line-height:1.9;

    margin-bottom:30px;

}

.solution-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:30px;

}

.solution-features div{

    display:flex;

    gap:10px;

    align-items:center;

}

.solution-features i{

    color:var(--primary);

}

.brand-tags{

    display:flex;

    gap:12px;

    flex-wrap:wrap;

}

.brand-tags span{

    background:#f1f1f1;

    padding:10px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

@media(max-width:768px){

.solution-features{

grid-template-columns:1fr;

}

}
/*====================================
SOLUTION GALLERY
====================================*/

.solution-gallery{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    position:relative;

}

.gallery-item{

    overflow:hidden;

    border-radius:20px;

    height:220px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.gallery-item.large{

    grid-row:span 2;

    height:458px;

}

.gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.gallery-badge{

    position:absolute;

    left:20px;

    bottom:20px;

    background:#c8102e;

    color:#fff;

    padding:12px 24px;

    border-radius:40px;

    font-weight:600;

}

/*==================================================
GUARDING HERO
==================================================*/

.guarding-hero{

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(rgba(8,10,18,.80),rgba(8,10,18,.88)),
    url("../images/backgrounds/security-bg.jpg");

    background-size:cover;

    background-position:center;

    padding:120px 0 160px;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at top right,

    rgba(200,16,46,.35),

    transparent 35%);

}

.guarding-hero h1{

    font-size:64px;

    color:#fff;

    line-height:1.15;

    margin:20px 0;

    font-weight:800;

}

.guarding-hero h1 span{

    color:var(--primary);

}

.guarding-hero p{

    color:#ddd;

    line-height:1.9;

    font-size:18px;

    margin-bottom:35px;

}

.hero-checks{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.hero-checks div{

    color:#fff;

    display:flex;

    align-items:center;

    gap:12px;

}

.hero-checks i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:18px;

}

.hero-image{

    text-align:center;

}

.hero-image img{

    max-width:540px;

    animation:floatHero 5s ease-in-out infinite;

}

.hero-wave{

    position:absolute;

    bottom:-1px;

    left:0;

    width:100%;

}

@keyframes floatHero{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0px);

}

}

@media(max-width:991px){

.guarding-hero{

text-align:center;

padding:100px 0;

}

.guarding-hero h1{

font-size:46px;

}

.hero-checks{

grid-template-columns:1fr;

margin-bottom:30px;

}

.hero-image{

margin-top:60px;

}

}
.guard-services{

padding:120px 0;

background:#f8f9fb;

}

.service-card{

background:#fff;

padding:35px;

border-radius:18px;

text-align:center;

height:100%;

transition:.35s;

border-top:4px solid transparent;

box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.service-card:hover{

transform:translateY(-10px);

border-color:var(--primary);

}

.service-card i{

font-size:48px;

color:var(--primary);

margin-bottom:20px;

}

.service-card h4{

margin-bottom:15px;

}
.training-process{

padding:120px 0;

background:#fff;

}

.timeline{

display:flex;

justify-content:space-between;

gap:20px;

margin-top:60px;

position:relative;

}

.timeline:before{

content:"";

position:absolute;

left:0;

right:0;

top:35px;

height:3px;

background:#ddd;

z-index:0;

}

.timeline-item{

position:relative;

text-align:center;

flex:1;

z-index:2;

}

.circle{

width:70px;

height:70px;

margin:auto;

background:var(--primary);

border-radius:50%;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

font-weight:700;

margin-bottom:20px;

}

@media(max-width:991px){

.timeline{

flex-direction:column;

}

.timeline:before{

display:none;

}

}
.guard-tech{

padding:120px 0;

background:#f8f9fb;

}

.tech-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:18px;

transition:.3s;

height:100%;

}

.tech-card:hover{

background:var(--primary);

color:#fff;

transform:translateY(-8px);

}

.tech-card:hover i{

color:#fff;

}

.tech-card i{

font-size:44px;

color:var(--primary);

margin-bottom:20px;

display:block;

}
.service-process{

padding:120px 0;

background:#fff;

}

.process-card{

text-align:center;

padding:25px;

}

.process-number{

width:80px;

height:80px;

margin:auto;

margin-bottom:20px;

background:var(--primary);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

font-weight:700;

color:#fff;

box-shadow:0 15px 35px rgba(200,16,46,.35);

}

.process-card h5{

font-weight:600;

}
/*==================================================
ELECTRONIC SOLUTIONS
==================================================*/

.electronic-solutions{

    padding:120px 0;

    background:#f8f9fb;

}

.electronic-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    transition:.35s;

    border-top:4px solid transparent;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.electronic-card:hover{

    transform:translateY(-10px);

    border-color:var(--primary);

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.solution-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:linear-gradient(135deg,#c8102e,#94001d);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:32px;

    margin-bottom:25px;

}

.electronic-card h4{

    margin-bottom:15px;

}

.electronic-card p{

    color:#666;

    margin-bottom:20px;

}

.electronic-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.electronic-card ul li{

    padding:8px 0;

    color:#444;

    position:relative;

    padding-left:22px;

}

.electronic-card ul li:before{

    content:"✓";

    position:absolute;

    left:0;

    color:var(--primary);

    font-weight:bold;

}
.installation-process{

padding:120px 0;

background:#fff;

}

.process-wrapper{

display:flex;

justify-content:space-between;

position:relative;

gap:25px;

margin-top:70px;

}

.process-wrapper:before{

content:"";

position:absolute;

top:40px;

left:5%;

right:5%;

height:3px;

background:#e5e5e5;

z-index:0;

}

.process-item{

flex:1;

text-align:center;

position:relative;

z-index:2;

}

.process-icon{

width:80px;

height:80px;

margin:auto;

background:linear-gradient(135deg,#c8102e,#93001d);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:30px;

margin-bottom:20px;

box-shadow:0 15px 35px rgba(200,16,46,.30);

}

.process-item h5{

margin-bottom:12px;

}

@media(max-width:992px){

.process-wrapper{

flex-direction:column;

}

.process-wrapper:before{

display:none;

}

}
.technology-section{

padding:120px 0;

background:#f8f9fb;

}

.tech-box{

background:#fff;

padding:40px 30px;

border-radius:18px;

text-align:center;

transition:.35s;

height:100%;

box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.tech-box:hover{

background:var(--primary);

color:#fff;

transform:translateY(-8px);

}

.tech-box:hover i{

color:#fff;

}

.tech-box i{

font-size:46px;

color:var(--primary);

margin-bottom:25px;

display:block;

}
.maintenance-section{

padding:120px 0;

background:#fff;

}

.support-card{

background:#fff;

border-radius:20px;

padding:45px;

position:relative;

height:100%;

text-align:center;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

}

.support-card:hover{

transform:translateY(-10px);

}

.support-card i{

font-size:52px;

color:var(--primary);

margin-bottom:25px;

display:block;

}

.support-card ul{

padding:0;

margin-top:25px;

list-style:none;

text-align:left;

}

.support-card ul li{

padding:12px 0;

border-bottom:1px solid #eee;

}

.featured{

background:linear-gradient(135deg,#c8102e,#90001b);

color:#fff;

}

.featured i{

color:#fff;

}

.featured ul li{

border-color:rgba(255,255,255,.15);

}

.popular{

position:absolute;

top:20px;

right:20px;

background:#fff;

color:var(--primary);

padding:6px 14px;

border-radius:20px;

font-size:12px;

font-weight:700;

}
/*==================================================
CTA
==================================================*/

.electronic-cta{

    padding:110px 0;

    background:linear-gradient(135deg,#c8102e,#7f0018);

    position:relative;

    overflow:hidden;

}

.electronic-cta:before{

    content:"";

    position:absolute;

    top:-150px;

    right:-120px;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

}

.electronic-cta:after{

    content:"";

    position:absolute;

    bottom:-180px;

    left:-100px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

.electronic-cta h2{

    color:#fff;

    font-size:52px;

    margin:20px 0;

}

.electronic-cta p{

    color:rgba(255,255,255,.9);

    max-width:750px;

    margin:auto;

    line-height:1.9;

    font-size:18px;

}

.electronic-cta .section-tag{

    background:rgba(255,255,255,.15);

    color:#fff;

}
.cash-services{

    padding:120px 0;

    background:#f8f9fb;

}

.cash-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    text-align:center;

    height:100%;

    transition:.35s;

    border-top:4px solid transparent;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.cash-card:hover{

    transform:translateY(-10px);

    border-color:var(--primary);

}

.cash-card i{

    font-size:48px;

    color:var(--primary);

    margin-bottom:20px;

}

.cash-card h4{

    margin-bottom:15px;

}
.control-room{

padding:120px 0;

background:#f8f9fb;

}

.control-feature{

background:#fff;

padding:22px;

border-radius:15px;

margin-bottom:20px;

text-align:center;

box-shadow:0 10px 25px rgba(0,0,0,.05);

transition:.3s;

}

.control-feature:hover{

background:var(--primary);

color:#fff;

transform:translateY(-6px);

}

.control-feature:hover i{

color:#fff;

}

.control-feature i{

font-size:32px;

color:var(--primary);

margin-bottom:12px;

display:block;

}
.why-k9{

padding:120px 0;

background:#fff;

}

.k9-checks{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-top:35px;

}

.k9-checks div{

display:flex;

align-items:center;

gap:12px;

font-weight:600;

}

.k9-checks i{

color:var(--primary);

font-size:20px;

}
.k9-capabilities{

padding:120px 0;

background:#f8f9fb;

}

.k9-feature{

background:#fff;

padding:35px;

text-align:center;

border-radius:18px;

transition:.35s;

height:100%;

box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.k9-feature:hover{

background:var(--primary);

color:#fff;

transform:translateY(-10px);

}

.k9-feature:hover i{

color:#fff;

}

.k9-feature i{

font-size:48px;

color:var(--primary);

margin-bottom:20px;

display:block;

}
/*=========================================
COURIER HERO
=========================================*/

.courier-hero{

padding:120px 0;

background:
linear-gradient(rgba(10,15,25,.82),rgba(10,15,25,.90)),
url('../images/backgrounds/courier-bg.jpg');

background-size:cover;

background-position:center;

position:relative;

overflow:hidden;

}

.courier-hero h1{

font-size:62px;

color:#fff;

font-weight:800;

line-height:1.15;

margin:25px 0;

}

.courier-hero p{

color:#ddd;

font-size:18px;

line-height:1.9;

margin-bottom:35px;

}
/*=========================================
COURIER SERVICES
=========================================*/

.courier-services{

padding:120px 0;

background:#f8f9fb;

}

.courier-card{

background:#fff;

padding:35px;

border-radius:20px;

height:100%;

transition:.35s;

text-align:center;

box-shadow:0 12px 35px rgba(0,0,0,.06);

border-top:4px solid transparent;

}

.courier-card:hover{

transform:translateY(-10px);

border-color:var(--primary);

}

.service-icon{

width:75px;

height:75px;

margin:auto;

background:linear-gradient(135deg,#c8102e,#8e001b);

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.service-icon i{

font-size:34px;

color:#fff;

}

.courier-card h4{

margin-bottom:15px;

}

.courier-card p{

color:#666;

line-height:1.7;

}
/*=========================================
DELIVERY PROCESS
=========================================*/

.delivery-process{

    padding:120px 0;

    background:#fff;

}

.process-wrapper{

    display:flex;

    justify-content:space-between;

    gap:25px;

    margin-top:70px;

    position:relative;

}

.process-wrapper::before{

    content:"";

    position:absolute;

    left:6%;

    right:6%;

    top:40px;

    height:3px;

    background:#e6e6e6;

    z-index:0;

}

.process-item{

    flex:1;

    text-align:center;

    position:relative;

    z-index:2;

}

.process-icon{

    width:80px;

    height:80px;

    margin:auto;

    background:linear-gradient(135deg,#c8102e,#92001d);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin-bottom:20px;

    box-shadow:0 15px 35px rgba(200,16,46,.30);

    transition:.35s;

}

.process-item:hover .process-icon{

    transform:translateY(-8px);

}

.process-item h5{

    margin-bottom:10px;

}

.process-item p{

    color:#666;

    font-size:15px;

}

@media(max-width:991px){

.process-wrapper{

    flex-direction:column;

}

.process-wrapper::before{

    display:none;

}

}
/*=========================================
TRACKING
=========================================*/

.tracking-section{

    padding:120px 0;

    background:#101114;

}

.tracking-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:35px;

    text-align:center;

    height:100%;

    transition:.35s;

}

.tracking-card:hover{

    background:var(--primary);

    transform:translateY(-8px);

}

.tracking-card i{

    font-size:46px;

    color:#fff;

    margin-bottom:22px;

    display:block;

}

.tracking-card h5{

    color:#fff;

    margin-bottom:15px;

}

.tracking-card p{

    color:#d8d8d8;

    line-height:1.7;

}
/*=========================================
WHY COURIER
=========================================*/

.why-courier{

padding:120px 0;

background:#fff;

}

.courier-checks{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-top:35px;

}

.courier-checks div{

display:flex;

align-items:center;

gap:12px;

font-weight:600;

}

.courier-checks i{

color:var(--primary);

font-size:20px;

}

@media(max-width:768px){

.courier-checks{

grid-template-columns:1fr;

}

}
/*=========================================
COURIER CTA
=========================================*/

.courier-cta{

padding:120px 0;

background:linear-gradient(135deg,#c8102e,#870019);

position:relative;

overflow:hidden;

}

.courier-cta::before{

content:"";

position:absolute;

top:-180px;

right:-150px;

width:380px;

height:380px;

background:rgba(255,255,255,.06);

border-radius:50%;

}

.courier-cta::after{

content:"";

position:absolute;

bottom:-160px;

left:-120px;

width:320px;

height:320px;

background:rgba(255,255,255,.05);

border-radius:50%;

}

.courier-cta h2{

font-size:54px;

font-weight:700;

color:#fff;

margin:20px 0;

}

.courier-cta p{

font-size:18px;

line-height:1.9;

color:rgba(255,255,255,.92);

max-width:760px;

margin:auto;

}

@media(max-width:768px){

.courier-cta h2{

font-size:38px;

}

}
/*=========================================
FACILITIES HERO
=========================================*/

.facilities-hero{

padding:120px 0;

background:
linear-gradient(rgba(10,15,25,.84),rgba(10,15,25,.90)),
url('../images/backgrounds/facilities-bg.jpg');

background-size:cover;

background-position:center;

overflow:hidden;

position:relative;

}

.facilities-hero h1{

font-size:62px;

font-weight:800;

line-height:1.1;

color:#fff;

margin:25px 0;

}

.facilities-hero p{

font-size:18px;

line-height:1.9;

color:#ddd;

margin-bottom:35px;

}
/*=========================================
FACILITY OVERVIEW
=========================================*/

.facility-overview{

padding:120px 0;

background:#fff;

}

.facility-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-top:35px;

}

.facility-list div{

display:flex;

align-items:center;

gap:15px;

font-weight:600;

}

.facility-list i{

font-size:24px;

color:var(--primary);

}
/*=========================================
FACILITY SERVICES
=========================================*/

.facility-services{

padding:120px 0;

background:#f8f9fb;

}

.facility-card{

background:#fff;

padding:40px;

border-radius:20px;

text-align:center;

height:100%;

transition:.35s;

box-shadow:0 15px 35px rgba(0,0,0,.06);

border-top:4px solid transparent;

}

.facility-card:hover{

transform:translateY(-10px);

border-color:var(--primary);

}

.facility-card i{

font-size:48px;

color:var(--primary);

margin-bottom:25px;

display:block;

}

.facility-card h4{

margin:0;

font-size:22px;

}
/*=========================================
SERVICE DELIVERY PROCESS
=========================================*/

.facility-process{

padding:120px 0;

background:#fff;

position:relative;

}

.process-line{

position:absolute;

left:10%;

right:10%;

top:275px;

height:4px;

background:#e5e5e5;

z-index:1;

}

.facility-step{

position:relative;

text-align:center;

z-index:2;

}

.step-circle{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

background:linear-gradient(135deg,#c8102e,#89001a);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:34px;

box-shadow:0 18px 40px rgba(200,16,46,.35);

margin-bottom:25px;

transition:.4s;

}

.facility-step:hover .step-circle{

transform:translateY(-10px) scale(1.08);

}

.facility-step h5{

font-weight:700;

margin-bottom:15px;

}

.facility-step p{

font-size:15px;

color:#666;

line-height:1.7;

}

@media(max-width:992px){

.process-line{

display:none;

}

}
/*=========================================
QUALITY ASSURANCE
=========================================*/

.quality-section{

padding:120px 0;

background:#f8f9fb;

}

.quality-card{

background:#fff;

padding:40px 35px;

border-radius:20px;

text-align:center;

height:100%;

transition:.35s;

box-shadow:0 12px 30px rgba(0,0,0,.06);

border-top:4px solid transparent;

}

.quality-card:hover{

transform:translateY(-10px);

border-color:var(--primary);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.quality-card i{

font-size:48px;

color:var(--primary);

margin-bottom:25px;

display:block;

transition:.35s;

}

.quality-card:hover i{

transform:scale(1.1);

}

.quality-card h4{

margin-bottom:15px;

font-weight:700;

}

.quality-card p{

color:#666;

line-height:1.8;

font-size:15px;

}
/*=========================================
FACILITIES CTA
=========================================*/

.facilities-cta{

    position:relative;

    overflow:hidden;

    padding:120px 0;

    background:linear-gradient(135deg,#c8102e 0%,#870019 100%);

}

.facilities-cta::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    top:-180px;

    right:-150px;

}

.facilities-cta::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    bottom:-180px;

    left:-120px;

}

.facilities-cta h2{

    color:#fff;

    font-size:54px;

    font-weight:800;

    line-height:1.2;

    margin:25px 0;

}

.facilities-cta p{

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:1.9;

    max-width:850px;

    margin:0 auto 50px;

}

.facility-highlights{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    max-width:900px;

    margin:0 auto;

}

.facility-highlights div{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.10);

    border-radius:12px;

    padding:16px;

    color:#fff;

    font-weight:600;

    backdrop-filter:blur(6px);

    transition:.3s;

}

.facility-highlights div:hover{

    background:rgba(255,255,255,.15);

    transform:translateY(-5px);

}

.facility-highlights i{

    font-size:20px;

    color:#fff;

}

.facilities-cta .btn-outline-light{

    border:2px solid rgba(255,255,255,.8);

    color:#fff;

}

.facilities-cta .btn-outline-light:hover{

    background:#fff;

    color:#c8102e;

}

@media(max-width:991px){

.facilities-cta h2{

    font-size:42px;

}

}

@media(max-width:768px){

.facility-highlights{

    grid-template-columns:1fr;

}

.facilities-cta{

    padding:90px 0;

}

.facilities-cta h2{

    font-size:34px;

}

.facilities-cta p{

    font-size:16px;

}

}
/*=========================================
CAREERS HERO
=========================================*/

.careers-hero{

padding:120px 0;

background:
linear-gradient(rgba(8,12,20,.84),rgba(8,12,20,.90)),
url('../images/backgrounds/careers-bg.jpg');

background-size:cover;

background-position:center;

overflow:hidden;

}

.careers-hero h1{

font-size:62px;

font-weight:800;

line-height:1.15;

color:#fff;

margin:25px 0;

}

.careers-hero p{

color:#ddd;

font-size:18px;

line-height:1.9;

margin-bottom:35px;

}
.career-opportunities{

padding:120px 0;

background:#f8f9fb;

}

.career-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:20px;

height:100%;

transition:.35s;

box-shadow:0 12px 30px rgba(0,0,0,.06);

border-top:4px solid transparent;

}

.career-card:hover{

transform:translateY(-10px);

border-color:var(--primary);

}

.career-card i{

font-size:48px;

color:var(--primary);

margin-bottom:20px;

display:block;

}

.career-card h4{

margin-bottom:15px;

}

.career-card p{

margin-bottom:20px;

color:#666;

}

.career-card a{

font-weight:700;

color:var(--primary);

text-decoration:none;

}
/*=========================================
CAREER APPLICATION
=========================================*/

.career-application{

    padding:120px 0;

    background:#f8f9fb;

}

.application-wrapper{

    background:#fff;

    padding:50px;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.application-wrapper label{

    font-weight:600;

    margin-bottom:10px;

    display:block;

    color:#222;

}

.application-wrapper .form-control,
.application-wrapper .form-select{

    border-radius:10px;

    padding:14px 16px;

    border:1px solid #ddd;

    transition:.3s;

}

.application-wrapper .form-control:focus,
.application-wrapper .form-select:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 .2rem rgba(200,16,46,.15);

}

.application-wrapper textarea{

    resize:none;

}

.application-wrapper .btn{

    padding:15px 45px;

    font-size:17px;

}

.form-check-label{

    font-size:15px;

    color:#666;

}

@media(max-width:768px){

.application-wrapper{

    padding:30px;

}

}
/*=========================================
VACANCIES
=========================================*/

.vacancies-section{

padding:120px 0;

background:#fff;

}

.vacancy-card{

background:#fff;

border-radius:20px;

padding:35px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

height:100%;

border-left:5px solid var(--primary);

}

.vacancy-card:hover{

transform:translateY(-8px);

}

.vacancy-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

.vacancy-top h4{

margin-bottom:5px;

font-weight:700;

}

.vacancy-top span{

color:#777;

}

.vacancy-badge{

background:var(--primary);

color:#fff !important;

padding:6px 14px;

border-radius:30px;

font-size:13px;

font-weight:600;

}

.vacancy-card ul{

padding-left:18px;

margin:20px 0;

}

.vacancy-card ul li{

margin-bottom:10px;

}
/*=========================================
DOWNLOADS HERO
=========================================*/

.downloads-hero{

padding:120px 0;

background:
linear-gradient(rgba(8,12,20,.84),rgba(8,12,20,.90)),
url('../images/backgrounds/downloads-bg.jpg');

background-size:cover;

background-position:center;

overflow:hidden;

}

.downloads-hero h1{

font-size:62px;

font-weight:800;

line-height:1.1;

margin:25px 0;

color:#fff;

}

.downloads-hero p{

font-size:18px;

line-height:1.9;

color:#ddd;

margin-bottom:35px;

}
/*=========================================
DOWNLOAD CARDS
=========================================*/

.featured-downloads{

padding:120px 0 60px;

background:#f8f9fb;

}

.company-downloads{

padding:60px 0 120px;

background:#fff;

}

.download-card{

background:#fff;

padding:35px;

border-radius:20px;

text-align:center;

height:100%;

transition:.35s;

box-shadow:0 15px 40px rgba(0,0,0,.06);

border-top:4px solid transparent;

}

.download-card:hover{

transform:translateY(-10px);

border-color:var(--primary);

}

.download-icon{

width:85px;

height:85px;

margin:auto;

border-radius:20px;

background:linear-gradient(135deg,#c8102e,#8a001b);

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.download-icon i{

font-size:42px;

color:#fff;

}

.download-meta{

display:flex;

justify-content:center;

gap:15px;

margin:25px 0;

}

.download-meta span{

background:#f3f3f3;

padding:7px 16px;

border-radius:30px;

font-size:13px;

font-weight:600;

}

.download-card a{

font-weight:700;

color:var(--primary);

text-decoration:none;

}
/*=========================================
SERVICE BROCHURES
=========================================*/

.service-brochures{

padding:120px 0;

background:#f8f9fb;

}

.brochure-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:20px;

height:100%;

transition:.35s;

box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.brochure-card:hover{

transform:translateY(-10px);

}

.brochure-card i{

font-size:48px;

color:var(--primary);

margin-bottom:20px;

display:block;

}

.brochure-card h4{

margin-bottom:15px;

}

.brochure-card p{

color:#666;

margin-bottom:25px;

line-height:1.8;

}
/*==================================================*
 * OUR SOLUTIONS INTRO
 *==================================================*/

.solutions-intro {

    padding: 30px 0 65px;

}


/*==================================================*
 * CONTENT
 *==================================================*/

.solutions-intro .section-subtitle {

    display: inline-block;

    color: var(--primary);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 15px;

}


.solutions-intro h2 {

    color: #111;

    font-size: 46px;

    line-height: 1.15;

    font-weight: 800;

    margin: 0 0 22px;

    max-width: 650px;

}


.solutions-intro p {

    color: #666;

    font-size: 17px;

    line-height: 1.8;

    max-width: 650px;

    margin: 0;

}


/*==================================================*
 * IMAGE
 *==================================================*/

.solutions-intro-image {

    position: relative;

    padding-left: 25px;

}


.solutions-intro-image img {

    width: 100%;

    height: 420px;

    object-fit: cover;

    display: block;

    border-radius: 20px;

    box-shadow: 0 20px 45px rgba(0,0,0,.12);

}


/*==================================================*
 * RED IMAGE ACCENT
 *==================================================*/

.solutions-intro-image::before {

    content: "";

    position: absolute;

    width: 80px;

    height: 80px;

    background: var(--primary);

    border-radius: 50%;

    top: -20px;

    right: -15px;

    opacity: .10;

    z-index: 0;

}


.solutions-intro-image img {

    position: relative;

    z-index: 1;

}


/*==================================================*
 * TABLET
 *==================================================*/

@media (max-width: 991px) {

    .solutions-intro {

        padding: 20px 0 55px;

    }

    .solutions-intro h2 {

        font-size: 40px;

    }

    .solutions-intro-image {

        padding-left: 0;

    }

    .solutions-intro-image img {

        height: 400px;

    }

}


/*==================================================*
 * MOBILE
 *==================================================*/

@media (max-width: 768px) {

    .solutions-intro {

        padding: 15px 0 45px;

    }

    .solutions-intro h2 {

        font-size: 32px;

    }

    .solutions-intro p {

        font-size: 15px;

        line-height: 1.7;

    }

    .solutions-intro-image {

        margin-top: 10px;

    }

    .solutions-intro-image img {

        height: 330px;

        border-radius: 15px;

    }

}
/*==================================================*
 * RAPID RESPONSE INTRO
 *==================================================*/

.response-intro {

    padding: 30px 0 70px;

}


/*==================================================*
 * SECTION SUBTITLE
 *==================================================*/

.response-intro .section-subtitle {

    display: inline-block;

    color: var(--primary);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 15px;

}


/*==================================================*
 * HEADING
 *==================================================*/

.response-intro h2 {

    color: #111;

    font-size: 46px;

    line-height: 1.15;

    font-weight: 800;

    margin: 0 0 22px;

    max-width: 620px;

}


/*==================================================*
 * DESCRIPTION
 *==================================================*/

.response-intro > .row > .col-lg-6:first-child > p {

    color: #666;

    font-size: 17px;

    line-height: 1.8;

    max-width: 620px;

    margin: 0 0 28px;

}


/*==================================================*
 * RESPONSE HIGHLIGHTS
 *==================================================*/

.response-highlights {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px 25px;

    margin-top: 25px;

}


/*==================================================*
 * INDIVIDUAL HIGHLIGHT
 *==================================================*/

.response-highlight {

    display: flex;

    align-items: flex-start;

    gap: 12px;

}


/*==================================================*
 * HIGHLIGHT ICON
 *==================================================*/

.response-highlight > i {

    flex-shrink: 0;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: rgba(200, 16, 46, .10);

    color: var(--primary);

    font-size: 16px;

}


/*==================================================*
 * HIGHLIGHT TEXT
 *==================================================*/

.response-highlight strong {

    display: block;

    color: #222;

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 3px;

}


.response-highlight span {

    display: block;

    color: #777;

    font-size: 13px;

    line-height: 1.5;

}


/*==================================================*
 * IMAGE CONTAINER
 *==================================================*/

.response-intro-image {

    position: relative;

    padding-left: 25px;

}


/*==================================================*
 * IMAGE
 *==================================================*/

.response-intro-image img {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 430px;

    object-fit: cover;

    display: block;

    border-radius: 20px;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, .13);

}


/*==================================================*
 * IMAGE DECORATIVE ACCENT
 *==================================================*/

.response-intro-image::before {

    content: "";

    position: absolute;

    width: 90px;

    height: 90px;

    top: -25px;

    right: -15px;

    border-radius: 50%;

    background: var(--primary);

    opacity: .10;

    z-index: 0;

}


/*==================================================*
 * FLOATING IMAGE BADGE
 *==================================================*/

.response-image-badge {

    position: absolute;

    z-index: 3;

    left: 0;

    bottom: 30px;

    display: flex;

    align-items: center;

    gap: 12px;

    min-width: 235px;

    padding: 15px 20px;

    background: #fff;

    border-radius: 10px;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, .16);

}


/*==================================================*
 * BADGE ICON
 *==================================================*/

.response-image-badge > i {

    width: 42px;

    height: 42px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--primary);

    color: #fff;

    font-size: 18px;

}


/*==================================================*
 * BADGE TEXT
 *==================================================*/

.response-image-badge strong {

    display: block;

    color: #222;

    font-size: 14px;

    font-weight: 700;

}


.response-image-badge span {

    display: block;

    color: #777;

    font-size: 12px;

    margin-top: 2px;

}


/*==================================================*
 * TABLET
 *==================================================*/

@media (max-width: 991px) {

    .response-intro {

        padding: 20px 0 60px;

    }


    .response-intro h2 {

        font-size: 40px;

    }


    .response-intro-image {

        padding-left: 0;

    }


    .response-intro-image img {

        height: 400px;

    }


    .response-image-badge {

        left: 20px;

    }

}


/*==================================================*
 * MOBILE
 *==================================================*/

@media (max-width: 768px) {

    .response-intro {

        padding: 15px 0 50px;

    }


    .response-intro h2 {

        font-size: 32px;

    }


    .response-intro > .row > .col-lg-6:first-child > p {

        font-size: 15px;

        line-height: 1.7;

    }


    .response-highlights {

        grid-template-columns: 1fr;

        gap: 16px;

    }


    .response-highlight > i {

        width: 36px;

        height: 36px;

        font-size: 15px;

    }


    .response-intro-image {

        margin-top: 10px;

    }


    .response-intro-image img {

        height: 340px;

        border-radius: 15px;

    }


    .response-image-badge {

        position: relative;

        left: auto;

        bottom: auto;

        display: inline-flex;

        margin-top: -30px;

        margin-left: 20px;

    }

}


/*==================================================*
 * SMALL MOBILE
 *==================================================*/

@media (max-width: 480px) {

    .response-intro h2 {

        font-size: 29px;

    }


    .response-intro-image img {

        height: 300px;

    }

}


/* ==========================================
   CIT - CASH MOVEMENT PROCESS REDESIGN
========================================== */

.transport-process {
    padding: 90px 0;
    background: #f8f9fa;
}

.transport-process .section-header {
    margin-bottom: 65px;
}

.transport-process .process-flow {
    counter-reset: cit-step;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

/* Individual process cards */

.transport-process .flow-step {
    counter-increment: cit-step;
    position: relative;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 16px;
    padding: 38px 18px 30px;
    text-align: center;
    min-width: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,.045);
    transition: all .3s ease;
}

/* Step number */

.transport-process .flow-step::before {
    content: "0" counter(cit-step);
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 12px;
    font-weight: 800;
    color: #c8102e;
    letter-spacing: 1px;
}

/* Icon container */

.transport-process .flow-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: rgba(200,16,46,.09);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c8102e;
    font-size: 29px;
    transition: all .3s ease;
}

/* Heading */

.transport-process .flow-step h5 {
    font-size: 18px;
    font-weight: 800;
    color: #171717;
    margin-bottom: 12px;
}

/* Description */

.transport-process .flow-step p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}

/* Hover effect */

.transport-process .flow-step:hover {
    transform: translateY(-8px);
    border-color: #c8102e;
    box-shadow: 0 15px 35px rgba(0,0,0,.09);
}

.transport-process .flow-step:hover .flow-icon {
    background: #c8102e;
    color: #fff;
}

/* Remove old arrow elements */

.transport-process .flow-arrow {
    display: none !important;
}


/* ==========================================
   TABLET
========================================== */

@media(max-width: 991px) {

    .transport-process .process-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media(max-width: 576px) {

    .transport-process {
        padding: 60px 0;
    }

    .transport-process .process-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .transport-process .flow-step {
        padding: 35px 12px 25px;
    }

    .transport-process .flow-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .transport-process .flow-step h5 {
        font-size: 16px;
    }

    .transport-process .flow-step p {
        font-size: 13px;
    }

}

@media(max-width: 360px) {

    .transport-process .process-flow {
        grid-template-columns: 1fr;
    }

}