//Fix for mobile devices to move the dock on /beta page to top and remove space

@media screen and (max-width: 767px) {
.dock {
    bottom: 135px!important; 
}
}

//Fixing alignment on child pages of /Project page
section[data-section-id="62b2d17bc8a30f59cea1e3c4"] {
    padding-left: 4vw!important;
    padding-right: 3vw!important;
    margin-top: 30px;
}
section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .events {
    display: contents!important;
}

@media screen and (max-width: 767px) {
  #itemPagination {
    display:none;
  }
}

//Setting values of default tertiary styles
#siteWrapper.site-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary {
    letter-spacing: initial!important;
}

//Account + SignOut Button CSS

.AccountCumSignoutBody{
    margin-left: 15px;
}

.AccountCumSignoutBody{
  .sec-center {
  position: relative;
  max-width: 100%;
  text-align: center;
  z-index: 200;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked){
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}
.light-back:not(:checked) + label,
.light-back:checked + label{
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 20000;
  display: block;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  cursor: pointer;
  transition: all 200ms linear;
  box-shadow: 0 0 25px rgba(255,235,167,.45);
}
.light-back:checked + label{
  transform: rotate(360deg);
}
.light-back:checked + label:after,
.light-back:not(:checked) + label:after{
  position: absolute;
  content: '';
  top: 1px;
  left: 1px;
  overflow: hidden;
  z-index: 2;
  display: block;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: #000000;
  background-image: url('https://assets.codepen.io/1462889/moon.svg');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 200ms linear;
  opacity: 0;
}
.light-back:checked + label:after {
  opacity: 1;
}
.light-back:checked + label:before,
.light-back:not(:checked) + label:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  display: block;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background-color: #48dbfb;
  background-image: url('https://assets.codepen.io/1462889/sun.svg');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 200ms linear;
}
.light-back:checked + label:before{
  background-color: #000;
}
.light-back{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat-back.svg');
  background-position: center;
  background-repeat: repeat;
  background-size: 4%;
  height: 100%;
  width: 100%;
  transition: all 200ms linear;
  opacity: 0;
}
.light-back:checked ~ .light-back{
  opacity: 1;
}
.dropdown:checked + label,
.dropdown:not(:checked) + label{
  position: relative;
  font-family: hellix-medium;
  font-weight: 250;
  font-size: 18px;
  line-height: 2;
  height: 50px;
  transition: all 200ms linear;
  border-radius: 4px;
  width: 120px;
  letter-spacing: 0px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  border: none;
  background-color: #000000;
  cursor: pointer;
  color: #ffffff;
  box-shadow: 0 12px 35px 0 rgba(255,255,255,0);
}
.light-back:checked ~ .sec-center .for-dropdown{
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 12px 35px 0 rgba(16,39,112,.25);
}
.dropdown:checked + label:before,
.dropdown:not(:checked) + label:before{
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: auto;
  pointer-events: none;
}
.dropdown:checked + label:before{
  pointer-events: auto;
}
.dropdown:not(:checked) + label .uil {
  font-size: 18px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.dropdown:checked + label .uil {
  transform: rotate(180deg);
  font-size: 18px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.section-dropdown {
  position: absolute;
  padding: 5px;
  background-color: #000;
  top: 70px;
  left: 0;
  width: 100%;
  border-radius: 4px;
  display: block;
  box-shadow: 0 14px 35px 0 rgba(9,9,12,0.4);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 200ms linear;
}
.light-back:checked ~ .sec-center .section-dropdown {
  background-color: #fff;
  box-shadow: 0 14px 35px 0 rgba(9,9,12,0.15);
}
.dropdown:checked ~ .section-dropdown{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.section-dropdown:before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
  display: block;
  z-index: 1;
}
.section-dropdown:after {
  position: absolute;
  top: -7px;
  left: 30px;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; 
  border-bottom: 8px solid #111;
  content: '';
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}
.light-back:checked ~ .sec-center .section-dropdown:after {
  border-bottom: 8px solid #fff;
}

a {
  position: relative;
    color: #fff;
    transition: all 200ms linear;
    font-family: hellix-medium;
    font-weight: 250;
    font-size: 18px;
    border-radius: 2px;
    padding: 6px;
    padding-left: 0px;
    margin: 2px 0;
    text-align: left;
    text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
    -ms-flex-pack: distribute;
}
.light-back:checked ~ .sec-center .section-dropdown a {
  color: #000000;
}
a:hover {
  color: #000000;
  background-color: #ffffff;
}
.light-back:checked ~ .sec-center .section-dropdown a:hover {
  color: #ffffff;
  background-color: #000000;
}
a .uil {
  font-family: hellix-medium;
  font-size: 18px;
}
.dropdown-sub:checked + label,
.dropdown-sub:not(:checked) + label{
  position: relative;
  color: #fff;
  transition: all 200ms linear;
  font-family: hellix-medium;
  font-weight: 250;
  font-size: 18px;
  border-radius: 2px;
  padding: 5px 0;
  padding-left: 20px;
  padding-right: 15px;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
    -ms-flex-pack: distribute;
    cursor: pointer;
}
.dropdown-sub:checked + label .uil,
.dropdown-sub:not(:checked) + label .uil{
  font-family: hellix-medium;
  font-size: 22px;
}
.dropdown-sub:not(:checked) + label .uil {
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label .uil {
  transform: rotate(135deg);
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label:hover,
.dropdown-sub:not(:checked) + label:hover{
  color: #000000;
  background-color: #ffffff;
}
.light-back:checked ~ .sec-center .section-dropdown .for-dropdown-sub{
  color: #000000;
}
.light-back:checked ~ .sec-center .section-dropdown .for-dropdown-sub:hover{
  color: #ffffff;
  background-color: #000000;
}

.section-dropdown-sub {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  max-height: 0;
  padding-left: 10px;
  padding-right: 3px;
  overflow: hidden;
  transition: all 200ms linear;
}
.dropdown-sub:checked ~ .section-dropdown-sub{
  pointer-events: auto;
  opacity: 1;
  max-height: 999px;
}
.section-dropdown-sub a {
  font-family: hellix-medium;
  font-size: 18px;
}
.section-dropdown-sub a .uil {
  font-family: hellix-medium;
  font-size: 18px;
}
.logo {
	position: fixed;
	top: 50px;
	left: 40px;
	display: block;
	z-index: 11000000;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
	transition: all 250ms linear;
}
.logo:hover {
  background-color: transparent;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
  transition: all 200ms linear;
}
.light-back:checked ~ .logo img{
  filter: brightness(10%);
}
}


//Sami's profile Page FAQ Section CSS

section[data-section-id="6399f83fdf596b65fdc57e57"]{
  background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(245, 240, 240,1), rgba(255,255,255,1));
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-divider {
    color: transparent!important;
}

.accordion-item__title-wrapper{
  transition: .3s all!important;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-item {
    width: 100%;
    border-radius: 1rem;
    background-color: #fff!important;
    margin-bottom: 1rem!important;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-item__click-target {
        cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 1.9rem!important;
    margin-bottom: 0 !important;
    text-align: left !important;
    font-size: 1.2rem !important;
    line-height: 0!important;
    font-weight: 500;
    align-self: center;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .accordion-item__title{    
    white-space: normal;
    width: 36px;
    overflow-x: hidden;
    height: 22px;
    line-height: 1.4;
    word-wrap: break-word;
    display: contents;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-item__description {
  font-family: hellix-medium!important;
    width: 100% !important;
    max-width: 96rem !important;
    padding: 0 2rem!important;
    margin-bottom: 1.8rem !important;
    text-align: left !important;
    margin-top: 0.1rem !important;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .plus__horizontal-line, section[data-section-id="6399f83fdf596b65fdc57e57"] .plus__vertical-line{
  color: white !important;
    background-color: white !important;
    border: none!important;
}

@font-face {
font-family: "FontAwesome";
       src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2")
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .plus__vertical-line:before{
    content: "\f107";
    font-family: FontAwesome;
    font-size:20px;
  color: black;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-item__click-target:hover,
section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-item__click-target:focus,section[data-section-id="6399f83fdf596b65fdc57e57"] .plus__vertical-line:before{
    background: linear-gradient(to right,#515bd4 10%,#8134af 20%,#8134af 30%,#8134af 40%,#dd2a7b 50%,#dd2a7b 60%,#dd2a7b 70%,#515bd4 80%,#515bd4 90%,#515bd4 100%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 60s cubic-bezier(0, 0, 1, 0.92) infinite;
  color: white !important;
    background-color: white !important;
    border: none!important;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-icon-container, section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-accordion .accordion-icon-container>*  {
    color: white !important;
    background-color: white !important;
    border: none!important;
}


section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  transition: transform 0.3s;
}

section[data-section-id="6399f83fdf596b65fdc57e57"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item:hover {
  transform: scale(1.03);
}


//CSS Styling for /projects page

section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .events {
  padding-left: 0!important;
  padding-right: 0!important;
}

section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-event {  
  transition: transform 0.3s;
  padding: 50px 0;
    padding-left: 3.3vw!important;
    padding-right:3.3vw!important;
}


section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-event:hover {
  transform: scale(1.03);
}

section[data-section-id="62b2d17bc8a30f59cea1e3c4"] a img {
    left: 0!important;
    top: 0px!important;
    width: 224px!important;
    height: 224px!important;
display: block!important;
    border-radius: 0.55rem;
}

section[data-section-id="62b2d17bc8a30f59cea1e3c4"] a.eventlist-column-thumbnail {
    border-radius: 0.55rem !important;
    width: 224px!important;
    height: 224px;
}


section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-column-thumbnail {
    padding-bottom: unset!important;
}

section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist--upcoming article:nth-child(even) {
    background-color: #f5f5f4!important;    
}

section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-column-info {
    padding: 15px 50px;
 }

@media screen and (max-width: 767px) {
  .eventlist-column-thumbnail {
    display: inline-block;
    width: 35%;
    height: 0;
    padding-bottom: 23.33333333%;
    text-decoration: none !important;
    background: rgba(110,110,110,.05);
}
section[data-section-id="62b2d17bc8a30f59cea1e3c4"] a.eventlist-column-thumbnail, section[data-section-id="62b2d17bc8a30f59cea1e3c4"] a img {
    width: 100px !important;
    height: 100px !important;
}


section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-column-info {
    width: 70%!important;
    padding: 0px 20px!important;
    margin-top: 12px!important;
}
  section[data-section-id="62b2d17bc8a30f59cea1e3c4"] a.eventlist-column-thumbnail {
  overflow: visible!important;
  }
  
section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-title {
    font-size: 10px !important;
}

section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-excerpt {
    margin: 0 0 8px 0!important;
    font-size: 10px!important;
}
  section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-event {
    padding: 20px 0;
    display: flex!important;
}
  
 section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-event {
    margin: 4px 0 0 0!important;
  }
  
  section[data-section-id="62b2d17bc8a30f59cea1e3c4"] .eventlist-excerpt p {
    margin: 5px 0!important;
  }
}

//CSS Styling for First and Second Card Sections for Mobile

@media screen and (max-width: 767px) {
  
  //First Card Section's Heading Text Size
  #SignatureTabContainer .tab-component-layout-hero_h2{
    margin-bottom: 0rem;
    font-size: 1.3rem!important;
  }

  //Second Card Section's Heading Text Size
  #EmployeeTabContainer .h2_home-tab-black {
    margin-bottom: 0rem;
    font-size: 1rem!important;
  }

  //First Card Section's Subtext Size
  #SignatureTabContainer .p_home-tab-pane {
      font-size: 1.1rem!important;
  }

  //Second Card Section's Subtext Size
  #EmployeeTabContainer .p_home-tab-pane-black {
      font-size: .9rem!important;
  }

  //Second Card Section's Space between Heading and Subtext
    #EmployeeTabContainer .tab-layout_home-black-text-content {
      grid-row-gap: 1rem!important;
    }
  
  //Second Card Section's Space between each subtexts
    #EmployeeTabContainer .flex-col.flex-gap-1 {
      grid-row-gap: 0.2rem!important;
  }
}

//Hiding the two video sections
section[data-section-id="6378b44bc7822850831a9ca3"], section[data-section-id="635eaee77d1fe062f09ecbe7"], .fluidImageOverlay{
  display:none!important;
}

//removing padding from the consciense section
section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .content-wrapper {
  padding: 0!important;
}

//Removing vertical space from /project space bar
section[data-section-id="62ee7a961c77a18dc66f895b"] .content-wrapper {
      padding-top: .6vmax!important;
    padding-bottom: .6vmax!important;
}

//Hiding header logo's unrequired sources
.header-title--use-mobile-logo picture source {
  display:none!important;
}

html {
  scroll-behavior: smooth;
}

//Importing Fonts
@font-face {
    font-family: 'hellix-medium';
    src: url('https://static1.squarespace.com/static/628a51fb0d1ada7f482e1682/t/63126a820d60e35c88b287bd/1662151298628/Hellix-Medium.ttf') format('truetype');/* Safari, Android, iOS */
}
 
@font-face {
    font-family: 'hellix-semibold';
    src: url('https://static1.squarespace.com/static/628a51fb0d1ada7f482e1682/t/6317345306ac7f472f3f3ebd/1662465109089/Hellix-SemiBold.ttf') format('truetype');/* Safari, Android, iOS */
}

@font-face {
    font-family: 'hellix-bold';
    src: url('https://static1.squarespace.com/static/628a51fb0d1ada7f482e1682/t/634be923de2bb921116f2b2f/1665919267439/Hellix-Bold.ttf') format('truetype');/* Safari, Android, iOS */
}

h1 {
font-family: hellix-medium;
  letter-spacing: 0px;
  font-weight: 400;
}

h2 {
font-family: hellix-medium;
}

h3 {
font-family: hellix-medium;
}

h4 {
font-family: hellix-medium;
letter-spacing: 0px;
font-weight: 400;
}

.sqsrte-large {
font-family: hellix-medium;
}

p {
font-family: hellix-medium;
}

.sqsrte-small, #siteWrapper .sqs-button-element--primary {
font-family: hellix-medium;
}

#block-yui_3_17_2_1_1661880496004_611953 .dropdown:checked+label:before {
    pointer-events: none!important;
}

//Landing page Intro Video/Image CSS

.LandingPage_IntroVideoImage {
    display: flex;
    position: absolute;
    width: 427%;
    left: 356%;
    bottom: -94px;
}

.LandingPage_IntroVideoImage video{
  height: auto;
  width: 100%;
}

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


//Media Query
@media only screen and (max-width: 724px) {
  //First Section Adjustment
.fe-block-yui_3_17_2_1_1660512608051_499584 {
  margin-top:180px;
}
  
.LandingPage_IntroVideoImage {
      width: 100%;
    top: -470px;
  left: unset;
  bottom: unset;
}
  
.fe-block-yui_3_17_2_1_1661880496004_611953 .sqs-block {
  height: auto!important;
    margin-bottom: 15px;
}
.fe-62f927d7e17e362660dc05cf {
    grid-template-rows: repeat(22,minmax(24px, auto))!important;
  }
}

//Consciense CSS
section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] #gradient-canvas2{
    position: absolute!important;
    left: 0;
    height:180vh;
  }

  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__btn-emoji {
    margin-left: 0.375rem;
}
  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] a {
    text-decoration: none;
    color: var(--dark-color);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__btn:first-child {
    background: transparent;
    color: #000;
}
section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__btn {
    width: 100%;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    background: #000;
    border: 2px solid #000;
    border-radius: 0.5rem;
    transition: transform 150ms ease;
    margin-right: 0.75rem;
    font-family: 'hellix-medium';
}
  
  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__btns {
    width: 100%;
    max-width: 60rem;
    display: flex;
}

section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__inner {
    max-width: 36rem;
    z-index: 11;
    position: inherit;
}

  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__description strong {
    font-family: 'hellix-semibold' !important;
    letter-spacing: -.05em !important;
}
  
  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__description {
    font-size: 1.2rem;
    line-height: 1.75rem;
    margin-bottom: 3rem;
}
  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay__title {
    font-size: 1.875rem;
    line-height: 2.75rem;
    margin-bottom: 2rem;
}
.fadeIn:not([data-override-initial-global-animation]) {
    opacity: 1 !important;
}
  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay {
   position: relative;
    width: auto;
    max-width: 500%!important;
    max-height: 640px;
    padding: 8rem 6rem;
    display: flex;
    align-items: center;
    box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0,10%);
  -webkit-border-radius:30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    border: 1px solid rgba(255,255,255,.125);
    overflow: hidden;
}

//Media Query for Consciense Copy

@media only screen and (max-width: 724px) {
  section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] .overlay {
    height: 482px!important;
}
section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] #gradient-canvas2 {
  width: 100%!important;
  min-height: 800px;
    height: 100vh;
  top: 0;
  -webkit-border-radius:30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
  display:none;
}
}

//Video Player Section CSS Inpsired by Square
.VideoPlayerSection_Body {
  padding: 0px 35px;
  display: flex;
}

.VideoPlayer_Video_LeftBody {
  width: 50%;
  position: relative;
}

.VideoPlayer_Thumbnail {
  overflow: hidden;
  width: 504px;
  height: 655px;
}

.VideoPlayer_Thumbnail img {
  height: 655px;
  width: auto;
  border-radius: 24px;
}

/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
  display: none !important;
}

.VideoPlayer_Video {
  overflow: hidden;
  width: 504px;
  height: 655px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 24px;
}

.VideoPlayer_Video video {
  height: 784px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.VideoPlayBtn_Container {
  position: relative;
  width: 504px;
}

.VideoPlayer_PlayBtn {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 327.5px;
  right: 0;
  text-align: center;
}

.VideoPlayer_PlayBtn img {
  height: 65px;
  width: 74px;
}

.VideoPlayer_Content_RightBody {
  width: 50%;
  height: 655px;
  position: relative;
}

.VideoPlayer_Content_Logo {
  --space-small: 30px;
  --space-base: 10px;
  padding-top: 60px;
  margin-bottom: calc(30px + (30px / 2));
}

.VideoPlayer_Content_Logo h2 {
    font-family: hellix-semibold;
    font-size: 60px;
    text-align: right;
    width: 100%;
    float: right;
}

.VideoPlayer_Content_DescriptionText p {
  margin-bottom: calc(30px / 2);
  font-size: 22px;
  line-height: 32px;
  letter-spacing: normal;
  display: flex;
  width: 100%;
  text-align: right;
}


.VideoPlayer_Content_VideoHoverThumbnail,.VideoPlayer_Content_VideoHoverThumbnail2 {
  position: absolute;
  bottom: 0;
  width: 42%;
  right:0;
  cursor: pointer;
}

.VideoPlayer_Content_VideoHoverThumbnail img,.VideoPlayer_Content_VideoHoverThumbnail2 img {
  width: 100%;
  border-radius: 24px;
  margin: 0px 0 0 !important;
  transition: .3s display;
}

/* Media Query */

@media screen and (max-width: 767px) {
  .VideoPlayerSection_Body {
    display: block;
    width: auto;
    padding: 0px 2px;
    margin: 0 auto;
  }

  .VideoPlayer_Video_LeftBody, .VideoPlayer_Content_RightBody {
    width: 100%;
    height: 100%;
  }
  
  .VideoPlayer_Content_Logo{
    padding-top: 0;
  }

  .VideoPlayer_Thumbnail,
  .VideoPlayer_Video,
  .VideoPlayer_Video video,
  .VideoPlayer_Thumbnail img {
    width: 100% !important;
    border-radius: 24px !important;
    position: inherit !important;
    overflow: hidden !important;
    height: 100% !important;
  }

  .VideoPlayer_Content_Logo h2 {
    font-size: 32px;
    text-align: center;
    float:none;
  }

  .VideoPlayer_Content_DescriptionText p {
    width: 100%;
    display: block;
    text-align: center;
  }


  .VideoPlayer_Content_VideoHoverThumbnail,  .VideoPlayer_Content_VideoHoverThumbnail2 {
    position: initial;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 50px auto 0;
  }

  .VideoPlayer_Content_VideoHoverThumbnail img,   .VideoPlayer_Content_VideoHoverThumbnail2 img {
    width: 100%;
    float:none;
  }
}

//Reverted Video Player Section CSS Inpsired by Square

.VideoPlayerSection_Body_Reverse {
  padding: 0px 35px;
  display: flex;
}

.VideoPlayer_Video_LeftBody_Reverse {
  width: 50%;
  position: relative;
}

.VideoPlayer_Thumbnail_Reverse {
  overflow: hidden;
  width: 504px;
  height: 655px;
    float: right;
}

.VideoPlayer_Thumbnail_Reverse img {
  height: 655px;
  width: auto;
  border-radius: 24px;
}

/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
  display: none !important;
}

.VideoPlayer_Video_Reverse {
  overflow: hidden;
  width: 504px;
  height: 655px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 24px;
    float: right;
}

.VideoPlayer_Video_Reverse video {
  height: 784px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.VideoPlayBtn_Container_Reverse {
  position: relative;
  width: 504px;
}

.VideoPlayer_PlayBtn_Reverse {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 327.5px;
  right: 0;
  text-align: center;
}

.VideoPlayer_PlayBtn_Reverse img {
  height: 65px;
  width: 74px;
}

.VideoPlayer_Content_RightBody_Reverse {
  width: 50%;
  height: 655px;
  position: relative;
}

.VideoPlayer_Content_Logo_Reverse {
  --space-small: 30px;
  --space-base: 10px;
  padding-top: 60px;
  margin-bottom: calc(30px + (30px / 2));
}

.VideoPlayer_Content_Logo_Reverse h2 {
    font-family: hellix-semibold;
    font-size: 60px;
    text-align: left;
    width: 100%;
    float: left;
}

.VideoPlayer_Content_DescriptionText_Reverse p {
  margin-bottom: calc(30px / 2);
  font-size: 22px;
  line-height: 32px;
  letter-spacing: normal;
  display: flex;
  width: 100%;
  text-align: left;
}


.VideoPlayer_Content_VideoHoverThumbnail_Reverse,.VideoPlayer_Content_VideoHoverThumbnail2_Reverse {
  position: absolute;
  bottom: 0;
  width: 42%;
  left:0;
  cursor: pointer;
}

.VideoPlayer_Content_VideoHoverThumbnail_Reverse img,.VideoPlayer_Content_VideoHoverThumbnail2_Reverse img {
  width: 100%;
  border-radius: 24px;
  margin: 0px 0 0 !important;
  transition: .3s display;
}

/* Media Query */

@media screen and (max-width: 767px) {
  .VideoPlayerSection_Body_Reverse {
    display: flex;
    width: 100%;
    padding: 0px 2px;
    margin: 0 auto;
    flex-direction: column;
  }

  .VideoPlayer_Video_LeftBody_Reverse {
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
    order: 1;
  }
  
.VideoPlayer_Content_RightBody_Reverse {
    order: 2;
    width: 100%;
    height: 100%;
  }
  
  .VideoPlayer_Content_Logo_Reverse{
    padding-top: 0;
  }

  .VideoPlayer_Thumbnail_Reverse,
  .VideoPlayer_Video_Reverse,
  .VideoPlayer_Video_Reverse video,
  .VideoPlayer_Thumbnail_Reverse img {
    width: 100% !important;
    border-radius: 24px !important;
    position: inherit !important;
    overflow: hidden !important;
    height: 100% !important;
  }

  .VideoPlayer_Content_Logo_Reverse h2 {
    font-size: 32px;
    text-align: center;
    float:none;
  }

  .VideoPlayer_Content_DescriptionText_Reverse p {
    width: 100%;
    display: block;
    text-align: center;
  }


  .VideoPlayer_Content_VideoHoverThumbnail_Reverse,  .VideoPlayer_Content_VideoHoverThumbnail2_Reverse {
    position: initial;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 50px auto 0;
  }

  .VideoPlayer_Content_VideoHoverThumbnail_Reverse img,   .VideoPlayer_Content_VideoHoverThumbnail2_Reverse img {
    width: 100%;
    float:none;
  }
}

// Contract Management Sections CSS

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

/* Signature Tab Section CSS */


.Tabset_Buttons_Signature {
  padding: 2.5rem 5rem;
  display: flex;
}

.tabset_Signature>.Tabset_Buttons_Signature>input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset_Signature>.Tabset_Buttons_Signature>label {
  padding: 0.75rem 2rem;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    color: #222;
    margin-right: 1.8rem;
    width: 100%;
    text-align: center;
    font-family: hellix-bold!important;
}

.tabset_Signature>.Tabset_Buttons_Signature>label:hover,
.tabset_Signature>.Tabset_Buttons_Signature>input:focus+label {
  color: white;
  cursor: pointer;
  background-color: black;
}

.tabset_Signature>.Tabset_Buttons_Signature>input:checked+label {
  color: white!important;
  background-color: black!important;
  position: relative!important;
  z-index: 12!important;
}

#SignatureTabContainer {
  width: 100%;
  max-width: 73em;
  padding-right: 0;
  padding-left: 0;
  border-radius: 1.5rem;
  /* background-color: #fff; */
  background-image: url('https://static1.squarespace.com/static/628a51fb0d1ada7f482e1682/t/63750493c2b72215ba89a0a7/1668613268751/background1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  color: #333;
  font-weight: 300;
  margin: 4rem auto;
  box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0, 10%);
  font-family: hellix-medium!important;
}


#SignatureTabContainer .tab-layout_home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem 5rem 4.5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

#SignatureTabContainer .tab-layout_home-text-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 27.1875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
}

#SignatureTabContainer .image-size-27 {
  height: 27rem;
}

#SignatureTabContainer .tab-component-layout-hero_h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 3rem;
  line-height: 1.2;
  color: white;
    font-family: hellix-medium !important;
}

#SignatureTabContainer .p_home-tab-pane {
  font-size: 1.2rem;
  line-height: 1.4;
    font-family: hellix-medium !important;
  color: white;
}

#SignatureTabContainer .image-size-5-5 {
  height: 5.5rem;
    display: none;
}

#SignatureTabContainer .object-contain {
  position: relative;
  //width: 100%; */
    width: 300px;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

/* Media Query */

@media screen and (max-width: 767px) {
  #SignatureTabContainer .tab-layout_home-text-content {
    order: 1;
  }
  
  .Tabset_Buttons_Signature {
    padding: 2.5rem 0rem;
    display: block;
    margin: 0 2rem;
}

.tabset_Signature>.Tabset_Buttons_Signature>label {
    width: 100%;
    width: -moz-available;         
    width: -webkit-fill-available; 
    width: fill-available;
    margin: 7px auto;
}
}

/* Employee Tab Section CSS */
section[data-section-id="63935b48405e2870498a62c1"] .content-wrapper {
  padding: 0!important;
}

#leaderin_ {
  display: block;
    position: relative;
    top: 38px;
}

section[data-section-id="63935b48405e2870498a62c1"] .fe-63935b48ac1d0a2646d2fce0 {
    grid-template-rows: auto !important;
}

.Tabset_Buttons_Employee {
  padding: 2.5rem 5rem;
  display: flex;
}

.tabset_Employee>.Tabset_Buttons_Employee>input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset_Employee>.Tabset_Buttons_Employee>label {
  padding: 0.75rem 2rem;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    color: #222;
    margin-right: 1.8rem;
    width: 100%;
    text-align: center;
    font-family: hellix-bold!important;
}

.tabset_Employee>.Tabset_Buttons_Employee>label:hover,
.tabset_Employee>.Tabset_Buttons_Employee>input:focus+label {
  color: white;
  cursor: pointer;
  background-color: black;
}

.tabset_Employee>.Tabset_Buttons_Employee>input:checked+label {
  color: white!important;
  background-color: black!important;
  position: relative!important;
  z-index: 12!important;
}

#EmployeeTabContainer {
  width: 100%;
  max-width: 73em;
  padding-right: 0;
  padding-left: 0;
  border-radius: 1.5rem;
  /* background-color: #fff; */
  background-image: url('https://static1.squarespace.com/static/628a51fb0d1ada7f482e1682/t/6375031754602c60f4811dfa/1668612888012/background2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  color: #333;
  font-weight: 300;
  margin: 4rem auto;
  box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0, 10%);
  font-family: hellix-medium!important;
}

#EmployeeTabContainer .tab-layout_home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0rem 6.5rem 4.5rem 5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
    position: relative;
}

#EmployeeTabContainer .div-block-3561 {
  position: relative;
  height: 27.9375rem;
}

#EmployeeTabContainer .object-contain {
  position: relative;
  //width: 100%; */
    width: 300px;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
}

#EmployeeTabContainer img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

#EmployeeTabContainer .tab-layout_home-black-text-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 31.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
}

#EmployeeTabContainer .maxw_21 {
  max-width: 25rem;
}

#EmployeeTabContainer .h2_home-tab-black {
  font-size: 2.1rem;
  color: white;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
    font-family: hellix-medium !important;
}

#EmployeeTabContainer .flex-col.flex-gap-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

#EmployeeTabContainer .flex-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#EmployeeTabContainer .p_home-tab-pane-black {
  padding-bottom: 1rem;
  //border-bottom: 1px solid #ffffff;
  color: white;
  font-size: 1.1rem;
  line-height: 1.4;
    font-family: hellix-medium !important;
}

#EmployeeTabContainer .p_home-tab-pane-black.last {
  padding-bottom: 0;
  border-bottom-style: none;
}

.arrow-button::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100% );
    transform: translate3d(0px, 0px, 0) scale(0.93);
    filter: blur(20px);
    opacity: var(0.7);
    transition: opacity 0.3s;
    border-radius: inherit;
}

.arrow-button::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}

//Adding Arrow to Button
.arrow-button {
    font-family: hellix-medium !important;
    position: relative;
    z-index: 12 !important;
    display: flex;
    color: #ffffff;
    background-color: #000000;
    padding: 10px 16px;
    border-radius: 20px;
    transition: all .3s ease;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    font-size: 14px;
    position: absolute;
    right: 6.5rem;
    bottom: 2.5rem;
}

.arrow-button > .arrow {
    width: 6px;
    height: 6px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    position: relative;
    transform: rotate(-45deg);
    margin: 0 6px;
    transition: all .3s ease;
}

.arrow-button > .arrow::before {
    display: block;
    background-color: currentColor;
    width: 3px;
    transform-origin: bottom right;
    height: 2px;
    position: absolute;
    opacity: 0;
    bottom: calc(-2px / 2);
    transform: rotate(45deg);
    transition: all .3s ease;
    content: "";
    right: 0;
}

.arrow-button:hover > .arrow {
    transform: rotate(-45deg) translate(4px, 4px);
    border-color: text-hover-color;
}

.arrow-button:hover > .arrow::before {
    opacity: 1;
    width: 12px;
}

.arrow-button:hover {
    background-color: #513753;
    color: #fff;
}

#EmployeeTabContainer .w-inline-block {
  max-width: 100%;
}

#EmployeeTabContainer p {
  margin-top: 0;
  margin-bottom: 0;
}

#EmployeeTabContainer a {
  text-decoration: none;
}

#EmployeeTabContainer .maxw_28 {
  max-width: 28rem;
}

//Common Css for the both sections

.tabset_Signature>.Tabset_Buttons_Signature>input:checked+label:before,.tabset_Employee>.Tabset_Buttons_Employee>input:checked+label:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100% );
    transform: translate3d(0px, 0px, 0) scale(0.93);
    filter: blur(20px);
    opacity: var(0.7);
    transition: opacity 0.3s;
    border-radius: inherit;
}
.tabset_Signature>.Tabset_Buttons_Signature>input:checked+label::after,.tabset_Employee>.Tabset_Buttons_Employee>input:checked+label::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}

/* Media Query */

@media screen and (max-width: 767px) {
  
  .Tabset_Buttons_Employee {
    padding: 2.5rem 0rem;
    display: block;
    margin: 0 2rem;
}

.tabset_Employee>.Tabset_Buttons_Employee>label {
    width: 100%;
    width: -moz-available;         
    width: -webkit-fill-available; 
    width: fill-available;
    margin: 7px auto;
}

#EmployeeTabContainer .tab-layout_home, #SignatureTabContainer .tab-layout_home {
  padding: 0.125rem 2.25rem 2rem;
}

#EmployeeTabContainer .div-block-3561 {
    height: 5rem;
    margin-bottom: 0px;
    order: 2;
}

#SignatureTabContainer .image-size-27 {
    height: 5rem;
}

  #EmployeeTabContainer .tab-layout_home-black-text-content {
    margin-bottom: 100px;
    order: 1;
  }
  
  .GetStartedBtn-mobile{
    position: absolute;
    bottom: 125px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: max-content;
  }
  
  #EmployeeTabContainer {
    max-width: 100%;
  }
  
#EmployeeTabContainer .w-inline-block {
    max-width: 100%;
}
#EmployeeTabContainer .btn-rounded-yellow {
    min-height: 3rem;
    padding: 0.25rem 1.6rem;
  }

  .tab-layout_home.mobile-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  
  .tab-layout_home {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

//About us Page Images CSS
.user-items-list-simple .list-item-media-inner:not([data-aspect-ratio="original"]) .list-image {
    border-radius: 10px;
}

//Owl Carousel Modification CSS
.item {
  //text-align: left !important;
    padding: 0 0 40px 0 !important;
    min-height: 193px;
    z-index: 12;
}
/**
.owl-item {
    justify-content: left!important;
}
**/
.owl-carousel .owl-stage-outer {
  overflow: unset!important;
}

.owl-dots {display:none!important;}

.owl-item{
  background-color: rgb(0, 0, 0)!important;
    border-radius: 14px;
    display: flex;
    flex-shrink: 0;
    flex-basis: 225px;
    padding: 16px 16px 0;
    margin: 0 20px 0 0 !important;
    min-height: auto!important;
}

.owl-item:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100% );
    transform: translate3d(0px, 0px, 0) scale(0.93);
    filter: blur(20px);
    opacity: var(0.7);
    transition: opacity 0.3s;
    border-radius: inherit;
}

/* 
* Prevents issues when the parent creates a 
* stacking context. (For example, using the transform
* property )
*/
.owl-item::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}
        
/**
.owl-carousel .owl-item img {
    background-color: #fff;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 12px;
    box-shadow: 0 4px 16px rgba(21,27,38,8%);
    display: block!important;
    height: 100%!important;
    width: 100%!important;
    max-height: 40px!important;
    max-width: 40px!important;
    margin: 0;
}

**/
.item h3 {  
    margin-bottom: 0px!important;
    line-height: 1.75!important;
    margin-top: 0px !important;
    color: #fff;
    font-family: hellix-medium!important;
}

.item p {
    margin-top: 10px !important;
    color: white!important;
    margin-bottom: 0px!important;
    font-size: 1rem!important;
    width: 100%!important;
    height: 55px;
    font-family: hellix-medium!important;
}

#gradient-canvas2 {
  width: 100%;
    height: -webkit-fill-available;
    --gradient-color-1: #ef008f;
    --gradient-color-2: #6ec3f4;
    --gradient-color-3: #7038ff;
    --gradient-color-4: #e2e2e2;
    z-index: 0;
    position: absolute;
    top: -30px;
    overflow: unset;
    height: 130vh;
}

.owl-carousel .owl-item img {
    width: 90px !important;
}

section[data-section-id="63113448b5831869e260e55d"] .fluid-engine {
    //display:flex !important;
  background-color:black;
}

.owl-carousel .owl-stage-outer {
    padding: 2rem 0!important;
    max-height: 260px!important;
    overflow: hidden!important;
}


@media only screen and (max-width: 720px) {
  .owl-item {
    flex-basis: 140px;
}

.item {
    padding: 0 !important;
    min-height: 160px;
}

.item h3 {
    font-size: 18px;
}

.owl-carousel .owl-item img {
    width: 55px !important;
}

.item p {
    font-size: .7rem!important;
}
  
  section[data-section-id="6358637c4fd8302e38db73e3"] .fe-block-yui_3_17_2_1_1667404463756_64538 {
    grid-column-start: 1!important;
    grid-column-end: 11!important;
  }
}

/**
.OwlCarouselOuterBody{}

.OwlCarouselBody{
    padding: 2rem 0px;
}
**/
//Human and Machine Text BG CSS
.HumanAndMachine_Body {
  background-color:black;
}

//UserLogin & Signup Form Memberstack Logo CSS
.ms-modal__figure svg {
  display: none;
}

.LoginSignupIcon{
  height: 85px;
  width: 100%;
}

.ScienseLinkIconDesktop img {
  height: 54px;
  width: 54px;
    position: absolute;
    right: 158px;
    top: 15px;
}


  .ScienseLinkIconDesktopNoLogin img {
    height: 75px;
    width: 75px;
    position: absolute;
    left: 0;
    top: 0;
}

//Loading Gif CSS

.Home_logoload {
  /* SET BACKGROUND COLOR */
  background-color: black;
  /* SET BACKGROUND SIZE */
  background-size: auto;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-position: center;
  background-repeat: no-repeat;
}

.Home_logoload lottie-player {
      width: 50%;
    display: block;
    margin: 0 auto;
}

.Home_logoload video{
  height: 100%;
  width: 100%;
}

.logoload {
  /* SET BACKGROUND COLOR */
  background-color: #fff;
  /* SET BACKGROUND SIZE */
  background-size: 100px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-position: center;
  background-repeat: no-repeat;
}


/* Media Query */

@media screen and (max-width: 767px) {
.Home_logoload lottie-player {
      width: 100%;
}

.logoload {
    background-size: 50px;
}

}

//Custom Nav Items CSS
.DoubleCircleIcon{ 
    width: 52px;
    margin-top: 4px;
    transition: .3s all;
}

.header-title-logo a, section[data-section-id='62f605c8586ec97504197b5e'] .image-block-outer-wrapper div{
  opacity:1!important;
    transition-timing-function: unset!important;
    transition-duration: unset!important;
    transition-delay: unset!important;

}

.header-layout-nav-right .header-nav {
    display: none;
}

.SignOutBtnCss{
    width: 25px;
    margin: 4px 10px 0 18px;
    transition: .3s all;
}
//Projects Events List CSS

.events-item-pagination-date, .eventitem-meta-date{ 
  display:none;
}

//Index Trusted By Researchers Section CSS
.trusted-by-researchers-body{
      display: flex;
    position: absolute;
    width: 300%;
    left: -50px;
    top: 25px;
}

.trusted-by-researchers-body .trusted-para{
font-family: hellix-medium;
}
.trusted-by-researchers-body .trusted-para p{
font-family: hellix-medium;
    font-size: 15px;
    margin-bottom: 20px;
    width: 140px;
  text-align:left;
}

.trusted-by-researchers-body img{
height: 100%;
  width: 100%;
}

//Custom Sign out Button iFrame CSS

//Css for Header Sign Up and Login buttons

.customNav_SignupBtn {
    line-height: normal;
    border-style: solid;
    border-width: 0px;
    padding: 1.2rem 1.2rem!important;
}
.customerAccountLoginDesktop,.header-actions-action--cta{
  display:none;
}

.SignOut_iframeOutter{
    height: 21px;
    width: 66px;
    overflow: hidden;
}

.SignOut_iframeInsider{
    height: 79px;
    width: 211px;
    position: relative;
    overflow: hidden;
}

.customSignOut {
    position: absolute !important;
    top: -172% !important;
    left: -9% !important;
    width: 100% !important;
    height: 200% !important;
}

//Partners Section CSS

section[data-section-id="6324b498607e2347eefb8f63"] .fluid-engine{
  row-gap: 0!important;
}

section[data-section-id="6324b498607e2347eefb8f63"] .fe-block {
  grid-area: inherit!important;
}

#community * {
    border: 0 solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#community img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

#community {
    overflow: hidden;
}

#community .container {
    height: 600px;
    padding-top: 50px;
    text-align: center
}

@media (min-width:1024px) {
    #community .container {
        height: auto
    }
}

#community .logo-garden {
    --garden-height: 535px;
    --outer-pad: 18px;
    --outer-width: 100px;
    --centerpiece-pad: 30px;
    --centerpiece-width: 220px
}

@media (min-width:1024px) {
    #community .logo-garden {
        --garden-height: 700px;
        --outer-pad: 35px;
        --outer-width: 163px;
        --centerpiece-pad: 35px;
        --centerpiece-width: 356px
    }
}

#community .logo-garden {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--garden-height);
    justify-content: center
}

#community .logo-garden .inner-fixed {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr var(--centerpiece-width) 1fr 1fr 1fr;
    height: 100%
}

#community .logo-garden .logo-col {
    position: relative
}

#community .logo-garden .logo-col:first-child,
#community .logo-garden .logo-col:nth-child(7) {
    top: 24px
}

#community .logo-garden .logo-col:nth-child(2),
#community .logo-garden .logo-col:nth-child(6) {
    top: -48px
}

#community .logo-garden .logo-col:nth-child(3),
#community .logo-garden .logo-col:nth-child(5) {
    top: 60px
}

#community .logo-garden .logo-col>div {
    background-color: #f8f9fa;
    border-radius: 0px 0px 16px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, .1);
    display: grid;
    height: var(--outer-width);
    margin-bottom: 24px;
    padding: var(--outer-pad);
    place-items: center;
    width: var(--outer-width);
    border-radius: 3px!important;
}

#community .logo-garden .logo-col div:hover{
  box-shadow: 0px 2px 4px rgba(0,0,0,5%), 0px 8px 8px rgba(0,0,0,5%), 0px 16px 16px rgba(0,0,0,5%), 0px 32px 32px rgba(0,0,0,5%);
    transform: translateY(-10px);
    transition: 0.2s;
  cursor: pointer;
}

#community .logo-garden .logo-col.logo-centerpiece>div {
    height: var(--centerpiece-width);
    padding: var(--centerpiece-pad);
    width: var(--centerpiece-width);
    border-radius: 3px!important;
}

#community .text {
    position: relative;
    text-align: center;
    top: -195px;
    z-index: 3
}

#community .text hgroup {
    margin: 0 auto 40px;
    max-width: 990px;
}

#community .text hgroup h1 {
    font-size: 3em;
}


//Carousel CSS
section[data-section-id="6323466609244032ac50a3c2"]{
  background-color: #ffffff!important;
  //padding-left: calc((100vw - calc(1280px - 50px*2))/2);
    //pointer-events: none;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter {    
padding-left: 0%!important;
background-color: #ffffff;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter {    
      //background: rgb(2,0,36);
//background: linear-gradient(90deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
   //background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(156,164,237,.5), rgba(255,255,255,1));
background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(245, 240, 240,1), rgba(255,255,255,1));
  padding-right:0!important
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slides.user-items-list-carousel__slides--initialized {
    padding-left: 25px !important;
    grid-gap: 0!important;
    padding-bottom: 90px!important;

}

section[data-section-id="6323466609244032ac50a3c2"] .list-section-title {
padding-left: 2%!important;
  //padding-left: calc((100vw - calc(1280px - 50px*2))/2);
  padding-left: 50px;
    padding-bottom: 25px!important;
  font-weight: 800;
  font-size:60px;
    font-family: hellix-semibold !important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slides {
  padding: 60px 0 40px!important;
    //pointer-events: none;
  overflow-x:auto;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slides::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slide{    pointer-events: auto;
    box-shadow: 0px 8px 14px rgba(0,0,0,.25)!important;
    cursor: pointer;
    display: flex;
    align-content: space-between;
    background-color: #fff !important;
    border-radius: 24px !important;
    height: 360px !important;
    margin-right: 0px!important;
    max-width: 310px ;
    overflow: hidden;
        padding: 30px !important;
    padding-bottom: 40px !important;
    position: relative;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slide:hover{
    //background: linear-gradient(to right,#515bd4 10%,#8134af 20%,#8134af 30%,#8134af 40%,#dd2a7b 50%,#dd2a7b 60%,#dd2a7b 70%,#515bd4 80%,#515bd4 90%,#515bd4 100%);
    //background-size: 200% auto;
    //animation: shine 60s cubic-bezier(0, 0, 1, 0.92) infinite;
  background: rgb(27,27,27);
background: linear-gradient(90deg, rgba(27,27,27,1) 0%, rgba(52,52,52,1) 35%, rgba(25,25,25,1) 100%);
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slide:hover .list-item-content__title, section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slide:hover .list-item-content__button{
  color:white!important;
  opacity: 1!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__media-container{
  margin-bottom: 24px!important;
    width: 100%!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__media-container img{
    border-radius: 6px!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary {
    color: black;
    background-color: transparent;
    padding: 0!important;
    //font-weight: 700!important;
  font-family: hellix-bold!important;
  font-size: 15px!important;
  transition: all .3s ease!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary:after{
    content: "\f061";
    font-family: FontAwesome;
    font-size:12px;
  margin-left: 4px;
  transition: margin-left .3s ease!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slide:hover .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary:after{
    content: "\f061";
    font-family: FontAwesome;
    font-size:12px;
  margin-left:12px!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel .list-item-content__title {
      max-width: 90%!important;
    min-width: 90%;
    font-size: 22px!important;
    font-family: hellix-semibold !important;
  transition: all .3s ease!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter {
    //border-bottom: 4px solid #e8eaed!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .desktop-arrows.arrows-bottom-wrapper, section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrows{
  display:none!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel .user-items-list-carousel__arrow-icon-background {
    background-color: transparent!important;
}


section[data-section-id="6323466609244032ac50a3c2"] .arrows-bottom {
    grid-gap: 0px!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__arrow-button--left{
    text-align: right;
    border-radius: 0!important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__arrow-button--left:before{
    content: "\f190";
    font-family: FontAwesome;
    font-size:3em;
  color: #4a4a4a;
}

section[data-section-id="6323466609244032ac50a3c2"] .desktop-arrows arrows-bottom-wrapper { margin-top: 15px!important;}

section[data-section-id="6323466609244032ac50a3c2"] .desktop-arrows svg {display:none!important;}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__arrow-button--right:before{
    content: "\f18e";
    font-family: FontAwesome;
    font-size:3em;
  color: #4a4a4a;
}


//FAQ Section CSS
section[data-section-id="6310edb6a841ed07245a92b8"]{
  background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(245, 240, 240,1), rgba(255,255,255,1));
}
/**
@keyframes gradient {
	0% {
		background-position: 50% 0%;
	}
	50% {
		background-position: 50% 50%;
	}
	100% {
		background-position: 50% 0%;
	}
}**/

section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-divider {
    color: transparent!important;
}

.accordion-item__title-wrapper{
  transition: .3s all!important;
}

section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-item {
    width: 100%;
    border-radius: 1rem;
    background-color: #fff!important;
    margin-bottom: 1rem!important;
}

section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-item__click-target {
        cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1.8rem 1.9rem!important;
    margin-bottom: 0 !important;
    text-align: left !important;
    font-size: 1.2rem !important;
    line-height: 0!important;
    font-weight: 500;
    align-self: center;
}

section[data-section-id="6310edb6a841ed07245a92b8"] .accordion-item__title{    
    white-space: normal;
    width: 36px;
    overflow-x: hidden;
    height: 22px;
    line-height: 1.4;
    word-wrap: break-word;
    display: contents;
}

section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-item__description {
  font-family: hellix-medium!important;
    width: 100% !important;
    max-width: 96rem !important;
    padding: 0 2rem!important;
    margin-bottom: 1.8rem !important;
    text-align: left !important;
    margin-top: 0.1rem !important;
}

section[data-section-id="6310edb6a841ed07245a92b8"] .plus__horizontal-line, section[data-section-id="6310edb6a841ed07245a92b8"] .plus__vertical-line{
  color: white !important;
    background-color: white !important;
    border: none!important;
}

@font-face {
font-family: "FontAwesome";
       src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2")
}

section[data-section-id="6310edb6a841ed07245a92b8"] .plus__vertical-line:before{
    content: "\f107";
    font-family: FontAwesome;
    font-size:20px;
  color: black;
}

section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-item__click-target:hover,
section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-item__click-target:focus,section[data-section-id="6310edb6a841ed07245a92b8"] .plus__vertical-line:before{
    background: linear-gradient(to right,#515bd4 10%,#8134af 20%,#8134af 30%,#8134af 40%,#dd2a7b 50%,#dd2a7b 60%,#dd2a7b 70%,#515bd4 80%,#515bd4 90%,#515bd4 100%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 60s cubic-bezier(0, 0, 1, 0.92) infinite;
  color: white !important;
    background-color: white !important;
    border: none!important;
}

section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-icon-container, section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-icon-container>*  {
    color: white !important;
    background-color: white !important;
    border: none!important;
}

//box size of a gradient style for text messing up — see boxsize.png attached with the G of "supercharge" cut down) 

.linear-wipe, .scroller{
  font-family: hellix-semibold;
      letter-spacing: 0px;
    display: inline-block!important;
    min-height: 1.25em!important;
}

.gradient {
    display: inline-block!important;
}

//replace squared by rounded (3px) search bar on /projects (see searchbar.png)
.search-input{
    border-radius: 3px!important;
}

.header .header-announcement-bar-wrapper {
  padding-bottom: 1.8vw!important;
}

.creatAccountLink{
    position: absolute;
    z-index: 10;
    top: 416px;
    left: 694px;
    font-size: 12px;
    text-align: left;
    color: #3e3e3e;
    text-decoration: none;
    background-color: #fff;
    width: 9%;
    height: 30px;
    line-height: 2.4;
}

.NY8O2Fx38ygD6nhQWSZI{
    position: absolute!important;
    //z-index: 9!Important;
}

//Navigation Bar Categories CSS
.header-nav-folder-title{
  display:none!important;
}

.header-nav .header-nav-item--folder .header-nav-folder-content {
    opacity: 1!important;
    top: -26px!important;
    display: flex!important;
    position: initial!important;
  z-index:10;
}
.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item {
    margin-left: 20px!important;
}

.header-nav-folder-item a{color:transparent!important;}

.header-nav-folder-item:nth-child(1) a:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/QCT2CbY/conscience.png');
    top:3px;
    right:110px;
    background-repeat: no-repeat, repeat;
    background-size: 40px;
    background-position: 100%;
    height: 40px;
    width: 40px;
  transition: .3s all;
}

.header-nav-folder-item:nth-child(1) a:hover:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/bKFhhzD/conscience-white.png');
    top:3px;
    right:110px;
    background-repeat: no-repeat, repeat;
    background-size: 40px;
    background-position: 100%;
    height: 40px;
    width: 40px;
  transition: .3s all;
}

.header-nav-folder-item:nth-child(2) a:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/PMhcLWx/thunder-lightning-2.png');
    top:3px;
    right:60px;
    background-repeat: no-repeat, repeat;
    background-size: 40px;
    background-position: 100%;
    height: 40px;
    width: 40px;
  transition: .3s all;
}

.header-nav-folder-item:nth-child(2) a:hover:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/rm19BP3/thunder-lightning-white.png');
    top:3px;
    right:60px;
    background-repeat: no-repeat, repeat;
    background-size: 40px;
    background-position: 100%;
    height: 40px;
    width: 40px;
  transition: .3s all;
}

.header-nav-folder-item:nth-child(3) a:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/qxssWg9/helix-ribbon-1.png');
    top:3px;
    right:5px;
    background-repeat: no-repeat, repeat;
    background-size: 40px;
    background-position: 100%;
    height: 40px;
    width: 40px;
  transition: .3s all;
}

.header-nav-folder-item:nth-child(3) a:hover::before{ 
    background: url('https://i.ibb.co/Wn028Lp/helix-ribbon-1-white.png');
    content: '';
    position:absolute;
    top:3px;
    right:5px;
    background-repeat: no-repeat, repeat;
    background-size: 40px;
    background-position: 100%;
    height: 40px;
    width: 40px;
}

//////////////////////////////////////
.user-accounts-link .user-accounts-text-link:before {
    content: "" !important
}
.user-accounts-link .user-accounts-text-link {
font-family: hellix-medium;
font-size: 15px;
    border: 2px solid #000;
  border-radius: 3px;
    padding: .9rem .9rem .9rem .9rem
}
.user-accounts-link .user-accounts-text-link:hover {
    background: #000 !important;
    color: #fff !important
}

///////////////////////////////////////
.header-actions .btn {
    font-family: hellix-semibold !important;
    color: #fff !important;
    border-color: #000 !important;
    background-color: #000 !important;
    border-radius: 3px;
    padding: 0.5rem 1rem;
    line-height: 1!important;
    letter-spacing: unset!important;
}


///////////////////////////////////
.header-menu-cta a {
font-family: hellix-medium !important;
color: #fff !important;
border-color: #000 !important;
background-color: #000 !important;
border-radius: 3px ;
padding: .5rem 1rem 
}

/////////////////////////////////////

//////////////////////////////////////


#block-yui_3_17_2_1_1660292378039_14435335{
html {
scroll-behavior: smooth;
}

ul { list-style-type: none; }

a {
  display:flex;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap;
}
/* Scroller styling */
.scroller {
  letter-spacing: 0px;
  height: 1.2em;
  line-height: 1.2em;
  position: relative;
  overflow: hidden;
  width: 5.6em;
  vertical-align: bottom;
display: inline-block;
}
.scroller > span {
  text-align: right;
  position: absolute;
  top: 0;
  animation: slide 10s 1;
background:linear-gradient(45deg, #000000, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes slide {
  0% {
    top: 0;
  }
  25% {
    top: -1.2em;
  }
  50% {
    top: -2.4em;
  }
  75% {
    top: -3.6em;
  }
}
}
/////////////////////////////////////

#block-yui_3_17_2_1_1662227651595_95235{
html {
scroll-behavior: smooth;
}

ul { list-style-type: none; }

a {
  display:flex;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap;
}
/* Scroller styling */
.scroller {
  height: 1.2em;
  line-height: 1.2em;
  position: relative;
  overflow: hidden;
  width: 5.95em;
  vertical-align: bottom;
display: inline-block;
}
.scroller > span {
  text-align: right;
  position: absolute;
  top: 0;
  animation: slide 10s 1;
background:linear-gradient(45deg, #000000, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes slide {
  0% {
    top: 0;
  }
  25% {
    top: -1.2em;
  }
  50% {
    top: -2.4em;
  }
  75% {
    top: -3.6em;
  }
}  
}
/////////////////////////////////////
  .gradient {
 font-family: 'hellix-semibold';
  background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.linear-wipe2 {
  font-family: 'hellix-semibold';
  background: linear-gradient(to right, #674aca  10%, #674aca 20%, #674aca 30%, #674aca 40%, #9d2eb5 45%, #9d2eb5 50%, #c82a84 60%, #9d2eb5 70%, #9d2eb5 80%, #674aca 90%, #674aca  100%);
  background-size: 200% auto;
  
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 60s linear infinite;
  @keyframes shine {
    to {
      background-position: 200% center;
    }
}
}

.linear-wipe {
  font-family: 'hellix-semibold';
  background: linear-gradient(to right, #9d2eb5 10%, #c82a84 20%, #c82a84 30%, #fe8725 40%, #faba5c 45%, #fe8725 50%, #c82a84 60%, #c82a84 70%, #674aca 80%, #674aca 90%, #9d2eb5 100%);
  background-size: 200% auto;
  
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 60s linear infinite;
  @keyframes shine {
    to {
      background-position: 200% center;
    }
}
}

.hellix-bold {
  font-family: 'hellix-bold';
}

.hellix-semibold {
  font-family: 'hellix-semibold';
}

.linear-wipe-boldy {
  font-family: 'hellix-semibold';
  background: linear-gradient(to right, #9d2eb5 10%, #c82a84 20%, #c82a84 30%, #fe8725 40%, #faba5c 50%, #c82a84 60%, #c82a84 70%, #674aca 80%, #674aca 90%, #9d2eb5 100%);
  background-size: 200% auto;
  
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 60s linear infinite;
  @keyframes shine {
    to {
      background-position: 200% center;
    }
}
}

.strike {
  text-decoration: line-through;
  text-decoration-color: red;
}

/////////////////////////////////////
#block-yui_3_17_2_1_1661880496004_611953{
        *,
*::before,
*::after {
  box-sizing: border-box;
}
.sec-center {
  position: relative;
  max-width: 100%;
  text-align: center;
  z-index: 200;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked){
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}
.light-back:not(:checked) + label,
.light-back:checked + label{
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 20000;
  display: block;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  cursor: pointer;
  transition: all 200ms linear;
  box-shadow: 0 0 25px rgba(255,235,167,.45);
}
.light-back:checked + label{
  transform: rotate(360deg);
}
.light-back:checked + label:after,
.light-back:not(:checked) + label:after{
  position: absolute;
  content: '';
  top: 1px;
  left: 1px;
  overflow: hidden;
  z-index: 2;
  display: block;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: #000000;
  background-image: url('https://assets.codepen.io/1462889/moon.svg');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 200ms linear;
  opacity: 0;
}
.light-back:checked + label:after {
  opacity: 1;
}
.light-back:checked + label:before,
.light-back:not(:checked) + label:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  display: block;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background-color: #48dbfb;
  background-image: url('https://assets.codepen.io/1462889/sun.svg');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 200ms linear;
}
.light-back:checked + label:before{
  background-color: #000;
}
.light-back{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat-back.svg');
  background-position: center;
  background-repeat: repeat;
  background-size: 4%;
  height: 100%;
  width: 100%;
  transition: all 200ms linear;
  opacity: 0;
}
.light-back:checked ~ .light-back{
  opacity: 1;
}
.dropdown:checked + label,
.dropdown:not(:checked) + label{
  position: relative;
  font-family: hellix-medium;
  font-weight: 250;
  font-size: 18px;
  line-height: 2;
  height: 50px;
  transition: all 200ms linear;
  border-radius: 4px;
  width: 140px;
  letter-spacing: 0px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  border: none;
  background-color: #000000;
  cursor: pointer;
  color: #ffffff;
  box-shadow: 0 12px 35px 0 rgba(255,255,255,0);
}
.light-back:checked ~ .sec-center .for-dropdown{
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 12px 35px 0 rgba(16,39,112,.25);
}
.dropdown:checked + label:before,
.dropdown:not(:checked) + label:before{
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: auto;
  pointer-events: none;
}
.dropdown:checked + label:before{
  pointer-events: auto;
}
.dropdown:not(:checked) + label .uil {
  font-size: 18px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.dropdown:checked + label .uil {
  transform: rotate(180deg);
  font-size: 18px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.section-dropdown {
  position: absolute;
  padding: 5px;
  background-color: #000;
  top: 70px;
  left: 0;
  width: 100%;
  border-radius: 4px;
  display: block;
  box-shadow: 0 14px 35px 0 rgba(9,9,12,0.4);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 200ms linear;
}
.light-back:checked ~ .sec-center .section-dropdown {
  background-color: #fff;
  box-shadow: 0 14px 35px 0 rgba(9,9,12,0.15);
}
.dropdown:checked ~ .section-dropdown{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.section-dropdown:before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
  display: block;
  z-index: 1;
}
.section-dropdown:after {
  position: absolute;
  top: -7px;
  left: 30px;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; 
  border-bottom: 8px solid #111;
  content: '';
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}
.light-back:checked ~ .sec-center .section-dropdown:after {
  border-bottom: 8px solid #fff;
}

a {
  position: relative;
  color: #fff;
  transition: all 200ms linear;
  font-family: hellix-medium;
  font-weight: 250;
  font-size: 18px;
  border-radius: 2px;
  padding: 5px 0;
  padding-left: 0px;
  padding-right: 15px;
  margin: 2px 0;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
    -ms-flex-pack: distribute;
}
.light-back:checked ~ .sec-center .section-dropdown a {
  color: #000000;
}
a:hover {
  color: #000000;
  background-color: #ffffff;
}
.light-back:checked ~ .sec-center .section-dropdown a:hover {
  color: #ffffff;
  background-color: #000000;
}
a .uil {
  font-family: hellix-medium;
  font-size: 18px;
}
.dropdown-sub:checked + label,
.dropdown-sub:not(:checked) + label{
  position: relative;
  color: #fff;
  transition: all 200ms linear;
  font-family: hellix-medium;
  font-weight: 250;
  font-size: 18px;
  border-radius: 2px;
  padding: 5px 0;
  padding-left: 20px;
  padding-right: 15px;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
    -ms-flex-pack: distribute;
    cursor: pointer;
}
.dropdown-sub:checked + label .uil,
.dropdown-sub:not(:checked) + label .uil{
  font-family: hellix-medium;
  font-size: 22px;
}
.dropdown-sub:not(:checked) + label .uil {
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label .uil {
  transform: rotate(135deg);
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label:hover,
.dropdown-sub:not(:checked) + label:hover{
  color: #000000;
  background-color: #ffffff;
}
.light-back:checked ~ .sec-center .section-dropdown .for-dropdown-sub{
  color: #000000;
}
.light-back:checked ~ .sec-center .section-dropdown .for-dropdown-sub:hover{
  color: #ffffff;
  background-color: #000000;
}

.section-dropdown-sub {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  max-height: 0;
  padding-left: 10px;
  padding-right: 3px;
  overflow: hidden;
  transition: all 200ms linear;
}
.dropdown-sub:checked ~ .section-dropdown-sub{
  pointer-events: auto;
  opacity: 1;
  max-height: 999px;
}
.section-dropdown-sub a {
  font-family: hellix-medium;
  font-size: 18px;
}
.section-dropdown-sub a .uil {
  font-family: hellix-medium;
  font-size: 18px;
}
.logo {
	position: fixed;
	top: 50px;
	left: 40px;
	display: block;
	z-index: 11000000;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
	transition: all 250ms linear;
}
.logo:hover {
  background-color: transparent;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
  transition: all 200ms linear;
}
.light-back:checked ~ .logo img{
  filter: brightness(10%);
}
}

@media screen and (max-width: 991px) {
  //Index Trusted By Researchers Section CSS
.trusted-by-researchers-body{
  width: 100%;
}

.logo {
	top: 30px;
	left: 20px;
}
.light-back:checked + label,
.light-back:not(:checked) + label{
  top: 20px;
  right: 20px;
}
  
//Menu Category Items Mobile Version CSS

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item{
  margin: 4% auto!important;
}

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item a{
  color:transparent!important;
}

.header-menu-nav-list .header-menu-nav-folder--active:first-child .header-menu-nav-item--active, .header-menu-controls{
display: none!important;
}

.header-menu-nav-list .header-menu-nav-folder:first-child .header-menu-nav-folder-content .header-menu-nav-item:first-child{
display: none;
}
  .customerAccountLoginMobile{display: block!important;}

.header-menu-nav-folder:nth-child(2) {
    position: relative!important;
    min-height: auto!important;
    transform: none!important;
}

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(2) a:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/QCT2CbY/conscience.png');
    top:0px;
    right:0px;
  left: 0px;
  margin: 0 auto;
    background-repeat: no-repeat, repeat;
    background-size: 60px;
    background-position: 100%;
    height: 60px;
    width: 60px;
  transition: .3s all;
}

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(2) a:hover:before, .header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(2) a:focus:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/bKFhhzD/conscience-white.png');
    top:0px;
    right:0px;
  left: 0px;
  margin: 0 auto;
    background-repeat: no-repeat, repeat;
    background-size: 60px;
    background-position: 100%;
    height: 60px;
    width: 60px;
  transition: .3s all;
}

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(3) a:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/PMhcLWx/thunder-lightning-2.png');
    top:0px;
    right:0px;
  left: 0px;
  margin: 0 auto;
    background-repeat: no-repeat, repeat;
    background-size: 60px;
    background-position: 100%;
    height: 60px;
    width: 60px;
  transition: .3s all;
}

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(3) a:hover:before,.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(3) a:focus:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/rm19BP3/thunder-lightning-white.png');
    top:0px;
    right:0px;
  left: 0px;
  margin: 0 auto;
    background-repeat: no-repeat, repeat;
    background-size: 60px;
    background-position: 100%;
    height: 60px;
    width: 60px;
  transition: .3s all;
}

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(4) a:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/qxssWg9/helix-ribbon-1.png');
    top:0px;
    right:0px;
  left: 0px;
  margin: 0 auto;
    background-repeat: no-repeat, repeat;
    background-size: 60px;
    background-position: 100%;
    height: 60px;
    width: 60px;
  transition: .3s all;
}

.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(4) a:hover:before,.header-menu-nav-list .header-menu-nav-folder:nth-child(2) .header-menu-nav-item:nth-child(4) a:focus:before{ 
    content: '';
    position:absolute;
    background: url('https://i.ibb.co/Wn028Lp/helix-ribbon-1-white.png');
    top:0px;
    right:0px;
  left: 0px;
  margin: 0 auto;
    background-repeat: no-repeat, repeat;
    background-size: 60px;
    background-position: 100%;
    height: 60px;
    width: 60px;
  transition: .3s all;
}
  
.header-menu .user-accounts-link {
    top: 87px!important;
    margin: 10px 30px;
}
  
  //Carousel CSS Mobile
  
section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slide{
    min-width: 100% !important;
    margin:0 0px!important;
}
  
section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrow-button--right{
    text-align: right;
    border-radius: 0!important;
}

.user-items-list-carousel[data-layout-width="full"] .user-items-list-carousel__gutter, .user-items-list-carousel[data-layout-width="full"] .arrows-bottom-wrapper {
    padding-left: 3vw;
    padding-right: 3vw;
}
section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter {
    //border-bottom: 4px solid #e8eaed !important;
}
  
section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter {
    //padding-left: 3vw !important;
}
  
  section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slides.user-items-list-carousel__slides--initialized {
    //padding-left: 50px !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
}

section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter:hover .mobile-arrow-button--right:before, 
section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter:hover .mobile-arrow-button--left:before
  {
    color: white!important;
  }
 
section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__slides{
    padding-bottom: 10px!important;
  }

section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrows{
  margin-bottom: 20px;
  }
  
section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrows svg{
    display:none!important;
  }
  
section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrow-button--left:before{
    content: "\f190";
    font-family: FontAwesome;
    font-size:2.4em;
  color: #4158d0;
}

section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrows{ margin-top: 15px!important;}

section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrow-button--right:before{
    content: "\f18e";
    font-family: FontAwesome;
    font-size:2.4em;
  color: #4158d0;
}
  
  section[data-section-id="6323466609244032ac50a3c2"] .user-items-list-carousel__gutter:hover section[data-section-id="6323466609244032ac50a3c2"] .mobile-arrow-button--right:before{
    color: white;
}
  
//Boxes Section CSS for Mobile
 #community .text {
   top: -250px;
  }
  
#community .logo-garden {
    --garden-height: 520px;
    --outer-pad: 5px;
    --outer-width: 56px;
    --centerpiece-pad: 2px;
    --centerpiece-width: 125px;
}
  #community .logo-garden .logo-col.logo-centerpiece>div {
    margin-top: 30px;
}
  #community .logo-garden .logo-col>div {
    margin-bottom: 12px;
  }
  
  #community .logo-garden .inner-fixed {
    gap: 8px;
}
  
#community .logo-garden .logo-col:nth-child(2), #community .logo-garden .logo-col:nth-child(6) {
    top: 10px;
}
  #community .text hgroup h1 {
    font-size:calc(4.4vh) !important;
}
  #community .text hgroup {
    padding: 0 40px;
}
  
//Index Trusted By Researchers Section CSS Mobile
.trusted-by-researchers-body{
    display: contents;
    margin: 0 auto;
    left: 0;
    bottom: 0;
}

.trusted-by-researchers-body .trusted-para p{
  text-align:center;
  margin: 0 auto;
  margin-bottom: 10px!important;
  position: unset;
}

}

/////////////////////////////////////

#block-yui_3_17_2_1_1660512608051_1927386 {
body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin: 0;
}

h1 {
}

/* Typewriter effect 1 */
@keyframes typing {
  0.0000%, 27.3488% { content: ""; }
  1.1395%, 26.2093% { content: "p"; }
  2.2791%, 25.0698% { content: "pa"; }
  3.4186%, 23.9302% { content: "pap"; }
  4.5581%, 22.7907% { content: "pape"; }
  5.6977%, 21.6512% { content: "paper"; }
  6.8372%, 20.5116% { content: "paperw"; }
  7.9767%, 19.3721% { content: "paperwo"; }
  9.1163%, 18.2326% { content: "paperwor"; }
  10.2558%, 17.0930% { content: "paperwork";}

  30.7674%, 51.2791% { content: ""; }
  31.9070%, 50.1395% { content: "m"; }
  33.0465%, 49.0000% { content: "me"; }
  34.1860%, 47.8605% { content: "mee"; }
  35.3256%, 46.7209% { content: "meet"; }
  36.4651%, 45.5814% { content: "meeti"; }
  37.6047%, 44.4419% { content: "meetin"; }
  38.7443%, 43.3023% { content: "meeting"; }
  39.8839%, 42.1627% { content: "meetings"; }

  54.6977%, 75.2093% { content: ""; }
  55.8372%, 74.0698% { content: "d"; }
  56.9767%, 72.9302% { content: "de"; }
  58.1163%, 71.7907% { content: "deb"; }
  59.2558%, 70.6512% { content: "deba"; }
  60.3953%, 69.5116% { content: "debat"; }
  61.5349%, 68.3721% { content: "debate"; }
  62.6745%, 67.2325% { content: "debates"; }

  76.3487%, 99.1397% { content: ""; }
  77.4883%, 99.0001% { content: "p"; }
  78.6279%, 96.8605% { content: "pr"; }
  79.7674%, 95.7209% { content: "pro"; }
  80.9070%, 94.5814%{ content: "proc"; }
  82.0465%, 93.4419% { content: "proce"; }
  83.1860%, 92.3023% { content: "proces"; }
  84.3256%, 91.1628% { content: "process"; }
  85.4652%, 90.0232% { content: "processe"; } 
  86.6048%, 88.8836% { content: "processes"; }

}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.typewriter {
  --caret: currentcolor;
}

.typewriter::before {
  content: "..";
  animation: typing 16s 1 forwards;
  animation-delay: 8s;
}

.typewriter::after {
  content: ".";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear 1 forwards;
}

.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}

.typewriter.nocaret::after {
  border-right: 0;
}


@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  
  @keyframes sequencePopup {
    0%, 100% { content: "paperwork"; }
    25% { content: "meetings"; }
    50% { content: "debates"; }
    75% { content: "processes"; }
  }

  .typewriter::before {
    content: "paperwork";
    animation: sequencePopup 12s linear 1 forwards;
  }
}
}

@media screen and (max-width: 720px) {
  .DoubleCircleLink{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 62%;
  }
  
  .DoubleCircleAsLogoLink{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  
  .ScienseLinkMob{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 62%;
  }
.header-menu .user-accounts-link{
    margin: 10px 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 53%;
    top: inherit!important;
  }
    .signoutBtn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 37%!important;
    top: inherit;
  }
  
 // scrollar text mobile width
  #block-yui_3_17_2_1_1660292378039_14435335 .scroller {
    width: -webkit-fill-available;
}
  #block-yui_3_17_2_1_1660292378039_14435335 .scroller>span {
    text-align: left; 
  }
 
  .signupBtnBodyMob{
    bottom: 41%!important;
  }
  
  //Consciense Mob Menu CSS
.DoubleCircleIcon {
        width: 75px;
    margin-bottom: 30px
}
  
  //ScienseIconMob Mob Menu CSS
.ScienseIconMob {
        width: 75px;
    margin-bottom: 30px
}
  
  //Consciense Mob Menu CSS
.ScienseIconLogoMob {
        width: 50px;
    margin-bottom: 30px;
    position: absolute;
    left: 0px;
    top: -20px;
}
  
.DoubleCircleIconAsLogo {
        width: 50px;
    margin-bottom: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
}
  
  .SignOutBtnCss {
    width: 50px;
    margin: 20px 5px 0;
}
  .header-mobile-logo picture{
    display:none;
  }
  section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-item__click-target:hover, section[data-section-id="6310edb6a841ed07245a92b8"] .sqs-block-accordion .accordion-item__click-target:focus, section[data-section-id="6310edb6a841ed07245a92b8"] .plus__vertical-line:before {
    background-size: 100% auto!important;
  }
  
  section[data-section-id="6323466609244032ac50a3c2"] .list-section-title {
    padding-left: 5% !important;
  }

}






/*===========================
Owlcarousel slider section code
============================*/



.owl-carousel img{
height: 300px !important;
width: 100% !important;
object-fit: cover !important;
object-position: top !important;
}




.owl-item {
 //   height:300px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  color: hsla(0,0%,100%,.8);
  width:90%;
  margin:20px auto;
}



section{
  overflow-x:hidden;

}
#block-yui_3_17_2_1_1665486161289_10301 {
background: #000000; /* fallback for old browsers */
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,240,240,1) 50%, rgba(255,255,255,1) 100%); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,240,240,1) 50%, rgba(255,255,255,1) 100%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.owl-item{
background:rgba(255,255,255,.8);
  border-radius:1em;
}
.item{

  
  text-align:center;
padding: 25px;
 img {
     text-align:center !important;
    height: auto !important;
    width: 99px !important;
   margin:0px auto;
}
  h4{
    font-size: 30px !important;
    margin-bottom:0 !important;
    color:#2A2829 !important;
    letter-spacing: 0px !important;
     font-family: 'hellix-semibold' !important;
  }
  p{
    margin-top:10px !important;
    font-weight:400 !important;

  }
}







.owl-carousel .owl-nav.disabled {
    display: block !important;
    font-size: 50px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none !important;
    color: #000 !important;
    text-decoration: none;
}





button.owl-prev {
    position: absolute;
    top: 45%;
    left: 10px;
    transform: translateY(-50%);
}


button.owl-next {
    position: absolute;
    top: 45%;
    right: 10px;
    transform: translateY(-50%);
}


button.owl-prev,button.owl-next {
     font-size: 50px !important;
}




@media only screen and (max-width: 767px){
  #footer-sections h4{
    display:none!important;
  }
  
  body .item{
    h4{
      letter-spacing: 0px !important;
 font-family: 'hellix-semibold' !important;
    }
    p{
      font-weight:400 !important;
    }
  }
  #block-yui_3_17_2_1_1665486161289_10301{
      height:400px !important;
  }
canvas {
    display: inline-block;
    width: 500px;
  height:400px;
}
 


button.owl-prev,button.owl-next {
     font-size: 50px !important;
}

}

body{
  background:#fff;
}











 .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}


/*** Code By Afaq ***/
// Safari dock screen
.dock {
  width: auto;
  min-height: 60px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;

  .dock-container {
    padding: 3px;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 16px;
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(83, 83, 83, 0.25);

    .li-bin {
      margin-left: 8px;
      border-left: 1.5px solid rgba(255, 255, 255, 0.4);
      padding: 0px 10px;
    }

    li {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      vertical-align: bottom;
      transition: 0.2s;
      transform-origin: 50% 100%;
      &:hover {
        margin: 0px 13px 0px 13px;
      }
      a {
        line-height: 0 !important;
      }
      .name {
        position: absolute;
        top: -50px;
        background: rgba(0, 0, 0, 0.5);
        color: rgba(255, 255, 255, 0.9);
        height: 10px;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        visibility: hidden;
        &::after {
          content: "";
          position: absolute;
          bottom: -10px;
          width: 0;
          height: 0;
          backdrop-filter: blur(13px);
          -webkit-backdrop-filter: blur(13px);
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid rgba(0, 0, 0, 0.5);
        }
      }

      .ico {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.2s;
      }
      .ico-bin {
        width: 94% !important;
        height: 94% !important;
        object-fit: cover;
        transition: 0.2s;

        &:hover {
          margin-left: 10px;
        }
      }
      &:hover .name {
        visibility: visible !important;
      }
    }
  }
}

@media (max-width: 520px) {
  .dock .dock-container {
    //justify-content: ;
    li {
      width: 55px;
      height: 55px;
      position: relative;
      img {
        width: 45px !important;
        height: 45px !important;
      }
    }
    .li-bin {
      margin: 0 !important;
    }
    li:hover {
      margin: 2px !important;
    }
  }
}


.folder-container {
  li {
     img {
      width: 50px;
      height: 50px;
      border: 1px solid transparent;
       padding: 6px;
      object-fit: cover;
       transform: scale(1) translateY(0px);
       transition: 0.2s;
    }
  }
}

body:not(.sqs-edit-mode-active) {
  #block-yui_3_17_2_1_1665705590417_1704 {
  position: absolute; 
  top: 30%;
  right: 8%;
  .folderIcons {
    .folder-container {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction :column;
      width: 50px;
      height: 50px;
    }
    li {
      list-style: none;
      margin-bottom: 10px;
      &:hover {
        img {
          transform: scale(1.2);
          border-color: #000;
        }
      }
    }
  }
}
}
section[data-section-id="6348a0deb965682da5177c96"] {
  .section-background {
    border-radius: 30px;
  }
  .content-wrapper,
  .content,
  .columns-12,
  .row{
    position: unset !important;
  }
}

//hide background on mobile
@media (max-width: 520px) {
  section[data-section-id="6348a0deb965682da5177c96"] {
  .section-background {
      display: none;
    }
  }
}

//argon page
.dashboardIframe {
  width: 100%;
  border: 0;
  height: 100vh;
}

@media (max-width: 520px) {
  #block-yui_3_17_2_1_1665786609883_2691,
  #block-yui_3_17_2_1_1665786995784_2671{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

//owl carousel arrow remove
.owl-nav {
  display: none !important;
}

// consciense page
section[data-section-id="6349ec1ed7dd5a11b3cf3c33"] {
  .section-background {
   // background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	//background-size: 400% 400%;
	//animation: gradient 15s ease infinite;
  }
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


section[data-section-id="6349ec1ed7dd5a11b3cf3c33"]{
  .overlay {
    position: relative;
  width: auto;
  max-width: 1140px;
  max-height: 640px;
  padding: 8rem 6rem;
  display: flex;
  align-items: center;
  //background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	//background-size: 400% 400%;
//animation: gradient 15s ease infinite;
  box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.125);
}

  @keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
    overflow: hidden;
  	border-radius: 2rem;
}

.background span {
  	position: relative;
    width: 25vmin;
    height: 25vmin;
    border-radius: 40vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 45;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #fdc561;
    top: 11%;
    left: 86%;
    animation-duration: 42s;
    animation-delay: -28s;
    transform-origin: -21vw -18vh;
    box-shadow: -80vmin 0 10.23909056813401vmin currentColor;
}
.background span:nth-child(1) {
    color: #fdc561;
    top: 91%;
    left: 95%;
    animation-duration: 40s;
    animation-delay: -7s;
    transform-origin: 1vw 25vh;
    box-shadow: 80vmin 0 10.505734443410265vmin currentColor;
}
.background span:nth-child(2) {
    color: #fdc561;
    top: 97%;
    left: 5%;
    animation-duration: 34s;
    animation-delay: -46s;
    transform-origin: -11vw 8vh;
    box-shadow: -80vmin 0 10.450372426461294vmin currentColor;
}
.background span:nth-child(3) {
    color: #515bd4;
    top: 40%;
    left: 99%;
    animation-duration: 8s;
    animation-delay: -24s;
    transform-origin: 25vw 22vh;
    box-shadow: 80vmin 0 10.335359008759925vmin currentColor;
}
.background span:nth-child(4) {
    color: #515bd4;
    top: 89%;
    left: 27%;
    animation-duration: 28s;
    animation-delay: -16s;
    transform-origin: 25vw -11vh;
    box-shadow: 80vmin 0 10.642417207158244vmin currentColor;
}
.background span:nth-child(5) {
    color: #8134af;
    top: 37%;
    left: 66%;
    animation-duration: 22s;
    animation-delay: -9s;
    transform-origin: 21vw 2vh;
    box-shadow: -80vmin 0 10.576388947824054vmin currentColor;
}
.background span:nth-child(6) {
    color: #dd2a7b;
    top: 85%;
    left: 24%;
    animation-duration: 37s;
    animation-delay: -39s;
    transform-origin: 7vw -3vh;
    box-shadow: 80vmin 0 10.000872247383427vmin currentColor;
}
.background span:nth-child(7) {
    color: #fdc561;
    top: 67%;
    left: 7%;
    animation-duration: 23s;
    animation-delay: -4s;
    transform-origin: -17vw -15vh;
    box-shadow: -80vmin 0 10.192081230884819vmin currentColor;
}
.background span:nth-child(8) {
    color: #8134af;
    top: 77%;
    left: 88%;
    animation-duration: 44s;
    animation-delay: -37s;
    transform-origin: 15vw 0vh;
    box-shadow: -80vmin 0 10.159499837843335vmin currentColor;
}
  
  
.overlay__inner {
  max-width: 36rem;
  z-index: 11;
}

.overlay__title {
  font-size: 1.875rem;
  line-height: 2.75rem;
  margin-bottom: 2rem;
}

.text-gradient {
	color: #000;
  font-weight: 700;
}

.overlay__description {
  font-size: 1.2rem;
  line-height: 1.75rem;
  margin-bottom: 3rem;
  strong {
    font-family: 'hellix-semibold' !important;
    letter-spacing: -0.050em !important;
  }
}

.overlay__btns {
  width: 100%;
  max-width: 60rem;
  display: flex;
}

.overlay__btn {
  width: 100%;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  background: #000;
  border: 2px solid #000;
  border-radius: 0.5rem;
  transition: transform 150ms ease;
  margin-right: 0.75rem;
  font-family: 'hellix-medium';
}

.overlay__btn:hover {
  transform: scale(1.05);
  cursor: pointer;
  background: #000;
}

.overlay__btn:first-child {
	background: transparent;
  color: #000;
}

.overlay__btn-emoji {
  margin-left: 0.375rem;
}

a {
  text-decoration: none;
  color: var(--dark-color);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Not too many browser support this yet but it's good to add! */
@media (prefers-contrast: high) {
  .orb-canvas {
    display: none;
  }
}

@media only screen and (max-width: 1140px) {
  .overlay {
    padding: 8rem 4rem;
  }
}

@media only screen and (max-width: 840px) {
  
  
  .overlay {
    padding: 4rem;
    height: auto;
  }

  .overlay__title {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
  }

  .overlay__description {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 600px) {
  .owl-item {
    padding: 6px 6px 0;
  }
  .item {
    padding: 0px 3px 28px 3px !important;
}
  .overlay__title .text-gradient {
      font-family: 'hellix-semibold' !important;
      font-weight: bold !important;
    letter-spacing: -0.050em !important;
    }
  .overlay {
    padding: 1.5rem;
  }

  .overlay__btns {
    flex-wrap: wrap;
  }

  .overlay__btn {
    width: 100%;
    font-size: 1rem;
    margin-right: 0;
     letter-spacing: -0.025em !important;
  }

  .overlay__btn {
    margin-bottom: 1rem;
  }
}
}

section[data-section-id="6349d6b72ba65a2ce46c6210"] .section-background{
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

#block-yui_3_17_2_1_1665786609883_2691 iframe {
    border-radius: 1rem;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1)
}

.header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions-action--cart) {
    margin-left: 18px!important;
}