.certificateLanding-certificateTypesSection > h1 {
    font-weight: 500;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -2px;
    color: #0D0D12;
    font-family: 'ClashGrotesk-medium';
    text-align: center;
}

.certificateLanding-certificateTypesSection > p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #36394A;
    width: 850px;
    max-width: 70%;
    align-self: center;
}

.certificateLanding-certificateTypesSection card-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
    margin-top: 24px;
}

.certificateLanding-certificateTypesSection card-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 24px;
    background-color: #030326;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    padding: 24px;
}

.certificateLanding-certificateTypesSection card-item > img {
    width: 48px;
    position: relative;
    z-index: 3;
}

.certificateLanding-certificateTypesSection card-item > span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}

.certificateLanding-certificateTypesSection card-item > div {
    position: absolute;
    top: -60px;
    left: 0px;
    right: 0px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
}

.certificateLanding-certificateTypesSection card-item > div::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    right: -100px;
    bottom: 0;
    border-radius: 50%;
    z-index: 2;
    background: radial-gradient(circle, rgb(0 220 253 / 30%) 0%, rgb(3 3 38) 43%);
}

.certificateLanding-certificateTypesSection card-item > div::after {
    content: '';
    background-image: radial-gradient(circle at center, #02588d 1px, transparent 0), radial-gradient(circle at center, #02588d 1px, transparent 0);
    background-size: 12px 20px;
    background-position: 0 0, 19px -10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 1;
}

.certificateLanding-certificateTypesSection {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}

.cl-bs-list {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    grid-template-rows: repeat(3, 120px);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
}

.cl-bs-list img:nth-child(1) {
    grid-area: 1 / 1 / 2 / 4;
}

.cl-bs-list img:nth-child(2) {
    grid-area: 1 / 5 / 2 / 8;
}

.cl-bs-list img:nth-child(3) {
    grid-area: 1 / 9 / 2 / 12;
}

.cl-bs-list img:nth-child(4) {
    grid-area: 1 / 13 / 2 / 16;
}

.cl-bs-list img:nth-child(5) {
    grid-area: 2 / 3 / 3 / 6;
}

.cl-bs-list img:nth-child(6) {
    grid-area: 2 / 7 / 3 / 10;
}

.cl-bs-list img:nth-child(7) {
    grid-area: 2 / 11 / 3 / 14;
}

.cl-bs-list img:nth-child(8) {
    grid-area: 3 / 1 / 4 / 4;
}

.cl-bs-list img:nth-child(9) {
    grid-area: 3 / 5 / 4 / 8;
}

.cl-bs-list img:nth-child(10) {
    grid-area: 3 / 9 / 4 / 12;
}

.cl-bs-list img:nth-child(11) {
    grid-area: 3 / 13 / 4 / 16;
}

.certificateLanding-brandSection {
    background-color: #F8F9FB;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 80px;
    padding-top: 40px;
    flex-direction: column;
    margin-top: 80px;
    gap: 32px;
}

.certificateLanding-brandSection > span {
    font-weight: 600;
    font-size: 18px;
    color: #666D80;
}

.certificateLanding-statisticsSection {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #0D0D12;
    height: 280px;
}

.certificateLanding-statisticsSection > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.certificateLanding-statisticsSection > div::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -50px;
    right: -50px;
    bottom: 0;
    border-radius: 50%;
    z-index: -1;
    background: rgba(0, 183, 253, 0.15);
    /* blur*/

    filter: blur(30px);
}

.certificateLanding-statisticsSection > div > span:nth-child(1) {
    font-family: 'ClashGrotesk-medium';
    font-weight: 500;
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.certificateLanding-statisticsSection > div > span:nth-child(2) {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}

.certificateLanding-exampleCertificateSection {
    margin-top: 80px;

}

.certificateLanding-exampleCertificateSection > h3 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    color: #0D0D12;
}

.certificateLanding-exampleCertificateSection certificate-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 48px;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item {
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    box-shadow: 0px 0px 0px 1px rgba(18, 55, 105, 0.08), 0px 1px 2px 0px rgba(164, 172, 185, 0.24), 0px 8px 16px -6px rgba(7, 32, 69, 0.1);
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item > span {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #0D0D12;
    margin-top: 24px;
}

.certificateLanding-exampleCertificateSection certificate-list .cl-ecs-imageWrapper {

    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificateLanding-exampleCertificateSection certificate-list .cl-ecs-imageWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(1) .cl-ecs-imageWrapper img {
    position: relative;
    top: -2px;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(2) {
    grid-area: 1 / 3 / 2 / 5;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(3) {
    grid-area: 1 / 5 / 2 / 7;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(4) {
    grid-area: 2 / 2 / 3 / 4;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(4) .cl-ecs-imageWrapper img {
    max-width: 98%;
}

.certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(5) {
    grid-area: 2 / 4 / 3 / 6;
}

.cl-ecs-badgeWrapper {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #E8ECF1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.certificateLanding-verifySection {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F8F9FB;
    margin-top: 120px;
    margin-bottom: 200px;
    position: relative;
    flex-direction: column;
    padding-top: 88px;
}

.certificateLanding-verifySection h3 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    color: #0D0D12;
    letter-spacing: -1px;
    padding-bottom: 10px;
}

.cl-vs-outerContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.cl-vs-outerContainer::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    background: #fff;
    z-index: 0;
}

.cl-vs-container {

    position: relative;
    z-index: 2;
    width: 760px;
    max-width: 95%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: #fff;
    border-radius: 48px;
    box-shadow: 0px 0px 0px 1px rgba(18, 55, 105, 0.08), 0px 1px 2px 0px rgba(164, 172, 185, 0.24), 0px 8px 16px -6px rgba(7, 32, 69, 0.1);
}

.cl-vs-resultWrapper {
    display: none;
    gap: 16px;
}

.cl-vs-resultWrapper.--valid, .cl-vs-resultWrapper.--invalid {
    display: flex;
    align-items: center;
}

.cl-vs-resultWrapper.--valid > div i:nth-child(2) {
    display: none;
}

.cl-vs-resultWrapper.--valid > div i:nth-child(1) {
    font-size: 1.3em;
}

.cl-vs-resultWrapper.--valid > div {
    display: flex;
    width: 39px;
    height: 39px;
    min-width: 39px;
    min-height: 39px;
    justify-content: center;
    align-items: center;

    position: relative;
    border-radius: 50%;
    color: #fff;

}

.cl-vs-resultWrapper.--valid span:nth-of-type(2) {
    display: none;
}

.cl-vs-resultWrapper.--valid span:nth-of-type(1) {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #36394A;
}

.cl-vs-resultWrapper.--invalid > div {
    display: flex;
    width: 39px;
    height: 39px;
    min-width: 39px;
    min-height: 39px;
    justify-content: center;
    align-items: center;

    position: relative;
    border-radius: 50%;


}

.cl-vs-resultWrapper img {
    width: 100%;
}

.cl-vs-resultWrapper.--invalid img:nth-child(1) {
    display: none;
}

.cl-vs-resultWrapper.--valid img:nth-child(2) {
    display: none;
}

.cl-vs-resultWrapper.--invalid span:nth-of-type(1) {
    display: none;
}

.cl-vs-resultWrapper.--invalid span:nth-of-type(2) {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #36394A;
}


.cl-vs-inputWrapper {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.cl-vs-inputWrapper button {
    width: fit-content;
}

.cl-vs-inputWrapper input {
    display: flex;
    flex-grow: 1;
    height: 48px;
    border-radius: 62px;
    border: none;
    padding: 16px;
}

.cl-vs-inputWrapper .textInput-innerWrapper {
    padding: 0;
}

.certificateLanding-playerSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.certificateLanding-playerSection h3 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    text-align: center;
    color: #0D0D12;
    margin-bottom: 0;
}

.certificateLanding-playerSection p {
    font-size: 16px;
    line-height: 24px;
    color: #36394A;
    text-align: center;
    width: 700px;
    margin-bottom: 8px;

}

.certificateLanding-playerSection a {
    width: fit-content;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 20px;
}

.certificateLanding-playerSection .cl-ps-imgWrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificateLanding-playerSection .cl-ps-imgWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0px 0px 0px 1.07px rgba(18, 55, 105, 0.02),
    0px 1.07px 2.14px 0px rgba(164, 172, 185, 0.24),
    0px 8.56px 17.12px 0px rgba(0, 0, 0, 0.02),
    0px 0px 51.37px 0px rgba(0, 0, 0, 0.06);
    border-radius: 32px;
    margin-top: 20px;
}

.certificateLanding-gallerySection {
    padding: 80px 0;
    position: relative;
    margin-top: 80px;
}

.certificateLanding-gallerySection > .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.certificateLanding-gallerySection h3 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    text-align: center;
    color: #0D0D12;
    margin-bottom: 0;
}


.certificateLanding-gallerySection p {
    font-size: 16px;
    line-height: 24px;
    color: #36394A;
    text-align: center;
    width: 805px;
    margin-bottom: 0;
}

.certificateLanding-gallerySection a {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    width: fit-content;
    margin-bottom: 20px;
}

.certificateLanding-gallerySection .cl-gs-imageWrapper img {
    width: 100%;
}

.certificateLanding-gallerySection .cl-gs-imageWrapper img:nth-child(2) {
    display: none;
}

.cl-gs-spiral {
    position: absolute;
    width: 408px;
    right: -204px;
    bottom: 0;
    z-index: -1;
}

.certificateLanding-gallerySection::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-color: #fff;
    border: 48px #00B7FD solid;
    border-radius: 50%;
    width: 295px;
    height: 295px;
    left: -93px;
    top: 238px;
    opacity: 20%;
}

.certificateLanding-gallerySection::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 503px;
    background: linear-gradient(181.93deg, rgba(0, 183, 253, 0.06) 1.63%, rgba(248, 249, 251, 0) 66.14%);
    border-radius: 50%;
    z-index: -1;
}

.certificateLanding-quoteSection {
    margin-top: 80px;
    margin-bottom: 80px;
}

.certificateLanding-quoteSection h3 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    text-align: center;
    color: #0D0D12;
    margin-bottom: 0;
}

.cl-qs-outerContainer {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.cl-qs-innerContainer {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cl-qs-outerContainer quote-item {
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid #ECEFF3;
    border-radius: 24px;
    position: relative;
    background-color: #fff;
}

.cl-qs-outerContainer quote-item .cl-qs-i-top {
    display: flex;
    gap: 16px;
}

.cl-qs-outerContainer quote-item > p {
    color: #36394A;
    letter-spacing: -0.4px;
    line-height: 24px;
}

.cl-qs-outerContainer quote-item > span {
    font-weight: 600;
    font-size: 16px;

    line-height: 24px;
    margin-top: 9px;
}

.cl-qs-outerContainer quote-item .cl-qs-i-top img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.cl-qs-outerContainer quote-item .cl-qs-i-top span:nth-child(1) {
    font-weight: 500;
    font-size: 16px;
    color: #0D0D12;
    line-height: 24px;
}

.cl-qs-outerContainer quote-item .cl-qs-i-top span:nth-child(2) {
    font-weight: 400;
    font-size: 14px;
    color: #36394A;
    line-height: 20px;
}

.cl-qs-outerContainer quote-item .cl-qs-i-top div:nth-child(2) {
    display: flex;
    flex-direction: column;

}

.cl-qs-i-top-imgWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cl-qs-outerContainer quote-item .cl-qs-i-top p {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #36394A;
}

.cl-qs-outerContainer quote-item::after {
    content: " ";
    position: absolute;
    left: -8px;
    bottom: -8px;
    top: 8px;
    right: 8px;
    z-index: -1;
    border-radius: 32px;
}

.cl-qs-outerContainer quote-item.--blue::after {
    background-color: #00B7FD;
}

.cl-qs-outerContainer quote-item.--yellow::after {
    background-color: #FFD600;
}

.cl-qs-outerContainer quote-item.--red::after {
    background-color: #F40060;
}

.cl-ps-info {
    background-color: #F8F9FB;
    padding-top: 80px;
    padding-bottom: 20px;
}

.cl-ps-info h2 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    color: #0D0D12;
    margin-bottom: 0;
}

.cl-ps-info h5 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 24px;
    color: #0D0D12;
    margin-top: 48px;
    margin-bottom: 24px;
}

.cl-ps-info p {
    font-weight: 400;
    font-size: 16px;
    color: #36394A;
    line-height: 24px;
    text-align: justify;
}

.cl-ps-stepListContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.cl-ps-stepListContainer > h5 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 24px;
    color: #0D0D12;
    margin-top: 48px;
}

.cl-ps-stepListContainer step-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 760px;
}

.cl-ps-stepListContainer step-item {
    display: flex;
    gap: 24px;
}

.cl-ps-si-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.cl-ps-si-left > div:nth-child(1) {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #00B7FD;
    color: #fff;
    border-radius: 50%;
}

.cl-ps-si-left > div:nth-child(1) i {
    font-size: 1.4em;
}

.cl-ps-si-left > div:nth-child(1)::after {
    content: " ";
    position: absolute;
    inset: 1px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 0px 0px 1px rgba(18, 55, 105, 0.08), 0px 1px 2px 0px rgba(164, 172, 185, 0.24), 0px 8px 16px -6px rgba(7, 32, 69, 0.1);
}

.cl-ps-si-left > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 3px;
    border-radius: 40px;
    background-color: #00B7FD;
}

.cl-ps-si-right {
    padding-bottom: 54px;
    width: 100%;
}

.cl-ps-si-right > div {
    padding: 16px 24px;
    background-color: #F8F9FB;
    border-radius: 24px;

    display: flex;
    gap: 8px;
    box-shadow: 0px 0px 0px 1px rgba(18, 55, 105, 0.08), 0px 1px 2px 0px rgba(164, 172, 185, 0.24);
}

.cl-ps-si-right > div > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cl-ps-stepListContainer step-item:last-of-type .cl-ps-si-left > div:nth-child(2) {
    display: none;
}

.cl-ps-si-right > div > div > span:nth-child(1), .cl-ps-si-right > div > span:nth-child(1) {
    font-weight: 500;
    font-size: 20px;
    color: #0D0D12;
}

.cl-ps-si-right > div > div > span:nth-child(2) {
    font-weight: 400;
    font-size: 16px;
    color: #36394A;

}

.cl-ps-reasonContainer {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    position: relative;
}

.cl-ps-reasonContainer > h5 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 24px;
    color: #0D0D12;
    margin-top: 48px;
}

.cl-ps-reasonContainer why-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1px;
    width: 100%;
}

.cl-ps-reasonContainer why-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px 0;
    background-color: #fff;
    position: relative;
}

.cl-ps-reasonContainer why-item:not(:nth-child(4), :nth-child(8), :nth-child(9) , :nth-child(10))::before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: -1px;
    bottom: -1px;
    background: radial-gradient(#c6c7c9 0%, #F6F8FA00 100%);
}

.cl-ps-reasonContainer why-item:nth-child(4)::before,
.cl-ps-reasonContainer why-item:nth-child(8)::before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: radial-gradient(#c6c7c9 0%, #F6F8FA00 100%);
}

.cl-ps-reasonContainer why-item:nth-child(9)::before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: -1px;
    bottom: 0;
    background: radial-gradient(#c6c7c9 0%, #F6F8FA00 100%);
}

.cl-ps-reasonContainer why-item:not(:nth-child(4), :nth-child(8), :nth-child(9), :nth-child(10))::after {
    content: " ";
    position: absolute;
    z-index: 1;
    background-color: #eceff3;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    bottom: -4px;
    right: -4px;
}

.cl-ps-reasonContainer why-item div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ECEFF3;
    color: #00B7FD;
    font-size: 1.3em;
}


.cl-ps-reasonContainer why-item:nth-child(9) {
    grid-area: 3 / 2 / 4 / 3;
}

.cl-ps-reasonContainer why-item:nth-child(10) {
    grid-area: 3 / 3 / 4 / 4;
}

.cl-ps-reasonContainer why-item span {
    font-weight: 500;
    font-size: 18px;
    color: #36394A;
    line-height: 28px;
    text-align: center;
    max-width: 95%;
}

.cl-ps-faqContainer {
    margin-top: 160px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin-bottom: 160px;
}

.cl-ps-faqContainer h3 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    color: #0D0D12;
    margin-bottom: 0;
}

.cl-ps-spiral--red {
    position: absolute;
    width: 210px;
    left: 0;
    top: 212px;
    z-index: -1;
}

.cl-ps-stepListContainer::after {
    content: " ";
    position: absolute;
    right: -118px;
    bottom: 150px;
    height: 298px;
    width: 298px;
    border: 72px solid #FFD600;
    opacity: 20%;
    border-radius: 50%;
    z-index: -1;
}

.cl-ps-r-circle {
    content: " ";
    width: 412px;
    height: 412px;
    z-index: 0;
    position: absolute;
    background: linear-gradient(244.95deg, rgba(255, 255, 255, 0) 32.48%, #00b7fd4d 98.52%);
    border-radius: 50%;
    position: absolute;
    left: -256px;
    bottom: -65px;
    z-index: -1;
}

.cl-ps-r-circle::before {
    content: " ";
    position: absolute;
    border-radius: 50%;
    inset: 72px;
    background-color: #fff;
}

.cl-qs-showMoreBtn {
    display: none;
}

.certificateLanding-highlightedComponent .seeAll-header h2, .certificateLanding-highlightedComponent .seeAll-header h3 {
    font-family: "ClashGrotesk-medium";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .cl-ps-info p {
        text-align: start;
    }

    .certificateLanding-highlightedComponent .seeAll-header h2, .certificateLanding-highlightedComponent .seeAll-header h3 {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }

    .certificateLanding-certificateTypesSection {
        gap: 16px;
    }

    .certificateLanding-certificateTypesSection > h1 {
        font-size: 32px;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 0;
        letter-spacing: normal;
    }

    .certificateLanding-certificateTypesSection > p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
        color: #666D80;
        max-width: 100%;
        width: 500px;
    }

    .certificateLanding-certificateTypesSection card-list {
        grid-template-columns: 1fr 1fr;
    }

    .cl-bs-list img:nth-child(1),
    .cl-bs-list img:nth-child(2),
    .cl-bs-list img:nth-child(3),
    .cl-bs-list img:nth-child(4),
    .cl-bs-list img:nth-child(5),
    .cl-bs-list img:nth-child(6),
    .cl-bs-list img:nth-child(7),
    .cl-bs-list img:nth-child(8),
    .cl-bs-list img:nth-child(9),
    .cl-bs-list img:nth-child(10) {
        grid-area: auto;
    }

    .cl-bs-list img:nth-child(11) {
        grid-area: 6 / 1 / 7 / 3;
    }

    .cl-bs-list {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(6, 90px);
        align-items: center;
        justify-items: center;
    }

    .certificateLanding-brandSection {
        padding-left: 20px;
        padding-right: 20px;
    }

    .certificateLanding-brandSection > span {
        text-align: center;
    }

    .certificateLanding-statisticsSection {
        flex-direction: column;
        gap: 64px;
        height: auto;
        padding: 40px 0;
    }

    .certificateLanding-statisticsSection > div::before {
        background: rgb(0 183 253 / 22%);
    }

    .certificateLanding-exampleCertificateSection {
        margin-top: 64px;
    }

    .certificateLanding-exampleCertificateSection > h3 {
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        letter-spacing: normal;
    }

    .certificateLanding-exampleCertificateSection certificate-list {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(1),
    .certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(2),
    .certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(3),
    .certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(4),
    .certificateLanding-exampleCertificateSection certificate-list > certificate-item:nth-child(5) {
        grid-area: auto;
    }

    .certificateLanding-verifySection h3 {
        color: #000;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -1px;

    }

    .certificateLanding-verifySection {

        padding-top: 40px;
        margin-bottom: 125px;
    }

    .cl-vs-inputWrapper {
        flex-direction: column;
    }

    .cl-vs-inputWrapper button {
        height: 48px;
        width: 100%;
    }


    .certificateLanding-playerSection p {
        max-width: 100%;
    }

    .certificateLanding-playerSection h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .certificateLanding-playerSection p {
        font-size: 16px;
        line-height: 24px;
    }


    .certificateLanding-gallerySection h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .certificateLanding-gallerySection p {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
    }

    .certificateLanding-gallerySection a {
        margin-top: 20px;

    }

    .certificateLanding-gallerySection .cl-gs-imageWrapper img:nth-child(1) {
        display: none;
    }

    .certificateLanding-gallerySection .cl-gs-imageWrapper img:nth-child(2) {
        display: block;
    }

    .certificateLanding-gallerySection::before {
        border-width: 24px;
        width: 155px;
        height: 155px;
        top: 296px;
        left: -33px;
    }

    .cl-gs-spiral {
        bottom: 410px;
        width: 208px;
        right: -96px;
    }

    .cl-gs-spiral img {
        width: 100%;
    }

    .certificateLanding-quoteSection {
        margin-top: 0;
    }

    .cl-qs-outerContainer {
        grid-template-columns: 1fr;
        margin-top: 32px;
    }

    .certificateLanding-quoteSection h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .cl-qs-showMoreBtn {
        display: flex;
        height: 48px;
        margin-top: 45px;
        font-size: 14px;
        font-weight: 400;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .cl-ps-info h2 {
        font-size: 24px;
        line-height: 32px;
        color: #000;
    }

    .cl-ps-info {
        padding-top: 32px;
    }

    .cl-ps-info h5 {
        margin-top: 32px;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .cl-ps-spiral--red {
        display: none;
    }

    .cl-ps-stepListContainer::after {
        display: none;
    }

    .cl-ps-stepListContainer {
        padding: 0 20px;
    }

    .cl-ps-reasonContainer > h5 {
        margin-top: 0;
    }

    .cl-ps-reasonContainer why-list {
        grid-template-columns: 1fr 1fr;
    }

    .cl-ps-r-circle {
        display: none;
    }

    .cl-ps-reasonContainer why-item:nth-child(10),
    .cl-ps-reasonContainer why-item:nth-child(9) {
        grid-area: auto;
    }

    .cl-ps-reasonContainer why-item:nth-child(odd)::before {
        bottom: -1px;
        right: -1px;
    }

    .cl-ps-reasonContainer why-item:nth-child(even)::before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        bottom: -1px;
        right: 0;
        background: radial-gradient(#c6c7c9 0%, #F6F8FA00 100%);
    }

    .cl-ps-reasonContainer why-item:nth-child(10)::before,
    .cl-ps-reasonContainer why-item:nth-child(9)::before {
        bottom: 0;
    }

    .cl-ps-reasonContainer why-item:nth-child(even)::after {
        display: none;
    }

    .cl-ps-faqContainer {
        margin-top: 80px;
        gap: 40px;
        margin-bottom: 80px;
    }

    .cl-ps-faqContainer h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .certificateLanding-gallerySection::after {
        left: -200px;
        right: -200px;
    }

    .certificateLanding-gallerySection {
        padding: 30px 0 80px 0;
    }


}

@media only screen and (max-width: 470px) {
    .certificateLanding-certificateTypesSection card-list {

    }

    .cl-bs-list img {
        max-width: 80%;

    }

    .cl-bs-list img:nth-child(11) {
        max-width: 40%;
    }

    .cl-bs-list img:nth-child(7) {
        max-height: 13vw;
    }

    .cl-bs-list {
        grid-template-rows: repeat(6, 83px);
    }
}

.certificateLanding-verifySection {
    scroll-margin: 160px;
}

@media (max-width: 991px) {
    .certificateLanding-breadcrumb {
        margin-bottom: -20px !important;
        padding-left: 0!important;
    }

}