/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.5
Tested up to: 6.9
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

:root {
  --green-color: #4E6558;
  --heading-color: #181D24;
  --text-color: #5D5D5D;

}
.container-fluid{
	width: 92%;
}
h1, h2, h3, h4, h5{
	 font-family: 'Manrope', sans-serif;
	 color:var(--heading-color) ;
}
a{
	text-decoration: none;
}
body{
	font-family: 'Manrope', sans-serif;
	color: var(--text-color);
}
section{
	padding: 60px 0;
	overflow: hidden;
}
.main-header {
            background-color: #fff;
            padding: 10px 0;
        }

        
a.logo-brand img {
    width: 65%;
}
        .logo-brand i {
            color: #b3002d;
            /* Matching logo color */
        }

        .nav-link {
            color: var(--green-color) !important;
            font-family: var(--outfit-font);
            font-weight: 500;
            font-size: 17px;
            transition: 0.3s ease;
            padding: 0 5px !important;
        }

        .nav-link.active {
            border-bottom: 2px solid var(--green-color);
        }

        .nav-link:hover {
            color: var(--green-color) !important;
        }

        .nav-link i {
            font-size: 10px;
        }

        /* Action Buttons */
        .header-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 15px;
        }

        .btn-quote {
            background-color: #fff;
            border: 2px solid var(--green-color);
            color: var(--green-color);
            text-decoration: none;
			font-weight: 700;
            padding: 12px 24px;
            border-radius: 50px;
            font-size: 15px;
            transition: 0.3s;
            align-items: center;
            display: inline-block !important;
        }

        .btn-quote i {
            transform: rotate(320deg);
        }

        .btn-quote:hover {
            background-color: var(--green-color);
            border-color: var(--green-color);
            color: #fff;
        }

       .action-btn {
    background: none;
    border: none;
    color: var(--green-color);
    transition: 0.3s;
    font-size: 20px;
}

        .action-btn:hover {
            background-color: #fff;
            color: var(--green-color);
        }

        /* Offcanvas Styling */
        .custom-offcanvas {
            background-color: var(--green-color);
            color: #fff;
            font-family: var(--outfit-font);
        }

        .offcanvas-list {
            list-style: none;
            padding: 0;
        }

        .offcanvas-list li a {
            display: block;
            padding: 15px 0;
            color: #fff;
            text-decoration: none;
            /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
            font-size: 18px;
        }

        /* Mobile Adjustments */
        @media (max-width: 991px) {
            .top-contact-info {
                justify-content: center;
            }
        }



		.banner{
    position: relative;
    padding: 0;
}
.banner-content {
    position: absolute;
    top: 26%;
    left: 5%;
    color: #fff;
}
.banner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(0 0 0 / 89%) 0%, rgb(0 0 0 / 50%) 50%, rgba(237, 221, 83, 0) 100%);
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .8;
    transition: opacity .15s ease;
}
.banner-content h1 {
    max-width: 650px;
    font-size: 50px;
	color: #fff;
}
.banner-content p {
    max-width: 548px;
    font-size: 16px;
    margin: 15px 0 25px;
}
.banner-btn {
    background-color: #fff;
    color: var(--green-color);
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 37px;
    display: inline-flex;
    border: 1px solid #fff;
    transition: all 0.3s !important;
}
.banner-btn:hover{
    background-color: transparent;
    color: #fff;
}
a.banner-btn i {
    transform: rotate(320deg) !important;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	padding-left: 5px;
}



/* feature section */
.feature-card {
    color: #fff;
    padding: 45px 35px;
    height: 100%;
}
.feature-card h4 {
    font-size: 20px;
	margin-bottom: 15px;
	color: #fff;
}
.feature-card p {
    font-size: 15px;
}
.feature-card-1 {
    background-color: #4E6558;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-card-1 h4{
	font-size: 25px;
}
.feature-card-2{
	background-color: #101010;
}
.feature-card-3{
	background-color: #202020;
}
.feature-card-4{
	background-color: #303030;
}


.about-img{
	position: relative;
}
.about-img img{
	border-radius: 15px;
}
.experience-box {
    padding: 30px;
    background: var(--green-color);
    color: #fff;
    width: 201px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 25px;
    text-align: center;
}
.experience-box span {
    font-size: 70px;
}
.about-content span {
    color: var(--green-color);
    font-weight: 600;
}
.about-content h2 {
    font-size: 48px;
    font-weight: 600;
    margin: 15px 0;
    max-width: 532px;
}
a.global-btn {
    background: var(--green-color);
    color: #fff;
    padding: 10px 25px;
    border-radius: 30px;
}
.about-client-box {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.count-client p{
	margin-bottom: 5px;
	color: var(--heading-color);
	font-weight: 600;
}
.count-client{
	font-weight: 600;
}
p.about-description {
    line-height: 1.7;
}



.stats-bar {
	background-color: #F2F2F2;
	border-radius: 12px;
	padding: 3rem 0;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.stat-number {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1;
}

.stat-number.text-accent {
	color: var(--heading-color) !important;
}

.stat-label {
	font-size: 1rem;
	font-weight: 500;
	color: var(--text-color);
	margin-top: 0.5rem;
}

@media (max-width: 991px) {
	:root {
		--fs-banner-title: 3.5rem;
		--fs-banner-script: 4rem;
	}
}

@media (max-width: 768px) {

	.stats-bar {
		padding: 2rem 0;
	}

	.stat-number {
		font-size: 2rem;
	}

	.stat-label {
		font-size: 0.9rem;
	}
	.feature-card-1{
		justify-content:start;
	}

}


.track-section{
	background-color: var(--green-color);
	padding: 0;
}
.track-content {
    padding: 50px;
	color: #fff;
}
.track-content span {
    font-weight: 600;
}
.track-content h2 {
    font-size: 50px;
    color: #fff;
    margin: 20px 0;
}
.track-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dddddd59;
    width: 67%;
    padding: 5px 0;
}
.track-input::placeholder{
	color: #fff;
}
button.track-btn {
    background: #fff;
    color: var(--heading-color);
    padding: 10px 35px;
    border-radius: 30px;
    border: none;
    font-weight: 600;
}

.track-img-box img {
    position: absolute;
    right: 0;
	bottom: 0;
	width: 63%;
}




.service-heading span {
    color: var(--green-color);
    font-weight: 600;
}

.service-heading h2 {
    font-size: 50px;
    margin: 15px 0;
}
.service-heading p{
	font-weight: 500;
}

.service-img-box{
	background-blend-mode: multiply;
	background-position: center !important;
	background-size: cover !important;
	height: 300px;
	padding: 20px;
}
.service-img-box h4{
	color: #fff;
}

.service-content-box {
    background-color: var(--green-color);
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 25px 30px;
    color: #fff;
}
.service-content-box h3{
	color: #fff;
}



.why-heading {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
}
.why-heading span{
	color: var(--green-color);
	font-weight: 600;
}
.why-heading h2 {
    font-size: 50px;
    margin: 15px 0;
}
.why-content-card {
    display: flex;
height: 100%;
margin-top: 30px;
}
.why-icon-box i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: var(--green-color);
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
}
.why-content {
    padding: 0 20px;
}



.video-section {
    width: 100%;
    height: 450px;
    background-blend-mode: multiply;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.play-btn {
/*     width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--heading-color);
    border-radius: 50%; */
	display:none;
}
.play-btn a {
    color: #fff;
    font-size: 22px;
}




.faq-left span{
font-weight: 600;
color: var(--green-color);
}
.faq-left h2 {
    font-size: 50px;
    max-width: 500px;
    margin: 15px 0;
}



.faq-tabs {
  border-bottom: none;
}

.faq-tabs .nav-link {
  border: none;
  background: transparent;
  color: #6b6b6b;
  font-weight: 500;
  padding: 8px 16px !important;
  border-radius: 0;
}

.faq-tabs .nav-link.active {
  background: var(--green-color);
  color: #fff !important;
  border-radius: 2px;
}

/* Accordion styling */

.faq-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #e5e5e5;
}

.faq-accordion .accordion-button {
  padding: 18px 0;
  font-weight: 500;
  color: #111;
  background: transparent;
  box-shadow: none;
}

.faq-accordion .accordion-button::after {
  background-size: 14px;
}

.faq-accordion .accordion-button:not(.collapsed) {
  background: transparent;
  color: #111;
}

.faq-accordion .accordion-body {
  padding: 0 0 15px 0;
  color: #555;
  font-size: 15px;
}

.trucks-img-faq {
    margin-top: 50px;
}

.cta-section{
	background-color: var(--green-color);
	padding: 40px 0 ;
}
.cta-section h2{
	color: #fff;
}


.footer{
	background-color: #101010;
	padding: 60px 0 30px;
	position: relative;
}
.arrow-box {
    position: absolute;
    right: 5%;
}
.footer-logo img {
    width: 60%;
    margin-bottom: 20px;
}
.footer-heading{
	color: #fff;
	font-size: 22px;
}
.footer-link {
    list-style: none;
    padding: 0;
}
.footer-link li{
	line-height: 35px;
}
.footer-link li a{
	color: #fff;
}
/* .footer-box-2 {
    margin-top: 93px;
} */
.footer-heading-2{
	font-size: 40px;
	color: #fff;
}
.contact-detail{
	font-size: 18px;
	color: #fff;
}
.contact-detail:hover{
	color: #9bbf9c;
}
.footer-box-3 p {
    margin-bottom: 5px;
	margin-top: 15px;
	color:#fff;
}
.email-p{
    margin-top: 30px;

}
.bottom-footer {
    background-color: #101010;
    padding: 15px 0 0;
    color: #fff;
    border-top: 1px solid #ddd;
}

 @media (max-width: 991px) {
	.container-fluid{
		width: 95%;
	}
	section{
		padding: 40px 0;
	}
	.carousel-item img {
    height: 500px;
    object-fit: cover;
}
.banner-content {
    top: 20%;
    left: 5%;
}
	
.banner-content h1 {
    font-size: 35px;
}
.about-content h2 {
    font-size: 30px;
    margin: 10px 0 25px;
}
.about-client-box {
    display: none;
}
p.about-description {
    margin-top: 25px;
}
.experience-box {
    padding: 10px;
    background: var(--green-color);
    color: #fff;
    width: 174px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border-radius: 25px;
    text-align: center;
}
.experience-box span {
    font-size: 45px;
}
.track-content h2 {
    font-size: 30px;
    color: #fff;
    margin: 5px 0;
}
.track-content {
    padding: 40px 20px;
    color: #fff;
}
button.track-btn {

    margin-top: 20px;
}
.track-img-box img {
    width: 41%;
}
.service-heading h2 {
    font-size: 30px;
    margin: 8px 0;
}
.service-img-box {
    height: 270px;
}
.service-content-box {
    height: 270px;
}
.why-heading h2 {
    font-size: 30px;
    margin: 15px 0;
}
.why-content-card {
    margin-top: 20px;
}
.why-content {
    padding: 0 12px;
}
.video-section {
    height: 240px;
}
.faq-left h2 {
    font-size: 30px;
    margin: 10px 0 25px;
}
.cta-section {
    padding: 25px 0;
}
.footer-logo img {
    width: 55%;
    margin-bottom: 20px;
}
.footer-heading-2 {
    font-size: 25px;
}
h1.pagetitle {
    font-size: 33px !important;
    text-align: center;
}
.page-breadcrumb {
    padding: 42px 0 0 0 !important;
}
	 
	 .content-box {
    border-radius: 0 !important;
    margin: 0 !important;
}
	 .content-box h2 {
    font-size: 28px !important;
		 
} 
	.chaty-channels {
    display: none;
} 
 }
 img.img-fluid.inner-image {
    border-radius: 6px;
}
ul.inner-links {
    list-style: none;
    padding: 0;
}
ul.inner-links li i {
    color: #415048;
}
h5.inner-heading {
    font-size: 24px;
    font-weight: 700;
    color: #404b45;
}
ul.deck-heading li h6 {
    font-size: 20px;
    font-weight: 600;
    color: #4e6558;
}
.dividing {
    color: #fff;
    text-align: center;
    font-weight: 600;
}







.appointment-section {
    border-radius: 20px;
    overflow: hidden;
}
.appointment-section input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 10px;
    border: var(--green-color);
    background: var(--green-color);
    color: #fff;
}
.bg-image {
    background: url('https://hivends.org/ftc-logistics/site/wp-content/uploads/2026/01/ftc-contact-scaled.webp') center center/cover no-repeat;
    border-radius: 20px 0px 0px 20px;
}
.contact-form {
    color: var(--heading-color);
}
.bg-light-green {
    background-color: #DEEED9 !important;
    border-radius: 0 20px 20px 0;
}
.faq-contact-box {
    background-color: #dae6fd;
}

.btn-dark-green {
    background-color: #10182c;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-dark-green:hover {
    background-color: #142c5d;
    color: #fff;
}
span.badge.bg-light-green.text-dark.px-3.py-2.rounded-pill.mb-3 {
    font-size: 13px;
}
.bg-light-green {
  background-color: #e3f0e1;
}

.accordion-button {
  background-color: #f8f9f8;
  border-radius: 10px !important;
  box-shadow: none;
  font-weight: 600;
  color: #1e3a2f;
}

.accordion-button:not(.collapsed) {
    background-color: #dce6fb;
    color: #030303;
}
.accordion-body {
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.7;
}

.sticky-box {
  position: sticky;
  top: 90px;
}
.content-box {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 20px 0px 0px 20px;
    max-width: 100%;
    /* margin: 0 20px 0 20px; */
}

.content-box h2,
.content-box h3,
.content-box p {
  color: #fff;
}
.content-box h2{
	font-size: 36px;
	font-weight: 500 !important;
}

.btn-light i {
  transition: transform 0.3s ease;
}

.btn-light:hover i {
  transform: translateX(5px);
}




  #sequence a {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
 
}
#sequence a:not(:last-child) {
    border-right: 1px solid #fffdfd;
}
#sequence {
    width: 100%;
    float: left;
    background: var(--green-color);
    position: fixed;
    bottom: 0px;
    z-index: 100;
    padding: 0;
    color: #fff !important;
    margin: 0 !important;
}
.modal-body.contact-modal {
    background: var(--green-color);
}
.modal-body.contact-modal .form-label {
    color: #fff;
}
.modal-body.contact-modal input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 10px;
    border: var(--green-color);
    background: #fff;
    color: var(--green-color);
}