.card-footer[data-style="4"] .goTop, .card-footer[data-style="4"] {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.card-footer[data-style="4"] {
  line-height: 1.5;
  font-size: 1.4rem;
  position: relative;
}
.card-footer[data-style="4"] i.cc {
  color: #7E6D68;
  font-size: 4rem;
}
.card-footer[data-style="4"] ul, .card-footer[data-style="4"] ol, .card-footer[data-style="4"] li {
  list-style: none;
  margin: 0;
}
.card-footer[data-style="4"] a {
  text-decoration: none;
}
.card-footer[data-style="4"] .footer-main {
  padding: 40px 0;
  border-left: 30px solid #EA5502;
  padding-left: 40px;
  background-color: #FAFAFA;
}
@media only screen and (max-width: 1024px) {
  .card-footer[data-style="4"] .footer-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 20px 30px;
  }
}
.card-footer[data-style="4"] .footer-first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .card-footer[data-style="4"] .footer-first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.6rem;
  }
}
.card-footer[data-style="4"] .footer-first .footer-logo {
  max-width: 360px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-footer[data-style="4"] .footer-first .footer-logo img {
  max-width: 320px;
}
.card-footer[data-style="4"] .footer-first .footer-customized {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.4rem;
}
.card-footer[data-style="4"] .footer-first .footer-customized p ~ p {
  margin-top: 0.5rem;
}
.card-footer[data-style="4"] .footer-copyright {
  background-color: #FAFAFA;
  color: #000000;
  padding: 12px 0;
  text-align: center;
  line-height: 1;
  border: 1px solid #AF7E37;
}
.card-footer[data-style="4"] .footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1024px) {
  .card-footer[data-style="4"] .footer-social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    row-gap: 1.6rem;
    margin-top: 1.6rem;
  }
}
.card-footer[data-style="4"] .footer-social-start {
  max-width: 360px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-footer[data-style="4"] .footer-social-start-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.card-footer[data-style="4"] .footer-social-end {
  width: 70%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 1024px) {
  .card-footer[data-style="4"] .footer-social-end {
    width: 100%;
  }
}
.card-footer[data-style="4"] .footer-social-end-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.card-footer[data-style="4"] .footer-social-end-nav li {
  position: relative;
  padding: 0 24px;
}
@media only screen and (max-width: 1024px) {
  .card-footer[data-style="4"] .footer-social-end-nav li {
    row-gap: 8px;
  }
}
.card-footer[data-style="4"] .footer-social-end-nav li a {
  color: #353535;
}
.card-footer[data-style="4"] .footer-social-end-nav li:first-child {
  padding-left: 0;
}
.card-footer[data-style="4"] .footer-social-end-nav li:last-child {
  padding-right: 0;
}
.card-footer[data-style="4"] .footer-social-end-nav li:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 3px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%223%22%20height%3D%2216%22%20viewBox%3D%220%200%203%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2.06818%2014.8466C2.06818%2015.0568%201.9929%2015.2372%201.84233%2015.3878C1.69176%2015.5384%201.51136%2015.6136%201.30114%2015.6136C1.09091%2015.6136%200.910511%2015.5384%200.759943%2015.3878C0.609375%2015.2372%200.534091%2015.0568%200.534091%2014.8466C0.534091%2014.6364%200.609375%2014.456%200.759943%2014.3054C0.910511%2014.1548%201.09091%2014.0795%201.30114%2014.0795C1.44034%2014.0795%201.56818%2014.1151%201.68466%2014.1861C1.80114%2014.2543%201.89489%2014.3466%201.96591%2014.4631C2.03409%2014.5767%202.06818%2014.7045%202.06818%2014.8466ZM2.06818%2010.3419C2.06818%2010.5521%201.9929%2010.7325%201.84233%2010.8831C1.69176%2011.0337%201.51136%2011.1089%201.30114%2011.1089C1.09091%2011.1089%200.910511%2011.0337%200.759943%2010.8831C0.609375%2010.7325%200.534091%2010.5521%200.534091%2010.3419C0.534091%2010.1317%200.609375%209.95128%200.759943%209.80071C0.910511%209.65014%201.09091%209.57486%201.30114%209.57486C1.44034%209.57486%201.56818%209.61037%201.68466%209.68139C1.80114%209.74957%201.89489%209.8419%201.96591%209.95838C2.03409%2010.072%202.06818%2010.1999%202.06818%2010.3419ZM2.06818%205.83722C2.06818%206.04744%201.9929%206.22784%201.84233%206.37841C1.69176%206.52898%201.51136%206.60426%201.30114%206.60426C1.09091%206.60426%200.910511%206.52898%200.759943%206.37841C0.609375%206.22784%200.534091%206.04744%200.534091%205.83722C0.534091%205.62699%200.609375%205.44659%200.759943%205.29602C0.910511%205.14545%201.09091%205.07017%201.30114%205.07017C1.44034%205.07017%201.56818%205.10568%201.68466%205.1767C1.80114%205.24489%201.89489%205.33722%201.96591%205.45369C2.03409%205.56733%202.06818%205.69517%202.06818%205.83722ZM2.06818%201.33253C2.06818%201.54276%201.9929%201.72315%201.84233%201.87372C1.69176%202.02429%201.51136%202.09957%201.30114%202.09957C1.09091%202.09957%200.910511%202.02429%200.759943%201.87372C0.609375%201.72315%200.534091%201.54276%200.534091%201.33253C0.534091%201.1223%200.609375%200.941903%200.759943%200.791335C0.910511%200.640767%201.09091%200.565483%201.30114%200.565483C1.44034%200.565483%201.56818%200.600994%201.68466%200.672017C1.80114%200.740198%201.89489%200.832528%201.96591%200.949005C2.03409%201.06264%202.06818%201.19048%202.06818%201.33253Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
  background-size: auto;
}
.card-footer[data-style="4"] .goTop {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 5%;
  bottom: 20%;
  cursor: pointer;
  line-height: 50px;
  font-size: 3.5rem;
  text-align: center;
  background-color: rgba(126, 109, 104, 0.53);
  opacity: 0;
  z-index: -1;
}
.card-footer[data-style="4"] .goTop::after {
  font-family: "FontCCwork";
  content: "\ea05";
  display: block;
  color: white;
}
.card-footer[data-style="4"] .goTop:hover {
  background-color: rgba(126, 109, 104, 0.73);
}
.card-footer[data-style="4"] .goTop#back-to-top.show {
  opacity: 1;
  z-index: 30;
}