/*
Theme Name: TruckPro
Theme URI: https://example.com
Author: Lawsontech
Author URI: https://example.com
Description: Modern Elementor Compatible Truck Shipping Theme
Version: 1.0.0
Tested up to: 6.8
Requires PHP: 8.0
License: GPL v2 or later
Text Domain: truckpro
*/

:root{

    --primary:#0057B8;
    --secondary:#ff8a00;
    --dark:#1f2937;
    --light:#f8fafc;
    --white:#ffffff;
    --gray:#6b7280;

    --radius:12px;

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

}

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:
    "Segoe UI",
    sans-serif;

    color:var(--dark);

    background:#fff;

    line-height:1.6;

}

img{

    max-width:100%;
    display:block;

}

.container{

    width:min(1200px,92%);
    margin:auto;

}

section{

    padding:90px 0;

}

.btn{

    display:inline-block;

    background:var(--secondary);

    color:#fff;

    padding:15px 35px;

    border-radius:50px;

    text-decoration:none;

    transition:.3s;

}

.btn:hover{

    transform:translateY(-3px);

}

.placeholder{

    height:350px;

    border:3px dashed #ddd;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#888;

    border-radius:var(--radius);

}
/*==================================================
GLOBAL CONTAINER
==================================================*/

.container{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding-left:20px;

    padding-right:20px;

}


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

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 32px;

    background:#0057B8;

    color:#ffffff;

    border-radius:50px;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:.3s ease;

    border:2px solid transparent;

}


.btn:hover{

    background:#ff8c00;

    color:#ffffff;

    transform:translateY(-3px);

}


/* Outline Button */

.btn-outline{

    background:transparent;

    border-color:#0057B8;

    color:#0057B8;

}


.btn-outline:hover{

    background:#0057B8;

    color:#ffffff;

}


/*==================================================
SECTION HEADINGS
==================================================*/

.section-heading{

    max-width:750px;

    margin:0 auto 60px;

    text-align:center;

}


.section-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#eaf3ff;

    color:#0057B8;

    font-size:13px;

    font-weight:800;

    letter-spacing:.5px;

}


.section-heading h2{

    margin:20px 0;

    font-size:42px;

    line-height:1.2;

    color:#1f2937;

}


.section-heading p{

    color:#6b7280;

    font-size:17px;

    line-height:1.8;

}



@media(max-width:768px){

    .section-heading h2{

        font-size:32px;

    }


    .container{

        padding-left:15px;

        padding-right:15px;

    }

}
/*==================================================
ELEMENTOR COMPATIBILITY
==================================================*/


.elementor-section.elementor-section-boxed > 
.elementor-container{

    max-width:1200px;

}


.elementor-widget-container{

    box-sizing:border-box;

}


.elementor img{

    height:auto;

    max-width:100%;

}


.elementor a{

    text-decoration:none;

}


/*
 Prevent theme spacing conflicts
*/

.elementor-page .site-main{

    width:100%;

    padding:0;

}


.elementor-page .container{

    max-width:none;

}
html{

    scroll-behavior:smooth;

}

input,
textarea,
select,
button{

    font-family:inherit;

}


button{

    cursor:pointer;

}