.sc-columns {margin:0 0 25px !important;}
.sc-columns figure {margin:0 !important;}


#header .logo img, #header .logo svg {height:52px;}

body:is(.header-light, .header-transparent) #header, #header.scrolled {background:#222;}


body:is(.header-light, .header-transparent) #header .dropmenu ul > li > a, #header.scrolled .dropmenu ul > li > a {color: white !important}
body:is(.header-light, .header-transparent) #header .dropmenu ul li ul > li > a, #header.scrolled .dropmenu ul li ul > li > a {color: black !important}
body:is(.header-light, .header-transparent) #header .dropmenu ul > li > a:is(.active, :focus, :hover), #header.scrolled .dropmenu ul > li > a:is(.active, :focus, :hover) {color: #2aeccf !important}
body:is(.header-light, .header-transparent) #header .dropmenu ul li ul > li > a:is(.active, :focus, :hover), #header.scrolled .dropmenu ul li ul > li > a:is(.active, :focus, :hover) {color: #555 !important} 
.dropmenu.animated ul li:last-child a:hover {background:rgb(209, 71, 20);}
.dropmenu.animated ul li ul li:last-child a:hover {background:none !important;}


.cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #ff7b00, #ff5500);
  color: #fff !important;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: none;
  cursor: pointer;
}

.cta-btn:hover {
  background: linear-gradient(135deg, #ff5500, #e64500);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

.cta-btn:active {
  transform: translateY(1px);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}


.header-fixed #body-wrapper {margin-top:1rem;}


body:is(.header-dark) #header:not(.scrolled) {
  color: rgba(223.125, 223.125, 223.125, 0.625);
}
body:is(.header-dark) #header:not(.scrolled) .dropmenu ul > li > a:is(.active, :focus, :hover) {
  color: #005CD4 !important;
}
body:is(.header-dark) #header:not(.scrolled) .dropmenu > ul > li > a:is(.active, :focus, :hover) {
  color: white !important;
}

#footer {background-color: #111 !important; color: white;}


#footer a, #footer a:is(:hover) {
  color: #005CD4;
}

.label.label-secondary {
  color: #005CD4;
  background-color: rgba(143.4375, 183.6875, 236.1875, 0.325);
}

body {
  background-color: white;
  color: #3a414e;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #3a414e;
}
body a:not(:has(.title), :is(.mobile-container a)) {
  color: #005CD4;
}
body a:not(:has(.title), :is(.mobile-container a)):hover, body a:not(:has(.title), :is(.mobile-container a)):focus, body a:not(:has(.title), :is(.mobile-container a)):active, body a:not(:has(.title), :is(.mobile-container a)):visited {
  color: rgba(0, 87.8181818182, 202.3636363636, 0.8125);
}
body a:not(:has(.title), :is(.mobile-container a)).btn {
  border-color: rgba(0, 87.8181818182, 202.3636363636, 0.8125);
}
body table th {
  background-color: #005CD4;
  color: white;
}
body table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.25);
}
body input:focus, body input:focus-visible, body textarea:focus, body textarea:focus-visible, body select:focus, body select:focus-visible {
  border-color: #005CD4;
  outline: #005CD4;
  box-shadow: 0 0 0 0.1rem rgba(0, 92, 212, 0.25);
}

/*# sourceMappingURL=custom.css.map */

.section.modular-hero h1 {padding:0; margin:0;}
.section.modular-hero h2 {padding:0; margin:0;}

.hero {padding-top:9rem; padding-bottom:8rem;}

.dropmenu.animated > ul > li:last-of-type > a {
  color: white !important;
  background: orangered;
  margin-left: 15px;
  border-radius: 7px;
}


@media only screen and (max-width: 900px) {
  .sc-columns {display:flex; flex-direction:column; }
  #header .logo img, #header .logo svg{height:30px;}
}