/*
L O T T I E   A N I M A T I O N S
Delivery Service - https://assets10.lottiefiles.com/packages/lf20_bd6ecgpd.json - https://lottiefiles.com/67206-delivery-service
Food Courier Deliver Order to Client - https://assets4.lottiefiles.com/packages/lf20_8puroppj.json - https://lottiefiles.com/92164-food-courier-deliver-order-to-client
Relocation Services - https://assets4.lottiefiles.com/packages/lf20_8ologodb.json - https://lottiefiles.com/53617-relocation-services
Order Delivery - https://assets5.lottiefiles.com/packages/lf20_3tryizhw.json - https://lottiefiles.com/89626-order-delivery
Product delivery in time - https://assets7.lottiefiles.com/packages/lf20_vq4vpefh.json - https://lottiefiles.com/114214-product-delivery-in-time
Product Delivered - https://assets1.lottiefiles.com/packages/lf20_ttnc5lln.json - https://lottiefiles.com/114216-product-delivered
Happy customer after buying product - https://assets8.lottiefiles.com/packages/lf20_qw9qxstb.json - https://lottiefiles.com/114603-happy-customer-after-buying-product

*/

.hero-banner {
    background-image: linear-gradient(to top, #f5f6fc85, #000d1a);
    background-size: cover;
    color: white;
    padding: 20px;
}

#client-logo-section-id {
    height: 15px;
}

#client-logo-section-id .container-fluid .row .col-lg-8 .box-shadow {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#achievements-section-id {
    background-color: #000d1a;
    background-image: linear-gradient(to bottom, #242b52cb, #000d1a);
    background-size: cover;
    color: white;
    padding: 20px;
}

#achievements-section-id .row .col-12 .row .col-1 lord-icon {
    width: 4rem;
    height: 4rem;
}

.logo-column {
    display: flex;
    align-items: center;
    text-align: left;
}

.logo {
    margin-right: 0.03rem; 
}

.logo-tagline,
.logo-tagline-light {
    margin-top: 0.15rem; 
    font-size: 0.62rem;
    color: white;
    font-family: "Mulish", sans-serif;
}

.logo-tagline {
    color: white;
}

.logo-tagline-light {
    color: black;
}

.logo-tagline-footer {
    color: white;
    font-size: 0.55rem !important;
}

/* ------------------------
    Charts
------------------------*/
.apex-charts {
    min-height: 10px !important;
}
.apex-charts text {
    font-family: "Poppins", sans-serif !important;
    fill: #adb5bd;
}
.apex-charts .apexcharts-canvas {
    margin: 0 auto;
}

.apexcharts-tooltip-title,
.apexcharts-tooltip-text {
    font-family: "Poppins", sans-serif !important;
}

.apexcharts-legend-series {
    font-weight: 500;
}

.apexcharts-gridline {
    pointer-events: none;
    stroke: #f8f9fa;
}

.apexcharts-legend-text {
    color: #74788d !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
}

.apexcharts-pie-label {
    fill: #fff !important;
}

.apexcharts-yaxis text,
.apexcharts-xaxis text {
    font-family: "Poppins", sans-serif !important;
    fill: #adb5bd;
}

.e-charts {
    height: 350px;
}

/* Flot chart */
.flot-charts-height {
    height: 320px;
}

/* ------------------------
    Whatsap Floating
------------------------*/
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

/* ------------------------
    Parallex About Image
------------------------*/

.parallax {
    /* The image used */
    background-image: url("/theme/images/team/team3.jpg");

    /* Set a specific height */
    min-height: 400px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ------------------------
    Job Widget
------------------------*/

#job_widget {
    border-radius: 25px;
    background-color: #000d1a;
    padding: 30px;
    margin-left: 30px;
    margin-bottom: 20px;
}

#job_widget div {
    color: rgba(255, 255, 255, 0.514);
}

#job_widget h3 {
    color: rgb(255, 255, 255);
}

#job_widget ul li {
    color: rgba(255, 255, 255, 0.822);
}

#job_widget p {
    color: rgba(255, 255, 255, 0.514);
}

#job_widget .btn {
    margin-top: 8px;
    color: white;
}

#job_widget .btn {
    margin-top: 8px;
}

#job_widget div a {
    color: white;
    background-color: #4c5f819c;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 1px 4px 10px #092b4e;
}