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

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Merriweather', Sans-Serif;
    font-size:16px;
    font-weight:400;
    line-height:1.6;
    color:#1A1A1A;
    background:#F7F7F7;
    overflow-x:hidden;
}

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

a{
    text-decoration:none;
    color:inherit;
    transition:0.3s ease;
}

ul,
ol{
    list-style:none;
}

button,
input,
textarea,
select{
    font:inherit;
    border:none;
    outline:none;
}

button{
    cursor:pointer;
    background:none;
}

.container{
    width:90%;
    max-width:1400px;
    margin:0 auto;
}
   /*=====================================
TOP HEADER
======================================*/

.top-header{
    background:#071D47;
    color:#fff;
    height:44px;
    display:flex;
    align-items:center;
    font-size:14px;
}

.top-header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* Left Side */

.top-left{
    display:flex;
    align-items:center;
    gap:30px;
}

.top-left a{
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:14px;
    font-weight:400;
    transition:.3s ease;
}

.top-left a:hover{
    color:#D9A11C;
}

.top-left i{
    color:#D9A11C;
    font-size:13px;
}

/* Right Side */

.top-right{
    display:flex;
    align-items:center;
    gap: 0px;
}

.follow-text{
    font-size:14px;
    font-weight:400;
}

.top-right a{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    border-radius:50%;
    transition:.3s ease;
}

.top-right a:hover{
    background:#D9A11C;
    color:#071D47;
}

.top-right i{
    font-size:13px;
}
    
/*=====================================*
*HEADER*
*======================================*/

header{
    position:sticky;
    top:0;
    z-index:999;
    background:#fff;
    box-shadow:0 2px 15px rgba(0,0,0,.08);
}

.navbar{
    height:95px;
}

.navbar .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:100%;
    gap:20px;
}


/* Logo */

.logo img{
    width:225px;
    display:block;
}


/* Menu */

.menu{
    display:flex;
    align-items:center;
    gap:18px;
    flex-shrink:1;
}

.menu li{
    position:relative;
}

.menu li a{
    display:flex;
    align-items:center;
    gap:6px;
    color:#162A52;
    font-size:16px;
    transition:.3s;
    white-space:nowrap;
}

.menu li a:hover{
    color:#D89B12;
}


/* Dropdown parent buttons */

.menu .dropdown-toggle{
    display:flex;
    align-items:center;
    gap:6px;

    padding:0;
    border:0;
    background:none;

    color:#162A52;
    font-family:inherit;
    font-size:16px;

    cursor:pointer;
    white-space:nowrap;

    transition:.3s;
}

.menu .dropdown-toggle:hover{
    color:#D89B12;
}

.menu li i{
    font-size:13px;
    transition:.3s;
}

.menu li:hover > .dropdown-toggle .fa-chevron-down{
    transform:rotate(180deg);
}


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

.menu li.has-dropdown > .dropdown{
    position:absolute;
    top:100%;
    left:0;

    min-width:230px;
    margin-top:10px;
    padding:8px 0;

    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
    border-bottom:3px solid #D89B12;

    list-style:none;

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.25s ease;

    z-index:9999;
}


/* Show dropdown */

.menu li.has-dropdown:hover > .dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}


/* Dropdown links */

.menu .dropdown li{
    width:100%;
}

.menu .dropdown li a{
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:100%;
    padding:11px 18px;

    box-sizing:border-box;

    color:#162A52;
    font-size:14px;
    font-weight:500;

    white-space:nowrap;
}


/* Dropdown hover */

.menu .dropdown li a:hover{
    color:#D89B12;
    background:#f8f8f8;
}


/*=====================================*
*THIRD LEVEL DROPDOWN*
*======================================*/


/* Products submenu */

.menu .dropdown li.has-dropdown > .dropdown{
    top:-8px;
    left:100%;

    margin-left:2px;

    transform:translateX(10px);
}


/* Show Products submenu */

.menu .dropdown li.has-dropdown:hover > .dropdown{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}


/* Products button */

.menu .dropdown li.has-dropdown > .dropdown-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:100%;
    padding:11px 18px;

    box-sizing:border-box;

    color:#162A52;
    font-size:14px;
    font-weight:500;

    white-space:nowrap;
}

.menu .dropdown li.has-dropdown > .dropdown-toggle:hover{
    color:#D89B12;
    background:#f8f8f8;
}


/* Don't rotate right arrow */

.menu .dropdown li.has-dropdown > .dropdown-toggle .fa-chevron-right{
    transform:none;
}

.menu .dropdown li.has-dropdown:hover > .dropdown-toggle .fa-chevron-right{
    transform:none;
}


/*=====================================*
*BUTTON*
*======================================*/

.quote-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 28px;

    background:#D89B12;
    color:#fff;

    border-radius:6px;

    font-size:15px;
    font-weight:600;

    transition:.3s;
}

.quote-btn:hover{
    background:#B98708;
}


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

.menu-toggle{
    display:none;
}


/* TABLET + MOBILE */

@media(max-width:991px){

    .top-header{
        display:none;
    }

    .navbar{
        height:80px;
    }

    .logo img{
        width:180px;
    }

    .menu-toggle{
        display:block;
        font-size:24px;
        color:#071D47;
        margin-left:auto;
        margin-right:18px;
        padding:5px;
    }

    .menu{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        padding:8px 0;
        box-shadow:0 8px 15px rgba(0,0,0,.10);
    }

    .menu.active{
        display:flex;
    }

    .menu li{
        width:100%;
    }


    /* Mobile dropdowns */

    .menu li.has-dropdown > .dropdown{
        position:static;

        display:none;

        width:100%;
        min-width:0;

        border-bottom:none;

        padding:0;

        box-shadow:none;

        opacity:1;
        visibility:visible;
        transform:none;
    }

    .menu li.has-dropdown:hover > .dropdown{
        display:block;
    }


    /* Mobile dropdown links */

    .menu .dropdown li a{
        padding:11px 8%;
        font-size:13px;
    }


    /* Mobile dropdown buttons */

    .menu .dropdown li.has-dropdown > .dropdown-toggle{
        width:100%;
        padding:11px 8%;

        box-sizing:border-box;

        font-size:13px;
    }


    /* Third level on mobile */

    .menu .dropdown li.has-dropdown > .dropdown{
        position:static;

        margin:0;

        transform:none;
    }

    .menu .dropdown li.has-dropdown:hover > .dropdown{
        transform:none;
    }

    .menu .dropdown .dropdown li a{
        padding-left:12%;
    }


    /* Main menu links */

    .menu li a{
        width:100%;
        padding:13px 5%;
        font-size:14px;
    }


    /* Main menu dropdown buttons */

    .menu > li.has-dropdown > .dropdown-toggle{
        width:100%;
        padding:13px 5%;

        box-sizing:border-box;

        justify-content:space-between;

        font-size:14px;
    }


    .quote-btn{
        padding:11px 18px;
        font-size:12px;
    }

}


/* MOBILE */

@media(max-width:767px){

    .navbar{
        height:70px;
    }

    .logo img{
        width:160px;
    }

    .menu-toggle{
        font-size:22px;
        margin-right:10px;
    }

    .quote-btn{
        padding:9px 13px;
        font-size:11px;
    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .logo img{
        width:145px;
    }

    .quote-btn{
        padding:8px 11px;
        font-size:10px;
    }

}


/*=====================================
BANNER
======================================*/

.banner {
    position: relative;
    height: 600px;
    overflow: hidden;
}

/* SLIDER */

.banner-slides {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.banner-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
}

.banner-slide.active {
    opacity: 1;
    visibility: visible;
}

.banner-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* OVERLAY */

.banner .overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(
        to right,
        rgba(7, 29, 71, .95) 0%,
        rgba(7, 29, 71, .88) 22%,
        rgba(7, 29, 71, .72) 42%,
        rgba(7, 29, 71, .45) 58%,
        rgba(7, 29, 71, .18) 72%,
        transparent 88%
    );
}

/* CONTENT */

.banner .content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.banner .content h1 {
    margin: 0 0 14px;
    font-size: 54px;
    line-height: 1.1;
    color: #fff;
}

.banner .content h1 span {
    color: #D89B12;
}

.banner .content p {
    margin: 0 0 40px;
    font-size: 20px;
    line-height: 1.8;
    color: #F2F2F2;
}

/* FEATURES */

.features {
    display: flex;
    margin-bottom: 42px;
}

.feature {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 30px;
}

.feature:first-child {
    padding-left: 0;
}

.feature:last-child {
    padding-right: 0;
}

.feature:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 50px;
    background: rgba(255, 255, 255, .25);
    transform: translateY(-50%);
}

.feature .icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #D89B12;
    border-radius: 50%;
    color: #D89B12;
    font-size: 12px;
}

/* FEATURE VALUE */

.feature strong {
    display: block;
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}

.feature span {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    color: #E7E7E7;
}

/* BUTTONS */

.buttons {
    display: flex;
    gap: 18px;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 24px;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    transition: .3s;
}

.btn:hover {
    transform: translateY(-2px);
}

.blue {
    background: #173F8B;
}

.blue:hover {
    background: #12356F;
}

.green {
    background: #27AE60;
}

.green:hover {
    background: #1F944F;
}

.dark {
    background: #102750;
}

.dark:hover {
    background: #0B1E40;
}

/* ARROWS */

.banner-prev,
.banner-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    background: rgba(7, 29, 71, .45);
    color: #fff;
    cursor: pointer;
    transform: translateY(-50%);
}

.banner-prev {
    left: 20px;
}

.banner-next {
    right: 20px;
}

.banner-prev:hover,
.banner-next:hover {
    background: #D89B12;
    border-color: #D89B12;
}

/* DOTS */

.banner-dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 5;
    display: flex;
    gap: 8px;
    transform: translateX(-50%);
}

.banner-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.banner-dot.active {
    width: 28px;
    border-radius: 10px;
    background: #D89B12;
    border-color: #D89B12;
}


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

@media (max-width: 991px) {

    .banner {
        height: 500px;
    }

    .banner .content h1 {
        font-size: 44px;
    }

    .banner .content p {
        font-size: 17px;
        margin-bottom: 30px;
    }

    .features {
        flex-wrap: wrap;
        gap: 20px 0;
    }

    .feature {
        width: 50%;
        box-sizing: border-box;
    }

    .feature:nth-child(2) {
        padding-right: 0;
    }

    .feature:nth-child(2)::after {
        display: none;
    }

    .buttons {
        flex-wrap: wrap;
    }
}


@media (max-width: 767px) {

    .banner {
        height: auto;
        min-height: 500px;
    }

    .banner .content {
        padding: 55px 5%;
        box-sizing: border-box;
    }

    .banner .content h1 {
        font-size: 36px;
    }

    .banner .content p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 28px;
    }

    .features {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px 0;
        margin-bottom: 32px;
    }

    .feature {
        width: auto;
        padding: 0 15px;
    }

    .feature:nth-child(odd) {
        padding-left: 0;
    }

    .feature:nth-child(even) {
        padding-right: 0;
    }

    .feature:nth-child(2)::after,
    .feature:nth-child(4)::after {
        display: none;
    }

    .feature strong {
        font-size: 17px;
    }

    .feature span {
        font-size: 11px;
    }

    .buttons {
        flex-direction: column;
        gap: 10px;
    }

    .btn {
        width: 100%;
        box-sizing: border-box;
        padding: 13px 18px;
        font-size: 13px;
    }

    .banner-prev,
    .banner-next {
        width: 35px;
        height: 35px;
    }

    .banner-prev {
        left: 10px;
    }

    .banner-next {
        right: 10px;
    }
}


@media (max-width: 480px) {

    .banner .content {
        padding: 45px 5%;
    }

    .banner .content h1 {
        font-size: 30px;
    }

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

    .feature {
        gap: 9px;
    }

    .feature strong {
        font-size: 15px;
    }

    .feature span {
        font-size: 10px;
    }
}








/*==============================
TRUSTED BY
==============================*/

.trusted-section{
    background:#fff;
    padding:30px 0;
}

.trusted-title{
    text-align:center;
    font-size:28px;
    font-weight:700;
    color:#162A52;
    margin-bottom:25px;
}

.trusted-carousel .item{
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.trusted-carousel img{
    width:auto !important;
    max-width:100px;
    max-height:100px;
    object-fit:contain;
    transition:.3s;
}

.trusted-carousel img:hover{
    transform:scale(1.05);
}

.owl-carousel .owl-stage{
    display:flex;
    align-items:center;
}

/*=====================================
PROBLEM SECTION
======================================*/

.problem-section{
    background:#fff;
    padding:35px 0;
}

.problem-box{
    display:flex;
    align-items:center;
    gap:60px;
    padding:35px 40px;
    background:#fff;
    border:1px solid #d9dde6;
    border-radius:14px;
}

.problem-content{
    width:38%;
}

.section-tag{
    display:block;
    margin-bottom:12px;
    color:#162A52;
    font-size:14px;
    font-weight:700;
    letter-spacing:.5px;
}

.problem-content h2{
    margin-bottom:20px;
    color:#162A52;
    font-size:28px;
    line-height:1.2;
}

.problem-content p{
    color:#555;
    font-size:16px;
    line-height:1.8;
}

.problem-icons{
    width:62%;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px 35px;
}

.problem-item{
    display:flex;
    align-items:center;
    gap:14px;
}

.problem-icon{
    width:58px;
    height:58px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0F2B67;
    color:#fff;
    font-size:22px;
}

.problem-item span{
    color:#1d1d1d;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
}


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

@media(max-width:991px){

    .problem-box{
        gap:35px;
        padding:30px;
    }

    .problem-content{
        width:40%;
    }

    .problem-icons{
        width:60%;
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

    .problem-content h2{
        font-size:24px;
    }

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

}


@media(max-width:767px){

    .problem-section{
        padding:30px 0;
    }

    .problem-box{
        display:block;
        padding:25px 20px;
        border-radius:10px;
    }

    .problem-content,
    .problem-icons{
        width:100%;
    }

    .problem-content{
        margin-bottom:30px;
    }

    .problem-content h2{
        font-size:24px;
    }

    .problem-content p{
        font-size:14px;
        line-height:1.7;
    }

    .problem-icons{
        grid-template-columns:1fr 1fr;
        gap:22px 15px;
    }

    .problem-item{
        gap:10px;
    }

    .problem-icon{
        width:48px;
        height:48px;
        font-size:18px;
    }

    .problem-item span{
        font-size:12px;
    }

}


@media(max-width:480px){

    .problem-box{
        padding:22px 16px;
    }

    .problem-content h2{
        font-size:21px;
    }

    .problem-icons{
        gap:20px 10px;
    }

    .problem-icon{
        width:44px;
        height:44px;
        font-size:16px;
    }

    .problem-item span{
        font-size:11px;
    }

}

/*=====================================*
* SOLUTIONS
*======================================*/

.solutions-section {
    background: #fff;
    padding: 0 0 40px 0;
}

.solutions-box {
    display: flex;
    align-items: flex-start;
    gap: 35px;
    padding: 22px;
    background: #fff;
    border: 1px solid #d9dde6;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(15, 43, 103, .05);
}

.solutions-content {
    width: 30%;
    padding-top: 45px;
}

.solutions-content h2 {
    margin: 14px 0 30px;
    color: #162A52;
    font-size: 28px;
    line-height: 1.22;
}

.solution-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    background: #0F2B67;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.solution-btn:hover {
    color: #fff;
    background: #162A52;
}


/* SOLUTION CARDS */

.solutions-grid {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.solution-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8dde8;
    border-radius: 14px;
    transition: .3s;
}

.solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 28px rgba(15, 43, 103, .12);
}

.solution-card img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    display: block;
}

.solution-card h3 {
    margin: 0;
    padding: 15px 10px 10px;
    color: #162A52;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
}


/* SOLUTION LIST */

.solution-list {
    list-style: none;
    padding: 0 15px 18px;
    margin: 0;
}

.solution-list li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 8px;
    color: #333;
    font-size: 15px;
    line-height: 1.35;
}

.solution-list li:last-child {
    margin-bottom: 0;
}

.solution-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #D89A00;
    font-size: 12px;
    font-weight: 700;
}


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

@media (max-width: 991px) {

    .solutions-box {
        gap: 25px;
        padding: 20px;
    }

    .solutions-content {
        width: 30%;
        padding-top: 25px;
    }

    .solutions-grid {
        width: 70%;
        grid-template-columns: repeat(2, 1fr);
    }

    .solutions-content h2 {
        font-size: 24px;
    }

    .solution-card img {
        height: 150px;
    }

    .solution-card h3 {
        font-size: 15px;
    }

    .solution-list {
        padding: 0 12px 15px;
    }

    .solution-list li {
        font-size: 12px;
    }
}


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

@media (max-width: 767px) {

    .solutions-section {
        padding: 30px 0;
    }

    .solutions-box {
        display: block;
        padding: 20px;
        border-radius: 10px;
    }

    .solutions-content,
    .solutions-grid {
        width: 100%;
    }

    .solutions-content {
        margin-bottom: 25px;
        padding-top: 0;
    }

    .solutions-content h2 {
        margin: 10px 0 20px;
        font-size: 24px;
    }

    .solution-btn {
        padding: 13px 25px;
        font-size: 14px;
    }

    .solutions-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .solution-card img {
        height: 130px;
    }

    .solution-card h3 {
        padding: 13px 8px 8px;
        font-size: 13px;
    }

    .solution-list {
        padding: 0 10px 13px;
    }

    .solution-list li {
        padding-left: 15px;
        margin-bottom: 7px;
        font-size: 11px;
    }
}


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

@media (max-width: 480px) {

    .solutions-box {
        padding: 16px;
    }

    .solutions-grid {
        gap: 10px;
    }

    .solution-card img {
        height: 110px;
    }

    .solution-card h3 {
        padding: 11px 5px 7px;
        font-size: 12px;
    }

    .solution-list {
        padding: 0 8px 12px;
    }

    .solution-list li {
        padding-left: 14px;
        margin-bottom: 6px;
        font-size: 10px;
        line-height: 1.3;
    }

    .solution-list li::before {
        font-size: 10px;
    }
}



.experience-box {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 300px;
    margin-top: 40px;
    padding: 12px 15px;
    background: #f8f9fb;
    border: 1px solid #d9dde6;
    border-radius: 10px;
    text-decoration: none;
    transition: .3s;
}

.experience-box img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    flex-shrink: 0;
}

.experience-box span {
    color: #162A52;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.experience-box:hover {
    border-color: #0F2B67;
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(15, 43, 103, .10);
}

.experience-box:hover span {
    color: #0F2B67;
}










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

.industries-section{
    background:#071d47;
    padding:40px 0;
    overflow:hidden;
}

.industry-title{
    text-align:center;
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:10px;
    letter-spacing:1px;
}

.industry-item{
    text-align:center;
    color:#fff;
    padding:20px 10px;
}

.industry-item i{
    width:75px;
    height:75px;
    border:2px solid rgba(255,255,255,.15);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin:0 auto 18px;
    color:#d9a321;
    background:rgba(255,255,255,.05);
    transition:.3s;
}

.industry-item span{
    display:block;
    font-size:14px;
    line-height:1.5;
    font-weight:600;
}

.industry-item:hover i{
    background:#d9a321;
    color:#071d47;
    transform:translateY(-5px);
}

.industries-carousel .owl-stage{
    display:flex;
    align-items:center;
}

.industries-carousel .owl-item{
    display:flex;
    justify-content:center;
}

/* Navigation */

.industries-carousel .owl-nav{
    display:block;
}

.industries-carousel .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:36px;
    height:36px;
    border-radius:50%!important;
    border:2px solid rgba(255,255,255,.25)!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:16px!important;
    transition:.3s;
}

.industries-carousel .owl-nav button:hover{
    background:#d9a321!important;
    color:#071d47!important;
    border-color:#d9a321!important;
}

.industries-carousel .owl-prev{left:-40px;}
.industries-carousel .owl-next{right:-40px;}
.industries-carousel .owl-nav button span{display:none;}


/* TABLET */
@media(max-width:992px){

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

    .industry-title{
        font-size:26px;
    }

    .industry-item{
        padding:15px 8px;
    }

    .industry-item i{
        width:65px;
        height:65px;
        font-size:26px;
        margin-bottom:14px;
    }

    .industries-carousel .owl-prev{left:0;}
    .industries-carousel .owl-next{right:0;}

}


/* MOBILE */
@media(max-width:768px){

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

    .industry-title{
        font-size:24px;
        margin-bottom:5px;
    }

    .industry-item{
        padding:15px 5px;
    }

    .industry-item i{
        width:60px;
        height:60px;
        font-size:24px;
        margin-bottom:12px;
    }

    .industry-item span{
        font-size:13px;
    }

    .industries-carousel .owl-nav button{
        width:32px;
        height:32px;
        font-size:14px!important;
    }

    .industries-carousel .owl-prev{left:0;}
    .industries-carousel .owl-next{right:0;}

}


/* SMALL MOBILE */
@media(max-width:480px){

    .industry-title{
        font-size:22px;
    }

    .industry-item i{
        width:55px;
        height:55px;
        font-size:22px;
    }

    .industry-item span{
        font-size:12px;
    }

}


/*=========================
OUR PRODUCTS
=========================*/

.products-section{
    padding:70px 0;
    background:#fff;
}

.products-title{
    text-align:center;
    color:#071d47;
    font-size:28px;
    font-weight:700;
    margin-bottom:35px;
    letter-spacing:1px;
}

.products-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:28px;
    align-items:flex-start;
}


/* Product Card */

.product-card{
    display:block;
    text-align:center;
    text-decoration:none;
    color:inherit;
}

.product-card img{
    width:100%;
    height:170px;
    object-fit:cover;
    border-radius:12px;
    border:1px solid #e5e5e5;
    transition:.35s;
}

.product-card:hover img{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,.18);
}

.product-card h3{
    margin-top:16px;
    font-size:19px;
    color:#071d47;
    font-weight:700;
}

.product-card p{
    margin-top:8px;
    color:#666;
    font-size:15px;
    line-height:1.6;
}


/* Remove default link styling */

.product-card:hover h3,
.product-card:hover p{
    text-decoration:none;
}


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

@media(max-width:1200px){

    .products-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .products-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .products-grid{
        grid-template-columns:1fr;
    }

}

/*=========================
FEATURED PROJECT
=========================*/

.featured-project{
    background:#f6f8fc;
    padding:60px 0;
}

.project-grid{
    display:flex;
    align-items:center;
    gap:60px;
}

.project-info{
    width:42%;
}

.project-slider{
    width:58%;
}

.section-tag{
    display:inline-block;
    margin-bottom:12px;
    color:#d79a0c;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
}

.project-info h2{
    margin-bottom:15px;
    color:#071d47;
    font-size:28px;
    line-height:1.2;
}

.project-info h4{
    margin-bottom:25px;
    color:#071d47;
    font-size:14px;
}

.stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-bottom:25px;
}

.stat-box{
    padding:12px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:5px;
    text-align:center;
}

.stat-box small{
    display:block;
    margin-bottom:8px;
    color:#777;
    font-size:13px;
}

.stat-box strong{
    color:#071d47;
    font-size:24px;
}

.project-info p{
    color:#555;
    font-size:16px;
    line-height:1.8;
}


/* BEFORE / AFTER */

.beer-slider{
    width:100%;
    height:450px;
}

.beer-slider > img,
.beer-slider .beer-reveal img{
    width:100%;
    height:430px;
    display:block;
    object-fit:cover;
    border-radius:12px;
}

.beer-slider .beer-reveal{
    height:450px;
}

.beer-slider .beer-reveal img{
    position:absolute;
    top:0;
    left:0;
}


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

@media(max-width:991px){

    .featured-project{
        padding:45px 0;
    }

    .project-grid{
        gap:35px;
    }

    .project-info{
        width:45%;
    }

    .project-slider{
        width:55%;
    }

    .project-info h2{
        font-size:24px;
    }

    .project-info p{
        font-size:14px;
    }

    .beer-slider{
        height:360px;
    }

    .beer-slider > img,
    .beer-slider .beer-reveal img{
        height:340px;
    }

    .beer-slider .beer-reveal{
        height:360px;
    }

}


@media(max-width:767px){

    .featured-project{
        padding:35px 0;
    }

    .project-grid{
        display:flex;
        flex-direction:column;
        gap:30px;
        align-items:stretch;
    }

    .project-info,
    .project-slider{
        width:100%;
    }

    .project-info h2{
        font-size:24px;
    }

    .stats{
        gap:10px;
    }

    .stat-box{
        padding:10px 5px;
    }

    .stat-box small{
        font-size:11px;
    }

    .stat-box strong{
        font-size:20px;
    }

    .project-info p{
        font-size:14px;
        line-height:1.7;
    }

    .beer-slider{
        height:300px;
    }

    .beer-slider > img,
    .beer-slider .beer-reveal img{
        height:290px;
    }

    .beer-slider .beer-reveal{
        height:300px;
    }

}


@media(max-width:480px){

    .featured-project{
        padding:30px 0;
    }

    .stats{
        grid-template-columns:repeat(3,1fr);
    }

    .stat-box strong{
        font-size:18px;
    }

    .beer-slider{
        height:240px;
    }

    .beer-slider > img,
    .beer-slider .beer-reveal img{
        height:230px;
    }

    .beer-slider .beer-reveal{
        height:240px;
    }

}


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

.testimonials-section{
    padding:70px 0;
    background:#fff;
}

.testimonial-heading{
    font-size:28px;
    color:#071d47;
    font-weight:700;
    margin-bottom:35px;
    text-align:left;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.testimonial-card{
    background:#fff;
    border:1px solid #e8edf5;
    padding:24px;
    transition:.3s;
}

.testimonial-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.card-top{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

.card-top img{
    width:34px;
}

.card-top h3{
    font-size:18px;
    color:#071d47;
    font-weight:700;
}

.quote-icon{
    font-size:26px;
    color:#d79a0c;
}

.rating{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:12px;
}

.score{
    font-size:38px;
    color:#071d47;
    font-weight:700;
    line-height:1;
}

.stars{
    color:#f6b100;
    font-size:22px;
    letter-spacing:2px;
}

.testimonial-card p{
    color:#555;
    font-size:15px;
    line-height:1.8;
    margin-bottom:15px;
}

.testimonial-text{
    min-height:95px;
}

.testimonial-card small{
    display:block;
    color:#777;
    margin-bottom:20px;
    font-size:14px;
}

.testimonial-card a{
    color:#071d47;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:.3s;
}

.testimonial-card a:hover{
    color:#d79a0c;
}

.video-thumb{
    position:relative;
    margin-bottom:20px;
}

.video-thumb img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:62px;
    height:62px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#071d47;
    font-size:22px;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    cursor:pointer;
}

.play-btn:hover{
    background:#d79a0c;
    color:#fff;
}

@media(max-width:992px){

.testimonial-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.testimonial-grid{
    grid-template-columns:1fr;
}

.testimonial-heading{
    font-size:24px;
}

}



/*=========================
CASE STUDIES
=========================*/

.case-studies{
    padding:60px 0;
    background:#f6f8fc;
}

.case-heading{
    font-size:28px;
    color:#071d47;
    font-weight:700;
    margin-bottom:30px;
}

.case-single{
    display:flex;
    align-items:center;
    gap:45px;
    background:#fff;
    padding:28px;
}

.case-image,
.case-info{
    width:50%;
}

.case-image img{
    width:100%;
    height:430px;
    object-fit:cover;
    border-radius: 12px;
}

.case-category{
    color:#d79a0c;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
}

.case-info h3{
    font-size:30px;
    color:#071d47;
    margin:14px 0;
    line-height:1.25;
}

.case-info p{
    color:#666;
    line-height:1.7;
    margin-bottom:22px;
}

.case-info ul{
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px 25px;
    margin:0 0 25px;
    padding:0;
}

.case-info li{
    display:flex;
    align-items:center;
    color:#071d47;
    font-weight:600;
    font-size:15px;
}

.case-info li i{
    color:#d79a0c;
    margin-right:9px;
    font-size:14px;
}

.case-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#071d47;
    color:#fff;
    padding:13px 24px;
    font-weight:700;
    transition:.3s;
}

.case-btn:hover{
    background:#d79a0c;
}


/* TABLET */
@media(max-width:992px){

    .case-studies{
        padding:50px 0;
    }

    .case-single{
        gap:30px;
        padding:22px;
    }

    .case-image img{
        height:350px;
    }

    .case-info h3{
        font-size:26px;
    }

    .case-info p{
        font-size:15px;
    }

}


/* MOBILE */
@media(max-width:768px){

    .case-studies{
        padding:45px 0;
    }

    .case-heading{
        font-size:26px;
        margin-bottom:25px;
    }

    .case-single{
        flex-direction:column;
        gap:25px;
        padding:18px;
    }

    .case-image,
    .case-info{
        width:100%;
    }

    .case-image img{
        height:280px;
    }

    .case-info h3{
        font-size:24px;
    }

    .case-info ul{
        gap:12px 15px;
    }

    .case-info li{
        font-size:14px;
    }

}


/* SMALL MOBILE */
@media(max-width:480px){

    .case-heading{
        font-size:24px;
    }

    .case-image img{
        height:230px;
    }

    .case-info h3{
        font-size:22px;
    }

    .case-info ul{
        grid-template-columns:1fr;
    }

    .case-btn{
        width:100%;
        justify-content:center;
    }

}

/*=========================
OUR PROCESS
=========================*/

.process-section{
    padding:50px 0;
    background:#fff;
}

.section-title{
    font-size:28px;
    color:#071d47;
    font-weight:700;
    margin-bottom:40px;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:15px;
}

.process-card{
    background:#fff;
    border:1px solid #e7e7e7;
    padding:15px 15px;
    text-align:center;
    transition:.35s;
    position:relative;
}

.process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.process-icon{
    width:45px;
    height:45px;
    margin:0 auto 10px;
    border-radius:50%;
    background:#071d47;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.process-number{
    display:inline-block;
    color:#d79a0c;
    font-size:28px;
    font-weight:700;
    margin-bottom:5px;
}

.process-card h3{
    font-size:22px;
    color:#071d47;
    margin-bottom:6px;
}

.process-card p{
    font-size:15px;
    color:#666;
    line-height:1.8;
}

@media(max-width:1200px){

.process-grid{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.process-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

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

}

/*=========================
FAQ SECTION
=========================*/

.faq-section{
    padding:70px 0;
    background:#f6f8fc;
}

.section-title{
    font-size:28px;
    font-weight:700;
    color:#071d47;
    margin-bottom:40px;
}

.faq-grid{
    display:grid;
    grid-template-columns:minmax(0,55fr) minmax(0,45fr);
    gap:30px;
    align-items:stretch;
}

/* Left */

.faq-list{
    width:100%;
}

.faq-item{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:15px;
    transition:.3s;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:18px 22px;
    font-size:16px;
    font-weight:600;
    color:#071d47;
    position:relative;
    padding-right:60px;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    position:absolute;
    right:22px;
    top:50%;
    transform:translateY(-50%);
    font-size:28px;
    font-weight:600;
    color:#071d47;
    transition:.3s;
}

.faq-item[open] summary::after{
    content:"−";
}

.faq-item p{
    padding:0 22px 22px;
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/* Right CTA */

.faq-cta{
    background:#071d47;
    color:#fff;
    border-radius:5px;
    padding:50px 45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
}

.faq-cta h3{
    font-size:34px;
    font-weight:700;
    margin-bottom:15px;
}

.faq-cta p{
    color:rgba(255,255,255,.85);
    font-size:16px;
    line-height:1.8;
    margin-bottom:30px;
}

.faq-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:220px;
    height:54px;
    background:#d79a0c;
    color:#fff;
    font-size:16px;
    font-weight:700;
    transition:.3s;
}

.faq-btn:hover{
    background:#c58d08;
}

/* Responsive */

@media(max-width:991px){

    .faq-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .faq-cta{
        padding:40px 30px;
    }

    .faq-cta h3{
        font-size:28px;
    }

}

@media(max-width:576px){

    .section-title{
        font-size:24px;
    }

    .faq-item summary{
        font-size:15px;
        padding:16px 18px;
        padding-right:50px;
    }

    .faq-item p{
        padding:0 18px 18px;
        font-size:14px;
    }

    .faq-btn{
        width:100%;
    }

}



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

.footer {
    background: #071d47;
    color: #fff;
}

/* Top CTA */

.footer-top {
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding: 28px 0;
}

.footer-top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.footer-cta {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-icon {
    width: 62px;
    height: 62px;
    border: 2px solid rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
}

.footer-cta h2 {
    font-size: 34px;
    margin-bottom: 8px;
    color: #fff;
}

.footer-cta p {
    color: rgba(255,255,255,.75);
    font-size: 15px;
}

.footer-btn {
    background: transparent;
    border: 2px solid #d79a0c;
    color: #fff;
    padding: 15px 30px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    transition: .3s;
}

.footer-btn:hover {
    background: #d79a0c;
}

/* Main Footer */

.footer-main {
    padding: 45px 0 20px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
    gap: 40px;
}

/* Footer Headings */

.footer-col h2 {
    margin: 0 0 18px;
    color: #fff;
}

.footer-col:first-child h2 {
    font-size: 28px;
}

.footer-col:not(:first-child) h2 {
    font-size: 18px;
}

.footer-col p {
    color: rgba(255,255,255,.75);
    line-height: 1.8;
    margin-bottom: 25px;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin-bottom: 12px;
}

.footer-col ul li a {
    color: rgba(255,255,255,.75);
    transition: .3s;
}

.footer-col ul li a:hover {
    color: #d79a0c;
}

/* Social */

.footer-social {
    display: flex;
    gap: 12px;
}

.footer-social a {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: .3s;
}

.footer-social a:hover {
    background: #d79a0c;
    border-color: #d79a0c;
}

/* Contact */

.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: rgba(255,255,255,.75);
}

.footer-contact i {
    color: #d79a0c;
    margin-top: 4px;
}

/* Bottom */

.footer-bottom {
    margin-top: 35px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.12);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.footer-bottom p {
    color: rgba(255,255,255,.7);
    font-size: 14px;
}

.footer-bottom a {
    color: rgba(255,255,255,.7);
    font-size: 14px;
    margin: 0 8px;
}

.footer-bottom a:hover {
    color: #d79a0c;
}

/* Responsive */

@media (max-width: 991px) {

    .footer-top-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .footer-cta h2 {
        font-size: 26px;
    }

    .footer-btn {
        width: 100%;
        justify-content: center;
    }

}





/*=====================================
GET A QUOTE HERO
======================================*/

.quote-hero{
    position:relative;
    height:360px;
    overflow:hidden;
}


/* Background */

.quote-hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

.quote-hero-bg img{
    width:100%;
    height:100%;
    display:block;

    object-fit:cover;
    object-position:center;

    transform:scale(1.02);
}


/* Overlay */

.quote-hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;

    background:linear-gradient(
        to right,
        rgba(7,29,71,.98) 0%,
        rgba(7,29,71,.94) 25%,
        rgba(7,29,71,.78) 45%,
        rgba(7,29,71,.48) 62%,
        rgba(7,29,71,.18) 78%,
        rgba(7,29,71,.05) 100%
    );
}


/* Content */

.quote-hero .container{
    position:relative;
    z-index:2;
    height:100%;
}

.quote-hero-content{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;

    max-width:650px;
    color:#fff;
}


/* Breadcrumb */

.quote-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;

    margin-bottom:20px;

    font-size:13px;
    color:rgba(255,255,255,.75);
}

.quote-breadcrumb a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.quote-breadcrumb a:hover{
    color:#D89B12;
}

.quote-breadcrumb span:first-of-type{
    color:rgba(255,255,255,.5);
}


/* Heading */

.quote-hero-content h1{
    margin:0;

    font-size:48px;
    line-height:1.1;
    font-weight:700;

    color:#fff;
}


/* Gold Line */

.quote-hero-line{
    width:58px;
    height:3px;

    margin:18px 0 18px;

    background:#D89B12;
}


/* Sub Heading */

.quote-hero-content h2{
    margin:0 0 14px;

    font-size:22px;
    line-height:1.4;
    font-weight:600;

    color:#D89B12;
}


/* Description */

.quote-hero-content p{
    max-width:560px;

    margin:0;

    font-size:16px;
    line-height:1.7;

    color:#F2F2F2;
}


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

@media(max-width:991px){

    .quote-hero{
        height:330px;
    }

    .quote-hero-content h1{
        font-size:42px;
    }

    .quote-hero-content h2{
        font-size:20px;
    }

}


@media(max-width:767px){

    .quote-hero{
        height:390px;
    }

    .quote-hero-overlay{
        background:linear-gradient(
            to right,
            rgba(7,29,71,.97),
            rgba(7,29,71,.85) 70%,
            rgba(7,29,71,.65)
        );
    }

    .quote-hero-content{
        max-width:100%;
    }

    .quote-breadcrumb{
        margin-bottom:15px;
        font-size:12px;
    }

    .quote-hero-content h1{
        font-size:36px;
    }

    .quote-hero-line{
        margin:15px 0;
    }

    .quote-hero-content h2{
        font-size:18px;
        line-height:1.45;
    }

    .quote-hero-content p{
        font-size:14px;
        line-height:1.6;
    }

}


@media(max-width:480px){

    .quote-hero{
        height:370px;
    }

    .quote-hero-content h1{
        font-size:31px;
    }

    .quote-hero-content h2{
        font-size:17px;
    }

    .quote-hero-content p{
        font-size:13px;
    }

}


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

.quote-form-section{
    padding:70px 0;
    background:#f7f8fa;
}

.quote-form-layout{
    display:grid;
    grid-template-columns:minmax(0, 1.8fr) minmax(300px, .9fr);
    gap:28px;
    align-items:start;
}


/*=====================================
FORM BOX
======================================*/

.quote-form-box{
    background:#fff;
    padding:30px;

    border:1px solid #e5e5e5;
    border-radius:10px;

    box-shadow:0 5px 25px rgba(0,0,0,.06);
}

.quote-form-box h2{
    margin:0;

    font-size:21px;
    font-weight:700;

    color:#071d47;
}

.form-title-line,
.sidebar-line{
    width:45px;
    height:3px;

    margin:12px 0 25px;

    background:#D89B12;
}


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

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.form-group{
    margin-bottom:19px;
}

.form-group label{
    display:block;

    margin-bottom:7px;

    font-size:13px;
    font-weight:600;

    color:#17233d;
}

.form-group label span{
    color:#d62828;
}

.form-group label small{
    font-size:11px;
    font-weight:400;
    color:#777;
}


.form-group input,
.form-group select,
.form-group textarea{
    width:100%;

    padding:12px 13px;

    box-sizing:border-box;

    border:1px solid #dcdfe5;
    border-radius:5px;

    background:#fff;

    color:#333;

    font-family:inherit;
    font-size:13px;

    outline:none;

    transition:.25s;
}

.form-group input,
.form-group select{
    height:46px;
}

.form-group textarea{
    min-height:120px;
    resize:vertical;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#173F8B;
    box-shadow:0 0 0 2px rgba(23,63,139,.08);
}

.form-group input::placeholder,
.form-group textarea::placeholder{
    color:#9a9a9a;
}


/*=====================================
FILE UPLOAD
======================================*/

.quote-upload{
    min-height:90px;

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

    gap:15px;

    padding:18px;

    box-sizing:border-box;

    border:1px dashed #bfc6d1;
    border-radius:5px;

    background:#fafbfc;

    text-align:center;

    cursor:pointer;

    transition:.25s;
}

.quote-upload:hover{
    border-color:#173F8B;
    background:#f6f8fc;
}

.quote-upload input{
    display:none;
}

.quote-upload > i{
    font-size:30px;
    color:#173F8B;
}

.quote-upload strong{
    color:#173F8B;
    font-size:13px;
}

.quote-upload span{
    font-size:13px;
    color:#555;
}

.quote-upload small{
    display:block;
    margin-top:4px;
    font-size:11px;
    color:#888;
}


/*=====================================
SUBMIT
======================================*/

.quote-submit{
    width:100%;

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

    gap:9px;

    padding:14px 20px;

    border:0;
    border-radius:5px;

    background:#071d47;
    color:#fff;

    font-family:inherit;
    font-size:13px;
    font-weight:600;

    cursor:pointer;

    transition:.3s;
}

.quote-submit:hover{
    background:#173F8B;
    transform:translateY(-1px);
}

.form-security{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:6px;

    margin-top:13px;

    font-size:11px;
    color:#777;
}

.form-security i{
    color:#777;
}


/*=====================================
SIDEBAR - WHY CHOOSE
======================================*/

.why-choose-box{
    padding:27px;

    background:#071d47;
    border-radius:10px;

    color:#fff;

    box-shadow:0 8px 25px rgba(7,29,71,.15);
}

.why-choose-box h2{
    margin:0;

    font-size:19px;
    line-height:1.4;

    color:#fff;
}

.why-choose-box .sidebar-line{
    margin-bottom:25px;
}


.why-item{
    display:flex;
    gap:15px;

    margin-bottom:25px;
}

.why-item:last-child{
    margin-bottom:0;
}

.why-icon{
    width:40px;
    height:40px;

    flex-shrink:0;

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

    border:2px solid #D89B12;
    border-radius:6px;

    color:#D89B12;
    font-size:18px;
}

.why-item h3{
    margin:0 0 5px;

    font-size:14px;
    font-weight:600;

    color:#fff;
}

.why-item p{
    margin:0;

    font-size:12px;
    line-height:1.6;

    color:#dce3ef;
}


/*=====================================
HELP BOX
======================================*/

.quote-help-box{
    margin-top:20px;

    padding:25px;

    background:#fff;

    border:1px solid #e5e5e5;
    border-radius:10px;

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

.quote-help-box h2{
    margin:0;

    font-size:19px;
    color:#071d47;
}

.quote-help-box .sidebar-line{
    margin-bottom:15px;
}

.quote-help-box > p{
    margin:0 0 20px;

    font-size:16px;
    line-height:1.6;

    color:#666;
}


.help-contact{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.help-item{
    display:flex;
    align-items:flex-start;

    gap:12px;

    font-size:16px;
    line-height:1.5;

    color:#333;
}

.help-item > i{
    width:18px;
    flex-shrink:0;

    margin-top:2px;

    color:#173F8B;
}

.help-item a{
    color:#333;
    text-decoration:none;

    transition:.3s;
}

.help-item a:hover{
    color:#D89B12;
}


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

@media(max-width:991px){

    .quote-form-layout{
        grid-template-columns:1fr;
    }

    .quote-sidebar{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:20px;
        align-items:start;
    }

    .quote-help-box{
        margin-top:0;
    }

}


@media(max-width:767px){

    .quote-form-section{
        padding:45px 0;
    }

    .quote-form-box{
        padding:22px 18px;
    }

    .form-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .quote-sidebar{
        display:block;
    }

    .quote-help-box{
        margin-top:20px;
    }

}


@media(max-width:480px){

    .quote-form-box{
        padding:20px 15px;
    }

    .why-choose-box,
    .quote-help-box{
        padding:20px;
    }

}



/*=====================================
UPLOAD PREVIEW
======================================*/

.upload-default{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.upload-preview{
    display:none;

    width:100%;

    align-items:center;
    gap:15px;

    position:relative;
}

.upload-preview.show{
    display:flex;
}

.upload-preview img{
    width:75px;
    height:60px;

    object-fit:cover;

    border-radius:5px;
    border:1px solid #ddd;
}

.preview-info{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:4px;

    min-width:0;
}

.preview-info strong{
    max-width:300px;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:#173F8B;
    font-size:13px;
}

.preview-info span{
    font-size:11px;
    color:#888;
}

.remove-upload{
    margin-left:auto;

    width:30px;
    height:30px;

    flex-shrink:0;

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

    border:0;
    border-radius:50%;

    background:#f1f1f1;
    color:#555;

    cursor:pointer;
}

.remove-upload:hover{
    background:#d62828;
    color:#fff;
}


/* Non-image files */

.upload-preview.file-preview img{
    object-fit:contain;
    padding:10px;
    box-sizing:border-box;
    background:#f5f6f8;
}



/*=====================================
FLOATING WHATSAPP
======================================*/

.floating-whatsapp{
    position:fixed;
    right:25px;
    bottom:25px;
    z-index:9998;

    display:flex;
    align-items:center;
    gap:10px;

    padding:13px 18px;
    background:#25D366;
    color:#fff;

    border-radius:50px;
    box-shadow:0 6px 20px rgba(0,0,0,.20);

    font-size:14px;
    font-weight:600;
    text-decoration:none;

    transition:.3s;
}

.floating-whatsapp i{
    font-size:22px;
}

.floating-whatsapp:hover{
    background:#1ebe5d;
    color:#fff;
    transform:translateY(-3px);
}


/* MOBILE */

@media(max-width:576px){

    .floating-whatsapp{
        right:18px;
        bottom:18px;

        width:52px;
        height:52px;
        padding:0;

        justify-content:center;
        border-radius:50%;
    }

    .floating-whatsapp span{
        display:none;
    }

    .floating-whatsapp i{
        font-size:25px;
    }

}


/*=====================================
CTA ENQUIRY
======================================*/

/* CTA ENQUIRY */

.cta-enquiry{
    padding:70px 0;
    background:#071d47;
}

.cta-enquiry-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}


/* LEFT */

.cta-content{
    color:#fff;
}

.cta-label{
    color:#d89b12;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
}

.cta-content h2{
    margin:12px 0 18px;
    color:#fff;
    font-size:38px;
    line-height:1.2;
}

.cta-content p{
    margin:0 0 25px;
    color:#e5e8ee;
    font-size:16px;
    line-height:1.6;
}

.cta-points{
    display:grid;
    gap:12px;
}

.cta-points div{
    color:#fff;
    font-size:16px;
}

.cta-points i{
    margin-right:8px;
    color:#d89b12;
}


/* FORM */

.cta-form{
    padding:28px;
    background:#fff;
    border-radius:10px;
}

.cta-form h3{
    margin:0 0 5px;
    color:#071d47;
    font-size:24px;
}

.cta-form > p{
    margin:0 0 15px;
    color:#666;
    font-size:13px;
    line-height:1.4;
}

.cta-form form{
    display:grid;
    gap:9px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.cta-form input,
.cta-form textarea{
    width:100%;
    box-sizing:border-box;
    padding:10px 12px;
    border:1px solid #ddd;
    border-radius:5px;
    font:13px inherit;
}

.cta-form input{
    height:42px;
}

.cta-form textarea{
    height:75px;
    resize:none;
}

.cta-form button{
    padding:11px 15px;
    border:0;
    border-radius:5px;
    background:#d89b12;
    color:#fff;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
}

.cta-form button:hover{
    background:#b98708;
}

.cta-form small{
    text-align:center;
    color:#888;
    font-size:10px;
}


/* MOBILE */

@media(max-width:767px){

    .cta-enquiry{
        padding:50px 0;
    }

    .cta-enquiry-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .cta-content h2{
        font-size:30px;
    }

    .cta-form{
        padding:25px 20px;
    }

    .form-row{
        grid-template-columns:1fr;
    }

}