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

Template Name: Avrix - Digital Agency Portfolio Templatee
Author: validtheme
Description:
Version: 1.0

Main Font    : Manrope
Main Color   : #2667FF

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

[Typography]

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

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
    04. Banner
        - Banner Creative
        - Banner Digital Agency
        - Banner Portfolio
    05. Services
        - Version One
        - Version Two
        - Service Single
	06. About
        - Version One
        - Version Two
    07. Project
        - Project Carousel
        - Project Grid
        - Project Single
    08. Why Choose Us
    09. Team
        - Team Version One
        - Team Single
    10. Testimonials
    11. Why Choose Us
    12. Faq
    13. Progress
    14. Brand / Partner
    15. Feature
    16. What We Offer
    17. Pricing
    18. Blog
        - Standard
        - Grid
        - Left Sidebar
        - Right Sidebar
        - Single
    21. Error 404
    22. Footer
    23. PHP Contact Form
    24. Others

*/

/*
** General Styles for HTML tags
*/
.bg-dark nav.navbar ul.nav>li.active>a {
    color: #95ea71;
}

.f-50 {
    font-size: 50px !important;
}

.f-60 {
    font-size: 60px !important;
}

.f-70 {
    font-size: 70px !important;
}

.f-90 {
    font-size: 90px !important;
}

.p-70 {
    padding: 70px;
}

.bg-gradient-2 {
    background: var(--bg-gradient-2);
}

ul.gallery-project-basic-info li span {
    text-transform: none;
}

.search-icon {
    height: 50px !important;
    margin-bottom: 80px !important;
}

.services-more .item i, button, button.btn {
    background: var(--bg-gradient-2);
}

.experience-box::after, .btn.btn-gradient::after {
    background: var(--bg-gradient-3);
}

.services-carousel .swiper-wrapper {
  align-items: stretch;
}
.services-carousel .swiper-slide {
  display: flex;
  flex-direction: column;
}

.sub-title {
    font-size: 22px;
}

.qualification-item::last-child {
    margin-top: -20px;
}

.z-2 {
    z-index: 2;
}

@media (max-width: 767px) {
    .title {
        font-size: 30px !important;
    }
    h2, .lead {
        font-size: 15px;
        line-height: 1.8;
    }
    .f-60 {
        font-size: 50px !important;
    }
    .f-70 {
        font-size: 64px !important;
    }
    .f-90 {
        font-size: 65px !important;
    }
    .qualification-item::last-child {
        margin-top: 0px;
    }
    .partnerships .achivement-items {
        grid-template-columns: 1fr 1fr;
    }
    .partnerships .achivement-item {
        padding: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .swiper-slide.swiper-slide-active .project-style-one .overlay {
        bottom: 0;
        position: relative;
    }
}

.text-yellow {
    color: #ffc72d !important;
}

.text-green {
    color: #95ea71 !important;
}

.bg-dark .brand-conetnt .item::after {
    background: none;
}

ol.list-group-numbered li {
    margin-top: 10px;
}

.table-dark {
    --bs-table-bg: #000;
    margin: 10px 0;
}
.table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.table tr:last-child {
    border-bottom: none;
}
.table th, .table td {
    padding: 10px 20px;
}

.client-items .partner-box .item {
    width: unset;
    height: unset;
    line-height: unset;
    padding: 20px;
}
.client-items .partner-box .item img {
    max-width: fit-content;
}

#map-container svg path {
    transition: fill 0.3s, transform 0.2s ease;
    cursor: pointer;
}

#map-container svg path.highlight {
    fill: #007bff !important;
}

#map-container svg path.hovered {
    fill: #8c23bd !important;
}

#map-container svg {
    width: 100%;
    height: auto;
}
.country-list li {
    cursor: pointer;
}
.country-list li:hover {
    color: #95ea71;
}

.text-green {
    color: #95ea71 !important;
}

.testimonial-style-one {
    border-bottom: 1px solid #dddddd;
}

.custom-file {
    position: relative;
}

.custom-file input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: 2;
}

.custom-file #file-label {
    min-height: 60px;
    padding: 15px 30px;
    border-radius: 30px;
}

.team-style-one:hover .thumb img {
    filter: unset;
}