.contact-hero {
   background-color: var(--active-color);
}

.contact-leader {
   display: flex;
   justify-content: center;
   margin-bottom: 50px !important;
}

.contact-leader-block {
   background-image: url("/assets/img/affiliate_bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
   justify-content: center;
   height: 333px !important;
}

.contact-hero-container {
   width: 100%;
}

.contact-leader-header {
   max-width: 1300px;
   height: 100%;
   display: flex;
   margin: 0 auto;
   align-items: center;
   justify-content: space-between;
}

.contact-heading {
   font-size: 20px;
   line-height: 32px;
   letter-spacing: -1px;
}

.contact-leader-header .contact-heading {
   color: var(--textColor);
}

.contact-heading .contact-header-text {
   font-size: 42px !important;
   line-height: 52px !important;
   width: 490px !important;
   font-weight: 600;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.contact img {
   background: none !important;
}

.address-container {
   border: 1px solid var(--border-color--alpha);
   margin-top: 50px;
   border-radius: 8px;
}

.address-container .address-heading {
   font-size: 24px;
   font-weight: 600 !important;
   color: var(--textColor);
   margin-top: 15px;
   padding: 20px 0 0 50px;
}

.address-container .address-details-container {
   display: flex;
   justify-content: space-between;
   padding: 0 50px;
   margin-top: 25px;
   margin-bottom: 25px;
}

.address-details-container .address-details.address-us {
   display: flex;
}

.address-text {
   color: var(--active-color);
   font-weight: 600 !important;
   font-size: 20px;
}

.address-details-container .address-details .address-content {
   color: var(--textColor);
   font-size: 16px;
   margin-top: 10px;
}

.buckets-actions-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 30px;
}

.redirect-actions-buckets .buckets-container {
   display: flex;
   justify-content: space-between;
   gap: 15px;
   width: 100%;
}

.buckets-container .bucket {
   /* width: 266px;
   height: 100px; */
   padding: 10px;
   border: 1px solid var(--border-color--alpha);
}

.buckets-container .active {
   width: 100%;
   height: 60px;
   color: #FFFFFF !important;
   background: var(--active-color);
   box-shadow: 2px 8px 16px rgba(0, 0, 0, 0.14);
   border-radius: 4px;
   padding: 13px 15px !important;
   margin: 0 !important;
}

.buckets-container .active .bucket-heading {
   color: #FFFFFF !important;
}

.buckets-container .bucket-heading {
   line-height: 24px;
   color: var(--textColor);
   margin-top: 0;
   font-size: 16px;
   font-weight: 600;
}

.buckets-container .bucket,
.redirect .bucket-content {
   display: flex;
   justify-content: space-between;
   gap: 5px;
   align-items: center;
   cursor: pointer;
}

.redirect-actions-buckets .buckets-container .bucket {
   text-decoration: none;
   color: rgb(51, 51, 51);
   border-radius: 6px;
   width: -webkit-fill-available;
   width: -moz-available;
   width: fill-available;
}


.redirect-actions-buckets .redirect-bucket-image,
.redirect-bucket-image img {
   width: 80px;
   /* height: 80px; */
}

.redirect .bucket-content {
   /* max-width: 150px; */
   width: 100%;
   max-height: 48px;
}

.visual-actions-buckets {
   display: flex;
   gap: 24px;
}

.visual-actions-buckets .buckets-container {
   display: flex;
   flex-direction: column;
   width: 30%;
   border: 1px solid var(--border-color--alpha);
}

.actions-container {
   height: fit-content;
   width: 70%;
   border: 1px solid var(--border-color--alpha);
   padding: 16px;
}

.actions {
   color: var(--textColor);
}

.visual-actions-buckets .bucket {
   height: 60px;
   border: 0;
   padding: 0;
   justify-content: space-between;
   border-bottom: 1px solid var(--border-color--alpha);
   margin: 0 15px 0 15px;
}

.visual-actions-buckets .buckets-container .bucket:last-child {
   border-bottom: none;
}

.buckets-container a.manage-notifications {
   color: var(--textColor);
   text-decoration: none;
}

.contact span {
   color: var(--textColor);
}


.contact-us-form {
   background-color: var(--bg-color);
   color: black;
   border-radius: 5px;
}

.contact-us-form label {
   font-size: 14px;
   line-height: 21px;
   color: var(--textColor);
}

.contact-heading-container {
   height: 64px;
   margin-bottom: 16px;
}

.contact-heading {
   font-size: 20px;
   line-height: 32px;
   letter-spacing: -1px;
}

.contact-us-form .contact-heading-first {
   color: var(--active-color);
   font-weight: 600;
}

.contact-us-form .contact-heading-second {
   color: var(--textColor);
   font-weight: 600;
   margin-bottom: 15px;
}

#input-group-container {
   width: 697px;
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
}

.input-container {
   width: 100%;
   display: flex;
   gap: 16px;
}

.input-group {
   width: 100%;
}

.input-group .url {
   width: 100%;
}

.input-group input,
.input-group textarea {
   width: 340px;
   height: 40px;
   border: 1px solid var(--border-color--alpha);
   border-radius: 4px;
   outline: none;
   padding: 8px 13px;
   font-size: 14px;
   color: var(--textColor);
}

#input-group-container div:nth-child(2),
#input-group-container div:nth-child(4),
#input-group-container div:nth-child(5) {
   margin-right: 0;
}

.input-group textarea {
   width: 100%;
   height: 80px;
   resize: none;
}

.submit-btn {
   width: 701px;
   padding: 12px 0px;
   background-color: var(--active-color);
   color: white;
   border-radius: 40px;
   border: none;
   margin: 10px 0px;
   font-weight: 600;
   font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Liberation Sans, sans-serif;
}

.submit-btn:hover {
   cursor: pointer;
}

.submit-btn:disabled {
   background-color: var(--border-color--alpha);
   cursor: auto;
}

.privacy-check {
   height: 18px;
   display: flex;
}

.privacy-check input {
   width: 20px;
   accent-color: var(--active-color);
}

.privacy-check label,
.privacy-check input {
   margin: 0;
   padding: 0;
}

.privacy-check label {
   line-height: 20px;
   margin: 0 15px;
   font-size: 14px !important;
}

.privacy-check a {
   color: var(--active-color);
   text-decoration: none;
}

.mobile-input-div {
   width: 100%;
   border: solid 1px var(--border-color--alpha);
   height: 40px;
   border-radius: 4px;
}

.mobile-input-div {
   position: relative;
}

#phone-number-input,
#contact-message {
   border: none;
   border-bottom: 1px solid var(--border-color--alpha);
}

@media (max-width: 1024px) {
   .contact-leader {
      margin-bottom: 35px !important;
   }

   .section-container {
      width: 100%;
      margin-left: 0 !important;
   }

   .contact-leader-header {
      flex-direction: column;
      text-align: center;
      width: 100%;
      justify-content: center;
   }

   .contact-leader-header .contact-heading {
      width: 256px !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0px 10px !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
   }

   .contact-heading .contact-header-text {
      width: 245px !important;
      font-size: 22px !important;
      line-height: 28px !important;
      margin-bottom: 15px !important;
   }

   .contact-leader-img img {
      width: 242px !important;
      transform: scale(0.9);
   }

   .contact-leader-block {
      max-height: fit-content;
      padding: 60px 0px !important;
   }

   .content-holder {
      padding: 0px;
      margin: 0px;
   }

   .buckets-actions-container {
      flex-direction: column;
      width: 100vw;
   }

   .buckets-container {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
   }

   .redirect-actions-buckets .bucket-content {
      min-width: 232px;
      justify-content: normal;
      gap: 12px;
   }

   .redirect-actions-buckets .redirect-bucket-image,
   .redirect-bucket-image img {
      width: 40px;
      height: 40px;
   }

   .redirect-actions-buckets .buckets-container {
      padding: 0 15px;
      gap: 10px;

   }

   .redirect-actions-buckets .buckets-container .bucket {
      display: flex;
      justify-content: space-between;
      border-radius: 6px;
      padding: 10px;
      gap: 16px;
      width: 100%;
      height: 56px;
   }


   .address-container {
      margin: 20px 20px;
   }

   .address-container .address-heading {
      padding: 10px;
      font-size: 22px;
   }

   .address-container .address-details-container {
      flex-direction: column;
      gap: 10px;
      padding: 0 10px;
      margin-top: 15px;
   }

   .address-text {
      font-size: 16px;
   }

   .address-details-container .address-content.address-us-content {
      display: flex;
      flex-direction: row;
      gap: 2px;
   }

   .address-details-container .address-details .address-content {
      font-size: 14px;
      margin-top: 5px;
      font-weight: 400 !important;
   }

   .visual-actions-buckets {
      flex-direction: column;
      width: 100%;
   }

   .visual-actions-buckets .buckets-container {
      width: 100% !important;
      height: fit-content;
      border: 0;
   }

   .visual-actions-buckets .bucket {
      border: 0;
      width: 100vw;
      height: 54px;
      margin: 0 !important;
      padding: 15px 25px 15px 15px;
   }

   .buckets-container .buckets-collapse img {
      width: auto;
      height: 12px;
      margin-right: 5px;
   }

   .actions-container {
      padding: 0;
      border: 0;
   }

   .actions-container.showbgblack::before {
      content: '';
      display: block;
      height: 100vh;
      width: 100vw;
      background-color: black;
      opacity: 0.8;
      position: fixed;
      z-index: 999;
      top: 0;
   }

   .actions {
      position: fixed;
      width: 100vw;
      padding: 20px;
      bottom: 0;
      background-color: var(--bg-color);
      z-index: 1000;
      border-radius: 10px 10px 0 0;
      display: flex;
      flex-direction: column;
   }

   .actions .actions-close {
      position: absolute;
      top: 20px;
      right: 5px;
      width: 40px;
      height: 40px;
      background-image: url("/assets/img/cross.svg");
      background-repeat: no-repeat;
   }

   .contact-us-form label {
      font-weight: 500;
      color: var(--textColor);
   }

   .contact-us-form .contact-heading-second {
      line-height: 22.4px;
      font-size: 16px;
      font-weight: 400;
      margin: 0;
   }

   .contact-us-form .contact-heading-first {
      font-weight: 700;
   }

   #input-group-container {
      width: 100%;
      flex-direction: column;
   }

   .input-group .url {
      width: 100%;
   }

   .input-container {
      flex-direction: column;
      gap: 15px;
   }

   .input-group input,
   .iti {
      width: 100%;
   }

   .privacy-check {
      margin: 20px 0 30px 0;
   }

   .submit-btn {
      width: 100%;
   }

}

/* ==== abouts ===== */

.fluid-container {
   width: 100%;
}

.about-us-header {
   display: flex;
   overflow: hidden;
}

.cms .intro {
   display: flex;
   padding: 30px;
   background: var(--bg-color);
   padding-bottom: 16px;
   border-radius: 12px;
   border: 1px solid var(--border-color--alpha);
   box-shadow: 0px 2px 6px 0px #0000000D;
}

.cms .intro .content-section {
   display: flex;
   flex-direction: column;
}

.cms .intro .image-section {
   display: flex;
   min-width: 340px;
}

.cms .intro .image-section img {
   width: auto;
   height: 240px;
   object-fit: contain;
}

.cms .intro .content-desc a {
   color: var(--active-color);
}

.editorial-content {
   background: var(--bg-color);
   padding: 30px;
   border: 1px solid var(--border-color--alpha);
   border-radius: 8px;
   display: flex;
   flex-direction: row;
   gap: 25px;
   align-items: center;
}

.organisation-content {
   background: var(--bg-color);
   display: flex;
   max-width: 800px;
   width: 100%;
   margin: 0 auto;
}

.editorial-button {
   border: 1px solid var(--active-color);
   box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
   border-radius: 50px;
   color: var(--active-color) !important;
   padding: 12px 56px 12px 28px;
   cursor: pointer;
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 700;
   text-decoration: none !important;
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: center;
   background-image: url("/assets/img/right-arrow.svg");
   background-repeat: no-repeat;
   background-position-x: calc(100% - 28px);
   background-position-y: center;
}

.editorial-button:hover {
   color: #FFFFFF !important;
   background: var(--active-color);
   background-image: url("/assets/img/right-arrow-white.svg");
   background-repeat: no-repeat;
   background-position-x: calc(100% - 28px);
   background-position-y: center;
}

.editorial-button span {
   display: inline-block;
}

.editorial-button img {
   display: inline-block;
   height: 16px;
   width: 16px;
}

.offsite-content {
   background: var(--bg-color);
   display: flex;
   gap: 25px;
   align-items: center;
   border-top: 1px solid var(--active-color);
   border-bottom: 1px solid var(--active-color);
   padding: 20px 30px;
   margin: 0 auto;
   width: 400px;
}

.cms .sk-story-content {
   background: var(--bg-color);
   display: flex;
   gap: 25px;
   align-items: center;
}

.leadership-team-content {
   background: var(--bg-color);
   gap: 25px;
   text-align: center;
}

.leadership-team-content .leadership-heading {
   text-align: center !important;
}

.get-in-touch-content {
   background: var(--bg-color);
   padding: 30px;
   border: 1px solid var(--border-color--alpha);
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   gap: 25px;
   align-items: center;
   justify-content: center;
}

.get-in-touch-content .content-desc {
   padding: 0 100px;
}

.get-in-touch-content .content-desc p {
   margin-bottom: 0;
}

.get-in-touch-content .content-desc a {
   color: var(--active-color);
   text-decoration: none;
   font-weight: 600;
}

.cms .content-desc {
   display: flex;
   flex-direction: column;
   gap: 16px;
   text-align: left;
}

.organisation-content .content-desc,
.offsite-content .content-desc,
.sk-story-content .content-desc,
.get-in-touch-content .content-desc,
.get-in-touch-content .address-container {
   justify-content: center;
   text-align: center;
}

.get-in-touch-content .address-container {
   width: 100%;
   max-width: 500px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   border-top: 1px dashed var(--textColor);
   padding-top: 20px;
}

.get-in-touch-content .address-text {
   color: var(--active-color) !important;
   font-weight: 600;
}

.get-in-touch-content .address-content {
   color: var(--textColor);
   font-weight: 600;
}

.cms .section-container h1 {
   font-size: 32px !important;
   line-height: 40px;
   color: var(--textColor);
   padding: 8px 0 !important;
   margin: 0 !important;
   white-space: nowrap;
}

.cms .section-container h2 {
   color: var(--textColor);
   font-size: 24px !important;
   padding: 8px 0 !important;
}

.cms .section-container h3 {
   color: var(--textColor);
   font-size: 20px !important;
   padding: 8px 0 !important;
}

.cms .section-container h1 span,
.cms .section-container h2 span {
   color: var(--active-color);
}

.get-in-touch-content .email {
   color: #0B65F0;
}

.sk-red-color {
   color: var(--active-color);
}

.green-color {
   color: #00a055;
}

.section-container p {
   color: #666666;
   font-weight: 400 !important;
   font-size: 18px !important;
   line-height: 32px !important;
}

.section-container li {
   font-size: 20px !important;
   font-weight: 400 !important;
   line-height: 30px !important;
   color: #666666;
}

.image-listing {
   -ms-overflow-style: none;
   scrollbar-width: none;
   overflow-y: hidden;
   display: flex;
   gap: 20px;
   flex-direction: row;
   padding: 20px 0;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: grab;
   overflow: visible;
   overflow-x: auto;
}

.image-listing.is-active {
   cursor: grabbing;
   user-select: none;
}

.image-listing img {
   border-radius: 12px;
   height: 240px;
   width: 240px;
   -webkit-user-drag: none;
   -moz-user-drag: none;
   user-drag: none;
}

.image-listing img:nth-child(1n) {
   margin: 30px;
   transform: rotate(-1.4deg);
}

.image-listing img:nth-child(2n) {
   margin: 15px;
   transform: rotate(-2.97deg);
}

.image-listing img:nth-child(3n) {
   margin: 30px;
   transform: rotate(0.68deg);
}

.image-listing img:nth-child(4n) {
   margin: 15px;
   transform: rotate(0deg);
}

.image-listing::-webkit-scrollbar {
   display: none;
}

.storyline-content {
   display: flex;
   flex-wrap: wrap;
}

.storyline-content .story-item {
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   padding: 20px 0;
   justify-content: space-evenly;
   width: 100%;
}

.story-item .story-item-text {
   display: flex;
   flex-wrap: wrap;
   padding-top: 20px;
   flex-direction: column;
}

.story-item .story-item-img img {
   height: 300px;
   width: 414px;
   margin: 0;
}

.story-item ul.story-item-list {
   margin-left: 30px !important;
   padding: 16px 0 8px 0;
}

ul.story-item-list li {
   position: relative;
   width: 350px;
}

ul.story-item-list li:not(:last-child) {
   padding-bottom: 16px;
}

ul.story-item-list li:after {
   content: url("/assets/img/bullet.svg");
   position: absolute;
   left: -26px;
   top: -1px;
}

ul.story-item-list li:before {
   content: "";
   position: absolute;
   left: -20px;
   border-left: 2px dashed var(--active-color);
   height: 100%;
   margin-top: 10px;
}

.leadership-team .leadership-team-content h2 {
   text-align: left;
}

.leadership-team .team-members {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
   align-items: flex-end;
   justify-content: center;
   margin-top: 25px;
}

.leadership-team .team-members .member {
   flex: 1;
}

.member .img-background {
   background-image: url("/assets/img/red-background.png");
   background-repeat: no-repeat;
   background-position: bottom;
   background-size: contain;
}

.img-background img {
   width: auto;
   height: 220px;
   object-fit: cover;
   margin: 0 auto !important;
}

.member .member-details {
   text-align: left;
   padding: 16px;
   background: var(--bg-color);
   border-radius: 1px;
}

.member-details .member-intro {
   border-bottom: 1px solid var(--border-color--alpha);
   padding-bottom: 12px;
}

.leadership-team .member-intro .member-name {
   font-size: 20px;
   font-weight: 500;
   line-height: 22px;
   color: var(--textColor);
   padding-bottom: 6px;
}

.member-intro .other-info {
   display: flex;
   justify-content: space-between;
}

.member-intro .member-position {
   font-size: 18px;
   font-weight: 400;
   line-height: 22px;
   color: #666666;
}

.member-details .member-info {
   padding-top: 12px;
   font-size: 16px;
   line-height: 24px;
   max-height: 300px;
   overflow-y: scroll;
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
}

.member-details .social-links {
   display: flex;
   gap: 16px;
}

.action-item {
   min-width: 250px;
   padding: 0;
   justify-content: center;
   display: flex;
   margin: 0;
}

.contact-button {
   border: 1px solid var(--active-color);
   box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
   border-radius: 50px;
   background: var(--active-color);
   color: #FFFFFF !important;
   padding: 12px 56px 12px 28px;
   cursor: pointer;
   text-transform: uppercase;
   display: flex;
   font-size: 20px;
   font-weight: 700;
   text-decoration: none !important;
   gap: 10px;
   align-items: center;
   justify-content: center;
   background-image: url("/assets/img/right-arrow-white.svg");
   background-repeat: no-repeat;
   background-position-x: calc(100% - 28px);
   background-position-y: center;
}

.cms .contact-button span {
   display: inline-block;
}

.cms .contact-button img {
   display: inline-block;
   height: 16px;
   width: 16px;
}

.editorial-button {
   font-size: 16px;
   line-height: 18px;
}

.editorial-team-content .editorial-heading {
   text-align: center;
}

.cms .team-members-container {
   padding-top: 100px;
   display: flex;
   gap: 20px;
   padding-bottom: 10px;
   overflow: hidden;
   overflow-x: auto;
   overscroll-behavior-x: contain;
   scroll-snap-type: x mandatory;
}

.team-members-container::-webkit-scrollbar {
   height: 8px;
   border: none;
   background: transparent;
}

.team-members-container::-webkit-scrollbar-thumb {
   background: var(--surface-color);
   background-clip: padding-box;
   border: none;
}

.team-members-container .team-member-wrapper {
   --itemWidth: 330px;
   width: var(--itemWidth);
   min-width: var(--itemWidth);
   max-width: var(--itemWidth);
   scroll-snap-align: start;
}

.team-members-container .team-member-item {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.team-member-item .member-image {
   position: relative;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: var(--active-color);
   border-radius: 12px 12px 0 0;
}

.team-member-item .member-image img {
   margin-top: -70px;
   width: auto;
   height: 228px;
   background: transparent !important;
   object-fit: cover;
}

.team-member-item .member-content {
   flex: 1;
   padding: 12px 16px;
   background: var(--surface-color);
}

.team-member-item .member-intro {
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: space-between;
}

.team-member-item .member-social-profile {
   width: 22px;
   height: 22px;
   display: flex;
   background-size: 100%;
   background-repeat: no-repeat;
}

.team-member-item .member-social-profile.twitter {
   background-image: url("/assets/img/twitter-icon.png");
}

.team-member-item .member-social-profile.instagram {
   background-image: url("/assets/img/instagram-icon.svg");
}

.team-member-item .member-details {
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.team-member-item .member-name * {
   color: var(--textColor);
   font-weight: 500;
   font-size: 18px;
   line-height: 20px;
}

.team-member-item .member-position * {
   opacity: 0.8;
   color: #666;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
}

.team-member-item .member-bio {
   margin-top: 12px;
   border-top: 1px solid var(--border-color--alpha);
   padding-top: 12px;
   padding-right: 12px;
   margin-right: -10px;
   max-height: 184px;
   overflow-y: auto;
}

.team-member-item .member-bio::-webkit-scrollbar {
   width: 5px;
   background: transparent;
}

.team-member-item .member-bio::-webkit-scrollbar-thumb {
   background: transparent;
   background-clip: padding-box;
   background: var(--surface-color);
   border-radius: 20px;
}

.team-member-item .member-bio * {
   color: #666;
   font-weight: 400;
   font-size: 15px;
   line-height: 26px;
}

.editorial-process-info {
   margin-top: 26px;
   margin-bottom: 20px;
   text-align: center;
   color: #666;
   font-weight: 400;
   font-size: 18px;
   line-height: 27px;
}

.editorial-process-content .process-img-content {
   display: flex;
   gap: 12px;
}

.editorial-process-portal {
   background: var(--bg-color);
   padding: 30px;
   border: 1px solid var(--border-color--alpha);
   border-radius: 8px;
}

.editorial-process-portal .editorial-heading {
   text-align: center;
   padding-bottom: 24px !important;
}

.editorial-process-content .process-img-content::before {
   --size: 12px;
   content: "";
   top: 6px;
   margin-right: 8px;
   position: relative;
   display: flex;
   width: var(--size);
   min-width: var(--size);
   height: var(--size);
   min-height: var(--size);
   background-color: #000;
   border-radius: 50%;
}

.editorial-process-content .process-img-content * {
   display: flex;
   color: #666;
   font-weight: 400;
   font-size: 16px;
   line-height: 28px;
}

.process-portal-banner {
   margin-bottom: -10px;
}

.content-holder .cms div {
   color: var(--textColor);
}

.cms .section {
   margin: 40px 0;
}

@media (max-width: 1024px) {
   .cms .section {
      margin: 24px 16px;
   }

   .cms .intro {
      flex-direction: column;
      padding: 16px;
   }

   .cms .intro .content-desc {
      text-align: left;
      justify-content: center;
   }

   .cms .section-container h1 {
      font-size: 20px !important;
      line-height: 25px;
      padding: 0 !important;
      text-align: left;
      white-space: unset;
   }

   .section-container p {
      margin: 0;
      font-size: 14px !important;
      line-height: 21px !important;
   }

   .editorial-content {
      flex-direction: column;
      border: none;
      box-shadow: none;
      border-radius: unset;
      padding: 6px;
      gap: 16px;
   }

   .cms .section-container h2 {
      font-size: 16px !important;
      padding: 8px 0 !important;
      text-align: center;
      white-space: nowrap;
   }

   .team-members-container {
      flex-direction: column;
      gap: 90px !important;
   }

   .team-members-container .team-member-wrapper {
      --itemWidth: 90vw;
   }

   .team-member-item .member-bio * {
      font-size: 14px;
      line-height: 23px;
   }

   .get-in-touch-content {
      padding: 20px !important;
   }

   .get-in-touch-content .content-desc {
      padding: 0 !important;
   }

   .get-in-touch-content .content-desc p {
      margin-bottom: 0;
   }

   .address-container {
      border: 0px solid var(--border-color--alpha);
      margin-top: 0px;
      border-radius: 0px;
   }

   .cms .w-100 {
      width: auto !important;
   }
}

/* policies */
.content-holder.policies-p p,
.content-holder.policies-p ul {
   clear: both;
   width: 100%;
   padding: 0 24px;
   font-size: 18px !important;
   line-height: 35px !important;
   color: #222;
   background: transparent !important;
}

.content-holder.policies-p ul li {
   list-style: disc;
}

.content-holder.policies-p ul,
.content-holder.policies-p ul li {
   margin: 0 24px !important;
}

@media (max-width: 1024px) {

   .content-holder.policies-p p,
   .content-holder.policies-p ul {
      padding: 0 15px !important;
      font-size: 16px !important;
      line-height: 24px !important;
   }

   .content-holder.policies-p ul,
   .content-holder.policies-p ul li {
      margin: 0 15px !important;
   }
}

/* ================= editorialTeam =====================*/

.ta-c {
   text-align: center;
}

.editorial-hero-portal {
   margin-top: 30px;
}

.hero-portal-container {
   max-width: 1300px;
   display: flex;
   margin: 0 auto;
   align-items: center;
   justify-content: space-between;
   background: var(--bg-color);
   border: 1px solid var(--border-color--alpha);
   border-radius: 12px;
   box-shadow: 0px 2px 6px 0px #0000000D;
}

.hero-portal-container .content-section {
   display: flex;
   flex-direction: column;
   gap: 20px;
   justify-content: flex-start;
   align-items: flex-start;
   padding: 30px;
}

.hero-portal-container .content-section h1 {
   color: var(--textColor);
   letter-spacing: -0.01em;
   font-weight: 600;
   font-size: 32px;
   line-height: 40px;
}

.hero-portal-container .content-section .content-desc {
   font-family: 'Poppins', -apple-system, BlinkMacSystemFont, Segoe UI, Liberation Sans, sans-serif;
   font-weight: 400;
   font-size: 18px;
   line-height: 27px;
   color: #666;
}

.hero-portal-container .image-section {
   flex: 0.4;
}

.hero-portal-container .image-section img {
   background: transparent;
   object-fit: cover;
   margin: 0
}

.editorial-body-content {
   margin: 0 auto;
   max-width: 1300px;
}

.editorial h1 {
   text-align: center;
   font-weight: 600;
   font-size: 32px;
   line-height: 40px;
   letter-spacing: -0.01em;
   color: var(--textColor);
   float: unset;
   margin: 0;
}

.editorial h1>span {
   color: var(--active-color);
}

.editorial-body-content img {
   background: transparent;
}

.editorial-journalist-portal {
   margin: 100px 0;
   display: flex;
   flex-direction: column;
   gap: 26px;
}

.editorial-journalist-portal h1 {
   padding: 0 100px;
}

.editorial-journalist-portal .content-section {
   padding: 0 50px;
   display: flex;
   flex-wrap: wrap;
   text-align: center;
   gap: 16px;
   color: #666666 !important;
   font-weight: 400;
   font-size: 18px;
   line-height: 27px;
}

.editorial-journalist-portal .content-section span {
   color: #666666 !important;
}

.editorial-process-portal {
   border: 1px solid var(--active-color);
   border-radius: 8px;
   padding: 30px 60px;
   margin-bottom: 100px;
}

.editorial-process-info {
   margin-top: 26px;
   margin-bottom: 20px;
   text-align: center;
   color: #666 !important;
   font-weight: 400;
   font-size: 18px;
   line-height: 27px;
}

.editorial-process-content {
   display: flex;
   flex-direction: column;
   gap: 24px;
   padding: 20px;
   background: var(--bg-color);
   border: 1px solid var(--border-color--alpha);
   border-radius: 12px;
   box-shadow: 0px 2px 6px 0px #0000000D;
}

.editorial-process-content .process-img-content {
   display: flex;
   gap: 12px;
}

.editorial-process-content .process-img-content::before {
   --size: 12px;
   content: "";
   top: 6px;
   margin-right: 8px;
   position: relative;
   display: flex;
   width: var(--size);
   min-width: var(--size);
   height: var(--size);
   min-height: var(--size);
   background-color: var(--textColor);
   border-radius: 50%;
}

.process-portal-banner {
   margin-bottom: -10px;
}

.managing-editor-msg {
   display: flex;
   margin-bottom: 100px;
   align-items: flex-start;
}

.managing-editor-msg .editor-pic {
   flex: 0.237;
   border: 1px solid var(--border-color--alpha);
   padding: 30px 66px;
   margin-right: 44px;
}

.managing-editor-msg .editor-pic .editor-info {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   padding-top: 26px;
   gap: 10px;
}

.managing-editor-msg .editor-pic .editor-info span {
   width: 100%;
   text-align: center;
}

.managing-editor-msg .editor-pic .editor-info span.name {
   color: var(--textColor);
   font-weight: 500;
   font-size: 22px;
   line-height: 23px;
}

.managing-editor-msg .editor-pic .editor-info span.position {
   font-size: 18px;
   font-weight: 400;
   line-height: 23px;
   color: #666666;
   opacity: 0.8;
}

.managing-editor-msg .editor-pic .editor-info img {
   margin-top: 11px;
}

.managing-editor-msg .editor-msg {
   flex: 0.763;
}

.managing-editor-msg .editor-msg h1 {
   text-align: left;
   border-bottom: 1px solid var(--border-color--alpha);
   padding: 10px 0 20px;
   font-weight: 500;
}

.managing-editor-msg .editor-msg .editor-content {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   padding: 20px 0;
   color: #666666;
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
}

.managing-editor-msg .editor-msg .editor-content span {
   color: #666666 !important;
}

.managing-editor-msg .editor-msg .editor-signature {
   display: flex;
   justify-content: space-between;
   align-items: start;
}

.managing-editor-msg .editor-msg .signature-content {
   display: flex;
   flex-wrap: wrap;
   text-align: right;
   font-weight: 500;
   font-size: 20px;
   line-height: 32px;
   color: #2D2D2D;
}

.managing-editor-msg .editor-msg .signature-content span {
   width: 100%;
}

.report-section {
   background: var(--footer-bg);
   padding: 48px 0;
}

.report-section-container {
   max-width: 1300px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.report-section-container .content {
   flex: 0.61;
   display: flex;
   flex-wrap: wrap;
}

.report-section-container .content h1 {
   color: #fff;
}

.report-section-container .content .content-data {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   margin-top: 20px;
   color: #828282;
   font-weight: 400;
   font-size: 18px;
   line-height: 27px;
}

.report-section-container .content .content-data span {
   color: #b3b1b1 !important;
}

.report-section-container .report-form {
   background: var(--bg-color);
   border: 1px solid var(--border-color--alpha);
   box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.04);
   border-radius: 4px;
   padding: 30px 16px;
   flex: 0.31;
}

.report-section-container .report-form .form-content form {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}

.report-section-container .report-form .form-content input[type="email"],
.report-section-container .report-form .form-content textarea {
   width: 100%;
   border: 1px solid var(--border-color--alpha);
   border-radius: 4px;
   padding: 12px;
   resize: none;
   font-family: inherit;
}

.report-section-container .report-form .form-content button {
   width: 100%;
   background: var(--active-color);
   border-radius: 40px;
   color: #FFFFFF;
   border: none;
   padding: 11.5px;
   font-size: 14px;
   line-height: 17px;
   font-weight: 600;
   cursor: pointer;
}

.report-section-container .report-form .or-content {
   color: var(--textColor);
   display: block;
   text-align: center;
   margin: 20px 0;
   padding: 0 6px;
   position: relative;
   font-size: 14px;
   line-height: 17px;
   color: #666666;
}

.report-section-container .report-form .or-content:after,
.report-section-container .report-form .or-content:before {
   content: '';
   position: absolute;
   width: 43%;
   top: 7px;
   border: 1px solid var(--border-color--alpha);
}

.report-section-container .report-form .or-content:after {
   left: 0;
}

.report-section-container .report-form .or-content:before {
   right: 0;
}

.report-section-container .report-form .contact {
   color: #828282;
   font-size: 14px;
   line-height: 17px;
   display: flex;
   justify-content: center;
   font-weight: 400;
   margin-bottom: 12px;
}

.report-section-container .report-form a {
   display: flex;
   justify-content: center;
   text-decoration: none !important;
   color: #2D2D2D !important;
   font-size: 14px;
   line-height: 17px;
   font-weight: 400;
}

footer {
   display: flex;
   justify-content: center;
   background: #2D2D2D;
   padding: 12px;
}

footer .footer-text {
   color: #FFFFFF;
   font-size: 12px;
   font-weight: 400;
   line-height: 17px;
}

div#footer-empty-div {
   display: none;
}

.managing-editor-msg .editor-pic .editor-info .social-icons-container {
   display: flex;
   gap: 24px;
   margin-top: 20px;
}

.managing-editor-msg .editor-pic .editor-info img.social-icons {
   width: 30px;
   height: 30px;
   margin: 0;
   cursor: pointer;
}

.content-wrapper {
   max-width: 1300px;
   margin: 0 auto;
}

.page-section .page-section-heading {
   display: flex;
   justify-content: center;
   align-items: center;
}

.page-section .page-section-heading h2 {
   margin: 0;
   color: var(--textColor);
   font-weight: 500;
   font-size: 32px;
   line-height: 40px;
}

.page-section .page-section-heading h2 span {
   color: var(--active-color);
}

.page-section .page-section-content {
   padding-top: 10px;
}

.editorial-team-section {
   margin: 100px 0;
}

.grid .team-members-container {
   padding-top: 100px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 20px !important;
   row-gap: 100px !important;
}

.grid .team-members-container .team-member-wrapper {
   --itemWidth: 100%;
   width: var(--itemWidth);
   min-width: var(--itemWidth);
   max-width: 358px;
}

@media (max-width: 1024px) {
   .editorial-hero-portal {
      height: auto;
   }

   .hero-portal-container {
      margin: 16px;
   }

   .hero-portal-container .content-section {
      padding: 16px;
      gap: 12px;
   }

   .hero-portal-container .content-section h1 {
      width: 100%;
      margin: 0 !important;
      text-align: left;
      font-size: 20px;
      line-height: 25px;
   }

   .hero-portal-container .content-section .content-desc {
      font-size: 14px;
      line-height: 21px;
      display: inline-flex;
   }

   .editorial-journalist-portal {
      gap: 10px;
      margin: 48px 0;
   }

   .editorial-journalist-portal h1 {
      margin: 0 !important;
      padding: 0 30px;
      font-size: 20px;
      line-height: 25px;
   }

   .editorial-journalist-portal .content-section {
      padding: 0 16px;
      font-size: 14px;
      line-height: 20px;
   }

   .editorial-process-portal {
      padding: 0 16px;
      border: none;
      margin-bottom: 48px;
   }

   .editorial-process-portal h1 {
      font-size: 20px;
      line-height: 25px;
   }

   .editorial-process-info {
      margin-top: 16px;
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 20px;
   }

   .editorial-process-content.no {
      background-color: transparent;
      border: none;
      box-shadow: none;
      padding: 0;
      gap: 16px;
   }

   .editorial-process-content .process-img-content::before {
      --size: 6px;
      margin-right: 0;
   }

   .editorial-process-content .process-img-content * {
      font-size: 14px;
      line-height: 20px;
   }

   .managing-editor-msg {
      flex-wrap: wrap;
      padding: 0 16px;
      margin-bottom: 48px;
   }

   .managing-editor-msg h1.managing-editor-msg-heading {
      padding: 0 55px;
      font-size: 20px;
      line-height: 25px;
      width: 100%;
      margin-bottom: 26px !important;
   }

   .managing-editor-msg .editor-pic {
      flex: auto;
      display: flex;
      gap: 16px;
      margin-right: 0;
      padding: 16px 14px;
      align-items: center;
   }

   .managing-editor-msg .editor-pic img.editor-img {
      width: 108px;
      height: 108px;
   }

   .managing-editor-msg .editor-pic .editor-info {
      gap: 5px;
      justify-content: left;
      padding-top: 0;
   }

   .managing-editor-msg .editor-pic .editor-info span.name {
      font-weight: 600;
      font-size: 16px;
      line-height: 16px;
      text-align: start;
   }

   .managing-editor-msg .editor-pic .editor-info span.position {
      font-size: 14px;
      line-height: 16px;
      text-align: start;
   }

   .managing-editor-msg .editor-pic .editor-info .social-icons-container {
      margin-top: 5px;
      gap: 15px;
   }

   .managing-editor-msg .editor-msg {
      flex: auto;
   }

   .managing-editor-msg .editor-msg .editor-content {
      gap: 15px;
      font-size: 14px;
      line-height: 21px;
   }

   .managing-editor-msg .editor-msg .signature-content {
      font-size: 14px;
      line-height: 22px;
   }

   .editorial-team-section {
      padding: 16px;
      margin: 50px 0;
   }

   .page-section .page-section-heading h2 {
      font-size: 20px;
      line-height: 25px;
   }

   .grid .team-members-container {
      padding-top: 70px;
      display: flex;
      flex-direction: row;
      overflow: hidden;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
   }

   .grid .team-members-container .team-member-wrapper {
      --itemWidth: 80vw;
      scroll-snap-align: start;
   }

   .report-section {
      padding: 26px 12px;
   }

   .report-section-container {
      flex-wrap: wrap;
   }

   .report-section-container .content .content-data {
      margin-top: 16px;
      padding: 0 4px;
      font-size: 14px;
      line-height: 20px;
   }

   .report-section-container .content {
      flex: auto;
      justify-content: center;
      margin-bottom: 26px;
   }

   .report-section-container .content h1 {
      font-size: 20px;
      line-height: 25px;
      margin-bottom: 0px !important;
   }

   .report-section-container .report-form {
      flex: auto;
   }

   .report-section-container .report-form .form-content form {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
   }

}

/*========================= Ad Portal ==================== */
.ad .flexbox {
   display: flex;
}

.ad .highlight {
   color: var(--active-color);
}

.ad .flexbox-center {
   align-items: center;
   justify-content: center;
}

.ad-portal-container {
   position: relative;
   display: block;
   clear: both;
   margin: 0;
   padding: 0;
   min-height: 100vh;
}

.ad-portal-container img {
   background: transparent;
   object-fit: cover;
   margin: 0 !important;
}

.portal-hero-bg {
   display: block;
   width: 100%;
   overflow: hidden;
   height: 537px;
   background: var(--active-color);
   background-size: cover;
}

.portal-hero-container {
   max-width: 1300px;
   width: 100%;
   margin: 0 auto;
   height: 100%;
   position: relative;
}

.portal-hero-container>div {
   flex: 1 0 0;
}

.hero-cta-text {
   flex-direction: column;
   align-items: flex-start;
   padding-top: 90px;
   gap: 64px;
}

.hero-cta-text h1 {
   font-size: 42px;
   line-height: 52px;
   letter-spacing: -0.01em;
   color: #fff;
   text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
   margin: 0;
}

.header-asterisk {
   position: absolute;
   bottom: 16px;
   left: 0;
   font-weight: 500;
   font-size: 20px;
   line-height: 25px;
   letter-spacing: 0.08em;
   color: #fff !important;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.ad-portal-tf-cta {
   align-items: center;
   justify-content: space-between;
   border: 0;
   border-radius: 60px;
   padding: 16px 32px;
   font-weight: bold;
   font-size: 20px;
   line-height: 25px;
   letter-spacing: -0.01em;
   text-transform: uppercase;
   color: var(--active-color);
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.ad-portal-tf-cta.ad-portal-tf-alternate {
   color: #ffffff;
   background: var(--active-color);
}

.ad-portal-tf-cta.header-btn {
   padding: 8px 16px;
   font-size: 14px;
   line-height: 17px;
   margin: 0;
   display: inline-flex;
   float: right;
   position: relative;
   bottom: 36px;
   right: 16px;
}

.ad-portal-tf-cta img {
   margin-left: 16px !important;
   width: 16px;
   height: 16px;
}

.ad-portal-tf-cta.header-btn img,
.ad-portal-tf-cta.ad-portal-tf-cta-fab img {
   margin-left: 6px;
}

.ad-portal-tf-cta.ad-portal-tf-cta-fab {
   position: fixed;
   bottom: 16px;
   /* width: 230px; */
   left: calc(50% - 115px);
}

.shout-out-container {
   justify-content: center;
   align-items: flex-end;
   margin-right: -100px;
}

.shout-out-container img {
   /* width: 555px; */
}

.portal-section {
   max-width: 1300px;
   margin: 0 auto;
   margin-top: 100px;
}

.portal-section h1 {
   text-align: center;
   font-weight: bold;
   font-size: 32px;
   line-height: 40px;
   letter-spacing: -0.01em;
   color: var(--textColor);
   margin: unset;
   float: unset;
}

.portal-section-content {
   padding: 42px 0;
   margin: 0 auto;
}

.audience-info {
   gap: 60px;
}

.data-point-container {
   flex-direction: column;
   gap: 4px;
}

.data-point-container .bg-icon-box {
   width: 80px;
   height: 80px;
   border-radius: 50%;
   margin-bottom: 8px;
   flex-shrink: 0;
}

.data-point-container .bg-icon-box img {
   width: auto;
   height: 100%;
}

.data-point-container .data-text-content {
   gap: 4px;
   flex-direction: column;
}

.data-point-container .data-text-content h3 {
   color: var(--textColor);
}

.audience-info .data-text-content {
   text-align: center;
}

.data-text-content h3 {
   color: var(--textColor);
}

.data-text-content ul {
   list-style: unset;
   padding-left: 20px;
   padding-top: 12px;
   max-width: 305px;
}

.data-point-container span,
.data-point-container li {
   font-size: 16px;
   line-height: 24px;
   color: #666666;
}

.social-container {
   padding: 20px;
   gap: 26px;
   background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, (var(--border-color--alpha)) 50.68%, rgba(250, 250, 250, 0) 100%);
   flex-wrap: wrap;
   border-top: 1px solid var(--border-color--alpha);
   border-bottom: 1px solid var(--border-color--alpha);
}

.social-container h3 {
   color: var(--textColor);
}

.social-container>div {
   gap: 16px;
}

.social-container .social-app-icon {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   overflow: hidden;
   flex-shrink: 0;
}

.partner-carousel {
   flex-wrap: nowrap;
   overflow: auto !important;
   border-radius: 8px;
   scroll-snap-type: x mandatory;
   margin-top: 20px;
}

.partner-carousel-item {
   width: 100%;
   height: 236px;
   flex-shrink: 0;
   scroll-snap-align: start;
}

.partner-carousel-item img {
   width: 100%;
}

.hotline-container {
   flex-wrap: wrap;
}

.hotline-container>div {
   width: 33%;
   border-right: 1px solid var(--border-color--alpha);
   padding: 0 26px;
}

.hotline-container>div:first-child {
   padding: 0;
   padding-right: 26px;
}

.hotline-container>div:last-child {
   border: none;
}

.portal-ppt-box {
   padding: 48px 0;
   background: var(--surface-color);
   margin-top: 58px;
}

.portal-ppt-container {
   max-width: 1300px;
   width: 100%;
   margin: 0 auto;
   gap: 42px;
   align-items: flex-start;
}

.portal-ppt-container .ppt-info {
   flex-direction: column;
   gap: 16px;
}

.ppt-info h3 {
   color: var(--textColor);
}

.ppt-info span {
   font-size: 20px;
   line-height: 30px;
   color: #666666;
}

.ppt {
   position: relative;
   display: block;
   width: 100%;
   aspect-ratio: auto 960 / 569;
}

.ppt iframe {
   border-radius: 8px;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.portal-yt-section {
   max-width: unset;
}

.yt-carousel {
   padding: 42px 42px;
   gap: 24px;
   flex-wrap: nowrap;
   overflow: auto !important;
}

.yt-carousel .yt-video {
   flex-shrink: 0;
   max-width: 421px;
   width: 100%;
   aspect-ratio: auto 16 / 9;
   border-radius: 8px;
   overflow: hidden;
   background: var(--surface-color);
}

.yt-video iframe {
   width: 100%;
   height: 100%;
}

.ad-format-container {
   margin-top: 40px;
   justify-content: space-between !important;
}

.ad-gif {
   /* margin: 0 40px; */
}

.ad-gif img {
   max-width: 600px;
   min-height: 440px;
}

.ad-gif h4 {
   font-weight: 500;
   margin-top: 15px;
   text-align: center;
   color: var(--textColor);
}

.brands-container {
   align-items: center !important;
   flex-wrap: wrap !important;
   gap: 60px;
   border-top: 1px solid var(--border-color--alpha) !important;
   border-bottom: 1px solid var(--border-color--alpha) !important;
   padding: 16px 0 !important;
   margin-top: 42px;
}

.brands-container img {
   flex-shrink: 0;
   width: auto;
   height: 36px !important;
}

.ad .copyright-footer {
   margin-top: 189px;
}

.portal-yt-section .view-all-button {
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: var(--active-color);
   border-radius: 20px;
   background-color: #fff;
   padding: 8px 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid var(--active-color);
   cursor: pointer;
   margin: 0 auto;
}

.view-all-button img {
   width: 20px;
   height: 20px;
   margin-left: 8px;
}

.view-all-button span {
   color: var(--active-color);
}

@media (max-width: 1024px) {
   .portal-hero-bg {
      aspect-ratio: auto 360 / 611;
   }

   .portal-hero-bg,
   .portal-hero-container {
      height: 100%;
   }

   .portal-hero-container {
      flex-direction: column;
   }

   .hero-cta-text {
      padding: 48px 16px 0;
      align-items: center;
      gap: 48px;
   }

   .header-asterisk {
      bottom: 12px;
      left: 16px;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.01em;
      color: #f9f9f9;
   }

   .shout-out-container {
      margin: 0;
   }

   .ad-portal-tf-cta {
      padding: 16px 32px;
      font-size: 20px;
      line-height: 25%;
   }

   .hero-cta-text h1 {
      font-size: 30px;
      line-height: 37px;
      text-align: center;
      margin-bottom: 0 !important;
      padding: 0 16px;
   }

   .shout-out-container img {
      width: calc(100% - 90px);
   }

   h3 {
      font-size: 16px;
      line-height: 20px;
   }

   .ad-portal-container {
      margin-top: 0;
   }

   .portal-section {
      padding: 0 16px;
      margin-top: 48px;
   }

   .portal-section h1 {
      font-size: 20px;
      line-height: 25px;
   }

   .portal-section-content {
      padding: 28px 0;
   }

   .audience-info,
   .social-container {
      flex-wrap: wrap;
      justify-content: flex-start;
   }

   .hotline-container,
   .audience-info {
      gap: 0;
      justify-content: flex-start;
   }

   .data-point-container,
   .social-container {
      flex-direction: row;
      justify-content: flex-start !important;
   }

   .data-point-container {
      gap: 12px;
      padding: 10px 0;
   }

   .audience-info .data-point-container {
      width: 50%;
   }

   .data-point-container .bg-icon-box {
      width: 50px;
      height: 50px;
   }

   .ppt-info span,
   .data-point-container span {
      font-size: 14px;
      line-height: 20px;
   }

   .data-point-container .data-text-content {
      text-align: left;
   }

   .data-text-content ul {
      padding-top: 4px;
      max-width: unset;
   }

   .social-container {
      padding: 20px 16px;
      column-gap: 30px;
      row-gap: 20px;
   }

   .social-container>div {
      gap: 12px;
      flex: 1;
      justify-content: flex-start !important;
   }

   .social-container>div:last-child:nth-child(odd) {
      justify-content: center !important;
   }

   .social-container .social-app-icon {
      width: 36px;
      height: 36px;
   }

   .partner-carousel-item {
      height: auto;
      aspect-ratio: auto 328 / 243;
   }

   .hotline-container {
      gap: 20px
   }

   .hotline-container>div {
      width: 100%;
      padding: 0;
      border: none;
   }

   .portal-ppt-box {
      margin-top: 20px;
      padding: 24px 16px;
   }

   .yt-carousel,
   .portal-ppt-container {
      flex-direction: column;
      gap: 26px;
   }

   .ppt-info img {
      display: none !important;
   }

   .yt-carousel {
      padding: 26px 0;
   }

   .ad-format-container {
      flex-direction: column;
   }

   .ad-gif {
      margin-bottom: 60px;
      min-width: 200px;
   }

   .brands-container {
      gap: 22px;
      margin-top: 26px;
   }

   .brands-container img {
      height: 22px !important;
   }

   .copyright-footer {
      margin-top: 48px !important;
   }
}

@media screen and (max-width: 360px) {
   .social-container>div:last-child:nth-child(odd) {
      max-width: 100%;
   }
}