.tcol-2 {grid-template-columns: repeat(2, 1fr);}
.tcol-4 {grid-template-columns: repeat(4, 1fr);}
.tcol-6 {grid-template-columns: repeat(6, 1fr);}
.tcol-8 {grid-template-columns: repeat(8, 1fr);}
.tcol-10 {grid-template-columns: repeat(10, 1fr);}
.tcol-12 {grid-template-columns: repeat(12, 1fr);}

.col-2 {grid-column: span 2;}
.col-4 {grid-column: span 4;}
.col-5 {grid-column: span 5;}
.col-6 {grid-column: span 6;}
.col-7 {grid-column: span 7;}
.col-8 {grid-column: span 8;}
.col-10 {grid-column: span 10;}
.col-12 {grid-column: span 12;}

.grid-container {display: grid;}



.cse-preview-section {
  margin-top: 20px;
  margin-right: 16px;
  background-color: #DCECF8;
  overflow: hidden;
}

.cse-preview-section .button {
  padding: 12px 28px;
}

.cse-preview-section > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 88px 0px 88px 32px;
  box-sizing: border-box;
}

.cse-preview-section > div:first-child > div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cse-preview-section > div:last-child  {
  position: relative;
}

.cse-human-synergy {
  padding: 0px 32px;
  background: linear-gradient(99deg, #DAF3FF 0%, #C8BFFF 100%), linear-gradient(93deg, #588CCC 0%, #5E499D 100%), linear-gradient(98deg, #FCE 0.01%, #96E4EB 100%);
  box-sizing: border-box;
}

.cse-human-synergy > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 60px 0;
  box-sizing: border-box;
}

.cse-human-synergy > div:first-child > img {
  display: none;
}

.cse-human-synergy > div:first-child .button {
  width: fit-content;
  padding: 12px 28px;
}

.cse-human-synergy .b-black-filled {
  color: #ffffff;
}

.cse-human-synergy > div:first-child .button:hover > img {
  filter: invert(1);
}

.cse-human-synergy > div:first-child > div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cse-human-synergy > div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 56px 0px;
  box-sizing: border-box;
}

.cse-human-synergy > div:last-child > img {
  width: 405px;
  height: 480px;
  object-fit: contain;
}

.cse-browse-customer-exp {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 60px 32px;
  box-sizing: border-box;
  background-color: #EEECED;
}

.cse-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20px;
  padding: 60px 204px;
  background: linear-gradient(87deg, #EDECED 0%, #B6CBF4 100%);
  box-sizing: border-box;
}

.cse-banner > .button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  padding: 12px 28px;
}

.cse-strategies {
  position: relative;
  background-color: #EEECED;
}

.cse-strategies > div:first-child {
  padding: 100px 0 100px 32px;
}

.cse-strategies > div:first-child > p:nth-child(1) {
  color: #6FAC3A;
}

.cse-strategies > div:first-child > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  margin-top: 24px;
}

.cse-strategies > div:last-child {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.cse-circle-out {
  position: absolute;
  z-index: 1;
  width: 686px;
  height: 686px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  opacity: 0.2;
  background: linear-gradient(89deg, #9FF9FD 0%, #A4FF90 100%);
  animation: wave-1 25s linear infinite;
}

.cse-circle-inner {
  position: absolute;
  z-index: 2;
  width: 538px;
  height: 538px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  opacity: 0.5;
  background: linear-gradient(89deg, #9FF9FD 0%, #A4FF90 100%);
  padding: 110px;
  box-sizing: border-box;
  animation: wave-2 15s linear infinite;
}

.cse-circle-deeper {
  position: absolute;
  z-index: 3;
  width: 318px;
  height: 318px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(89deg, #9FF9FD 0%, #A4FF90 100%);
  border-radius: 50%;
  animation: rotating 60s linear infinite;
}

.cse-circle-deeper > img {
  position: absolute;
  animation: rotating-img 60s linear infinite;
}

.cse-circle-deeper > img:nth-child(1) {
  top: 58px;
  left: 4px;
}
.cse-circle-deeper > img:nth-child(2) {
  top: -4px;
}
.cse-circle-deeper > img:nth-child(3) {
  top: 58px;
  right: 4px;
}

.cse-circle-deeper > img:nth-child(4) {
  bottom: 58px;
  left: 4px;
} 

.cse-circle-deeper > img:nth-child(5) {
  bottom: -4px;
}

.cse-circle-deeper > img:nth-child(6) {
  bottom: 58px;
  right: 4px;
}

.cse-trusted-banner {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), linear-gradient(88deg, #94C85D 19.96%, #E9EBEC 97.15%);
}

.cse-client-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 130px 290px;
  box-sizing: border-box;
}

.cse-clients {
  width: 100%;
  gap: 32px;
}

.cse-clients .swiper-wrapper {
  align-items: center;
}

.cse-clients .swiper-slide {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cse-clients .swiper-slide:nth-child(1) > img {
  max-height: 80px;
}
.cse-clients .swiper-slide:nth-child(2) > img {
  max-height: 60px;
}
.cse-clients .swiper-slide:nth-child(3) > img {
  max-height: 45px;
}
.cse-clients .swiper-slide:nth-child(4) > img {
  max-height: 51px;
}
.cse-clients .swiper-slide:nth-child(5) > img {
  max-height: 100px;
}

.cse-subscribe {
  gap: 16px;
  align-items: stretch;
}

.cse-subscribe > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 74px 32px;
  box-sizing: border-box;
  background: linear-gradient(90deg, #FD0 0%, #FCD646 100%);
}

.cse-subscribe-title {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cse-subscribe-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.cse-subscribe-form > .button {
  background-color: transparent;
  padding: 12px 28px;
}

.cse-subscribe-form > .b-black-filled {
  color: #ffffff;
}

.cse-subscribe-form .hs-form-private {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cse-subscribe-form .hbspt-form {
  width: 100%;
}

.cse-subscribe-form .hs-firstname,
.cse-subscribe-form .hs-email {
  width: 100%;
}

.cse-subscribe-form .hs-firstname input,
.cse-subscribe-form .hs-email input {
  width: 100%;
  border: 1px solid #E3E3E3;
  padding: 8px 12px;
  font-size: 15px;
  margin-bottom: 0px;
  outline: 0;
}

.cse-subscribe-form .input {
    border: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    max-width: inherit;
    min-width: inherit;
    font-size: 15px;
    margin-bottom: 0px;
    outline-color: none;
    -webkit-font-smoothing: antialiased;
}

.cse-subscribe-form .inputs-list {
  position: relative;
  margin: 0;
  padding: 0;
}

.cse-subscribe-form .no-list li {
  list-style: none;
  display: inline-block;
  border: 0;
  padding: 0;
  margin: 0;
  margin-right: 0;
  margin-top: 0;
  background-color: transparent;
  color: black;
  border-right: 0 !important;
}

.cse-subscribe-form .hs-error-msgs li label {
  display: flex;
  gap: 4px;
  color: #C43638;
  padding: 4px 0 0 0;
  font-weight: 400;
  box-sizing: border-box;
  opacity: 1;
  cursor: default;
}

.cse-subscribe-form .hs-error-msg::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/img/Info.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.cse-subscribe > div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cse-subscribe > div:last-child > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cse-browse-customer-exp-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 0;
  margin: 0;
}

.cse-browse-customer-exp-list > li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  background-color: #ffffff;
  padding: 0 16px 24px 16px;
  box-sizing: border-box;
}

.cse-browse-customer-exp-list > li > div > img {
  max-height: 220px;
  object-fit: contain;
}

.cse-browse-customer-exp-list > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}

.cse-browse-customer-exp-list > li > a:hover img {
  filter: invert(1);
}

.cse-circle-mob-wrp {
  display: none;
}

.cse-after-submitting-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FD0;
  padding: 80px 32px;
  box-sizing: border-box;
}

.cse-after-submitting-block > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  box-sizing: border-box;
  border-radius: 50px;
  background: #E1F1D5;
  box-shadow: 0 0 24px 0 rgba(111, 172, 58, 0.14);
}

.cse-after-submitting-block > h2 {
  margin-top: 40px;
  margin-bottom: 16px;
}

.cse-disable-block {display: none;}

.hs_error_rollup {
  position: relative;
  top: 20px;
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes rotating-img {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes wave-1 {
  0% {
    opacity: 0.2;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.2;
  }
}

@keyframes wave-2 {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

@media screen and (max-width: 1180px) {
  .cse-preview-section {
    display: flex;
    flex-direction: column;
  }

  .cse-preview-section > div {
    flex: 1;
  }

  .cse-preview-section > div:first-child {
    order: 2;
  }

  .cse-preview-section > div:last-child {
    order: 1;
    min-height: 420px;
    overflow: hidden;
    background: linear-gradient(180deg, #DCECF8 0%, #BCDDF7 100%);
  }

  .cse-human-synergy {
    display: flex;
    flex-direction: column;
  }

  .cse-human-synergy > div:first-child br {
    display: none;
  }

  .cse-human-synergy > div:last-child {
    display: none;
  }

  .cse-human-synergy > div:first-child > img {
    display: block;
    width: inherit;
    align-self: flex-start;
    max-height: 280px;
    object-fit: contain;
  }

  .cse-browse-customer-exp-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .cse-banner {
    padding: 60px 120px;
  }

  .cse-banner br {
    display: none;
  }

  .cse-strategies {
    display: flex;
    flex-direction: column;
  }

  .cse-strategies > div:last-child {
    display: none;
  }

  .cse-circle-mob-wrp {
    position: relative;
    width: 100%;
    min-height: 326px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .cse-strategies > div:first-child > div a {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 12px 28px;
    margin: auto;
  }

  .cse-circle-out {
    width: 300.567px;
    height: 300.567px;
  }

  .cse-circle-inner {
    width: 235.722px;
    height: 235.722px;
  }

  .cse-circle-deeper {
    width: 139.33px;
    height: 139.33px;
  }

  .cse-circle-deeper > img {
    max-height: 32px;
  }

  .cse-circle-deeper > img:nth-child(1) {
    top: 25px;
    left: 4px;
  }
  .cse-circle-deeper > img:nth-child(2) {
    top: -4px;
  }
  .cse-circle-deeper > img:nth-child(3) {
    top: 25px;
    right: 4px;
  }

  .cse-circle-deeper > img:nth-child(4) {
    bottom: 25px;
    left: 4px;
  } 

  .cse-circle-deeper > img:nth-child(5) {
    bottom: -4px;
  }

  .cse-circle-deeper > img:nth-child(6) {
    bottom: 25px;
    right: 4px;
  }

  .cse-strategies > div:first-child > div {
    gap: 0;
  }

  .cse-subscribe > div:last-child {
    display: none;
  }

  .cse-subscribe > .col-6 {
    grid-column: span 12;
  }

  .cse-client-block {
    padding: 130px 120px;
  }

  .cse-strategies > div:first-child {
    padding: 100px 32px;
  }
}

@media screen and (max-width: 768px) {
  .cse-browse-customer-exp-list {
    grid-template-columns: 1fr;
  }

  .cse-client-block {
    padding: 130px 0px 130px 32px;
  } 
}

@media screen and (max-width: 580px) {
  .cse-preview-section.gap16 {
    gap: 0;
  }

  .cse-preview-section > div:first-child {
    padding: 32px 16px;
  }

  .cse-preview-section > div:first-child br {
    display: none;
  }

  .cse-preview-section > div:last-child {
    min-height: 243px;
  }

  .cse-preview-section > div:first-child .button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  
  .cse-client-block {
    padding: 64px 0 64px 16px;
  }

  .cse-human-synergy {
    padding: 32px 16px;
  }

  .cse-human-synergy > div:first-child {
    padding: 0;
  }

  .cse-human-synergy > div:first-child > img {
    align-self: center;
  }

  .cse-human-synergy > div:first-child .button {
    width: 100%;
  }

  .cse-human-synergy > div:first-child {
    gap: 16px;
  }

  .cse-human-synergy > div:first-child > img {
    max-height: 255px;
  }

  .cse-browse-customer-exp {
    padding: 32px 16px;
  }

  .cse-browse-customer-exp br {
    display: none;
  }

  .cse-preview-section > div:first-child .f50 {
    font-size: 40px !important;
    line-height: 54px;
  }

  .cse-human-synergy > div:first-child .f18 {
    font-size: 15px !important;
  }
  
  .cse-human-synergy > div:first-child .f-lh27 {
    line-height: 22.5px;
  }

  .cse-browse-customer-exp {
    gap: 32px;
  }

  .cse-browse-customer-exp .f-lh54 {
    line-height: normal;
  }

  .cse-banner {
    padding: 48px 16px;
  }

  .cse-banner .f-lh54 {
    line-height: normal;
  }

  .cse-banner > .button {
    width: 100%;
    box-sizing: border-box;
  }

  .cse-strategies > div:first-child {
    padding: 32px 16px;
  }

  .cse-strategies > div:first-child .f25 {
    font-size: 20px;
    line-height: 30px;
  }

  .cse-strategies > div:first-child > div .f-lh54 {
    line-height: normal;
  }

  .cse-strategies > div:first-child > div > p {
    font-size: 15px;
    line-height: 22.5px;
    margin-top: 24px;
  }

  .cse-circle-mob-wrp {
    width: 100%;
    min-height: 280px;
  }

  .cse-strategies > div:first-child > div a {
    width: 100%;
  }

  .cse-strategies > div:first-child > div h2,
  .cse-strategies > div:first-child > div p,
  .cse-strategies > div:first-child > div a {
    position: relative;
    z-index: 2;
  }

  .cse-circle-out,
  .cse-circle-inner,
  .cse-circle-deeper,
  .cse-circle-deeper > img {
    animation: none;
  }

  .cse-subscribe > div:first-child {
    padding: 32px 16px;
    gap: 32px;
  }

  .cse-subscribe-title .f-lh54 {
    line-height: normal;
  }

  .cse-subscribe-form > .button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .cse-subscribe-form .hs-form-private {
    margin: 0;
  }

  .cse-browse-customer-exp-list > li > div > img {
    max-height: 200px;
  }

  .cse-browse-customer-exp-list {
    display: flex;
    flex-direction: column;
  }

  .cse-after-submitting-block {
    padding: 64px 16px;
  }

  .cse-after-submitting-block br {
    display: none;
  }

  .hs_error_rollup {
    top: 16px;
  }

}

@media screen and (max-width: 375px) {
  .cse-preview-section > div:first-child .f50 {
    font-size: 35px !important;
    line-height: normal;
  }
}