/*==================================================
CENTURY CARGO
NEW CAR TRANSPORT CSS

PART 1

HEADER + HERO
==================================================*/


:root{

--cargo-primary:#0057D9;

--cargo-secondary:#062B63;

--cargo-accent:#00B8D9;

--cargo-orange:#FF7A00;

--cargo-green:#25D366;

--cargo-white:#ffffff;

--cargo-light:#F5FAFF;

--cargo-dark:#172033;

--cargo-text:#5B6475;

--cargo-border:#E5EDF7;

--cargo-shadow:
0 15px 45px rgba(0,87,217,.12);

--cargo-shadow-lg:
0 25px 70px rgba(0,0,0,.18);

--cargo-radius:24px;

--cargo-transition:.35s ease;

}



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


*{

margin:0;

padding:0;

box-sizing:border-box;

}



body{

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

color:var(--cargo-dark);

overflow-x:hidden;

}



a{

text-decoration:none;

transition:var(--cargo-transition);

}



ul{

list-style:none;

}



.cargo-container{

width:100%;

max-width:1280px;

margin:auto;

padding:0 20px;

}





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


.cargo-header{

background:#fff;

padding:18px 0;

position:relative;

z-index:1000;

}



.cargo-header.sticky{

position:fixed;

top:0;

left:0;

width:100%;

box-shadow:0 10px 35px rgba(0,0,0,.1);

}



.cargo-header .cargo-container{

display:flex;

align-items:center;

justify-content:space-between;

}



.cargo-logo{

font-size:30px;

font-weight:800;

color:var(--cargo-secondary);

}



.cargo-navbar ul{

display:flex;

align-items:center;

gap:25px;

}



.cargo-navbar a{

font-size:15px;

font-weight:600;

color:#344054;

}



.cargo-navbar a:hover{

color:var(--cargo-primary);

}



.cargo-call-btn{

display:flex;

align-items:center;

gap:8px;

background:var(--cargo-primary);

color:#fff;

padding:14px 25px;

border-radius:50px;

font-weight:700;

}



.cargo-call-btn:hover{

background:var(--cargo-orange);

color:#fff;

}





/* MOBILE MENU */


.cargo-menu-btn{

display:none;

background:none;

border:none;

}



.cargo-menu-btn span{

display:block;

width:28px;

height:3px;

background:#062B63;

margin:5px;

}





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


.cargo-breadcrumb{

background:#F7FBFF;

padding:18px 0;

border-bottom:1px solid var(--cargo-border);

}



.cargo-breadcrumb ul{

display:flex;

gap:12px;

flex-wrap:wrap;

}



.cargo-breadcrumb li{

font-size:14px;

color:#667085;

}



.cargo-breadcrumb a{

color:var(--cargo-primary);

font-weight:600;

}





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


.cargo-car-hero{

padding:110px 0;

background:

linear-gradient(
135deg,
#062B63,
#0057D9,
#00B8D9
);

position:relative;

overflow:hidden;

}



.cargo-car-hero::before{

content:"";

position:absolute;

width:500px;

height:500px;

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

border-radius:50%;

right:-200px;

top:-150px;

}



.cargo-hero-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

position:relative;

z-index:2;

}





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


.cargo-hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 25px;

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

backdrop-filter:blur(10px);

border-radius:50px;

color:#fff;

font-weight:600;

margin-bottom:25px;

}



.cargo-hero-badge i{

color:#8EF0FF;

font-size:20px;

}



.cargo-hero-content h1{

font-size:62px;

line-height:1.15;

font-weight:800;

color:#fff;

margin-bottom:25px;

}



.cargo-hero-content h1 span{

display:block;

color:#8EF0FF;

}



.cargo-hero-content p{

font-size:17px;

line-height:1.9;

color:#EAF5FF;

margin-bottom:35px;

}





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


.cargo-hero-points{

display:grid;

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

gap:18px;

margin-bottom:35px;

}



.cargo-hero-points div{

padding:18px;

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

backdrop-filter:blur(10px);

border-radius:15px;

color:#fff;

font-weight:600;

display:flex;

align-items:center;

gap:12px;

}



.cargo-hero-points i{

font-size:22px;

color:#8EF0FF;

}





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


.cargo-hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}



.cargo-primary-btn,
.cargo-secondary-btn{

padding:16px 35px;

border-radius:50px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

gap:10px;

}



.cargo-primary-btn{

background:var(--cargo-orange);

color:#fff;

}



.cargo-secondary-btn{

background:#fff;

color:var(--cargo-primary);

}



.cargo-primary-btn:hover,
.cargo-secondary-btn:hover{

transform:translateY(-5px);

}





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


.cargo-hero-icon{

display:flex;

justify-content:center;

}



.cargo-icon-circle{

width:330px;

height:330px;

border-radius:50%;

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

backdrop-filter:blur(15px);

display:flex;

align-items:center;

justify-content:center;

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

animation:cargoFloat 4s infinite;

}



.cargo-icon-circle i{

font-size:140px;

color:#8EF0FF;

}



@keyframes cargoFloat{


0%{

transform:translateY(0);

}


50%{

transform:translateY(-20px);

}


100%{

transform:translateY(0);

}


}





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


@media(max-width:991px){


.cargo-navbar{

display:none;

}


.cargo-menu-btn{

display:block;

}



.cargo-hero-grid{

grid-template-columns:1fr;

text-align:center;

}



.cargo-hero-points{

grid-template-columns:1fr;

}



.cargo-hero-buttons{

justify-content:center;

}



.cargo-hero-content h1{

font-size:45px;

}


}



@media(max-width:600px){


.cargo-container{

padding:0 15px;

}



.cargo-car-hero{

padding:70px 0;

}



.cargo-hero-content h1{

font-size:36px;

}



.cargo-hero-content p{

font-size:15px;

}



.cargo-hero-buttons{

flex-direction:column;

}



.cargo-primary-btn,
.cargo-secondary-btn{

width:100%;

}



.cargo-icon-circle{

width:220px;

height:220px;

}



.cargo-icon-circle i{

font-size:90px;

}



}














/*==================================================
NEW CAR TRANSPORT CSS

PART 2

TRUST + ABOUT + WHY + CATEGORIES
==================================================*/


/*==============================
TRUST SECTION
==============================*/


.cargo-trust{

background:#F7FBFF;

padding:55px 0;

}



.cargo-trust-grid{

display:grid;

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

gap:22px;

}



.cargo-trust-card{

background:#fff;

padding:30px 15px;

border-radius:24px;

text-align:center;

box-shadow:var(--cargo-shadow);

border:1px solid var(--cargo-border);

transition:.35s;

}



.cargo-trust-card:hover{

transform:translateY(-10px);

box-shadow:var(--cargo-shadow-lg);

}



.cargo-trust-card i{

width:75px;

height:75px;

display:flex;

align-items:center;

justify-content:center;

margin:0 auto 18px;

background:#EAF8FF;

border-radius:50%;

font-size:32px;

color:var(--cargo-accent);

}



.cargo-trust-card h3{

font-size:28px;

font-weight:800;

color:var(--cargo-secondary);

margin-bottom:8px;

}



.cargo-trust-card p{

font-size:14px;

color:var(--cargo-text);

}





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


.cargo-section-heading{

text-align:center;

max-width:900px;

margin:0 auto 55px;

}



.cargo-section-tag{

display:inline-block;

padding:8px 22px;

background:#EAF8FF;

border-radius:50px;

color:var(--cargo-primary);

font-weight:700;

font-size:14px;

margin-bottom:15px;

}



.cargo-section-heading h2{

font-size:42px;

line-height:1.3;

color:var(--cargo-secondary);

font-weight:800;

margin-bottom:18px;

}



.cargo-section-heading p{

font-size:16px;

line-height:1.8;

color:var(--cargo-text);

}





/*==============================
ABOUT SECTION
==============================*/


.cargo-about{

padding:90px 0;

background:#fff;

}



.cargo-about-grid{

display:grid;

grid-template-columns:.8fr 1.2fr;

gap:60px;

align-items:center;

}



.cargo-about-circle{

height:350px;

width:350px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:

linear-gradient(
135deg,
#062B63,
#0057D9
);

box-shadow:var(--cargo-shadow-lg);

}



.cargo-about-circle i{

font-size:130px;

color:#8EF0FF;

}



.cargo-about-content h2{

font-size:38px;

color:var(--cargo-secondary);

margin-bottom:20px;

}



.cargo-about-content p{

font-size:16px;

line-height:1.9;

color:var(--cargo-text);

margin-bottom:18px;

}



.cargo-about-points{

margin-top:25px;

}



.cargo-about-points div{

display:flex;

align-items:center;

gap:12px;

margin-bottom:15px;

font-weight:600;

color:#344054;

}



.cargo-about-points i{

color:#00B8D9;

font-size:20px;

}





/*==============================
WHY SECTION
==============================*/


.cargo-why{

padding:90px 0;

background:#F7FBFF;

}



.cargo-why-grid{

display:grid;

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

gap:25px;

}



.cargo-why-card{

background:#fff;

padding:35px 25px;

border-radius:25px;

text-align:center;

box-shadow:var(--cargo-shadow);

transition:.35s;

}



.cargo-why-card:hover{

transform:translateY(-10px);

box-shadow:var(--cargo-shadow-lg);

}



.cargo-why-card i{

width:80px;

height:80px;

display:flex;

align-items:center;

justify-content:center;

margin:0 auto 20px;

border-radius:50%;

background:

linear-gradient(
135deg,
#0057D9,
#00B8D9
);

color:#fff;

font-size:35px;

}



.cargo-why-card h3{

font-size:22px;

color:var(--cargo-secondary);

margin-bottom:12px;

}



.cargo-why-card p{

font-size:15px;

line-height:1.8;

color:var(--cargo-text);

}





/*==============================
CAR TYPES SECTION
==============================*/


.cargo-car-types{

padding:90px 0;

background:#fff;

}



.cargo-car-type-grid{

display:grid;

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

gap:25px;

}



.cargo-car-type-card{

background:#fff;

padding:35px 25px;

border-radius:25px;

text-align:center;

box-shadow:var(--cargo-shadow);

border-bottom:4px solid transparent;

transition:.35s;

}



.cargo-car-type-card:hover{

transform:translateY(-10px);

border-color:var(--cargo-accent);

box-shadow:var(--cargo-shadow-lg);

}



.cargo-car-type-card i{

width:85px;

height:85px;

display:flex;

align-items:center;

justify-content:center;

margin:0 auto 20px;

border-radius:50%;

background:#EAF8FF;

color:var(--cargo-primary);

font-size:38px;

}



.cargo-car-type-card h3{

font-size:22px;

color:var(--cargo-secondary);

margin-bottom:12px;

}



.cargo-car-type-card p{

font-size:15px;

line-height:1.8;

color:var(--cargo-text);

}





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


@media(max-width:1100px){


.cargo-trust-grid{

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

}


.cargo-about-grid{

grid-template-columns:1fr;

text-align:center;

}


.cargo-about-circle{

margin:auto;

}


.cargo-why-grid{

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

}


.cargo-car-type-grid{

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

}


}



@media(max-width:600px){


.cargo-trust-grid,
.cargo-why-grid,
.cargo-car-type-grid{

grid-template-columns:1fr;

}



.cargo-section-heading h2{

font-size:30px;

}



.cargo-about{

padding:60px 0;

}



.cargo-about-circle{

width:240px;

height:240px;

}



.cargo-about-circle i{

font-size:90px;

}



.cargo-about-content h2{

font-size:28px;

}


}














/*==================================================
NEW CAR TRANSPORT CSS

PART 3

PROCESS + SAFETY + CARRIER + PRICE
==================================================*/


/*==============================
PROCESS SECTION
==============================*/


.cargo-process{

padding:90px 0;

background:#F7FBFF;

}



.cargo-process-grid{

display:grid;

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

gap:25px;

}



.cargo-process-card{

background:#fff;

padding:40px 25px;

border-radius:25px;

text-align:center;

box-shadow:var(--cargo-shadow);

position:relative;

transition:.35s;

}



.cargo-process-card:hover{

transform:translateY(-10px);

box-shadow:var(--cargo-shadow-lg);

}



.cargo-step-number{

position:absolute;

top:15px;

right:15px;

width:45px;

height:45px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:var(--cargo-primary);

color:#fff;

font-weight:800;

}



.cargo-process-card i{

font-size:42px;

color:var(--cargo-accent);

margin-bottom:20px;

}



.cargo-process-card h3{

font-size:22px;

color:var(--cargo-secondary);

margin-bottom:12px;

}



.cargo-process-card p{

font-size:15px;

line-height:1.8;

color:var(--cargo-text);

}





/*==============================
SAFETY SECTION
==============================*/


.cargo-safety{

padding:90px 0;

background:#fff;

}



.cargo-safety-grid{

display:grid;

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

gap:25px;

}



.cargo-safety-card{

background:#F7FBFF;

padding:35px 25px;

border-radius:25px;

text-align:center;

transition:.35s;

}



.cargo-safety-card:hover{

background:#fff;

box-shadow:var(--cargo-shadow-lg);

transform:translateY(-8px);

}



.cargo-safety-card i{

width:80px;

height:80px;

display:flex;

align-items:center;

justify-content:center;

margin:0 auto 18px;

background:#EAF8FF;

border-radius:50%;

font-size:35px;

color:var(--cargo-primary);

}



.cargo-safety-card h3{

font-size:21px;

color:var(--cargo-secondary);

margin-bottom:12px;

}



.cargo-safety-card p{

font-size:15px;

line-height:1.8;

color:var(--cargo-text);

}





/*==============================
CARRIER SECTION
==============================*/


.cargo-carrier{

padding:90px 0;

background:#F7FBFF;

}



.cargo-carrier-grid{

display:grid;

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

gap:25px;

}



.cargo-carrier-card{

background:#fff;

padding:40px 25px;

border-radius:25px;

text-align:center;

box-shadow:var(--cargo-shadow);

transition:.35s;

}



.cargo-carrier-card:hover{

transform:translateY(-10px);

box-shadow:var(--cargo-shadow-lg);

}



.cargo-carrier-card i{

font-size:45px;

color:var(--cargo-accent);

margin-bottom:20px;

}



.cargo-carrier-card h3{

font-size:23px;

color:var(--cargo-secondary);

margin-bottom:12px;

}



.cargo-carrier-card p{

font-size:15px;

line-height:1.8;

color:var(--cargo-text);

}





/*==============================
PROTECTION SECTION
==============================*/


.cargo-protection{

padding:90px 0;

background:#fff;

}



.cargo-protection-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:center;

}



.cargo-protection-content h2{

font-size:38px;

color:var(--cargo-secondary);

margin-bottom:20px;

}



.cargo-protection-content p{

font-size:16px;

line-height:1.9;

color:var(--cargo-text);

}



.cargo-protection-content ul{

margin-top:25px;

}



.cargo-protection-content li{

display:flex;

align-items:center;

gap:12px;

margin-bottom:15px;

font-weight:600;

color:#344054;

}



.cargo-protection-content li i{

color:#00B8D9;

}



.cargo-protection-icon{

display:flex;

justify-content:center;

}



.cargo-protection-icon div{

height:350px;

width:350px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:

linear-gradient(
135deg,
#062B63,
#0057D9
);

}



.cargo-protection-icon i{

font-size:130px;

color:#8EF0FF;

}





/*==============================
PRICE TABLE
==============================*/


.cargo-price{

padding:90px 0;

background:#F7FBFF;

}



.cargo-price-table{

overflow-x:auto;

background:#fff;

border-radius:25px;

box-shadow:var(--cargo-shadow);

}



.cargo-price-table table{

width:100%;

min-width:750px;

border-collapse:collapse;

}



.cargo-price-table th{

padding:20px;

background:

linear-gradient(
135deg,
#0057D9,
#00B8D9
);

color:#fff;

font-size:16px;

text-align:left;

}



.cargo-price-table td{

padding:18px 20px;

border-bottom:1px solid #E5EDF7;

font-size:15px;

color:#667085;

}



.cargo-price-table tr:hover td{

background:#F7FBFF;

}





/*==============================
PRICE FACTORS
==============================*/


.cargo-price-factor{

padding:90px 0;

background:#fff;

}



.cargo-factor-grid{

display:grid;

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

gap:25px;

}



.cargo-factor-card{

background:#F7FBFF;

padding:35px 25px;

border-radius:22px;

transition:.35s;

text-align:center;

}



.cargo-factor-card:hover{

background:#fff;

box-shadow:var(--cargo-shadow-lg);

transform:translateY(-8px);

}



.cargo-factor-card i{

font-size:38px;

color:var(--cargo-primary);

margin-bottom:18px;

}



.cargo-factor-card h3{

font-size:22px;

color:var(--cargo-secondary);

margin-bottom:12px;

}



.cargo-factor-card p{

font-size:15px;

line-height:1.8;

color:var(--cargo-text);

}





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


@media(max-width:1100px){


.cargo-process-grid{

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

}


.cargo-safety-grid{

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

}


.cargo-factor-grid{

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

}


.cargo-protection-grid{

grid-template-columns:1fr;

}



}



@media(max-width:600px){


.cargo-process-grid,
.cargo-safety-grid,
.cargo-carrier-grid,
.cargo-factor-grid{

grid-template-columns:1fr;

}



.cargo-protection-icon div{

width:240px;

height:240px;

}



.cargo-protection-icon i{

font-size:90px;

}



.cargo-protection-content h2{

font-size:28px;

}


}
















/*==================================================
NEW CAR TRANSPORT CSS

PART 4 FINAL

FAQ + FORM + CTA + FOOTER
==================================================*/



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


.cargo-faq{

padding:90px 0;

background:#F7FBFF;

}



.cargo-faq-list{

max-width:950px;

margin:auto;

}



.cargo-faq-item{

background:#fff;

padding:25px 30px;

border-radius:20px;

margin-bottom:18px;

box-shadow:var(--cargo-shadow);

transition:.35s;

}



.cargo-faq-item:hover{

transform:translateY(-5px);

box-shadow:var(--cargo-shadow-lg);

}



.cargo-faq-item h3{

font-size:20px;

color:var(--cargo-secondary);

display:flex;

align-items:flex-start;

gap:12px;

margin-bottom:12px;

}



.cargo-faq-item h3 i{

color:var(--cargo-primary);

margin-top:5px;

}



.cargo-faq-item p{

font-size:15px;

line-height:1.9;

color:var(--cargo-text);

}





/*==============================
REVIEWS
==============================*/


.cargo-reviews{

padding:90px 0;

background:#fff;

}



.cargo-review-grid{

display:grid;

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

gap:25px;

}



.cargo-review-card{

background:#F7FBFF;

padding:35px;

border-radius:25px;

transition:.35s;

}



.cargo-review-card:hover{

background:#fff;

box-shadow:var(--cargo-shadow-lg);

transform:translateY(-8px);

}



.cargo-stars{

color:#FFB800;

font-size:24px;

margin-bottom:18px;

}



.cargo-review-card p{

font-size:15px;

line-height:1.9;

color:var(--cargo-text);

margin-bottom:20px;

}



.cargo-review-card h4{

font-size:20px;

color:var(--cargo-secondary);

}





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


.cargo-quote{

padding:90px 0;

background:

linear-gradient(
135deg,
#062B63,
#0057D9
);

}



.cargo-quote-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:55px;

align-items:center;

}



.cargo-quote-content h2{

font-size:42px;

color:#fff;

margin-bottom:20px;

}



.cargo-quote-content p{

font-size:17px;

line-height:1.9;

color:#EAF5FF;

}



.cargo-quote-content ul{

margin-top:25px;

}



.cargo-quote-content li{

color:#fff;

font-weight:600;

margin-bottom:15px;

}



.cargo-quote-content li i{

color:#8EF0FF;

margin-right:10px;

}



.cargo-form-box{

background:#fff;

padding:40px;

border-radius:30px;

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

}



.cargo-form-box input,
.cargo-form-box select,
.cargo-form-box textarea{

width:100%;

padding:16px;

border:1px solid #DCE6F2;

border-radius:12px;

margin-bottom:15px;

font-family:inherit;

font-size:15px;

}



.cargo-form-box input:focus,
.cargo-form-box select:focus,
.cargo-form-box textarea:focus{

outline:none;

border-color:var(--cargo-primary);

}



.cargo-form-box button{

width:100%;

height:55px;

border:none;

border-radius:50px;

background:var(--cargo-orange);

color:#fff;

font-size:17px;

font-weight:700;

cursor:pointer;

}





/*==============================
CTA SECTION
==============================*/


.cargo-cta{

padding:80px 0;

background:#fff;

}



.cargo-cta-box{

padding:65px 40px;

border-radius:35px;

background:

linear-gradient(
135deg,
#0057D9,
#00B8D9
);

text-align:center;

color:#fff;

}



.cargo-cta-box h2{

font-size:42px;

margin-bottom:20px;

}



.cargo-cta-box p{

font-size:17px;

line-height:1.9;

max-width:850px;

margin:0 auto 30px;

}



.cargo-cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}



.cargo-cta-buttons a{

padding:16px 35px;

border-radius:50px;

font-weight:700;

}



.cargo-cta-buttons a:first-child{

background:#FFB800;

color:#111;

}



.cargo-cta-buttons a:last-child{

background:#fff;

color:#0057D9;

}





/*==============================
RELATED SERVICES
==============================*/


.cargo-related{

padding:90px 0;

background:#F7FBFF;

}



.cargo-related-grid{

display:grid;

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

gap:25px;

}



.cargo-related-grid a{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:var(--cargo-shadow);

display:flex;

align-items:center;

justify-content:center;

gap:12px;

text-align:center;

font-weight:700;

color:var(--cargo-secondary);

}



.cargo-related-grid a i{

font-size:25px;

color:var(--cargo-primary);

}



.cargo-related-grid a:hover{

background:var(--cargo-primary);

color:#fff;

}



.cargo-related-grid a:hover i{

color:#fff;

}





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


.cargo-floating-call,
.cargo-floating-whatsapp{

position:fixed;

bottom:25px;

width:62px;

height:62px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

color:#fff !important;

z-index:9999;

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

}



.cargo-floating-call{

right:95px;

background:#0057D9;

}



.cargo-floating-whatsapp{

right:25px;

background:#25D366;

}



.cargo-floating-call i,
.cargo-floating-whatsapp i{

color:#fff;

}





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


.cargo-footer{

padding:75px 0 20px;

background:#06152F;

color:#fff;

}



.cargo-footer-grid{

display:grid;

grid-template-columns:1.5fr 1fr 1fr 1fr;

gap:35px;

}



.cargo-footer h3{

font-size:22px;

margin-bottom:20px;

}



.cargo-footer p,
.cargo-footer li,
.cargo-footer a{

color:#CBD5E1;

font-size:15px;

line-height:1.8;

}



.cargo-footer a:hover{

color:#fff;

}



.cargo-copyright{

border-top:1px solid rgba(255,255,255,.2);

margin-top:40px;

padding-top:20px;

text-align:center;

color:#CBD5E1;

}





/*==============================
FINAL MOBILE FIX
==============================*/


@media(max-width:991px){


.cargo-quote-grid{

grid-template-columns:1fr;

}


.cargo-review-grid{

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

}


.cargo-related-grid{

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

}


.cargo-footer-grid{

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

}


}



@media(max-width:600px){


.cargo-review-grid,
.cargo-related-grid,
.cargo-footer-grid{

grid-template-columns:1fr;

}



.cargo-section-heading h2{

font-size:30px;

}



.cargo-quote-content h2{

font-size:30px;

}



.cargo-form-box{

padding:25px;

}



.cargo-cta-box{

padding:40px 20px;

}



.cargo-cta-box h2{

font-size:30px;

}



.cargo-floating-call,
.cargo-floating-whatsapp{

width:55px;

height:55px;

bottom:20px;

}



.cargo-floating-call{

right:85px;

}



.cargo-floating-whatsapp{

right:20px;

}


}