@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



.montserrat-soul {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.open-sans-soul {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
  font-family: "Open Sans", sans-serif !important;
  overflow-x: hidden !important;
  font-size: 1rem;
  color: #212529;
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Montserrat", sans-serif !important;
  line-height: 1.4;
  font-weight: 600;
}

.text-muted {
    color: #888 !important;
}

.breadcrumb .breadcrumb-item a {
    color: #000;
}

.breadcrumb .breadcrumb-item:hover a {
    color: #F20014 !important;
}

::-moz-selection {
  background: rgba(242, 0, 20, 0.9);
  color: #ffffff;
}

::selection {
  background: rgba(242, 0, 20, 0.9);
  color: #ffffff;
}

a {
  text-decoration: none !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

p {
  line-height: 1.6;
}

.navbar-white-bg {
    background-color: #e1e1e1 !important;
}

.features.feature-primary .icon {
    color: #F20014 !important;
    background-color: rgba(242, 0, 20, .04) !important;
}

.bg-primary {
    background-color: #F20014 !important;
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px; /* Half the width */
    margin-top: -60px; /* Half the height */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.alert {
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
}

.alert-success { background-color: #4CAF50; }
.alert-danger { background-color: #f44336; }

.page-wrapper .sidebar-wrapper {
    -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15);
    box-shadow: 0 0 3px rgba(60,72,88,.15);
    background-color: #E4E4E4;
  
}


.footer {
    background: #000;
    position: relative;
    color: #adb5bd;
}


.social-icon.foot-social-icon li a {
    color: #adb5bd;
    border-color: #283453;
    color: #F20014;
    border-color: #F20014;
}

.social-icon.foot-social-icon li a:hover {
    color: #fff;
    background-color: #F20014 !important;
    border-color: #F20014 !important;
}


.social-icon li a {
    color: #212529;
    border: 1px solid #212529;
    height: 32px;
    width: 32px;
}


/* Primary Button Styles */
.btn-primary {
  color: #ffffff;
  background-color: #F20014; /* Vibrant Red */
  border-color: #F20014;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #C70113; /* Darker Shade of Primary */
  border-color: #C70113;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(242, 0, 20, 0.5);
}

.btn-primary:active {
  color: #ffffff;
  background-color: #AC0110; /* Even Darker Shade of Primary */
  border-color: #AC0110;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: #ffffff;
  background-color: #F20014;
  border-color: #F20014;
}

/* Secondary Button Styles */
.btn-secondary {
  color: #ffffff;
  background-color: #007BFF; /* Bright Blue */
  border-color: #007BFF;
}

.btn-secondary:hover {
  color: #ffffff;
  background-color: #0069d9; /* Slightly Darker Blue */
  border-color: #0069d9;
}

.btn-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.5);
}

.btn-secondary:active {
  color: #ffffff;
  background-color: #005cbf; /* Even Darker Blue */
  border-color: #005cbf;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
  color: #ffffff;
  background-color: #007BFF;
  border-color: #007BFF;
}

/* Success Button Styles */
.btn-success {
  color: #ffffff;
  background-color: #28A745; /* Green */
  border-color: #28A745;
}

.btn-success:hover {
  color: #ffffff;
  background-color: #218838; /* Darker Shade of Green */
  border-color: #1e7e34;
}

.btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.5);
}

.btn-success:active {
  color: #ffffff;
  background-color: #1e7e34; /* Even Darker Green */
  border-color: #1c7430;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-success:disabled,
.btn-success.disabled {
  color: #ffffff;
  background-color: #28A745;
  border-color: #28A745;
}


#topnav .navigation-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
#topnav .navigation-menu > li {
  float: left;
  display: block;
  position: relative;
  margin: 0 10px;
}
#topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {
  color: #F20014 !important;
}
#topnav .navigation-menu > li > a {
  display: block;
  color: #212529;
  font-size: 13px;
  background-color: transparent !important;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: var(--bs-font-sans-serif);
  padding-left: 15px;
  padding-right: 15px;
}
#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {
  color: #F20014;
}
#topnav .navigation-menu > li .submenu.megamenu li .megamenu-head {
  padding: 10px 20px;
  white-space: nowrap;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #161c2d !important;
}
#topnav .navigation-menu .has-submenu .menu-arrow {
  border: solid #F20014;
  border-radius: 0.5px;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  right: -1px;
  top: 30px;
}
#topnav .navigation-menu .has-submenu:hover .menu-arrow {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
#topnav .menu-extras {
  float: right;
}
#topnav.scroll {
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
          box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}
#topnav.scroll .navigation-menu > li > a {
  color: #F20014;
}
#topnav.scroll .navigation-menu > li > .menu-arrow {
  border-color: #F20014;
}
#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {
  color: #F20014;
}
#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {
  border-color: #F20014;
}
#topnav.defaultscroll.dark-menubar .logo {
  line-height: 70px;
}
#topnav.defaultscroll.scroll .logo {
  line-height: 62px;
}
#topnav.defaultscroll.scroll.dark-menubar .logo {
  line-height: 62px;
}
#topnav.nav-sticky {
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
          box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}
#topnav.nav-sticky .navigation-menu.nav-light > li > a {
  color: #F20014;
}
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
  color: #F20014 !important;
}
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {
  border-color: #F20014 !important;
}
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
  color: #F20014 !important;
}
#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
  border-color: #F20014;
}
#topnav.nav-sticky.tagline-height {
  top: 0 !important;
}
#topnav.nav-sticky .buy-button .login-btn-primary,
#topnav.nav-sticky .buy-button .btn-icon-dark {
  display: inline-block;
}
#topnav.nav-sticky .buy-button .login-btn-light,
#topnav.nav-sticky .buy-button .btn-icon-light {
  display: none;
}
#topnav.nav-sticky .logo .l-dark {
  display: inline-block;
}
#topnav.nav-sticky .logo .l-light {
  display: none;
}

.breadcrumb .breadcrumb-item.active {
    color: #000;
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
    color: #000;
}

.card.form-signin {
  background-color: #FFFFFF; /* White for contrast against the body */
  border: 1px solid #DDD; /* Subtle border */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
  width: 320px; /* Or desired width */
  padding: 20px;
  margin: 0 auto; /* Center the box */
  border-radius: 8px; /* Soften edges */
}

.card.form-signin h2 {
  color: #333; /* Dark color for heading for readability */
  text-align: center;
  margin-bottom: 20px;
}

.card.form-signin form {
  display: flex;
  flex-direction: column;
}

.card.form-signin input[type="text"],
.card.form-signin input[type="password"] {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #CCC;
  border-radius: 4px;
}

.card.form-signin input[type="submit"] {
  background-color: #F20014; /* Vibrant Red from earlier, for primary action */
  color: white;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.card.form-signin input[type="submit"]:hover {
  background-color: #C70113; /* Darker shade for hover state */
}

.card.form-signin .form-control {
  background-color: #F5F5F5;
  border: 1px solid #DDD;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box; /* Ensures padding doesn't add to the width */
  margin-bottom: 15px; /* Space between form controls */
}

.card.form-signin .form-control:focus {
  border-color: #CCC;
  outline: none; /* Removes the default focus outline */
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05); /* Subtle focus indicator */
}


.form-control {
  background-color: #F5F5F5;
  border: 1px solid #DDD;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box; /* Ensures padding doesn't add to the width */
  margin-bottom: 15px; /* Space between form controls */
}

.form-control:focus {
  border-color: #CCC;
  outline: none; /* Removes the default focus outline */
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05); /* Subtle focus indicator */
}


.btn-black {
  background-color: #000000; /* Black */
  color: #ffffff; /* White text */
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #000000; /* Black border */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition: background-color 0.3s, color 0.3s;
}

.btn-black:hover, .btn-black:focus {
  background-color: #333333; /* Dark gray for hover/focus */
  color: #ffffff;
  border-color: #333333;
}


.btn-dark {
  background-color: #343a40; /* Dark gray, softer than black */
  color: #ffffff; /* White text */
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #343a40; /* Matching dark gray border */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition: background-color 0.3s, color 0.3s;
}

.btn-dark:hover, .btn-dark:focus {
  background-color: #23272b; /* Even darker shade for hover/focus */
  color: #ffffff;
  border-color: #23272b;
}

#topnav .navigation-menu > li > a {
    display: block;
    color: #212529; /* Dark gray color */
    font-size: 13px;
    background-color: transparent !important; /* Ensure background is transparent */
    font-weight: 700; /* Bold text */
    letter-spacing: 1px; /* Spaced-out letters for readability */
    line-height: 24px; /* Adequate line height for readability */
    text-transform: uppercase; /* Uppercase text for stylistic choice */
    font-family: "Montserrat", sans-serif;
    padding-left: 15px; /* Left padding */
    padding-right: 15px; /* Right padding */
    transition: color 0.3s ease-in-out; /* Smooth transition for color change on hover */
}

#topnav .navigation-menu > li > a:hover {
    color: #F20014 !important; /* Change text color on hover for visual feedback */
    background-color: transparent; /* Maintain transparent background on hover */
}

#topnav .navigation-menu > li > a:active {
    color: #F20014 !important; /* Change text color on hover for visual feedback */
    background-color: transparent; /* Maintain transparent background on hover */
}

.back-to-top {
    position: fixed;
    z-index: 99;
    bottom: 30px;
    right: 30px;
    display: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    height: 36px;
    width: 36px;
    line-height: 33px;
    border-radius: 6px;
    text-align: center;
    background: #F20014;
    color: #fff !important;
}

.page-wrapper .sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 71px;
    background-color: #e1e1e1;
}

.page-wrapper .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #e9ecef;
}

.page-wrapper .sidebar-wrapper {
    -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15);
    box-shadow: 0 0 3px rgba(60,72,88,.15);
    background-color: #e1e1e1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.page-wrapper .page-content .top-header .header-bar {
    background: #000;
    height: 71px;
    -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15);
    box-shadow: none;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
}


.bg-light {
    background-color: #f5f5f5 !important;
}

.btn.btn-soft-light {
    color: #000 !important;
    border-color: #000 !important;
}

.btn-soft-light {
    background-color: #f5f5f5 !important;
    border: 1px solid #f5f5f5 !important;
    color: #000 !important;
    /*-webkit-box-shadow: 0 3px 5px 0 rgba(248,249,250,.1);*/
    /*box-shadow: 0 3px 5px 0 rgba(248,249,250,.1);*/
    -webkit-box-shadow: none;
    box-shadow: none;
}

 .page-wrapper .sidebar-wrapper .sidebar-menu li a {
    color: #000;
    font-weight: 700;
}

.page-wrapper .sidebar-wrapper .sidebar-menu {
  padding: 16px 0;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}
.page-wrapper .sidebar-wrapper .sidebar-menu li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 8px 24px 8px 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .page-wrapper .sidebar-wrapper .sidebar-menu li a {
    padding: 8px 24px 8px 24px;
  }
}
@media screen and (max-width: 425px) {
  .page-wrapper .sidebar-wrapper .sidebar-menu li a {
    padding: 8px 24px 8px 12px;
  }
}
.page-wrapper .sidebar-wrapper .sidebar-menu li a:hover > i::before {
  display: inline-block;
}
.page-wrapper .sidebar-wrapper .sidebar-menu li a:focus {
  outline: none;
}
.page-wrapper .sidebar-wrapper .sidebar-menu li a i {
  /*width: 36px;*/
  /*height: 36px;*/
  width: 45px;
  height: 45px;
  background-color: #F20014;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .sidebar-wrapper .sidebar-menu li:hover i, .page-wrapper .sidebar-wrapper .sidebar-menu li.active i {
  background-color: #f5f6f8;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
  content: "\f0142" !important;
  color: #F20014;
  font-family: "Material Design Icons";
  font-size: 14px;
  position: absolute;
  right: 15px;
  top: 17px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  right: 17px;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown:hover > a:after, .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
  color: #F20014;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu {
  display: none;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li {
  padding-left: 25px;
  font-size: 14px;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before {
  content: "\f09df" !important;
  color: #F20014;
  font-family: "Material Design Icons";
  margin-right: 4px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a .badge,
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a .label {
  float: right;
  margin-top: 0px;
}
.page-wrapper .sidebar-wrapper .sidebar-menu ul li a span.label, .page-wrapper .sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #ffffff;
    --bs-dropdown-border-color: #e9ecef;
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: #e9ecef;
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #F20014;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: #e1e1e1;
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

/* NEW CUSTOM STYLES USING NEW COLOR PALETTE */

/* Hide the menu on screens 992px and wider */
@media (min-width: 992px) {
    .sst-team-mobile-menu {
        display: none;
    }
}

/* Explicitly show the menu on screens 991px and smaller */
@media (max-width: 991px) {
    .sst-team-mobile-menu {
        display: block; /* or 'flex', 'inline-block', etc., depending on your layout */
    }
}

/* Header Styles */


#topnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0; /* Consistent vertical padding for the header */
    background-color: #FFFFFF; /* Adjust based on your color scheme */
    background-color: #000 !important;
}

#topnav .container {
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.logo img {
    /*max-height: 50px;*/ /* Adjust the size of the logo */
    transition: all 0.3s;
}

/* Ensuring logo and navigation are aligned horizontally */
.menu-extras {
    /*display: none;*/ /* Adjust based on your layout preference */
}

/*
.header-btn {
    margin-left: auto;
    padding-left: 15px;
}


.header-btn .btn {
    padding: 8px 20px;
    margin: 0 5px;
    border-radius: 5px;
    transition: all 0.3s ease;
}
*/

.login-btn {
    background-color: #F20014; /* Primary color for the login button */
    color: #FFFFFF;
}

.register-btn {
    background-color: #000000; /* Secondary color for the register button */
    color: #FFFFFF;
}

.login-btn:hover, .register-btn:hover {
    opacity: 0.9;
}

/* Navigation Menu Styles */
#navigation .navigation-menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    margin-bottom: 0;
}

#navigation .navigation-menu li {
    padding: 0 10px; /* Adjust spacing between menu items */
}

#navigation .navigation-menu li a {
    color: #333333; /* Adjust menu link color */
    color: #fff !important;
    transition: color 0.3s ease;
}

#navigation .navigation-menu li a:hover {
    color: #F20014; /* Highlight color on hover */
}

/* Responsive adjustments might be needed for mobile views */

@media (max-width: 992px) {
    /* Adjustments for smaller screens */
    .header-btn {
        /*display: none;*/ /* Example: Hide buttons on smaller screens */
    }
    
    #navigation .navigation-menu {
        /*flex-direction: column;*/ /* Stack menu items vertically on mobile */
    }
}

@media (max-width: 991px) {
    #navigation {
        position: absolute;
        top: 84px;
        left: 0;
        width: 100%;
        display: none;
        height: auto;
        padding-bottom: 0;
        overflow: auto;
        border-top: 1px solid #f2f4f6;
        border-bottom: 1px solid #f2f4f6;
        background-color: #fff;
        -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15);
        box-shadow: 0 0 3px rgba(60,72,88,.15);
    }
}

/* Header Buttons Base Style */
.header-btn {
    font-weight: 500;
    text-transform: uppercase;
    /*padding: 10px 15px;*/
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    text-decoration: none; /* Removes underline from links */
}

/* Login Button Style */
/*
.login-btn {
    background-color: #333333;
    color: #FFFFFF;
    border: 1px solid transparent;
}

.login-btn:hover, .login-btn:focus {
    background-color: #444444;
    color: #FFFFFF;
}
*/

.login-btn {
    background-color: #FFFFFF; /* Neutral, for less emphasis */
    color: #333333; /* White text for contrast */
    border: 1px solid transparent; /* For a clean look */
}

.login-btn:hover, .login-btn:focus {
    background-color: #EAEAEA;
    color: #333333;
    transform: translateY(-2px);
}



/* Register Button Style */
.register-btn {
    background-color: #F20014; /* Vibrant red for emphasis */
    color: #FFFFFF; /* White text for contrast */
    border: 1px solid transparent; /* Maintains consistency with the login button */
}

.register-btn:hover, .register-btn:focus {
    background-color: #D10012; /* Slightly darker red on hover/focus for interaction feedback */
    color: #FFFFFF;
    transform: translateY(-2px);
}


.section-title {
    padding: 20px;
}

.section-title .badge {
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    color: #FFFFFF; /* Adjusted to pure white for contrast */
    background-color: #F20014; /* Updated to vibrant red as primary color */
    padding: 10px 20px;
    border-radius: 30px; /* Rounded pill shape */
    margin-bottom: 10px; /* Space between badge and title */
}

.section-title h2.display-4 {
    font-weight: bold;
    color: #000000; /* Black for strong visibility and contrast */
    margin-bottom: 15px; /* Space between title and paragraph */
}

.section-title p.text-muted {
    font-size: 1.1em; /* Slightly larger paragraph text for readability */
    color: #333333; /* Updated to darker grey for softer contrast and improved readability */
}

@media (min-width: 992px) { /* Adjustments for larger screens */
    .section-title.ms-lg-5 {
        margin-left: 3rem; /* Greater left margin on large screens */
    }
}


/* Hero Section */
.swiper-slider-hero {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  display: table;
  background-size: cover; /* Ensure background images cover the area */
}

/* Slide Background & Overlay */
.slide-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.bg-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay for text contrast */
}


.bg-overlay.darker1 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6); /* Dark overlay for text contrast */
}

.bg-overlay.darker2 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7); /* Dark overlay for text contrast */
}

.bg-overlay.darker3 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8); /* Dark overlay for text contrast */
}

/* Container within Slide */
.swiper-slide .container {
  position: relative;
  z-index: 2; /* Ensures content is above the overlay */
}

/* Title and Description */
.title-heading h1 {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 24px;
}

.title-heading .para-desc {
  color: #FFFFFF !important;
  opacity: 0.8 !important; /* Slightly muted for differentiation */
  max-width: 800px; /* Ensures readability */
  margin: auto; /* Centers the text */
}

/* CTA Button */
.btn-primary {
  background-color: #F20014; /* Primary color for action buttons */
  border: none;
  padding: 12px 30px; /* Adequate padding for clickability */
  font-size: 18px; /* Larger font size for visibility */
  border-radius: 4px; /* Soft rounded corners */
  transition: background-color 0.3s ease-in-out;
}

.btn-primary:hover {
  background-color: #C10012; /* Slightly darker on hover for interaction feedback */
}

.btn-outline-primary {
    color: #F20014; /* Primary color text */
    border: 2px solid #F20014; /* Primary color border */
    background-color: transparent; /* Transparent background */
    padding: 12px 30px; /* Adequate padding for clickability */
    font-size: 16px; /* Appropriate font size */
    border-radius: 5px; /* Rounded corners */
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; /* Smooth transition */
    text-decoration: none; /* No underline */
    cursor: pointer; /* Cursor indicates it's clickable */
}

.btn-outline-primary:hover, 
.btn-outline-primary:focus {
    color: #FFFFFF; /* White text on hover/focus for contrast */
    background-color: #F20014; /* Primary color background on hover/focus */
    border-color: #F20014; /* Ensure border color remains consistent */
}

.btn-outline-primary:active {
    color: #FFFFFF; /* Keep white text when active/clicked */
    background-color: #C10012; /* Slightly darker background for a pressed effect */
    border-color: #C10012; /* Matching darker border */
}


/* Swiper Navigation Buttons */
.swiper-button-next, .swiper-button-prev {
  background-color: #FFF; /* Contrast with the slider */
  color: #000;
  border-radius: 50%; /* Circular buttons */
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  background-color: #F20014 !important;
  color: #fff !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  opacity: 1; /* Full visibility on hover */
}

@media (max-width: 768px) {
  /* Adjustments for smaller screens */
  .swiper-slider-hero {
    height: auto; /* Adjusts height for device size */
    padding: 60px 0; /* Adds padding to top and bottom */
  }

  .title-heading h1 {
    /*font-size: 28px;*/ /* Smaller font size for small screens */
  }

  .title-heading .para-desc {
    font-size: 16px; /* Adjusts for readability */
  }
}


/* Ensures consistent starting point for titles and descriptions */
.title-heading {
    min-height: 200px !important; /* Adjust this value based on your longest heading */
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.title-heading h1 {
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 24px;
    /* Prevents text resizing to ensure consistency */
    white-space: pre-wrap; /* Allows line breaks as in source */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add an ellipsis to text that's too long */
}

.title-heading .para-desc {
    color: #FFFFFF;
    opacity: 0.8; /* Slightly muted for differentiation */
    max-width: 800px; /* Ensures readability */
    margin: 0 auto 24px; /* Centers the text and adds space below */
}

/* Adjusts CTA buttons to ensure they appear consistently */
.div.mt-4.pt-2 {
    margin-top: auto; /* Pushes the button to the bottom of the container */
}

@media (max-width: 768px) {
    .title-heading {
        /*min-height: 150px;*/ /* Smaller min-height for smaller screens */
    }

    .title-heading h1 {
        /*font-size: 28px;*/ /* Adjusted for smaller screens */
    }

    .title-heading .para-desc {
        font-size: 16px; /* Adjusted for readability on smaller screens */
    }
}

.text-primary {
    color: #F20014 !important;
}

.features.feature-primary .image:before {
    background: linear-gradient(45deg, transparent, rgba(242, 0, 20, .1));
}

.features.feature-primary:hover .image:before {
    background: linear-gradient(45deg, rgba(242, 0, 20, .1), rgba(242, 0, 20, .1));
}

.features .image:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 64px;
    height: 64px;
    border-radius: 6px;
    border-radius: 50%;
    -webkit-transform: rotate(33.75deg);
    transform: rotate(33.75deg);
}


/* Register Button Style */
.btn-register {
    background-color: #F20014; /* Primary color */
    color: #FFFFFF; /* Text color */
    font-size: 18px; /* Adequate font size for readability */
    font-weight: bold; /* Makes the text stand out */
    padding: 12px 30px; /* Padding for better clickability */
    border: none; /* Removes the default border */
    border-radius: 5px; /* Soft rounded corners for a modern look */
    cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
    transition: background-color 0.2s ease-in-out, transform 0.2s ease; /* Smooth transition for visual feedback */
    text-transform: uppercase; /* Makes the button text uppercase for emphasis */
    text-decoration: none; /* Ensures the text is not underlined */
    display: inline-block; /* Allows setting padding and margins */
}

.btn-register:hover, .btn-register:focus {
    background-color: #C10012; /* Slightly darker shade for interaction feedback */
    transform: scale(1.05); /* Slightly enlarges the button on hover/focus for attention */
    color: #FFFFFF; /* Maintains text color on interaction */
    text-decoration: none; /* Ensures text is not underlined on hover */
}

.btn-register:active {
    transform: scale(0.98); /* Slightly shrinks the button when clicked */
    background-color: #A80010; /* Even darker shade for click feedback */
}

.sct-bg-shape:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: linear-gradient(to right, rgba(242, 0, 20, 0.3) 0%, rgba(242, 0, 20, 0.5) 35%, #F20014 100%);
    -webkit-box-shadow: 0 0 40px rgba(242, 0, 20, 0.2);
    box-shadow: 0 0 40px rgba(242, 0, 20, 0.2);
    z-index: -1;
}

/*
@media (max-width: 768px) {
    .sct-bg-shape:after {
        width: 400px;
        height: 400px;
    }
}
*/

@media (max-width: 768px) {
    .sct-bg-shape:after {
        width: 250px; /* Adjust based on the size of your football image */
        height: 250px; /* Make sure the height matches the width for a circle */
    }
}

@media (max-width: 991px) {
    .sct-bg-shape:after {
        width: 350px; /* Adjust based on the size of your football image */
        height: 350px; /* Make sure the height matches the width for a circle */
    }
}


.sct-bg-shape-02:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 500px; /* Adjust based on the size of your football image */
    height: 500px; /* Make sure the height matches the width for a circle */
    background: url('https://soulcialunity.mrsoul.my/assets/custom/images/sct_football_01-500.webp') no-repeat center center; 
    background-size: contain; /* Ensures the image covers the area without stretching */
    transform: translate(-50%, -50%) rotate(0deg);
    animation: rotateFootball 10s linear infinite;
    z-index: -1;
}

@keyframes rotateFootball {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media (max-width: 768px) {
    .sct-bg-shape-02:after {
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 250px; /* Adjust based on the size of your football image */
        height: 250px; /* Make sure the height matches the width for a circle */
        background: url('https://soulcialunity.mrsoul.my/assets/custom/images/sct_football_01-500.webp') no-repeat center center; 
        background-size: contain; /* Ensures the image covers the area without stretching */
        transform: translate(-50%, -50%) rotate(0deg);
        animation: rotateFootball 10s linear infinite;
        z-index: -1;
    }
}

@media (max-width: 991px) {
    .sct-bg-shape-02:after {
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 350px; /* Adjust based on the size of your football image */
        height: 350px; /* Make sure the height matches the width for a circle */
        background: url('https://soulcialunity.mrsoul.my/assets/custom/images/sct_football_01-500.webp') no-repeat center center; 
        background-size: contain; /* Ensures the image covers the area without stretching */
        transform: translate(-50%, -50%) rotate(0deg);
        animation: rotateFootball 10s linear infinite;
        z-index: -1;
    }
}

.btn {
  font-family: "Montserrat", sans-serif;
}

.tns-nav{
    text-align:center;margin-top:10px
}

.tns-nav button {
    border-radius:3px;
    background:rgba(242, 0, 20,.5)!important;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    border:none;margin:0 5px;
    padding:5px
}

.tns-nav button.tns-nav-active {
    background:#F20014!important;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}


.cta-btn-register-01, .cta-btn-contact-01 {
    padding: 10px 25px;
    font-size: 16px;
    border-radius: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 10px; /* Adjusts spacing between buttons */
    transition: background-color 0.2s, transform 0.2s;
    text-decoration: none;
    display: inline-block;
}

.cta-btn-register-01 {
    background-color: #F20014; /* Primary color for registration button */
}

.cta-btn-register-01:hover {
    background-color: #BA0011; /* Darker shade on hover */
    transform: translateY(-2px); /* Slight lift effect */
}

.cta-btn-contact-01 {
    background-color: #007bff; /* Contrasting color for contact button */
}

.cta-btn-contact-01:hover {
    background-color: #0056b3; /* Darker shade on hover */
    transform: translateY(-2px); /* Slight lift effect */
}

/* Primary Button Style */
.btn-primary {
    background-color: #F20014; /* Primary color */
    color: #FFFFFF; /* Text color */
    padding: 12px 30px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-primary:hover {
    background-color: #D10010; /* Slightly darker shade for hover effect */
    transform: translateY(-2px); /* Subtle lift effect */
}

/* Outline Button Style */
.btn-outline-primary {
    background-color: transparent;
    color: #F20014; /* Primary color text */
    padding: 12px 30px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #F20014; /* Primary color border */
    cursor: pointer;
    text-transform: uppercase;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-outline-primary:hover {
    color: #FFFFFF; /* White text on hover */
    background-color: #F20014; /* Fill with primary color */
    border-color: #D10010; /* Slightly darker border color */
}

.btn-outline-black {
    background-color: transparent; /* Transparent background */
    color: #000000; /* Black text color */
    padding: 12px 30px; /* Padding for size */
    font-size: 16px; /* Text size */
    border-radius: 5px; /* Rounded corners */
    border: 2px solid #000000; /* Black border */
    cursor: pointer; /* Cursor indicates clickable */
    text-transform: uppercase; /* Uppercase text for emphasis */
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transitions for interaction */
    text-decoration: none; /* No underline */
    display: inline-block; /* Allows for padding and margin adjustments */
}

.btn-outline-black:hover, .btn-outline-black:focus {
    color: #FFFFFF; /* White text on hover/focus for visibility */
    background-color: #000000; /* Black background on hover/focus */
    border-color: #000000; /* Keep border color consistent */
}

.btn-black {
    background-color: #000000; /* Solid black background */
    color: #FFFFFF; /* White text color for contrast */
    padding: 12px 30px; /* Adequate padding for comfort and accessibility */
    font-size: 16px; /* Clear, readable font size */
    border: none; /* No border for a clean, modern look */
    border-radius: 5px; /* Slightly rounded corners for a friendly appearance */
    cursor: pointer; /* Indicates the element is clickable */
    text-transform: uppercase; /* Uppercase text for emphasis */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition for interactive feedback */
    text-decoration: none; /* Prevents underlining of text */
    display: inline-block; /* Ensures the button is properly aligned and spaced */
}

.btn-black:hover, .btn-black:focus {
    background-color: #333333; /* Darker shade on hover/focus for subtle interaction cue */
    transform: translateY(-2px); /* Slightly raises the button to indicate action */
}

.btn-black:active {
    background-color: #000000; /* Reverts to solid black on active click */
    transform: translateY(1px); /* Slight depression effect to mimic a physical button press */
}


.modern-app-round {
    position:fixed;
    width:600px;
    height:600px;
    border-radius:50%;
    -webkit-filter:blur(100px);
    filter:blur(100px);
    pointer-events:none;
    z-index:-2;
    background-color:rgba(242, 0, 20,.15);
}


.team-registration-section {
    background-color: #f5f5f5; /* Light background for contrast */
    padding: 40px 0; /* Spacing around the section */
}

.team-registration-section.section-title, .pricing-title {
    color: #000000; /* Bold text for titles */
    text-align: center; /* Center-aligning titles */
    margin-bottom: 20px; /* Spacing after titles */
}

.team-registration-section.section-description {
    color: #666666; /* Subtle text color for descriptions */
    text-align: center;
    max-width: 800px;
    margin: 0 auto 30px; /* Centering and spacing for the description */
}

.team-registration-section.pricing-card {
    background-color: #ffffff; /* White background for the card */
    border: 1px solid #ddd; /* Subtle border */
    border-radius: 8px; /* Rounded corners for a modern look */
    padding: 20px;
    max-width: 400px;
    margin: 0 auto; /* Center the card */
    text-align: center; /* Center-align card content */
}

.team-registration-section.pricing-card.price {
    font-size: 32px;
    color: #F20014; /* Price color */
    margin: 20px 0; /* Spacing around the price */
}

.team-registration-section.pricing-card.features li {
    text-align: left; /* Left-align features for readability */
    list-style: inside; /* Position bullets inside for a neat look */
}

.team-registration-section.pricing-card.btn-primary {
    background-color: #F20014; /* Primary button color */
    color: #FFFFFF; /* Button text color */
    padding: 10px 25px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px; /* Space above the button */
}

.team-registration-section.pricing-card.btn-primary:hover {
    background-color: #C10012; /* Darker shade on hover */
}

.pricing.pricing-primary.starter-plan {
    border-color: #F20014 !important;
}

.bg-overlay .sst-bg-overlay{
    background-color:rgba(242, 0, 20,.8);
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%
}


.bg-overlay.page-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay for text contrast */
    z-index: 1;
}

.w-80 {
    width: 80% !important;
}

@media (max-width: 991px) {
    .w-80 {
        width: 80% !important;
    }
}

@media (max-width: 768px) {
    .w-80 {
        width: 100% !important;
    }
}


/* Adjusting feature section to brand colors */
.features.feature-primary .icon {
    background: rgba(242, 0, 20, 0.1);
}

.features.feature-primary .image:before {
    background: linear-gradient(45deg, transparent, rgba(242, 0, 20, 0.1));
}

.features.feature-primary .color,
.features.feature-primary .read-more {
    color: #F20014 !important;
}

.features.feature-primary.feature-clean .icons {
    color: #F20014 !important;
}

.features.feature-primary.feature-clean .icons i {
    background-color: rgba(242, 0, 20, 0.1);
}

.features.feature-primary.feature-clean .title:hover {
    color: #F20014 !important;
}

.features.feature-primary.feature-full-bg .icon-color {
    color: #F20014 !important;
}

.features.feature-primary.feature-full-bg:hover {
    background-color: #F20014 !important;
}

.features.feature-primary.key-feature .icon {
    background: linear-gradient(45deg, transparent, rgba(242, 0, 20, 0.15));
    color: #F20014;
}

.features.feature-primary.key-feature .icon.v2 {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
    color: #fff;
}

.features.feature-primary.key-feature .icon.v3 {
    background: linear-gradient(45deg, rgba(242, 0, 20, 0.9), rgba(242, 0, 20, 0.9));
    color: #fff;
}

.features.feature-primary.course-feature .full-img,
.features.feature-primary.explore-feature:hover .icons,
.features.feature-primary.explore-feature:hover .title {
    color: #F20014 !important;
}

.features.feature-primary .btn-soft {
    background-color: rgba(242, 0, 20, 0.05) !important;
    border: 1px solid rgba(242, 0, 20, 0.05) !important;
    color: #F20014 !important;
    box-shadow: 0 3px 5px 0 rgba(242, 0, 20, 0.1);
}

.features.feature-primary .btn-soft.active,
.features.feature-primary .btn-soft.focus,
.features.feature-primary .btn-soft:active,
.features.feature-primary .btn-soft:focus,
.features.feature-primary .btn-soft:hover {
    background-color: #F20014 !important;
    border-color: #F20014 !important;
    color: #fff !important;
}

.features.feature-primary:hover .image:before {
    background: rgba(242, 0, 20, 0.1);
}


/* Accordion General Styles */
.accordion-button {
    background-color: #F20014; /* Brand's primary color for the button */
    color: #FFFFFF; /* White text for contrast */
    font-weight: bold; /* Bold text for clarity */
    border: 1px solid #F20014; /* Border color to match the background */
}

.accordion-button.collapsed {
    background-color: #FFFFFF; /* White background for collapsed state */
    color: #F20014; /* Brand color for text in collapsed state */
    font-weight: normal; /* Regular font weight for collapsed state */
}

.accordion-button:focus {
    box-shadow: none; /* Removes the default focus outline */
}

.accordion-item {
    border-radius: 0.5rem; /* Rounded corners for the accordion items */
    border: 1px solid #F20014; /* Border color to match the brand */
    margin-top: 1rem; /* Spacing between accordion items */
    background-color: #FFFFFF; /* Background color for the accordion item */
}

.accordion-item:first-child {
    margin-top: 0; /* No top margin for the first item */
}

.accordion-body {
    background-color: #FFFFFF; /* Background color for the body */
    color: #333; /* Darker text for readability */
    border-top: 1px solid #F20014; /* Adds a subtle top border to the body content */
}

/* Link styling within the accordion body for emphasis */
.accordion-body a {
    color: #F20014; /* Brand color for links */
    text-decoration: none; /* No underline for a clean look */
}

.accordion-body a:hover {
    text-decoration: underline; /* Underline on hover for clarity */
}

.sidebar-nav>.navbar-item .navbar-link {
    color: #212529 !important;
    font-size: 15px;
    font-weight: 600;
}

.sidebar-nav>.navbar-item .navbar-link:hover {
    color: #fff !important;
    background-color: #F20014 !important;
}

.sidebar-nav>.navbar-item:hover .navbar-link {
    color: #fff !important;
    background-color: #F20014 !important;
}

.sidebar-nav>.navbar-item .navbar-link.active {
    color: #fff !important;
    background-color: #F20014 !important;
}

.sidebar-nav>.navbar-item:hover .navbar-link {
    color: #fff !important;
    background-color: #F20014 !important;
}

#navmenu-nav li.account-menu:hover .navbar-link {
    color: #fff !important;
    background-color: #F20014 !important;
}