.primary-footer {
  background-image: url("/National_Library/oe_/https://www.univervideo.com/public/images/home/background/bg-gradient.png");
  background-size: cover;
  background-position: bottom left;
  width: 100%;
  border-top: 1px solid #30CAF966;
  padding-block: 70px;
}

.secondary-footer {
  background: #FFF; 
  width: 100%;
  padding-block: 70px;
}

.secondary-footer{
  border-top: 1px solid rgba(48, 202, 249, 0.4);
}

.primary-footer ul,
.secondary-footer ul{
  list-style: none;
}

.primary-footer ul li b,
.secondary-footer ul li b,
.primary-footer ul li a,
.secondary-footer ul li a{
  font-family: "Montserrat";
}

.primary-footer .list,
.secondary-footer .list
{
  display: flex;
}

.primary-footer .list .logo,
.secondary-footer .list .logo
{
  display: flex;
  flex: 0 0 auto;
  width: 25%;
}

.primary-footer .list .data,
.secondary-footer .list .data
{
  display: flex;
  flex: 0 0 auto;
  width: 100%;
}

.primary-footer .list .data .container-1,
.secondary-footer .list .data .container-1
{
  display: flex;
  flex: 0 0 auto;
  width: 40%;
  justify-content: start;
}

.primary-footer .list .data .container-1 div,
.secondary-footer .list .data .container-1 div
{
  gap: 50px;
}

.primary-footer .list .data .container-2,
.secondary-footer .list .data .container-2
{
  display: flex;
  flex: 0 0 auto;
  width: 20%;
  justify-content: end;
}

.primary-footer ul li,
.secondary-footer ul li
{
  font-family: "Montserrat" !important;
  color: #FFF;
  font-size: 14px;
  margin-bottom: 20px;
}

.primary-footer ul li a,
.secondary-footer ul li a
{
  color: #FFF;
  text-decoration: none;
}

.secondary-footer ul li,
.secondary-footer ul li a{
  color: #132D43;
}

.primary-footer ul li a:hover,
.secondary-footer ul li a:hover
{
  text-decoration: underline;
}

.phone-button,
.secondary-footer .phone-button,
.whatsapp-button
{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #FFF;
  background: #12A062;
  border-width: 0px 4px 4px 0px;
  border-style: solid;
  border-color: #0C6D43;
  border-radius: 5px;
  width: 141.53px;
  height: 34px;
}

.secondary-footer .phone-button{
  background: #30caf9;
  border-width: 0 4px 4px 0;
  border-style: solid;
  border-color: #30caf9;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.phone-button p{
  margin: 0;
}
.phone-button #default-button-icon{
  transform: rotateY(180deg);
}

.whatsapp-button{
  color: #ffffff !important;
}

@media (max-width: 1500px) {

  .primary-footer .list,
  .secondary-footer .list
  {
    flex-direction: column;
  }

  .primary-footer .list .logo,
  .secondary-footer .list .logo
  {
    width: 100%;
  }

  .primary-footer .list .logo
  {
    margin-bottom: 60px;
  }

  .primary-footer .list .data,
  .secondary-footer .list .data
  {
    width: 100%;
  }

  .primary-footer .list .data .container-1,
  .secondary-footer .list .data .container-1
  {
    display: flex;
    flex: 0 0 auto;
    width: 40%;
  }

  .primary-footer .list .data .container-2,
  .secondary-footer .list .data .container-2
  {
    display: flex;
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (max-width: 963px) {
  .primary-footer .list,
  .secondary-footer .list
  {
    flex-direction: column;
  }

  .primary-footer .list .data,
  .secondary-footer .list .data
  {
    width: 100%;
    flex-direction: column;
  }

  .primary-footer .list .data .container-1,
  .secondary-footer .list .data .container-1
  {
    width: 100%;
  }

  .primary-footer .list .data .container-2,
  .secondary-footer .list .data .container-2
  {
    width: 100%;
    justify-content: start;
  }

  .primary-footer .list .data .container-1 div,
  .secondary-footer .list .data .container-1 div
  {
    gap: 20px;
  }
}