.footer {
 background-color: var(--dark-blue);
 width: 100%;
 color: #ffff;
 overflow: hidden;
}

.footer-top svg:hover path {
 fill: var(--green);
}

.footer-top svg:hover rect {
 fill: var(--green);
}

/* .footer-top svg:hover circle{stroke:var(--green);} */
.footer-down {
 border-top: 1px solid #FFFFFF1A;
 padding-top: 120px;
 padding-bottom: 60px;
}

.footer-top {
 padding: 80px 0;
}

.pages-links {
 display: flex;
 flex-direction: column;
 gap: 15px;
 margin-top: 25px !important;
}

.pages-links a {
 color: var(--offwhite);
 font-weight: var(--regular);
}

.pages-links a:hover {
 color: var(--green);
}

.pages-links a:is(:active, :visited, :link).active {
 color: var(--green);
}

.footer-down button {
 padding: 10px;
}

.input-group {
 border-bottom: 1px solid #747474;
 padding: 8px 0;
}

.input-group input {
 background-color: transparent !important;
 color: var(--offwhite) !important;
 border: none;
 box-shadow: none !important;
}

.input-group input::placeholder {
 color: #D5D5D5 !important;
}

.footer-social-icons {
 gap: 30px;
}

.company-social-group {
 margin-top: 40px;
}

.footer-social-icons svg:hover path {
 fill: var(--green);
}

.copyright {
 padding: 20px 0;
 border-top: 1px solid #FFFFFF1A;
}

button.newsletter-btn {
 width: 50px;
 height: 50px;
}

.first-svg-footer-top svg:hover circle {
 stroke: var(--green) !important;
}

.first-svg-footer-top svg:hover path:nth-child(-n + 3) {
 stroke: var(--green) !important;
 fill: none;
}

.down-to-top-btn {
 width: 50px !important;
 height: 50px !important;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0;
 margin-right: 15px;
 margin-bottom: 15px;
}

.company-social-group h4 {
 margin-bottom: 0;
}

@media (max-width:1440px) {
 .down-to-top-btn {
  display: none;
 }

 .footer-down {
  border-top: 1px solid #FFFFFF1A;
  padding-top: 100px;
  padding-bottom: 50px;
 }
}

@media (max-width:991px) {
 .footer-top {
  gap: 30px;
  padding: 50px 0;
 }

 .footer-top-svg {
  width: 120px;
  margin: 0 auto;
 }

 .footer-span-1,
 .footer-span-2,
 .footer-span-3 {
  margin-bottom: 30px;
 }

 .footer-down {
  border-top: 1px solid #FFFFFF1A;
  padding-top: 50px;
  padding-bottom: 30px;
 }
}

@media (max-width:575px) {

 /* .footer-span-1,.footer-span-2,.footer-span-3,.footer-span-4{
  text-align: center;  
 } */
 .footer-top {
  gap: 30px;
  padding: 30px 0;
 }

 .footer-top svg {
  padding-right: 15px !important;
 }

 .footer-down {
  padding: 15px 0;
 }

}