/* CSS Document */
/*$p: clamp(12px, 0.9vw, 16px);
$plarge: clamp(14px, 1vw, 18px);*/
.page-template-default a {
  color: #31125F;
  text-decoration: underline; }

.post-template-default .flexibleModule {
  padding: 60px 0 !important; }

.defaultBTN.whiteBTN svg path {
  fill: #31125F; }

/* SEARCH */
.searchWrap {
  padding: 70px 0;
  position: relative;
  overflow: hidden;
  /*article {
  	padding: 30px 0;
  	border-bottom: 1px solid #eee;
  	margin: 0 0 15px;
  	
  	.entry-title {
  		margin: 0;
  		
  		a {
  			color: $navy;
  			font-size: clamp(18px, 1.6vw, 36px);
  			margin: 0 0 15px;
  			display: inline-block;
  		}
  	}
  	
  }*/ }
  .searchWrap .page-title {
    font-size: clamp(35px, 2.8vw, 45px);
    color: #31125F;
    margin: 0 0 40px; }
  .searchWrap .searchResults {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .searchWrap .searchResults article {
      padding: 15px;
      flex: 0 0 33.333333%; }
      .searchWrap .searchResults article .searchBox {
        height: 100%;
        padding: 30px;
        background: #F2E9FF;
        border-left: 9px solid #893FFC; }
        .searchWrap .searchResults article .searchBox .searchMid {
          width: 100%; }
          .searchWrap .searchResults article .searchBox .searchMid h2 {
            font-size: clamp(20px, 1.5vw, 25px);
            margin: 0;
            color: #31125F; }
        .searchWrap .searchResults article .searchBox .btnWrap {
          margin: 30px 0 0; }
          .searchWrap .searchResults article .searchBox .btnWrap a:hover {
            background: #fff;
            color: #31125F; }
  @media screen and (max-width: 991px) {
    .searchWrap {
      padding: 60px 0; }
      .searchWrap .searchResults article {
        flex: 0 0 50%; } }
  @media screen and (max-width: 768px) {
    .searchWrap .searchResults article {
      flex: 0 0 100%; } }

.no-results form label {
  margin-bottom: 0;
  width: 50%;
  margin-right: 20px; }
  .no-results form label input {
    outline-offset: 0;
    border-radius: 5px;
    padding: 14px 25px;
    border: 1px solid #dedede;
    -webkit-appearance: auto;
    width: 100%; }
.no-results form input[type="submit"] {
  padding: 18px 25px;
  border-radius: 5px;
  line-height: 1;
  border: 0;
  font-size: clamp(12px, 0.9vw, 16px);
  overflow: hidden;
  background: #31125F;
  color: white;
  transition: 0.4s; }
  .no-results form input[type="submit"]:hover {
    background: #F2E9FF;
    color: #31125F; }

/* CSS Document */
.postsPage {
  padding: 0 0 6vw;
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */
  /* CSS Document */ }
  .postsPage .container {
    position: inherit; }
  .postsPage .postsWrap {
    display: flex;
    flex-wrap: wrap; }
    .postsPage .postsWrap .postsMainCol {
      flex: 0 0 65%; }
      .postsPage .postsWrap .postsMainCol ul li, .postsPage .postsWrap .postsMainCol ol li {
        position: relative; }
      .postsPage .postsWrap .postsMainCol .postsFlexibleSec {
        padding: 0 0 30px !important; }
        .postsPage .postsWrap .postsMainCol .postsFlexibleSec:last-child {
          padding: 0 !important; }
        .postsPage .postsWrap .postsMainCol .postsFlexibleSec strong {
          font-weight: 400; }
        .postsPage .postsWrap .postsMainCol .postsFlexibleSec b {
          font-weight: bolder; }
        .postsPage .postsWrap .postsMainCol .postsFlexibleSec ul li::before {
          content: "";
          display: inline-block;
          height: 11px;
          width: 11px;
          background-color: #893FFC;
          margin-right: 20px;
          position: absolute;
          left: -30px;
          top: 13px; }
    .postsPage .postsWrap .postsSideCol {
      flex: 0 0 25%;
      padding: 0 4vw 0 0; }
      .postsPage .postsWrap .postsSideCol .postsSideBar {
        position: sticky;
        top: 150px; }
        .postsPage .postsWrap .postsSideCol .postsSideBar .sideBarBox {
          					/*position: sticky;
              				top: 140px;*/
          padding-left: 1.2vw;
          border-left: 6px solid #893FFC; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .sideBarBox p {
            color: #31125F;
            margin: 0 0 20px;
            font-weight: 500;
            font-size: 18px; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .sideBarBox ol {
            /* margin: 10px 0 0 30px; */
            margin: 0;
            list-style: none; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .sideBarBox ol li {
              padding: 8px 0;
              border-bottom: 1px solid #ececec; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .sideBarBox ol li::marker {
                color: #31125F;
                font-size: clamp(14px, 0.9vw, 18px); }
              .postsPage .postsWrap .postsSideCol .postsSideBar .sideBarBox ol li a {
                color: #6A6A6A;
                margin: 0;
                padding: 5px 0;
                display: inline-flex;
                font-size: 14px;
                text-decoration: none; }
        .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents {
          display: none; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card {
            border: 0;
            border-bottom: 0;
            margin: 0;
            background: #f9f9f9;
            display: inline-flex;
            min-width: 100%;
            padding: 30px 0; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-header {
              border-radius: 0;
              background: transparent;
              padding: 0;
              border: 0;
              position: relative; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-header a {
                padding: 0 30px;
                display: flex;
                color: #31125F;
                font-size: clamp(16px, 1.1vw, 26px);
                margin: 0;
                line-height: 1.4;
                text-decoration: none;
                align-items: center;
                justify-content: space-between;
                font-weight: 500; }
                .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-header a svg {
                  width: 20px;
                  height: 20px;
                  transform: rotate(0);
                  transition: .5s; }
                  .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-header a svg path {
                    fill: #31125F; }
                .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-header a[aria-expanded="true"] svg {
                  transform: rotate(180deg); }
                .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-header a:focus {
                  outline: 0; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-body {
              padding: 30px 30px 0; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-body p {
                color: #31125F; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-body ol {
                margin: 10px 0 0 30px; }
                .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-body ol li::marker {
                  color: #31125F;
                  font-weight: 400;
                  font-size: clamp(14px, 0.9vw, 18px); }
                .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents .card .card-body ol li a {
                  color: #6A6A6A;
                  margin: 0;
                  padding: 5px 0;
                  display: inline-flex;
                  font-weight: 400;
                  font-size: clamp(14px, 0.9vw, 18px);
                  text-decoration: none; }
        .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar {
          padding: 2vw;
          border-radius: 20px;
          background: #31125F;
          margin: 30px 0 0;
          /*position: sticky;
          top: 100px;*/ }
          .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar {
            /*margin: 90px 0 0;*/
            /*top: 150px;
            position: sticky;*/
            margin: 70px 0 0; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar.showMobile {
              display: none; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar img {
              width: 80%;
              border-radius: 100%;
              aspect-ratio: 1;
              display: block;
              margin: -90px auto 15px; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar p.h5 {
              margin: 0 0 20px; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar .advisorList {
              background: #22314C;
              padding: 20px;
              border-radius: 20px;
              margin: 0 0 15px; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar .advisorList ul {
                margin: 0;
                list-style: none; }
                .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar .advisorList ul li {
                  position: relative;
                  padding: 6px 0 6px 40px;
                  line-height: 1.6;
                  font-size: clamp(12px, 0.9vw, 16px);
                  color: #fff; }
                  .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar .advisorList ul li svg {
                    position: absolute;
                    top: 12px;
                    left: 0;
                    width: 15px;
                    height: 15px; }
                    .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar .advisorList ul li svg path {
                      fill: #fff; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar h2, .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar h3, .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar h4, .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar h5, .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar h6 {
            font-size: clamp(32px, 2.6vw, 54px);
            margin: 0 0 25px;
            color: #fff; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar p.h5 {
            font-size: clamp(32px, 2.6vw, 54px);
            margin: 0 0 25px;
            color: #fff; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar p {
            color: #fff;
            margin: 0 0 25px; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar .sideLink {
            display: flex;
            align-items: center;
            padding: 5px 0;
            text-decoration: none; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar .sideLink svg {
              width: 15px;
              height: 15px;
              margin: 0 15px 0 0; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar .sideLink svg path {
                fill: #fff; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar .sideLink span {
              font-size: clamp(14px, 0.9vw, 18px);
              color: #fff; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar .sideLink:hover {
              text-decoration: none; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.calculatorSideBar {
            padding: 0;
            border-radius: 0;
            background: transparent;
            margin: 0;
            border: 0; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.calculatorSideBar .arrowBTN {
              border-radius: 20px;
              background: #0e1e3c;
              margin: 30px 0 0;
              padding: 2vw;
              display: flex;
              width: 100%;
              font-size: clamp(16px, 1.1vw, 26px); }
              .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.calculatorSideBar .arrowBTN svg {
                width: 1vw;
                height: 1vw;
                margin: 0 0 0 18px;
                max-width: 22px;
                max-height: 22px;
                min-width: 15px;
                min-height: 15px; }
  .postsPage.caseSinglePage {
    padding: 4vw 0 6vw; }
    .postsPage.caseSinglePage .postsWrap .caseSingleSideCol {
      flex: 0 0 35%;
      padding: 0 0 0 5vw; }
      .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar {
        position: relative;
        top: auto;
        height: 100%; }
        .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarBox {
          height: 100%; }
        .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .caseThumb img {
          height: 25vw;
          border-radius: 20px;
          object-fit: cover;
          object-position: center;
          width: 100%; }
        .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarAuthor .sideBarAuthorBox {
          padding: 20px;
          border-radius: 20px;
          background: #f9f9f9;
          height: 100%;
          display: flex;
          align-items: center;
          margin: 30px 0 0;
          text-decoration: none; }
          .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarAuthor .sideBarAuthorBox img {
            width: 5vw;
            height: 5vw;
            min-width: 70px;
            min-height: 70px;
            padding: 0;
            object-fit: cover;
            object-position: center;
            border-radius: 100px;
            margin: 0; }
          .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarAuthor .sideBarAuthorBox .authorInfo {
            flex: 0 0 calc(100% - 5vw);
            padding: 0 0 0 15px; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarAuthor .sideBarAuthorBox .authorInfo .pill {
              margin: 0 0 5px;
              padding: 4px 7px; }
              .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarAuthor .sideBarAuthorBox .authorInfo .pill p {
                font-size: 8px; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarAuthor .sideBarAuthorBox .authorInfo p {
              font-size: 12px;
              margin: 0; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .sideBarAuthor .sideBarAuthorBox .authorInfo p.h5 {
              font-size: clamp(24px, 1.6vw, 48px);
              margin: 0 0 5px; }
        .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar {
          padding: 2vw;
          border-radius: 20px;
          background: #31125F;
          margin: 30px 0 0;
          /*position: sticky;
          top: 100px;*/ }
          .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar {
            /*margin: 90px 0 0;*/
            /*top: 150px;
            position: sticky;*/
            margin: 70px 0 0; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar.showMobile {
              display: none; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar img {
              width: 50%;
              border-radius: 100%;
              aspect-ratio: 1;
              display: block;
              margin: -90px auto 15px; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar p.h5 {
              margin: 0 0 20px;
              color: #fff;
              text-align: center; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar p {
              color: #fff; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar .advisorList {
              background: #22314C;
              padding: 20px;
              border-radius: 20px;
              margin: 0 0 15px; }
              .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar .advisorList ul {
                margin: 0;
                list-style: none; }
                .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar .advisorList ul li {
                  position: relative;
                  padding: 6px 0 6px 40px;
                  line-height: 1.6;
                  font-size: clamp(12px, 0.9vw, 16px);
                  color: #fff; }
                  .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar .advisorList ul li svg {
                    position: absolute;
                    top: 12px;
                    left: 0;
                    width: 15px;
                    height: 15px; }
                    .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar .advisorList ul li svg path {
                      fill: #fff; }
  .postsPage h1, .postsPage .h1 {
    font-size: clamp(35px, 2.8vw, 45px);
    margin: 30px 0 15px;
    color: #31125F; }
  .postsPage h2, .postsPage .h2 {
    font-size: clamp(25px, 2vw, 35px);
    margin: 30px 0 25px;
    color: #31125F;
    display: flex; }
  .postsPage h3, .postsPage .h3 {
    font-size: clamp(20px, 1.5vw, 25px);
    margin: 30px 0 15px;
    color: #31125F; }
  .postsPage h4, .postsPage .h4 {
    font-size: clamp(18px, 1.5vw, 20px);
    margin: 30px 0 15px;
    color: #31125F; }
  .postsPage h5, .postsPage .h5 {
    font-size: clamp(18px, 1.5vw, 20px);
    margin: 30px 0 15px;
    color: #31125F; }
  .postsPage h6, .postsPage .h6 {
    font-size: clamp(18px, 1.5vw, 20px);
    margin: 30px 0 15px;
    color: #31125F; }
  .postsPage p {
    color: #31125F;
    display: inline-block;
    width: 100%; }
    .postsPage p a {
      color: #31125F;
      text-decoration: underline; }
  .postsPage ol {
    margin: 0 0 0 20px; }
    .postsPage ol li {
      color: #31125F;
      padding: 8px 0 8px 10px;
      font-size: 16px; }
      .postsPage ol li strong {
        font-weight: 400; }
      .postsPage ol li a {
        color: #31125F;
        text-decoration: underline; }
  .postsPage ul {
    margin: 0 0 0 30px;
    list-style-type: none; }
    .postsPage ul li {
      color: #31125F;
      padding: 8px 0;
      font-size: 16px; }
      .postsPage ul li strong {
        font-weight: 400; }
      .postsPage ul li a {
        color: #31125F;
        text-decoration: underline; }
  .postsPage img {
    width: 100%; }
  .postsPage table {
    width: 100%;
    margin: 30px 0 20px; }
    .postsPage table thead {
      background: #31125F; }
      .postsPage table thead tr {
        border-bottom: 1px solid #eee; }
        .postsPage table thead tr th {
          font-size: 16px;
          padding: 10px 10px 10px 20px;
          font-weight: 400;
          color: #fff;
          position: relative; }
          .postsPage table thead tr th::before {
            content: "";
            border-right: 3px solid #893FFC;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 10px;
            display: inline-block;
            width: 3px;
            height: 60%; }
          .postsPage table thead tr th:empty::before {
            display: none; }
    .postsPage table tbody {
      background-color: #F2E9FF; }
      .postsPage table tbody tr td {
        font-size: 16px;
        padding: 10px;
        font-weight: 300;
        color: #31125F;
        border-bottom: 3px solid #fff;
        vertical-align: baseline; }
        .postsPage table tbody tr td a {
          color: #31125F; }
          .postsPage table tbody tr td a:visited {
            color: #31125F; }
      .postsPage table tbody tr:last-child td {
        border-bottom: 0; }
  .postsPage .btnWrap {
    margin: 30px 0 0; }
    .postsPage .btnWrap .arrowBTN {
      margin: 0 10px 0 0;
      border: 0 !important; }
    @media screen and (max-width: 991px) {
      .postsPage .btnWrap {
        margin: 20px 0 0; }
        .postsPage .btnWrap .arrowBTN {
          margin: 10px 10px 0 0; } }
  .postsPage .postsContent.res_intro p {
    font-family: "TTlivret" !important;
    font-size: clamp(25px, 2vw, 35px);
    font-weight: 400;
    line-height: 1.4; }
  .postsPage .postsContent h2 {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 25px; }
    .postsPage .postsContent h2:before {
      content: "";
      border-right: 6px solid #893FFC;
      margin-right: 15px; }
  .postsPage .postsContentBox .postsBox {
    padding: 2vw;
    border-top: 11px solid #893FFC; }
    .postsPage .postsContentBox .postsBox h2 {
      margin-top: 0;
      margin-bottom: 15px;
      padding: 0;
      border: none; }
      .postsPage .postsContentBox .postsBox h2::before {
        display: none; }
    .postsPage .postsContentBox .postsBox p {
      color: #31125F; }
    .postsPage .postsContentBox .postsBox p strong {
      font-size: clamp(25px, 2vw, 35px);
      margin: 0 0 15px;
      font-weight: 400;
      font-family: 'TTlivret' !important;
      line-height: 1.2;
      display: block; }
    .postsPage .postsContentBox .postsBox ul {
      list-style-type: none; }
      .postsPage .postsContentBox .postsBox ul li {
        position: relative;
        font-weight: 300; }
        .postsPage .postsContentBox .postsBox ul li::before {
          content: "";
          display: inline-block;
          height: 11px;
          width: 11px;
          background-color: #893FFC;
          margin-right: 20px;
          position: absolute;
          left: -30px;
          top: 13px; }
    .postsPage .postsContentBox .postsBox.blueFlare {
      background: #F2E9FF; }
      .postsPage .postsContentBox .postsBox.blueFlare h1, .postsPage .postsContentBox .postsBox.blueFlare h2, .postsPage .postsContentBox .postsBox.blueFlare h3, .postsPage .postsContentBox .postsBox.blueFlare h4, .postsPage .postsContentBox .postsBox.blueFlare h5, .postsPage .postsContentBox .postsBox.blueFlare h6 {
        color: #31125F; }
      .postsPage .postsContentBox .postsBox.blueFlare p {
        color: #31125F; }
      .postsPage .postsContentBox .postsBox.blueFlare ul li {
        color: #31125F; }
      .postsPage .postsContentBox .postsBox.blueFlare .btnWrap a.navyBTN:hover {
        background-color: #fff; }
      .postsPage .postsContentBox .postsBox.blueFlare.borderLeft {
        border-top: none;
        border-left: 9px solid #31125F; }
    .postsPage .postsContentBox .postsBox.navyFlare {
      background: #31125F; }
      .postsPage .postsContentBox .postsBox.navyFlare h1, .postsPage .postsContentBox .postsBox.navyFlare h2, .postsPage .postsContentBox .postsBox.navyFlare h3, .postsPage .postsContentBox .postsBox.navyFlare h4, .postsPage .postsContentBox .postsBox.navyFlare h5, .postsPage .postsContentBox .postsBox.navyFlare h6 {
        color: #fff; }
      .postsPage .postsContentBox .postsBox.navyFlare p {
        color: #fff; }
      .postsPage .postsContentBox .postsBox.navyFlare ul li {
        color: #fff; }
        .postsPage .postsContentBox .postsBox.navyFlare ul li a {
          color: #fff; }
      .postsPage .postsContentBox .postsBox.navyFlare.borderLeft {
        border-top: none;
        border-left: 9px solid #893FFC; }
  @media screen and (max-width: 991px) {
    .postsPage .postsContentBox .postsBox {
      padding: 30px; } }
  .postsPage .imageContent img {
    width: 100%; }
  .postsPage .postCtaImage {
    position: relative;
    	/*&::before{
    		content:"";
    		background-image: url("/wp-content/themes/ahr/comps/-global/flares/triangle-corner2.png");
    		background-repeat: no-repeat;
    		position: absolute;
    		top: -1px;
    		right: -2px;
    		z-index: 2;
    		width: 180px;
        	height: 135px;
    		
    	}*/ }
    .postsPage .postCtaImage .postCtaImageWrap {
      display: flex;
      align-items: flex-end;
      position: relative;
      overflow: hidden;
      height: 25vw;
      text-decoration: none;
      margin: 0 0 30px; }
      .postsPage .postCtaImage .postCtaImageWrap img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        object-fit: cover;
        object-position: center;
        transform-origin: center;
        transition: .5s; }
      .postsPage .postCtaImage .postCtaImageWrap .gradientOverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(90deg, #0e1e3c 0%, rgba(14, 30, 60, 0) 80%); }
      .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText {
        position: relative;
        z-index: 2;
        width: 60%;
        padding: 2vw; }
        .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h1, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h2, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h3, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h4, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h5, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h6, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText p strong {
          font-size: clamp(25px, 2vw, 35px);
          margin: 0 0 15px;
          color: #fff;
          font-weight: 400;
          font-family: 'TTlivret', serif !important;
          line-height: 1.2; }
          .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h1:before, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h2:before, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h3:before, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h4:before, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h5:before, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText h6:before, .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText p strong:before {
            display: none; }
        .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText p {
          color: #fff;
          margin: 0 0 15px; }
      .postsPage .postCtaImage .postCtaImageWrap .btnWrap {
        margin: 15px 0 0; }
      .postsPage .postCtaImage .postCtaImageWrap:hover {
        text-decoration: none; }
        .postsPage .postCtaImage .postCtaImageWrap:hover img {
          transform: scale(1.1); }
      .postsPage .postCtaImage .postCtaImageWrap:last-child {
        margin: 0; }
    @media screen and (max-width: 991px) {
      .postsPage .postCtaImage .postCtaImageWrap {
        height: 50vw; }
        .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText {
          width: 70%;
          padding: 30px; } }
    @media screen and (max-width: 768px) {
      .postsPage .postCtaImage::before {
        width: 182px;
        height: 44px; }
      .postsPage .postCtaImage .postCtaImageWrap {
        height: 80vw; }
        .postsPage .postCtaImage .postCtaImageWrap .postCtaImageText {
          width: 100%; }
        .postsPage .postCtaImage .postCtaImageWrap .gradientOverlay {
          background: #31125F;
          opacity: .6; } }
  .postsPage .videoContent video {
    width: 100%; }
  .postsPage .quoteContent .quotePostWrap {
    display: block;
    flex-wrap: wrap;
    padding: 2vw;
    background-color: #F2E9FF;
    border-left: 9px solid #31125F;
    border-radius: 0;
    position: relative;
    	/*&::before{
    	content: url("/wp-content/themes/ahr/comps/-global/flares/triangles.svg");
    	position: absolute;
    	bottom: -8px;
    	right: 0;
    }*/ }
    .postsPage .quoteContent .quotePostWrap svg path {
      fill: #31125F; }
    .postsPage .quoteContent .quotePostWrap .quoteText {
      padding: 30px 0 0 65px; }
      .postsPage .quoteContent .quotePostWrap .quoteText .quote {
        color: #31125F;
        font-size: clamp(25px, 2vw, 35px);
        font-family: "TTlivret" !important;
        margin: 0;
        line-height: 1.4; }
      .postsPage .quoteContent .quotePostWrap .quoteText .quoteAuthor {
        display: inline-flex;
        margin: 40px 0 0;
        align-items: center; }
        .postsPage .quoteContent .quotePostWrap .quoteText .quoteAuthor img {
          height: 90px;
          width: 90px;
          object-fit: cover;
          object-position: top center;
          border-radius: 100px; }
        .postsPage .quoteContent .quotePostWrap .quoteText .quoteAuthor .quoteAutherText {
          padding: 0 0 0 15px; }
          .postsPage .quoteContent .quotePostWrap .quoteText .quoteAuthor .quoteAutherText p.h6 {
            font-size: clamp(22px, 2vw, 33px);
            color: #31125F;
            margin: 0; }
          .postsPage .quoteContent .quotePostWrap .quoteText .quoteAuthor .quoteAutherText p.date {
            color: #31125F;
            margin: 0;
            font-size: 11px; }
          .postsPage .quoteContent .quotePostWrap .quoteText .quoteAuthor .quoteAutherText a.link {
            margin: 0;
            font-size: clamp(12px, 0.7vw, 14px);
            color: #31125F; }
  @media screen and (max-width: 991px) {
    .postsPage .quoteContent .quotePostWrap {
      padding: 30px; }
      .postsPage .quoteContent .quotePostWrap svg {
        width: 50px; }
      .postsPage .quoteContent .quotePostWrap .quoteText {
        padding: 30px 0 0 50px; }
        .postsPage .quoteContent .quotePostWrap .quoteText .quoteAuthor img {
          height: 70px;
          width: 70px; } }
  .postsPage .postsContentMediaBox .postsBox {
    border-left: 9px solid #31125F; }
    .postsPage .postsContentMediaBox .postsBox.blueFlare {
      background: #F2E9FF; }
    .postsPage .postsContentMediaBox .postsBox.navyFlare {
      background: #31125F;
      border-left: 9px solid #893FFC; }
      .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText .pill {
        border: 1px solid #fff; }
        .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText .pill p {
          color: #fff; }
      .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText h1, .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText h2, .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText h3, .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText h4, .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText h5, .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText h6 {
        font-size: clamp(25px, 2vw, 35px);
        color: #fff; }
      .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText p {
        color: #fff; }
      .postsPage .postsContentMediaBox .postsBox.navyFlare .mediaTextWrap .mediaText ul li {
        color: #fff; }
    .postsPage .postsContentMediaBox .postsBox .mediaTextWrap {
      display: flex;
      flex-wrap: wrap;
      margin: 0 0 6vw; }
      .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaImage {
        flex: 0 0 50%; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaImage img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText {
        flex: 0 0 50%;
        padding: 3vw; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText .pill {
          border-radius: 20px;
          padding: 6px 15px;
          background: transparent;
          border: 1px solid #31125F; }
          .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText .pill p {
            margin: 0;
            color: #31125F; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h1, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h2, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h3, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h4, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h5, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h6 {
          font-size: clamp(25px, 2vw, 35px);
          margin: 0 0 40px;
          color: #31125F; }
          .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h1:before, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h2:before, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h3:before, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h4:before, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h5:before, .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText h6:before {
            display: none; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText p {
          color: #31125F; }
      .postsPage .postsContentMediaBox .postsBox .mediaTextWrap:last-child {
        margin: 0; }
      .postsPage .postsContentMediaBox .postsBox .mediaTextWrap.mediaRight .mediaImage {
        order: 1; }
  @media screen and (max-width: 991px) {
    .postsPage .postsContentMediaBox .postsBox {
      padding: 30px; }
      .postsPage .postsContentMediaBox .postsBox .mediaTextWrap {
        margin: 0 0 50px; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaImage {
          flex: 0 0 100%;
          padding: 0; }
          .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaImage img {
            margin: 0 0 30px; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap .mediaText {
          flex: 0 0 100%; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap:last-child {
          margin: 0; }
        .postsPage .postsContentMediaBox .postsBox .mediaTextWrap.mediaRight .mediaImage {
          order: -1;
          padding: 0; } }
  .postsPage .benefitPostSec .benefitPostHead {
    margin: 0 0 1vw; }
    .postsPage .benefitPostSec .benefitPostHead h1, .postsPage .benefitPostSec .benefitPostHead h2, .postsPage .benefitPostSec .benefitPostHead h3, .postsPage .benefitPostSec .benefitPostHead h4, .postsPage .benefitPostSec .benefitPostHead h5, .postsPage .benefitPostSec .benefitPostHead h6, .postsPage .benefitPostSec .benefitPostHead p strong {
      font-size: clamp(25px, 2vw, 35px);
      margin: 0 0 15px;
      color: #31125F;
      font-weight: 400;
      font-family: TTlivret !important;
      line-height: 1.2; }
    .postsPage .benefitPostSec .benefitPostHead p {
      color: #31125F; }
  .postsPage .benefitPostSec .benefitPostWrap {
    position: relative;
    display: flex; }
    .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox {
      flex: 1 0 50%;
      padding: 40px 30px;
      position: relative;
      background: #31125F; }
      .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h1, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h2, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h3, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h4, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h5, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h6, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox p strong {
        font-size: clamp(25px, 2vw, 35px);
        margin: 0 0 20px;
        font-weight: 400;
        font-family: TTlivret !important;
        line-height: 1.2;
        color: #fff; }
        .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h1:before, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h2:before, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h3:before, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h4:before, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h5:before, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox h6:before, .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox p strong:before {
          display: none; }
      .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox .pill {
        border-radius: 20px;
        padding: 6px 15px;
        background: transparent;
        border: 1px solid #fff; }
        .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox .pill p {
          margin: 0;
          color: #fff; }
      .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox ul {
        margin: 15px 0 0 0;
        list-style: none; }
        .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox ul li {
          position: relative;
          padding: 8px 0 8px 30px;
          line-height: 1.6;
          font-size: 16px;
          color: #fff; }
          .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox ul li::before {
            display: none; }
          .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox ul li svg {
            position: absolute;
            top: 12px;
            left: 0;
            width: 17px;
            height: 17px; }
            .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox ul li svg path {
              fill: #fff; }
      .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox p {
        color: #fff; }
      .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox .btnWrap {
        margin: 30px 0 0; }
    .postsPage .benefitPostSec .benefitPostWrap .imageContainer {
      width: 50%;
      position: relative; }
      .postsPage .benefitPostSec .benefitPostWrap .imageContainer svg {
        position: absolute;
        top: 0;
        right: 0; }
      .postsPage .benefitPostSec .benefitPostWrap .imageContainer img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  @media screen and (max-width: 991px) {
    .postsPage .benefitPostSec .benefitPostHead {
      margin: 30px 0 -15px; }
    .postsPage .benefitPostSec .benefitPostWrap {
      position: relative;
      padding: 30px 0 0 0; }
      .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox {
        padding: 30px; }
        .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox ul li {
          padding: 6px 0 6px 30px; }
          .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox ul li svg {
            width: 15px;
            height: 15px; } }
  @media screen and (max-width: 768px) {
    .postsPage .benefitPostSec .benefitPostHead {
      margin: 30px 0 -25px; }
    .postsPage .benefitPostSec .benefitPostWrap {
      flex-wrap: wrap; }
      .postsPage .benefitPostSec .benefitPostWrap .benefitPostBox {
        padding: 30px;
        flex: 0 0 100%; }
      .postsPage .benefitPostSec .benefitPostWrap .imageContainer {
        width: 100%; } }
  .postsPage .downloadPostSec .downloadPostWrap {
    padding: 4vw;
    position: relative;
    display: flex;
    align-items: center;
    background: #F2E9FF; }
    .postsPage .downloadPostSec .downloadPostWrap .pill {
      border-radius: 20px;
      padding: 6px 15px;
      background: transparent;
      border: 1px solid #31125F; }
      .postsPage .downloadPostSec .downloadPostWrap .pill p {
        margin: 0;
        color: #31125F; }
    .postsPage .downloadPostSec .downloadPostWrap .downloadPostCard {
      width: 50%;
      position: relative; }
      .postsPage .downloadPostSec .downloadPostWrap .downloadPostCard img {
        width: 100%;
        object-fit: contain;
        position: relative;
        z-index: 3; }
      .postsPage .downloadPostSec .downloadPostWrap .downloadPostCard:before {
        content: '';
        position: absolute;
        top: -1.5vw;
        left: -1.5vw;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #d9b9ff -40%, rgba(220, 236, 250, 0) 60%);
        z-index: 2; }
    .postsPage .downloadPostSec .downloadPostWrap .downloadPostText {
      width: 50%;
      padding: 2vw 0 0 40px;
      position: relative; }
      .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h1, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h2, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h3, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h4, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h5, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h6, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText p strong {
        color: #31125F;
        font-size: clamp(25px, 2vw, 35px);
        font-weight: 400;
        font-family: TTlivret !important;
        line-height: 1.2; }
        .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h1:before, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h2:before, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h3:before, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h4:before, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h5:before, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText h6:before, .postsPage .downloadPostSec .downloadPostWrap .downloadPostText p strong:before {
          display: none; }
      .postsPage .downloadPostSec .downloadPostWrap .downloadPostText p {
        color: #31125F; }
    .postsPage .downloadPostSec .downloadPostWrap.blueFlare .downloadPostText .btnWrap a.navyBTN:hover {
      background-color: #fff; }
    .postsPage .downloadPostSec .downloadPostWrap.navyFlare {
      background: #31125F; }
      .postsPage .downloadPostSec .downloadPostWrap.navyFlare .pill {
        border: 1px solid #fff;
        color: #fff; }
      .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText h1, .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText h2, .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText h3, .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText h4, .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText h5, .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText h6, .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText p strong, .postsPage .downloadPostSec .downloadPostWrap.navyFlare .downloadPostText p {
        color: #fff; }
  @media screen and (max-width: 991px) {
    .postsPage .downloadPostSec .downloadPostWrap {
      padding: 0 0 0;
      position: relative;
      flex-direction: column; }
      .postsPage .downloadPostSec .downloadPostWrap .downloadPostCard {
        margin-top: 70px;
        text-align: center;
        width: auto; }
        .postsPage .downloadPostSec .downloadPostWrap .downloadPostCard::before {
          top: -26px;
          left: -26px; }
        .postsPage .downloadPostSec .downloadPostWrap .downloadPostCard img {
          width: 200px; }
      .postsPage .downloadPostSec .downloadPostWrap .downloadPostText {
        padding: 30px;
        width: 100%; }
        .postsPage .downloadPostSec .downloadPostWrap .downloadPostText .pill {
          position: relative;
          margin: 0 0 20px 0; } }
  .postsPage .podcastPostSec .podcastPostWrap {
    padding: 30px;
    background: #31125F; }
    .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo {
      display: flex;
      flex-wrap: wrap; }
      .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText {
        flex: 0 0 70%;
        padding: 0 30px 0 0; }
        .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText .pill {
          background: #31125F;
          margin: 0 0 15px;
          border: 1px solid #fff; }
          .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText .pill p {
            color: #fff; }
        .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText h1, .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText h2, .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText h3, .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText h4, .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText h5, .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText h6 {
          color: #fff;
          margin: 0 0 15px;
          font-size: clamp(25px, 2vw, 35px); }
        .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText p {
          color: #fff;
          margin: 0; }
      .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions {
        flex: 0 0 30%;
        display: flex;
        flex-wrap: wrap; }
        .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          flex: 0 0 100%;
          flex-wrap: wrap;
          height: 80px; }
          .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex: 0 0 100%;
            flex-wrap: wrap;
            text-decoration: none; }
            .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div p {
              margin: 0;
              color: #fff;
              width: auto;
              display: flex;
              align-items: center; }
              .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div p svg {
                width: 35px;
                height: 35px;
                margin: 0 10px 0 0; }
                .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div p svg path {
                  fill: #fff; }
            .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div span {
              width: 70px;
              height: 70px;
              margin: 0 0 0 15px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              border: 1px solid #fff;
              border-radius: 100px;
              background: transparent;
              transition: .5s; }
              .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div span svg {
                height: 35px;
                width: 35px; }
                .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div span svg path {
                  fill: #fff; }
        .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable {
          flex: 0 0 100%;
          display: flex;
          justify-content: end;
          flex-wrap: wrap;
          align-items: flex-end;
          height: calc(100% - 80px); }
          .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable p {
            margin: 0;
            line-height: 1.2;
            color: #fff;
            width: auto; }
          .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable ul {
            display: flex;
            margin: 0;
            list-style: none;
            padding: 0 0 0 10px; }
            .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable ul li {
              padding: 0 10px;
              color: #fff; }
              .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable ul li a {
                text-decoration: none; }
                .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable ul li a svg {
                  height: 25px;
                  width: 25px; }
                  .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable ul li a svg path {
                    fill: #fff; }
                .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable ul li a:hover {
                  text-decoration: none; }
  @media screen and (max-width: 1200px) {
    .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText {
      flex: 0 0 100%; }
    .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions {
      flex: 0 0 100%; } }
  @media screen and (max-width: 991px) {
    .postsPage .podcastPostSec .podcastPostWrap {
      padding: 30px; }
      .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostText {
        flex: 0 0 100%;
        padding: 0;
        text-align: center; }
      .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions {
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap; }
        .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast {
          justify-content: center;
          flex: 0 0 100%;
          height: auto;
          margin: 15px 0 0; }
          .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div {
            justify-content: center;
            flex: 0 0 100%; }
            .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast div span {
              display: none; }
          .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .playPodcast p {
            width: auto; }
        .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable {
          flex: 0 0 100%;
          justify-content: center;
          height: auto;
          margin: 15px 0 0; }
          .postsPage .podcastPostSec .podcastPostWrap .podcastPostInfo .podcastPostOptions .podcastAvailable p {
            width: auto; } }
  .postsPage .statisticRecSec .statisticRecHead h1, .postsPage .statisticRecSec .statisticRecHead h2, .postsPage .statisticRecSec .statisticRecHead h3, .postsPage .statisticRecSec .statisticRecHead h4, .postsPage .statisticRecSec .statisticRecHead h5, .postsPage .statisticRecSec .statisticRecHead h6 {
    font-size: clamp(25px, 2vw, 35px);
    margin: 0 0 15px;
    color: #31125F;
    font-family: "TTlivret", serif !important; }
  .postsPage .statisticRecSec .statisticRecHead p {
    color: #31125F; }
  .postsPage .statisticRecSec .statisticRecWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol {
      flex: auto;
      padding: 15px; }
      .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox {
        background: #893FFC;
        padding: 30px;
        text-align: left;
        min-height: 250px;
        min-height: 13vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox .statNumber {
          color: #fff;
          font-size: clamp(50px, 5vw, 90px);
          display: block;
          margin: 0;
          font-weight: 400;
          line-height: 1.1;
          font-family: "TTlivret", serif !important; }
        .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox p {
          color: #fff;
          margin: 0; }
        .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox.blueFlare {
          background: #CBAAFF; }
          .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox.blueFlare .statNumber {
            color: #31125F; }
          .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox.blueFlare p {
            color: #31125F; }
        .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox.whiteFlare {
          background: #31125F; }
          .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox.whiteFlare .statNumber {
            color: #fff; }
          .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox.whiteFlare p {
            color: #fff; }
  @media screen and (max-width: 991px) {
    .postsPage .statisticRecSec .statisticRecHead {
      margin: 0 0 30px; } }
  @media screen and (max-width: 768px) {
    .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol {
      flex: 0 0 100%; }
      .postsPage .statisticRecSec .statisticRecWrap .statisticRecCol .statisticRecBox {
        background: #31125F;
        padding: 20px; } }
  .postsPage .webinarPostSec .webinarPostWrap {
    position: relative;
    padding: 4vw 4vw 0 0; }
    .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox {
      background: #31125F;
      padding: 3vw;
      border-left: 9px solid #893FFC; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead {
        padding: 0 15vw 0 0; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill {
          display: flex;
          align-items: center;
          margin: 0 0 30px; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill .pill {
            border: 1px solid #fff;
            margin: 0 30px 0 0;
            background-color: transparent; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill .pill svg {
              width: 15px;
              height: 15px;
              margin: 0 7px 0 0; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill .pill svg path {
                fill: #fff; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill .pill p {
              color: #fff; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill .live span {
            display: block;
            position: relative; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill .live span:before {
              content: '';
              width: 10px;
              height: 10px;
              background: red;
              animation: redPulse 2s infinite;
              border-radius: 50px;
              display: inline-block; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .webinarPill .live span:after {
              content: '';
              width: 10px;
              height: 10px;
              background: red;
              animation: redPulse 2s infinite;
              animation-delay: 1s;
              border-radius: 50px;
              display: inline-block;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h1, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h2, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h3, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h4, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h5, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h6 {
          font-size: clamp(25px, 2vw, 35px);
          margin: 0 0 20px;
          color: #fff; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h1:before, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h2:before, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h3:before, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h4:before, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h5:before, .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h6:before {
            display: none; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead p {
          color: #fff; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarFoot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 20px 0 0; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarFoot .btnWrap {
          margin: 0; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarFoot .btnWrap .arrowBTN {
            margin: 0; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarFoot .webinarTime p {
          margin: 0;
          color: #fff;
          width: auto;
          display: flex;
          align-items: center; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarFoot .webinarTime p svg {
            width: 35px;
            height: 35px;
            margin: 0 10px 0 0; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarFoot .webinarTime p svg path {
              fill: #fff; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo {
        display: flex;
        flex-wrap: wrap;
        margin: 30px 0 0; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers {
          flex: 0 0 30%; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin: 0; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers li {
              margin: 0 0 0 -1vw;
              display: inline-flex;
              flex: 0 0 33.333333%;
              padding: 0; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers li img {
                width: 100%;
                aspect-ratio: 1;
                border-radius: 100px;
                border: 5px solid #31125F;
                object-fit: cover;
                object-position: center; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers li:first-of-type {
                margin: 0; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers p {
            color: #fff;
            margin: 20px 0 5px; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakerNames {
            list-style: none;
            margin: 0; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakerNames li {
              position: relative;
              padding: 0;
              line-height: 1.8;
              font-size: clamp(16px, 0.9vw, 20px);
              color: #fff; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList {
          flex: 0 0 70%;
          padding: 0 0 0 30px; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul {
            margin: 0;
            list-style: none;
            background: #22314C;
            padding: 30px;
            border-radius: 20px; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul li {
              position: relative;
              padding: 8px 0 8px 40px;
              line-height: 1.6;
              font-size: clamp(16px, 0.9vw, 20px);
              color: #fff; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul li svg {
                position: absolute;
                top: 14px;
                left: 0;
                width: 20px;
                height: 20px; }
                .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul li svg path {
                  fill: #fff; }
    .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay {
      position: absolute;
      top: -0vw;
      right: -0vw;
      width: 20vw;
      height: 20vw;
      overflow: hidden;
      display: block; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 130px;
        height: 130px;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #fff;
        border-radius: 100px;
        background: transparent;
        transition: .5s; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay span svg {
          height: 25px;
          width: 25px; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay span svg path {
            fill: #fff; }
  .postsPage .webinarPostSec.webinarFlexSec {
    padding: 6vw 0; }
  @media screen and (max-width: 991px) {
    .postsPage .webinarPostSec .webinarPostWrap {
      padding: 30px 30px 0 0; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox {
        padding: 30px; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead {
          padding: 0 14vw 0 0;
          text-align: left; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo {
          margin: 50px 0 0; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers {
            flex: 0 0 100%; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers li {
              max-width: 90px;
              margin: 0 0 0 -15px; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers li:first-of-type {
                margin: 0; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakerNames li {
              display: inline-block; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakerNames li:after {
                content: ', '; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakerNames li:last-child:after {
                content: none; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList {
            flex: 0 0 100%;
            padding: 30px 0 0; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay {
        width: 22vw;
        height: 22vw;
        border-radius: 11vw; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay span {
          width: 110px;
          height: 110px; } }
  @media screen and (max-width: 768px) {
    .postsPage .webinarPostSec .webinarPostWrap {
      padding: 15vw 0 0 0; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox {
        padding: 50px 30px 30px; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead {
          padding: 15vw 0vw 0 0;
          text-align: center; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo {
          margin: 50px 0 0; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers {
            text-align: center; }
            .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers {
              justify-content: center; }
              .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarBoxSpeakers .webinarSpeakers li {
                max-width: 80px; }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .btnWrap {
          text-align: center; }
          .postsPage .webinarPostSec .webinarPostWrap .webinarPostBox .btnWrap .arrowBTN {
            margin: 0 10px; }
      .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay {
        width: 40vw;
        height: 40vw;
        border-radius: 20vw;
        top: -5vw;
        right: auto;
        left: 50%;
        transform: translateX(-50%); }
        .postsPage .webinarPostSec .webinarPostWrap .webinarPostPlay span {
          width: 90px;
          height: 90px; } }
@keyframes redPulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.6); }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 0, 0, 0); } }
  .postsPage .postCaseBoxSec .postCaseBox {
    background: #f9f9f9;
    padding: 2vw;
    border-radius: 20px; }
    .postsPage .postCaseBoxSec .postCaseBox .caseHead {
      display: flex;
      align-items: center;
      margin: 0 0 40px; }
      .postsPage .postCaseBoxSec .postCaseBox .caseHead .caseHeadImg {
        flex: 0 0 30%; }
        .postsPage .postCaseBoxSec .postCaseBox .caseHead .caseHeadImg img {
          border-radius: 20px;
          min-height: 180px;
          height: 12vw;
          object-fit: cover;
          object-position: center;
          width: 100%; }
      .postsPage .postCaseBoxSec .postCaseBox .caseHead .caseHeadText {
        flex: 0 0 70%;
        padding: 0 0 0 30px; }
        .postsPage .postCaseBoxSec .postCaseBox .caseHead .caseHeadText p.h4 {
          font-size: clamp(26px, 1.6vw, 48px);
          color: #31125F; }
        .postsPage .postCaseBoxSec .postCaseBox .caseHead .caseHeadText p {
          margin: 0 0 10px;
          color: #31125F; }
        .postsPage .postCaseBoxSec .postCaseBox .caseHead .caseHeadText .arrowBTN {
          margin: 0;
          transform: scale(0.8);
          transform-origin: left top; }
    .postsPage .postCaseBoxSec .postCaseBox .caseBody p.h5 {
      font-size: clamp(22px, 1.3vw, 38px);
      line-height: 1.4;
      margin: 0;
      color: #31125F; }
    .postsPage .postCaseBoxSec .postCaseBox .caseFootBox {
      margin: 40px 0 0;
      padding: 30px;
      background: #fff;
      border-radius: 20px; }
      .postsPage .postCaseBoxSec .postCaseBox .caseFootBox p.h5 {
        font-size: clamp(20px, 1.1vw, 34px);
        color: #31125F; }
      .postsPage .postCaseBoxSec .postCaseBox .caseFootBox ul {
        margin: 10px 0 0 0px;
        list-style: none; }
        .postsPage .postCaseBoxSec .postCaseBox .caseFootBox ul li {
          position: relative;
          padding: 8px 0 8px 40px;
          line-height: 1.6;
          font-size: clamp(18px, 1vw, 22px);
          color: #31125F; }
          .postsPage .postCaseBoxSec .postCaseBox .caseFootBox ul li svg {
            position: absolute;
            top: 15px;
            left: 0;
            width: 18px;
            height: 18px; }
            .postsPage .postCaseBoxSec .postCaseBox .caseFootBox ul li svg path {
              fill: #31125F; }
  .postsPage .documentContentBox .documentWrap {
    padding: 3vw;
    background: #31125F;
    position: relative; }
    .postsPage .documentContentBox .documentWrap h1, .postsPage .documentContentBox .documentWrap h2, .postsPage .documentContentBox .documentWrap h3, .postsPage .documentContentBox .documentWrap h4, .postsPage .documentContentBox .documentWrap h5, .postsPage .documentContentBox .documentWrap h6 {
      color: #fff;
      margin: 0 0 30px;
      font-size: clamp(25px, 2vw, 35px);
      padding: 0 65px 0 0; }
      .postsPage .documentContentBox .documentWrap h1:before, .postsPage .documentContentBox .documentWrap h2:before, .postsPage .documentContentBox .documentWrap h3:before, .postsPage .documentContentBox .documentWrap h4:before, .postsPage .documentContentBox .documentWrap h5:before, .postsPage .documentContentBox .documentWrap h6:before {
        display: none; }
    .postsPage .documentContentBox .documentWrap > svg {
      position: absolute;
      top: 30px;
      right: 30px;
      opacity: .5;
      width: 60px;
      height: 60px; }
      .postsPage .documentContentBox .documentWrap > svg path {
        fill: #fff; }
    .postsPage .documentContentBox .documentWrap p {
      padding: 0 65px 0 0;
      color: #fff;
      margin: 0;
      flex: 0 0 calc(100% - 60px); }
    .postsPage .documentContentBox .documentWrap .btnWrap {
      margin: 30px 0 0; }
  @media screen and (max-width: 991px) {
    .postsPage .documentContentBox .documentWrap {
      padding: 30px; }
      .postsPage .documentContentBox .documentWrap h1, .postsPage .documentContentBox .documentWrap h2, .postsPage .documentContentBox .documentWrap h3, .postsPage .documentContentBox .documentWrap h4, .postsPage .documentContentBox .documentWrap h5, .postsPage .documentContentBox .documentWrap h6 {
        color: #fff;
        margin: 0 40px 0 0; }
      .postsPage .documentContentBox .documentWrap > svg {
        width: 40px;
        height: 40px; }
      .postsPage .documentContentBox .documentWrap p {
        padding: 0 40px 0 0; } }
  .postsPage .resAuthorBox .postsBox {
    padding: 2vw;
    background: #31125F;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative; }
    .postsPage .resAuthorBox .postsBox .authorProfile {
      flex: 0 0 50%; }
      .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap {
        padding: 0;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0;
        text-decoration: none; }
        .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap img {
          width: 144px;
          height: 144px;
          min-width: 144px;
          min-height: 144px;
          padding: 0;
          object-fit: cover;
          object-position: top center;
          border-radius: 200px;
          margin: 0; }
        .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo {
          padding: 0 0 0 20px;
          text-align: left; }
          .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo p {
            margin: 0;
            font-weight: 400;
            color: #fff;
            font-size: 10px; }
          .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo p.writtenBy {
            font-size: 14px;
            margin: 0;
            color: #fff; }
          .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo p.h5 {
            font-size: clamp(20px, 1.8vw, 32px);
            margin: 5px 0 5px;
            color: #fff; }
          .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo ul {
            display: flex;
            flex-wrap: wrap;
            margin: 15px 0 0; }
            .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo ul li {
              display: inline-flex;
              padding: 0 10px 10px 0; }
              .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo ul li::before {
                display: none; }
              .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo ul li a {
                text-decoration: none;
                padding: 8px 10px;
                border: 0;
                border-radius: 50px;
                font-size: 12px;
                font-weight: 400;
                line-height: 1.4;
                color: #31125F;
                background: #F2E9FF;
                border: 1px solid #F2E9FF;
                border-radius: 3px;
                transition: .5s; }
                .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap .profileInfo ul li a:hover {
                  background: #fff;
                  color: #31125F;
                  border: 1px solid #fff; }
        .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap:hover {
          text-decoration: none; }
    .postsPage .resAuthorBox .postsBox .authorInfo {
      flex: 0 0 50%;
      padding: 0 0 0 20px;
      position: relative; }
      .postsPage .resAuthorBox .postsBox .authorInfo p {
        color: #fff;
        font-size: 14px;
        margin-left: 20px;
        margin-bottom: 0; }
      .postsPage .resAuthorBox .postsBox .authorInfo::before {
        content: "";
        display: block;
        background-color: #893FFC;
        width: 3px;
        height: 100%;
        position: absolute; }
  @media screen and (max-width: 991px) {
    .postsPage .resAuthorBox .postsBox {
      padding: 30px 30px 50px; }
      .postsPage .resAuthorBox .postsBox .authorProfile {
        flex: 0 0 100%; }
        .postsPage .resAuthorBox .postsBox .authorProfile .profileWrap img {
          height: 100px;
          width: 100px;
          min-width: 100px;
          min-height: 100px; }
      .postsPage .resAuthorBox .postsBox .authorInfo {
        flex: 0 0 100%;
        padding: 20px 0 0; } }
  @media screen and (max-width: 991px) {
    .postsPage {
      padding: 0 0 70px; }
      .postsPage .postsWrap .postsMainCol {
        flex: 0 0 100%;
        width: 100%; }
        .postsPage .postsWrap .postsMainCol .postsFlexibleSec {
          padding: 0 0 30px !important; }
          .postsPage .postsWrap .postsMainCol .postsFlexibleSec:last-child {
            padding: 0 !important; }
          .postsPage .postsWrap .postsMainCol .postsFlexibleSec ul li::before, .postsPage .postsWrap .postsMainCol .postsFlexibleSec ol li::before {
            height: 9px;
            width: 9px; }
      .postsPage .postsWrap .postsSideCol {
        flex: 0 0 100%;
        padding: 0 0 60px;
        order: -1; }
        .postsPage .postsWrap .postsSideCol.nopadd {
          padding: 0; }
        .postsPage .postsWrap .postsSideCol .postsSideBar {
          position: relative;
          top: auto; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .sideBarBox {
            padding: 30px;
            display: none; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .mobileContents {
            display: block; }
          .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar {
            padding: 30px;
            position: relative;
            top: auto; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar {
              top: auto; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar.hideMobile {
                display: none; }
              .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.advisorSidebar.showMobile {
                display: block; }
            .postsPage .postsWrap .postsSideCol .postsSideBar .regulationSideBar.calculatorSideBar .arrowBTN {
              padding: 30px; }
      .postsPage.caseSinglePage {
        padding: 50px 0 70px; }
        .postsPage.caseSinglePage .postsWrap .caseSingleSideCol {
          flex: 0 0 100%;
          padding: 0;
          order: -1;
          margin: 0 0 30px; }
          .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar {
            position: relative;
            top: auto; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .caseThumb img {
              height: 80vw; }
            .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar {
              padding: 30px;
              position: relative;
              top: auto; }
              .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar {
                top: auto; }
                .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar.hideMobile {
                  display: none; }
                .postsPage.caseSinglePage .postsWrap .caseSingleSideCol .caseSingleSideBar .regulationSideBar.advisorSidebar.showMobile {
                  display: block; }
        .postsPage.caseSinglePage .hideMobile {
          display: none; }
        .postsPage.caseSinglePage .showMobile {
          display: block; } }
  .postsPage.noPadd {
    padding: 0; }

/* CSS Document */
.postsBanner {
  padding: 4vw 0 5vw;
  position: relative; }
  .postsBanner .postsBannerWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative; }
    .postsBanner .postsBannerWrap .postsBannerTextCol {
      flex: 0 0 50%;
      padding: 2vw 5vw 2vw 0; }
      .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText {
        position: relative; }
        .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .h1 {
          font-size: clamp(35px, 2.8vw, 45px);
          margin: 0 0 30px;
          color: #31125F;
          display: flex; }
          .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .h1:before {
            content: "";
            border-right: 6px solid #893FFC;
            margin-right: 15px; }
        .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .kicker h1 {
          margin: 0 0 15px; }
        .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .h2 {
          font-size: clamp(25px, 2vw, 35px);
          margin: 0 0 15px;
          color: #31125F; }
        .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .h3 {
          color: #31125F;
          font-size: clamp(20px, 1.5vw, 25px);
          font-weight: 300;
          margin: 0 0 15px;
          line-height: 1.6; }
        .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox {
          padding: 0;
          border-radius: 20px;
          height: 100%;
          display: flex;
          align-items: center;
          margin: 3vw 0 0;
          text-decoration: none; }
          .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox img {
            width: 5vw;
            height: 5vw;
            min-width: 70px;
            min-height: 70px;
            max-height: 110px;
            max-width: 110px;
            padding: 0;
            object-fit: cover;
            object-position: top center;
            border-radius: 100px;
            margin: 0; }
          .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox .logoCircle {
            width: 5vw;
            height: 5vw;
            min-width: 70px;
            min-height: 70px;
            max-height: 110px;
            max-width: 110px;
            background: #31125F;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100px;
            margin: 0; }
            .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox .logoCircle svg {
              width: 90%;
              height: auto; }
          .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox .authorInfo {
            flex: 0 0 calc(100% - 5vw);
            padding: 0 0 0 25px;
            text-align: left; }
            .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox .authorInfo p {
              font-size: clamp(15px, 0.9vw, 17px);
              margin: 0;
              font-weight: 400;
              color: #31125F; }
            .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox .authorInfo p.writtenBy {
              font-size: clamp(15px, 0.9vw, 17px);
              margin: 0;
              color: #31125F; }
            .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox .authorInfo p.h5 {
              font-size: clamp(25px, 2vw, 35px);
              margin: 5px 0 5px;
              color: #31125F; }
          .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox:hover {
            text-decoration: none; }
        .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .pillList {
          display: flex;
          flex-wrap: wrap;
          margin: 2vw 0 0;
          padding: 2vw 0 0;
          border-top: 1px solid #ddd; }
          .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .pillList li {
            display: inline-flex;
            padding: 0 10px 10px 0;
            gap: 15px; }
            .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .pillList li a {
              text-decoration: none;
              padding: 8px 15px;
              border: 0;
              border-radius: 50px;
              font-size: 12px;
              font-weight: 400;
              line-height: 1.4;
              color: #31125F;
              background: #F2E9FF;
              transition: .5s; }
              .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .pillList li a:hover {
                background: #31125F;
                color: #fff; }
    .postsBanner .postsBannerWrap .postsBannerImgCol {
      flex: 0 0 50%;
      position: relative;
      z-index: 1; }
      .postsBanner .postsBannerWrap .postsBannerImgCol img {
        width: 100%;
        height: 33vw;
        min-height: 550px;
        object-fit: cover;
        object-position: center; }
  @media screen and (max-width: 991px) {
    .postsBanner {
      padding: 40px 0 30px; }
      .postsBanner .postsBannerWrap {
        position: relative; }
        .postsBanner .postsBannerWrap .postsBannerTextCol {
          flex: 0 0 100%;
          padding: 0; }
          .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText {
            padding: 0; }
            .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText:before {
              content: none; }
            .postsBanner .postsBannerWrap .postsBannerTextCol .postsBannerText .authorBox {
              padding: 30px; }
        .postsBanner .postsBannerWrap .postsBannerImgCol {
          flex: 0 0 100%;
          order: 0;
          position: relative;
          right: auto;
          top: auto;
          width: auto;
          margin: 40px 0 0;
          max-height: 100vw;
          overflow: hidden; } }

/* CSS Document */
.relatedPostsSec {
  position: relative;
  padding: 6vw 0;
  overflow: hidden;
  background: #f9f9f9; }
  .relatedPostsSec h4 {
    font-size: clamp(36px, 3.5vw, 100px);
    margin: 0 0 4vw;
    color: #31125F; }
  .relatedPostsSec .relatedPostsWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px; }
    .relatedPostsSec .relatedPostsWrap .relatedPostsCol {
      flex: 0 0 50%;
      padding: 0 30px; }
      .relatedPostsSec .relatedPostsWrap .relatedPostsCol .relatedPostsBox {
        display: block;
        border-radius: 20px;
        background: #fff;
        padding: 2vw;
        text-decoration: none; }
        .relatedPostsSec .relatedPostsWrap .relatedPostsCol .relatedPostsBox img {
          width: 70%;
          height: 18vw;
          object-fit: contain;
          object-position: center right;
          margin: 0 0 30px auto;
          display: block; }
        .relatedPostsSec .relatedPostsWrap .relatedPostsCol .relatedPostsBox h6 {
          font-size: clamp(28px, 2vw, 60px);
          margin: 0;
          color: #31125F; }
        .relatedPostsSec .relatedPostsWrap .relatedPostsCol .relatedPostsBox:hover {
          text-decoration: none; }

/* CSS Document */
.learnPostSec {
  position: relative;
  overflow: hidden;
  padding: 6vw 0;
  background: #fff; }
  .learnPostSec .learnPostHead {
    margin: 0 0 4vw; }
    .learnPostSec .learnPostHead h3 {
      font-size: clamp(36px, 3.5vw, 100px);
      margin: 0;
      color: #31125F; }
    .learnPostSec .learnPostHead p {
      margin: 15px 0 0; }
  .learnPostSec .learnPostWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .learnPostSec .learnPostWrap .learnPostCol {
      flex: 0 0 33.33333%;
      padding: 0 15px; }
      .learnPostSec .learnPostWrap .learnPostCol .learnPostBox {
        display: block;
        padding: 2vw;
        border-radius: 20px;
        text-decoration: none; }
        .learnPostSec .learnPostWrap .learnPostCol .learnPostBox .kicker {
          text-align: right;
          margin: 0 0 3vw; }
        .learnPostSec .learnPostWrap .learnPostCol .learnPostBox .meta {
          font-weight: 500; }
        .learnPostSec .learnPostWrap .learnPostCol .learnPostBox h5 {
          font-size: clamp(24px, 1.6vw, 48px);
          color: #31125F;
          margin: 0 0 25px; }
        .learnPostSec .learnPostWrap .learnPostCol .learnPostBox.purple {
          background: #893FFC; }
        .learnPostSec .learnPostWrap .learnPostCol .learnPostBox.blue {
          background: #CBAAFF; }
        .learnPostSec .learnPostWrap .learnPostCol .learnPostBox.yellow {
          background: #7593FF; }
        .learnPostSec .learnPostWrap .learnPostCol .learnPostBox:hover {
          text-decoration: none; }

/* CSS Document */
.calculatorPostSec .calculatorPostWrap {
  padding: 1vw 4vw;
  position: relative;
  display: flex;
  align-items: center;
  background: #31125F;
  border-top: 11px solid #893FFC; }
  .calculatorPostSec .calculatorPostWrap .calculatorPostCard {
    width: 50%; }
    .calculatorPostSec .calculatorPostWrap .calculatorPostCard img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .calculatorPostSec .calculatorPostWrap .calculatorPostText {
    padding: 0 2vw 0 0;
    position: relative;
    width: 50%; }
    .calculatorPostSec .calculatorPostWrap .calculatorPostText .pill {
      border-radius: 20px;
      padding: 6px 15px;
      background: transparent;
      border: 1px solid #fff; }
      .calculatorPostSec .calculatorPostWrap .calculatorPostText .pill p {
        margin: 0;
        color: #fff; }
    .calculatorPostSec .calculatorPostWrap .calculatorPostText h1, .calculatorPostSec .calculatorPostWrap .calculatorPostText h2, .calculatorPostSec .calculatorPostWrap .calculatorPostText h3, .calculatorPostSec .calculatorPostWrap .calculatorPostText h4, .calculatorPostSec .calculatorPostWrap .calculatorPostText h5, .calculatorPostSec .calculatorPostWrap .calculatorPostText h6, .calculatorPostSec .calculatorPostWrap .calculatorPostText p strong {
      color: #fff;
      font-size: clamp(25px, 2vw, 35px);
      font-weight: 400;
      font-family: 'TTlivret' !important;
      line-height: 1.2; }
      .calculatorPostSec .calculatorPostWrap .calculatorPostText h1:before, .calculatorPostSec .calculatorPostWrap .calculatorPostText h2:before, .calculatorPostSec .calculatorPostWrap .calculatorPostText h3:before, .calculatorPostSec .calculatorPostWrap .calculatorPostText h4:before, .calculatorPostSec .calculatorPostWrap .calculatorPostText h5:before, .calculatorPostSec .calculatorPostWrap .calculatorPostText h6:before, .calculatorPostSec .calculatorPostWrap .calculatorPostText p strong:before {
        display: none; }
    .calculatorPostSec .calculatorPostWrap .calculatorPostText p {
      color: #fff; }
@media screen and (max-width: 991px) {
  .calculatorPostSec .calculatorPostWrap {
    padding: 30px;
    position: relative;
    flex-direction: column; }
    .calculatorPostSec .calculatorPostWrap .calculatorPostCard {
      width: 100%; }
    .calculatorPostSec .calculatorPostWrap .calculatorPostText {
      width: 100%;
      padding: 0 0 40px 0; } }

/* CSS Document */
.postCaseBoxSec .postCaseBox {
  background: #f9f9f9;
  padding: 2vw;
  border-radius: 20px; }
  .postCaseBoxSec .postCaseBox .caseHead {
    display: flex;
    align-items: center;
    margin: 0 0 40px; }
    .postCaseBoxSec .postCaseBox .caseHead .caseHeadImg {
      flex: 0 0 30%; }
      .postCaseBoxSec .postCaseBox .caseHead .caseHeadImg img {
        border-radius: 20px;
        min-height: 180px;
        height: 12vw;
        object-fit: cover;
        object-position: center;
        width: 100%; }
    .postCaseBoxSec .postCaseBox .caseHead .caseHeadText {
      flex: 0 0 70%;
      padding: 0 0 0 30px; }
      .postCaseBoxSec .postCaseBox .caseHead .caseHeadText p.h4 {
        font-size: clamp(26px, 1.6vw, 48px);
        color: #31125F; }
      .postCaseBoxSec .postCaseBox .caseHead .caseHeadText p {
        margin: 0 0 10px;
        color: #31125F; }
      .postCaseBoxSec .postCaseBox .caseHead .caseHeadText .arrowBTN {
        margin: 0;
        transform: scale(0.8);
        transform-origin: left top; }
  .postCaseBoxSec .postCaseBox .caseBody p.h5 {
    font-size: clamp(22px, 1.3vw, 38px);
    line-height: 1.4;
    margin: 0;
    color: #31125F; }
  .postCaseBoxSec .postCaseBox .caseFootBox {
    margin: 40px 0 0;
    padding: 30px;
    background: #fff;
    border-radius: 20px; }
    .postCaseBoxSec .postCaseBox .caseFootBox p.h5 {
      font-size: clamp(20px, 1.1vw, 34px);
      color: #31125F; }
    .postCaseBoxSec .postCaseBox .caseFootBox ul {
      margin: 10px 0 0 0px;
      list-style: none; }
      .postCaseBoxSec .postCaseBox .caseFootBox ul li {
        position: relative;
        padding: 8px 0 8px 40px;
        line-height: 1.6;
        font-size: clamp(18px, 1vw, 22px);
        color: #31125F; }
        .postCaseBoxSec .postCaseBox .caseFootBox ul li svg {
          position: absolute;
          top: 15px;
          left: 0;
          width: 18px;
          height: 18px; }
          .postCaseBoxSec .postCaseBox .caseFootBox ul li svg path {
            fill: #31125F; }

/* CSS Document */
.noteContentBox .noteWrap {
  padding: 3vw;
  background: #31125F;
  border-left: 9px solid #893FFC;
  color: #fff; }
  .noteContentBox .noteWrap h1, .noteContentBox .noteWrap h2, .noteContentBox .noteWrap h3, .noteContentBox .noteWrap h4, .noteContentBox .noteWrap h5, .noteContentBox .noteWrap h6 {
    font-size: clamp(25px, 2vw, 35px);
    color: #fff;
    margin: 0 0 40px; }
  .noteContentBox .noteWrap .noteBox {
    display: flex; }
    .noteContentBox .noteWrap .noteBox svg {
      width: 23px;
      height: 23px; }
      .noteContentBox .noteWrap .noteBox svg path {
        fill: #fff; }
    .noteContentBox .noteWrap .noteBox div {
      flex: 0 0 calc(100% - 23px); }
      .noteContentBox .noteWrap .noteBox div p {
        padding: 0 0 0 1.5vw;
        color: #fff;
        margin: 0; }
.noteContentBox.globalSec .noteWrap {
  background-color: transparent;
  border-left: none;
  padding: 1vw 0; }
  .noteContentBox.globalSec .noteWrap .noteBox {
    display: block; }
    .noteContentBox.globalSec .noteWrap .noteBox svg {
      display: none; }
    .noteContentBox.globalSec .noteWrap .noteBox div p {
      color: #6A6A6A;
      font-size: 11px;
      padding: 0; }
@media screen and (max-width: 991px) {
  .noteContentBox .noteWrap {
    padding: 30px; }
    .noteContentBox .noteWrap h1, .noteContentBox .noteWrap h2, .noteContentBox .noteWrap h3, .noteContentBox .noteWrap h4, .noteContentBox .noteWrap h5, .noteContentBox .noteWrap h6 {
      margin: 0 0 30px; }
    .noteContentBox .noteWrap .noteBox svg {
      width: 30px;
      height: 30px; }
    .noteContentBox .noteWrap .noteBox p {
      padding: 0 0 0 20px; }
  .noteContentBox.globalSec.noteTop .noteWrap {
    padding: 30px 0 0; } }

/* CSS Document */
.mediaArtBanner {
  padding: 4vw 5vw 50px;
  position: relative;
  /*.webBannerFoot {
  	display: flex;
  	flex-wrap: wrap;
  	position: relative;
  	z-index: 1;
  	padding: 30px 8vw 4vw 4vw;
  }*/
  /*@media screen and (max-width: 991px) {
  	
  	padding: 40px 5vw 60px;
  	.mediaArtBannerWrap {
  		position: relative;
  		.mediaArtBannerTextCol {
  			flex: 0 0 100%;
  			padding: 30vw 0 0;
  			.mediaArtBannerText {
  				padding: 17vw 30px 30px 30px;
  				&:before {
  					width: 100%;
  				}
  			}
  		}
  		.mediaArtBannerImgCol {
  			flex: 0 0 100%;
  			order: -1;
  			position: absolute;
  			right: 3vw;
  			top: 0;
  			width: 50vw;
  		}
  	}
  	
  }*/ }
  .mediaArtBanner .mediaArtBannerRow {
    display: flex;
    flex-wrap: wrap; }
    .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol {
      flex: 0 0 50%; }
      .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText {
        padding: 4vw;
        background-color: #f9f9f9;
        height: 100%; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo {
          margin: 0 0 30px; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo ul {
            margin: 0;
            list-style: none;
            display: flex;
            flex-wrap: wrap; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo ul li {
              margin: 0 20px 0 0;
              font-size: clamp(14px, 0.9vw, 18px);
              color: #31125F;
              display: flex;
              align-items: center; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo ul li:before {
                display: none; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo ul li svg {
                width: 20px;
                height: 20px;
                margin: 0 8px 0 0; }
                .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo ul li svg path {
                  fill: #31125F; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo ul li a {
                color: #31125F; }
                .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo ul li a:hover {
                  text-decoration: none; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo .live {
            margin: 0 30px 0 0; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo .live span {
              display: block;
              position: relative;
              width: 15px;
              height: 15px; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo .live span:before {
                content: '';
                width: 15px;
                height: 15px;
                background: red;
                animation: redPulseSmall 2s infinite;
                border-radius: 50px;
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo .live span:after {
                content: '';
                width: 15px;
                height: 15px;
                background: red;
                animation: redPulseSmall 2s infinite;
                animation-delay: 1s;
                border-radius: 50px;
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .pill {
          text-decoration: none;
          transition: .5s; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .pill p {
            color: #31125F;
            transition: .5s; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .pill:hover {
            background: #31125F; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .pill:hover p {
              color: #fff; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText h1 {
          font-size: clamp(24px, 2.6vw, 60px);
          margin: 0 0 30px;
          color: #31125F; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .kicker h1 {
          margin: 0 0 15px; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .h2 {
          font-size: clamp(24px, 2.6vw, 60px);
          margin: 0 0 15px;
          color: #31125F; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .h3 {
          color: #31125F;
          font-size: clamp(18px, 1.4vw, 28px);
          font-family: Suise !important;
          font-weight: 300;
          margin: 0 0 15px;
          line-height: 1.6; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText p span {
          font-weight: 500; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .btnWrap {
          margin: 30px 0 0; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap {
          background: #31125F;
          padding: 30px;
          margin: 30px 0 0; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap h2, .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap h3, .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap h4, .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap h5, .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap h6 {
            color: #fff;
            font-size: clamp(28px, 2vw, 60px);
            margin: 0 0 15px; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap .contact-form {
            margin: 0; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap .contact-form .gform_wrapper form .gform_body .gform_fields input {
            border-radius: 5px; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap .contact-form .gform_wrapper form .gform_footer input[type="submit"] {
            background: #F2E9FF;
            color: #31125F;
            padding: 15px 20px; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .formWrap .contact-form .gform_wrapper form .gform_footer input[type="submit"]:hover {
              background: #31125F;
              color: #fff;
              border: 1px solid #fff; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol {
          margin: 40px 0 0; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol h4 {
            color: #31125F;
            font-size: clamp(18px, 1.4vw, 28px);
            font-family: Suise !important;
            font-weight: 400;
            margin: 0 0 15px;
            line-height: 1.6; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol .speakerWrap {
            display: flex;
            flex-wrap: wrap; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol .speakerWrap .speakerBox {
              flex: 0 0 33.333333%;
              padding: 15px 15px 0 0; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol .speakerWrap .speakerBox img {
                width: 5vw;
                height: 5vw;
                min-width: 70px;
                min-height: 70px;
                max-height: 110px;
                max-width: 110px;
                padding: 0;
                object-fit: cover;
                object-position: top center;
                border-radius: 100px;
                margin: 0 0 10px; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol .speakerWrap .speakerBox p {
                font-size: 12px;
                margin: 0;
                font-weight: 400;
                color: #31125F; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol .speakerWrap .speakerBox p.h5 {
                font-size: clamp(16px, 1.1vw, 22px);
                margin: 5px 0 5px;
                color: #31125F; }
              .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .webSpeakersCol .speakerWrap .speakerBox a {
                font-size: 12px;
                margin: 10px 0 0;
                padding: 0;
                background: transparent;
                border-radius: 0;
                border: 0; }
    .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol {
      flex: 0 0 50%;
      z-index: 1;
      border-bottom: 15px solid #893FFC; }
      .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap {
        position: absolute;
        top: -5px;
        right: 50px;
        padding: 12px 20px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        color: #31125F;
        display: flex;
        align-items: center; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap p {
          margin: 0 10px 0 0; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap .ycd-simple-mode-textUnderCountdown {
          color: #FF4343; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap .ycd-simple-current-unite-wrapper {
          vertical-align: middle; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap .ycd-simple-countdown-number {
          font-size: 20px !important; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap .ycd-simple-countdown-label {
          font-size: 12px !important;
          display: none; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap .live span {
          display: block;
          position: relative;
          width: 8px;
          height: 8px; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap .live span:before {
            content: '';
            width: 8px;
            height: 8px;
            background: red;
            animation: redPulseSmall 2s infinite;
            border-radius: 50px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap .live span:after {
            content: '';
            width: 8px;
            height: 8px;
            background: red;
            animation: redPulseSmall 2s infinite;
            animation-delay: 1s;
            border-radius: 50px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
      .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .playWrap {
        position: relative;
        height: 100%; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .playWrap .post-thumbnail {
          height: 100%; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .playWrap .imgOverlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #31125F;
          opacity: 0.2;
          z-index: 1; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .playWrap .play {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          height: 150px;
          width: 150px;
          background: transparent;
          border-radius: 200px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #fff;
          z-index: 2; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .playWrap .play svg {
            height: 40px;
            width: 40px; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .playWrap .play svg path {
              fill: #fff; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .playWrap img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
    .mediaArtBanner .mediaArtBannerRow .takeawaysCol {
      margin: 40px 0 0;
      padding: 0 8vw 0 0; }
      .mediaArtBanner .mediaArtBannerRow .takeawaysCol h4 {
        color: #31125F;
        font-size: clamp(18px, 1.4vw, 28px);
        font-family: Suise !important;
        font-weight: 400;
        margin: 0 0 15px;
        line-height: 1.6; }
      .mediaArtBanner .mediaArtBannerRow .takeawaysCol ul {
        margin: 0 0 0 20px; }
        .mediaArtBanner .mediaArtBannerRow .takeawaysCol ul li {
          padding: 5px 0;
          color: #31125F;
          font-size: clamp(14px, 0.9vw, 18px);
          line-height: 1.6; }
  .mediaArtBanner .postPillListWrap {
    padding: 10px 0 0; }
    .mediaArtBanner .postPillListWrap .pillList {
      display: flex;
      flex-wrap: wrap;
      margin: 0; }
      .mediaArtBanner .postPillListWrap .pillList li {
        display: inline-flex;
        margin: 10px 0 0 10px; }
        .mediaArtBanner .postPillListWrap .pillList li a {
          text-decoration: none;
          padding: 8px 15px;
          border: 0;
          border-radius: 50px;
          font-size: 12px;
          font-weight: 400;
          line-height: 1.4;
          color: #31125F;
          background: #fff;
          border: 1px solid #31125F;
          transition: .5s; }
          .mediaArtBanner .postPillListWrap .pillList li a:hover {
            background: #31125F;
            color: #fff; }
        .mediaArtBanner .postPillListWrap .pillList li:last-child {
          display: none; }
  @media screen and (max-width: 991px) {
    .mediaArtBanner {
      padding: 60px 5vw 30px; }
      .mediaArtBanner .mediaArtBannerRow {
        position: relative; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol {
          flex: 0 0 100%;
          padding: 0; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText {
            padding: 30px 20px; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText:before {
              content: none; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .mediaArtInfo {
              padding: 0; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText h1, .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText p {
              padding: 0; }
            .mediaArtBanner .mediaArtBannerRow .mediaArtBannerTextCol .mediaArtBannerText .authorBox {
              padding: 30px; }
        .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol {
          flex: 0 0 100%;
          order: 0;
          right: auto;
          top: auto;
          width: auto; }
          .mediaArtBanner .mediaArtBannerRow .mediaArtBannerImgCol .countdownWrap {
            top: -60px;
            right: 0; } }

.sharePopup {
  z-index: 99999999; }
  .sharePopup .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #fff;
    padding: 0;
    border-bottom: 10px solid #893FFC; }
    .sharePopup .modal-dialog .modal-content .modal-header {
      border: 0;
      padding: 15px 30px 0 0;
      display: flex;
      justify-content: flex-end; }
  .sharePopup .modal-dialog .modal-body {
    padding: 10px 40px 40px 40px; }
    .sharePopup .modal-dialog .modal-body h4 {
      font-size: clamp(35px, 2.8vw, 45px); }

@keyframes redPulseSmall {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.6); }
  100% {
    box-shadow: 0 0 0 8px rgba(255, 0, 0, 0); } }
/* CSS Document */
.speakerAudienceSec {
  padding: 0 0 50px 0; }
  .speakerAudienceSec .speakerAudienceWrap {
    display: flex;
    flex-wrap: wrap; }

.webSpeakersCol {
  flex: 1 0 50%; }
  .webSpeakersCol h4 {
    color: #31125F;
    font-size: clamp(25px, 2vw, 35px);
    font-family: "TTLivret", sans-serif !important;
    font-weight: 500;
    margin: 0 0 30px;
    line-height: 1.6; }
  .webSpeakersCol .speakerWrap {
    display: flex;
    flex-wrap: wrap;
    min-height: 75%; }
    .webSpeakersCol .speakerWrap .speakerBox {
      flex: 0 0 33.333333%;
      padding: 0 15px 0 0; }
      .webSpeakersCol .speakerWrap .speakerBox a {
        padding: 30px;
        background: #31125F;
        border-radius: 0;
        border: 0;
        display: block;
        text-align: center;
        border-bottom: 9px solid #893FFC;
        height: 100%; }
        .webSpeakersCol .speakerWrap .speakerBox a:hover {
          text-decoration: none; }
        .webSpeakersCol .speakerWrap .speakerBox a img {
          width: 5vw;
          height: 5vw;
          min-width: 100px;
          min-height: 100px;
          max-height: 110px;
          max-width: 110px;
          padding: 0;
          object-fit: cover;
          object-position: top center;
          border-radius: 100px;
          margin: 0 0 10px; }
        .webSpeakersCol .speakerWrap .speakerBox a div p {
          font-size: 12px;
          margin: 0;
          font-weight: 400;
          color: #fff; }
        .webSpeakersCol .speakerWrap .speakerBox a div p.h5 {
          font-size: clamp(16px, 1.1vw, 22px);
          margin: 5px 0 5px;
          color: #fff; }
  @media screen and (max-width: 991px) {
    .webSpeakersCol {
      flex: 0 0 100%;
      padding-bottom: 50px; }
      .webSpeakersCol .speakerWrap .speakerBox {
        flex: 0 0 100%;
        padding: 0 0 20px 0; } }

.audienceSec {
  position: relative;
  overflow: hidden;
  flex: 1 0 50%; }
  .audienceSec h4 {
    color: #31125F;
    font-size: clamp(25px, 2vw, 35px);
    font-family: "TTLivret", sans-serif !important;
    font-weight: 500;
    margin: 0 0 30px;
    line-height: 1.6; }
  .audienceSec .audienceWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    height: 75%; }
    .audienceSec .audienceWrap .audienceCol {
      flex: 0 0 33.333333%; }
      .audienceSec .audienceWrap .audienceCol .audienceBox {
        padding: 40px 30px;
        text-align: center;
        background-color: #f9f9f9;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .audienceSec .audienceWrap .audienceCol .audienceBox svg {
          width: 30px;
          height: 30px; }
          .audienceSec .audienceWrap .audienceCol .audienceBox svg path {
            fill: #31125F; }
        .audienceSec .audienceWrap .audienceCol .audienceBox img {
          width: 30px;
          height: 30px;
          object-fit: contain;
          object-position: center; }
        .audienceSec .audienceWrap .audienceCol .audienceBox p {
          margin: 10px 0 0; }
  @media screen and (max-width: 991px) {
    .audienceSec {
      flex: 0 0 100%; }
      .audienceSec .audienceWrap .audienceCol {
        flex: 0 0 100%;
        padding: 15px 0; } }

/* CSS Document */
.webFeatureSec {
  padding: 0 0 50px 0;
  position: relative;
  overflow: hidden; }
  .webFeatureSec .webFeatureWrap {
    margin: 0; }
    .webFeatureSec .webFeatureWrap .featureTitle h4 {
      color: #31125F;
      font-size: clamp(25px, 2vw, 35px);
      font-family: "TTLivret", sans-serif !important;
      font-weight: 500;
      margin: 0 0 30px;
      line-height: 1.6; }
    .webFeatureSec .webFeatureWrap .webFeatureCol {
      flex: 0 0 33%;
      padding: 0 20px;
      display: flex;
      align-items: flex-start; }
      .webFeatureSec .webFeatureWrap .webFeatureCol .webFeatureBox {
        width: 100%;
        display: flex;
        align-items: flex-start; }
        .webFeatureSec .webFeatureWrap .webFeatureCol .webFeatureBox svg {
          width: 30px;
          height: 30px; }
          .webFeatureSec .webFeatureWrap .webFeatureCol .webFeatureBox svg path {
            fill: #31125F; }
        .webFeatureSec .webFeatureWrap .webFeatureCol .webFeatureBox img {
          width: 30px;
          height: 30px;
          object-fit: contain;
          object-position: center; }
        .webFeatureSec .webFeatureWrap .webFeatureCol .webFeatureBox p {
          margin: 0 0 0 15px; }
      .webFeatureSec .webFeatureWrap .webFeatureCol:last-child {
        border-right: 0; }
    .webFeatureSec .webFeatureWrap .featureColWrap {
      background: #f9f9f9;
      display: flex;
      flex-wrap: wrap;
      padding: 2vw; }
  @media screen and (max-width: 991px) {
    .webFeatureSec .webFeatureWrap .webFeatureCol {
      flex: 0 0 100%;
      padding: 30px 0;
      border-right: 0;
      border-bottom: 1px solid rgba(49, 18, 95, 0.2); }
      .webFeatureSec .webFeatureWrap .webFeatureCol:last-child {
        border-bottom: 0; } }

/* CSS Document */
.takeawaysSec {
  padding: 0 0 50px 0; }
  .takeawaysSec h4 {
    color: #31125F;
    font-size: clamp(25px, 2vw, 35px);
    font-family: "TTLivret", sans-serif !important;
    font-weight: 500;
    margin: 0 0 30px;
    line-height: 1.6; }
  .takeawaysSec .takeawaysWrap {
    display: flex;
    flex-wrap: wrap; }
    .takeawaysSec .takeawaysWrap .takeawayBoxWrap {
      flex: 0 0 33.33%;
      padding-right: 20px; }
      .takeawaysSec .takeawaysWrap .takeawayBoxWrap .takeawayBox {
        background-color: #F2E9FF;
        border-left: 9px solid #31125F;
        height: 100%; }
        .takeawaysSec .takeawaysWrap .takeawayBoxWrap .takeawayBox p {
          padding: 30px;
          margin-bottom: 0; }
      .takeawaysSec .takeawaysWrap .takeawayBoxWrap:nth-child(2) .takeawayBox {
        background-color: #F2E9FF; }
      .takeawaysSec .takeawaysWrap .takeawayBoxWrap:nth-child(3) {
        padding-right: 0; }
        .takeawaysSec .takeawaysWrap .takeawayBoxWrap:nth-child(3) .takeawayBox {
          background-color: #F2E9FF; }
  @media screen and (max-width: 991px) {
    .takeawaysSec .takeawaysWrap .takeawayBoxWrap {
      flex: 0 0 100%;
      padding: 0; } }

/* CSS Document */
.webinarFlexSec {
  padding: 6vw 0;
  position: relative; }
  .webinarFlexSec .webinarPostWrap {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .webinarFlexSec .webinarPostWrap .webinarPostBox {
      background: #31125F;
      padding: 3vw;
      flex: 0 0 50%; }
      .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .pill {
        border: 1px solid #fff;
        background-color: transparent; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead .pill p {
          color: #fff; }
      .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h1, .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h2, .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h3, .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h4, .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h5, .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead h6 {
        font-size: clamp(25px, 2vw, 35px);
        margin: 0 0 25px;
        color: #fff; }
      .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead p {
        color: #fff; }
      .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo {
        margin: 50px 0; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList {
          padding: 0 0 0 30px;
          border-left: 6px solid #893FFC; }
          .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList p.h5 {
            color: #fff;
            font-family: 'TTlivret'; }
          .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul {
            margin: 0;
            list-style: none;
            padding: 20px 30px 0 3px; }
            .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul li {
              position: relative;
              padding: 15px 0 15px 40px;
              line-height: 1.6;
              font-size: 13px;
              color: #fff; }
              .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul li::before {
                display: none; }
              .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul li svg {
                position: absolute;
                top: 14px;
                left: 0;
                width: 20px;
                height: 20px; }
                .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul li svg path {
                  fill: #fff; }
      .webinarFlexSec .webinarPostWrap .webinarPostBox .btnWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30px 0 0; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .btnWrap .length {
          display: flex;
          align-items: center; }
          .webinarFlexSec .webinarPostWrap .webinarPostBox .btnWrap .length svg {
            height: 40px;
            width: 40px;
            margin: 0 10px 0 0; }
            .webinarFlexSec .webinarPostWrap .webinarPostBox .btnWrap .length svg path {
              fill: #fff; }
          .webinarFlexSec .webinarPostWrap .webinarPostBox .btnWrap .length p {
            margin: 0;
            color: #fff; }
    .webinarFlexSec .webinarPostWrap .webinarPostPlay {
      flex: 0 0 50%;
      overflow: hidden;
      display: block;
      border-bottom: 15px solid #893FFC; }
      .webinarFlexSec .webinarPostWrap .webinarPostPlay img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
  @media screen and (max-width: 991px) {
    .webinarFlexSec .webinarPostWrap {
      padding: 30px 30px 0 0; }
      .webinarFlexSec .webinarPostWrap .webinarPostBox {
        padding: 30px;
        flex: 0 0 100%; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead {
          padding: 0 14vw 0 0;
          text-align: left; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo {
          margin: 50px 0 0; }
          .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList {
            flex: 0 0 100%; }
            .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo .webinarInfoList ul {
              padding: 20px 0 0 3px; }
      .webinarFlexSec .webinarPostWrap .webinarPostPlay {
        flex: 0 0 100%; } }
  @media screen and (max-width: 768px) {
    .webinarFlexSec .webinarPostWrap {
      padding: 10vw 0 0 0; }
      .webinarFlexSec .webinarPostWrap .webinarPostBox {
        padding: 30px; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarPostBoxHead {
          padding: 0; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .webinarBoxInfo {
          margin: 50px 0 0; }
        .webinarFlexSec .webinarPostWrap .webinarPostBox .btnWrap {
          text-align: center; }
          .webinarFlexSec .webinarPostWrap .webinarPostBox .btnWrap .arrowBTN {
            margin: 0 10px; } }

/* CSS Document */
.webinarCardSec {
  padding: 6vw 0;
  position: relative;
  overflow: hidden; }
  .webinarCardSec .sectionHeader {
    margin: 0 0 4vw;
    text-align: center; }
    .webinarCardSec .sectionHeader h1, .webinarCardSec .sectionHeader h2, .webinarCardSec .sectionHeader h3, .webinarCardSec .sectionHeader h4, .webinarCardSec .sectionHeader h5, .webinarCardSec .sectionHeader h6, .webinarCardSec .sectionHeader p strong {
      font-size: clamp(25px, 2vw, 35px);
      margin: 0 0 15px;
      font-weight: 400;
      font-family: "TTlivret", serif !important;
      line-height: 1.2; }
  .webinarCardSec .webinarCard {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap; }
    .webinarCardSec .webinarCard .webinarCardText {
      flex: 0 0 45%;
      padding: 4vw; }
      .webinarCardSec .webinarCard .webinarCardText h1, .webinarCardSec .webinarCard .webinarCardText h2, .webinarCardSec .webinarCard .webinarCardText h3, .webinarCardSec .webinarCard .webinarCardText h4, .webinarCardSec .webinarCard .webinarCardText h5, .webinarCardSec .webinarCard .webinarCardText h6, .webinarCardSec .webinarCard .webinarCardText p strong {
        font-size: clamp(25px, 2vw, 35px);
        margin: 0 0 15px;
        font-weight: 400;
        font-family: "TTlivret", serif !important;
        line-height: 1.2; }
      .webinarCardSec .webinarCard .webinarCardText p {
        margin: 0 0 15px; }
      .webinarCardSec .webinarCard .webinarCardText .featuresWrap {
        border-left: 6px solid #893FFC;
        padding-left: 20px;
        margin-top: 40px; }
        .webinarCardSec .webinarCard .webinarCardText .featuresWrap p.h5 {
          font-family: "TTlivret", serif !important;
          font-size: clamp(20px, 1.5vw, 25px);
          text-align: start; }
        .webinarCardSec .webinarCard .webinarCardText .featuresWrap .features {
          margin: 20px 0 40px 3px;
          list-style: none; }
          .webinarCardSec .webinarCard .webinarCardText .featuresWrap .features li {
            position: relative;
            padding: 8px 0 8px 40px;
            line-height: 1.6;
            font-size: 13px; }
            .webinarCardSec .webinarCard .webinarCardText .featuresWrap .features li::before {
              display: none; }
            .webinarCardSec .webinarCard .webinarCardText .featuresWrap .features li svg {
              position: absolute;
              top: 14px;
              left: 0;
              width: 20px;
              height: 20px; }
      .webinarCardSec .webinarCard .webinarCardText .pill {
        margin: 0 0 15px; }
        .webinarCardSec .webinarCard .webinarCardText .pill p {
          margin: 0; }
      .webinarCardSec .webinarCard .webinarCardText .btnWrap {
        margin: 30px 0 0; }
        .webinarCardSec .webinarCard .webinarCardText .btnWrap .arrowBTN {
          margin: 0 10px 0 0; }
    .webinarCardSec .webinarCard .webinarCardImage {
      flex: 0 0 55%;
      position: relative;
      border-bottom: 15px solid #893FFC; }
      .webinarCardSec .webinarCard .webinarCardImage img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .webinarCardSec .webinarCard.mediaRight .webinarCardImage {
      order: 1; }
    .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .pillList {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      list-style: none;
      margin: 0 0 30px; }
      .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .pillList .pill {
        padding: 8px 15px;
        border: 1px solid #31125F;
        border-radius: 50px;
        display: inline-flex;
        margin: 0 10px 0 0;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        color: #31125F;
        background: transparent; }
      .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .pillList .live {
        padding: 8px 0;
        margin: 0 30px 0 0; }
        .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .pillList .live span {
          display: block;
          position: relative;
          width: 15px;
          height: 15px; }
          .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .pillList .live span:before {
            content: '';
            width: 15px;
            height: 15px;
            background: red;
            animation: redPulse 2s infinite;
            border-radius: 50px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
          .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .pillList .live span:after {
            content: '';
            width: 15px;
            height: 15px;
            background: red;
            animation: redPulse 2s infinite;
            animation-delay: 1s;
            border-radius: 50px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
    .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .btnWrap {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .btnWrap .length {
        display: flex;
        align-items: center; }
        .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .btnWrap .length svg {
          height: 40px;
          width: 40px;
          margin: 0 10px 0 0; }
          .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .btnWrap .length svg path {
            fill: #fff; }
        .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .btnWrap .length p {
          margin: 0; }
  .webinarCardSec.whiteBG {
    background: #fff; }
    .webinarCardSec.whiteBG .sectionHeader h1, .webinarCardSec.whiteBG .sectionHeader h2, .webinarCardSec.whiteBG .sectionHeader h3, .webinarCardSec.whiteBG .sectionHeader h4, .webinarCardSec.whiteBG .sectionHeader h5, .webinarCardSec.whiteBG .sectionHeader h6 {
      color: #31125F; }
    .webinarCardSec.whiteBG .sectionHeader p {
      color: #31125F; }
    .webinarCardSec.whiteBG .webinarCard {
      background: #f9f9f9; }
      .webinarCardSec.whiteBG .webinarCard .webinarCardText h1, .webinarCardSec.whiteBG .webinarCard .webinarCardText h2, .webinarCardSec.whiteBG .webinarCard .webinarCardText h3, .webinarCardSec.whiteBG .webinarCard .webinarCardText h4, .webinarCardSec.whiteBG .webinarCard .webinarCardText h5, .webinarCardSec.whiteBG .webinarCard .webinarCardText h6 {
        color: #31125F; }
      .webinarCardSec.whiteBG .webinarCard .webinarCardText p {
        color: #31125F; }
      .webinarCardSec.whiteBG .webinarCard .webinarCardText .btnWrap .length svg path {
        fill: #31125F; }
      .webinarCardSec.whiteBG .webinarCard .webinarCardText .features li {
        color: #31125F; }
        .webinarCardSec.whiteBG .webinarCard .webinarCardText .features li svg path {
          fill: #31125F; }
  .webinarCardSec.navyBG {
    background: #31125F; }
    .webinarCardSec.navyBG .sectionHeader h1, .webinarCardSec.navyBG .sectionHeader h2, .webinarCardSec.navyBG .sectionHeader h3, .webinarCardSec.navyBG .sectionHeader h4, .webinarCardSec.navyBG .sectionHeader h5, .webinarCardSec.navyBG .sectionHeader h6 {
      color: #fff; }
    .webinarCardSec.navyBG .sectionHeader p {
      color: #fff; }
    .webinarCardSec.navyBG .webinarCard {
      background: #fff; }
      .webinarCardSec.navyBG .webinarCard .webinarCardText h1, .webinarCardSec.navyBG .webinarCard .webinarCardText h2, .webinarCardSec.navyBG .webinarCard .webinarCardText h3, .webinarCardSec.navyBG .webinarCard .webinarCardText h4, .webinarCardSec.navyBG .webinarCard .webinarCardText h5, .webinarCardSec.navyBG .webinarCard .webinarCardText h6 {
        color: #31125F; }
      .webinarCardSec.navyBG .webinarCard .webinarCardText p {
        color: #31125F; }
      .webinarCardSec.navyBG .webinarCard .webinarCardText .btnWrap .length svg path {
        fill: #31125F; }
      .webinarCardSec.navyBG .webinarCard .webinarCardText .features li {
        color: #31125F; }
        .webinarCardSec.navyBG .webinarCard .webinarCardText .features li svg path {
          fill: #31125F; }
  .webinarCardSec.greyBG {
    background: #f9f9f9; }
    .webinarCardSec.greyBG .sectionHeader h1, .webinarCardSec.greyBG .sectionHeader h2, .webinarCardSec.greyBG .sectionHeader h3, .webinarCardSec.greyBG .sectionHeader h4, .webinarCardSec.greyBG .sectionHeader h5, .webinarCardSec.greyBG .sectionHeader h6 {
      color: #31125F; }
    .webinarCardSec.greyBG .sectionHeader p {
      color: #31125F; }
    .webinarCardSec.greyBG .webinarCard {
      background: #fff; }
      .webinarCardSec.greyBG .webinarCard .webinarCardText h1, .webinarCardSec.greyBG .webinarCard .webinarCardText h2, .webinarCardSec.greyBG .webinarCard .webinarCardText h3, .webinarCardSec.greyBG .webinarCard .webinarCardText h4, .webinarCardSec.greyBG .webinarCard .webinarCardText h5, .webinarCardSec.greyBG .webinarCard .webinarCardText h6 {
        color: #31125F; }
      .webinarCardSec.greyBG .webinarCard .webinarCardText p {
        color: #31125F; }
      .webinarCardSec.greyBG .webinarCard .webinarCardText .btnWrap .length svg path {
        fill: #31125F; }
      .webinarCardSec.greyBG .webinarCard .webinarCardText .features li {
        color: #31125F; }
        .webinarCardSec.greyBG .webinarCard .webinarCardText .features li svg path {
          fill: #31125F; }
  @media screen and (max-width: 991px) {
    .webinarCardSec .webinarCard .webinarCardText {
      flex: 0 0 100%;
      padding: 40px; }
      .webinarCardSec .webinarCard .webinarCardText .features {
        margin: 25px 0 25px 0;
        text-align: left; }
        .webinarCardSec .webinarCard .webinarCardText .features li {
          padding: 6px 0 6px 25px; }
          .webinarCardSec .webinarCard .webinarCardText .features li svg {
            top: 10px;
            width: 15px;
            height: 15px; }
    .webinarCardSec .webinarCard .webinarCardImage {
      flex: 0 0 100%; }
      .webinarCardSec .webinarCard .webinarCardImage img {
        position: relative;
        top: auto;
        left: auto;
        max-height: 60vw; }
    .webinarCardSec .webinarCard.mediaRight .webinarCardImage {
      order: 0; } }
  @media screen and (max-width: 768px) {
    .webinarCardSec .webinarCard .webinarCardImage img {
      max-height: 90vw; }
    .webinarCardSec .webinarCard.webinarCtaCard .webinarCardText .btnWrap .length svg {
      height: 30px;
      width: 30px;
      margin: 0 5px 0 0; } }

/* CSS Document */
.webinarPlaylistSec {
  padding: 6vw 0;
  position: relative;
  overflow: hidden; }
  .webinarPlaylistSec .sectionHeader {
    margin: 0 0 4vw;
    text-align: center; }
    .webinarPlaylistSec .sectionHeader h1, .webinarPlaylistSec .sectionHeader h2, .webinarPlaylistSec .sectionHeader h3, .webinarPlaylistSec .sectionHeader h4, .webinarPlaylistSec .sectionHeader h5, .webinarPlaylistSec .sectionHeader h6 {
      font-size: clamp(40px, 3.4vw, 60px);
      color: #31125F;
      margin: 0 0 15px; }
      .webinarPlaylistSec .sectionHeader h1 strong, .webinarPlaylistSec .sectionHeader h2 strong, .webinarPlaylistSec .sectionHeader h3 strong, .webinarPlaylistSec .sectionHeader h4 strong, .webinarPlaylistSec .sectionHeader h5 strong, .webinarPlaylistSec .sectionHeader h6 strong {
        font-weight: 400; }
    .webinarPlaylistSec .sectionHeader p {
      color: #31125F; }
  .webinarPlaylistSec .webPlaylistWrap {
    background: #31125F;
    padding: 0 3vw; }
    .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -25px;
      position: relative; }
      .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol {
        flex: 0 0 50%;
        padding: 3vw 25px; }
        .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap .imgWrap img {
          width: 100%;
          max-height: 650px;
          height: 35vw;
          min-height: 300px;
          object-fit: cover;
          object-position: center; }
        .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap p.h4 {
          font-size: clamp(25px, 2vw, 35px);
          margin: 30px 0 15px;
          color: #fff;
          font-family: "TTlivret", serif !important; }
        .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap p {
          color: #fff; }
        .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap .btnWrap {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 30px 0 0; }
          .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap .btnWrap .length {
            display: flex;
            align-items: center; }
            .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap .btnWrap .length svg {
              height: 40px;
              width: 40px;
              margin: 0 10px 0 0; }
              .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap .btnWrap .length svg path {
                fill: #fff; }
            .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol .selectedWebWrap .btnWrap .length p {
              margin: 0; }
      .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol {
        width: 50%;
        padding: 3vw 25px;
        position: absolute;
        right: 0;
        height: 100%;
        overflow: scroll; }
        .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul {
          display: block;
          border: 0;
          margin-top: 0; }
          .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li {
            margin: 0 0 5px;
            padding-top: 0; }
            .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li::before {
              display: none; }
            .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a {
              background: #fff;
              padding: 0;
              border: 0;
              border-radius: 0;
              display: flex;
              align-items: flex-start;
              overflow: hidden;
              transition: .5s; }
              .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectImg {
                flex: 0 0 30%; }
                .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectImg img {
                  width: 100%;
                  height: 100%; }
              .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo {
                flex: 0 0 70%;
                padding: 30px; }
                .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo p.h5 {
                  margin: 0;
                  font-family: "TTlivret", serif !important; }
                .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  margin: 0 0 20px; }
                  .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .pillList {
                    position: relative;
                    margin: 0;
                    padding: 0; }
                    .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .pillList li {
                      padding: 6px 6px;
                      border: 0;
                      border-radius: 50px;
                      display: inline-flex;
                      margin: 0 4px 0 0;
                      font-size: 10px;
                      font-weight: 400;
                      line-height: 1.4;
                      color: #31125F;
                      background: transparent;
                      border: 1px solid #31125F; }
                  .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .length {
                    display: flex;
                    align-items: center; }
                    .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .length svg {
                      height: 30px;
                      width: 30px;
                      margin: 0 10px 0 0; }
                      .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .length svg path {
                        fill: #31125F; }
                    .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .length p {
                      margin: 0; }
              .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a:hover {
                background: #F2E9FF; }
  .webinarPlaylistSec.whiteBG {
    background: #fff; }
  .webinarPlaylistSec.greyBG {
    background: #f9f9f9; }
  .webinarPlaylistSec.navyBG {
    background: #31125F; }
    .webinarPlaylistSec.navyBG .sectionHeader h1, .webinarPlaylistSec.navyBG .sectionHeader h2, .webinarPlaylistSec.navyBG .sectionHeader h3, .webinarPlaylistSec.navyBG .sectionHeader h4, .webinarPlaylistSec.navyBG .sectionHeader h5, .webinarPlaylistSec.navyBG .sectionHeader h6 {
      color: #fff; }
    .webinarPlaylistSec.navyBG .sectionHeader p {
      color: #fff; }
    .webinarPlaylistSec.navyBG .webPlaylistWrap {
      border: 1px solid #fff; }
  @media screen and (max-width: 991px) {
    .webinarPlaylistSec .webPlaylistWrap {
      padding: 0 30px; }
      .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow {
        margin: 0; }
        .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .selectedWebCol {
          flex: 0 0 100%;
          padding: 40px 0 30px; }
        .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol {
          width: 100%;
          padding: 0 0 40px;
          position: relative;
          right: auto;
          max-height: 70vh; }
          .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul {
            margin-left: 0; }
            .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo {
              padding: 10px 15px; }
              .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top {
                margin: 0 0 10px; }
                .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .pillList li {
                  padding: 5px 5px;
                  margin: 0 3px 5px 0;
                  font-size: 8px; }
                .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .length svg {
                  height: 20px;
                  width: 20px;
                  margin: 0 6px 0 0; }
                .webinarPlaylistSec .webPlaylistWrap .webPlaylistRow .webPlaylistCol ul li a .playlistSelectInfo .top .length p {
                  font-size: 12px; } }
  @media screen and (max-width: 576px) {
    .webinarPlaylistSec .webPlaylistWrap {
      padding: 0 20px; } }

/* CSS Document */
.webinarCaroSec {
  padding: 6vw 0;
  position: relative;
  overflow: hidden; }
  .webinarCaroSec .sectionHeader {
    margin: 0 0 4vw;
    text-align: start !important;
    border-bottom: 1px solid #31125F;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .webinarCaroSec .sectionHeader h1, .webinarCaroSec .sectionHeader h2, .webinarCaroSec .sectionHeader h3, .webinarCaroSec .sectionHeader h4, .webinarCaroSec .sectionHeader h5, .webinarCaroSec .sectionHeader h6 {
      font-size: clamp(40px, 3.4vw, 60px);
      margin: 0 0 15px;
      color: #31125F; }
    .webinarCaroSec .sectionHeader p {
      color: #31125F; }
    .webinarCaroSec .sectionHeader .carousel-webinar-nav ul {
      display: flex; }
      .webinarCaroSec .sectionHeader .carousel-webinar-nav ul li {
        cursor: pointer; }
        .webinarCaroSec .sectionHeader .carousel-webinar-nav ul li:before {
          display: none; }
        .webinarCaroSec .sectionHeader .carousel-webinar-nav ul li.owlPrevWebinar {
          transform: rotate(180deg); }
  .webinarCaroSec .webinarCaroWrap {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .webinarCaroSec .webinarCaroWrap .webinarCaroBox {
      display: block;
      text-decoration: none;
      overflow: hidden;
      height: 100%;
      position: relative;
      background: #31125F;
      display: flex;
      flex-direction: column; }
      .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxThumb {
        position: relative; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxThumb img {
          width: 100%;
          height: 20vw;
          object-fit: cover;
          object-position: center; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxThumb .pillList {
          position: absolute;
          top: 20px;
          left: 20px;
          display: flex;
          flex-wrap: wrap; }
          .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxThumb .pillList li {
            padding: 8px 15px;
            border: 0;
            border-radius: 50px;
            display: inline-flex;
            margin: 0 0 0 10px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.4;
            color: #fff;
            background: transparent;
            border: 1px solid #fff; }
      .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText {
        background: #31125F;
        padding: 30px;
        height: 100%;
        position: relative; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .pillList {
          position: relative;
          margin: 0 0 10px; }
          .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .pillList li {
            padding: 8px 15px;
            border: 0;
            border-radius: 50px;
            display: inline-flex;
            margin: 0 10px 5px 0;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.4;
            color: #fff;
            background: transparent;
            border: 1px solid #fff; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .kicker p {
          margin: 0 0 10px;
          color: #fff; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText p {
          color: #fff; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText p.h4 {
          font-size: clamp(20px, 1.5vw, 25px);
          margin: 0 0 10px; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 20px 0 0; }
          .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play {
            display: flex;
            align-items: center; }
            .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play span {
              width: 50px;
              height: 50px;
              display: inline-flex;
              justify-content: center;
              align-items: center;
              border-radius: 100px;
              border: 1px solid #fff;
              margin: 0 10px 0 0; }
              .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play span svg {
                height: 17px;
                width: 17px;
                margin: 0 0 0 2px; }
                .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play span svg path {
                  fill: #fff; }
            .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play p {
              margin: 0; }
          .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .length {
            display: flex;
            align-items: center; }
            .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .length svg {
              height: 40px;
              width: 40px;
              margin: 0 10px 0 0; }
              .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .length svg path {
                fill: #fff; }
            .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .length p {
              margin: 0; }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .arrow {
          position: absolute;
          right: 20px;
          bottom: 20px;
          z-index: 9; }
          .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .arrow svg {
            width: 1.2vw;
            height: 1.2vw;
            min-width: 18px;
            min-height: 18px;
            max-width: 25px;
            max-height: 25px;
            transition: .5s; }
            .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .arrow svg path {
              fill: #ddd;
              transition: .5s; }
      .webinarCaroSec .webinarCaroWrap .webinarCaroBox:last-child {
        padding: 0; }
      .webinarCaroSec .webinarCaroWrap .webinarCaroBox:hover .webinarCaroBoxText .arrow svg {
        transform: rotate(-45deg); }
        .webinarCaroSec .webinarCaroWrap .webinarCaroBox:hover .webinarCaroBoxText .arrow svg path {
          fill: #31125F; }
    .webinarCaroSec .webinarCaroWrap .owl-dots {
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-top: 3vw; }
      .webinarCaroSec .webinarCaroWrap .owl-dots .owl-dot {
        background: #F2E9FF;
        width: clamp(50px, 4vw, 100px);
        height: 6px;
        margin: 0 5px;
        opacity: 1;
        transition: .5s; }
        .webinarCaroSec .webinarCaroWrap .owl-dots .owl-dot.active {
          background: #893FFC;
          opacity: 1; }
      @media screen and (max-width: 991px) {
        .webinarCaroSec .webinarCaroWrap .owl-dots {
          margin: 40px 0 0; } }
  .webinarCaroSec.greyBG {
    background: #f9f9f9; }
    .webinarCaroSec.greyBG .webinarCaroWrap .webinarCaroBox {
      background: #fff; }
      .webinarCaroSec.greyBG .webinarCaroWrap .webinarCaroBox .pillList li {
        color: #31125F;
        border: 1px solid #31125F; }
      .webinarCaroSec.greyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText {
        background: #fff; }
        .webinarCaroSec.greyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText p {
          color: #31125F; }
        .webinarCaroSec.greyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play span {
          border: 1px solid #31125F; }
          .webinarCaroSec.greyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play span svg path {
            fill: #31125F; }
        .webinarCaroSec.greyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .length svg path {
          fill: #31125F; }
  .webinarCaroSec.navyBG {
    background: #31125F; }
    .webinarCaroSec.navyBG .sectionHeader {
      border-bottom: 1px solid #fff; }
      .webinarCaroSec.navyBG .sectionHeader h1, .webinarCaroSec.navyBG .sectionHeader h2, .webinarCaroSec.navyBG .sectionHeader h3, .webinarCaroSec.navyBG .sectionHeader h4, .webinarCaroSec.navyBG .sectionHeader h5, .webinarCaroSec.navyBG .sectionHeader h6 {
        color: #fff; }
      .webinarCaroSec.navyBG .sectionHeader p {
        color: #fff; }
      .webinarCaroSec.navyBG .sectionHeader .carousel-webinar-nav ul li svg path {
        stroke: #fff; }
    .webinarCaroSec.navyBG .webinarCaroWrap .webinarCaroBox {
      background: #fff; }
      .webinarCaroSec.navyBG .webinarCaroWrap .webinarCaroBox .pillList li {
        color: #31125F;
        border: 1px solid #31125F; }
      .webinarCaroSec.navyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText {
        background: #fff; }
        .webinarCaroSec.navyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText p {
          color: #31125F; }
        .webinarCaroSec.navyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play span {
          border: 1px solid #31125F; }
          .webinarCaroSec.navyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .play span svg path {
            fill: #31125F; }
        .webinarCaroSec.navyBG .webinarCaroWrap .webinarCaroBox .webinarCaroBoxText .listenFoot .length svg path {
          fill: #31125F; }
  @media screen and (max-width: 991px) {
    .webinarCaroSec {
      padding: 70px 0; }
      .webinarCaroSec .sectionHeader {
        margin: 0 0 50px; }
      .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxThumb img {
        height: 30vw; } }
  @media screen and (max-width: 768px) {
    .webinarCaroSec .webinarCaroWrap .webinarCaroBox .webinarCaroBoxThumb img {
      height: 60vw; } }

/* CSS Document */
.articleListSec.webinarList .sectionHeader {
  text-align: start !important;
  border-bottom: 1px solid #171E45; }
.articleListSec.webinarList .articleListWrap .articleListCol {
  flex: 0 0 33.33%; }
  .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox {
    border-bottom: none; }
    .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText {
      border-top: 10px solid #893FFC; }
      .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText .pillList li {
        color: #fff;
        border: 1px solid #fff; }
      .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText p {
        color: #fff; }
      .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText .listenFoot .play span {
        border: 1px solid #fff; }
        .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText .listenFoot .play span svg path {
          fill: #fff; }
      .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText .listenFoot .play p {
        color: #fff; }
      .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText .listenFoot .length svg path {
        fill: #fff; }
      .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox .articleListBoxText .listenFoot .length p {
        color: #fff; }
    .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox:hover {
      background-color: #31125F; }
      .articleListSec.webinarList .articleListWrap .articleListCol .articleListBox:hover p {
        color: #fff !important; }
@media screen and (max-width: 991px) {
  .articleListSec.webinarList .articleListWrap .articleListCol {
    padding: 15px;
    flex: 0 0 50%; } }
@media screen and (max-width: 768px) {
  .articleListSec.webinarList .articleListWrap .articleListCol {
    flex: 0 0 100%; } }

/* CSS Document */
.resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol {
  flex: 0 0 100%; }
  .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox {
    border-radius: 0;
    flex-direction: row-reverse; }
    .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextTop {
      justify-content: flex-start; }
      .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextTop .live {
        margin-right: 15px; }
    .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom {
      align-items: flex-start; }
      .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .resourceBoxTextBottomWrap p.h4 {
        margin: 40px 0 30px; }
      .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarBoxInfo {
        margin-top: 30px; }
      .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarInfoList {
        padding: 0 0 0 30px;
        border-left: 6px solid #893FFC; }
        .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarInfoList p.h5 {
          color: #31125F;
          font-family: 'TTlivret'; }
        .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarInfoList ul {
          margin: 0;
          list-style: none;
          padding: 20px 30px 0 3px; }
          .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarInfoList ul li {
            position: relative;
            padding: 15px 0 15px 40px;
            line-height: 1.6;
            font-size: 13px;
            color: #31125F;
            font-weight: 400; }
            .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarInfoList ul li::before {
              display: none; }
            .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarInfoList ul li svg {
              position: absolute;
              top: 16px;
              left: 0;
              width: 20px;
              height: 20px; }
              .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxText .resourceBoxTextBottom .webinarInfoList ul li svg path {
                fill: #31125F; }
    .resourceFeaturedSec.webinarFeatured .resourceFeaturedWrap .resourceBigCol .resourceBigBox .resourceBoxThumb {
      border-bottom: 15px solid #893FFC; }