/*header*/
div#sp-header-topbar {
    background-color: #0956a4;
}


#sp-header-topbar a {
    color: #f8f8f8!important;
  
}

#sp-header-topbar .sp-contact-info {
    color: #f8f8f8!important;
}

#sp-header.header-sticky {
   
    top: -10px!important;
  
}

/*main*/
.sp-page-title .sp-page-title-heading { 
  color: #fff!important;
  font-weight: 500!important;
  font-size: 150px!important;
  
}


.view-article .sphere-article-details .article-details-title-wrap h1 {
  
    font-family: 'Inter', sans-serif !important;
    font-size: 85px!important;
    line-height: 95px!important;
    color: #043975!important;
}

ul {
    list-style: disc!important;
}

.uk-scope .uk-dotnav>* {
   
    list-style: none!important;
}


/*form*/
select.form-control:not([multiple]), select:not(.form-control):not(.form-select):not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
  
    height: calc(2.25rem + 35px)!important;

}


/*footer*/
#sp-footer #sp-footer1 ul.menu li a:hover, #sp-footer #sp-footer1 ul.menu li a:focus {
    color: #B6CDE4!important;
}

#sp-footer #sp-footer1 ul.menu li a {
    display: inline-block;
  
    font-size: 60px!important;
}
#sp-footer {

    border-bottom: 8px solid #F2781F !important;
}


#sp-footer #sp-footer1 ul.menu li a {
font-family: 'Inter', sans-serif !important;
  
}
  

    .row {
    --bs-gutter-x: 1.575rem !important;
}
 
 

/*mobile*/
  
@media (max-width: 576px) {
 .logo-image-phone {
    height: 75px !important;
	}
  }

@media (max-width: 767px) {
.home-corp-hero-section {
    margin-top: 25px !important;
    }
 }

@media (max-width: 767px) {
#sp-header {
    margin-top: 30px !important;
	}
 }


@media (max-width: 576px) {
.sp-page-title .sp-page-title-heading { 
 
  font-size: 75px !important;
  
	}
 }
  
  @media (max-width: 767px) {
.sp-page-title .sp-page-title-heading { 
 
  font-size: 75px !important;
  
	}
 }


/* marquee test */

.my-marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #f5f5f5;
  padding: 5px 0;
}


.my-marquee div {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 20s linear infinite;
}

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

/* Link styling */
.marquee-link {
  color: #000;             /* default color */
  text-decoration: none;   /* no underline by default */
  transition: all 0.3s ease;
}

.marquee-link:hover {
  color: #0f5aa6;           /* color on hover */
  text-decoration: underline; /* underline on hover */
}