@import url('satoshi.css');
  @import url('styles.css');
  /* === Style For Desktop=== */

.footer-section{
   background-color: var(--white_100);
   width: 100%;
   padding: 0px 72px 42px 72px;

}

.exchire-footer {
  background-color: #131A21;
  padding: 38.34px 42px;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

.exchire-footer-brand {
    flex-basis: 29%;
    order: 1;
}

.exchire-footer-brand img { 
  width: 170px;
  height: 43px;
  margin-bottom: 8px; }

.exchire-footer-brand p {
    margin-bottom: 27.09px;
    font-size: var(--text-14);
    font-family: 'Satoshi-Regular';
    color: var(--white_700);
    line-height: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.exchire-social-icons {
   display: flex; 
   width: 198px;
   height: 24.6;
    gap: 32px;  }

.exchire-social-icons a {
    color: #FFFFFF;
    width: 30.29px;
    height: 24.6px;
    font-size: 25px;
    transition: color 0.3s;
}

.exchire-social-icons a:hover {  color: var(--yellow_500);   }
.right-section-footer{
  display: flex;
  flex-basis: 61%;
  flex-direction: row;
  order: 2;
  
}
/* .exchire-footer-section {
  flex-direction: row;
   
   
  }  */

.company-section,.contact-section,.address-section{
  width: 195px !important;
  height: auto;
  margin-right: 9px;} 

.exchire-footer-section p {
    margin-bottom: 24px;
    font-size: var(--text-18);
    font-family: 'Satoshi-Regular';
    color: var(--yellow_500);
    line-height: 27px;
}


.exchire-footer-section ul {
    /* width: 195px;
    height: 160px; */
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
}

.exchire-footer-section li {
  width: 195px;
  height: 36px;
    font-size: var(--text-14);
    font-family: 'Satoshi-Regular';
    color: var(--white_700);
    line-height: 21px;
}

.exchire-footer-section a {
    text-decoration: none;
    transition: color 0.3s;
    line-height: 21px;
    font-size: var(--text-14);
    font-family: 'Satoshi-Regular';
    color: var(--white_700);
}

.address-section ul{
  list-style: none;
    padding: 0;
    margin: 0;
}
.address-section ul p{
    height: auto;
    font-size: var(--text-14);
    font-family: 'Satoshi-Regular';
    color: var(--white_700);
    line-height: 21px;
}

.exchire-footer-section a:hover {  color: var(--yellow_500);  }

.exchire-footer-copyright {
  flex-basis: 100%;
    margin-top: 55.98px;
    margin-bottom: 9.66px;
    order: 5;
    padding-right: 54px;
}
.exchire-footer-copyright p {
    padding-top: 20px;
    border-top: 1px solid #333;
    line-height: 20px;
    font-size: var(--text-14);
    font-family: 'Satoshi-Regular';
    color: var(--gray_400);
}

/* Tablet View (768px - 1024px) */
@media (min-width: 744px) and (max-width: 1024px) {
  .footer-section{
    margin: 0;
    padding: 0;
   }
    .exchire-footer {
        padding: 38px 42px;
        border-radius: 0;
        margin: 0;            
    }
   
    .exchire-footer-brand,
    .right-section-footer{
          flex-direction: column;
          flex-basis: 100%;  }

    /* Order for tablet */
    .exchire-footer-brand { order: 4;} .address-section { order: 3;
     } .company-section   { order: 1; margin-bottom: 24px;} .contact-section { order: 2; }
}

/* Mobile View (up to 767px) */
@media (min-width: 320px) and (max-width: 744px) {
   
    .footer-section{
        margin: 0;
        padding: 0;
       }
        .exchire-footer {
            padding: 38px 42px;
            border-radius: 0;
            margin: 0;            
        }
       
        .exchire-footer-brand,
        .right-section-footer{
              flex-direction: column;
              flex-basis: 100%;  }
    
        /* Order for tablet */
        .exchire-footer-brand { order: 4;} .address-section { order: 3;
         } .company-section   { order: 1; margin-bottom: 24px;} .contact-section { order: 2; }
}