@charset "utf-8";
.footer {
  padding: var(--space-md) 0;
  background-color: #111314;
  color: #404142;
  width: 100%;
}

.footer_inner {
  max-width: var(--container-width);
  margin: 0 auto; 
  display: flex;
  justify-content: space-between;
  align-items: flex-start;  
  padding: 0 var(--space-sm); 
}

.footer_img {
  flex-shrink: 0; 
}


.footer_text {
  display: flex;
  justify-content: space-between; 
  flex-grow: 1; 
  max-width: 800px; 
  padding: 0 var(--space-sm); 
}


.footer_text ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  gap: var(--space-unit); 
}


.footer_text li {
  text-align: left;
}

/* scroll-top */
#ast-scroll-top {
    border-radius: 50% !important; 
    width: 48px !important;        
    height: 48px !important;
    background-color: #3b4140 !important;
    position: fixed !important;
    bottom: 40px !important;  
    right: 30px !important;   
    z-index: 9999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; 
    transition: all 0.3s ease !important;

    &:hover {
        background-color: #268896 !important;
        transform: translateY(-3px) !important; 
        .ast-icon, i, svg {
            color: #ffffff !important;
            fill: #ffffff !important;
        }
    }

    .ast-icon, i, svg {

        color: #268896 !important; 
        fill: #268896 !important; 
        transform: rotate(90deg) !important; 
        
        width: 16px !important; 
        height: 16px !important;
        font-size: 12px !important;
        transition: all 0.3s ease !important;
    }
}
@media (max-width: 768px) {
    #ast-scroll-top {
        bottom: 20px !important; 
        right: 20px !important;
        width: 42px !important;
        height: 42px !important;
    }
}