/* ----------------------------------

Template Name: Tekni - IT Solutions & Services Template
Author: validtheme
Description:
Version: 1.2

Main Font    : Outfit
Main Color   : #DF0A0A

-------------------------------------

[Typography]

Body copy:    15px 'Outfit', sans-serif
Header:     36px 'Outfit', sans-serif
Input, textarea:  16px 'Outfit', sans-serif
Sidebar heading:  20px 'Outfit', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
    02. Preloader
    03. Topbar
	    - Topbar Style One
        - Topbar Style Two
    04 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Box
    05. Banner
        - Banner Fade
        - Banner Slide
        - Banner Zoom
    06. About Us
	    - About Style One
        - About Style Two
    07. Services
        - Tab Version
        - Grid Version
        - Services Single
    08. Features
    09. Work Process
    10. Why Choose Us
    11. Fun Factor
    12. Pricing Table
    12. Partner World Wide
    13. Team
        - Grid Version
        - Carousel Version
        - Team Details
    14. Testimonials
		- Single Slider
        - Center Slider
    15. Projects
		- Grid Version
        - Carousel Version
        - Project Details
    16. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    17. Request Call Back
    18. FAQ
    19. Error 404
    20. Footer
    21. PHP Contact Form
    22. Others

*/

/*
** Write you custom css below
*/

/* Work Process number visibility fix */
.process-style-one .thumb span {
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 0.9;
}

.process-style-one:hover .thumb span,
.active.process-style-one .thumb span {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    -webkit-text-stroke-color: #ffffff;
}

.leontra-cta-box {
    gap: 24px;
}

.leontra-cta-button {
    min-width: 156px;
    white-space: nowrap;
    text-align: center;
    flex-shrink: 0;
    padding: 18px 28px !important;
}

@media (max-width: 767px) {
    .leontra-cta-box {
        flex-direction: column;
        align-items: flex-start !important;
        padding: 30px !important;
    }

    .leontra-cta-title {
        font-size: 24px !important;
    }

    .leontra-cta-button {
        min-width: 0;
        width: 100%;
    }
}


/* Footer Quick Links Spacing & Layout */
.footer-quick-links-title {
    margin-bottom: 20px;
}

.footer-links-list {
    column-count: 5;
    column-gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.footer-links-list li {
    break-inside: avoid;
    margin-top: 15px;
}

.footer-links-list li:first-child {
    margin-top: 0;
}

@media (max-width: 1199px) {
    .footer-links-list {
        column-count: 3;
    }
}

@media (max-width: 767px) {
    .footer-quick-links-title {
        margin-bottom: 10px;
    }
    .footer-links-list {
        column-count: 2;
        column-gap: 15px;
    }
    .footer-links-list li {
        margin-top: 5px !important;
    }
}

@media (max-width: 480px) {
    .footer-links-list {
        column-count: 1;
    }
}