@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat&family=Noto+Sans:wght@300&family=Oswald&family=Petit+Formal+Script&display=swap');
body { font-family: "Lato", sans-serif;color: #444444;}
a { text-decoration: none;color:#c52e33;}
a:hover { color: #80c792;text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6 {font-family: "Raleway", sans-serif;}
p{font-family: "Lato", sans-serif;
font-weight: 400;
line-height:1.8;
font-size:16px;
}
h2 {
  color: #c52e33;
  margin-bottom: 20px;
  font-size: 35px;
  font-weight: 700;
}
/* Navbar */
.custom-navbar{ background:#0c1524;}
.custom-navbar .navbar-brand img{ max-height:100px;}
/* Menu */
.custom-navbar .nav-link{
    color:#fff !important;
    font-size:15px;
    font-weight:600;
    padding:12px 16px !important;
    transition:.3s;
}
.custom-navbar .nav-link:hover,
.custom-navbar .nav-link.active{ color:#e6ad36 !important;}
/* Dropdown */
.dropdown-menu{
    border:none;
    border-radius:8px;
    min-width:250px;
    padding:8px 0;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.dropdown-item{
    padding:10px 18px;
    font-weight:500;
    transition:.3s;
}
.dropdown-item:hover{
    background:#be292e;
    color:#fff;
}
/* Inner Dropdown */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-1px;
    display:none;
}
@media(min-width:992px){
.dropdown:hover>.dropdown-menu{display:block;}
.dropdown-submenu:hover>.dropdown-menu{
 display:block;
 }
}
/* Call Button */
.call-btn{
    background:#be292e;
    color:#fff;
    padding:10px 22px;
    border-radius:40px;
    font-weight:600;
}
.call-btn:hover{ background:#e6ad36;color:#0c1524;}
/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
   color: var(--default-color);
 background-image: url("../img/breadcrumb.jpg");
background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
	height:50vh;
}
.breadcrumbs h1 {
    color: #fff!important;
    font-size: 40px;
   z-index: 9;
   font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
	margin-top: 50px;}
.breadcrumbs a {
 color: #fff!important;
 }
.page-title nav {
  background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  padding: 40px 0;
  padding-left:40px;
text-align:left;}
.page-title nav ol {
display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color:#fff;
}
.page-title nav ol li+li {
  padding-left: 10px;
  color:#fff;
}
.page-title nav ol li+li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color:#fff;
}
/* Mobile */
@media(max-width:991px){
.dropdown-submenu>.dropdown-menu{
    position:static;
    display:block;
    margin-left:15px;
    box-shadow:none;
    border-left:2px solid #e6ad36;
}
.call-btn{ margin-top:15px;}
}
.footer-bottom {
  background: #0c1524;
  padding: 17px 0 !important;
 color: #fff;
}
.top-footer{background:#ffab01; padding-top:40px;}
.top-footer h4{color:#000; font-weight:600;}
.top-footer p{color:#000;}
.top-footer ul{list-style-type:none;}
.top-footer ul li a {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  padding: 5px 0;
  display: block;
}
.top-footer ul li a:hover{color:#ba1219; }
.social-icons a{color:#000; padding:0 5px;}
.quote-section{
    background:#f8f9fa;
}
.quote-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.sub-title{
    display:inline-block;
    background:#be292e;
    color:#fff;
    padding:6px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
}
.quote-box h2{
    color:#0c1524;
    font-weight:700;
    margin-top:15px;
}
.service-box{
    border:1px solid #ddd;
    border-radius:12px;
    padding:18px 10px;
    text-align:center;
    cursor:pointer;
    transition:.3s;
    display:block;
    background:#fff;
}
.service-box i{
    display:block;
    font-size:28px;
    color:#0c1524;
    margin-bottom:10px;
}
.service-box span{ font-weight:600;color:#333;}
.btn-check:checked + .service-box{ background:#0c1524; border-color:#0c1524;}
.btn-check:checked + .service-box i,
.btn-check:checked + .service-box span{color:#fff;}
.form-control{ height:55px;border-radius:10px;}
textarea.form-control{height:auto;}
.quote-btn{
    background:#be292e;
    color:#fff;
    border-radius:50px;
    padding:14px 40px;
    font-weight:600;
}
.quote-btn:hover{ background:#0c1524; color:#fff;}
.service-box{
    border:1px solid #ddd;
    border-radius:12px;
    padding:20px 10px;
    text-align:center;
    cursor:pointer;
    transition:.3s;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:140px;
    background:#fff;
}
.light-bg {background: linear-gradient(135deg,#feb,#ffeded,#fff8ef);}
.process-section{ background: linear-gradient(135deg,#06152f,#0b1f4d,#123b8b); position: relative;overflow: hidden;}
.process-section::before{
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background: rgba(255,255,255,.04);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}
.process-section::after{
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,.03);
    border-radius: 50%;
    bottom: -150px;
    left: -120px;
}
.process-title h6{
    color:#ffab01;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
}
.process-title h2{color:#fff;font-weight:700;}
.process-title p{ color:#c8d4e8;}
.step-card{
    position:relative;
    background:#fff;
    border-radius:20px;
    padding:45px 25px 30px;
    text-align:center;
    transition:.4s;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.step-card:hover{ transform:translateY(-10px);}
.step-icon{
    width:80px;
    height:80px;
    margin:auto;
    margin-top:-80px;
    background:#fff;
    border:5px solid #ffab01;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#0b1f4d;
}
.step-number{
    width:38px;
    height:38px;
    background:#ffab01;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:15px auto;
    font-size:14px;
    font-weight:700;
}
.step-card h5{  color:#0b1f4d; font-weight:700;}
.step-card p{color:#666; font-size:14px;}
.arrow{
    position:absolute;
    top:50%;
    right:-25px;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    background:#ffab01;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    z-index:5;
}
@media(max-width:991px){
    .arrow{
        display:none;
    }
    .step-card{
        margin-top:50px;
    }
}
.service-tag{
background:#be292e;
color:#fff;
padding:8px 22px;
border-radius:30px;
font-size:14px;
font-weight:600;
}
.service-title{
font-size:42px;
font-weight:700;
color:#0c1524;
}
.service-text{
max-width:700px;
margin:auto;
color:#666;
}
.service-card{
background:#fff;
padding:30px;
border-radius:18px;
height:100%;
transition:.4s;
box-shadow:0 10px 25px rgba(0,0,0,.08);
border:1px solid #eee;
position:relative;
overflow:hidden;
}
.service-card::before{
content:"";
position:absolute;left:0;top:0;width:100%;
height:5px;background:linear-gradient(90deg,#be292e,#e6ad36);
}
.service-card:hover{transform:translateY(-12px);background:#0c1524;}
.icon{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;background:linear-gradient(135deg,#be292e,#e6ad36);}
.icon i{font-size:30px;color:#fff;}
.service-card h4{font-size:22px;font-weight:700;color:#0c1524;}
.service-card p{color:#666;line-height:28px;}
.service-card a{text-decoration:none;font-weight:700;color:#be292e;}
.service-card:hover h4,
.service-card:hover p,
.service-card:hover a{color:#fff;}
.service-card:hover .icon{background:#fff;}
.service-card:hover .icon i{color:#be292e;}
.about-us{background:#f8fbff;}
.about-us a{background:rgb(12, 21, 36) !important;color:#fff;}
.about-us span{color:rgb(12, 21, 36) !important;}
.mini-box{
    background:#fff;
    border-radius:12px;
    padding:18px 15px;      /* Smaller Box */
    text-align:center;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    transition:.3s;
}
.mini-box:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(13,110,253,.15);
}
.mini-box h4{
    font-size:28px;
    font-weight:700;
    color:#0c1524;
    margin-bottom:5px;
}
.mini-box p{
    margin:0;
    font-size:14px;
    color:#666;
}
.pricing-section{
    padding:80px 0;
    background: linear-gradient(135deg,#feb,#ffeded,#fff8ef);
    position:relative;
    overflow:hidden;
}
.pricing-section::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(13,110,253,.08);
    border-radius:50%;
    top:-170px;
    right:-120px;
}
.pricing-section::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(13,110,253,.06);
    border-radius:50%;
    bottom:-150px;
    left:-100px;
}
.price-card{
    background:#fff; padding:25px; box-shadow:0 15px 40px rgba(0,0,0,.08); border:1px solid #e9eef7;
}
.section-title span{ display:inline-block;  padding:8px 22px;border-radius:30px;
    background: linear-gradient(90deg,#f7b736,#e3961d);color:#fff;
    font-size:14px;font-weight:600;
}
.section-title h2{font-weight:700; color:#0b1f4d;}
.section-title p{ color:#6c757d;}
.table{ border-collapse:separate;border-spacing:0; overflow:hidden; border-radius:15px;}
.table thead th{ background:#0b1f4d;  color:#fff; border:none;padding:15px; text-align:center;}
.table tbody td{ padding:14px; vertical-align:middle;border-color:#edf2f7;}
.table tbody tr:nth-child(even){ background:#f8fbff;}
.table tbody tr:hover{ background:#eaf3ff;transition:.3s;}
.table tbody td:last-child{color:#198754; font-weight:700;}
.table-responsive{border-radius:15px;overflow:hidden;}
.faq-section{ background:linear-gradient(135deg,#eef5ff,#ffffff);}
.faq-image-card{ position:relative;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.faq-image-card img{ border-radius:25px;}
.check-list {list-style-type:none;}
.experience-box{ position:absolute; left:20px;right:20px;
    bottom:20px;background:rgba(11,31,77,.92);backdrop-filter:blur(10px);
    border-radius:15px; padding:20px;display:flex;
    justify-content:space-between;color:#fff;
}
.experience-box h3{margin:0; font-weight:700;}
.faq-tag{ display:inline-block;
    background:#e8f1ff;
    color:#0d6efd;
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
}
.faq-title{margin-top:15px;color:#0b1f4d; font-weight:700;}
.faq-text{ color:#6c757d; margin-bottom:30px;}
.accordion-item{border:none;border-radius:15px !important; overflow:hidden; box-shadow:0 8px 25px rgba(0,0,0,.06);}
.accordion-button{font-weight:600;padding:20px;}
.accordion-button:not(.collapsed){background:#0b1f4d;color:#fff;}
.review-section{
background:linear-gradient(135deg,#07162d,#0b1f4d,#184ea8);
position:relative;
overflow:hidden;
}
.review-section::before{
content:"";
position:absolute;
width:450px;
height:450px;
background:rgba(255,255,255,.05);
border-radius:50%;
top:-180px;
right:-150px;
}
.review-section::after{
content:"";
position:absolute;
width:350px;
height:350px;
background:rgba(255,255,255,.04);
border-radius:50%;
left:-120px;bottom:-120px;
}
.review-tag{
background:rgba(255,255,255,.15);padding:8px 22px;
border-radius:30px;color:#fff;backdrop-filter:blur(8px);font-size:14px;
}
.review-section h2{color:#fff;font-weight:700;}
.review-section h2 span{color:#4db2ff;}
.review-section p{color: #000;}
.review-card{
background:rgba(255,255,255,.96);
border-radius:22px;
padding:28px;
transition:.4s;
height:100%;
box-shadow:0 15px 40px rgba(0,0,0,.25);
}
.review-card:hover{transform:translateY(-10px);}
.review-avatar{
width:55px;height:55px;border-radius:50%;background:#0d6efd;
color:#fff;display:flex;align-items:center;
justify-content:center;font-weight:700;font-size:22px;
}
.review-card h6{margin:0;font-weight:700;color:#0b1f4d;}
.review-card small{color:#777;}
.stars{color:#ffc107;font-size:22px; margin:15px 0;letter-spacing:3px;}
.btn-light{font-weight:600;padding:12px 30px;}
.section{padding:48px 0}
.section-sm{padding:38px 0}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--red)}
.title{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:900;line-height:1.05}
.title span{color:var(--red)}
.service-icon{
      width:48px;height:48px;border-radius:12px;background:var(--gold);
      display:grid;place-items:center;font-size:22px;margin-bottom:14px
    }
    .about{background:var(--soft)}
    .about-box{border-radius:18px;overflow:hidden;background:#040813;color:#fff}
    .about-img{width:100%;height:100%;min-height:300px;object-fit:cover}
    .process-card{position:relative;padding:20px 18px;border-top:3px solid #e6ad36;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.07);height:100%}
    .num{font-size:12px;font-weight:900;color:var(--red);letter-spacing:1px}
    .process-card h5{font-weight:800;margin:7px 0 5px}
    .process-card p{font-size:13px;color:#6b7078;margin:0}
    .dark-section{background:#040813;color:#fff}
    .quote{background:#8e0e12;border-radius:18px;color:#fff}
	.quote h2{color:#fff}
    footer{background:#02050a;color:#bfc3ca}
    footer a{color:#bfc3ca;text-decoration:none;font-size:14px}
    footer a:hover{color:var(--gold)}
    @media(max-width:767px){.hero{min-height:560px}.section{padding:38px 0}.section-sm{padding:30px 0}}
.compact-card{
      border:1px solid #e7e7e7;border-radius:14px;padding:22px;height:100%;
      background:#fff;box-shadow:0 5px 20px rgba(4,8,19,.06)
    }
	/*--------------------------------------------------------------
# Side menu icon
--------------------------------------------------------------*/
.side-contact{
position:fixed;
right:0;
top:50%;
transform:translateY(-50%);
z-index:1021;
}
.contact-icon{
display:block;
width:55px;
height:55px;
line-height:55px;
text-align:center;
color:#fff;
font-size:22px;
margin:5px 0;
border-radius:6px 0 0 6px;
transition:0.3s;
}
/* Colors */
.phone{background:#e30613;}
.email{background:#0d6efd;}
.whatsapp{background:#25D366;}
.instagram{background:#ddd9ff; }
.twitter{background:#000000;}
.pinterest{background:#FFCBD1;}
.linkedin{background: #FFE786;}
.tumblr{background:#35465C;}
    .warehouse-section {
        padding: 70px 0;
    }
    .warehouse-hero {
        background: linear-gradient(135deg, #0c1524, #1c304d);
        padding: 80px 0;
        color: #fff;
    }
    .warehouse-hero h1 {
        font-size: 45px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .warehouse-hero p {
        font-size: 18px;
        line-height: 1.8;
    }
    .feature-box {
        padding: 25px;
        background: #f8f9fa;
        border-left: 4px solid #be292e;
        margin-bottom: 15px;
        border-radius: 6px;
    }
    .feature-box h5 {
        font-weight: 700;
        color: #0c1524;
        margin-bottom: 8px;
    }
    .feature-box p {
        margin: 0;
        color: #666;
    }
    .storage-list {
        padding: 0;
        list-style: none;
    }
    .storage-list li {
        padding: 10px 0;
        color: #555;
        font-size: 16px;
    }
    .storage-list li i {
        color: #be292e;
        margin-right: 10px;
    }
    .cta-section {
        background: linear-gradient(135deg, #be292e, #8f1e22);
        color: #fff;
        padding: 55px 0;
    }
    .cta-section h2 {
        font-size: 34px;
        font-weight: 700;
    }
    .cta-btn {
        background: #fff;
        color: #be292e;
        padding: 13px 28px;
        border-radius: 6px;
        font-weight: 700;
        text-decoration: none;
        display: inline-block;
        margin-top: 15px;
    }
    .cta-btn:hover {
        background: #0c1524;
        color: #fff;
    }
#contact h2{color:#fff!important;}
    @media(max-width: 767px) {
        .section-title {
            font-size: 27px;
        }
        .warehouse-section {
            padding: 50px 0;
        }
    }
	    .gallery-section {
        padding: 70px 0;
        background: #f8f9fa;
    }
    .gallery-title {
        text-align: center;
        margin-bottom: 40px;
    }
    .gallery-title h2 {
        font-size: 36px;
        font-weight: 700;
        color: #0c1524;
    }
    .gallery-title h2 span {
        color: #be292e;
    }
    .gallery-title p {
        color: #666;
        max-width: 750px;
        margin: 10px auto 0;
        line-height: 1.7;
    }
    .gallery-item {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        height: 250px;
        background: #ddd;
    }
    .gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.4s ease;
    }
    .gallery-item:hover img {
        transform: scale(1.08);
    }
    .gallery-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: 0.3s ease;
    }
    .gallery-item:hover .gallery-overlay {
        opacity: 1;
    }
    .gallery-overlay i {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: #be292e;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }
    @media (max-width: 767px) {
        .gallery-title h2 {
            font-size: 28px;
        }
        .gallery-item {
            height: 220px;
        }
    }
    /* ================= BLOG SECTION ================= */
    .blog-section {
        padding: 75px 0;
        background: #f7f8fa;
    }
    .section-title {
        font-size: 34px;
        font-weight: 700;
        color: #0c1524;
    }
    .section-title span {
        color: #be292e;
    }
    /* ================= BLOG CARD ================= */
    .blog-card {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #eee;
        height: 100%;
        transition: all .3s ease;
    }
    .blog-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 12px 30px rgba(0,0,0,.10);
    }
    .blog-image {
        height: 230px;
        overflow: hidden;
        position: relative;
    }
    .blog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .4s ease;
    }
    .blog-card:hover .blog-image img {
        transform: scale(1.08);
    }
    .blog-date {
        position: absolute;
        left: 15px;
        bottom: 15px;
        background: #be292e;
        color: #fff;
        padding: 7px 13px;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
    }
    .blog-content {
        padding: 25px;
    }
    .blog-category {
        color: #be292e;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .blog-content h3 {
        font-size: 21px;
        line-height: 1.4;
        font-weight: 700;
        color: #0c1524;
        margin-bottom: 12px;
    }
    .blog-content p {
        color: #666;
        line-height: 1.7;
        font-size: 15px;
    }
    .read-more {
        display: inline-block;
        margin-top: 10px;
        color: #be292e;
        text-decoration: none;
        font-weight: 700;
    }
    .read-more:hover {
        color: #0c1524;
    }
    /* ================= CONTACT SECTION ================= */
    .contact-section {
        padding: 75px 0;
    }
    .section-title {
        font-size: 34px;
        font-weight: 700;
        color: #0c1524;
        margin-bottom: 15px;
    }
    .section-title span {
        color: #be292e;
    }
    .section-text {
        color: #666;
        line-height: 1.8;
    }
    /* ================= INFO CARDS ================= */
    .contact-info-card {
        background: #fff;
        padding: 28px;
        border-radius: 10px;
        margin-bottom: 20px;
        border: 1px solid #eee;
        box-shadow: 0 5px 20px rgba(0,0,0,.06);
        transition: .3s;
    }
    .contact-info-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 30px rgba(0,0,0,.10);
    }
    .contact-icons {
        width: 58px;
        height: 58px;
        background: #be292e;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 21px;
        margin-bottom: 18px;
    }
    .contact-info-card h5 {
        color: #0c1524;
        font-size: 19px;
        font-weight: 700;
        margin-bottom: 8px;
    }
    .contact-info-card p,
    .contact-info-card a {
        color: #666;
        text-decoration: none;
        line-height: 1.7;
        margin: 0;
    }
    .contact-info-card a:hover {
        color: #be292e;
    }
    /* ================= FORM ================= */
    .contact-form-box {
        background: #fff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 8px 30px rgba(0,0,0,.08);
        border: 1px solid #eee;
    }
    .contact-form-box h3 {
        font-size: 27px;
        font-weight: 700;
        color: #0c1524;
        margin-bottom: 8px;
    }
    .contact-form-box > p {
        color: #777;
        margin-bottom: 25px;
    }
    .form-label {
        font-weight: 600;
        color: #333;
        margin-bottom: 7px;
    }
    .form-control,
    .form-select {
        min-height: 50px;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 12px 15px;
    }
    textarea.form-control {
        min-height: 140px;
        resize: none;
    }
    .form-control:focus,
    .form-select:focus {
        border-color: #be292e;
        box-shadow: 0 0 0 .15rem rgba(190,41,46,.10);
    }
    .submit-btn {
        background: #be292e;
        color: #fff;
        border: 0;
        padding: 14px 30px;
        border-radius: 6px;
        font-weight: 700;
        width: 100%;
        transition: .3s;
    }
    .submit-btn:hover {
        background: #0c1524;
        color: #fff;
    }
    /* ================= QUICK CONTACT ================= */
    .quick-contact {
        background: #0c1524;
        padding: 28px;
        border-radius: 10px;
        color: #fff;
        margin-top: 20px;
    }
    .quick-contact h4 {
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .quick-contact p {
        color: #ddd;
        line-height: 1.7;
    }
    .quick-btn {
        display: inline-block;
        padding: 11px 18px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
        margin: 5px 5px 0 0;
    }
    .phone-btn {
        background: #be292e;
        color: #fff;
    }
    .whatsapp-btn {
        background: #25d366;
        color: #fff;
    }
    .quick-btn:hover {
        opacity: .9;
        color: #fff;
    }
    /* ================= RESPONSIVE ================= */
    @media(max-width: 767px) {
        .contact-section {
            padding: 50px 0;
        }
        .section-title {
            font-size: 28px;
        }
        .contact-form-box {
            padding: 25px;
        }
    }