.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;
}

.footer-inquiry-form {
 display: flex;
 flex-direction: column;
 gap: 10px;
 margin-top: 22px;
 max-width: 100%;
}

.footer-inquiry-form input,
.footer-inquiry-form textarea {
 width: 100%;
 background-color: transparent !important;
 color: var(--offwhite) !important;
 border: 1px solid rgba(255, 255, 255, 0.22);
 border-radius: 6px;
 padding: 10px 12px;
 font-size: 14px;
 box-shadow: none !important;
 outline: none;
 resize: vertical;
}

.footer-inquiry-form input::placeholder,
.footer-inquiry-form textarea::placeholder {
 color: #b8c4c8 !important;
}

.footer-inquiry-form input:focus,
.footer-inquiry-form textarea:focus {
 border-color: var(--green);
}

.footer-inquiry-submit {
 width: 100%;
 margin-top: 4px;
 padding: 11px 16px !important;
 border: none;
 border-radius: 6px;
 background: var(--green);
 color: #fff !important;
 font-weight: 600;
 font-size: 15px;
 cursor: pointer;
 transition: background 0.2s;
}

.footer-inquiry-submit:hover:not(:disabled) {
 background: #3d942f;
}

.footer-inquiry-submit:disabled {
 opacity: 0.65;
 cursor: not-allowed;
}

.footer-inquiry-msg {
 font-size: 13px;
 min-height: 18px;
 margin-top: 4px;
}

.footer-inquiry-msg.ok {
 color: #8fdf82;
}

.footer-inquiry-msg.err {
 color: #ffb3b3;
}

.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;
 }

}