html {
   /* font-size: 1vw !important; */
   -webkit-text-size-adjust: 100% !important;
   scroll-behavior: smooth !important;
}

html,
body,
p,
ul,
ol,
li {
   font-synthesis: none;
   font-kerning: none;
   font-variant-ligatures: none;
   /* font-feature-settings: "kern" 0, "calt" 0, "liga" 0, "clig" 0, "dlig" 0, "hlig" 0; */
   /* font-family: unset; */
   -webkit-font-smoothing: subpixel-antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: geometricprecision;
   white-space: normal;
   list-style-position: inside;
}

.celpip * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   /* font-size: 1vw !important; */
   -webkit-text-size-adjust: 100% !important;

   font-synthesis: none;
   font-kerning: none;
   font-variant-ligatures: none;
   -webkit-font-smoothing: subpixel-antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: geometricprecision;
   white-space: normal;
}

.celpip img {
   width: 100%;
   height: auto;
}

.celpip {
   --celpip-primary-bg-color: #075cb0;
   --celpip-primary-bg-dark-color: #075cb0;
   --celpip-gap: 1rem;
   --celpip-gap-large: 2rem;
   --celpip-font-size-primary: 1.2rem;
   --celpip-font-size-large: 2rem;
   max-width: 1344px;
   margin: 0 auto;
}

.celpip .sm-pd {
   padding-top: calc(var(--celpip-gap) * 1);
   padding-bottom: calc(var(--celpip-gap) * 1);
}

.celpip .pd-md {
   padding-top: calc(var(--celpip-gap) * 1.5);
   padding-bottom: calc(var(--celpip-gap) * 1.5);
}

.celpip .pd-xl {
   padding-top: calc(var(--celpip-gap) * 2.5);
   padding-bottom: calc(var(--celpip-gap) * 2.5);
}

.celpip .safePadding {
   padding-left: calc(var(--celpip-gap) * 2);
   padding-right: calc(var(--celpip-gap) * 2);
}

.celpip h2,
.celpip h3,
.celpip p {
   color: #272525 !important;
}

.celpip .title_large {
   font-size: 2.3rem !important;
   line-height: 1.2 !important;
}

.celpip .title_medium {
   font-size: var(--celpip-font-size-large) !important;
   line-height: 1.2 !important;
   font-style: italic;
}

.celpip p {
   font-size: var(--celpip-font-size-primary) !important;
}

.celpip_header {
   display: block;
   position: relative;
   width: 100%;
   min-height: calc(100vh * 0.4);
   /* min-height: 80vh; */
   /* height: 100%; */
   /* height: calc(100% - 16px); */
}

.celpip_header .backdrop {
   display: block;
   position: absolute;
   background-position: center 30%;
   background-repeat: no-repeat;
   background-size: cover;
   /* background-size: 100vmin 100%; */
   height: 100%;
   width: 100%;
   z-index: -1;
}


.viewBoxWithArrow,
.viewBoxWithArrow ul,
.viewBoxWithArrow li {
   list-style: none;
}

.viewBoxWithArrow {
   --viewBoxWithArrowColor: #ada16b;
   --viewBoxWithArrowSize: 1rem;
   --viewBoxWithArrowSizeHalf: calc(var(--viewBoxWithArrowSize)/2);
   line-height: 1;
   padding-left: var(--viewBoxWithArrowSize);
   padding-right: var(--viewBoxWithArrowSize);
}

.viewBoxWithArrow ul {
   border-left: 1px solid var(--viewBoxWithArrowColor);
}

.viewBoxWithArrow ul,
.viewBoxWithArrow li {
   padding-left: calc(var(--viewBoxWithArrowSize)/2);
}

.viewBoxWithArrow .title {
   position: relative;
   color: #111;
   font-weight: bold;
}

.viewBoxWithArrow p {
   padding-top: var(--viewBoxWithArrowSizeHalf);
   padding-bottom: var(--viewBoxWithArrowSizeHalf);
   color: #333;
   line-height: 1.1;
}

.viewBoxWithArrow .title::before {
   content: '';
   position: absolute;
   display: inline-block;
   width: var(--viewBoxWithArrowSize);
   height: var(--viewBoxWithArrowSize);
   background-color: var(--viewBoxWithArrowColor);
   left: calc(var(--viewBoxWithArrowSize)*-1);
}

.viewBoxWithArrow .arrow {
   position: relative;
   height: var(--viewBoxWithArrowSize);
   background-color: var(--viewBoxWithArrowColor);
   margin-left: calc(var(--viewBoxWithArrowSizeHalf)*-1);
}

.viewBoxWithArrow .arrow::before,
.viewBoxWithArrow .arrow::after {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
}

.viewBoxWithArrow .arrow::after {
   border-top: var(--viewBoxWithArrowSizeHalf) solid transparent;
   border-bottom: var(--viewBoxWithArrowSizeHalf) solid transparent;
   border-left: var(--viewBoxWithArrowSizeHalf) solid var(--viewBoxWithArrowColor);
   right: calc(var(--viewBoxWithArrowSizeHalf)*-1);
}

.viewBoxWithArrow .arrow::before {
   border-top: var(--viewBoxWithArrowSizeHalf) solid var(--viewBoxWithArrowColor);
   border-bottom: var(--viewBoxWithArrowSizeHalf) solid var(--viewBoxWithArrowColor);
   border-left: var(--viewBoxWithArrowSizeHalf) solid transparent;
   left: calc(var(--viewBoxWithArrowSizeHalf)*-1);
}

.viewBoxWithArrowWrapper {
   display: flex;
   flex-direction: row;
   /* flex-wrap: wrap; */
   gap: 1rem;
   padding-top: 2rem;
   padding-bottom: 2rem;
}

.viewBoxWithArrowWrapper>* {
   width: 25%;
}

.thumbViewWrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   /* gap: 1rem; */
   padding-top: 2rem;
   padding-bottom: 2rem;
}

.thumbViewWrapper>* {
   width: 50%;
}

.thumbView {
   display: flex;
   flex-direction: column;
   padding: 1rem;
   align-items: center;
}

.thumbView p {
   text-align: center;
}

.thumbView p.title {
   font-size: 1.2rem;
   font-weight: bold;
}



.celpip_header .linkList ul,
.celpip_header .linkList li {
   list-style: none;
}

.celpip_header .linkList ul {
   display: flex;
   flex-wrap: wrap;
   font-size: inherit;
   gap: 0.5rem;
}

.celpip_header .linkList li {
   width: 49%;
   font-size: inherit;
}

.celpip_header .linkList a {
   display: flex;
   align-items: center;
   background-color: var(--celpip-primary-bg-color);
   color: #fff;
   border-radius: 3.5rem;
   height: 3.5rem;
   line-height: 1;
   text-align: center;
   padding: 1rem;
   word-wrap: break-word;
   font-weight: bold;
   font-size: var(--celpip-font-size-primary) !important;
}

.celpip_header .linkList a:hover {
   background-color: var(--celpip-primary-bg-dark-color);
}


.celpip_content_view {
   display: flex;
   flex-direction: row-reverse;
   gap: 3rem;
}

.celpip_content_view>* {
   display: flex;
   flex-direction: column;
   flex: 1;
}

.celpip_content_view iframe {
   width: 100%;
   height: auto;
   aspect-ratio: 2/1;
}

.celpip_content_list {
   display: flex;
   flex-wrap: wrap;
   gap: 2rem;
}


.celpip_content_list .content_item {
   display: flex;
   flex: 1;
   width: 100%;
   border-radius: 1.5rem;
   background-color: var(--celpip-primary-bg-color) !important;
}

.celpip_content_list .content_item_content {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 2rem;
   font-size: var(--celpip-font-size-primary) !important;
}

.celpip_content_list .content_item_content p {
   color: #fff !important;
   font-size: inherit !important;
   width: 100%;
   text-align: left;
}

.celpip_content_list .content_item_content p.title {
   font-weight: bold;
   font-size: 120% !important;
}

.celpip_content_list .content_item_content img {
   display: inline-block;
   width: auto !important;
   width: fit-content !important;
   /* max-height: 130px; */
   height: 130px !important;
   padding-top: var(--celpip-gap);
   padding-bottom: var(--celpip-gap);
}

.celpip_content_list .content_item_content a {
   font-size: inherit !important;
   color: #f3cf32;
   text-decoration: underline;
}

.celpip_content_list.center .content_item_content p {
   text-align: center;
}

.celpip_content_list.center .content_item {
   justify-content: center;
}

.celpip_review_list {
   display: flex;
   flex-direction: column;
   gap: 2rem;
}

.celpip_review_box {
   display: flex;
   flex-direction: row;
   gap: 2rem;
}

.celpip_review_box .review_image img {
   max-height: 250px;
}

.celpip_review_box .review_content {
   display: flex;
   flex-direction: column;
   /* align-items: center; */
   justify-content: center;
}

.celpip_review_box .title {
   font-size: var(--celpip-font-size-large) !important;
   margin-bottom: 1rem;
}

.celpip_review_box .title span {
   display: block;
   font-size: var(--celpip-font-size-primary) !important;
}

.celpip .fontStyle1 {
   font-size: var(--celpip-font-size-primary) !important;
}

.celpip .fontStyle1 a,
.celpip .fontStyle1 p,
.celpip .fontStyle1 li {
   font-size: inherit !important;
   line-height: 2;
}

.celpip .textContent1 span,
.celpip .textContent1 b {
   display: block;
   padding-top: var(--celpip-gap);
}

.celpip a.linkStyle1 {
   display: inline-block;
   /* color: var(--celpip-primary-bg-color); */
   font-weight: bold;
   text-decoration: underline;
   color: #ffffff;
   background: #e52237;
   text-decoration: none;
   padding: 10px 20px;
   border: none;
   border-radius: 6px;
}

.celpip a.linkStyle1:hover {
   /* color: var(--celpip-primary-bg-dark-color); */
}

.celpip .socialLinks {
   display: flex;
   flex-direction: row;
   gap: var(--celpip-gap);
}

.celpip .socialLinks a {
   text-decoration: none;
}

.celpip .socialLinks a img {
   width: auto !important;
   max-height: 96px;
}

@media (max-width: 769px) {

   .viewBoxWithArrowWrapper {
      flex-direction: column;
      align-items: center;
      /* flex-wrap: wrap; */
      gap: 2rem;
   }

   .viewBoxWithArrowWrapper>* {
      width: 50%;
   }

   .thumbViewWrapper {
      flex-direction: column;
      align-items: center;
   }

   .thumbViewWrapper>* {
      width: 80%;
   }
}