* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Poppins", sans-serif;
 }

 .navbar {
     padding: 1rem 2rem;
 }

 .navbar-brand {
     color: #ffffff;
     font-weight: bold;
     font-size: 24px;
 }

 .navbar-nav .nav-link {
     color: #c9d1d9;
     font-size: 18px;
     margin: 0 10px;
     position: relative;
     transition: all 0.3s ease;
 }

 .navbar-nav .nav-link::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     width: 0;
     height: 2px;
     background-color: #449e34;
     transition: all 0.3s ease;
     transform: translateX(-50%);
 }

 .navbar-nav .nav-link:hover::after {
     width: 100%;
 }

 .navbar-nav .nav-link:hover {
     color: #449e34;
     transform: translateY(-2px);
 }


 /* Optional: Smooth "wave" animation between menu items */
 .navbar-nav .nav-link:hover {
     animation: hoverMove 0.3s ease-in-out;
 }

 @keyframes hoverMove {
     0% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-3px);
     }

     100% {
         transform: translateY(-2px);
     }
 }

 /* Hamburger color */
 .navbar-toggler {
     border: none;
 }

 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 .header_wrapper {
     background: rgb(255 255 255 / 60%) !important;
     -webkit-backdrop-filter: saturate(180%) blur(20px);
     backdrop-filter: saturate(180%) blur(20px);
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
 }

 .navbar-nav .nav-link {
     position: relative;
     transition: all 0.3s ease;
     border-right: 1px solid #fff;
     padding: 7px 12px !important;
     text-decoration: none;
     font-size: 14px;
     text-transform: uppercase;
     line-height: 17px;
     margin: 0 10px;
     font-weight: 600;
     color: #000;
 }

 .navbar .fa-arrow-right {
     background: #fff;
     color: #000;
     padding: 7px;
     border-radius: 100px;
 }

 .navbar-brand img {
     width: 150px;
 }

 .hero_wrapper {
     z-index: 99;
     position: relative;
 }


 .about_left img {
     margin: 0 0 20px;
     border: 2px solid #fdd100;
     border-radius: 20px;
 }

 .marquee-section {
     overflow: hidden;
     background: #fff;
     padding: 100px 0;
     display: block;
 }

 .marquee-wrapper {
     display: flex;
     width: max-content;
     animation: scroll-left 15s linear infinite;
 }

 .marquee-section img {
     height: 60px;
     margin: 0 20px;
     object-fit: contain;
 }

 @keyframes scroll-left {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 /* Optional: make it continuous */
 .marquee-track {
     display: flex;
     width: fit-content;
 }

 .navbar-expand-lg .navbar-nav {
     align-items: center;
 }

 .express_btn a {
     position: relative;
     border-radius: 100px;
     padding: 15px 20px !important;
     display: inline-flex;
     gap: 21px;
     align-items: center;
     overflow: hidden;
     background: -webkit-linear-gradient(-180deg, #d6df22 0%, #7cbb3b 30%, #219753 100%);
     transition: all 0.4s ease;
 }

 .btn-icon {
     color: #fff;
     font-size: 17px;
     position: relative;
     z-index: 2;
     transition: all 0.4s ease;
     transform: rotate(-45deg);
 }

 .express_btn a:hover {
     background: #000;
 }

 .express_btn a:hover .btn-icon {
     color: rgb(255, 255, 255);
     transform: rotate(0deg);
 }

 .about_wrapper {
     background: url('./images/4ubtv.png');
     background-position: 100% 100%;
     background-repeat: no-repeat;
     background-size: 45% auto;
     padding: 60px 0;
 }

 .about_left .left_main {
     width: 450px;
 }

 .about_left {
     position: relative;
 }

 .about_right {
     padding: 0px 20px 0px 0px;
 }

 .fan {
     position: absolute;
     bottom: 0;
     left: -20%;
     z-index: 3;
 }

 .fan .fan-circle {
     position: relative;
     right: 0;
     top: 136px;
     animation: fti-roated-1 5s linear infinite;
 }

 .fan .fan-line {
     display: flex;
     justify-content: center;
     height: 326px;
 }

 .fan-circle img {
     width: 230px;
 }

 @keyframes fti-roated-1 {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .about_right h2 {
     text-align: left;
     color: #000000;
     font-size: 40px;
     font-weight: 700;
     line-height: 45px;
     letter-spacing: -0.1px;
     position: relative;
     margin: 0 0 20px;
 }

 .about_right h2::before {
     content: "";
     background: -webkit-linear-gradient(-180deg, #d6df22 0%, #7cbb3b 30%, #219753 100%);
     position: absolute;
     left: -20px;
     top: 0;
     width: 5px;
     height: 100%;
     border-radius: 5px;
 }

 .about_right p {
     color: #0E0F0C;
     font-family: "DM Sans", Sans-serif;
     font-size: 18px;
     font-weight: 400;
     line-height: 1.7em;
 }

 /* PARTICPNTS section */
 .speaker {
     background-color: #fff;
     background-size: cover;
     background-attachment: fixed;
     padding: 60px 0;
     background: url(https://events.eletsonline.com/euttarpradesh/assets/white_line.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     background-blend-mode: multiply;
     /* background: radial-gradient(47% 59% at 35% 47%, #337524 -2%, #05285700 100%), radial-gradient(113% 91% at 17% -2%, #005b77 1%, #b3000000 47%), radial-gradient(142% 91% at 83% 7%, #091b26 1%, #b3000000 61%, #b3000000 98%), radial-gradient(129% 55% at 145% 54%, #463e4f 23%, #b3000000 61%, #b3000000 98%), radial-gradient(142% 91% at -6% 74%, #157c92 1%, #b3000000 85%), radial-gradient(142% 91% at 111% 84%, #8f9a3e 2%, #688626 39%, #005b77 98%); */
 }

 .speaker h2 {
     font-size: 40px;
     color: #000000;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
     text-align: center;
 }

 .speaker h2 span {
     font-family: "K2D", sans-serif;
     color: #449e34;
 }

 .spkr {
     box-shadow: rgb(50 50 93 / 5%) 0px 50px 100px -20px, rgb(0 0 0 / 21%) 0px 30px 60px -30px;
     background: linear-gradient(to top, #ffffff, #ffffff);
     min-height: 340px;
     margin-bottom: 30px;
     border-radius: 15px;
     overflow: hidden;
 }

 .spkr img {
     margin-bottom: 0;
     border-bottom: .5px solid #ffffff00;
 }

 .spk-txt {
     background-color: #fbfdfe;
 }

 .spkr h4 {
     color: #000000;
     font-size: 16px !important;
     font-weight: 500;
     padding: 10px 0 0;
 }

 .spkr p {
     color: #000000 !important;
     font-size: 13px;
     padding: 0 5px;
     margin-bottom: 0;
 }




 .keydiscuss-section {
     padding: 0;
     position: relative;
 }

 .keydiscuss-section h2 {
     position: absolute;
     top: 20px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 5;
     color: #fff;
     font-size: 42px;
     font-weight: 700;
     font-family: "DM Sans", sans-serif;
     padding: 12px 24px;
     border-radius: 10px;
     text-align: center;
 }


 .slider-wrapper {
     position: relative;
     width: 100%;
 }

 .owl-carousel .slide {
     position: relative;
     width: 100%;
     height: 500px;
     /* Fixed height for slide */
     background-size: cover;
     background-position: center;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     filter: grayscale(1);
 }

 .slide::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.72);
     z-index: 1;
     pointer-events: none;
 }

 .center-card {
     margin-top: 80px;
     position: relative;
     z-index: 2;
     width: 100%;
     max-width: 460px;
     min-height: 350px;
     text-align: center;
     border: 20px solid #fff;
     border-radius: 16px;
     background: transparent;
     padding: 0px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .center-card img {
     width: 100%;
     height: auto;
     object-fit: cover;
     border-radius: 10px;
     margin-bottom: 0;
 }

 .center-card p {
     color: #000;
     font-size: 17px;
     background: #fff;
     padding-top: 20px;
     font-weight: 600;
     margin: 0;
     width: 100%;
 }

 .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
     display: flex;
     justify-content: space-between;
     transform: translateY(-50%);
     padding: 0 20px;
     z-index: 3;
 }

 .owl-nav button.owl-prev,
 .owl-nav button.owl-next {
     width: 50px;
     height: 50px;
     background: rgba(255, 255, 255, 0.08) !important;
     border: 2px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 50% !important;
     box-shadow: -1px 10px 25px rgba(0, 0, 0, 0.49);
     color: #fff !important;
     font-size: 18px;
     transition: all 0.3s ease;
     -webkit-backdrop-filter: blur(8px);
     backdrop-filter: blur(8px);
 }

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

 /* FOCUS SECTORS  */

 .focus_sectors {
     background: #fff;
     /* background: url('./images/bg1.png');
     background-size: cover;
     background-repeat: no-repeat; */
 }

 .focus_sectors h2 {
     text-align: center;
     font-size: 40px;
     color: #000000;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
 }

 .focus_sectors h2 span {
     font-family: "K2D", sans-serif;
     color: #449e34;
 }

 .focus_sectors .container {
     width: 100%;
     position: relative;
     /* background-color: #fff; */
     /* background-image: url(./images/pattern-solution.svg); */
     background-position: top center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     padding: 0;
     margin: 50px auto;
     border-radius: 8px;
 }

 .focus_inner {
     padding: 20px 10px;
     width: 90%;
     position: relative;
     background: #E7F3EF;
     margin: 0 auto 20px;
     text-align: center;
     backdrop-filter: blur(16px) saturate(180%);
     -webkit-backdrop-filter: blur(16px) saturate(180%);
     background-color: rgb(221 221 221 / 42%);
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.125);
     box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
 }



 .focus_inner img {
     width: 100px;
     height: auto;
 }

 .focus_inner p {
     font-size: 14px;
     font-weight: 600;
 }

 .focus_btm {
     margin-top: -300px;
 }

 /* PARTICIPANTS */
 .key_participants h2 {
     text-align: center;
     font-size: 40px;
     color: #000000;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
 }

 .key_participants h2 span {
     font-family: "K2D", sans-serif;
     color: #449e34;
 }

 .key_participants {
     padding: 60px 0;
 }

 .participants_section {
     background: #fff;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
     padding: 0 30px 5px;
     margin: 20px 0;
     border-radius: 15px;
     overflow: hidden;
 }

 .participate_middle img {
     border-radius: 15px;
 }

 .participants_section h4 {
     margin: 0 -30px;
     background: #058d45;
     color: #fff;
     padding: 15px;
     font-size: 16px;
     text-align: center;
     font-weight: 700;
 }

 .participants_section ul {
     padding-left: 0;
 }

 .participants_section ul li {
     font-size: 14px;
     padding: 6px 0;

 }

 .profile_tile p {
     font-size: 15px;
     line-height: 31px;
 }

 .middle_participation h4 {
     background: #eb9d0d;
     text-transform: uppercase;
 }

 .gov_section h4 {
     background: #c97c38;
 }

 /* HIGHLIGHTS */
 .key_fact {
     padding: 40px 0 100px;
     /* background: url(https://events.eletsonline.com/energy/assets/highlight_bg.jpg); */
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     background-position: center;
     background-image: linear-gradient(to top, #0f5416a8 21%, #115b1863 63% 104%), linear-gradient(#2323235c, #2323235c), url(./images/key_bg.webp);
     /* filter: grayscale(1); */
 }

 .key_fact h2 {
     padding-bottom: 20px;
     /* border-bottom: 1px solid #cfcfcf; */
 }

 .key_fact_left h2 {
     text-align: center;
     font-size: 40px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
 }

 .key_fact_left h2 span {
     font-family: "K2D", sans-serif;
 }


 .key_discussion h2 {
     padding-bottom: 20px;
     border-bottom: 1px solid #cfcfcf;
     color: #141515;
     font-size: 60px;
     font-weight: 600;
     line-height: 65px;
     margin-bottom: 20px;
 }

 .key_discussion h2 span {
     background: linear-gradient(155deg, #0054ab 36%, #00b847 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-color: transparent;
 }

 .four {
     padding: 20px;
     border-bottom: 4px solid transparent;
     background: rgb(255 255 255 / 65%) !important;
     -webkit-backdrop-filter: saturate(180%) blur(20px);
     backdrop-filter: saturate(180%) blur(0px);
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
     text-align: center;
     font-weight: 600;
     min-height: 115px;
 }

 .counter-box .counter {
     padding: 0 0 40px;
     margin: 0;
     font-size: 50px;
     font-weight: 600;
     color: #000000;
 }

 .counter-box p {
     font-size: 18px !important;
 }

 .card {
     position: sticky;
     top: 0;
     overflow: hidden;
     border-radius: 14px;
     margin: 0 0 30px;
     background: transparent;
 }

 .high_inner {
     display: flex;
     align-items: center;
     margin: 0 0 10px;
     backdrop-filter: blur(16px) saturate(180%);
     -webkit-backdrop-filter: blur(16px) saturate(180%);
     background-color: rgb(209 191 191 / 24%);
     border-radius: 12px;
     border: 1px solid rgb(209 213 219 / 29%);
 }

 .high_inner {
     padding: 3px;
     margin-right: 60px;
     color: #000;
     font-weight: 600;
 }

 .high_inner p {
     margin-left: 20px;
     margin-bottom: 0;
     color: #fff;
 }

 .high_inner img {
     width: 70px;
 }

 .past_partner {
     padding: 60px;
     background: #fff;
 }

 .past_partner h2 {
     text-align: center;
     font-size: 40px;
     color: #000000;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
 }

 .past_partner h2 span {
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
     color: #449e34;
 }


 .past_image {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .past_inner {
     width: 18%;
     background: #fff;
     margin: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 150px;
     border-radius: 8px;
     border: 1px solid #eee;
 }

 .past_inner img {
     width: 150px;
 }

 .focus_areas {
     position: relative;
     z-index: 1;
     overflow: hidden;
     padding: 0 0 60px;
 }

 .focus_areas::before {
     content: '';
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     background-color: transparent;
     background-image: linear-gradient(180deg, #6c8d4000 8%, #1E1F367D 78%);
     z-index: 2;
 }

 .focus_areas .container {
     z-index: 9999;
     position: relative;
 }

 .video-bg {
     position: absolute;
     top: 0;
     left: 0;
     min-width: 100%;
     min-height: 100%;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 0;
     pointer-events: none;
 }

 .focus_areas_left {
     padding: 40px;
 }

 .focus_areas_left h2 {
     text-align: center;
     font-size: 40px;
     color: #ffffff;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
 }

 .focus_areas_left h2 span {
     font-family: "K2D", sans-serif;
     color: #449e34;
 }

 .focus_right {
     margin: 20px 0 10px;
     min-height: 225px;
     background: #ffffff;
     border-radius: 10px;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     border: 1px solid #ffffff00;
     overflow: hidden;
     text-align: center;
 }

 .focus_right p {
     font-size: 15px;
     padding: 10px;
     font-weight: 500;
     font-family: 'Poppins';
 }

 /* glimPSES */
 #glimpses {
     /* background: url(../img/bottom-bbgg.webp); */
     background: radial-gradient(47% 59% at 35% 47%, #337524 -2%, #05285700 100%), radial-gradient(113% 91% at 17% -2%, #005b77 1%, #b3000000 47%), radial-gradient(142% 91% at 83% 7%, #091b26 1%, #b3000000 61%, #b3000000 98%), radial-gradient(129% 55% at 145% 54%, #463e4f 23%, #b3000000 61%, #b3000000 98%), radial-gradient(142% 91% at -6% 74%, #157c92 1%, #b3000000 85%), radial-gradient(142% 91% at 111% 84%, #8f9a3e 2%, #688626 39%, #005b77 98%);
     background-size: cover;
     background-repeat: no-repeat;
     padding: 60px 0;
 }

 .glimpes_txt {
     text-align: center;
     font-size: 40px;
     color: #ffffff;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
 }

 .glimpes_txt span {

     font-family: "K2D", sans-serif;
     color: #449e34;
 }


 .slider-wrapper {
     width: 100%;
     max-width: 1536px;
     margin-inline: auto;
     position: relative;
     height: 160px;
     margin-top: 1rem;
     overflow: hidden;
     mask-image: linear-gradient(to right, rgb(0 0 0 / 55%), rgb(0 0 0) 20%, rgba(0, 0, 0, 1) 80%, rgb(0 0 0));
 }

 @keyframes scrollLeft {
     to {
         left: -200px;
     }
 }

 @keyframes scrollRight {
     to {
         right: -200px;
     }
 }

 .gallery_wrapper .item {
     width: 300px;
     height: 100px;
     border-radius: 6px;
     position: absolute;
 }

 .gallery_wrapper .item img {
     border-radius: 8px;
 }

 .gallery_wrapper .left .item {
     left: max(calc(300px * 8), 100%);
     animation: scrollLeft 30s linear infinite;
 }

 .gallery_wrapper .right .item {
     right: max(calc(300px * 8), 100%);
     animation: scrollRight 30s linear infinite;
 }

 .gallery_wrapper .left .item1,
 .gallery_wrapper .right .item1 {
     animation-delay: calc((-30s / 8) * 7);
 }

 .gallery_wrapper .left .item2,
 .gallery_wrapper .right .item2 {
     animation-delay: calc((-30s / 8) * 6);
 }

 .gallery_wrapper .left .item3,
 .gallery_wrapper .right .item3 {
     animation-delay: calc((-30s / 8) * 5);
 }

 .gallery_wrapper .left .item4,
 .gallery_wrapper .right .item4 {
     animation-delay: calc((-30s / 8) * 4);
 }

 .gallery_wrapper .left .item5,
 .gallery_wrapper .right .item5 {
     animation-delay: calc((-30s / 8) * 3);
 }

 .gallery_wrapper .left .item6,
 .gallery_wrapper .right .item6 {
     animation-delay: calc((-30s / 8) * 2);
 }

 .gallery_wrapper .left .item7,
 .gallery_wrapper .right .item7 {
     animation-delay: calc((-30s / 8) * 1);
 }

 .gallery_wrapper .left .item8,
 .gallery_wrapper .right .item8 {
     animation-delay: calc((-30s / 8) * 0);
 }

 .register_form {
     padding: 60px 0;
     margin: 20px 0;
 }

 /* CONTACT SECTION START HERE */
 .contact_info {
     /* background: #fbf3ec; */
     background-repeat: no-repeat;
     background-size: cover;
     padding: 60px 0;
     position: relative;
     z-index: 1;
         /* background: linear-gradient(to top, rgb(255 154 75 / 38%), transparent); */
    background-size: cover;
 }

 .contact_info H2 {
     text-align: center;
     font-size: 40px;
     color: #000000;
     text-transform: uppercase;
     font-weight: 800;
     margin: 0 0 60px;
     font-family: "K2D", sans-serif;
 }

 .top_badge {
     background: linear-gradient(45deg, #fdd100, #fd8e00);
     align-items: center;
     clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
     display: flex;
     flex-direction: row;
     height: 43px;
     justify-content: center;
     width: 285px;
     float: right;
     z-index: 1;
     position: relative;
 }

 .top_badge h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.contact_inner {
    border-radius: 12px;
    border: 1px solid rgb(165 162 69);
    padding: 40px 30px 40px;
    background-image: url(./assets/focus_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 220px;
    margin: 0 0 20px;
}


.footer-social__v3 {
    display: flex;
    align-items: center;
    margin-top: 20px;
    padding-top: 10px;
    gap: 28px;
}

.footer-social__v3 .social-icon {
    margin-right: 40px;
}
.footer-social__v3 a {
    background: transparent;
    padding: 0;
    width: 0;
    height: 0;
    color: #fff;
    margin-right: 15px;
}

.menu-foot>li {
    margin-bottom: 10px;
    color: #fff;
}
.menu-foot>li>a {
    color: #e9e9e9;
    font-size: 15px;
    text-decoration: none;
}

.button-85 {
    padding: .6em 2.4em;
    border: none;
    outline: none;
    color: rgb(255, 255, 255);
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    text-decoration: none;
}

.button-85:before {
    content: "";
    background: linear-gradient(45deg,
            #0b8d21,
            #7bff00,
            #88ff00,
            #48ff00,
            #00ffd5,
            #002bff,
            #0400ff,
            #006eff,
            #0051ff);
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing-button-85 20s linear infinite;
    transition: opacity 0.3s ease-in-out;
    border-radius: 10px;
}

@keyframes glowing-button-85 {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.button-85:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #222;
    left: 0;
    top: 0;
    border-radius: 10px;
}
.footer-area{
    background: radial-gradient(47% 59% at 35% 47%, #337524 -2%, #05285700 100%), radial-gradient(113% 91% at 17% -2%, #005b77 1%, #b3000000 47%), radial-gradient(142% 91% at 83% 7%, #091b26 1%, #b3000000 61%, #b3000000 98%), radial-gradient(129% 55% at 145% 54%, #463e4f 23%, #b3000000 61%, #b3000000 98%), radial-gradient(142% 91% at -6% 74%, #157c92 1%, #b3000000 85%), radial-gradient(142% 91% at 111% 84%, #8f9a3e 2%, #688626 39%, #005b77 98%);
}

.contact_inner p{
        margin: 14px 0;
    font-size: 24px;
    font-weight: 600;
    font-family: 'K2D';
}


.faqs_wrapper{
    padding: 60px 0;
}
.faqs_wrapper h2{
    text-align: center;
    font-size: 40px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 60px;
    font-family: "K2D", sans-serif;
}



.faq-container {
      width: 100%;
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      overflow: hidden;
    }

    .faq-item {
      border-bottom: 1px solid #e9ecef;
    }

    .faq-item:last-child {
      border-bottom: none;
    }

    .faq-question {
      padding: 20px;
      font-size: 16px;
      font-weight: 500;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      background-color: #f1f3f5;
      transition: background-color 0.3s ease;
    }

    .faq-question:hover {
      background-color: #e9ecef;
    }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      padding: 0 20px;
      background-color: #ffffff;
      color: #6c757d;
      font-size: 14px;
      line-height: 1.6;
      transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .faq-answer.open {
      max-height: 200px; /* Adjust for longer answers */
      padding: 15px 20px;
    }

    .arrow {
      font-size: 18px;
      transition: transform 0.3s ease;
    }

    .arrow.open {
      transform: rotate(90deg);
    }

    /* Responsive Design */
@media (min-width: 1300px) {
     .spkr{
        min-height: 420px;
     }
}


    @media (max-width: 768px) {
      .faq-question {
        font-size: 14px;
        padding: 15px;
      }
      .high_inner{
        margin-right: 0;
      }

      .faq-answer {
        font-size: 13px;
      }
      .navbar-nav .nav-link{
        border-right: 0;
      }
      .about_right h2{
        margin: 20px 0;
        font-size: 25px;
      }
          .past_inner {
        width: 100%;
        min-height: 110px;
    }
    .focus_btm{
        margin-top: 0;
    }
    .header_wrapper{
        position: relative !important;
    }
    .navbar-toggler{
        background: #4f974d;
    }
    }

    @media (max-width: 480px) {
      .faq-container {
        max-width: 90%;
      }
    }

 /* END HERE */