section.campaign-mdl {
   background-position: center center;
   background-size: cover;
   padding: 40px 0;
   position: relative;
   margin-top: 80px;
}

section.campaign-mdl:before {
   content: "";
   position: absolute;
   background: linear-gradient(45deg, #f8f8f8 50%, transparent 52%),linear-gradient(315deg, #f8f8f8 50%, transparent 52%);
   background-size: 15px 15px;
   height: 15px;
   width: 100%;
   top: -15px;
}

section.campaign-mdl:after {
   content: "";
   position: absolute;
   background: linear-gradient(45deg, #f8f8f8 50%, transparent 52%),linear-gradient(315deg, #f8f8f8 50%, transparent 52%);
   background-size: 15px 15px;
   height: 15px;
   width: 100%;
   bottom: -15px;
   transform: rotate(180deg);
}

section.campaign-mdl .page-center {
   padding: 20px;
   border: none;
   border-radius: 8px;
   background-color: #fff;
}

section.campaign-mdl .page-center.boxshadow {
   box-shadow: 8px 8px 19px #eee;
}

section.campaign-mdl .row-wrapper {
   display: table;
   table-layout: fixed;
   width: 100%;
}

section.campaign-mdl .row-wrapper .col-1 {
   width: 9%;
   vertical-align: top;
   display: table-cell;
   padding: 0 10px 10px 10px;
   max-width: unset;
}

section.campaign-mdl .row-wrapper .col-2 {
   width: 91%;
   vertical-align: top;
   display: table-cell;
   padding: 0 10px 10px 10px;
   max-width: unset;
}

section.campaign-mdl .row-wrapper .col .component {
   margin: 10px 0;
}

section.campaign-mdl .row-wrapper .col .component h3 {
   font-size: 1.5rem;
   margin-bottom: 1.5rem;
   font-weight: 700;
   line-height: 1.3;
   letter-spacing: 1px;
   word-break: break-all;
}

section.campaign-mdl .row-wrapper .col .component h3 .color-d53539 {
   font-size: 16px;
   color: #d53539;
}

section.campaign-mdl .row-wrapper .col .component .button-cont {
   text-align: left;
}

section.campaign-mdl .row-wrapper .col .component .button-cont a {
   animation: shine 20s infinite;
   animation-delay: 0s;
   animation-timing-function: linear;
   background: linear-gradient(-45deg,#d53539 50%,#e7898c 60%,#d53539 70%);
   background-size: 600% 100%;
   border-radius: 6px;
   font-size: 14px;
   min-width: 165px;
   padding: 10px 46px 10px 23px;
   width: auto;
   color: #fff;
   font-weight: 700;
   border: 2px solid #fff;
   position: relative;
   box-sizing: border-box;
   max-width: 100%;
   letter-spacing: 0.05em;
   line-height: 1;
   display: inline-block;
   text-align: center;
   text-decoration: none;
   cursor: pointer !important;
}

section.campaign-mdl .row-wrapper .col .component .button-cont a:after {
   right: 20px;
   content: "\f138";
   position: absolute;
   top: 50%;
   font-family: "Font Awesome 5 Free";
   font-weight: 700;
   transform: translate(0,-50%);
   font-size: 14px;
}

section.campaign-mdl .page-center:not(:first-of-type) {
   margin-top: 40px;
}

@media (max-width: 767px) {
   section.campaign-mdl .row-wrapper .col-1 {
      width: 15% !important;
      padding: 0;
   }

   section.campaign-mdl .row-wrapper .col-2 {
      width: 85% !important;
      padding: 0;
      padding-left: 20px;
   }

   section.campaign-mdl .page-center {
      width: 90%;
   }

   section.campaign-mdl .row-wrapper .col .component h3 {
      font-size: 1.05rem;
      margin-bottom: 1.1rem;
   }

   section.campaign-mdl .row-wrapper .col .component {
      font-size: 14px;
   }
}