/* 12) footer ///////////////////////////////////*/
    
    #footer{
        width:100%;
        background-color: #F4F4F4;
        background-image:url('../assets/Images/backgroundTexture.png');
        background-size:cover;
        background-repeat:no-repeat;
        }
        
        
            footer{
                padding:60px 4%;
                /* max-width:1440px; */
                margin:0 auto; 
            }
               footer .footerLogoBox {
                margin-bottom:40px;
                 z-index: 1;
            }
            footer .footerLogoBox .companyLogo {
            height:40px;
            cursor: pointer;
            }
            
             footer  .footerContent {
                display: flex;
                justify-content: space-between;
                padding:0 120px;
            }
        
             footer  .links {width: 600px;}
        
             footer  .links h3 {
                position:relative;
                margin-bottom: 1.25em;
                font-family: 'Work Sans', sans-serif;
                font-size:0.8125em;
                font-weight: 600;
                line-height: 0.9625em;
                letter-spacing: 0.04em;
                text-align: left;
                color:rgba(18, 28, 38, 1);
                margin-left:0.875em;
            }
            footer .links a,
footer .subscription .footerText,
footer .bottomFooterLink a {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8125em !important; /* ~13px */
  font-weight: 400 !important;
  line-height: 1.225em;
  color: rgba(43, 43, 43, 1);

}
            
             footer .links a {
                text-decoration:none;
                display: block;
                margin-bottom: 0.35em;
                margin-left:-0.5em;
                cursor: pointer;
                padding:0.575em 1.25em;
            }
            footer  .links a:hover {
                background:rgba(0, 0, 0, 0.041);
                border-radius:1.25em;
                color:rgb(0, 0, 0);
                width:fit-content
            }
        #footerContactUsLink2{
           background:rgba(26, 26, 26, 0.041);
                border-radius:1.25em;
                color:rgb(32, 32, 32);  
        }
           #footerContactUsLink2:hover {
                  background:rgb(171, 170, 170);
                border-radius:1.25em;
                color:rgb(0, 0, 0);  
        }
            footer  .links .active{
                color:rgba(43, 43, 43, 1);
                font-weight: 600;;
            }
            footer  .subscription {
                
                display:flex;
                justify-content:space-between;;
                align-items:end;
                flex-direction:column;
            }
            footer  .subscription .footerText{
                max-width:19.375em !important;
                text-align:right;
            } 
            footer .social-icons {
                display: flex;
                align-items: center;
                justify-content: end;;
                gap:1.5625em;
            } 
            footer  .social-icons a {
                display: inline-block;cursor: pointer;
            }
        
             footer .social-icons a img {width: 1.6875em;}
        
             footer  .social-icons a .youTube{width:2.5em;}
        
          footer .bottomFooter {
  margin-top: 2.9375em;
  display: flex;
  align-items: center;
  position: relative;
}
            footer  .bottomFooter a{
                text-decoration:none;
                padding:0.575em 2.25em;
            }
            footer .bottomFooterLink a {
  white-space: nowrap;
}
            footer  .bottomFooterLink a:hover{
                background:rgba(0, 0, 0, 0.041);
                border-radius:1.25em;
                color:black;
                cursor: pointer;
                   height:fit-content
            }
            footer  .bottomFooterLink .active{
                font-weight: 700;;
                color:rgb(23, 23, 23);
            }
            footer  .bottomFooter .active:hover{
                background:none;
            }
            footer  .bottomFooterLink{
                position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.625em;
            }
        
            @media only screen and (max-width:980px) {
                footer  .footerContent {
                    display: flex;
                    justify-content: space-between;
                    padding:0 0px;
                }
                 footer  .links {width: 100%;}
            }
            @media only screen and (max-width: 768px) {
    
                footer{padding:60px 8%;}
            }
        
            @media only screen and (max-width:650px) {
                .footerLogoBox{
                    display: none;
                }
                footer{padding:0px 8% 40px;}
                footer .footerLogoBox {
                  
                    width:100%;
                    text-align: center;
                    margin:0 auto;
                    padding:40px 0; 
                    border-bottom:0.7px solid rgb(211, 211, 211);
                }
                footer  .footerContent {flex-direction:column;}
                footer  .links {padding:55px 0 40px;}
               

                  footer .bottomFooterLink a {
    padding: 0.5em 1em;
  }
   footer .links a,
  footer .subscription .footerText,
  footer .bottomFooterLink a {
    font-size: 0.72em; /* ~11.5px */
  }
               

  footer .bottomFooter {
         margin-top:10px;
                   padding: 0;
    flex-direction: column;
    align-items: center;
    position: static; /* Remove relative */
  }

  footer .bottomFooterLink {
    position: static; /* Remove absolute on small screens */
    transform: none;
    margin-top: 1em;
    flex-direction: column;
    align-items: center;
    gap: 0.5em;
  }

  footer .bottomFooterLink a {
    padding: 0.5em 1.5em;
    white-space: nowrap;
  }

  footer .subscription {
    align-items: center; /* center address + icons */
    text-align: center;
  }

  footer .subscription .footerText {
      max-width: 80% !important;
    text-align: center;
  }

  footer .social-icons {
    justify-content: center;
    margin-top: 1em;
  }


            }
            @media only screen and (max-width:400px) {
               
                footer  .bottomFooterLink{
                    flex-direction: column;
                    text-align: center;
                }
 footer .links a,
  footer .subscription .footerText,
  footer .bottomFooterLink a {
    font-size: 0.65em; /* ~10.5px */
  }
            }