/* 
    12. Footer css 
*/
.footer__section {  padding-top: 0rem;font-size: 1rem;}



.footer__bg {
  background: var(--bg-black-color);
}


 .main__footer { 
   padding:  1rem 0 1rem;
  }


@media only screen and (max-width: 768px) {
 
.main__footer {   padding: 1.125rem 0 0.7rem;
}

}

 .footer__widget {
    margin-bottom: 1rem;
  }


@media only screen and (max-width: 767px) {
  .footer__widget {
    margin-bottom: 0;
  }
}
.footer__widget--desc {
  font-size:0.875rem;
  margin-bottom: 0;
  color: var(--grey-sub-color);
}

.footer__widget--desc span {
  margin-left:10px;
}

@media only screen and (max-width: 768px) {
  .footer__widget--desc {    font-size: 0.75rem;  }
  .footer__widget--desc span {  margin-left:2px;}

}



.footer__widget--title {
  margin-bottom: 1.2rem;
  font-weight: 500;
  position: relative;
  font-size: 1.125rem;
  line-height: 2.2rem;
  color: var(--text-white);
    text-transform: uppercase;
}
.footer__widget--title span{
  color: var(--secondary-blue);
    
}
.footer__widget--title__arrowdown--icon {
  position: absolute;
  right: 0;
  top: 38%;
  transition: 0.3s;
  display: none;
}
@media only screen and (max-width: 767px) {
  .footer__widget--title__arrowdown--icon {
    display: block;
  }
}
.footer__widget.active {
  padding-bottom: 3rem;
}
.footer__widget.active .footer__widget--title__arrowdown--icon {
  transform: rotate(180deg);
}
.footer__widget--menu__list {
  margin-bottom: 0.6rem;
}
@media only screen and (min-width: 768px) {
  .footer__widget--menu__list {
    margin-bottom: 0.8rem;
  }
}
.footer__widget--menu__list:last-child {
  margin-bottom: 0;
}
.footer__widget--menu__text {
  line-height: 2.6rem;
  font-size: 1.125rem;
  color: var(--grey-sub-color);
}
@media only screen and (min-width: 768px) {
  .footer__widget--menu__text {
    line-height: 2.8rem;
    font-size: 1rem;
  }
}

.footer__widget--button {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  content: "";
  color: transparent;
  border: 0;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .footer__widget--button {
    visibility: visible;
  }
}

/*
@media only screen and (max-width: 767px) {
  .footer__widget--inner {
    display: none;
  }
}
*/
.footer__bottom {
  border-top: 1px solid var( --primary-color);
}
.footer__bottom--inenr {
  padding:  0.75rem 0;
}
@media only screen and (max-width: 991px) {
  .footer__bottom--inenr {
    flex-wrap: wrap;
    gap: 1.125rem;
    justify-content: center !important;
  }
}

.copyright__content {
 font-size: 0.875rem;
 color: var(--grey-sub-color);padding-top:10px;
}
.copyright__content--link {
  color: var(--grey-sub-color);
}
.copyright__content--link:hover {
  color: var(--secondary-blue);
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .copyright__content {font-size:  0.75rem;
    text-align: center;
  }
}

.footer__logo img { max-width:100px;  }


.footer__payment li { font-size: 0.875rem;
  display: inline-block;
}

.footer__payment li a {color: var(--grey-sub-color);
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0px 20px;
}

/*.footer__payment.bg-light li a {
  border-left: 1px solid #e7e7e7;
  font-weight: 500;
 
}*/
.footer__payment li a:hover {
  text-decoration: none;
  color: var(--secondary-blue);
}

.footer__payment li:last-child a {
  padding-right: 0;
}

.footer__payment p {
  margin: 10px 0;
}