#block-phoenix-iomwhatsapp {
  position: fixed;
  bottom: 0;
  z-index: 13;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}

#block-phoenix-iomwhatsapp .iom-social-popup>div>div {
  width: 100%;
  flex-direction: column;
}


#block-phoenix-iomwhatsapp .iom-social-popup>div>div .content {
  width: 100%;
  display: flex;
  background-color: #fff;
  padding: 0;
  height: 0;
  transition: all 0.3s ease-in-out;
}

#block-phoenix-iomwhatsapp.open .iom-social-popup>div>div .content {
  height: 100%;
  padding: 20px;
}

#block-phoenix-iomwhatsapp .iom-social-popup > div > div .content > div:not(.qr-code) {
  width: 100%;
}
#block-phoenix-iomwhatsapp .iom-social-popup>div>div .content .qr-code {
  width: auto;
}


.x-card .side-tab {
  background-color: #000 !important;
}

.linkedin-card .side-tab {
  background-color: #0077B5 !important;
}

.iom-social-popup>div>div>.side-tab {
  background-color: #00C65E;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  color: white;
  font-size: 20px;
  height: 100%;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
  border: none;
  min-height: 3rem;
  padding: .5rem 0;
}

.iom-social-popup>div>div>.side-tab span {
  text-align: left;
  display: inline-block;
  padding-left: 3rem;
  font-size: 1.1rem;
  line-height: 120%;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.iom-social-popup>div>div>.side-tab::before {
  background-repeat: no-repeat;
  background-position: center;
  height: 1.5rem;
  width: 1.5rem;
  content: '';
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 1rem;
  top: auto;
  bottom: auto;
  transition: all 0.3s ease-in-out;
}


#block-phoenix-iomwhatsapp.open .iom-social-popup>div>div>.side-tab {
  height: 48px;
}

#block-phoenix-iomwhatsapp.open .iom-social-popup>div>div>.side-tab:before {
  left: 0;
  width: 100%;
}

#block-phoenix-iomwhatsapp.open .iom-social-popup>div>div>.side-tab span {
  opacity: 0;
}


#block-phoenix-iomwhatsapp .iom-social-popup>div>div .h2 {
  color: #004899;
  margin-bottom: 10px;
  font-size: 2rem;
}

#block-phoenix-iomwhatsapp .iom-social-popup>div>div .h3 {
  font-size: 16px;
  color: #444;
  font-weight: 700;
  margin: 10px 0;
}

#block-phoenix-iomwhatsapp .iom-social-popup>div>div .content p {
  font-size: 14px;
  color: #444;
  margin: 5px 0;
  line-height: 2;
}

#block-phoenix-iomwhatsapp .iom-social-popup>div>div .qr-code img {
  margin: 0;
  width: 100%;
  max-width: 150px;
}

#block-phoenix-iomwhatsapp .follow-button {
  display: flex;
  background-color: #0033A0;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  align-items: end;
  justify-content: center;
}

#block-phoenix-iomwhatsapp .follow-button::after {
  width: 20px;
  height: 20px;
  content: '';
  margin-left: 16px;
  background-repeat: no-repeat;
}

#block-phoenix-iomwhatsapp .follow-button:hover {
  background-color: #003370;
}


#block-phoenix-iomwhatsapp .whatsapp-card .side-tab::before {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0045 2.90625C15.1339 1.03125 12.6429 0 9.99554 0C4.53125 0 0.0848214 4.44643 0.0848214 9.91071C0.0848214 11.6562 0.540179 13.3616 1.40625 14.8661L0 20L5.25446 18.6205C6.70089 19.4107 8.33036 19.8259 9.99107 19.8259H9.99554C15.4554 19.8259 20 15.3795 20 9.91518C20 7.26786 18.875 4.78125 17.0045 2.90625ZM9.99554 18.1563C8.51339 18.1563 7.0625 17.7589 5.79911 17.0089L5.5 16.8304L2.38393 17.6473L3.21429 14.6071L3.01786 14.2946C2.19196 12.9821 1.75893 11.4688 1.75893 9.91071C1.75893 5.37054 5.45536 1.67411 10 1.67411C12.2009 1.67411 14.2679 2.53125 15.8214 4.08929C17.375 5.64732 18.3304 7.71429 18.3259 9.91518C18.3259 14.4598 14.5357 18.1563 9.99554 18.1563ZM14.5134 11.9866C14.2679 11.8616 13.0491 11.2634 12.8214 11.183C12.5938 11.0982 12.4286 11.058 12.2634 11.308C12.0982 11.558 11.625 12.1116 11.4777 12.2813C11.3348 12.4464 11.1875 12.4688 10.942 12.3438C9.48661 11.6161 8.53125 11.0446 7.57143 9.39732C7.31696 8.95982 7.82589 8.99107 8.29911 8.04464C8.37946 7.87946 8.33929 7.73661 8.27679 7.61161C8.21429 7.48661 7.71875 6.26786 7.51339 5.77232C7.3125 5.29018 7.10714 5.35714 6.95536 5.34821C6.8125 5.33929 6.64732 5.33929 6.48214 5.33929C6.31696 5.33929 6.04911 5.40179 5.82143 5.64732C5.59375 5.89732 4.95536 6.49554 4.95536 7.71429C4.95536 8.93304 5.84375 10.1116 5.96429 10.2768C6.08929 10.442 7.70982 12.942 10.1964 14.0179C11.7679 14.6964 12.3839 14.7545 13.1696 14.6384C13.6473 14.567 14.6339 14.0402 14.8393 13.4598C15.0446 12.8795 15.0446 12.3839 14.9821 12.2813C14.9241 12.1696 14.7589 12.1071 14.5134 11.9866Z" fill="white"/></svg>');
}

#block-phoenix-iomwhatsapp.open .x-card .side-tab::before,
#block-phoenix-iomwhatsapp.open .whatsapp-card .side-tab::before {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.35L2.10291 0L11.0515 10L2.10291 20L0 17.65L6.83072 10L0 2.35ZM8.94855 2.35L11.0515 0L20 10L11.0515 20L8.94855 17.65L15.7793 10L8.94855 2.35Z" fill="white"/></svg>');
  top: .6rem;
}

@media (max-width: 767px) {

  #block-phoenix-iomwhatsapp.open .x-card .side-tab::before,
  #block-phoenix-iomwhatsapp.open .whatsapp-card .side-tab::before {
    background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_10440_149159)"><path d="M16.12 1L18 2.68233L10 9.84116L2 2.68233L3.88 0.999999L10 6.46458L16.12 1ZM16.12 8.15884L18 9.84116L10 17L2 9.84116L3.88 8.15884L10 13.6234L16.12 8.15884Z" fill="white"/></g><defs><filter id="filter0_d_10440_149159" x="0" y="-9.53674e-07" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.32 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_10440_149159"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_10440_149159" result="shape"/></filter></defs></svg>');
  }

}

#block-phoenix-iomwhatsapp .follow-button::after {
  background-image: url('data:image/svg+xml, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 16H2V2H9V0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.1 18 18 17.1 18 16V9H16V16ZM11 0V2H14.59L4.76 11.83L6.17 13.24L16 3.41V7H18V0H11Z" fill="white"/></svg>');
}

#block-phoenix-iomwhatsapp .x-card .side-tab::before {
  background-image: url('data:image/svg+xml, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1747 0.864408H16.9361L10.9048 7.75619L18 17.1356H12.4459L8.09257 11.4485L3.11734 17.1356H0.352021L6.80183 9.76271L0 0.864408H5.69491L9.62581 6.06258L14.1747 0.864408ZM13.2047 15.485H14.734L4.8618 2.42894H3.21904L13.2047 15.485Z" fill="white"/></svg>')
}

#block-phoenix-iomwhatsapp .linkedin-card .side-tab::before {
  background-image: url('data:image/svg+xml, <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><defs><style>.st0 {fill: %23fff;fill-rule: evenodd;}</style></defs><path class="st0" d="M6.9,6.3h4v2h0c.6-1,1.9-2,3.9-2,4.2,0,4.9,2.6,4.9,6v7.1h-4.1v-6.3c0-1.5,0-3.3-2.1-3.3s-2.5,1.6-2.5,3.2v6.5h-4.1V6.3ZM4.5,2.3c0,1.2-1,2.1-2.1,2.1S.3,3.5.3,2.3,1.2.2,2.4.2c1.2,0,2.1,1,2.1,2.1ZM.3,6.3h4.3v13.1H.3V6.3Z"/></svg>')
}

@media (min-width: 768px) {
  .fullBanner .region-full-banner {
    position: relative;
  }
  #block-phoenix-iomwhatsapp {
    display: block;
    position: fixed;
    top: 40vmin;
    right: 0;
    z-index: 13;
    transform: translateX(220px);
    width: auto;
  }
  #block-phoenix-iomwhatsapp.open{
    transform: translateX(0);
  }

  #block-phoenix-iomwhatsapp .iom-social-popup>div>div {
    display: flex;
    border-radius: 0 0 0 12px;
    overflow: hidden;
    align-items: flex-start;
  }

  #block-phoenix-iomwhatsapp .iom-social-popup>div>div>.side-tab {
    display: block;
    border-radius: 8px 0 0 8px;
    width: 3rem;
    height: auto;
    position: absolute;
    left: -3rem;
  }

  #block-phoenix-iomwhatsapp.open .iom-social-popup>div>div>.side-tab {
    display: block;
  }

  #block-phoenix-iomwhatsapp .iom-social-popup>div>div>.side-tab:before {
    display: flex;
    position: relative;
    left: unset !important;
    top: unset !important;
    bottom: unset !important;
    right: unset !important;
    justify-content: center;
    align-items: center;
    width: auto;
  }

  #block-phoenix-iomwhatsapp .iom-social-popup>div>div>.content {
    display: block;
    padding: 1rem;
    width: 220px;
    height: auto;
    border: 1px solid #e0e0e0;
    border-radius: 0 0 0 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  #block-phoenix-iomwhatsapp .iom-social-popup>div>div .content .x-info,
  #block-phoenix-iomwhatsapp .iom-social-popup>div>div .content .qr-code {
    width: 100%;
  }
  #block-phoenix-iomwhatsapp .iom-social-popup>div>div .qr-code img {
    margin: 15px 0;
    max-width: 100%;
  }
  .iom-social-popup>div>div>.side-tab span {
    display: none;
  }

}