html .page-header  {
     line-height: 1.15;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     scroll-padding-top: 120px;
     scroll-behavior: smooth;
     font-family: "source-sans-pro", sans-serif !important;
 }
 button:focus {
    outline: none;
  }
 .inner-shadow-box {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    box-shadow: inset 0 15px 15px -15px rgba(51,63,72,.1);
    box-shadow: inset 0 15px 15px -15px #5816af33;  
}
 header,
 nav,
 section {
     display: block;
 }
 
 .page-header h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
 
 .page-header hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }
 .border-video-header{
    border: 1px solid #B969EE;
    border-radius: 10px;
 }

 .page-header a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
 }
 
 .page-header img {
     border-style: none;
 }
 
 .page-header svg:not(:root) {
     overflow: hidden;
 }
 
 .page-header button,
 .page-header select {
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
 }
 
 .page-header button {
     overflow: visible;
 }
 
 .page-header button,
 .page-header select {
     text-transform: none;
 }
 
 .page-header button,
 html [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }
 
 .page-header button::-moz-focus-inner,
 .page-header [type="button"]::-moz-focus-inner,
 .page-header [type="reset"]::-moz-focus-inner,
 .page-header [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 
 .page-header button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }
 
 .page-header progress {
     display: inline-block;
     vertical-align: baseline;
 }
 
 .page-header [type="checkbox"],
 .page-header [type="radio"] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
 }
 
 .page-header [type="number"]::-webkit-inner-spin-button,
 .page-header [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 
 .page-header [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
 }
 
 .page-header [type="search"]::-webkit-search-cancel-button,
 .page-header [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
 }
 
 .page-header details,
 .page-header menu {
     display: block;
 }
 
 .page-header summary {
     display: list-item;
 }
 
 .page-header [hidden] {
     display: none;
 }
 
 .page-header *,
 .page-header *::before,
 .page-header *::after {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     line-height: 1.375;
 }
 
 .page-header button {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: none;
     border: none;
     color: inherit;
     font: inherit;
 }
 
 .page-header img {
     display: block;
     width: auto;
     max-width: 100%;
     height: auto;
     user-select: none;
 }
 
 .page-header img.responsive {
     max-width: 100%;
 }
 
 /* recommended css style for lazysizes to calculate sizes properly */
 .page-header img[data-sizes] {
     display: block;
     width: 100%;
 }
 
 .page-header ol,
 .page-header ul {
     list-style: none;
 }
 
 .page-header small {
     font-size: 1.4rem;
     line-height: 1.42857;
 }
 
 .page-header table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 .page-header :disabled {
     cursor: not-allowed;
 }
 
 .page-header a {
     color: inherit;
     -webkit-transition: color 0.2s;
     transition: color 0.2s;
     text-decoration: none;
 }
 
 .page-header a:hover {
     color:#6a1dd3;
 }
 
 
 :root h1,
 :root h2,
 :root h3,
 :root h4,
 :root h5,
 :root h6 {
     font-weight: 600;
 }
 
 :root .page-header .d-text-s1 {
     font-size: 1.6rem;
     line-height: 1.375;
 }
 
 :root .page-header .d-text-s2 {
     font-size: 1.9rem;
     line-height: 1.473;
 }
 
 :root .page-header .text-sb {
     font-weight: 700;
 }
 
 :root .page-header h1 {
     font-size: 4.2rem;
     line-height: 1.086;
     letter-spacing: -0.02em;
 
 }
 
 :root .page-header h2 {
     font-size: 3.6rem;
     line-height: 1.111;
     letter-spacing: -0.02em;
 
 }
 
 :root .page-header h3 {
     font-size: 2.6rem;
     line-height: 1.153;
     letter-spacing: -0.02em;
 
 }
 
 :root .page-header h4 {
     font-size: 2rem;
     line-height: 1.5;
 }
 
 :root .page-header h5 {
     font-size: 1.4rem;
     line-height: 1.428;
     letter-spacing: 0.01em;
 }
 
 :root .page-header .page-header h6 {
     font-size: 1.2rem;
     line-height: 1.666;
     letter-spacing: 0.01em;
 }
 
 .page-header .container {
     width: 100%;
     max-width: 85%;
     margin-right: auto;
     margin-left: auto;
     padding: 0 15px;
 }
 
 .page-header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     /* background-color: red; */
     /* -webkit-box-shadow: 0 0 15px 0 rgba(51, 63, 72, 0.1);
             box-shadow: 0 0 15px 0 rgba(51, 63, 72, 0.1); */
     z-index: 1100;
 }
 
 .page-header .relative {
     position: relative;
 }
 
 .page-header .header-content-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 1%;
     padding-bottom: 1%;
     vertical-align: middle;
 }
 header .page-header .header-content-container{
     position: relative;
     height: 70px
 }
 .page-header .timechamp-main-logo {
     width: 13rem;
     height: 2.8rem;
     margin-right: 2.5rem;
     position: relative;
 }
 
 .page-header .timechamp-main-logo a {
     display: block;
 }
 
 .page-header .timechamp-main-logo a img {
     max-width: 100%;
     -o-object-fit: contain;
     object-fit: contain;
 }
 
 .page-header .header-navbar {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     margin: 0 1.5rem 0 0;
     display: none;
 }
 .page-header .signup-demo-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 
 .page-header .signup-demo-buttons {
     flex-wrap: nowrap;
 }
 
 .page-header.signup-demo-buttons li {
     font-size: 1.6rem;
     line-height: 2;
     max-height: 4.4rem;
 }
 
 .page-header.signup-demo-buttons li a.is-search {
     width: 1.6rem;
     height: 1.6rem;
     position: relative;
     top: .2rem;
     display: block;
     background: url("../img/search-icon.svg") no-repeat center center/contain;
 }
 
 .page-header.signup-demo-buttons li:not(.is-menu) img {
     display: none;
 }
 
 .page-header .signup-demo-buttons li:not(.is-menu):hover {
     color: #147bd1;
 }
 
 .page-header .signup-demo-buttons li.is-divider {
     position: relative;
 }
 
 .page-header .signup-demo-buttons li+li {
     margin-left: 2.5rem;
 }
 
 .page-header .signup-demo-buttons .btn.color-freesignup {
     height: 3rem;
     padding: 0 2.5rem;
     background-color: #FC7318E6;
     background: linear-gradient(14deg, #fc7318, #ffbf00);
     box-shadow: unset;
 }
 .page-header .signup-demo-buttons li:hover .btn.color-freesignup {
     background: linear-gradient(14deg, #ffbf00, #fc7318);
 }
 .page-header .freesingup-color {
     height: 3.7rem;
     border: 1px solid black;
 }
 .page-header .dropmenu {
     font-size: 1.6rem;
     line-height: 1.375;
     position: absolute;
     top: -999px;
     white-space: nowrap;
     background-color: #fff;
     background: linear-gradient(180deg, #F7F7F7, #fff 13px);
     opacity: 0;
     -webkit-transition: opacity .4s;
     transition: opacity .4s;
     -webkit-box-shadow: 0 50px 50px 0 rgba(35, 45, 57, 0.15);
     box-shadow: 0 50px 50px 0 rgba(35, 45, 57, 0.15);
 }
 
 .page-header .dropmenu__inner {
     padding: 4rem;
     padding-right: 4.6rem;
     padding-bottom: 2rem;
 }
 
 .page-header .dropmenu__title {
     margin: 0;
     font-size: 1.4rem;
     line-height: 1.42857;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 2rem;
     padding-bottom: 1.5rem;
     border-bottom: .1rem solid #eaebec;
     color: #232d39;
 }
 
 .page-header .dropmenu__title a {
     color: inherit;
     text-decoration: none;
 }
 
 .page-header .dropmenu__item {
     color: #70787e !important;
 }
 
 .page-header .dropmenu__item p+p {
     margin-top: 1rem;
 }
 
 .page-header .dropmenu__item a:hover {
     color: #147bd1;
 }
 
 .page-header .dropmenu__item .is-mark {
     color: #147bd1;
 }
 
 .page-header .dropmenu__item .is-mark a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 
 .page-header .dropmenu__item .is-mark svg {
     margin-right: 1.2rem;
 }
 
 .page-header .dropmenu__item+.dropmenu__item {
     margin-top: 3rem;
 }
 
 .page-header .dropmenu__footer {
     padding: 2.4rem 4rem;
     background-color: #f5f5f7;
     color: #999fa3;
     font-weight: 600;
 }
 
 .page-header .navbar-menu-list__item>a,
 .page-header .navbar-menu-list__item>span {
     font-size: 1.6rem;
     line-height: 1.42857;
 }
 
 .page-header .navbar-menu-list__item:hover>a,
 .page-header .navbar-menu-list__item:hover>span {
     color: #6a1dd3;
 }
 .page-header .navbar-menu-list__item.is-combobox {
     position: relative;
     cursor: pointer;
 
 }
 .page-header .navbar-menu-list__item.is-combobox:after {
     content: '';
     display: inline-block;
     margin-left: .5rem;
     margin-top: .5rem;
     border: .1rem solid #c1c5c8;
     border-top: 0 solid transparent;
     border-left: 0 solid transparent;
     width: .6rem;
     height: .6rem;
     -webkit-transform: rotate(45deg) translate(-10%, -30%);
     transform: rotate(45deg) translate(-10%, -30%);
     -webkit-transition: all .2s;
     transition: all .2s;
 }
 .page-header .navbar-menu-list__submenu {
     left: 0;
     right: 0;
     padding: 5rem 0 0;
     background-color: #fff;
     z-index: 900;
     -webkit-transition: opacity .4s;
     transition: opacity .4s;
 }
 .page-header .navbar-menu-list__container {
     margin: 0 auto;
     padding: 0 15px;
     width: 100%;
     max-width: 1320px;
 }
 
 .page-header .submenu-list__item {
     white-space: nowrap;
 }
 
 .page-header .submenu-list__item+.submenu-list__item {
     margin-top: 2.5rem;
 }
 
 .page-header .submenu-list__item:hover a {
     color: #6a1dd3;
 }
 
 
 .page-header .menu-dropdown {
     position: absolute;
     left: 0;
     display: none;
     -webkit-box-shadow: 0 1px 3px rgba(44, 52, 59, 0.1);
     box-shadow: 0 1px 3px rgba(44, 52, 59, 0.1);
     border-top: 1px solid #e9eaeb;
     padding: 2rem 0;
     width: 100%;
     max-height: 100vh;
     background: #fff;
     z-index: 1001;
     overflow: auto;
 }
 
 .page-header .menu-dropdown .btn {
     width: 100%;
 }
 
 .page-header .btn {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 0.6rem;
     max-width: 100%;
     height: 5rem;
     font-size: 1.4rem;
     line-height: 1.43;
     font-weight: normal;
     white-space: nowrap;
     color: #147bd1;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: pointer;
 }
 
 .page-header .is-style-outline>.wp-block-button__link,
 .page-header .wp-block-button__link.is-style-outline {
     border: .2rem solid;
 }
 
 .page-header .btn[class*='fill'],
 .page-header .btn[class*='outline'] {
     padding: 0 2.5rem;
 }
 
 .page-header .mod_no-touchevents .btn:hover,
 .page-header .mod_no-touchevents .btn.hover {
     color: #22ACA5;
 }
 
 .page-header .mod_no-touchevents .btn:active,
 .page-header .mod_no-touchevents .btn.active {
     color: #22ACA5;
 }
 
 .page-header .pagination .btn>img,
 .page-header .key-findings .btn>img,
 .page-header .btn svg {
     position: relative;
     top: .1rem;
     margin-left: 1rem;
     -webkit-transition: all .2s;
     transition: all .2s;
 }
 
 .page-header .pagination .btn:hover>img,
 .page-header .key-findings .btn:hover>img,
 .page-header .btn:hover svg {
     -webkit-transform: translateX(-0.5rem);
     transform: translateX(-0.5rem);
 }
 
 .page-header .btn--fill,
 .page-header .btn.color-freesignup {
     border: none;
     font-weight: 600;
     background-color: #00bab3;
     color: #fff;
     -webkit-transition: background 0.2s;
     transition: background 0.2s;
 }
 
 .page-header .btn--fill:disabled,
 .page-header .btn.is-fill:disabled {
     background-color: #e9eaeb;
 }
 
 .page-header .btn--fill-light,
 .page-header .btn.is-fill.is-light {
     border: none;
     font-weight: 600;
     background-color: #f2f2f2;
     color: #00bab3;
     -webkit-transition: background 0.2s;
     transition: background 0.2s;
 }
 
 .page-header .btn--fill-light:disabled,
 .page-header .btn.is-fill.is-light:disabled {
     background-color: #e9eaeb;
 }
 
 .page-header .btn--fill-white,
 .page-header .btn.is-fill.is-white {
     border: none;
     font-weight: 600;
     background-color: white;
     color: #147bd1;
     -webkit-transition: background 0.2s;
     transition: background 0.2s;
 }
 
 .page-header .btn--fill-white:disabled,
 .page-header .btn.is-fill.is-white:disabled {
     background-color: #e9eaeb;
 }
 
 .page-header .btn--fill-info,
 .page-header .btn.is-fill.is-blue {
     border: none;
     font-weight: 600;
     background-color: #147bd1;
     color: white;
     -webkit-transition: background 0.2s;
     transition: background 0.2s;
 }
 
 .page-header .btn--fill-info:disabled,
 .page-header .btn.is-fill.is-blue:disabled {
     background-color: #e9eaeb;
 }
 
 .page-header .btn--fill-light,
 .page-header .btn.is-fill.is-light,
 .page-header .btn.is-fill.is-grey {
     border: none;
     font-weight: 600;
     background-color: #f2f2f2;
     color: #00bab3;
     -webkit-transition: background 0.2s;
     transition: background 0.2s;
 }
 
 .page-header .btn--fill-light:disabled,
 .page-header .btn.is-fill.is-light:disabled,
 .page-header .btn.is-fill.is-grey:disabled {
     background-color: #e9eaeb;
 }
 .page-header.btn--outline {
     border: 0.2rem solid #95999d;
     font-weight: 600;
     color: #fff;
     -webkit-transition: border-color 0.2s;
     transition: border-color 0.2s;
 }
 
 .page-header .btn--outline:disabled {
     opacity: 0.1;
 }
 
 .page-header .btn--outline-white:disabled,
 .page-header .btn.is-outline-white:disabled {
     opacity: 0.1;
 }
 
 .page-header .btn--outline-nav:disabled {
     opacity: 0.1;
 }
 
 .page-header .btn--square,
 .page-header .btn.is-square {
     width: 4.4rem;
     height: 4.4rem;
     padding: 0 !important;
 }
 
 .page-header .btn--block {
     width: 100%;
 }
 
 .page-header .btn.is-arrow {
     color: #147bd1 !important;
     white-space: initial;
     height: auto;
 }
 
 .page-header .btn.is-small {
     font-size: 1.4rem;
     line-height: 1.42857;
 }
 
 .page-header .btn.is-base {
     font-size: 1.6rem;
     line-height: 1.375;
 }
 
 .page-header .btn.is-large {
     font-size: 1.9rem;
     line-height: 1.47368;
 }
 
 .page-header .btn.is-large svg {
     top: .3rem;
 }
 
 .page-header .btn.is-color-dark {
     color: #232d39 !important;
 }
 
 .page-header .btn.is-color-blue {
     color: #147bd1 !important;
 }
 
 .page-header .btn.is-color-success {
     color: #00bab3 !important;
 }
 
 .page-header li.drop-down-menu .dropdown-wrapper {
     position: absolute;
     top: 99%;
     left: 0;
     width: 100%;
     background: #fff;
     opacity: 0;
     visibility: hidden;
     transition:all 0.2s ease-in-out;
     box-shadow: 0rem 0.1875rem 0.625rem #5816AF33;
 }
 
 .page-header li.drop-down-menu .dropdown-wrapper img {
     max-width: 100%;
     height: auto
 }
 
 .page-header li.drop-down-menu .bottom-items {
     width: 100%;
     background: #69727e;
     padding: 16px 0;
     position: relative;
     z-index: 30
 }
 
 .page-header li.drop-down-menu .bottom-items ul {
     display: flex;
     justify-content: flex-start;
     list-style: none;
     font-size: 1.6rem;
     font-weight: 800;
     max-width: 1290px;
     margin: 0 auto
 }
 
 .page-header li.drop-down-menu .bottom-items ul li {
     margin: 0 20px 0 0;
     position: relative;
     padding: 0 0 0 22px
 }
 
 .page-header li.drop-down-menu .bottom-items ul li:first-child {
     padding-left: 0
 }
 
 .page-header li.drop-down-menu .bottom-items ul li:first-child:after {
     display: none
 }
 
 .page-header li.drop-down-menu .bottom-items ul li:after {
     content: '';
     height: 23px;
     position: absolute;
     left: 0;
     top: 50%;
     width: 1px;
     transform: translate(0, -50%);
     background: rgba(255, 255, 255, .1)
 }
 
 .page-header li.drop-down-menu .bottom-items ul a {
     color: #fff;
     text-decoration: none
 }
 
 .page-header li.drop-down-menu .bottom-items ul a:hover {
     color: #ccc
 }
 
 .page-header li.drop-down-menu .mega-content-holder {
     display: flex;
     flex-grow: 2;
     max-width: 1290px;
     margin: 0 auto
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder {
     display: flex;
     width: 100%;
     padding: 40px 0;
     box-sizing: border-box;
     background: #fff;
     position: relative;
     z-index: 30
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col {
     width: 100%;
     box-sizing: border-box;
     margin: 0 0 0 50px
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col h3 {
     color: #33475B;
     padding: 0 0 17px;
     margin: 0 0 20px;
     font-size: 1.4rem;
     text-transform: uppercase;
     border-bottom: 1px solid #dee0e1;
     letter-spacing: 0.09px;
     font-weight: 600;
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul {
     list-style: none;
     margin: 0;
     padding: 0;
     font-size: 1.6rem;
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul li {
     margin-bottom: 25px;
     break-inside: avoid-column
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a {
     color: #33475B;
     text-decoration: none;
     transition: ease .1s all;
     display: flex;
     align-items: center;
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a span {
     width: calc(100% - 30px);
     letter-spacing: 0.09px;
     font-weight:normal;
 }
 .link-title-text{
    width: calc(100% - 30px);
    letter-spacing: 0.09px;
    font-weight:normal;
 }
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a.description-container span.link-title-text{
    font-weight:600;
    line-height: 1.5;
 }
 .link-title-text{
    font-weight:600;
    line-height: 1.5;
 }
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a img {
     width: 16px;
     height: auto;
     margin: 0px 10px 0 0;
     aspect-ratio: 3/3;
 }
 .page-header li.drop-down-menu .mega-content-holder.right .blocks-holder .col ul a img {
    aspect-ratio:  unset;
 }
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a:hover {
     color: #6A1DD3;
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul span.dropdown-inner-description {
     width: 100%;
     box-sizing: border-box;
     font-size: 0.9375rem !important;
     line-height: 1.65;
     font-weight: 300;
     color: #718093;
     transition: ease .1s all;
     padding-top: 0.5rem;

 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a:hover span.dropdown-inner-description {
     color: #6A1DD3
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a.description-container {
     font-weight: 600;
     flex-direction: column;
     align-items: flex-start;
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all {
     padding-top: 20px;
     display: flex;
     align-items: center
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a {
    color: #1066E1;
     font-size: 1.2rem !important;
     transition: ease .1s color;
     text-decoration: none;
     font-weight: 550;
 }
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a i{
    font-size: 0.9rem !important;
    margin-left: 0.3125rem;
 }
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a:hover i{
    font-size: 0.9rem !important;
    margin-left: 0.8rem;
    color: #1066E1;
 }

 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a svg {
     margin-left: 10px;
     transition: ease .1s all
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a svg path {
     fill: #0042f3
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a:hover {
     color: #1066E1
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a:hover svg {
     margin-left: 15px
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a:hover svg path {
     fill: #147bd1
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col.second-column {
     min-width: 66%
 }
 
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col.second-column ul {
     column-count: 2;
     column-gap: 7%;
 }
 
 .page-header li.drop-down-menu .dropdown-wrapper:after {
     left: auto;
     right: -9999px
 }
 
 .page-header li.drop-down-menu .side-block {
     box-sizing: border-box;
     padding: 40px 30px;
     background: #f7f7f7;
     z-index: 20;
     position: relative
 }
 
 .page-header li.drop-down-menu .side-block.top {
     min-width: 31%;
     width: 31%;
     max-width: 400px
 }
 
 .page-header li.drop-down-menu .side-block img {
     max-width: 100%;
     height: auto;
     margin-bottom: 1rem;
     border: 1px solid #B969EE;
     border-radius: 10px;
 }
 
 .page-header li.drop-down-menu .side-block h2 {
     font-size: 1.375rem !important;
     line-height: 1.75;
     margin: 0 0 0rem;
     padding-bottom: 0.7rem;
     padding-top: 1.2rem;
     color: #33475b;
 }
 
 .page-header li.drop-down-menu .side-block p {
     font-size: 1.25rem !important;
     line-height: 1.75;
     margin: 0 0 2rem;
     color: #33475B;
     font-weight: 300
 }
 
 .page-header li.drop-down-menu .side-block .see-all {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     margin: 0 0 2rem;
     padding: 0;
     background-color: transparent
 }
 
 .page-header li.drop-down-menu .side-block .see-all a {
     font-size: 1.25rem !important;
     color: #1066E1;
     font-weight: 550;
     text-decoration: none;
     display: inline-block;
     vertical-align: top;
 }
 
 .page-header li.drop-down-menu .side-block .see-all a i {
     margin-left: .9rem;
     font-size:14px !important;
     transition: ease .1s all
 }
 .page-header li.drop-down-menu .side-block .see-all a {
     color: #1066E1 !important;
 }
 .page-header li.drop-down-menu .side-block .see-all a:hover {
     color: #6a1dd3;
 }
 
 .page-header li.drop-down-menu .side-block .see-all a:hover i {
     margin-left: 1.4rem;
     font-size:14px !important
 }
 .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all a i{
font-size: 14px;
color: #1066E1 !important;
 }
 
 .page-header li.drop-down-menu .side-block .see-all a svg path {
     fill: #1066E1
 }
 
 .page-header li.drop-down-menu .side-block .see-all a:hover svg path {
     fill: #1066E1
 }
 
 .page-header li.drop-down-menu .side-block.left {
     width: 53%;
     min-width: 53%;
     max-width: 53%;
     display: flex
 }
 
 .page-header li.drop-down-menu .side-block.left .image-hold {
     min-width: 140px;
     max-width: 140px;
     margin: 0 35px 0 0;
     text-align: center
 }
 
 .page-header li.drop-down-menu .side-block.top:before,
 .page-header li.drop-down-menu .side-block.left:before {
     left: -9999px;
     width: 9999px;
     position: absolute;
     top: 0;
     height: 100%;
     content: '';
     background: #f7f7f7
 }
 
 .page-header li.drop-down-menu .mega-content-holder.right .blocks-holder {
     order: 1
 }
 
 .page-header li.drop-down-menu .mega-content-holder.right .side-block {
     order: 2;
     padding-left: 60px;
     padding-right: 0;
     padding-left: 30px;
     padding-right: 30px;
     position: static
 }
 
 .page-header li.drop-down-menu .mega-content-holder.right .col {
     margin: 0 50px 0 0
 }
 
 .page-header li.drop-down-menu .mega-content-holder.right .side-block.top:before,
 .page-header li.drop-down-menu .mega-content-holder.right .side-block.left:before {
     left: auto;
     right: 0;
     width: 50%;
     z-index: -1
 }
 
 .page-header li.drop-down-menu:hover>.dropdown-wrapper {
     opacity: 1;
     visibility: visible
 }
 
 html .page-header * {
     font-size: 100% !important
 }
 
 .page-header ul.complete-list>li>a {
     font-size: 1.4rem;
     line-height: 2.4rem;
     color: #fff;
     text-decoration: none;
     transition: ease .1s all;
     padding-bottom: 22px
 }
 
 .page-header ul.complete-list>li.drop-down-menu>a:after,
 .page-header ul.complete-list>li.menu-item-has-children>a:after {
     content: "";
     display: inline-block;
     margin-left: .25rem;
     margin-top: .5rem;
     border: .1rem solid #c1c5c8;
     border-top-color: #c1c5c8;
     border-top-style: solid;
     border-top-width: .1rem;
     border-left-color: #c1c5c8;
     border-left-style: solid;
     border-left-width: .1rem;
     border-top: 0 solid transparent;
     border-left: 0 solid transparent;
     width: .6rem;
     height: .6rem;
     transform: rotate(45deg) translate(-10%, -30%);
     transition: .1s all;
     margin-left: 0.4rem;
 }
 
 .page-header ul.complete-list>li:hover>a {
     color: #147bd1
 }
 .page-header {
     transition: background-color 0.2s ease;
     background-image: linear-gradient(to bottom, transparent 0%, transparent 100%);
     background-repeat: no-repeat;
     background-size: 100% 0;
     /* transition: background-size 0.75s ease; */
 
 }
 
 .page-header.transparent {
     background-color: transparent;
     z-index: 1100;
 }
 
 .page-header.scrolled {
     background-color: white;
     z-index: 1100;
     background-size: 100% 100%;
 
 }
 
 .page-header.scrolled ul.complete-list>li>a {
     color: #33475B;
 }
 .page-header.transpaarent ul.complete-list>li.drop-down-menu:hover>a:after,
 .page-header ul.complete-list>li.menu-item-has-children:hover>a:after {
     border-color: #fc7318;
     transform: rotate(-135deg) translate(-10%, -30%)
 }
 
 .page-header.transparent ul.complete-list>li.drop-down-menu a:hover:after {
     border-color: #FFF;
 }
 
 .page-header ul.complete-list>li.drop-down-menu:hover>a:after,
 .page-header ul.complete-list>li.menu-item-has-children:hover>a:after {
     border-color: #ffff;
     transform: rotate(-135deg) translate(-10%, -30%)
 }
 .page-header.scrolled ul.complete-list>li.drop-down-menu:hover>a:after,
 .page-header.scrolled ul.complete-list>li.menu-item-has-children:hover>a:after {
     border-color: #b04adf;
     transform: rotate(-135deg) translate(-10%, -30%)
 }
 
 .page-header ul.complete-list>li.drop-down-menu a:hover:after {
     border-color: #b04adf
 }
 
 .page-header ul.complete-list .sub-menu {
     width: 200px;
     background: #fff;
     padding: 10px 15px;
     position: absolute;
     top: 100%;
     list-style: none;
     left: 0;
     font-size: 1.6rem;
     padding-top: 15px;
     opacity: 0;
     visibility: hidden;
     transition: ease .1s opacity;
     box-shadow: 0 0 15px 0 rgba(51, 63, 72, .1)
 }
 
 .page-header ul.complete-list li li .sub-menu {
     left: 170px;
     top: 0
 }
 
 .page-header ul.complete-list .sub-menu>li>a {
     color: #252d38;
     text-decoration: none;
     display: block;
     transition: ease .1s all
 }
 
 .page-header ul.complete-list .sub-menu>li {
     padding-bottom: 10px
 }
 
 .page-header ul.complete-list .sub-menu>li>a:hover {
     color: #147bd1
 }
 
 .page-header ul.complete-list li.navbar-list-item {
     position: relative
 }
 
 .page-header ul.complete-list li.navbar-list-item:hover>ul.sub-menu {
     opacity: 1;
     visibility: visible
 }
 
 .page-header ul.complete-list>li {
     margin: 0 24px 0 0
 }
 
 
 
 /* body {
             overflow-x: hidden
         } */
 
 .page-header button.mobile-nav {
     display: flex;
     align-items: center;
     border-radius: .6rem;
     max-width: 100%;
     height: 4.4rem;
     font-size: 1.4rem;
     line-height: 1.43;
     font-weight: 400;
     white-space: nowrap;
     color: #333f48;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     cursor: pointer;
     border: .2rem solid #00bab3;
     transition: border-color .2s;
     color: #00bab3;
     font-weight: 600;
     padding: 0 2.5rem
 }
 
 .page-header button.mobile-nav div {
     width: 1.6rem;
     height: 1.2rem;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     justify-content: space-between
 }
 
 .page-header button.mobile-nav div span {
     background-color: #00bab3
 }
 
 .page-header button.mobile-nav div span {
     display: block;
     width: 100%;
     height: .2rem;
     transition: all .4s
 }
 
 .page-header button.mobile-nav div+p {
     position: relative;
     top: -.1rem;
     margin-left: 1rem
 }
 
 .page-header button.mobile-nav.is-active span:first-child {
     transform: translateY(5px) rotate(45deg)
 }
 
 .page-header button.mobile-nav.is-active span:nth-child(2) {
     opacity: 0
 }
 
 .page-header button.mobile-nav.is-active span:nth-child(3) {
     transform: translateY(-5px) rotate(-45deg)
 }
 
 .page-header .drop-down-menu .dropdown-interior {
     height: 100%;
     overflow-y: auto
 }
 
 
 .page-header .header-content-container {
     flex-wrap: nowrap;
 
 }
 
 .navbar-menu-list {
     align-items: center;
 
 }
 
 .page-header ul.complete-list>li {
     margin: 0px 20px 0 0;
 }
 
 .page-header.scrolled{
     box-shadow: 0 0 4.5rem 1rem rgba(0, 0, 0, .1);
 }
 .page-header.scrolled .signup-demo-buttons #bordered-signup-button:hover{
     background-color:  #fc7318;
     background: linear-gradient(-175deg, #f5ce62, #e85a19);
     /* border:2px solid  #fc7318; */
     border:1px solid #f5ce62;
     color:#fff;
 }
 .page-header.scrolled .signup-demo-buttons #bordered-signup-button{
     background-color: transparent;
     border:1px solid #33475B;
     color:#33475B;
     background: #ffff;
 }
 .page-header.transparent .signup-demo-buttons #bordered-signup-button{
   visibility: hidden;
 }
 .page-header.transparent ul.complete-list>li:hover a{
     color: #fc7318;
 }
 
 .page-header.scrolled ul.complete-list>li:hover a {
     color: #b04adf;
 }
 .page-header.transparent ul.complete-list>li:hover a.product-hover {
     color: #fff;
     text-decoration: underline !important;
     text-decoration-thickness: 2px !important;
     text-decoration-color: #fc7318 !important;
     text-underline-offset: 8px !important;
 }
 
 .page-header.scrolled ul.complete-list>li:hover a.product-hover {
     color: #b04adf;
     text-decoration: underline !important;
     text-decoration-thickness: 2px !important;
     text-decoration-color: #b04adf !important;
     text-underline-offset: 8px !important;
 }
 
 
 .page-header.scrolled .header-navbar ul.complete-list>li span.arrow-icon-holder:hover .arrow-icon,
 .page-header.scrolled .header-navbar ul.complete-list>li span.arrow-icon-holder.active .arrow-icon{
     border-color: #b04adf
 }
 
 .page-header.transparent .header-navbar ul.complete-list>li span.arrow-icon-holder:hover .arrow-icon,
 .page-header.transparent .header-navbar ul.complete-list>li span.arrow-icon-holder.active .arrow-icon{
     border-color: #fc7318
 }
 
 .page-header.left-side-img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 50px;
     box-shadow: inset 0 15px 15px -15px rgba(51, 63, 72, .1);
     z-index: 200
 }
 .border-video-header {
    position: relative;
    left: 0;
    width:100%
}
 @media screen and (min-width: 677px) {
     .page-header .signup-demo-buttons .is-dropdown {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         position: relative;
         height: 100%;
         max-height: initial;
     }
 
     .page-header .signup-demo-buttons .is-dropdown:hover .dropmenu {
         top: 100%;
         opacity: 1;
     }
 
     .page-header .signup-demo-buttons .is-dropdown:hover:after {
         border-color: #147bd1;
         -webkit-transform: rotate(-135deg) translate(-10%, -30%);
         transform: rotate(-135deg) translate(-10%, -30%);
     }
 }
 
 @media screen and (min-width: 1024px) {
     .page-header.timechamp-main-logo {
         top: 0;
     }
 
     .page-header .signup-demo-buttons li.is-menu {
         display: none;
     }
     .page-header .signup-demo-buttons li.is-divider {
         padding: .6rem 2.5rem .6rem 0;
     }
 
     .page-header .signup-demo-buttons li.is-divider:before {
         content: '';
         position: absolute;
         right: 0;
         top: 0;
         display: inline-block;
         height: 100%;
         border-right: 1px solid rgba(51, 63, 72, 0.1);
     }
     .navbar-menu-list {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: space-between;
         -ms-flex-align: space-between;
         align-items: space-between;
         height: 100%;
         justify-content: center;
     }
     .page-header .signup-demo-buttons li+li {
         margin-left: 1rem;
     }
     .page-header .navbar-menu-list__item:hover.is-combobox:after {
         border-color: #147bd1;
         -webkit-transform: rotate(-135deg) translate(-10%, -30%);
         transform: rotate(-135deg) translate(-10%, -30%);
     }
 
     .page-header .navbar-menu-list__item:hover .navbar-menu-list__submenu {
         top: 100%;
         opacity: 1;
     }
     .page-header .navbar-menu-list__item.is-combobox {
         align-items: center;
         position: static;
         display: flex;
     }
 
     .page-header .navbar-menu-list__submenu {
         position: absolute;
         top: -999px;
         opacity: 0;
         background: linear-gradient(180deg, #F7F7F7, #fff 13px);
     }
     .page-header .navbar-menu-list__container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
 
     .page-header .navbar-menu-list__container>.submenu-list {
         min-width: 26rem;
     }
 
     .page-header .navbar-menu-list__container>.navbar-menu-list__inner {
         min-width: 23rem;
         flex-direction: column;
     }
 
     .page-header .navbar-menu-list__container .navbar-menu-list__container {
         margin: 0 -1.5rem;
     }
 
     .page-header .navbar-menu-list__container>div+div {
         margin-left: 6rem;
     }
     .page-header li.drop-down-menu .mega-content-holder {
        padding: 0 5%;
    }
 }
 @media screen and (min-width: 1252px) {
     .page-header .signup-demo-buttons .is-dropdown:after {
         content: '';
         display: inline-block;
         margin-left: .5rem;
         margin-top: .5rem;
         border: .1rem solid #c1c5c8;
         border-top: 0 solid transparent;
         border-left: 0 solid transparent;
         width: .6rem;
         height: .6rem;
         -webkit-transform: rotate(45deg) translate(-10%, -30%);
         transform: rotate(45deg) translate(-10%, -30%);
         -webkit-transition: all .2s;
         transition: all .2s;
     }
 }
 
 /* specific drop down adjustments to columns to prevent horizontal scroll */
 @media screen and (min-width: 1024px) and (max-width: 1200px) {
 
     /* product drop down */
     .page-header .nav-item-product .submenu-list+.submenu-list {
         margin-left: 0;
     }
 
     .page-header .nav-item-product .navbar-menu-list__container>.submenu-list {
         min-width: 25rem;
     }
 
     .page-header .nav-item-product .navbar-menu-list__container>.navbar-menu-list__inner {
         min-width: initial;
     }
 
     .page-header .nav-item-product .navbar-menu-list__inner>div {
         min-width: initial;
     }
 
     /* resources drop down */
     .page-header .nav-item-resources .navbar-menu-list__container>.submenu-list {
         min-width: 22rem;
     }
 
     .page-header .nav-item-resources .navbar-menu-list__container>.navbar-menu-list__inner {
         min-width: 20rem;
     }
 
     .page-header .nav-item-resources .navbar-menu-list__inner>div {
         min-width: initial;
     }
 }
 @media screen and (min-width: 1170px) {
     body.is-menu-active:after {
         content: '';
         position: fixed;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         background: rgba(44, 52, 59, 0.4);
         z-index: 800;
     }
 }
 
 @media screen and (min-width: 1024px) {
     .page-header .menu-dropdown {
         display: none !important;
     }
 }
 /* @media all and (max-width: 1300px) {
 
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder,
     .page-header li.drop-down-menu .bottom-items ul {
         padding-left: 20px
     }
 
     .page-header .mega-content-holder.left .side-block {
         padding-left: 20px
     }
 
 
 } */
 
 @media all and (max-width: 1199px) {
     .page-header li.drop-down-menu .mega-content-holder.right .col {
         margin-right: 25px
     }
 
     .page-header li.drop-down-menu .side-block {
         padding: 30px 30px 30px 0
     }
 }
 
 @media all and (min-width: 1024px) {
 
     header.page-header .header-navbar,
     .page-header li.drop-down-menu .dropdown-wrapper {
         display: block !important
     }
 
     .page-header header .header-content-container {
         position: static
     }
 }
 
 @media screen and (max-width: 1023px) {
     .page-header .navbar-menu-list__item:hover.is-active:after {
         border-color: #147bd1;
         -webkit-transform: rotate(-135deg) translate(-10%, -30%);
         transform: rotate(-135deg) translate(-10%, -30%);
     }
 }
 
 @media all and (max-width: 1023px) {
     .page-header .header-navbar ul.complete-list>li {
         position: relative
     }
 
     .page-header li.drop-down-menu .side-block,
     .page-header li.drop-down-menu .bottom-items {
         display: none !important
     }
 
     .page-header .drop-down-menu.with-scroll {
         height: auto !important
     }
 
     .page-header .drop-down-menu .dropdown-interior {
         overflow: hidden
     }
 
     .page-header li.drop-down-menu .dropdown-wrapper {
         transition: none
     }
 
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder {
         display: block
     }
 
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col {
         margin-left: 0;
         margin-bottom: 40px
     }
 
     .page-header .header-navbar {
         position: absolute;
         top: 100%;
         display: none;
         width: calc(100% + 30px);
         margin-right: 0;
         margin-left: -15px;
         padding: 0 15px;
         box-sizing: border-box;
         background: #fff;
         height: 90vh;
         overflow-x: hidden;
         min-height: 100%;
         box-shadow: 0 1px 3px rgba(44, 52, 59, .1);
         border-top: 1px solid #e9eaeb
     }
 
     .page-header .header-navbar ul.complete-list>li {
         margin: 10px 0
     }
 
     .page-header .header-navbar ul.complete-list>li>a {
         padding: 10px 0;
         display: block;
         position: relative;
         width: calc(100% - 30px)
     }
 
     .page-header .header-navbar ul.complete-list>li span.arrow-icon-holder {
         position: absolute;
         right: 5px;
         top: 15px;
         width: 20px;
         height: 20px;
         cursor: pointer
     }
 
     .page-header .header-navbar ul.complete-list>li span.arrow-icon-holder .arrow-icon {
         margin-left: .5rem;
         margin-top: .5rem;
         border: .1rem solid #c1c5c8;
         border-top-color: #c1c5c8;
         border-top-style: solid;
         border-top-width: .1rem;
         border-left-color: #c1c5c8;
         border-left-style: solid;
         border-left-width: .1rem;
         border-top: 0 solid transparent;
         border-left: 0 solid transparent;
         width: .6rem;
         height: .6rem;
         transform: rotate(45deg) translate(-10%, -30%);
         transition: all .2s;
         display: inline-block
     }
     .page-header .header-navbar ul.complete-list>li span.arrow-icon-holder.active .arrow-icon {
         /* border-color: #147bd1; */
         transform: rotate(-135deg) translate(-10%, -30%)
     }
 
     .page-header .header-navbar ul.complete-list>li>a:after {
         position: absolute;
         right: 20px;
         top: 18px;
         display: none
     }
 
     .page-header .header-navbar ul.complete-list>li .sub-menu {
         display: none
     }
 
     .page-header li.drop-down-menu .dropdown-wrapper {
         position: static;
         opacity: 1;
         visibility: visible;
         display: none
     }
 
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder {
         padding: 25px 0 0
     }
 
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col .all {
         padding-top: 0
     }
 
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col.second-column ul {
         column-count: 1
     }
 
     .page-header.left-side-img {
         display: none
     }
 
     .page-header.mobile-open {
         z-index: 200000
     }
 
     .page-header ul.complete-list>li>a.active:after {
         border-color: #147bd1;
         transform: rotate(-135deg) translate(-10%, -30%)
     }
 
     .page-header ul.complete-list .sub-menu {
         position: static;
         opacity: 1;
         visibility: visible;
         width: 100%;
         box-shadow: none
     }
 }
 
 @media(max-width:767px) {
 
     .page-header .signup-demo-buttons {
         flex-wrap: wrap;
     }
     .page-header .signup-demo-buttons .btn.color-freesignup {
         display: none;
     }
     .page-header.scrolled ul.complete-list>li:hover a.product-hover ,
     .page-header.page-header.transparent ul.complete-list>li:hover a.product-hover {
         border-bottom: none;
     
     }
     .page-header.transparent ul.complete-list>li:hover a.product-hover {
        color: #fc7318 !important;
    }
     .page-header.transparent ul.complete-list>li:hover a.product-hover ,
     .page-header.scrolled ul.complete-list>li:hover a.product-hover {
         border-bottom: none !important ;
     }
 
     .page-header button.mobile-nav {
         border: none;
         float: right;
         padding-right: 0;
         padding-left: 0rem
     }
     .page-header li.drop-down-menu .dropdown-wrapper {
        box-shadow: none;
    }
    .inner-shadow-box {
        box-shadow: none;
        display: none;
    }
 .is-menu{
    width:100%
 }
     .page-header button.mobile-nav div span {
         background-color: #000;
     }
 
     .page-header button.mobile-nav div+p {
         display: none;
     }
 
     .page-header .container {
         max-width: 90%;
     }
 
     .page-header button.mobile-nav.is-active span:nth-child(3) {
         transform: translateY(-11px) rotate(-45deg);
     }
 
     .page-header ul.complete-list>li>a {
         color: #33475B;
     }
 
     .page-header .header-navbar {
         width: 100%;
         margin-left: -7%;
     }
     .page-header.transparent ul.complete-list>li:hover a,
     .page-header.scrolled ul.complete-list>li:hover a {
         color: #b04adf;
         border-bottom: none !important;
     }
 }
 
 @media (max-width:475px) {
     .page-header .timechamp-main-logo {
         width: 13rem;
         top: 0.4rem;
         margin-right: 0.5rem;
     }
 
     .page-header .header-navbar {
         width: 100%;
         margin-left: -8.5%;
     }
 
 }
 
 @media (max-width:376px) {
     .page-header .header-navbar {
         width: 100%;
         margin-left: -9%;
     }
 
 }
 
 @media (max-width:321px) {
     .page-header .header-navbar {
         width: 100%;
         margin-left: -9.75%;
     }
 
 }
 
 @media (min-width:767px) and (max-width:1022px) {
     .page-header .container {
         max-width: 90%;
     }
     .page-header.transparent ul.complete-list>li:hover a.product-hover {
        color: #fc7318 !important;
    }
     .page-header.transparent ul.complete-list>li:hover a.product-hover ,
     .page-header.scrolled ul.complete-list>li:hover a.product-hover {
         border-bottom: none !important ;
     }
     .page-header button.mobile-nav {
         border: none;
         float: right;
         padding-right: 0;
     }
 
     .page-header button.mobile-nav div span {
         background-color: #000;
     }
 
     .page-header button.mobile-nav div+p {
         display: none;
     }
 
     .page-header .header-content-container {
         flex-wrap: nowrap;
     }
 
     .page-header .timechamp-main-logo {
         width: 11rem;
         top: 0.3rem;
     }
 
     .page-header .signup-demo-buttons {
         flex-wrap: nowrap;
     }
 
     .page-header .btn {
         border-radius: 0.35rem;
     }
 
     .page-header .signup-demo-buttons .btn.color-freesignup {
         border-radius: 0.3rem;
         height: 2rem;
         padding: 0 1.125rem;
         font-size: 0.75rem !important;
     }
     .page-header li.drop-down-menu .dropdown-wrapper {
        box-shadow: none;
    }
    .inner-shadow-box {
        display: none;
        box-shadow: none;
    }
     .is-menu {
         margin-left: 2rem;
     }
 
     .page-header button.mobile-nav {
         height: 2rem;
         font-size: 0.875rem;
         color: #00bab3 !important;
         padding: 0px 0.75rem;
         border-radius: 0.3rem;
     }
 
     .page-header button.mobile-nav div {
         height: 1.1rem;
     }
 
     .page-header button.mobile-nav div span {
         height: 0.15rem;
     }
 
     /* .page-header a.mobile-nav div+p {
 position: relative;
 top: 0rem;
 margin-left: 0.5rem;
 } */
     .page-header button.mobile-nav.is-active span:nth-child(3) {
         transform: translateY(-10px) rotate(-45deg);
     }
 
     .page-header ul.complete-list>li>a {
         font-size: 1.25rem !important;
         line-height: 2.4rem;
         color: #33475B;
     }
 
     .page-header .header-navbar {
         width: 100%;
         margin-left: -7%;
     }
 }
 
 @media(min-width:1023px) and (max-width:1239px) {
     .page-header .container {
         max-width: 90%;
     }
 
     .page-header .timechamp-main-logo {
         width: 10.5rem;
         margin-right: 1rem;
         top: 0.3rem;
         flex-grow: 0;
     }
 
     .page-header ul.complete-list>li {
         margin: 0px 14px 0 0 !important;
     }
 
     .page-header ul.complete-list>li>a {
         font-size: 0.9375rem !important;
     }
 
     .page-header .signup-demo-buttons .btn.color-freesignup {
         height: 2.125rem;
         padding: 0 1rem;
         font-size: 0.8rem !important;
         border-radius: 0.3rem;
     }
 
     .page-header ul.complete-list>li.drop-down-menu>a:after,
     .page-header ul.complete-list>li.menu-item-has-children>a:after {
         width: 0.4rem;
         height: 0.4rem;
     }
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col {
        margin: 0 0 0 22px;
    }
    .page-header li.drop-down-menu .mega-content-holder.left .side-block.top {
        padding-left: 2%;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a img {
        width: 12px;
        margin: 0px 5px 0 0;
    }
    .page-header li.drop-down-menu .side-block h2 {
        font-size: 18px !important;
        padding-bottom: 0.25rem;
        padding-top: 0.5rem;
     }
     .page-header li.drop-down-menu .side-block .see-all a,
     .page-header li.drop-down-menu .side-block p {
        font-size: 0.9375rem !important;
        line-height: 1.5;
     }
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col h3 {
        font-size: 0.875rem !important;
     }
     .page-header li.drop-down-menu .side-block p {
        margin: 0 0 1rem;
     }
     .page-header li.drop-down-menu .side-block {
        padding: 35px 30px;
     }
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a span {
        line-height: 1;
        font-size: 0.875rem !important;
    }
    .link-title-text{
        line-height: 1;
        font-size: 0.875rem !important;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul span.dropdown-inner-description {
        font-size: 0.75rem !important;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a.description-container span{
        font-size: 1.125rem !important;
    }
    .link-title-text{
        font-size: 1.125rem !important;
    }
    .page-header li.drop-down-menu .side-block .mega-content-holder.right .see-all {
        margin-bottom: 0rem;
    }
    .page-header li.drop-down-menu .side-block.top {
        min-width: 33%;
    }
 }
 .page-header li.drop-down-menu .mega-content-holder.left .side-block.top {
    padding-left: 0%;
}
 @media(min-width:1239px) and (max-width:1438px) {
     .page-header .container {
         max-width: 90%;
     }
 
     .page-header .timechamp-main-logo {
         width: 12rem;
         margin-right: 2rem;
         top: 0.3rem;
         flex-grow: 0;
     }
 
     .page-header .header-content-container {
         flex-wrap: nowrap;
 
     }
 
     .page-header .header-navbar {
         margin: 0 1.5rem 0 0;
     }
 
     .navbar-menu-list {
         align-items: center;
 
     }
 
     .page-header ul.complete-list>li {
         margin: 0px 20px 0 0;
     }
 
     .page-header ul.complete-list>li.drop-down-menu>a:after,
     .page-header ul.complete-list>li.menu-item-has-children>a:after {
         width: 0.5rem;
         height: 0.5rem;
     }
 
     .page-header .signup-demo-buttons {
         flex-wrap: nowrap;
     }
 
     .page-header .signup-demo-buttons .btn.color-freesignup {
         height: 2.125rem;
         padding: 0 1.25rem;
     }
 
     .page-header ul.complete-list>li>a {
         font-size: 1rem !important;
     }
 
     .page-header ul.complete-list>li.drop-down-menu>a:after,
     .page-header ul.complete-list>li.menu-item-has-children>a:after {
         width: 0.4rem;
         height: 0.4rem;
     }
 
     .page-header .signup-demo-buttons {
         flex-wrap: nowrap;
     }
 
     .page-header .signup-demo-buttons .btn.color-freesignup {
         height: 2.125rem;
         padding: 0 1.125rem;
         font-size: 0.85rem !important;
         border-radius: 0.3rem;
     }
     .page-header li.drop-down-menu .mega-content-holder {
        padding: 0px 7%;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a img {
        width: 12px;
    }
    .page-header li.drop-down-menu .side-block h2 {
        font-size: 1.3125rem !important;
        padding-bottom: 0.25rem;
        padding-top: 0.5rem;
     }
     .page-header li.drop-down-menu .side-block .see-all a,
     .page-header li.drop-down-menu .side-block p {
        font-size: 1.0625rem !important;
        line-height: 1.5;
     }
     .page-header li.drop-down-menu .side-block p {
        margin: 0 0 1rem;
     }
     .page-header li.drop-down-menu .side-block {
        padding: 35px 30px;
     }
     .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a span {
        line-height: 1;
    }
    .link-title-text{
        line-height: 1;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul span.dropdown-inner-description {
        font-size: 0.75rem !important;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a.description-container span {
        font-size: 1rem !important;
    }
    .link-title-text{
        font-size: 1.25rem !important; 
    }
    .page-header li.drop-down-menu .side-block .mega-content-holder.right .see-all {
        margin-bottom: 0rem;
    }
 }
 
 @media(min-width:1439px) and (max-width:1919px) {
     .page-header .timechamp-main-logo {
         width: 14rem;
         top: 0.2rem;
         flex-grow: 0;
     }
 
     .page-header .header-content-container {
         flex-wrap: nowrap;
     }
 
     .navbar-menu-list {
         align-items: center;
     }
 
     .page-header ul.complete-list>li {
         margin: 0px 20px 0 0;
     }
 
     .page-header ul.complete-list>li>a {
         font-size: 1.1rem !important;
     }
 
     .page-header ul.complete-list>li.drop-down-menu>a:after,
     .page-header ul.complete-list>li.menu-item-has-children>a:after {
         width: 0.5rem;
         height: 0.5rem;
     }
 
     .page-header .signup-demo-buttons {
         flex-wrap: nowrap;
     }
 
     .page-header .signup-demo-buttons .btn.color-freesignup {
         height: 2.5rem;
         padding: 0 1.25rem;
         font-size: 1rem !important;
         border-radius: 0.4rem;
     }
 
     .page-header .signup-demo-buttons li+li {
         margin-left: 1.5rem;
     }
     .page-header li.drop-down-menu .mega-content-holder {
        padding: 0 2% 0 4%;
    }
    .page-header li.drop-down-menu .side-block {
        padding: 40px 30px 35px 10px;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a span,
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col h3  {
        font-size: 1.125rem !important;
        letter-spacing: 0.09px;
    }
    .link-title-text{
        font-size: 1.125rem !important;
        letter-spacing: 0.09px;
    }
    .page-header li.drop-down-menu .mega-content-holder {
        max-width: 90%;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a img {
        width: 15px;
    }
    .page-header li.drop-down-menu .mega-content-holder.right .blocks-holder .col ul a img{
        width: 17px;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a.description-container span.link-title-text {
        font-size: 1.375rem !important;
    }
    .link-title-text{
        font-size: 1.375rem !important;   
    }
    .page-header li.drop-down-menu .side-block p {
        font-size: 1.175rem !important;
        line-height: 1.5;
        opacity: 0.8;
        }
 }
 
 @media (min-width:1920px) {
     .page-header .timechamp-main-logo {
         width: 16rem;
     }
 
     .page-header ul.complete-list>li {
         margin: 0px 24px 0 0;
     }
 
     .page-header ul.complete-list>li>a {
         font-size: 1.375rem !important;
     }
 
     .page-header .signup-demo-buttons .btn.color-freesignup {
         height: 3rem;
         padding: 0 2.5rem;
         border-radius: 0.4rem;
         font-size: 1.125rem !important;
     }
 
     .page-header ul.complete-list>li.drop-down-menu>a:after,
     .page-header ul.complete-list>li.menu-item-has-children>a:after {
         margin-left: 0.5rem;
     }
 
     /* .page-header li.drop-down-menu:hover>.dropdown-wrapper {
        margin-left: 8%;
         margin-right: auto;
         width: 85%;
     } */
     .page-header li.drop-down-menu .mega-content-holder {
        max-width: 83%;
    }
    .page-header li.drop-down-menu .mega-content-holder.left .blocks-holder .col ul a span,
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a span,
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col h3{
        font-size: 1.375rem !important;
    }
    .link-title-text{
        font-size: 1.375rem !important;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a span {
        font-size: 22px !important;
    }
    .link-title-text{
        font-size: 22px !important;
    }

    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a.description-container span.link-title-text {
        font-size: 1.625rem !important;
    }
    .link-title-text{
        font-size: 1.625rem !important;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul span.dropdown-inner-description {
        font-size: 1.125rem !important;
    }
    .page-header li.drop-down-menu .side-block h2 {
        font-size: 1.6875rem !important;
    }
    .page-header li.drop-down-menu .side-block .see-all a,
    .page-header li.drop-down-menu .side-block p {
        font-size: 1.5rem !important;
    }
    .page-header li.drop-down-menu .mega-content-holder {
        padding: 0 0%;
    }
    .mega-content-holder.right .side-block.top{
        padding-left:3rem
    }
    .page-header li.drop-down-menu .side-block.top {
        min-width: 35%;
    }
    .page-header li.drop-down-menu .mega-content-holder.left .side-block.top {
        padding: 40px 43px;
        padding-left: 0%;
    }
    .page-header li.drop-down-menu .mega-content-holder.right .blocks-holder .col ul a img{
        width: 19px;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a img {
        width: 17px;
    }
    .page-header li.drop-down-menu .mega-content-holder .blocks-holder .col ul a {
        align-items: baseline;
    }
 }
 
 @media (min-width: 2559px) {
     .main-container .page-header .container {
         max-width: 60%;
     }
     .page-header .container {
        max-width: 60%;
     }
     .page-header li.drop-down-menu:hover>.dropdown-wrapper {
        width: 100%;
        margin: auto;
     }
     .page-header li.drop-down-menu .mega-content-holder {
        max-width: 100%;
    }
    .page-header li.drop-down-menu .mega-content-holder.left .side-block.top {
        padding-left: 2%;
    }
    .page-header li.drop-down-menu .mega-content-holder {
        padding: 0 20%;
    }
 }

.products-new-hero-wrapper {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 5%;
}
@media (min-width:1845px) and (max-width:2558px) {
    .products-new-hero-wrapper {
        padding-top: 1%;
        padding-left: 7%;
        padding-right: 7%;
    }
}

@media (min-width:1420px) {
    .products-new-hero-wrapper {
        padding-left: 7%;
        padding-right: 7%;
    }
}
@media (min-width:425px) and (max-width:734px) {
    .products-new-hero-wrapper {
        padding-top: 1%;
    }
}