.sol-social-section{
  padding:90px 0;
  background:#f5f7fa;
}

.sol-social-container{
  width:min(1180px,92%);
  margin:auto;
}

.sol-social-head{
  position:relative;
  width:100%;
  margin-bottom:42px;
}

.sol-social-head span{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  color:#101828;
  font-size:32px;
  line-height:1.2;
  font-weight:800;
  margin-bottom:22px;
}

.sol-social-head span::after{
  content:"";
  flex:1;
  height:1px;
  background:#d9dde5;
}

.sol-social-head span::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-14px;
  width:52px;
  height:4px;
  border-radius:20px;
  background:#FECB00;
}

.sol-social-head h2{
  display:none;
}

.sol-social-head p{
  max-width:900px;
  font-size:21px;
  line-height:1.7;
  font-weight:400;
  color:#667085;
  margin:0;
}

.sol-social-tabs{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:34px;
  padding:10px;
  background:#fff;
  border-radius:22px;
  box-shadow:0 16px 40px rgba(16,24,40,.07);
}

.sol-social-tabs button{
  border:0;
  background:#f4f6f9;
  color:#182033;
  padding:16px 22px;
  border-radius:16px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

.sol-social-tabs button.active{
  background:#FECB00;
  color:#111;
}

.sol-social-panel{
  display:none;
}

.sol-social-panel.active{
  display:block;
}

.sol-social-list{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.sol-social-card{
  display:grid;
  grid-template-columns:92px 1fr auto;
  gap:24px;
  align-items:center;
  background:#fff;
  border-radius:24px;
  padding:22px 26px;
  box-shadow:0 14px 35px rgba(16,24,40,.07);
  border:1px solid rgba(16,24,40,.04);
  transition:.25s ease;
}

.sol-social-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 50px rgba(16,24,40,.10);
}

.sol-social-avatar{
  width:92px;
  height:92px;
  border-radius:50%;
  background:#fff7d1;
  position:relative;
  overflow:hidden;
}

.sol-social-avatar::before,
.sol-modal-avatar::before{
  content:"";
  position:absolute;
  inset:18px;
  background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='25' r='14' stroke='%23FECB00' stroke-width='6'/%3E%3Cpath d='M18 70C18 51 28 43 40 43C52 43 62 51 62 70' stroke='%23FECB00' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sol-social-avatar.has-img::before,
.sol-modal-avatar.has-img::before{
  display:none;
}

.sol-social-avatar img,
.sol-modal-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.sol-social-info small{
  display:block;
  color:#b89200;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:8px;
}

.sol-social-info h3{
  font-size:18px;
  line-height:1.25;
  color:#101828;
 
  font-weight:300;
  margin:0 0 8px;
}

.sol-social-info p{
  font-size:15px;
  color:#667085;
  margin:0;
}

.sol-social-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:130px;
  height:48px;
  border:0;
  border-radius:14px;
  background:#FECB00;
  color:#111;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}

.sol-social-more:hover{
  background:#FFD200;
}

.sol-modal{
  position:fixed;
  inset:0;
  background:rgba(16,24,40,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:20px;
}

.sol-modal.active{
  display:flex;
}

.sol-modal-box{
  position:relative;
  width:min(520px,96%);
  background:#fff;
  border-radius:28px;
  padding:42px;
  text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
}

.sol-modal-close{
  position:absolute;
  top:18px;
  right:20px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f2f4f7;
  color:#101828;
  font-size:26px;
  cursor:pointer;
}

.sol-modal-avatar{
  position:relative;
  width:118px;
  height:118px;
  border-radius:50%;
  background:#fff7d1;
  overflow:hidden;
  margin:0 auto 22px;
}

.sol-modal-box span{
  display:block;
  color:#b89200;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:10px;
}

.sol-modal-box h3{
  font-size:27px;
  line-height:1.25;
  color:#101828;
  font-weight:900;
  margin:0 0 16px;
}

.sol-modal-box p{
  font-size:17px;
  line-height:1.7;
  color:#667085;
  margin:0;
}

@media(max-width:760px){
  .sol-social-section{
    padding:60px 0;
  }

  .sol-social-head span{
    font-size:26px;
  }

  .sol-social-head p{
    font-size:18px;
    line-height:1.6;
  }

  .sol-social-tabs{
    display:grid;
  }

  .sol-social-tabs button{
    width:100%;
  }

  .sol-social-card{
    grid-template-columns:1fr;
    text-align:center;
    justify-items:center;
  }

  .sol-modal-box{
    padding:34px 24px;
  }
}


.sol-social-head{
  position:relative;
  width:100%;
  margin-bottom:32px;
}

.sol-social-head span{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;

  color:#101828;

  font-size:24px;
  line-height:1.2;
  font-weight:800;

  margin-bottom:18px;
}

.sol-social-head span::after{
  content:"";
  flex:1;
  height:1px;
  background:#d9dde5;
}

.sol-social-head span::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;

  width:48px;
  height:3px;

  border-radius:20px;
  background:#FECB00;
}

.sol-social-head h2{
  display:none;
}

.sol-social-head p{
  max-width:900px;

  font-size:16px;
  line-height:1.6;
  font-weight:400;

  color:#667085;

  margin:0;
}

@media(max-width:768px){

  .sol-social-head span{
    font-size:21px;
  }

  .sol-social-head p{
    font-size:15px;
  }

}

.sol-social-head{
  position:relative;
  width:100%;
  margin-bottom:24px;
}

.sol-social-head span{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;

  color:#101828;

  font-size:18px;
  line-height:1.2;
  font-weight:800;

  margin-bottom:14px;
}

.sol-social-head span::after{
  content:"";
  flex:1;
  height:1px;
  background:#d9dde5;
}

.sol-social-head span::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;

  width:38px;
  height:3px;

  border-radius:20px;
  background:#FECB00;
}

.sol-social-head h2{
  display:none;
}

.sol-social-head p{
  max-width:900px;

  font-size:14px;
  line-height:1.6;
  font-weight:400;

  color:#667085;

  margin:0;
}

@media(max-width:768px){

  .sol-social-head span{
    font-size:17px;
  }

  .sol-social-head p{
    font-size:13px;
  }

}