.btn-area
{
  bottom: 1px;
  left: 29%;
}
.foot-logo
{
  max-width: 44% !important;
}
.custom-center-logo{
  padding-left: 0.4rem;
}
.qr-code
{
  width:60%;
  position: absolute;
  left: -140px;
}
.custom_div_none{
  display:none !important;
}


@media (max-width: 1400px) {
.qr-code
{
  width:50%;
  left: -72px;
}
}
@media (max-width: 1200px) {
.qr-code
{
  width:50%;
  left: -7px;
}
}
@media (max-width: 992px) {
.qr-code
{
  width:25%;
  left: 7px;
}
}

@media (max-width: 768px) {
.footer-logo-area,
.footer-logo-area1,
.footer-logo-area2,
.footer-logo-area3 {
  position: relative;
  top: 20px;
  /* text-align: center; */
}

ul li {
  font-size: 14px; /* Adjust the font size as needed */
}

.footer-logo-area img,
.footer-logo-area1 img,
.footer-logo-area2 img,
.footer-logo-area3 img {
  margin: 0 auto;
}

.footer-logo-area p,
.footer-logo-area1 ul,
.footer-logo-area2 ul,
.footer-logo-area3 form {
  margin: 10px auto;
  font-size: 14px;
}

.footer-logo-area1 ul,
.footer-logo-area2 ul {
  padding: 0;
  list-style: none;
}

.footer-logo-area1 ul li,
.footer-logo-area2 ul li {
  margin: 5px 0;
}

.footer-logo-area3 {
  top: 30px;
}
#custom-add
{
  order:2;
}
.btn-area
{
  top: 45%;
  left:-32%;
}
.custom-center-logo{
  padding: 0px 0px 0px 0px;
}
}

@media (max-width: 576px) {
.footer-logo-area,
.footer-logo-area1,
.footer-logo-area2,
.footer-logo-area3 {
  position: relative;
  top: 10px;
}

.footer-logo-area3 {
  top: 20px;
}
.order_two {
  order: 2 !important;
}
.order_one{
  order: 1 !important;
  margin-bottom: 10px !important;
}
.footer-logo-area p,
.footer-logo-area1 ul,
.footer-logo-area2 ul,
.footer-logo-area3 form {
  margin: 5px auto;
  font-size: 12px;
}


.footer1-section-area .footer-logo-area
{
  padding-right:0px !important;
  text-align: center;
}
.foot-logo
{
  max-width: 38% !important;
}
.custom-center-logo{
  padding: 0px 0px 0px 0px;
}
.qr-code
{
  width:29%;
  left: 27px;
  top: 49px;
}
}

.captcha-container {
  display: flex;
  align-items: center; /* Align vertically */
  gap: 10px; /* Space between CAPTCHA image and button */
}

.captcha-container img {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.captcha-container, .reload_captcha_btn {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-size: 18px;
  display: flex; /* Ensure icon and alignment are proper */
  align-items: center;
  padding: 0;
}

.captcha-container button:hover {
  color: #0056b3; /* Add hover effect */
}

.captcha-container button i {
  font-size: 24px; /* Adjust icon size */
}

.reload_captcha_btn {
  border: none;
  outline: 0;
  margin-top: -2px !important;
}