*{box-sizing: border-box;}

/**********************Font**************************/
@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI/seguibl.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI/segoeuil.ttf');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI/segoeuib.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI/seguisb.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
	src: url('../fonts/SegoeUI/segoeui.ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
	src: url('../fonts/SegoeUI/segoeui.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
   font-family: 'SegoeUI';
	src: url('../fonts/SegoeUI/segoeuisl.ttf');
    font-weight: 350;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
	src: url('../fonts/SegoeUI/segoeuil.ttf');
    font-weight: 300;
    font-style: normal;
}


/**********************Scroll**************************/
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar:focus{50px}
::-webkit-scrollbar-track {background: #1A1F23; }
::-webkit-scrollbar-thumb {background:#576AB4; ;border-radius:5px;}
::-webkit-scrollbar-thumb:hover {background:#576AB4; }

/**********************Body and Heading**************************/
body{font-family: 'SegoeUI'; color: #FFFFFF; background: #02070C}
h1{font-size: 65px; font-weight: 600}
h2{font-size: 48px; font-weight: 600}
h3{font-size: 36px; font-weight: 600}
h4{font-size: 20px; font-weight: 600}
h5{font-size: 18px; font-weight: 600}
p{font-size: 18px; font-weight: 400}
/**********************Font weights and sizes**************************/
.font-14{font-size: 14px}
.font-16{font-size: 16px}
.font-24{font-size: 24px}

/**********************Colors**************************/
.color-white{color: #FFFFFF}
.color-purple{color: #576AB4}
.color-lgtgrey{color: #C5C6C7;}

.background-black{background: #000000}
/**********************Theme button**************************/
.header-btn{height: 35px; width: 108px; border-radius: 10px;background: linear-gradient(270deg, #2E3B6F 0%, #5065BB 100%);
backdrop-filter: blur(32.5px);display:flex; align-items: center; justify-content: center; text-transform: inherit; white-space: nowrap;font-weight: 600;font-size: 15px;color: #FFFFFF;letter-spacing: 0.15px;}
.header-btn:hover{color: #5065BB;background: #FFFFFF;border:1px solid  #2E3B6F;}
.header-btn.grey{background: rgba(165, 166, 167, 0.15);}
.header-btn.grey:hover{background: #FFFFFF;}
.theme-btn{height: 56px; width: 158px; border-radius: 12px;background: linear-gradient(270deg, #2E3B6F 0%, #5065BB 100%);display:flex; align-items: center; justify-content: center; text-transform: inherit; white-space: nowrap;font-weight: 600;font-size: 20px;color: #FFFFFF; letter-spacing: 0.2px;}
.theme-btn:hover{color: #5065BB;background: #FFFFFF;border:1px solid  #2E3B6F;}
/**********************Others**************************/
.section-margin{margin-top: 145px !important}
.letter-1{letter-spacing: -2.6px;}
.letter-2{letter-spacing: 0.24px;}
.letter-3{letter-spacing: 2.8px;}
.letter-4{letter-spacing: -1.92px;}
.letter-5{letter-spacing: 0.18px;}
.letter-6{letter-spacing: -0.36px;}
.text-uppercase{text-transform: uppercase}
.line-height1{line-height: 70px}
.font-opacity{opacity: 0.65}
.w-90{width: 90%}
.line-grey{width: 100%; height: 1px; background: #E5F5F1; opacity: 0.15}
.h-1000{height: 1000px}
.h-1200{height: 1215px}
/**********************Homeapage**************************/
.header-container{max-width: 100% }
.header-content{max-width: 1250px !important}
.companies-slider .slide-content{ }
.companies-slider img{opacity: 0.45; padding: 0 35px }
.library-section .main-container{max-width: 995px }
.library-section.mtop-neg{margin-top: -161px !Important}
.library-section .mtop1{margin-top: -60px !Important}
.security-section .main-container{max-width: 1300px }
.democracy-section .main-container{max-width: 1260px }
.automated-section .main-container{max-width: 1270px }
.automated-section .set-bg{border-radius: 24px;padding: 50px 70px !important;border: 3px solid #2E3B6F;background: rgba(2, 7, 12, 0.65);box-shadow: 0px 15px 65px 15px rgba(11, 12, 16, 0.45);}
.mtop-neg1{margin-top: -200px !Important}
.monitoring-section .main-container{max-width: 1300px }
.monitoring-slider .data{border-radius: 16px;border: 1px solid rgba(197, 198, 199, 0.15);
background: rgba(2, 7, 12, 0.65);box-shadow: 0px 15px 65px 15px rgba(11, 12, 16, 0.45);
backdrop-filter: blur(32.5px);width: 295px;	min-height: 211px;}
.monitoring-slider .slide-content{padding: 0px 0px }
.monitoring-slider p{margin-bottom: 0px !important }
.monitoring-slider .slick-dots{display: none !important}
.monitoring-slider .slide:hover .data{border: 3px solid  #2E3B6F;}
.monitoring-slider .slide:hover rect{stroke:  #2E3B6F;}
.monitoring-slider .slide:hover line{stroke:  #2E3B6F; opacity: 1 !important}
.monitoring-slider .slide:hover .data{border: 3px solid  #2E3B6F;}
.monitoring-slider .slide:hover rect{stroke:  #2E3B6F;}
.monitoring-slider .slide:hover line{stroke:  #2E3B6F; opacity: 1 !important}


.monitoring-slider .slick-dots{justify-content: center; margin-top: 25px !important}
.monitoring-slider .slick-dots li{width: 10px; height: 10px; background: #576AB4 !important; border-radius: 90px; margin: 0 7px; opacity: 0.15}
.monitoring-slider .slick-dots li.slick-active {  width: 22px !important;background: linear-gradient(270deg, #2E3B6F 0%, #5065BB 100%) !important;  opacity: 1 !important}
/**********************footer**************************/
footer .main-container{max-width: 1300px }

footer .links a{font-weight: 400;font-size: 18px;color: #FFFFFF; opacity:0.65; white-space: nowrap}
footer a:hover{color: #576AB4}
footer a:hover circle{fill: #576AB4;opacity: 1!important;}
footer .input-container{width: 270px;height: 50px;border-radius: 90px;background: #0F161E }
footer .input-container input{width: 100%;height: 100%;border: none; box-shadow: none; background: none; border-radius: 14px;outline: none; color: white}

footer .input-container input::placeholder{font-weight: 400;font-size: 18px;color: #FFFFFF; opacity: 0.65}a



/********************** ellipse**************************/
.ellipseL1{left: 0px; }
.ellipseL2{right: 0px; }
.ellipseL3{right: -500px; top: -50px }
.ellipseL4{left: -500px; top: -750px }
/**********************Navigation**************************/
.nav-container{border-radius: 16px;border: 1px solid rgba(197, 198, 199, 0.15);
background: rgba(2, 7, 12, 0.65);box-shadow: 0px 15px 65px 15px rgba(11, 12, 16, 0.45);backdrop-filter: blur(32.5px); }
.nav-container{max-width: 1200px !important; height: 60px}
 .navbar-nav li a{font-weight: 600;font-size: 15px;letter-spacing: 0.15px;color: #C5C6C7;}
 .navbar-nav li a:hover{color: #576AB4; opacity: 1;}
.shade  {height:55px; border-radius: 12px;border: 1px solid rgba(197, 198, 199, 0.15);background: rgba(2, 7, 12, 0.65);}
.mobile-nav nav {background: #02070C; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;
    transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;  z-index: 9;}
.mobile-nav nav ul { list-style-type: none; padding: 0; margin: 0; position: relative;left: 50%; top: 0px; transition: all 0.3s ease-in-out; 
    transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.mobile-nav nav ul li { transform: translateY(50px); -webkit-transform: translateY(50px);opacity: 0;}
.mobile-nav nav ul li a { display: block; font-size: 32px; text-decoration: none; padding: 10px 0; text-align: center; color: #fff;letter-spacing: -1.28px; font-weight: 600; 
    transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.mobile-nav nav ul li.active a{opacity: 0.5}
.mobile-nav nav ul li a:hover {color: #576AB4;}
.m-top-mb{margin-top: 300px !important}
.toggle-btn {display: block; position: fixed; z-index: 10;  top: 30px; right: 30px; cursor: pointer;}
.toggle-btn .bar { width: 30px; height: 2px; margin: 7px auto; background-color: #fff; transition: all 0.3s ease-in-out; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);}
.toggle-btn .bar:nth-child(1){width: 14px; margin-left: 0}
.toggle-btn .bar:nth-child(2){width: 24px;}
.toggle-btn .bar:nth-child(3){width: 14px; margin-right: 0}
#toggle:checked ~ nav {opacity: 1;visibility: visible;}
#toggle:checked ~ nav ul {top: 0px;}
#toggle:checked ~ nav ul li {transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1;}
#toggle:checked ~ nav ul li:nth-child(1) {
    transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;
}
#toggle:checked ~ nav ul li:nth-child(2) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;
}
#toggle:checked ~ nav ul li:nth-child(3) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;
}
#toggle:checked ~ nav ul li:nth-child(4) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;
}
#toggle:checked + label.toggle-btn .bar { background-color: white;}
/*
#toggle:checked + label.toggle-btn .bar:nth-child(2) {
  transform: translateX(50px);
  opacity: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
*/

#toggle:checked + label.toggle-btn .bar:nth-child(2) {transform: translateX(0px); -webkit-transform: translateX(0px);opacity: 1;}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {transform: translateY(0px); -webkit-transform: translateY(0px); margin-right: 0; margin-left: 10px;}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {transform: translateX(-10px); -webkit-transform: translateX(-10px);}

@media (min-width:2560px){
    .header-grad{top: 50px !important}
}
@media (min-width:1920px){
    .header-grad{top: 100px !important}

}
@media (min-width:1441px) and (max-width:1800px){
/*    .nav-container{max-width: 90% !important}*/
/*	.main-container{max-width: 90% !important}*/
	.automated-section .main-container{max-width: 80% !important}}
h1{font-size: 52px; line-height: 56px !important;}
.font-24{font-size: 20px}
h2{font-size: 42px; line-height: 44px !important;}
.main-banner-img{max-width: 700px; height: auto}

@media (min-width:1025px) and (max-width:1440px){.nav-container{max-width: 90% !important}
	.main-container{max-width: 90% !important}
	.automated-section .main-container{max-width: 80% !important}}

@media (min-width:1025px) and (max-width:1280px){
   .nav-container{max-width: 90% !important}
	.main-container{max-width: 90% !important}
	.automated-section .main-container{max-width: 80% !important}
}
@media (min-width:1025px) and (max-width:1200px){
	p br{display: none !Important}
	.automated-section p br,.library-section p br{display: flex !Important}
	h1{font-size: 52px !Important; line-height: 50px !important}
	h2{font-size: 38px !Important; line-height: 40px !important}
	.automated-section .set-bg{border-radius: 12px;padding: 40px 30px !important}
}
@media(width:1024px){
   .nav-container{max-width: 90% !important}
	.main-container{max-width: 90% !important}
	p br{display: none !Important}
	.automated-section p br,.library-section p br{display: flex !Important}
	h1{font-size: 52px !Important; line-height: 50px !important}
	h2{font-size: 38px !Important; line-height: 40px !important}
	.automated-section .set-bg{border-radius: 12px;padding: 40px 30px !important}
}

@media (min-width:769px){
    .desktop{display: flex !important}
    .mobile{display: none !important}
    
}
@media (width:768px){
	.nav-container{max-width: 90% !important}
	.main-container{max-width: 90% !important}
	.democracy-section .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.security-section .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.header-content .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.democracy-section img{width: 450px !important; height: 450px; }
}

@media (max-width:768px){
    .desktop{display: none !important}
    .mobile{display: flex !important}
    .mobile-nav{display: flex !important; }
	.section-margin{margin-top: 60px !important}
	.header-content .section-margin{margin-top: 0px !important}
	.m-text-center{text-align: center !important}
	.item-center{display: flex; justify-content: center; align-items: center;}
	.m-flex-column{flex-direction: column; }
	.m-flex-column-reverse{flex-direction: column-reverse; }
	.m-align-left{align-items: flex-start !important}
	.header h1 br{display: none !important}
	p br,h3 br{display: none !important}
	.letter-2{letter-spacing: 0.16px;}
	h1{font-size: 42px;line-height: 52px !important}
	h2,.monitoring-section h1{font-size: 32px;line-height: 42px !important}
	p,h4{font-size: 16px !important}
	h3{font-size: 24px !important}
	.automated-section h3{font-size: 28px !important}
	.h-1000{height: 890px}
	.padding-0{padding: 0px !important}
	.header-btn{height: 45px; width: 263px;}
	.library-section.mtop-neg{margin-top: 140px !Important}
	.companies-slider .slide-content{padding: 0 25px }
	.letter-3{letter-spacing: 1.8px;}
	.monitoring-slider .slick-dots{display: flex!important}
	.order-1{order: 1}
	.order-12{order: 12}
	.w-90{width: 100% !important}
	.automated-section .set-bg{border-radius: 12px;padding: 40px 20px 65px 20px !important;}
    
    .reg-feed{padding: 0 60px !important}
    .partner-sec-bg{position: absolute !important; top: -450px; z-index: -1}
}
@media (width:768px){
	footer .col-sm-4{width: 100%; margin-top: 40px !Important}
	footer .col-sm-3{width: 40%; margin-top: 40px !Important}
	footer .col-sm-5{width: 60%; margin-top: 40px !Important}
	footer .ms-sm-auto,.automated-section .ms-sm-auto{margin-left: 0px !important}
	footer .me-sm-auto,.automated-section .me-sm-auto{margin-right: 0px !important}
	.automated-section .set-bg{border-radius: 12px;padding: 40px 60px 65px 60px !important;}
	.automated-section .theme-btn{margin-top: 30px !important}
	.mobile-bg{width: 100% !important; height: 1000px !Important}
	.automated-section img.mobile{width: 90% !important;    height: 100%;}
}
@media (min-width:820px) and (max-width:992px){
    .mobile-nav{display: flex !important}
    nav.desktop{display: none !important}
	.nav-container{max-width: 90% !important}
	.main-container{max-width: 90% !important}
	.democracy-section .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.security-section .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.header-content .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.democracy-section img{width: 450px !important; height: 450px; }
    footer .col-sm-4{width: 100%; margin-top: 40px !Important}
	footer .col-sm-3{width: 40%; margin-top: 40px !Important}
	footer .col-sm-5{width: 60%; margin-top: 40px !Important}
	footer .ms-sm-auto,.automated-section .ms-sm-auto{margin-left: 0px !important}
	footer .me-sm-auto,.automated-section .me-sm-auto{margin-right: 0px !important}
	.automated-section .set-bg{border-radius: 12px;padding: 40px 60px 65px 60px !important;}
	.automated-section .theme-btn{margin-top: 30px !important}
	.mobile-bg{width: 100% !important; height: 1000px !Important}
	.automated-section img.mobile{width: 90% !important;    height: 100%;}
}
@media (orientation:landscape) and (max-height:550px){
	.nav-container{max-width: 90% !important}
	.main-container{max-width: 90% !important}
	.democracy-section .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.security-section .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.header-content .col-sm-6{width: 100%; display: flex; justify-content: center; align-items: center;}
	.democracy-section img{width: 450px !important; height: 450px; }
	footer .col-sm-4{width: 100%; margin-top: 40px !Important}
	footer .col-sm-3{width: 40%; margin-top: 40px !Important}
	footer .col-sm-5{width: 60%; margin-top: 40px !Important}
	footer .ms-sm-auto,.automated-section .ms-sm-auto{margin-left: 0px !important}
	footer .me-sm-auto,.automated-section .me-sm-auto{margin-right: 0px !important}
	.automated-section .set-bg{border-radius: 12px;padding: 40px 60px 65px 60px !important;}
	.automated-section .theme-btn{margin-top: 30px !important}
	.mobile-bg{width: 100% !important; height: 1000px !Important}
	.automated-section img.mobile{width: 90% !important;    height: 100%;}
	}

.animation-element.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-right .subject {
 opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(200px, 0, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-right.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-left .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(-200px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-left.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-down .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.fade-in-animate {
  display: inline-block;
  animation: fadeIn linear 1s;
  -webkit-animation: fadeIn linear 1s;
  -moz-animation: fadeIn linear 1s;
  -o-animation: fadeIn linear 1s;
  -ms-animation: fadeIn linear 1s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.contact-form-container .form-label {
    display: block; /* Ensure labels are displayed above the fields */
}

/* Dropdown styles */
.dropdown-menu {
    background: rgba(2, 7, 12, 0.95);
    border: 1px solid rgba(197, 198, 199, 0.15);
    border-radius: 8px;
    backdrop-filter: blur(32.5px);
    padding: 8px 0;
    min-width: 160px;
    box-shadow: 0px 15px 65px 15px rgba(11, 12, 16, 0.45);
    margin-top: 8px;
}

.dropdown-item {
    color: #C5C6C7;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 16px;
}

.dropdown-item:hover, .dropdown-item:focus {
    background: rgba(87, 106, 180, 0.15);
    color: #576AB4;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transition: transform 0.2s ease;
}

.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

/* Mobile dropdown styles */
.mobile-dropdown {
    display: none;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.mobile-dropdown li {
    opacity: 1 !important;
    transform: none !important;
}

.mobile-dropdown li a {
    color: #C5C6C7;
    font-size: 24px !important;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    display: block;
}

.mobile-dropdown li a:hover {
    color: #576AB4;
}

#mobileSolutionsDropdown.active + .mobile-dropdown {
    display: block;
}

/* Countdown Timer Styles */
.countdown-timer {
    color: #FFFFFF;
    font-family: 'SegoeUI';
}

.countdown-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 5px;
}

.countdown-value {
    font-size: 28px;
    font-weight: 600;
    color: #576AB4;
}

.countdown-label {
    font-size: 14px;
    opacity: 0.65;
    margin-top: 4px;
}

.countdown-separator {
    font-size: 28px;
    font-weight: 600;
    color: #576AB4;
    margin: 0 5px;
    align-self: flex-start;
}

@media (max-width:768px) {
    .countdown-value {
        font-size: 24px;
    }
    
    .countdown-label {
        font-size: 12px;
    }
    
    .countdown-separator {
        font-size: 24px;
    }
}