.branding
      {
          background-color:black!important;
          color:white!important;
      }
      .branding h1,.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus,.navmenu a
      {
          color:white!important;
      }
      .header .topbar {
        background-color: #ffffff;
        color:black;
      }
      .header .topbar .contact-info i a:hover,.header .topbar .contact-info i a, .header .topbar .contact-info i span,.header .topbar .social-links a {
        color: #000000;
    }
    .navmenu ul li
    {
        padding: 0px 15px;
    }
    .navmenu
    {
        margin:auto;
    }
    .navmenu a, .navmenu a:focus
    {
        padding: 0px 15px;
    }
    .navmenu .dropdown>ul
    {
        left: -160px;
        width: 1100px;
    }
    .accordion
    {
        color:black;
    }
    .accordion-button:not(.collapsed),.accordion-button
    {
        background-color: #ffffff;
        font-weight: 600;
        color: black;
    }
    .typedrone-cls
    {
            margin-bottom: 6px;
            font-size: 15px;
    }
    .char-cls a,.char-cls 
    {
        font-size:15px;
         color:#7a7070!important;
    }
    .typedrone-cls {
        cursor: pointer;
    padding: 6px;
    }
    
    .typedrone-cls:hover {
        background: #f2f2f2;
        font-weight: 600;
    }
    .drone-details h4
    {
        font-size: 18px;
        margin-bottom: 3%;
        color: brown;
        text-align: center;
        border-bottom: 1px solid #f1eaea;
        padding-bottom: 2%;
    }
    .drone-details h5
    { 
        font-size: 18px;
        font-weight: 600;
    }
    .navmenu .dropdown ul a {
        padding: 6px 4px;
    }
    .accordion-body li
        {
            padding-bottom: 3%;
            padding-top: 3%;
        }
        .filtercls
        {
            background: #fff;
            padding: 0;
        }
        .filtercls h3
        {
                font-size: 22px;
            color: darkblue;
            padding-left:2%;
        }
        .accordion-button:not(.collapsed),.accordion-item:last-of-type .accordion-button.collapsed {
            color: #1d1f22;
            background-color: #ffffff;
            box-shadow: none;
        }
        .text-right
        {
            text-align:right;
        }
        .pull-left li
        {
            float: left;
            margin-left: 14%;
        }
        .pull-left
        {
            float: left;
        }
        .useful-links
        {
            margin-bottom:2%;
            float: right;
            width: 85%;
        }
        .filter-results .result-show {
            background: #f5f5f5;
            color: #666;
            padding: 7px 25px 7px 10px;
            font-size: 13px;
            margin-right: 6px;
            margin-bottom: 8px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            position: relative;
            box-shadow: 0 1px 0 #e2e1e1;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            vertical-align: top;
        }
        .filter-results
        {
            float:left; 
            margin-bottom:2%;
        }
        .blockcls,.yearblockcls,.monthblockcls,.categoryblockcls,.modeblockcls,.positionblockcls,.salaryblockcls
        {
            display:block;
        }
        .nonecls,.yearnonecls,.monthnonecls,.categorynonecls,.modenonecls,.positionnonecls,.salarynonecls
        {
            display:none;
        }
        .inner-event
        {
            padding:3%;
        }
        .green
        {
            color:green;
        }
        .blue
        {
            color:#16829c;
        }
        .knowmore
        {
            display: block;
            padding: 0;
            background: none;
            border: none;
            margin-top: 10px;
            font-weight: 600;
            font-size: 14px;
            height: 21px;
            line-height: 21px;
            color: #f75d34;
        }
        .knowmore:hover
        {
            color: #f75d34;
        }
        .knowmore img
        {
            margin-left: 3px;
            float: right;
            position: relative;
            top: 2px;
        }
        svg
        {
            margin-left:2%;
        }
        .accordion
        {
            background: #fff;
            border: 1px solid rgba(36,39,44,.1);
            border-radius: 16px;
            padding: 18px 8px 12px;
            margin-bottom: 10px;
            display: inline-block;
            width: 100%;
        }
        .accordion-item
        {
                border: 0;
        }
        .accordion-button
        {
            padding: 0;
            border:1px solid white!important;
            font-size: 17px;
            font-weight: bold;
            box-shadow: none;
            border-color: rgba(0,0,0,.125);
            border: none;
        }
        .accordion-body a
        {
            color:black;
        }
        .accordion-body ul
        {
            padding-left:0;
        }
        .accordion-body
        {
            padding:0;
        }
        .accordion-body label
        {
            font-weight: 400;
                margin-left: 3%;
        }
        .custom-control
        {
            padding-left: 11px;
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
        }
        .custom-checkbox
        {
            padding-left: 11px;
        }
        .accordion-collapse
        {
            padding-top:4%;
        }
        .filtercls>ul
        {
                margin-top: 0%;
        }
        .searchheading h3
        {
            font-size: 1.50rem;
            padding-left:0%;
            font-weight: 900;
        }
        .portfolio-wrap
        {
            margin-bottom: 2%;
            padding-right: calc(var(--bs-gutter-x) * .8);
        }
        .portfolio-container
        {
            margin-left:2%;
        }
        .accordion-button:not(.collapsed)::after,.accordion-button::after
        {
            background-image:none;
            transform:inherit;
        }
        .banner-cls
        {
            height: 200px!important;
            background: #25a99c;
        }
        .accordion-button:not(.collapsed)::after {
          content: "-";
          font-size: 37px;
          line-height: 6px;
          color: #24272c;
          /*transition: .5s ease-in-out;*/
        }
        .accordion-button::after
        {
          content: "+";
          font-size: 24px;
          line-height: 16px;
          color: #24272c;
          /*transition: .5s ease-in-out;*/
        }
        .accordion-button.filterbutton:not(.collapsed)::after,.accordion-button.filterbutton::after
        {
            content: "";
        }
        .filtercls,.gridclass
        {
            font-family: "Poppins",Sans-Serif,Arial;
        }
        .eventsearchbar
        {
            margin-left: 1.2%;
            margin-top: 1%;
            font-weight:bold;
        }
        .timelinecount
        {
            float:right;
        }
        .accordion-body li,.custom-control-label
        {
            font-size: 14px;
        }
        #mobcoursefilter
        {
            display:none;
        }
        .bi-x-square
        {
            display:none;
            float:right;
                font-size: 25px;
        }
        .filtercls li
        {
            list-style:none;
        }
        .accordion-button 
        {
            font-size: 14px;
        }
        /* Style.css */
    
    
    /*.main:hover {
        transform: scale(1.05);
    }*/
    
    .gfg {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        font-weight: 600;
        color: #01940b;
    }
    
    .custom-wrapper {
        margin: 0;
        width: 70%;
        padding: 0px 25px 40px;
        position: relative;
        left: 63px;
    }
    
    .header h2 {
        font-size: 30px;
        color: #01940b;
        display: flex;
        justify-content: center;
        padding: 10px;
    }
    
    /* Styles for the price input container */
    .price-input-container {
        width: 100%;
    }
    
    .price-input .price-field {
        display: flex;
        margin-bottom: 22px;
    }
    
    .price-field span {
        margin-right: 10px;
        margin-top: 6px;
        font-size: 17px;
    }
    
    .price-field input {
        flex: 1;
        height: 35px;
        font-size: 15px;
        font-family: "DM Sans", sans-serif;
        border-radius: 9px;
        text-align: center;
        border: 0px;
        background: #e4e4e4;
    }
    
    .price-input {
        width: 100%;
        font-size: 19px;
        color: #555;
    }
    
    /* Remove Arrows/Spinners */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    .slider {
        width: 100%;
    }
    
    .slider {
        height: 6px;
        position: relative;
        background: #e4e4e4;
        border-radius: 5px;
    }
    
    .slider .price-slider {
        height: 100%;
        left: 25%;
        right: 15%;
        position: absolute;
        border-radius: 5px;
        background: #01940b;
    }
    
    .range-input {
        position: relative;
    }
    
    .range-input input {
        position: absolute;
        width: 100%;
        height: 5px;
        background: none;
        top: -5px;
        pointer-events: none;
        cursor: pointer;
        -webkit-appearance: none;
    }
    
    /* Styles for the range thumb in WebKit browsers */
    input[type="range"]::-webkit-slider-thumb {
        height: 18px;
        width: 18px;
        border-radius: 70%;
        background: #555;
        pointer-events: auto;
        -webkit-appearance: none;
    }
    
    @media screen and (max-width: 768px) {
        .main {
            width: 80%;
            margin-right: 5px;
        }
    
        .custom-wrapper {
            width: 100%;
            left: 0;
            padding: 0 10px;
        }
    
        .projtitle {
            width: 100%;
            position: relative;
            right: 26px;
        }
    
        .price-input {
            flex-direction: column;
            align-items: center;
        }
    
        .price-field {
            margin-bottom: 10px;
        }
    }
    .drone-list {
        width: 33%;
        float: left;
        box-shadow: 0 1px 3px rgba(36, 39, 44, .25);
        /* padding: 1%; */
        margin: 1%;
        background: white;
        list-style: none;
        height: fit-content;
        transition: transform .2s;
        position: relative;
    }
    .drone-list img
    {
        width:100%;
        height: 200px;
    }
    .drone-list p
    {
        text-align: left;
        margin-top: 5px;
        font-weight: 600;
        padding-left: 3%;
         margin-bottom: 5px;
    }
    .drone-list span
    {
        padding-left: 3%;
    }
    svg
    {
        width: 25px;
        margin: auto;
        text-align: center;
    }
    .drone-list p
    {
        
        font-size:16px;
    }
    .spec-cls p
    {
        text-align: center;
        font-size:11px;
        margin-bottom:0;
    }
    .spec-cls
    {
        margin: auto;
        text-align: center;
        line-height: 1;
    }
    .spec-value
    {
         font-size:12px;
    }
    .btn-black,.btn-black:hover
    {
        background-color: black;
        color: white;
        margin:auto;
        margin-bottom: 10px !important;
        
    }
    .hero .hero-content .content .cta-group .btn-primary
    {
        background: #000000;
    }
    .hero .hero-content .hero-image .floating-card .metric .number
    {
        color: #212529;
    }
    .footer .footer-newsletter {
        background-color: color-mix(in srgb, #939393, transparent 96%);
        padding: 50px 0;
    }
    .header .topbar
    {
        height: 55px;
    }
    .header .topbar img
    {
        width: 120%;
        height: 51px;
    }
    .hero .hero-features .feature-item .icon i {
        font-size: 2rem;
        color: #141616;
    }
    .hero .hero-features .feature-item:hover .icon 
    {
        background:black; 
    }
    .hero .hero-features .feature-item .icon
    {
        background: color-mix(in srgb, #989898, transparent 90%);
    }
    .header .account-dropdown .dropdown-menu {
  background-color: #ffffff;
  min-width: 280px;
  padding: 0;
  border-radius: 6px;
  margin-top: 0.75rem;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.header .account-dropdown .dropdown-menu .dropdown-header {
  padding: 1.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.header .account-dropdown .dropdown-menu .dropdown-header h6 {
  margin: 0 0 0.25rem;
  color: #000;
  font-size: 16px;
}

.header .account-dropdown .dropdown-menu .dropdown-header p {
  font-size: 13px;
  color: #000;
}

.header .account-dropdown .dropdown-menu .dropdown-body {
  padding: 1rem 0;
}

.header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item {
  padding: 0.5rem 0rem;
  font-size: 14px;
  color: #000;
  transition: all 0.2s ease;
}

.header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item i {
  color: #000;
  transition: color 0.2s ease;
  font-size: 16px;
}

.header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

.header .account-dropdown .dropdown-menu .dropdown-body .dropdown-item:hover i {
  color: var(--accent-color);
}

.header .account-dropdown .dropdown-menu .dropdown-footer {
  padding: 1.25rem;
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.header .account-dropdown .dropdown-menu .dropdown-footer .btn {
  font-size: 14px;
  padding: 1rem 1rem;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  transition: 0.3s;
  border-radius: 50px;
  margin-left: 0;
}

.header .account-dropdown .dropdown-menu .dropdown-footer .btn-outline-primary {
  border-color: var(--accent-color);
  background-color: transparent;
  color: var(--accent-color);
}

.header .account-dropdown .dropdown-menu .dropdown-footer .btn-outline-primary:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}