.header-sticky { transition: all 0.5s; }
.transformed { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 800; transform: translateY(-100%); }
.transformed .header-area-inner { height: 80px; }
.sticky { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 800; background-color: #FFFFFF; transform: translateY(0%); }
.sticky .header-area-inner { height: 80px; }

.page-title-wrapper { margin-top: 30px; margin-bottom: 45px; }
@media only screen and (max-width: 991px) { .page-title-wrapper { margin-bottom: 10px; } }
.page-title-wrapper .page-title { font-size: 140px; font-weight: 400; line-height: 130px; letter-spacing: -7px; }
@media only screen and (max-width: 1399px) { .page-title-wrapper .page-title { font-size: 120px; letter-spacing: -5px; } }
@media only screen and (max-width: 1199px) { .page-title-wrapper .page-title { font-size: 100px; line-height: 110px; letter-spacing: -3px; } }
@media only screen and (max-width: 991px) { .page-title-wrapper .page-title { font-size: 75px; line-height: 85px; letter-spacing: 0px; } }
@media only screen and (max-width: 767px) { .page-title-wrapper .page-title { font-size: 55px; line-height: 65px; } }
@media (max-width: 575px) { .page-title-wrapper .page-title { font-size: 32px; line-height: 40px; } }
.page-title-wrapper .page-title span { font-family: var(--font_ppeditor); }

.side-info-4 {
  top: 0; left: 0; z-index: 0; width: 100vw; height: 100vh; position: fixed; text-align: left; padding: 0 100px; overflow-y: scroll; background: var(--white); clip-path: inset(0 0 100% 0); transition: clip-path 0.9s ease-in-out, opacity 0.9s ease-in-out;
}
.dark .side-info-4 { background-color: var(--black); }
@media only screen and (max-width: 991px) { .side-info-4 { padding: 0 20px; } }
.side-info-4.info-open { opacity: 1; z-index: 99999999; clip-path: inset(0 0 0 0); }
.side-info-4 .offcanvas-4 .offset-header { padding-top: 25px; display: flex; align-items: center; padding-bottom: 24px; justify-content: space-between; border-bottom: 1px solid var(--border); }
.side-info-4 .offcanvas-4 .offset-header h6 { color: var(--secondary); font-size: 16px; font-weight: 400; line-height: 18px; letter-spacing: -0.48px; margin-right: auto; }
@media only screen and (max-width: 767px) { .side-info-4 .offcanvas-4 .offset-header h6 { display: none; } }
.side-info-4 .offcanvas-4 .offset-header .date { color: var(--secondary); font-size: 16px; font-weight: 400; line-height: 18px; font-family: var(--font_bdogrotesk); letter-spacing: -0.48px; }
@media only screen and (max-width: 767px) { .side-info-4 .offcanvas-4 .offset-header .date { display: none; } }
.side-info-4 .offcanvas-4 .offset-logo { width: 95px; margin-right: 225px; }
@media only screen and (max-width: 767px) { .side-info-4 .offcanvas-4 .offset-logo { margin-right: 0; } }
.side-info-4 .offcanvas-4 .offset-logo img { width: 100%; }