.footers_top {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
}

.footer-sec {
  width     : 100%;
  background: #2f4858;
  background: #060c17;
}

.footer_card img {
  width       : 24px;
  height      : 24px;
  margin-right: 10px;
}

.footer_card {
  display: flex;
  width  : 250px;
}

.footer_card h4 {
  color      : #f5f5f5;
  font-size  : 16px;
  font-weight: 600;
  line-height: 24.57px;
}

.footer_card p a,
.footer_card p {
  color          : #b4b4b4;
  font-size      : 12px;
  font-weight    : 400;
  line-height    : 24.22px;
  text-decoration: none;
}

.footer-part {
  padding        : 20px 0;
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
}

.sep_site_link {
  display        : flex;
  justify-content: center;
  flex-wrap      : wrap;
}

.sep_site_link .site_1 {
  padding-right: 20px;
}

.footer_mail_bar p {
  color      : #b4b4b4;
  font-size  : 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top : 20px;
}

.footer_mail_bar h3 {
  color        : var(--White, #fff);
  font-size    : 18px;
  font-weight  : 600;
  line-height  : 31px;
  margin-bottom: 20px;
}

.footer_mail_bar button {
  width        : 50px;
  height       : 50px;
  background   : #f6911d;
  position     : absolute;
  right        : 0;
  border       : none;
  border-radius: 0 6px 6px 0;
}

.footer_mail_bar span {
  position: relative;
}

/* .footer_mail_bar input:focus-visible {} */
.footer_mail_bar input {
  width        : 100%;
  height       : 50px;
  border-radius: 6px;
  border       : 1.5px solid #e7e8f2;
  background   : #fff;
  outline      : none;
  padding-left : 16px;
}

.footer_mail_bar input::placeholder {
  color      : #7A7E92;
  font-size  : 12px;
  font-weight: 400;
}

.footer_mail_bar button .check,
.footer_mail_bar button:hover .White_arrow {
  display: none;
}

.footer_mail_bar button:hover {
  background-color  : #0b723b;
  transition        : all 0.3s ease-in-out;
  animation-delay   : 2s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
}

.footer_mail_bar button .White_arrow,
.footer_mail_bar button:hover .check {
  display           : inline-block;
  transition        : all 0.5s ease-in-out;
  animation-delay   : 5s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
}

.footer-data {
  width: 100%;
}

.footer-head {
  color      : #fff;
  font-weight: 500;
  font-size  : 16px;
}

.footerlist {
  font-size  : 12px;
  line-height: 20px;
  border     : none;
  width      : 100%;
  font-weight: 400;
  color      : #fbfbfcd1;
  position   : relative;
}

.footerlist a {
  text-decoration: none;
  color          : #fbfbfcd1;
  letter-spacing : 0.6px;
}

.footerlist:hover a {
  color: #fff;
}

.footer-about {
  width: 80%;
}

.copy-part {
  background: #0b0701;
  padding   : 15px 0;
}

.copy-ptext {
  line-height: 23px;
  width      : 100%;
  text-align : center;
  margin     : 0;
  color      : #b4b4b4;
  font-size  : 14px;
  font-weight: 400;
}

.copy-ptext span {
  color: #f6911d;
}

.footer_left_content img {
  margin-bottom: 20px;
}

.footer_left_content p {
  color      : #b4b4b4;
  font-size  : 12px;
  font-weight: 400;
  line-height: 24.22px;
}

.footer_site_link h5 {
  color      : #f5f5f5;
  font-size  : 18px;
  font-weight: 600;
  line-height: 31.14px;
  text-align : center;
  margin     : 0 0px 20px -183px;
}

.footer_site_link div span p a {
  color          : #b4b4b4;
  font-size      : 14px;
  font-weight    : 400;
  line-height    : 24.22px;
  text-decoration: none;
  padding        : 0 0 0 10px;
}

.footer_site_link div span p a:hover {
  color: #fff;
}

.footer-links .footerimg {
  filter: brightness(0) saturate(100%) invert(82%) sepia(5%) saturate(28%) hue-rotate(8deg) brightness(89%) contrast(85%);
}

.footer-links .footerimg:hover {
  filter: brightness(0) saturate(100%) invert(81%) sepia(53%) saturate(4889%) hue-rotate(345deg) brightness(98%) contrast(97%);
}

.footer_link_mob {
  display: none;
}

@media screen and (max-width: 1024px) {
  .footer_right_border {
    display: none;
  }

  .footers_top {
    justify-content: space-around;
  }
}

@media screen and (max-width: 840px) {
  .footer_card {
    width: 220px;
  }
}

@media screen and (max-width: 768px) {
  .footers_top {
    display        : flex;
    justify-content: space-evenly;
    flex-wrap      : wrap;
    margin         : auto;
    width          : 90%;
  }

  .footer_link_desk {
    display: none;
  }

  .footer_link_mob {
    display: block;
  }

  .footer_site_link h5 {
    margin: 0;
  }

  .footer_site_link .accordion-header {
    border-bottom: 1px solid #dedede;
    border-radius: 6px 6px 0px 0;
    margin-bottom: 10px;
  }

  .footer_site_link .accordion-button:focus,
  .footer_site_link .accordion-item::after,
  .footer_site_link .accordion-item,
  .footer_site_link .accordion-item:focus-visible,
  .footer_site_link .card-body,
  .footer_site_link .accordion-button:not(.collapsed) {
    border    : none !important;
    outline   : none;
    box-shadow: none;
  }

  .footer_site_link .accordion-button:not(.collapsed) {
    background-color: #000;
  }

  .footer_site_link.accordion-button::after {
    filter   : brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(9%) hue-rotate(201deg) brightness(102%) contrast(104%);
    transform: scale(0.7) !important;
  }

  .footer_site_link .accordion-button {
    background: #060c17;
  }

  .footer_site_link.accordion-button {
    filter   : brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(9%) hue-rotate(201deg) brightness(102%) contrast(104%);
    transform: scale(0.7) !important;
  }

  .footer_site_link div span p a {
    color: #433a3a;
  }

  .footer_site_link div span p a:hover {
    color: #000;
  }
}

@media only screen and (max-width: 767px) {
  .footer-part {
    padding-top: 40px;
  }

  .footer-data,
  .footer-data.contact-data,
  .footer-about {
    width: 90% !important;
  }

  .copy-ptext {
    width: 100%;
  }

  .footer-links {
    width: 55%;
  }

  .footer_mail_bar input {
    width        : 50%;
    height       : 50px;
    border-radius: 6px;
    border       : 1.5px solid #e7e8f2;
    background   : #fff;
  }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  .footer-part {
    padding-bottom: 0px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {

  .footer-data,
  .footer-about {
    width: 95%;
  }

  .data-part .contact-p {
    width: 90%;
  }

  .contact-p {
    width: 90%;
  }
}

@media only screen and (max-width: 678px) {
  .footer_site_link h5 {
    margin: 0;
  }

  .sep_site_link {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: start;
    padding-left   : 28px;
  }

  .footer_site_link h5 {
    text-align: left;
  }
}

@media screen and (max-width: 540px) {
  .footers_top {
    justify-content: center;
  }

  .footers_top {
    margin: auto;
    width : 100%;
  }

  .footer_mail_bar input {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .footer_card {
    width: 85%;
  }
}