.branch-address{
  margin-top: 20px;
  margin-bottom: 25px;
}

.branch-address h4{
  padding-bottom: 10px;
  line-height: 1.5;
}

.branch-address p{
  line-height: 1.5;
}

.branch-address a {
  margin-top: 10px;
  background-color: #0679a4;
}

.social-wrapper {
  background-color: #ebebeb;
  border-radius: 15px;
  margin-top: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.social-box{
  text-align: center;
  border-radius: 15px;
  padding: 15px 10px;
}

.box-light {
  background-image: linear-gradient( 132.6deg,  rgba(71,139,214,1) 23.3%, rgba(37,216,211,1) 84.7% );
}
.box-dark {
  background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(38,51,97,1) 0%, rgba(65,143,222,1) 79% );
}

.social-box i {
  font-size: 48px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
}
.social-box p {
  font-size: 13px;
  line-height: 1.2;
  color: #cfd9df;
}
.social-box p span {
  color: #ffc50c;
}
.social-box strong{
  color: #bff9fd;
  font-size: 15px;
}
.contact-section-list {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 15px;

  .social-box {
    min-height: 150px;
  }
}

@media (max-width: 1200px) {
  .contact-section-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 635px) {
  .contact-section-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 340px) {
  .contact-section-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}