.elementor-3634 .elementor-element.elementor-element-d11ce3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3634 .elementor-element.elementor-element-d11ce3a:not(.elementor-motion-effects-element-type-background), .elementor-3634 .elementor-element.elementor-element-d11ce3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#862828;}.elementor-3634 .elementor-element.elementor-element-cadec8a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-3634 .elementor-element.elementor-element-1978b2d{--display:flex;}.elementor-3634 .elementor-element.elementor-element-bd01aaa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3634 .elementor-element.elementor-element-a7951e3{--display:flex;}.elementor-3634 .elementor-element.elementor-element-dd1793f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-3634 .elementor-element.elementor-element-dd1793f:not(.elementor-motion-effects-element-type-background), .elementor-3634 .elementor-element.elementor-element-dd1793f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F2E8;}.elementor-3634 .elementor-element.elementor-element-2c60d5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-3634 .elementor-element.elementor-element-cadec8a{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-3634 .elementor-element.elementor-element-cadec8a{--content-width:1310px;}.elementor-3634 .elementor-element.elementor-element-1978b2d{--width:70%;}.elementor-3634 .elementor-element.elementor-element-bd01aaa{--width:100%;}.elementor-3634 .elementor-element.elementor-element-a7951e3{--width:70%;}.elementor-3634 .elementor-element.elementor-element-2c60d5c{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-bd01aaa */.searchbar_container78 {
      width: 100%;
  
    }

    .searchbar_form78 {
      display: flex;
      align-items: center;
      background: #fff;
      border-radius: 6px;
      overflow: hidden;
      width: 100%;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      padding: 10px 0px;
    }

    .searchbar_form78:hover {
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    /* ========== DROPDOWN ========== */
    .searchbar_select78 {
      border: none;
      outline: none;
      padding: 8px 15px;
      font-size: 14px;
      background: transparent;
      border-right: 1px solid #ddd;
      color: #333;
      appearance: none;
      cursor: pointer;
    }

    /* ========== INPUT FIELD ========== */
    .searchbar_input78 {
      flex: 1;
      border: none;
      outline: none;
      padding: 8px 15px;
      font-size: 14px;
      color: #333;
      background: transparent;
    }

    .searchbar_input78::placeholder {
      color: #888;
    }

    /* ========== BUTTON ========== */
    .searchbar_button78 {
      background: transparent;
      border: none;
      outline: none;
      padding: 8px 18px;
      cursor: pointer;
      border-left: 1px solid #ddd;
      transition: all 0.3s ease;
    }

    .searchbar_button78 i {
      color: #000;
      font-size: 16px;
      transition: color 0.3s ease;
    }

    .searchbar_button78:hover i {
      color: #7b2e2e;
    }

    /* ========== RESPONSIVE DESIGN ========== */
    @media (max-width: 600px) {
      .searchbar_form78 {
        flex-direction: row;
        width: 100%;
        padding:0px;
      }

      .searchbar_select78 {
        font-size: 13px;
        padding: 10px;
      }

      .searchbar_input78 {
        font-size: 13px;
        padding: 10px;
                width: 100%;
      }

      .searchbar_button78 {
        padding: 10px 12px;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4cbf6c */:root {
            --av-primary: #862828;
            --av-secondary: #4a69bd;
            --av-accent: #862828;
            --av-bg: #862828;
            --av-text: #862828;
            --av-muted: #636e72;
            --av-card-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
        }



   
        .av-modern-header h1 {
            font-weight: 800;
            font-size: clamp(2.5rem, 5vw, 3.5rem);
            color: var(--av-primary);
            letter-spacing: -0.03em;
            margin-bottom: 15px;
        }

        .av-modern-badge {
            display: inline-block;
            background: #eef2ff;
            color: var(--av-secondary);
            padding: 6px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* --- Sidebar Navigation --- */
        .av-modern-sidebar-container {
            position: sticky;
            top: 40px;
            z-index: 10;
        }

        .av-modern-nav {
            background: white;
            border-radius: 20px;
            padding: 15px;
            box-shadow: var(--av-card-shadow);
            border: 1px solid rgba(0,0,0,0.03);
        }

        .av-modern-nav .nav-link {
            color: var(--av-muted);
            font-weight: 500;
            font-size: 0.95rem;
            padding: 10px 15px;
            border-radius: 12px;
            margin-bottom: 5px;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            align-items: center;
        }

        .av-modern-nav .nav-link i {
            margin-right: 10px;
            font-size: 1.1rem;
            opacity: 0.5;
        }

        .av-modern-nav .nav-link:hover {
            background-color: #f8f9ff;
            color: var(--av-primary);
        }

        .av-modern-nav .nav-link.active {
            background-color: var(--av-primary);
            color: white !important;
            box-shadow: 0 4px 15px rgba(26, 42, 108, 0.2);
        }

        .av-modern-nav .nav-link.active i {
            opacity: 1;
        }

        /* --- Content Styling --- */
        .av-modern-content-wrapper {
            background: white;
            border-radius: 24px;
            padding: 30px;
            box-shadow: var(--av-card-shadow);
            border: 1px solid rgba(0,0,0,0.02);
        }

        .av-modern-section {
            scroll-margin-top: 60px; /* Crucial for scroll position */
            margin-bottom: 40px;
        }

        .av-modern-section h2 {
font-weight: 500;
    font-size: 24px;
    color: var(--av-primary);
    margin-bottom: 25px;
    display: flex;
    align-items: center;
        }

        .av-modern-section h2::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 24px;
            background: #ddaa41;
            margin-right: 15px;
            border-radius: 10px;
        }

        .av-modern-section h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin: 30px 0 15px 0;
            color: #444;
        }

        /* Feature grid for section 4 */
        .av-modern-usage-card {
            background: #f8faff;
            border: 1px solid #edf2f9;
            padding: 25px;
            border-radius: 18px;
            height: 100%;
            transition: transform 0.3s ease;
        }

        .av-modern-usage-card:hover {
            transform: translateY(-5px);
        }

        /* Contact Box Modern */
        .av-modern-contact-card {
            background: #862828;
            color: white;
            padding: 30px;
            border-radius: 20px;
            margin-top: 30px;
            position: relative;
            overflow: hidden;
        }

        .av-modern-contact-card::after {
            content: "\f270"; /* Bootstrap icon code for globe/building */
            font-family: "bootstrap-icons";
            position: absolute;
            right: -20px;
            bottom: -20px;
            font-size: 120px;
            opacity: 0.1;
        }

        .av-modern-contact-card a {
            color: #f39c12;
            text-decoration: none;
            font-weight: 600;
        }

        /* Alert styling */
        .av-modern-alert {
            background: #fff9f0;
            border: 1px dashed #f39c12;
            padding: 15px 20px;
            border-radius: 15px;
            color: #856404;
        }

        /* Responsive */
        @media (max-width: 991px) {
            .av-modern-content-wrapper { padding: 35px; }
            .av-modern-sidebar-container { display: none; }
            .av-modern-header { padding: 60px 0 40px 0; }
        }/* End custom CSS */