@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

* {
  font-family: "Tajawal", sans-serif;
}



a {
  text-decoration: none !important;
  color: white;
}

footer {
  margin-top: 100px;
  position: relative;
}

/*footer::after {*/
/*  background-color: #201847;*/
/*  content: '';*/
/*  height: 70%;*/
/*  width: 30%;*/
/*  position: absolute;*/
/*  right: 0px;*/
/*  bottom: 0px;*/
/*  border-radius: 20%;*/
/*  filter: blur(200px);*/
/*  z-index: -1;*/
/*}*/

/*footer::before {*/
/*  background-color: #FF1FA2;*/
/*  content: '';*/
/*  height: 70%;*/
/*  width: 30%;*/
/*  position: absolute;*/
/*  left: 0px;*/
/*  bottom: 0px;*/
/*  border-radius: 20%;*/
/*  filter: blur(200px);*/
/*  z-index: -1;*/
/*}*/

footer .footer-img {
  text-align: center;
  margin-bottom: 50px;
}

footer .footer-img img {
  width: 177px;
}

footer .row {
  margin-bottom: 30px;
}

footer .d-flex {
  border: 1px solid #9ca3af;
  border-radius: 10px;

}

footer .icon {
  margin-left: 10px;
}

footer .icon i {
  color: #c5a775;
  font-size: 30px;
}

footer .text {
  color: #fff !important;
  text-align: center;
}

footer .text div {
  font-size: 16px;
  font-weight: 600;
  color: #fff !important;
}

footer .text span {
  font-size: 16px;
  font-weight: 600;
  color: #fff !important;
}

footer .end-footer {
  border-top: 1px solid #fff;
}

footer .end-footer .copy {
  padding: 25px;
}

footer .end-footer .copy button {
  background: #c5a775;
  border: 1px solid #c5a775;
  padding: 10px;
  border-radius: 5px;
  font-weight: 600;
  color: black !important;
}

footer .end-footer .copy button i {
  background: none;
  color: #000000 !important;
}


footer .end-footer .icon a {
  text-decoration: none;
  border: 1px solid #c5a775;
  padding: 0px 8px !important;
  border-radius: 10px;
  text-align: center;
  align-items: center;
  display: inline-flex;
}

footer .end-footer .icon a:hover {
  background: #c5a775;
}

footer .end-footer .icon a:hover i {
  color: #000000;
  background: none;
}

footer {
  margin-top: 100px;
}

footer .footer-img {
  text-align: center;
  margin-bottom: 50px;
}

footer .footer-img img {
  width: 177px;
}

/*footer .footer-links .list-unstyled {
  display: none;
}*/

footer .footer-links ul {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}

footer .footer-links ul li {
  margin: 0px 10px;
}

footer .footer-links ul li a {
  position: relative;
  text-decoration: none;
  font-weight: 600;
  padding: 10px 0px;
  color: #fff;
}

footer .footer-links ul li a::after {
  position: absolute;
  content: "";
  background: #c5a775;
  top: 0px;
  right: 0px;
  padding: 1px;
  width: 0%;
  border-radius: 10px 10px 0px 0px;
  /*transition: 0.5s;*/
  opacity: 0;
}

footer .footer-links ul li a::before {
  position: absolute;
  content: "";
  background: #c5a775;
  bottom: 0px;
  left: 0px;
  padding: 1px;
  width: 0%;
  border-radius: 0px 0px 10px 10px;
  /*transition: 0.5s;*/
  opacity: 0;
}





footer .footer-links ul li a.active::before {
  position: absolute;
  content: "";
  background: #c5a775;
  bottom: 0px;
  left: 0px;
  padding: 1px;
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  /*transition: 0.5s;*/
  opacity: 1;
}

footer .footer-links ul li a.active::after {
  position: absolute;
  content: "";
  background: #c5a775;
  top: 0px;
  left: 0px;
  padding: 1px;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  /*transition: 0.5s;*/
  opacity: 1;
}

footer .footer-links ul li a:hover::after,
footer .footer-links ul li a:hover::before {
  width: 100%;
  opacity: 1;
}

footer .d-flex {
  border: 2px solid #ffffffce;
  border-radius: 17px;
}

footer .icon img {
  margin-left: 5px;
  filter: contrast(140%);
  width: 30px;
}





footer .text p {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
}

footer .end-footer {
  border-top: 1px solid #fff;
}

footer .end-footer .copy {
  padding: 25px;
}

footer .end-footer .copy button {
  background: #c5a775;
  border: 1px solid #c5a775;
  padding: 10px;
  border-radius: 5px;
  font-weight: 600;
}

footer .end-footer .copy button i {
  background: none;
  color: #000000;
}

footer .end-footer .icon a {
  text-decoration: none;
  border: 1px solid #c5a775;
  padding: 8px 8px;
  border-radius: 10px;
}

footer .end-footer .icon a:hover {
  background: #c5a775;
}

footer .end-footer .icon a:hover i {
  color: #000000;
  background: none;
}


footer .col-lg-2 {
  flex: 0 0 auto;
  width: 20%;
  padding: 10px 0px;
}

.end-btn-ticket-foooter img {
  width: 20px;
}

/* /////////////// */
@media(max-width:767.5px) {

  footer .container .row .col-12 {
    border: 1px solid #ffffff15;
    width: 100%;

  }

  footer .container .row .end-footer .end-footer .copy .col-lg-3 {
    border: none !important;
  }

}


/* //////////////// */
@media(max-width:767.5px) {
  footer .footer-links ul li {
    margin: 0px;
  }

  footer .end-footer .row .col-12 {
    border: none !important;
  }

  footer .footer-links ul li a {
    position: relative;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 0px;
    font-size: 11px;
    margin-right: 20px;
  }

  .footer-links .list-unstyled {
    display: flex !important;
    font-size: 16px;
    margin-right: -20px;
  }

  footer .container .row {
    margin: 30px auto;

  }

  footer .container .row .col-12 {
    border: 1px solid #ffffff15;
    margin: 10px auto !important;
  }

  .end-footer .end-footer .copy .col-lg-3 {
    border: none !important;
  }

}

@media(max-width:770px) {
  footer .col-lg-2 {
    flex: 0 0 auto;
    width: 33%;
    padding: 10px 0px;
    border: 2px solid #ffffff16;
  }
}

@media(max-width:742px) {
  footer .col-lg-2 {
    margin: 5px !important;
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 10px 0px;
    border: 2px solid #ffffff16;
  }
}

/* ////////////// */

@media(max-width:427px) {

  .Browse-all-events {
    color: #fff;
    text-align: center;
    margin: 0px !important;

  }

  footer .container .row .col-12 {
    border: 1px solid #ffffff15 !important;
  }


  footer .end-footer .row .col-12 {
    border: none !important;
    margin: 10px auto !important;
  }

  footer .container .row .col-12 .text p {
    font-size: 14px;
    padding: 10px 0px;
  }

  footer .footer-links ul {
    text-align: center;
    margin: auto;
    width: 100%;
  }

  footer .footer-links ul li {
    margin-right: 5px;

  }

  footer .footer-links ul li a {
    font-size: 11px;
    font-weight: 500;
    padding: 6px 0px;
    color: #fff;
    margin-right: 3px;
  }

  .col-12 {
    width: 100% !important;
  }
}

/* ////////////// */

@media(max-width:377px) {

  footer .footer-links ul li {
    margin-right: 6px;
  }

  footer .footer-links ul li a {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
  }
}

/* ////////////// */

@media(max-width:330px) {
  footer .footer-links ul li {
    margin-right: 4px;
  }

  footer .footer-links ul li a {
    font-size: 10px;


  }
}