/*
Theme Name: Driving4business
Theme URI: https://wordpress.org/themes/Driving4business/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: d4b
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.
*/
    :root {
      --udrive-yellow: #f8c000;
      --envato-dark: #333333;
      --envato-green: #82b440;
    }
    body{
         font-family: "Manrope", sans-serif;
    }
/* Make WordPress menus fit Bootstrap styles */
.navbar-nav li {
  list-style: none;
	text-transform:capitalize;
	font-weight:700;
}
.navbar-nav li a {
  display: block;
  padding: 0.5rem 1rem;
  color: inherit;
  text-decoration: none;
}
.navbar-nav li a:hover,
.navbar-nav li.current-menu-item a {
  color: var(--udrive-yellow);
}

    /* --- INFO BAR (Middle Bar) --- */
    .info-bar {
      background-color: black;
      font-size: 0.75rem;
      font-weight: 600;
      padding: 5px 0;
      border-bottom: 1px solid #111;
    }
    .info-bar-link {
      color: var(--udrive-yellow) !important;
      margin-right: 1.5rem;
      white-space: nowrap;
    }
    .info-bar-link strong {
      color: white;
      font-weight: 900;
    }
    .social-media-icons a {
      color: white !important;
      font-size: 0.85rem;
      margin-left: 0.7rem;
    }

    /* --- MAIN NAVBAR --- */
    .main-navbar {
      background-color: white;
      padding: 15px 0;
    }
    .main-navbar .nav-link {
      color: #000;
      font-weight: 700;
      text-transform: uppercase;
    }
    .btn-consultation {
      background-color: var(--udrive-yellow);
      color: #000;
      font-weight: 900;
      border-radius: 0;
      padding: 15px 25px;
      height: 54px;
    }
    .search-icon {
        text-decoration: none;
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
    }
    .main-navbar .fa-chevron-right, .main-navbar .fa-chevron-down {
        font-size: 0.5rem;
        margin-left: 2px;
        color: #6c757d; 
    }

    /* === HERO CAROUSEL LAYOUT === */
    .hero-carousel {
        background-color:#ffd4001f;
    }
    .hero-carousel .carousel-item {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem 8%;
    }

    .hero-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1300px;
      gap: 2rem;
    }

    .hero-text {
      flex: 1 1 45%;
      max-width: 550px;
    }

    .hero-text h1 {
      font-size: 4rem;
      font-weight: 800;
      line-height: 1.1;
      color: #000;
    }

    .hero-text p {
      color: #777;
      font-size: 1rem;
      margin-top: 1rem;
    }

    .hero-image {
      flex: 1 1 45%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .hero-image img {
      width: 100%;
      max-width: 1000px;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      /* Image clipping to match design */
      clip-path: polygon(
        25% 0%,
        100% 0%,
        100% 65%,
        75% 100%,
        0% 100%,
        0% 25%
      );
    }

    /* --- ANIMATION CLASSES (CORE FIX) --- */
    /* 1. Initial State (Off-Screen) */
    .hero-content .hero-text {
      /* Use !important to override the Bootstrap fade defaults */
      transform: translateX(-100%) !important; 
      opacity: 0 !important;
      transition: transform 1.2s ease-out, opacity 1s ease-out;
      transition-delay: 0.1s;
    }
    .hero-content .hero-image {
      /* Use !important to override the Bootstrap fade defaults */
      transform: translateX(100%) !important; 
      opacity: 0 !important;
      transition: transform 1.2s ease-out, opacity 1s ease-out;
      transition-delay: 0.1s;
    }

    /* 2. Target State (Set by JS) - These override the initial state */
    .hero-content .is-active-text {
        transform: translateX(0) !important;
        opacity: 1 !important;
    }
    .hero-content .is-active-image {
        transform: translateX(0) !important;
        opacity: 1 !important;
    }

    /* FIX: Keep this rule so Bootstrap handles the overall slide visibility */
    .carousel-item-next, .carousel-item-prev, .carousel-item.active.carousel-item-start, .carousel-item.active.carousel-item-end {
        /* REMOVE transform: none !important; from previous attempt */
    }

    @media (max-width: 992px) {
      .hero-content {
        flex-direction: column;
        text-align: center;
        padding: 3rem 2rem;
      }
      .hero-text h1 {
        font-size: 2.2rem;
      }
    }

    /* Carousel Controls */
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      width: 40px;
      height: 40px;
    }
    .driving-school-section {
  background-color: #fff;
}
.hexagon-img {
  display: inline-block;
  overflow: hidden;
}
.hexagon-img img {
  width: 100%;
  max-width: 280px;
  height: auto;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%);
  transition: transform 0.3s ease;
}
.hexagon-img img:hover {
  transform: scale(1.05);
}
.since h3 {
  font-size: 1.8rem;
}
.social-icons a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #f8f9fa;
  color: #000;
  margin: 0 4px;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.social-icons a:hover {
  background: #f8c000;
  color: #000;
}
 /* ===== Our Services Section ===== */
    .services-section {
      background-color: #343434;
      padding: 80px 0;
      position: relative;
    }

    .section-subtitle {
      color: gold;
      font-weight: 600;
      font-size: 0.95rem;
    }

    .section-title {
      font-size: 2rem;
      font-weight: 800;
      color: #111;
    }

    .services-carousel {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      gap: 1.5rem;
      padding-bottom: 1rem;
    }

    .service-card {
      background: #fff;
      border-radius: 10px;
      flex: 0 0 260px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      text-align: center;
      padding: 2rem 1.5rem;
      transition: all 0.3s ease;
      border: 1px solid #eee;
    }
.service-card .servico {
  font-size: 22px;
  color: #fff; /* white icon color */
  margin-bottom: 1rem;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f8c000, #ff8c00);
  box-shadow: 0 4px 10px rgba(248, 192, 0, 0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card .servico:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 14px rgba(248, 192, 0, 0.5);
}

    .service-card h5 {
      font-weight: 700;
      font-size: 1.1rem;
      margin-bottom: 0.8rem;
    }

    .service-card p {
      font-size: 0.9rem;
      color: #666;
      margin-bottom: 1rem;
    }

    .service-card a {
      font-size: 0.8rem;
      font-weight: 600;
      color: #000;
      text-transform: uppercase;
      text-decoration: none;
      transition: color 0.3s;
    }

    .service-card a:hover {
      color: #007bff;
    }

  .carousel-nav {
    position: absolute;
    top: auto;
    bottom: 73%;
    left: auto;
    right: 0%;
    display: flex
;
    gap: 10px;
}

    .carousel-nav button {
      border: 1px solid #ccc;
      background: white;
      width: 36px;
      height: 36px;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .carousel-nav button:hover {
      background: #007bff;
      color: white;
      border-color: #007bff;
    }

    @media (max-width: 768px) {
      .carousel-nav {
        position: static;
        justify-content: center;
        margin-top: 1rem;
      }
    }
    /* --- Course to drive with confidence Section --- */
.confidence-course-section {
    padding: 80px 0;
    overflow: hidden; /* To handle the overflow of the yellow arrows */
}

.section-title {
    font-weight: 800;
    font-size: 2.5rem;
    margin-bottom: 50px;
}

.course-item {
    position: relative;
}




/* --- Image Container Styling --- */
.course-image-container {
    position: relative;
    overflow: hidden;
    height: 400px; /* Fixed height for visual consistency */
    border-radius: 8px;
}

.course-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Diagonal Clip for Course 1 (Standard) */
.course-image-container {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
/* Reversed Diagonal Clip for Course 2 (Extended) */
.course-image-container.reversed-clip {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}

/* --- Price Tag Styling (Yellow Box) --- */
.course-price-tag {
    background-color: var(--udrive-yellow);
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px;
    text-align: center;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%); /* Diagonal left edge */
    font-family: sans-serif;
    line-height: 1;
    z-index: 10;
}
.course-price-tag span {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
}
.course-price-tag strong {
    display: block;
    font-size: 1.8rem;
    font-weight: 900;
}

/* Reversed Price Tag for Course 2 */
.course-price-tag.reversed-price {
    right: auto;
    left: 0;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); /* Diagonal right edge */
}


/* --- Text Content Styling --- */
.course-tag-text {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--udrive-yellow);
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.course-heading {
    font-weight: 800;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.course-description {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 25px;
}

/* Session Details (Icons + Text) */
.session-details {
    display: flex;
    gap: 25px;
    align-items: center;
}
.session-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 0.9rem;
}
.session-item i {
    color: var(--udrive-yellow);
    font-size: 1.5rem;
    margin-bottom: 5px;
}
.session-item strong {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #333;
}
.session-item span {
    font-size: 0.9rem;
    font-weight: 600;
    color: #000;
}

/* Warning Bar (Black Footer) */
.warning-bar {
    background-color: var(--udrive-black);
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 12px 15px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    margin-top: 15px;
}
.warning-bar i {
    color: var(--udrive-yellow);
}

/* Mobile Adjustments */
@media (max-width: 992px) {
    .section-title {
        text-align: center;
    }
    .course-image-container, .course-image-container.reversed-clip {
        height: 300px;
        clip-path: none; /* Remove complex clip path on mobile */
        margin-top: 20px;
    }
    .course-card-left {
        /* This column is the image container - push it down on mobile if it's not the first item */
        order: 2 !important;
    }
    .course-card-right {
        /* This column is the text container - push it up on mobile if it's not the first item */
        order: 1 !important;
    }
    .course-item::before, .course-item::after {
        display: none; /* Hide decorative arrows on mobile */
    }
    .course-price-tag, .course-price-tag.reversed-price {
        top: 10px;
        right: 10px;
        left: auto;
        clip-path: none; /* Remove diagonal clip on mobile price tag */
        border-radius: 4px;
    }
}

.courses-section {
      padding: 80px 0;
      position: relative;
    }

    .section-subtitle {
      color: #0066ff;
      font-weight: 600;
      font-size: 0.9rem;
    }

    .section-title {
      font-weight: 800;
      font-size: 2rem;
      color: #111;
    }

    /* === Course Card === */
    .course-card {
      border: none;
      border-radius: 20px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
    }

    .course-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }

    .course-img {
      height: 220px;
      overflow: hidden;
    }

    .course-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }

    .course-card:hover img {
      transform: scale(1.05);
    }

    .course-content {
      padding: 1.5rem;
      position: relative;
    }

    .price-badge {
      position: absolute;
      top: -15px;
      left: 20px;
      background: #111;
      color: #fff;
      padding: 6px 15px;
      border-radius: 25px;
      font-size: 0.9rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .level-badge {
      position: absolute;
      top: -15px;
      right: 20px;
      background: #007bff;
      color: #fff;
      padding: 6px 15px;
      border-radius: 25px;
      font-size: 0.9rem;
      font-weight: 600;
    }

    .instructor {
      display: flex;
      align-items: center;
      margin-top: 1rem;
    }

    .instructor img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
      margin-right: 10px;
    }

    .instructor-info {
      font-size: 0.9rem;
      color: #333;
    }

    .read-btn {
      background: #000;
      color: #fff;
      border: none;
      padding: 8px 16px;
      border-radius: 8px;
      font-weight: 600;
      margin-top: 1rem;
      transition: all 0.3s ease;
    }

    .read-btn:hover {
      background: #f8c000;
      color: #111;
    }

    /* === Owl Controls === */
    .owl-nav button {
      position: absolute;
      top: 40%;
      background: rgba(0, 0, 0, 0.7) !important;
      color: #fff !important;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      font-size: 1.2rem !important;
      transition: all 0.3s ease;
    }

    .owl-nav button:hover {
      background: #f8c000 !important;
      color: #000 !important;
    }

    .owl-nav .owl-prev {
      left: -50px;
    }

    .owl-nav .owl-next {
      right: -50px;
    }

    .owl-dots {
      margin-top: 20px;
    }

    .owl-dot span {
      background: #ddd !important;
    }

    .owl-dot.active span {
      background: #f8c000 !important;
    }

    @media (max-width: 768px) {
      .owl-nav .owl-prev {
        left: 0;
      }
      .owl-nav .owl-next {
        right: 0;
      }
    }
    .owl-stage-outer{
        padding-bottom: 20px;
    }
    /* --- FAQ & CONTACT FORM STYLES --- */
        .faq-section { 
            /* Placeholder Background Image */
            background-image: url('https://img.freepik.com/free-photo/woman-driving-car-night-shot-close-up-driver-s-face_23-2149591456.jpg'); 
            background-size: cover; 
            background-position: center; 
            position: relative; 
            color: white; 
            overflow: hidden; 
            padding: 80px 0;
        }
        .faq-section::before { 
            content: ''; 
            position: absolute; 
            top: 0; 
            left: 0; 
            right: 0; 
            bottom: 0; 
            background-color: rgba(0, 0, 0, 0.65); /* Dark Overlay */
            z-index: 1; 
        }
        .faq-content, .contact-form-card { 
            position: relative; 
            z-index: 2; 
        }
        .faq-section .section-title { 
            color: white; 
            margin-bottom: 30px; 
            font-weight: 800;
            font-size: 2.5rem;
        }
        .faq-section .faq-icon { 
            color: var(--udrive-yellow); 
            font-size: 2rem; 
            margin-right: 10px; 
        }
        
        /* Accordion Styles (matches screenshot) */
        .accordion-button { 
            background-color: white !important; 
            color: var(--udrive-black) !important; 
            font-weight: 600; 
            border-radius: 5px !important; 
            margin-bottom: 10px; 
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 
            padding: 15px 20px;
        }
        .accordion-item { 
            background-color: transparent !important; 
            border: none !important; 
            margin-bottom: 15px; 
        }
        .accordion-body { 
            background-color: rgba(255, 255, 255, 0.9); 
            color: #333; 
            border-radius: 0 0 5px 5px; 
            padding: 15px; 
        }
        .accordion-button:not(.collapsed) { 
            background-color: var(--udrive-yellow) !important; /* Yellow active state */
        }
        .accordion-button:focus { 
            border-color: transparent; 
            box-shadow: none; 
        }

        /* Contact Form Card Styles (matches screenshot) */
        .contact-form-card { 
            background-color: white; 
            padding: 40px; 
            border-radius: 8px; 
        }
        .contact-form-card h4 { 
            color: var(--udrive-black); 
            font-weight: 700; 
            margin-bottom: 30px; 
            font-size: 1.8rem;
        }
        .form-control, .form-select { 
            border-radius: 0; 
            border: 1px solid #eee; 
            padding: 12px 15px; 
            background-color: #f7f7f7; 
            box-shadow: none;
        }
        .form-control:focus { 
            border-color: var(--udrive-yellow); 
            box-shadow: none; 
            background-color: white; 
        }
        .contact-form-card .row > div { 
            margin-bottom: 20px; 
        }
        .btn-submit { 
            background-color: var(--udrive-blue); 
            color: white; 
            font-weight: 700; 
            padding: 12px 20px; 
            border-radius: 0; 
            width: 100%; 
            border: none; 
            transition: background-color 0.3s;
        }
        /* --- START THE PROCESS SECTION STYLES --- */
.process-section {
    background-color: white;
    padding: 80px 0;
    overflow: hidden;
}

/* Left Column Text */
.process-title {
    font-weight: 800;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
.process-subtitle {
    font-size: 1rem;
    color: #666;
    margin-bottom: 30px;
}

/* Video Placeholder */
.video-placeholder-container {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.video-placeholder-container img {
    width: 100%;
    height: auto;
    display: block;
}
.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--udrive-black);
    transition: background-color 0.3s;
}
.video-play-icon:hover {
    background-color: var(--udrive-yellow);
}

/* Online Lesson CTA (Yellow/Black box) */
.online-lesson-cta {
    background-color: #f7f7f7;
    padding: 20px;
    border-left: 5px solid var(--udrive-yellow);
    margin-bottom: 20px;
}
.online-lesson-cta i {
    font-size: 2rem;
    color: var(--udrive-yellow);
}
.cta-heading {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.2;
}
.cta-heading strong {
    font-weight: 700;
    color: var(--udrive-yellow);
}
.cta-schedule {
    font-size: 0.85rem;
    color: #666;
    margin: 0;
}
.cta-schedule a {
    color: var(--udrive-black);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s;
}
.cta-schedule a:hover {
    color: var(--udrive-yellow);
}

/* Send Request Button */
.btn-send-request {
    background-color: var(--udrive-black);
    color: white;
    font-weight: 700;
    padding: 12px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 0.85rem;
    border: none;
}
.btn-send-request:hover {
    background-color: #333;
}


/* --- Right Column: Step-by-Step Process --- */
.process-right-col {
    padding-left: 50px; /* Offset the content slightly */
}

.process-step-item {
    position: relative;
    padding: 20px 0;
    padding-left: 100px;
    margin-bottom: 20px;
}

/* Step Number (Large, semi-transparent) */
.step-number {
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    font-size: 6rem;
    font-weight: 900;
    color: #f0f0f0;
    opacity: 0.8;
    line-height: 1;
    z-index: 1;
}

/* Step Content (Icon, Heading, Text) */
.step-content {
    position: relative;
    z-index: 2;
}

.step-icon-box {
    width: 40px;
    height: 40px;
    background-color: var(--udrive-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px rgba(248, 192, 0, 0.4);
}
.step-icon-box i {
    color: var(--udrive-black);
    font-size: 1.2rem;
}
.step-heading {
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.step-text {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
}


/* Responsive adjustments */
@media (max-width: 992px) {
    .process-left-col {
        margin-bottom: 40px;
    }
    .process-right-col {
        padding-left: 15px;
    }
    .process-step-item {
        padding-left: 80px;
        margin-bottom: 40px;
    }
    .step-number {
        font-size: 4rem;
        left: 0;
    }
    .step-arrow {
        display: none; /* Hide complex arrow on mobile */
    }
}
/** advanced-section **/

.advanced-section{
	position: relative;
	padding: 120px 0px;
}

.advanced-section .title-inner{
	position: relative;
	display: block;
	margin-right: 40px;
	margin-top: 11px;
}

.advanced-section .title-inner .sec-title{
	padding-bottom: 29px;
	margin-bottom: 33px;
	border-bottom: 4px solid #121113;
}

.advanced-section .title-inner .download-box{
	position: relative;
	display: block;
	padding: 0px 0px 0px 65px;
}

.advanced-section .title-inner .download-box .icon{
	position: absolute;
	left: 0px;
	top: 7px;
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 51px;
	background: #121113;
	font-size: 20px;
	text-align: center;
}

.advanced-section .title-inner .download-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 2px;
}

.advanced-section .title-inner .download-box h4 a{
	position: relative;
	display: inline-block;
	color: #121113;
}

.advanced-section .title-inner .download-box h4 a:hover{

}

.advanced-section .title-inner .download-box h5{
	display: block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #75767b;
	text-transform: uppercase;
}

.advanced-section .image-box{
	position: relative;
	display: block;
	text-align: center;
}

.advanced-section .image-box .shape{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 438px;
	background-repeat: no-repeat;
	background-position: center;
}

.advanced-section .image-box .image{
	position: relative;
	display: block;
}

.advanced-section .text-inner{
	position: relative;
	display: block;
	margin-top: 13px;
}

.advanced-section .text-inner p{
	margin-bottom: 29px;
}

.list-style-one li{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 26px;
	font-family: 'Lexend', sans-serif;
	font-weight: 500;
	color: #121113;
	padding-left: 25px;
	margin-bottom: 20px;
}

.list-style-one li:last-child{
	margin-bottom: 0px;
}

.list-style-one li:before {
  content: "\f00c"; /* <-- Font Awesome icon (checkmark) */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* required for solid icons */
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 14px;
  color: #ffc107; /* yellow or any accent color */
}

/** testimonial-section **/

.testimonial-section{
	position: relative;
	padding: 120px 0px 120px 0px;
	overflow: hidden;
}

.testimonial-section .bg-layer{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	background-attachment: fixed;
}

.testimonial-section .bg-layer:before{
	position: absolute;
	content: '';
	background: #121113;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.7;
}

.testimonial-section .bg-layer:after{
	position: absolute;
	content: '';
	background: -webkit-linear-gradient(-180deg, rgba(18,17,19,1)50%, rgba(18,18,19,0.0) 100%);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.testimonial-section .title-inner{
	position: relative;
	display: block;
}

.testimonial-section .title-inner .sec-title{
	margin-bottom: 26px;
}

.testimonial-section .title-inner .sec-title h2{
	margin-bottom: 16px;
}

.testimonial-section .title-inner .sec-title p{
	color: #fff;
}

.testimonial-section .title-inner .rating-box{
	position: relative;
	display: block;
	margin-bottom: 13px;
}

.testimonial-section .title-inner .rating-box h4{
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 12px;
}

.testimonial-section .title-inner .rating-box .rating li{
	position: relative;
	display: inline-block;
	float: left;
	width: 35px;
	height: 35px;
	line-height: 41px;
	font-size: 20px;
	color: #121113;
	text-align: center;
	margin-right: 5px;
}

.testimonial-section .title-inner .rating-box .rating li:last-child{
	margin: 0px !important;
}

.testimonial-section .title-inner .review-box p{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 33px;
}

.testimonial-section .title-inner .review-box .theme-btn{
	background: #fff;
	color: #121113;
	padding: 13px 46px;
}

.testimonil-block-one .inner-box{
	position: relative;
	display: block;
	padding: 34px 30px 40px 40px;
	border: 2px solid #3a383c;
	border-top: none;
	border-right: none;
}

.testimonil-block-one .inner-box:before{
	position: absolute;
	content: '';
	border-top: 2px solid #3a383c;
	width: calc(100% - 100px);
	left: 0px;
	top: 0px;
}

.testimonil-block-one .inner-box:after{
	position: absolute;
	content: '';
	border-right: 2px solid #3a383c;
	height: calc(100% - 100px);
	right: 0px;
	bottom: 0px;
}

.testimonil-block-one .inner-box .border-box{
  position: absolute;
  top: -20px;
  right: 50px;
  background: #3a383c;
  transform: rotate(-45deg);
  height: 141px;
  width: 2px;
}

.testimonil-block-one .inner-box .rating li{
	position: relative;
	display: inline-block;
	float: left;
	font-size: 20px;
	margin-right: 5px;
}

.testimonil-block-one .inner-box .rating li:last-child{
	margin: 0px !important;
}

.testimonil-block-one .inner-box .rating{
	margin-bottom: 12px;
}

.testimonil-block-one .inner-box h4{
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 20px;
}

.testimonil-block-one .inner-box p{
	display: block;
	color: #c3c4c8;
	margin-bottom: 33px;
}

.testimonil-block-one .inner-box .author-box{
	position: relative;
	display: block;
	padding: 7px 0px 9px 85px;
}

.testimonil-block-one .inner-box .author-box .author-thumb{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70px;
	height: 70px;
	border: 3px solid #fff;
	border-radius: 50%;
}

.testimonil-block-one .inner-box .author-box .author-thumb img{
	width: 100%;
	border-radius: 50%;
}

.testimonil-block-one .inner-box .author-box h4{
	margin-bottom: 4px;
}

.testimonil-block-one .inner-box .author-box h6{
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.testimonil-block-one .inner-box .bg-shape{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 120px;
	height: 110px;
	background: #38363a;
	clip-path: polygon(0% 0%, 30% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.testimonial-section .pattern-layer{
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
	width: 183px;
	height: 21px;
	background-repeat: no-repeat;
}
/** news-section **/

.news-section{
	position: relative;
	padding: 111px 0px 120px 0px;
}

.news-block-one .inner-box{
	position: relative;
	display: block;
	transition: all 500ms ease;
}

.news-block-one .inner-box:hover{
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}

.news-block-one .inner-box .image-box{
	position: relative;
	display: block;
	overflow: hidden;
}

.news-block-one .inner-box .image-box .category{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	font-size: 14px;
	line-height: 40px;
	font-family: 'Lexend', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #121113;
	border-bottom: 5px solid #fff;
	border-right: 5px solid #fff;
	z-index: 1;
}

.news-block-one .inner-box .image-box .image{
	position: relative;
	display: block;
	overflow: hidden;
}

.news-block-one .inner-box .image-box .image img{
	width: 100%;
	transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box .image img{
	transform: scale(1.05);
}

.news-block-one .inner-box .lower-content{
	position: relative;
	display: block;
	padding: 20px 30px 16px 30px;
	background: #f6f6f7;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 60%, 85% 100%, 0% 100%, 0% 100%, 0% 0%);
	transition: all 500ms ease;
}

.news-block-one .inner-box:hover .lower-content{
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, 0% 100%, 0% 0%);
	background: #fff;
}

.news-block-one .inner-box .lower-content h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	padding-bottom: 18px;
	margin-bottom: 17px;
	border-bottom: 1px solid #e2e3e6;
}

.news-block-one .inner-box .lower-content h4 a{
	position: relative;
	display: inline-block;
	color: #121113;
}

.news-block-one .inner-box .lower-content h4 a:hover{

}

.news-block-one .inner-box .lower-content .post-info li{
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 20px;
	font-size: 16px;
	font-family: 'Lexend', sans-serif;
	color: #75767b;
	padding-left: 22px;
}

.news-block-one .inner-box .lower-content .post-info li:last-child{
	margin: 0px !important;
}

.news-block-one .inner-box .lower-content .post-info li i{
	position: absolute;
	left: 0px;
	top: 5px;
}

.news-block-one .inner-box .lower-content .post-info li a{
	color: #75767b;
}

.news-block-one .inner-box .lower-content .post-info li a:hover{

}

.news-block-one .inner-box .lower-content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: #121113;
	opacity: 0;
}

.news-block-one .inner-box .lower-content .link-box a:hover{

}

.news-block-one .inner-box .lower-content .link-box a i{
	margin: 0px -1px;
}

.news-block-one .inner-box:hover .lower-content .link-box a{
	opacity: 1;
}
.news-section a{
    text-decoration: none;
}
.image-box figure{
    margin: 0 !important;
}
.category{
    background-color: gold;
}
.category a{
    color: black;
}

/** banner-section **/

.banner-section{
	position: relative;
}

.banner-section .slide-item{
	position: relative;
	padding-bottom: 120px;
}

.banner-section .outer-container{
	position: relative;
	width: 100%;
	padding: 0px 260px 0px 100px;
}

.banner-section .outer-container .content-inner,
.banner-section .outer-container .image-box{
	width: 50%;
}

.banner-section .content-box{
	max-width: 700px;
	padding-top: 103px;
}

.banner-carousel .content-box h2{
	position: relative;
	display: block;
	font-size: 80px;
	line-height: 90px;
	font-weight: 500;
	margin-bottom: 39px;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-carousel .active .content-box h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.banner-carousel .content-box p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #87888d;
	margin-bottom: 33px;
	padding-left: 180px;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-carousel .content-box p:before{
	position: absolute;
	content: '';
	width: 150px;
	height: 4px;
	left: 0px;
	top: 11px;
}

.banner-carousel .active .content-box p{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-carousel .content-box .btn-box{
	position: relative;
	display: block;
	padding-left: 180px;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-carousel .active .content-box .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.banner-carousel .content-box .btn-box .theme-btn{
	padding: 13px 52px;
}

.banner-carousel .image-box .image{
	position: relative;
	display: block;
	opacity: 0;
	clip-path: polygon(0% 0%, 75% 0%, 100% 30%, 100% 100%, 80% 100%, 25% 100%, 0% 70%, 0% 20%);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-carousel .active .image-box .image{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.banner-carousel .image-box .image.overlay-layer:before{
	position: absolute;
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.3;
	z-index: 1;
}

.banner-carousel .image-box .image.overlay-laye-2:before{
	position: absolute;
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.1;
	z-index: 1;
}

.banner-carousel .image-box .image img{
	width: 100%;
}

.banner-section .shape .shape-1{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 123px;
	height: 219px;
	background-repeat: no-repeat;
}

.banner-section .shape .shape-2{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 201px;
	height: 216px;
	background-repeat: no-repeat;
}

.banner-section .shape .shape-3{
	position: absolute;
	right: 225px;
	bottom: 160px;
	width: 137px;
	height: 13px;
	background-repeat: no-repeat;
	z-index: 1;
}

.banner-section .shape .shape-4{
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 183px;
	height: 21px;
	background-repeat: no-repeat;
}

.banner-section .shape .shape-5{
	position: absolute;
	left: 340px;
	bottom: 100px;
	width: 137px;
	height: 13px;
	background-repeat: no-repeat;
	z-index: 1;
}

.banner-section .shape .shape-6{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 545px;
	height: 210px;
	background-repeat: no-repeat;
}

.banner-section .shape .shape-7{
	position: absolute;
	left: 0px;
	bottom: 170px;
	width: 130px;
	height: 219px;
	background-repeat: no-repeat;
}

.banner-section .shape .shape-8{
	position: absolute;
	left: 44%;
	top: 43%;
	width: 49px;
	height: 18px;
	background-repeat: no-repeat;
	z-index: 1;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
	display: none !important;
}

.banner-section .owl-dots{
	position: absolute;
	right: 260px;
	bottom: 0px;
}

.banner-section .owl-theme .owl-dots .owl-dot span{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #f6f6f7;
	float: left;
	margin: 0px 20px 0px 0px;
}

.banner-section .owl-theme .owl-dots .owl-dot:last-child span{
	margin: 0px !important;
}

.banner-section .owl-theme .owl-dots .owl-dot.active span{

}

.banner-section .owl-theme .owl-dots .owl-dot.active span:before{
	color: #121113;
}

.banner-section .owl-theme .owl-dots .owl-dot span:before{
	position: absolute;
	content: '0';
	text-align: center;
	font-size: 20px;
	font-family: 'Lexend', sans-serif;
	color: #a6a7ab;
	width: 60px;
	height: 60px;
	line-height: 60px;
	left: 0px;
	top: 0px;
	transition: all 500ms ease;
}

.banner-section .owl-theme .owl-dots .owl-dot:first-child span:before{
	content: '01';
}

.banner-section .owl-theme .owl-dots .owl-dot:nth-child(2) span:before{
	content: '02';
}

.banner-section .owl-theme .owl-dots .owl-dot:nth-child(3) span:before{
	content: '03';
}

.banner-section .owl-theme .owl-dots .owl-dot:nth-child(4) span:before{
	content: '04';
}

.banner-section .owl-theme .owl-dots .owl-dot:nth-child(5) span:before{
	content: '05';
}

.banner-section .curve-text .curved-circle{
  position: absolute;
  top: 0px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Lexend', sans-serif;
  color: #121113;
  text-transform: uppercase;
}

.banner-section .curve-text{
  position: absolute;
  left: 32%;
  bottom: 20px;
  text-align: center;
  width: 205px;
  height: 205px;
  text-align: center;
}

.banner-section .curve-text .icon-box{
  position: absolute;
  left: 70px;
  top: 65px;
}

.banner-section .curve-text h6{
  position: absolute;
  left: 65px;
  top: 140px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #121113;
  text-transform: uppercase;
}

.banner-section .curve-text h6 a{
  display: inline-block;
  color: #121113;
}

.banner-section .curve-text h6 a:hover{

}
/** page-title **/

.page-title{
	position: relative;
	display: block;
	padding: 143px 0px 25px 0px;
}

.page-title .bg-layer{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .bg-layer:before{
	position: absolute;
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.15;
}

.page-title .content-box h1{
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 70px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 112px;
	text-align: center;
}

.page-title .content-box .bread-crumb li{
	position: relative;
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Lexend', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	padding-right: 18px;
	margin-right: 9px;
}

.page-title .content-box .bread-crumb li a{
	color: #fff;
}

.page-title .content-box .bread-crumb li a:hover{

}

.page-title .content-box .bread-crumb li:before{
	position: absolute;
	content: "\f106";
	font-family: 'flaticon';
	font-size: 10px;
	top: 0px;
	right: 0px;
	font-weight: 400;
}

.page-title .content-box .bread-crumb li:last-child:before{
	display: none;
}
.aboit{
    position: relative;
    display: block;
    font-size: 44px;
    line-height: 56px;
    font-weight: 600;
}

/** funfact-section **/

.funfact-section{
	position: relative;
	padding: 100px 0px 100px 0px;
}

.funfact-section .title-box{
	position: relative;
	display: block;
	margin-bottom: 27px;
}

.funfact-section .title-box:before{
	position: absolute;
	content: '';
	background: #e4e0e0;
	width: 100%;
	height: 1px;
	left: 0px;
	top: 62px;
}

.funfact-section .title-box:after{
	position: absolute;
	content: '';
	background: #fff;
	width: 430px;
	height: 1px;
	left: 50%;
	transform: translateX(-50%);
	top: 62px;
}

.funfact-section .title-box .big-text{
	position: relative;
	display: block;
	font-size: 120px;
	line-height: 120px;
	font-family: 'Lexend', sans-serif;
  background-image: url(https://fastwpdemo.com/newwp/udrive/wp-content/uploads/2022/06/about-3.jpg);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  z-index: 1;
  margin-bottom: 7px;
}

.funfact-section .title-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #3d3d3d;
	font-weight: 500;
}

.funfact-block-one .inner-box{
	position: relative;
	display: block;
}

.funfact-block-one .inner-box:before{
	position: absolute;
	content: '';
	background: #e4e0e0;
	width: 1px;
	height: 118px;
	top: 0px;
	right: -15px;
}

.funfact-block:last-child .funfact-block-one .inner-box:before{
	display: none;
}

.funfact-block-one .inner-box .icon-box{
	position: relative;
	display: block;
	margin-bottom: 21px;
}

.funfact-block-one .inner-box .count-outer{
	position: relative;
	display: block;
	font-size: 46px;
	line-height: 50px;
	font-family: 'Lexend', sans-serif;
	font-weight: 600;
	margin-bottom: 4px;
}

.funfact-block-one .inner-box h4{
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: #3d3d3d;
}

.funfact-section .funfact-inner{
	position: relative;
	padding-bottom: 65px;
}

.funfact-section .funfact-inner .shape{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 13px;
	background-repeat: repeat-x;
	animation: slide_2 60s linear infinite;
  -webkit-animation: slide_2 60s linear infinite;
}

@keyframes slide_2{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide_2{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

.home01_v2 .about-section .title-text h2{
	color: #3d3d3d;
}

.home01_v2 .about-section .content-box h6{
	color: #3d3d3d;
}

.home01_v2 .about-section .content-box h2:before{
	background-image: url(https://fastwpdemo.com/newwp/udrive/wp-content/uploads/2022/06/about-3.jpg);
	width: 126px;
}

.home01_v2 .about-section .content-box h2{
	padding-right: 141px;
}

.home01_v2 .about-section .small-column .image-box .social-links h6{

}



.team-section{
	position: relative;
	padding: 113px 0px 115px 0px;
}

.team-block-one{
	max-width: 370px;
	margin: 0 auto;
}

.team-block-one .inner-box{
	position: relative;
	display: block;
}

.team-block-one .inner-box .image-box{
	position: relative;
	display: block;
	padding-left: 50px;
	padding-right: 50px;
}

.team-block-one .inner-box .image-box .image{
	position: relative;
	display: block;
	overflow: hidden;
}

.team-block-one .inner-box .image-box .image img{
	width: 100%;
	transition: all 500ms ease;
}

.team-block-one .inner-box:hover .image-box .image img{
	transform: scale(1.05);
}

.team-block-one .inner-box .image-box .text{
	position: absolute;
	left: -56px;
	bottom: 44px;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	font-family: 'Inter', sans-serif;
	color: rgba(255,255,255,1);
  text-shadow: -1px -1px 0 #ebe8e8, 1px -1px 0 #ebe8e8, -1px 1px 0 #ebe8e8, 1px 1px 0 #ebe8e8;
  transform: rotate(90deg);
  text-transform: uppercase;
  letter-spacing: 4px;
}

.team-block-one .inner-box .image-box .shape .shape-1{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 26px;
	height: 175px;
	background-repeat: no-repeat;
}

.team-block-one .inner-box .image-box .shape .shape-2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 413px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 500ms ease;
}

.team-block-one .inner-box:hover .image-box .shape .shape-2{
	opacity: 0;
}

.team-block-one .inner-box .image-box .shape .shape-3{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 413px;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 500ms ease;
}

.team-block-one .inner-box:hover .image-box .shape .shape-3{
	opacity: 1;
}

.team-block-one .inner-box .social-links{
	position: absolute;
	left: 32px;
	top: 50px;
	z-index: 1;
	transform: scale(0,0);
	transition: all 500ms ease;
}

.team-block-one .inner-box:hover .social-links{
	transform: scale(1,1);
}

.team-block-one .inner-box .social-links li{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.team-block-one .inner-box .social-links li:last-child{
	margin-bottom: 0px;
}

.team-block-one .inner-box .social-links li a{
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	color: #3d3d3d;
	background: #fff;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.team-block-one .inner-box .social-links li a:hover{
	color: #fff;
}

.team-block-one .inner-box .lower-content{
	position: relative;
	display: block;
	padding: 23px 0px 0px 0px;
}

.team-block-one .inner-box .lower-content h4{
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 5px;
}

.team-block-one .inner-box .lower-content h4 a{
	display: inline-block;
	color: #3d3d3d;
}

.team-block-one .inner-box .lower-content h4 a:hover{

}

.team-block-one .inner-box .lower-content .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
}
.team-section a{
    text-decoration: none !important;
}

***/


.contact-section{
	position: relative;
	padding-top: 120px;
}

.contact-section .inner-container{
	position: relative;
	background: #121113;
	clip-path: polygon(0% 0%, 87% 0%, 100% 18%, 100% 100%, 80% 100%, 25% 100%, 0% 100%, 0% 20%);
}

.contact-section .shape{
	position: absolute;
	top: 180px;
	right: 370px;
	width: 183px;
	height: 21px;
	background-repeat: no-repeat;
	z-index: 1;
}

.contact-section .inner-box{
	position: relative;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	max-width: 400px;
	padding: 100px 60px;
}

.contact-section .inner-box:before{
	position: absolute;
	content: '';
	background: #121113;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.72;
}

.contact-section .inner-box .single-item{
	position: relative;
	display: block;
	margin-bottom: 33px;
}

.contact-section .inner-box .single-item:last-child{
	margin-bottom: 0px;
}

.contact-section .inner-box .single-item .icon-box{
	position: relative;
	display: block;
	margin-bottom: 19px;
}

.contact-section .inner-box .single-item h4{
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 11px;
}

.contact-section .inner-box .single-item p{
	color: #afb1b4;
}

.contact-section .inner-box .single-item p a{
	color: #afb1b4;
}

.contact-section .inner-box .single-item p a:hover{
	
}

.contact-section .inner-box .inner{
	margin-bottom: 34px;
}

.contact-section .inner-box .social-links li{
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.contact-section .inner-box .social-links li:last-child{
	margin: 0px !important;
}

.contact-section .inner-box .social-links li a{
	position: relative;
	display: inline-block;
	width: 52px;
	height: 52px;
	line-height: 52px;
	background: #fff;
	font-size: 16px;
	color: #75767b;
	text-align: center;
	border-radius: 50%;
}

.contact-section .inner-box .social-links li a:hover{
	color: #121113;
}

.contact-section .form-inner{
	position: relative;
	padding: 91px 100px 100px 0px;
}

.contact-section .form-inner .sec-title{
	margin-bottom: 43px;
}

.contact-section .form-inner .sec-title h2{
	margin-bottom: 12px;
}

.contact-section .form-inner .sec-title p{
	color: #d2d3d7;
}

.contact-section .form-inner form{
	margin: 0px 5px;
}

.contact-section .form-inner form .form-group{
	position: relative;
	margin-bottom: 20px;
	padding: 0px 10px;
}

.contact-section .form-inner form .form-group:last-child{
	margin-bottom: 0px;
}

.contact-section .form-inner form .form-group input[type='text'],
.contact-section .form-inner form .form-group input[type='email'],
.contact-section .form-inner form .form-group textarea{
	position: relative;
	display: block;
	width: 100%;
	height: 52px;
	background: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	color: #75767b;
	padding: 10px 20px;
	transition: all 500ms ease;
}

.contact-section .form-inner form .form-group .nice-select{
	height: 52px;
	line-height: 52px;
}

.contact-section .form-inner form .form-group input:focus,
.contact-section .form-inner form .form-group textarea:focus{

}

.contact-section .form-inner form .form-group textarea{
	height: 125px;
	resize: none;
}

.contact-section .form-inner form .form-group button{
	color: #fff;
	background: transparent;
	padding: 12px 50px;
}

.contact-section .form-inner form .form-group button:hover{
	color: #121113;
}

.contact-section .lower-box{
	position: relative;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 22px 30px;
}

.contact-section .lower-box h5{
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}

.contact-section .lower-box h5 a{
	color: #121113;
}

.contact-section .lower-box h5 a:hover{
	text-decoration: underline;
}

/* The original CSS used inline styles for text color and font size. 
   These classes standardize those styles and add basic styling for the social icons 
   which were previously invisible. 
*/

/* Custom color for the main text in the footer (rgb(192, 192, 192)) */
.text-light-gray {
    color: rgb(192, 192, 192) !important;
    font-size: 14px; /* Standardized font size for body text */
}

/* Custom darker background for the copyright section */
.bg-dark-secondary {
    background-color: #1a1a1a; /* Slightly different dark shade */
}

/* Standardized heading size for footer columns (font-size: 20px) */
.footer-heading {
    font-size: 20px !important;
    color: white; /* Headings are usually white or a distinct color */
}

/* Social Icon Styling - makes the icons visible and clickable */
.social-links a {
    color: rgb(192, 192, 192); /* Icon color */
    font-size: 18px; /* Icon size */
    transition: color 0.3s;
}

.social-links a:hover {
    color: #ffc107; /* Warning yellow on hover (Bootstrap standard) */
}

/* Ensures list items in Quick Links inherit the text color */
.quick-links li {
    color: rgb(192, 192, 192);
}

/* Sets the text color for the entire column/section */
.footer-section {
    color: rgb(192, 192, 192);
    font-size: 14px;
}
/* Floating navbar — full width */
.floating-navbar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  
  padding: 0.5rem 1rem;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.floating-navbar.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

/* Logo */
.floating-navbar .custom-logo {
  height: 120px;
  width: auto;
	margin-left:50px;
}

/* Toggle button */
.floating-menu-toggle {
  background: none;
  border: none;
  color: #000;
  transition: transform 0.2s ease;
}
.floating-menu-toggle i {
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Optional animation for icon change */
.floating-menu-toggle .fa-xmark {
  transform: rotate(90deg);
}

/* Shrink main navbar */
.navbar.shrunk {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  transition: all 0.3s ease;
}

/* Offcanvas menu styling */
.offcanvas {
  width: 280px;
  background-color: #fff;
}

.offcanvas .offcanvas-header {
  padding: 1.2rem 1.5rem;
}

.offcanvas .navbar-nav .nav-link {
  color: #222;
  font-weight: 600;
  padding: 0.5rem 0;
  transition: color 0.2s ease;
}

.offcanvas .navbar-nav .nav-link:hover,
.offcanvas .navbar-nav .current-menu-item > .nav-link {
  color: #e8b100;
}

.offcanvas .btn-consultation {
  background-color: #ffc107;
  border: none;
  color: #000;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.offcanvas .btn-consultation:hover {
  background-color: #e0a800;
}

.offcanvas-backdrop.show {
  background-color: rgba(0, 0, 0, 0.5);
}