:root {
    --size: clamp(10rem, 1rem + 40vmin, 12rem);
    --gap: calc(var(--size) / 10);
    --duration: 20s;
    --durationValue: 50s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
}

html {
    color: #000;
    line-height: 1.4;
    font-family: "DM Sans", sans-serif;
}

body {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility;
    background-color: #ecf1f2;
    font-family: "DM Sans", sans-serif;
}

.mx-auto {
    margin: 0 auto;
}

#page {
    width: 100%;
    background-color: #050911;
}

.bg-color {
    background: -o-linear-gradient(354.3deg, #f5f5f5 3.72%, #ebebeb 97.59%), #050911;
    background: linear-gradient(95.7deg, #f5f5f5 3.72%, #ebebeb 97.59%), #050911;
}

.text-gradient {
    background: -o-linear-gradient(left, #5b80ff 0%, #35a8a0 100%), -o-linear-gradient(bottom, #000000, #000000), #000000;
    background: -webkit-gradient(linear, left top, right top, from(#5b80ff), to(#35a8a0)), -webkit-gradient(linear, left bottom, left top, from(#000000), to(#000000)), #000000;
    background: linear-gradient(90deg, #5b80ff 0%, #35a8a0 100%), linear-gradient(0deg, #000000, #000000), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-black {
    background-color: #050911;
}

.text-white {
    color: #ffffff;
}

.borer-gradient {
    height: 3px;
    background: -o-linear-gradient(left, #5b80ff 0%, #35a8a0 100%), #d9d9d9;
    background: -webkit-gradient(linear, left top, right top, from(#5b80ff), to(#35a8a0)), #d9d9d9;
    background: linear-gradient(90deg, #5b80ff 0%, #35a8a0 100%), #d9d9d9;
    width: 100%;
    max-width: 1170px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 28px;
}

.container {
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}

li,
ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 2.375rem;
    line-height: 1.3;
    font-weight: 700;
}

h2 {
    font-size: 2.25rem;
    line-height: 1.3;
    font-weight: 700;
}

h3 {
    font-size: 1.875rem;
    line-height: 1.2857;
    font-weight: 500;
}

h4 {
    font-size: 1.25rem;
    line-height: 1.375;
    font-weight: 500;
}

h5 {
    font-size: 1.125rem;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: 0.04em;
}

h6 {
    font-size: 1rem;
    line-height: 1.318;
    font-weight: 400;
}

p {
    font-size: 1.125rem;
    line-height: 2;
    font-weight: 400;
    padding-top: 1.25rem;
}


/* ==========================================================================
    Base styles: opinionated defaults
    ========================================================================== */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder {
    /* Edge */
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000000;
}

:-ms-input-placeholder {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000000;
}

::-moz-placeholder {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000000;
}

::-ms-input-placeholder {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000000;
}

::placeholder {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000000;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"],
input[type="email"],
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border: 1px solid #c4c4c4 !important;
    font-weight: 500 !important;
    font-size: 1.125rem !important;
    line-height: 1.2 !important;
    color: #000000 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    padding: 15px !important;
}


/* ==========================================================================
        Author's default styles
         ========================================================================== */

button {
    border: none;
}

a:hover,
a:active,
a:focus,
a:active:focus,
button,
button:hover,
button:focus,
button:active,
button:active:focus {
    text-decoration: none !important;
    outline: none !important;
}

button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
    margin: 0;
    color: #000000;
}

img {
    width: 100%;
    height: 100%;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hidden {
    display: none;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.mt-105 {
    margin-top: 6.5rem;
}

.relative {
    position: relative;
}

.btn-small,
.signup-btn {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.btn-small {
    color: #000000;
    padding: 11px 4rem;
    background-color: #ffffff;
}

.signup-btn {
    padding: 11px 4rem;
    color: #ffffff;
    border: 1px solid #ffffff !important;
    margin-top: 6.5rem;
}

.home .btn-small,
.home .signup-btn {
    padding: 11px 4rem;
}

.btn-small:hover {
    background-color: #acacac;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.signup-btn:hover {
    border: 1px solid #ffffff !important;
    background-color: #ffffff;
    color: #000000;
}


/* Modal Style */

.mfp-hide {
    display: none !important;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
    height: 100%;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    max-height: 75vh;
    overflow: scroll;
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.pop-form {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 3rem;
    max-width: 550px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.pop-form h2 {
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.2;
    color: #000000;
}

.pop-form p {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.31;
    padding-top: 12px;
    text-align: left;
    border-radius: 0 !important;
}

.form-content {
    padding-top: 2.75rem;
}

.form-content p {
    width: 49%;
    margin: 0 4px;
    padding-top: 0;
    margin-bottom: 1.25rem;
}

.form-content label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-content .wpcf7-form-control-wrap input {
    width: 100%;
}

.form-content .wpcf7-form-control-wrap input.error {
    border: 1px solid #d70022 !important;
}

.pop-form .wpcf7 .error::before {
    top: 3px;
}

.form-content .wpcf7-form-control-wrap input:focus {
    border: 1px solid #c4c4c4 !important;
}

.wpcf7 .wpcf7-submit {
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.3;
    letter-spacing: 0.04em;
    color: #000000;
    background: #fff;
    border: 2px solid #000000 !important;
    padding: 10px 5rem;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden !important;
    -webkit-appearance: none;
}

.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
    outline: 0 !important;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7-submit:hover {
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

.error,
.wpcf7-not-valid-tip {
    font-size: 12px !important;
    color: #d70022 !important;
    position: relative;
    padding: 5px 0 0 1.25rem !important;
}

.error::before,
.wpcf7-not-valid-tip::before {
    content: "";
    position: absolute;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    background-image: url("../images/svg/icon-alert.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 7px;
}

.mfp-close-btn-in .mfp-close {
    width: 24px;
    height: 24px;
    background-color: #000000;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 22px;
    right: 22px;
    background-image: url(../images/svg/close-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    font-size: 0;
    color: #000000 !important;
    opacity: 1 !important;
}

.wpcf7-form-control-wrap {
    width: 100%;
}


/* Empty Page */


/* error-404 not-found */

.content-coming-soon,
.error-404 {
    height: calc(100vh - 287px);
}

.content-coming-soon .page-header {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    text-align: center;
}

.coming-soon .content-coming-soon h1,
.error-404 .page-title {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}

.content-coming-soon p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #fff;
    padding-top: 8px;
}


/* error-404 not-found */

.error-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* Header style */

.site-logo {
    width: 125px;
    height: 35px;
}

.site-header.header-overlay {
    background: rgba(5, 9, 17, 0.6);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    padding: 12px 0;
    position: fixed;
}

.header--fixed {
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 9999;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    -webkit-transition: all 0.15s ease-in 0s;
    -o-transition: all 0.15s ease-in 0s;
    transition: all 0.15s ease-in 0s;
}

.site-header {
    padding: 1.875rem 0;
}

.list-style li {
    margin: 0 1rem;
}

.list-style li:last-child {
    margin-right: 0;
}

header .list-style li:last-child a {
    text-decoration: underline !important;
    font-weight: 700;
}

header .list-style .sub-menu li:last-child a {
    text-decoration: none !important;
    font-weight: 400;
}

.accordion .list-style li:last-child a {
    text-decoration: none;
}

.list-style li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 2.8125;
    color: #ffffff;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    background: transparent;
}

.list-style li a:hover {
    color: #4a4a4a;
}

.menu-item-has-children a {
    padding-right: 12px;
    position: relative;
}

.menu-item-has-children a::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 5px;
    background-image: url(../images/svg/menun-drop-down-icon.svg);
    background-repeat: no-repeat;
    right: 6px;
    top: 11px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sub-menu {
    float: left;
    position: absolute;
    top: 70%;
    left: -999em;
    z-index: 99999;
    width: 100%;
    max-width: 171px;
    background: #000000;
    border-radius: 7px;
    padding: 8px 1rem;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.menu-item-has-children:hover .sub-menu {
    left: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.menu-item-has-children:hover a::after {
    background-image: url("../images/svg/menun-drop-down-black-icon.svg");
}

.sub-menu a {
    padding-right: 7px;
}

.sub-menu a::after {
    display: none;
}

li.menu-item-has-children a {
    padding-right: 18px;
}

li.menu-item-has-children .sub-menu a {
    padding: 7px;
    display: block;
    line-height: 1;
}

.sub-menu li a {
    background-image: none;
    color: #fff;
}

.sub-menu li:last-child a {
    color: #fff;
}

.sub-menu li:last-child a {
    text-decoration: none;
}

.sub-menu li:last-child a:hover {
    color: #4a4a4a;
}

.sub-menu li {
    margin: 0 !important;
    border-bottom: 0.7px solid #2b2b2b;
    border-radius: 0.2px;
    padding: 6px 0;
}

.sub-menu li:last-child {
    border: 0;
}

.navbar-toggler {
    display: none;
}

.list-style .current_page_item a {
    color: #4a4a4a !important;
}

.list-style .current_page_item a::after {
    background-image: url(../images/svg/link-icon-black.svg);
}


/* Footer Style */

.footer-links ul {
    padding-left: 0;
}

.site-footer {
    background-color: #070707;
    padding: 5.3125rem 0 7.25rem 0;
}

.footer-links h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: #ffffff;
    padding-bottom: 1.5rem;
}

.footer-links .list-style li {
    margin: 0;
}

.footer-links .list-style li a {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    color: #ffffff;
}

.footer-links .list-style li a:hover {
    color: #4a4a4a;
}

.offering-menu {
    margin-right: 2.625rem;
}

.footer-links .offering-menu-item li a,
.footer-links .offering-menu-item li a:hover {
    padding-right: 1.75rem;
}

.footer-links .copy-right {
    display: none;
}

.footer-logo {
    max-width: 108px;
    margin-bottom: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

.offering-menu-item li a:hover:after {
    background-image: url("../images/svg/link-icon-black.svg");
}

.other-links {
    margin-right: 6rem;
}

.copy-right figure {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 12px;
}

.copy-right figure img {
    vertical-align: top;
}

.copy-right p {
    font-weight: 700;
    font-size: 10px;
    line-height: 1.3;
    color: #ffffff;
    padding-top: 0;
}

.offering-menu-item li a::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url("../images/svg/link-icon.svg");
    background-size: cover;
    margin-left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* hero-section */

.hero-bg {
    display: none;
}

.home .hero-bg {
    display: block;
}

.hero-section {
    padding: 15.8125rem 0 31.4375rem 0;
}

.hero-img figure {
    height: 100%;
}

.hero-img figure>img {
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-img {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: 0;
    top: 0;
    left: 0;
}

.hero-content h1>strong {
    background: -o-linear-gradient(left, #5b80ff 0%, #35a8a0 100%), -o-linear-gradient(bottom, #000000, #000000), #000000;
    background: -webkit-gradient(linear, left top, right top, from(#5b80ff), to(#35a8a0)), -webkit-gradient(linear, left bottom, left top, from(#000000), to(#000000)), #000000;
    background: linear-gradient(90deg, #5b80ff 0%, #35a8a0 100%), linear-gradient(0deg, #000000, #000000), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-content p {
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 1.3;
    color: #ffffff;
    padding-top: 1.875rem;
}

.home .hero-section {
    background-color: #050911;
    padding: 8.9375rem 0 20.6875rem 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.home .hero-section::before {
    display: none;
}

.hero-section::before {
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, from(#050911), to(rgba(5, 9, 17, 0)));
    background: -o-linear-gradient(left, #050911 0%, rgba(5, 9, 17, 0) 100%);
    background: linear-gradient(90deg, #050911 0%, rgba(5, 9, 17, 0) 100%);
    height: 100%;
    width: 100%;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: 20;
    background-repeat: no-repeat;
}

.publicity .hero-section .hero-content h1 {
    font-size: 2.375rem;
}

.publicity .hero-section .signup-btn {
    margin-top: 12.25rem;
}

.publicity .hero-section {
    padding: 10.9375rem 0px 15.625rem 0;
}

.guilds .hero-section {
    padding: 11.875rem 0px 13.9375rem 0;
}

.guilds .hero-section .signup-btn {
    margin-top: 9rem;
}

.publicity .hero-section::before {
    background-position: -500px center;
}

.hero-section .hero-img,
.hero-section .mobile-hero-image {
    z-index: 20;
}

.hero-content {
    padding-top: 3.625rem;
}

.home .hero-content {
    min-width: 410px;
}

.home .hero-content h1:nth-child(2) {
    padding-top: 2rem;
}

.hero-section .hero-content {
    max-width: 410px;
    z-index: 30;
}

.publicity .hero-section .hero-content {
    max-width: 350px;
}

.hero-content h1 {
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #ffffff;
    line-height: 1.24;
    font-size: 2.25rem;
}


/* .home .hero-img figure {
    min-width: 1400px;
    -webkit-transform: translateX(-220px);
    -ms-transform: translateX(-220px);
    transform: translateX(-220px);
} */

.bounce-icon {
    width: 23px;
    height: 24px;
    position: absolute;
    bottom: 21%;
    -webkit-animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    z-index: 50;
}

.publicity .hero-section::before {
    z-index: 30;
}

@-webkit-keyframes bounce {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.guilds .hero-section::before {
    display: none;
}

.guilds .hero-section .hero-content {
    max-width: 430px;
    padding-top: 0;
}

.publicity .logo-section {
    margin-top: 0;
}

.mobile-hero-image {
    display: none;
}

.logo-section {
    padding: 5.125rem 0 2rem 0;
    margin-top: -4rem;
    z-index: 20;
    position: relative;
}

.logo-section .borer-gradient {
    display: none;
}

.home .signup-btn {
    margin-top: 2.875rem;
}

.sales .hero-content {
    padding-top: 0;
    max-width: 414px;
}

.sales .signup-btn {
    margin-top: 3rem;
}

.sales .hero-section {
    background-image: none;
    position: relative;
    padding: 11.8755rem 0 23.5625rem 0;
}

.sales .hero-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sales .hero-img figure {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.logo-video {
    display: none;
}

.logo-wrapper {
    min-width: 22%;
}

.logo-section h5 {
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 700;
}

.brand-logo::before,
.brand-logo::after {
    content: "";
    position: absolute;
    width: 304px;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    z-index: 1;
    background-size: cover;
}

.brand-logo::before {
    background: -webkit-gradient( linear, left top, right top, from(#050911), color-stop(48.64%, #050911), to(rgba(5, 9, 17, 0)));
    background: -o-linear-gradient(left, #050911 0%, #050911 48.64%, rgba(5, 9, 17, 0) 100%);
    background: linear-gradient(90deg, #050911 0%, #050911 48.64%, rgba(5, 9, 17, 0) 100%);
    left: 0;
}

.brand-logo::after {
    background: -webkit-gradient( linear, left top, right top, from(#050911), color-stop(48.64%, #050911), to(rgba(5, 9, 17, 0)));
    background: -o-linear-gradient(left, #050911 0%, #050911 48.64%, rgba(5, 9, 17, 0) 100%);
    background: linear-gradient(90deg, #050911 0%, #050911 48.64%, rgba(5, 9, 17, 0) 100%);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    right: 0;
}


/* Parent wrapper */

.wrapper video {
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--gap);
    margin: auto;
    max-width: 100vw;
}

.wrapper--vertical {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100vh;
}

.versatility-section {
    z-index: 10;
    padding: 4.25rem 0 8.75rem 0;
}

.versatility-section .content-max-width {
    max-width: 600px;
}

.publicity .versatility-section .content-max-width {
    max-width: 450px;
}

.publicity .versatility-card {
    padding-top: 5.25rem;
}

.versatility-description h1,
.versatility-description.content-max-width p {
    color: #fff;
    padding: 0 0 12px 0;
}

.versatility-description.content-max-width .content-heighlighted {
    padding-bottom: 4rem;
}

.versatility-description.content-max-width p:last-child {
    padding-bottom: 0;
}

.cards {
    will-change: transform;
    background: -o-linear-gradient(359.98deg, #5b80ff 0.02%, #35a8a0 250%), #d9d9d9;
    background: linear-gradient(90.02deg, #5b80ff 0.02%, #35a8a0 250%), #d9d9d9;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    padding: 1.25rem;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cards:hover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.versatility-card {
    padding-top: 7.75rem;
}

.card-border:nth-child(1) {
    margin-left: 0;
}

.card-border:last-child {
    margin-right: 0;
}

.cards figure {
    position: relative;
    width: 70px;
    height: 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* New Style */

.card-info {
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 150px;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cards:hover .card-info,
.cards:hover .card-info h2,
.cards:hover figure {
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.cards:hover figure {
    -webkit-transform: scale(0.9) translateX(0);
    -ms-transform: scale(0.9) translateX(0);
    transform: scale(0.9) translateX(0);
}

.cards h2 {
    color: #ffffff;
    padding-top: 13px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 1.375rem;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cards p {
    display: block;
    display: -webkit-box;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: #ffffff;
    max-width: 100%;
    height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-top: 0;
}

.cards span {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: #ffffff;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-top: 1.875rem;
    display: block;
}

.card-description a {
    margin-top: 1.875rem;
    display: block;
}

.card-description {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    padding-top: 3rem;
}

.cards:hover .card-info {
    top: 0;
    left: -2px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cards:hover .card-info h2 {
    -webkit-transform: scale(0.9) translateX(0);
    -ms-transform: scale(0.9) translateX(0);
    transform: scale(0.9) translateX(0);
}

.card-border {
    border-radius: 10px;
    margin: 0 10px;
    width: 100%;
    max-width: 33.33%;
    overflow: hidden;
}

.cards:hover .card-description {
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 1;
}

.card-border:nth-child(2) .cards {
    background: -o-linear-gradient(359.98deg, #5b80ff -110%, #35a8a0 200%), #d9d9d9;
    background: linear-gradient(90.02deg, #5b80ff -110%, #35a8a0 200%), #d9d9d9;
}

.card-border:nth-child(3) .cards {
    background: -o-linear-gradient(359.98deg, #5b80ff -150%, #35a8a0 99.98%), #d9d9d9;
    background: linear-gradient(90.02deg, #5b80ff -150%, #35a8a0 99.98%), #d9d9d9;
}

.versatility-card .slides::-webkit-scrollbar {
    display: none;
}

.content-max-width {
    max-width: 550px;
}

.content-max-width h1 {
    letter-spacing: -0.04em;
}

.content-max-width h1>strong {
    background: -o-linear-gradient(left, #5b80ff 0%, #35a8a0 100%), -o-linear-gradient(bottom, #000000, #000000), #000000;
    background: -webkit-gradient(linear, left top, right top, from(#5b80ff), to(#35a8a0)), -webkit-gradient(linear, left bottom, left top, from(#000000), to(#000000)), #000000;
    background: linear-gradient(90deg, #5b80ff 0%, #35a8a0 100%), linear-gradient(0deg, #000000, #000000), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content-max-width p {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3;
    padding-top: 14px;
}


/* Feature Slider Section */

.feature-section {
    padding: 4.75rem 0 10rem 0;
}

.feature-section .content-max-width p {
    padding-top: 4rem;
}

.feature-section .content-max-width h1 {
    font-weight: 500;
}

.reliably-secure.feature-section .content-max-width p {
    width: 100%;
    max-width: 400px;
}


/* Embla css */

.feature-section .embla__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.feature-section .embla__viewport.is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.feature-section .embla__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.feature-section .embla__slide {
    min-width: 100%;
    position: relative;
}

.feature-section .embla__slide--thumb {
    padding-bottom: 13px;
}

.feature-section .embla__slide:last-child {
    padding-bottom: 0;
}

.feature-section .embla__slide__inner {
    position: relative;
    overflow: hidden;
    border: 0;
    font-weight: 500;
    font-size: 1.3125rem;
    line-height: 1.3076;
    text-align: inherit;
    background-color: transparent;
    padding: 0 0 0 1.25rem;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: rgba(0, 0, 0, 1);
    cursor: pointer;
}

.progress {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #c4c4c4;
}

.feature-section .embla__slide.is-selected .progress-lenght {
    -webkit-animation: load normal forwards;
    animation: load normal forwards;
    -webkit-animation-duration: var(--durationValue);
    animation-duration: var(--durationValue);
    height: 0;
    width: 3px;
    background-color: #000;
}

@-webkit-keyframes load {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

@keyframes load {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

.feature-section .embla__slide.is-selected .embla__slide__inner {
    font-weight: 700;
}

.feature-section .embla__slide__img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.feature-section .embla__container--thumb {
    cursor: default;
    margin-left: -8px;
}

.slider-content video,
.slider-content figure {
    border-radius: 10px;
    overflow: hidden;
    max-width: 658px;
}

.slider-content video {
    height: auto !important;
}

.slider-content figure {
    background: #ffffff;
    border: 1px solid #c1c1c1;
}

.slider-title {
    width: 40%;
    padding-right: 15px;
}

.slider-img-content {
    width: 60%;
}

.slider-content .wp-video,
.slider-content .wp-video .mejs-container,
.slider-content .wp-video-shortcode {
    width: 100% !important;
    border-radius: 10px;
    overflow: hidden;
}

.feature-section h3 {
    padding-bottom: 2rem;
    color: rgba(0, 0, 0, 1);
}

.slider-content p {
    max-width: 500px;
    text-align: right;
    padding: 16px;
    border-right: 3px solid #8c8c8c;
    font-size: 17px;
    line-height: 1.5;
    margin-right: 4rem;
}

.tab-contnet {
    padding-top: 3.75rem;
}

.slider-content.is-selected p {
    display: block;
}

.security-btn {
    color: rgba(26, 63, 188, 1);
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.307;
    text-decoration: underline;
    margin-top: 2.5rem;
    padding-right: 2rem;
    background-image: url("../images/svg/link-arrow.svg");
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 99998;
}

.security-btn:hover {
    padding-right: 2.5rem;
    text-decoration: underline !important;
}


/* section-testimonial */

.section-testimonial {
    padding: 5.25rem 0 9.125rem 0;
}

.testimonial-description .embla__slide {
    padding: 0;
    min-width: 52.5%;
    margin: 0 10px;
    background: #ffffff;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 10px;
    overflow: hidden;
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.testimonial-description .embla__slide.is-selected {
    border: 1px solid #5f5f5f;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.testimonial-description .content {
    opacity: 0.9;
    height: 100%;
    padding: 4.75rem 15px 5.375rem 15px;
}

.testimonial-description .embla-slide-full-image .content {
    padding: 0;
}

.testimonial-description .embla__slide figure {
    max-width: 142px;
    height: 76px;
    margin: 0 auto;
}

.testimonial-description .embla__slide figure>img {
    -o-object-fit: contain;
    object-fit: contain;
}

.testimonial-description .embla-slide-full-image figure {
    max-width: 100%;
    max-height: 500px;
    width: 100%;
    height: 100%;
}

.testimonial-description .embla__slide h3 {
    text-align: center;
    padding-top: 2.875rem;
    color: #292929;
    font-size: 1.25rem;
}

.testimonial-description .embla__slide span {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.384;
    text-align: center;
    color: #292929;
    padding-top: 1.875rem;
    display: block;
}

.testimonia-wrapper {
    max-width: 560px;
}

.testimonial-description {
    margin-top: 9.125rem;
    position: relative;
}

.testimonial-description::before,
.testimonial-description::after {
    content: "";
    position: absolute;
    overflow: hidden;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    height: 94%;
    top: -3px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    width: 23.5%;
}

.testimonial-description::before {
    background: -o-linear-gradient(right, #f3f4f5 0%, rgba(243, 244, 245, 0) 100%);
    background: -webkit-gradient( linear, right top, left top, from(#f3f4f5), to(rgba(243, 244, 245, 0)));
    background: linear-gradient(270deg, #f3f4f5 0%, rgba(243, 244, 245, 0) 100%);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border-radius: 10px 0 0 10px;
    left: 0;
}

.testimonial-description::after {
    background: -o-linear-gradient(right, #f3f4f5 0%, rgba(243, 244, 245, 0) 100%);
    background: -webkit-gradient( linear, right top, left top, from(#f3f4f5), to(rgba(243, 244, 245, 0)));
    background: linear-gradient(270deg, #f3f4f5 0%, rgba(243, 244, 245, 0) 100%);
    right: 0;
    border-radius: 10px 0 0 10px;
}

.embla__viewport {
    width: 100%;
    overflow: hidden;
}

.testimonial-description .embla__viewport.is-draggable {
    position: relative;
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
    overflow: visible;
}

.testimonial-description .embla__viewport.is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.testimonial-description .embla__container {
    will-change: transform;
}

.testimonial-description .embla__button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-top: 16px;
}

.testimonial-description .embla__button--next {
    margin-left: 15px;
}

.awards .testimonial-description .embla__slide.is-selected,
.awards .testimonial-description .embla-slide-full-image.is-selected {
    border: 0;
}


/* experience-section */

.experience-section {
    background-color: #050911;
}

.experience-section .container {
    z-index: 100;
}

.bg-attach-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.bg-attach-img figure {
    height: 100%;
}

.experience-section::before {
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#050911), to(rgba(5, 9, 17, 0)));
    background: -o-linear-gradient(left, #050911 0%, rgba(5, 9, 17, 0) 100%);
    background: linear-gradient(90deg, #050911 0%, rgba(5, 9, 17, 0) 100%);
    height: 100%;
    width: 821px;
    left: 0;
    position: absolute;
    top: 0;
}

.experience-slider-content .image-wrapper {
    padding-top: 7.375rem;
}

.experience-slider-content .image-wrapper figure {
    padding: 0;
    margin-right: 2.5rem;
}

.experience-slider-content .image-wrapper figure:last-child {
    margin-right: 0;
}

.awards .bg-blue-gradient {
    background: -o-linear-gradient(bottom, #4877bf, #4877bf), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#4877bf), to(#4877bf)), #c4c4c4;
    background: linear-gradient(0deg, #4877bf, #4877bf), #c4c4c4;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.awards .bg-green-gradient {
    background: -o-linear-gradient(bottom, #427daf, #427daf), -o-linear-gradient(bottom, #ffffff, #ffffff), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#427daf), to(#427daf)), -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff)), #c4c4c4;
    background: linear-gradient(0deg, #427daf, #427daf), linear-gradient(0deg, #ffffff, #ffffff), #c4c4c4;
    border: 40px solid #4876bf;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.sales .experience-section {
    z-index: 30;
}

.sales-experience-bg {
    display: none;
}

.sales .sales-experience-bg {
    display: block;
}

.sales .bg-green-gradient {
    background: -o-linear-gradient(bottom, #427daf, #427daf), -o-linear-gradient(bottom, #ffffff, #ffffff), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#427daf), to(#427daf)), -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff)), #c4c4c4;
    background: linear-gradient(0deg, #427daf, #427daf), linear-gradient(0deg, #ffffff, #ffffff), #c4c4c4;
    height: 469px;
}

.sales .bg-blue-gradient {
    background: -o-linear-gradient(bottom, #4877bf, #4877bf), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#4877bf), to(#4877bf)), #c4c4c4;
    background: linear-gradient(0deg, #4877bf, #4877bf), #c4c4c4;
    height: 696px;
}

.guilds .bg-green-gradient {
    background: -o-linear-gradient(bottom, #35868e, #35868e), -o-linear-gradient(bottom, #ffffff, #ffffff), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#35868e), to(#35868e)), -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff)), #c4c4c4;
    background: linear-gradient(0deg, #35868e, #35868e), linear-gradient(0deg, #ffffff, #ffffff), #c4c4c4;
}

.guilds .bg-blue-gradient {
    background: -o-linear-gradient(bottom, #35868e, #35868e), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#35868e), to(#35868e)), #c4c4c4;
    background: linear-gradient(0deg, #35868e, #35868e), #c4c4c4;
}

.experience-carousal-info {
    min-width: 33%;
    margin-left: 0;
    padding-right: 16px;
    z-index: 3;
    padding-top: 1rem;
}

.experience-carousal-info h2 {
    color: #ffffff;
}

.experience-carousal-info h2>strong {
    background: -o-linear-gradient(left, #5b80ff 0%, #35a8a0 100%), -o-linear-gradient(bottom, #000000, #000000), #000000;
    background: -webkit-gradient(linear, left top, right top, from(#5b80ff), to(#35a8a0)), -webkit-gradient(linear, left bottom, left top, from(#000000), to(#000000)), #000000;
    background: linear-gradient(90deg, #5b80ff 0%, #35a8a0 100%), linear-gradient(0deg, #000000, #000000), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.experience-carousal-info p {
    line-height: 1.3076;
    color: #ffffff;
    padding-top: 3.625rem;
}

.experience-carousal-info .btn-small {
    margin-top: 9.875rem;
}

.experience-carousal-info .btn-small:hover {
    background-color: #acacac;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.experience-banner-carousal .embla__viewport {
    overflow: visible;
}

.experience-embladots .acc-embladot,
.experience-mobile-embladots .acc-embladot {
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    border-radius: 100%;
    border: 0;
    padding: 0;
}

.experience-embladots {
    display: none;
    position: absolute;
    left: 25px;
    bottom: 350px;
    z-index: 9;
    padding: 10px;
}

.experience-embladots .acc-embladot:nth-child(2),
.experience-mobile-embladots .acc-embladot:nth-child(2) {
    margin: 0 13px;
}

.experience-embladots .acc-embladot.is-selected,
.experience-mobile-embladots .acc-embladot.is-selected {
    background: #5b80ff;
}

.experience-slider-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0 !important;
    right: 0 !important;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.embla--is-ready .experience-slider-content {
    position: absolute;
}

.experience-wrapper {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.experience-slider-content.is-selected {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-size: cover;
    background-position: center left 120px;
    background-repeat: no-repeat;
}

.mobile-img {
    display: none;
}

.home .experience-img .desktop-img {
    min-width: 1020px;
}

.publicity .experience-img .desktop-img {
    min-width: 768px;
}

.sales .experience-img .desktop-img {
    min-width: 725px;
}

.awards .experience-img .desktop-img {
    min-width: 1054px;
}

.experience-img .desktop-img {
    min-width: 802px;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
}

.experience-img .desktop-img>figure {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.experience-img img {
    -o-object-fit: cover;
    object-fit: cover;
}


/* pricing-section */

.pricing-section {
    padding: 4.5rem 0 4.625rem 0;
}

.pricing-section .content-max-width p {
    display: none;
}

.pricing-card-table {
    width: 100%;
    max-width: 33.33%;
    padding: 3px;
    background: -o-linear-gradient(right, rgba(53, 168, 160, 1), rgba(91, 128, 255, 1));
    background: -webkit-gradient( linear, right top, left top, from(rgba(53, 168, 160, 1)), to(rgba(91, 128, 255, 1)));
    background: linear-gradient(to left, rgba(53, 168, 160, 1), rgba(91, 128, 255, 1));
    border-radius: 6px;
    margin: 0 10px;
}

.pricing-border {
    overflow: hidden;
    background: #f9f9f9;
    height: 100%;
}

.pricing-header {
    background-color: #ffffff;
    padding: 1.5625rem 1.6875rem;
    min-height: 185px;
}

.pricing-header h4 {
    font-weight: 700;
}

.pricing-card-table:first-child {
    margin-left: 0;
}

.pricing-card-table:last-child {
    margin-right: 0;
}

.pricing-header .pricing-amount span {
    font-size: 2.8125rem;
    margin-right: 6px;
    color: #131313;
    line-height: 1.3;
    font-weight: 700;
}

h4.pricing-amount {
    margin: 6px 0 4px 0;
    color: #555555;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
}

.pricing-description h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.06em;
    color: #6f6f6f;
    padding-bottom: 1.875rem;
}

.pricing-description ul {
    padding-left: 0;
}

.pricing-description ul li p {
    line-height: normal;
}

.pricing-description ul li {
    font-weight: 400;
    line-height: 1.2;
    margin: 13px 0;
    color: #131313;
    padding-left: 1.875rem;
    position: relative;
    font-size: 15px;
}

.pricing-description ul li::before {
    content: "";
    width: 16px;
    height: 12px;
    background-image: url(../images/svg/li-tick-icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 50%;
    left: 0;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pricing-description {
    padding: 1.25rem 1.6875rem 3.375rem 1.6875rem;
}

.pricing-description ul li:first-child {
    margin-top: 0;
}

.pricing-description ul li:last-child {
    margin-bottom: 0;
}

.pricing-section .content-max-width {
    padding-bottom: 4rem;
}

.plan-btn {
    display: table;
    text-align: center;
    text-decoration: underline;
    color: #131313;
    font-weight: 700;
    font-size: 1.3125rem;
    line-height: 1.2;
    margin: 3.5rem auto 0 auto;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: auto;
}

.plan-btn:hover,
.plan-btn:focus,
.plan-btn:active {
    text-decoration: underline !important;
    color: #4e4e4e;
}

.solution-btn {
    padding: 6.25rem 0 3.75rem 0;
    border-bottom: 2px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.solution-btn a {
    padding: 1.875rem 12.5rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.3125rem;
    line-height: 1.3;
    color: #ffffff;
    border-radius: 10px;
    text-decoration: underline;
    display: block;
    opacity: 1;
    background: -o-linear-gradient(359.98deg, #5b80ff 0.02%, #35a8a0 99.98%), #d9d9d9;
    background: linear-gradient(90.02deg, #5b80ff 0.02%, #35a8a0 99.98%), #d9d9d9;
    position: relative;
    overflow: hidden;
}

.solution-btn a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), -o-linear-gradient(359.98deg, #5b80ff 0.02%, #35a8a0 99.98%), #d9d9d9;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(90.02deg, #5b80ff 0.02%, #35a8a0 99.98%), #d9d9d9;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
}

.solution-btn a:hover::after {
    opacity: 1;
}

.solution-btn a>span,
.solution-btn a:hover>span {
    z-index: 2;
    position: relative;
    text-decoration: underline;
}

.solution-btn a:focus {
    text-decoration: underline !important;
}

.bg-image {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), -o-linear-gradient(359.98deg, #5b80ff 0.02%, #35a8a0 99.98%), #d9d9d9;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(90.02deg, #5b80ff 0.02%, #35a8a0 99.98%), #d9d9d9;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    top: 0;
    left: 0;
}

.image-wrapper figure {
    padding: 8px 14px;
    margin-right: 5px;
    min-width: 38px;
}

.image-wrapper figure:hover {
    -webkit-transform: scale(1.0125);
    -ms-transform: scale(1.0125);
    transform: scale(1.0125);
}

.image-wrapper figure:last-child {
    margin-right: 0;
}

.image-wrapper::-webkit-scrollbar {
    display: none;
}

.image-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


/* Tabs */

.feature-tab {
    border: 1px solid #050911;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 2.375rem 0 8rem 0;
}

.feature-tab ul {
    z-index: 3;
    padding-left: 0;
}

.feature-tab li {
    float: left;
    padding: 8px 1.5rem;
    width: 110px;
    z-index: 3;
    text-align: center;
    cursor: pointer;
}

.animation-gradient {
    z-index: 1;
    position: absolute;
    left: 0;
    top: -0.5px;
    width: 110px;
    height: calc(100% + 1px);
    background-color: #050911;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.feature-section.tab-init .feature-tab {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.feature-section .feature-tab {
    display: none;
}

.tab-contents h3 {
    display: none;
}

.tab-init .tab-contents {
    opacity: 0;
    height: 0;
}

.tab-init .tab-contents.active {
    opacity: 1;
    height: auto;
}

.feature-tab li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 1);
    padding-bottom: 6px;
    -webkit-transition: all 0.125s ease-in-out 0.125s;
    -o-transition: all 0.125s ease-in-out 0.125s;
    transition: all 0.125s ease-in-out 0.125s;
    padding-bottom: 0;
    z-index: 3;
}

.feature-tab li.active a {
    font-weight: 500;
    color: #ffffff;
}

.tab-content-wrapper .embla__slide--thumb .slider-content {
    height: 0;
    opacity: 0;
}

.feature-section .tabs-content {
    margin-top: 8.375rem;
}

.feature-section.tab-init .tabs-content {
    margin-top: 0;
}


/* Publicity */

.more-screeners .cards {
    background: #050911 !important;
    width: 100%;
    height: 100%;
}

.more-screeners .card-border {
    padding: 4px;
    background: -o-linear-gradient(right, rgba(72, 118, 191, 1), rgba(65, 125, 174, 1));
    background: -webkit-gradient( linear, right top, left top, from(rgba(72, 118, 191, 1)), to(rgba(65, 125, 174, 1)));
    background: linear-gradient(to left, rgba(72, 118, 191, 1), rgba(65, 125, 174, 1));
}

.card-border:last-child {
    margin-right: 0;
}

.publicitty-testimonial .testimonail-info.content-max-width {
    max-width: 880px;
}

.testimonial-description .embla-slide-full-image.is-selected {
    border: 1px solid #000000;
}

.publicity .cards:hover .card-info,
.publicity .card-info {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: auto;
}

.publicity .cards:hover figure {
    width: 70px;
    height: 60px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin: 0 auto;
}

.publicity .cards figure {
    width: 70px;
    height: 60px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: auto;
}

.publicity .cards .card-info h2,
.publicity .cards:hover .card-info h2 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-size: 1.375rem;
    position: relative;
    text-align: center;
    left: 0;
}

.publicity .cards .card-description {
    display: none;
}

.publicity .cards {
    padding: 4.125rem 1rem;
}


/* support-section */

.support-section {
    padding: 5.25rem 0 9rem 0;
}

.support-description {
    padding-top: 5.875rem;
}

.support-section h1 {
    font-weight: 500;
}

.support-section .content-max-width {
    max-width: 620px;
}

.support-description .support-image {
    max-width: 58%;
    margin-right: 1.5625rem;
}

.support-description .support-image figure {
    border-radius: 10px;
    overflow: hidden;
}

.support-description-wrapper {
    margin-left: 1.5625rem;
    max-width: 300px;
}

.support-description-wrapper ul {
    padding: 0;
}

.chat-icon {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    overflow: hidden;
    bottom: 28px;
    right: 33px;
    position: absolute;
}

.chat-item p {
    background: -o-linear-gradient(left, #4876bf 0%, #417dae 100%), #2c47c9;
    background: -webkit-gradient(linear, left top, right top, from(#4876bf), to(#417dae)), #2c47c9;
    background: linear-gradient(90deg, #4876bf 0%, #417dae 100%), #2c47c9;
    border-radius: 3px;
    padding: 2.375rem 1.75rem;
    display: table;
    width: 100%;
    max-width: 472px;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
}

.chat-item span {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1;
    color: #000000;
    padding-top: 1rem;
    display: block;
}

.support-description-wrapper ul>li {
    margin-bottom: 2.25rem;
}

.support-description-wrapper ul>li:last-child {
    margin-bottom: 0;
}

.support_list_wrapper li figure {
    width: 30px;
    height: 35px;
}

.support_list_wrapper li:nth-child(2) figure {
    width: 31px;
    height: 28px;
}

.support_list_wrapper li:nth-child(3) figure {
    width: 20px;
    height: 44px;
}

.support_list_wrapper p {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5;
    padding-top: 15px;
    color: rgba(41, 41, 41, 1);
}


/* one-stop-solution-section */

.one-stop-solution-section {
    background-color: #050911;
    padding: 5rem 0 7.625rem 0;
}

.one-stop-solution-section .content-max-width {
    max-width: 800px;
}

.one-stop-solution-section .content-max-width h1,
.one-stop-solution-section .content-max-width p {
    color: #ffffff;
}

.one-stop-solution-section .content-max-width p {
    padding-top: 1.6875rem;
}

.one-stop-solution-section .solution-image {
    margin-top: 6.4375rem;
    border-radius: 10px;
    overflow: hidden;
}

.logo-section.awards-logo-section {
    margin-top: 0;
}

.logo-section.awards-logo-section .borer-gradient {
    display: block;
}


/* awards-partner-section */

.awards .hero-section {
    padding: 11.875rem 0 25rem 0;
}

.awards .hero-section .signup-btn {
    margin-top: 4.625rem;
}

.awards-partner-section {
    padding: 10.5rem 0 11rem 0;
}

.awards-partner-section p {
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 1.3;
}

.partner-title {
    max-width: 500px;
}

.awarda-partner-info {
    max-width: 878px;
}

.awards-partner-logo a {
    margin-right: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.awards-partner-logo a:last-child {
    margin-right: 0;
}

.awards-partner-wrapper {
    padding-top: 9.5rem;
}


/* awards-campaigns-section */

.awards-campaigns-section {
    padding: 6.25rem 0 11.25rem 0;
}

.awards-campaigns-section h2 {
    font-size: 1.875rem;
}

.awards-campaigns-section .content-max-width p {
    color: #ffffff;
    width: 100%;
    max-width: 410px;
}

.awards-campaigns-section .content-max-width {
    max-width: 580px;
}

.awards-campaigns-section .text-white {
    max-width: 470px;
    font-size: 16px;
}

.contact-form .form-content {
    padding-top: 0;
}

.contact-form .wpcf7-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 6rem;
}

.contact-form .wpcf7-submit {
    background: -o-linear-gradient(left, #5b80ff 0%, #35a8a0 100%), #ffffff;
    background: -webkit-gradient(linear, left top, right top, from(#5b80ff), to(#35a8a0)), #ffffff;
    background: linear-gradient(90deg, #5b80ff 0%, #35a8a0 100%), #ffffff;
    border: 0 !important;
    padding: 18px 4.95rem;
    margin-left: 10px;
    color: #ffffff;
}

.contact-form p {
    padding-top: 0;
}

.contact-form .form-content p:first-child {
    margin-left: 0;
}

.contact-form .form-content p {
    margin-bottom: 0;
    margin: 0 10px 0 10px;
}

.contact-form .form-content input {
    padding: 16px !important;
}

.contact-form .form-content p:nth-child(1) {
    width: 25%;
}

.contact-form .form-content p:nth-child(2) {
    width: 55%;
}

.contact-form .form-content p:nth-child(3) {
    width: 30%;
}

.wpcf7-response-output {
    display: none;
}

.publicity .versatility-section .card-description span {
    display: none;
}


/* section-major-guilds */

.section-major-guilds {
    padding: 3.25rem 0 7.625rem 0;
}

.section-major-guilds h4,
.section-major-guilds h5 {
    color: #ffffff;
}

.section-major-guilds h5 {
    font-weight: 700;
    padding-bottom: 5.75rem;
    text-transform: uppercase;
    text-align: center;
}

.guilds-list-content h4 {
    max-width: 34%;
    padding-right: 1.25rem;
}

.guilds-list-wrapper {
    max-width: 65%;
}

.guilds_lists {
    padding: 0;
}

.guilds-list-wrapper li {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #c5c5c5;
    max-width: 33%;
    padding: 0 0 1.625rem 2.0625rem;
}

.section-major-guilds .btn-small {
    margin-top: 3.625rem;
}

.modal-list-wrapper {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    padding: 3.625rem 0 0 0;
    text-align: left;
}

.modal-list-wrapper li {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.3;
    padding-left: 1.25rem;
    margin-bottom: 8px;
    color: rgba(41, 41, 41, 1);
}

.modal-list-wrapper li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(41, 41, 41, 1);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.guilds-modal.pop-form {
    max-width: 1200px;
    max-height: 80vh;
    overflow: scroll;
}

.pop-form .text-left {
    padding-bottom: 1rem;
}

.pop-form .text-left p {
    width: 100%;
    max-width: 410px;
}


/* section-one-stop-solution */

.section-one-stop-solution {
    padding: 6.375rem 0 7rem 0;
}

.section-one-stop-solution .content-max-width {
    max-width: 630px;
    margin: 0 auto;
}

.section-one-stop-solution .content-max-width h1 {
    font-size: 1.875rem;
    color: #ffffff;
}

.section-one-stop-solution .content-max-width p {
    color: #ffffff;
}

.solution-card-wrapper {
    padding-top: 6.6875rem;
}

.solution-card-wrapper .card-wrapper {
    max-width: 33.33%;
    border-radius: 10px;
    margin: 0 10px;
    min-height: 347px;
    padding: 1rem;
}

.card-wrapper figure {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.solution-card-wrapper .card-wrapper h2 {
    font-size: 1.425rem;
}

.solution-card-wrapper .card-wrapper:nth-child(1) {
    background: -o-linear-gradient(359.98deg, #5b80ff -20%, #35a8a0 200%), #d9d9d9;
    background: linear-gradient(90.02deg, #5b80ff -20%, #35a8a0 200%), #d9d9d9;
}

.solution-card-wrapper .card-wrapper:nth-child(2) {
    background: -o-linear-gradient(359.98deg, #5b80ff -110%, #35a8a0 150%), #d9d9d9;
    background: linear-gradient(90.02deg, #5b80ff -110%, #35a8a0 150%), #d9d9d9;
}

.solution-card-wrapper .card-wrapper:nth-child(3) {
    background: -o-linear-gradient(359.98deg, #5b80ff -150%, #35a8a0 99.98%), #d9d9d9;
    background: linear-gradient(90.02deg, #5b80ff -150%, #35a8a0 99.98%), #d9d9d9;
}

.solution-cards h2 {
    padding-top: 10px;
}

.card-wrapper::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 20px;
    background-color: #ffffff;
    right: -20px;
}

.card-wrapper:last-child::after {
    display: none;
}

.branding-experience-carousal-section .desktop-img {
    height: 100%;
}

.experience-section-overlay {
    padding: 7.4375rem 0 13.625rem 0;
    overflow-x: clip;
}

.branding-experience-carousal-section {
    padding-bottom: 0;
    background-image: none;
}

.branding-experience-carousal-section .experience-img .desktop-img {
    min-width: 1244px;
}

.bg-blue-gradient {
    width: 1116px;
    height: 706px;
    background: -o-linear-gradient(bottom, #5b80ff, #5b80ff), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#5b80ff), to(#5b80ff)), #c4c4c4;
    background: linear-gradient(0deg, #5b80ff, #5b80ff), #c4c4c4;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 1;
    position: absolute;
    right: -150px;
}

.bg-green-gradient {
    width: 998px;
    height: 475px;
    background: -o-linear-gradient(bottom, #35a8a0, #35a8a0), -o-linear-gradient(bottom, #280075, #280075), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#35a8a0), to(#35a8a0)), -webkit-gradient(linear, left bottom, left top, from(#280075), to(#280075)), #c4c4c4;
    background: linear-gradient(0deg, #35a8a0, #35a8a0), linear-gradient(0deg, #280075, #280075), #c4c4c4;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 224px;
    border: 40px solid #24c940;
}

.gradient-overlay {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-filter: blur(250px);
    filter: blur(250px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.branding-experience-carousal-section .bg-green-gradient {
    background: -o-linear-gradient(bottom, #4877bf, #4877bf), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#4877bf), to(#4877bf)), #c4c4c4;
    background: linear-gradient(0deg, #4877bf, #4877bf), #c4c4c4;
}

.branding-experience-carousal-section .bg-green-gradient {
    background: -o-linear-gradient(bottom, #427daf, #427daf), -o-linear-gradient(bottom, #ffffff, #ffffff), #c4c4c4;
    background: -webkit-gradient(linear, left bottom, left top, from(#427daf), to(#427daf)), -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff)), #c4c4c4;
    background: linear-gradient(0deg, #427daf, #427daf), linear-gradient(0deg, #ffffff, #ffffff), #c4c4c4;
}

.branding-experience-carousal-section .gradient-overlay {
    bottom: -30%;
    top: auto;
    right: 5%;
}

.page.page-template-default.conditions #page {
    background-color: #fff;
}

.conditions .entry-content {
    padding: 7rem 0;
}

.conditions h1,
.conditions h2,
.conditions h3,
.conditions h4,
.conditions h5,
.conditions h6 {
    padding-top: 1rem !important;
}

.conditions h2 {
    font-size: 1.5rem;
    line-height: 1.5;
}

.conditions h3 {
    font-size: 1rem;
}

.conditions p {
    font-size: 1rem;
    line-height: 1.6;
}

.conditions p>strong {
    font-weight: 700;
}

.conditions header {
    background: rgba(5, 9, 17, 0.6);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    padding: 12px 0;
    position: fixed;
}

.terms-conditions-list-item li {
    font-weight: 700;
    font-size: 16px;
}

.terms-conditions-list-item {
    padding-top: 1.875rem;
    padding-left: 0;
    margin: 0;
    counter-reset: services;
}

.terms-conditions-list-item>li {
    padding-bottom: 1.875rem;
}

.terms-conditions-list-item ul>li {
    padding-bottom: 1.5rem;
}

.terms-conditions-list-item>li:last-child,
.terms-conditions-list-item ul>li:last-child {
    padding-bottom: 0;
}

.terms-conditions-list-item>li p {
    padding-top: 10px;
}

.terms-conditions-list-item li>ul {
    padding-top: 1.25rem;
}

.terms-conditions-list-item li::before {
    counter-increment: services;
    content: counter(services) ".";
    margin-right: 8px;
    float: left;
}

.terms-conditions-list-item li>ul {
    counter-reset: sub-services;
    padding-left: 0;
}

.terms-conditions-list-item li>ul li::before {
    counter-increment: sub-services;
    content: counter(services) "." counter(sub-services);
    margin-right: 8px;
    float: left;
}

.brand-logo {
    padding: 1rem 0;
}

.marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: var(--gap);
}

.marquee__group {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    -webkit-animation: scroll-x var(--duration) linear infinite;
    animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .marquee__group {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
}

.marquee--reverse .marquee__group {
    animation-direction: reverse;
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}

@-webkit-keyframes scroll-x {
    from {
        -webkit-transform: translateX(var(--scroll-start));
        transform: translateX(var(--scroll-start));
    }
    to {
        -webkit-transform: translateX(var(--scroll-end));
        transform: translateX(var(--scroll-end));
    }
}

@keyframes scroll-x {
    from {
        -webkit-transform: translateX(var(--scroll-start));
        transform: translateX(var(--scroll-start));
    }
    to {
        -webkit-transform: translateX(var(--scroll-end));
        transform: translateX(var(--scroll-end));
    }
}

.marquee figure {
    display: -ms-grid;
    display: grid;
    place-items: center;
    width: 230px;
    aspect-ratio: 16/9;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--gap);
    margin: auto;
    max-width: 100vw;
}

.marquee figure>img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.hubsopt-form .hs-form-field {
    width: 50%;
}

.contact-form {
    background: -o-linear-gradient(left, #5b80ff 0%, #35a8a0 100%), #ffffff;
    background: -webkit-gradient(linear, left top, right top, from(#5b80ff), to(#35a8a0)), #ffffff;
    background: linear-gradient(90deg, #5b80ff 0%, #35a8a0 100%), #ffffff;
    border: 0 !important;
    padding: 18px 4.95rem;
    color: #ffffff;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    text-align: center;
}

.contact-form:hover {
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

.embla__button {
    cursor: pointer;
}


/* Careers Page style */

.careers-experience-section {
    padding: 14rem 0 4.375rem 0;
}

.careers-experience-section::before,
.our-story-section::before,
.our-culture-section::before {
    display: none;
}

.careers-experience-section .experience-carousal-info {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.careers-experience-section .experience-carousal-info h1 {
    font-weight: 500;
    font-size: 3.5rem;
    line-height: 1.1;
    color: #ffffff;
}

.careers-experience-section .experience-carousal-info .btn-small {
    margin-top: 4.75rem;
}

.careers-experience-section .gradient-overlay {
    width: 1228px;
    z-index: 1;
    margin: 0 auto;
    right: auto;
    left: 50%;
    -webkit-transform: translate3d(-50%, -10%, 0);
    transform: translate3d(-50%, -10%, 0);
}

.careers-experience-section .gradient-overlay .bg-blue-gradient {
    width: 1228px;
    height: 845px;
    right: 0;
}

.careers-experience-section .gradient-overlay .bg-green-gradient {
    width: 1098px;
    height: 560px;
    bottom: 0;
    right: 0;
}

.our-story-section {
    background-color: #050911;
    padding: 14.375rem 0 16rem 0;
}

.our-story-section .gradient-overlay,
.our-culture-section .gradient-overlay {
    display: none;
}

.our-story-section .experience-carousal-info p,
.our-culture-section .experience-carousal-info p {
    padding-top: 2.5rem;
}

.our-story-section .experience-img,
.our-culture-section .experience-img {
    width: 50%;
}

.our-story-section .experience-img .desktop-img,
.our-culture-section .experience-img .desktop-img {
    min-width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.our-story-section .experience-carousal-info,
.our-culture-section .experience-carousal-info {
    min-width: 38%;
    padding-top: 0;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
}

.experience-section .borer-gradient,
.perks-section .card-description,
.perks-section .borer-gradient {
    display: none;
}

.our-story-section .borer-gradient,
.our-culture-section .borer-gradient {
    display: block;
}

.our-story-section .borer-gradient {
    bottom: 60px;
}

.our-story-section .experience-slider-content,
.our-culture-section .experience-slider-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.our-culture-section {
    background: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f5f5f5)), #050911;
    background: -o-linear-gradient(bottom, #f5f5f5, #f5f5f5), #050911;
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #050911;
    padding: 10.625rem 0 12.5rem 0;
}

.our-culture-section .experience-carousal-info h2 {
    padding-top: 6rem;
}

.our-culture-section .experience-carousal-info h2:first-child {
    padding-top: 0;
}

.our-culture-section .experience-carousal-info h2,
.our-culture-section .experience-carousal-info p {
    color: #121212;
}

.perks-section {
    background-color: #f5f5f5 !important;
    padding: 5.625rem 0 9rem 0;
}

.perks-section h1 {
    color: #121212;
}

.perks-section .slides {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: visible;
}

.perks-section .cards,
.perks-section .card-border:nth-child(2) .cards,
.perks-section .card-border:nth-child(3) .cards {
    background: white;
    border-radius: 10px;
}

.perks-section .card-border:nth-child(1),
.perks-section .card-border:last-child {
    margin-left: 10px;
    margin-right: 10px;
}

.perks-section .versatility-card {
    margin: 0 -10px;
    padding-top: 5rem;
}

.perks-section .versatility-card .cards .card-info h2 {
    color: #121212;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.31;
    padding-top: 1.5rem;
}

.perks-section .versatility-card .cards .card-info {
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    top: 0;
}

.perks-section .cards a {
    width: 100%;
}

.perks-section .cards figure,
.perks-section .cards h2 {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.perks-section .cards:hover .card-info h2 {
    -webkit-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
}

.perks-section .card-border {
    max-width: 31.5%;
    margin-bottom: 1.5rem;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.perks-section .slides .card-border:nth-last-child(-n+2) {
    max-width: 48%;
}

.perks-section .cards {
    padding: 2.5rem 1.25rem 4.125rem 2.5rem;
    display: block;
}

.perks-section .cards figure {
    width: 57px;
}

.perks-section .card-border:nth-child(2) .cards figure {
    width: 75px;
}

.perks-section .card-border:nth-child(4) .cards figure,
.perks-section .card-border:nth-child(5) .cards figure {
    width: 47px;
}

.perks-section .card-border:last-child .cards figure {
    width: 72px;
}

.section-join-us {
    overflow: hidden;
}

.join-us-section {
    padding: 5.875rem 0 8.75rem 0;
    overflow: hidden;
}

.careers-experience-section p {
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 1.3;
    padding-top: 1.875rem;
}

.join-us-section .gradient-overlay .bg-green-gradient {
    bottom: -60px;
}

.join-us-section .experience-carousal-info {
    min-width: 960px;
    margin: 0 auto;
}

.perks-section .card-border:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.home-hero-section .video-player {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video-player video {
    -o-object-fit: cover;
    object-fit: cover;
}

.home-hero-section .hero-content h1,
.home-hero-section .hero-content .signup-btn {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.home-hero-section .bounce-icon {
    opacity: 0;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.mobile_video {
    display: none;
}

.home-hero-section h1.video-text-display:nth-child(1) {
    -webkit-animation-delay: 100ms !important;
    animation-delay: 100ms !important;
    animation: fadeIn 1s ease-in 1 forwards;
}

.home-hero-section h1.video-text-display:nth-child(2) {
    -webkit-animation-delay: 200ms !important;
    animation-delay: 200ms !important;
    animation: fadeIn 2s ease-in 1 forwards;
}

.home-hero-section h1.video-text-display {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.home-hero-section .signup-btn.video-button-display {
    -webkit-animation-delay: 300ms !important;
    animation-delay: 300ms !important;
    animation: fadeIn 3s ease-in 1 forwards;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.video-bounce-display {
    animation-delay: 6s;
    animation: fadeIn 4s ease-in 1 forwards, bounce 1600ms infinite;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/* .home-hero-section .bounce-icon.video-bounce-display {
    opacity: 1;
} */

@-webkit-keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.acf-block-component .home-hero-section .hero-content,
.acf-block-component .home-hero-section .hero-content h1,
.acf-block-component .home-hero-section .hero-content .signup-btn,
.acf-block-component .home-hero-section .bounce-icon {
    opacity: 1;
}

.section-open-positions {
    padding: 5.625rem 0 10rem 0;
    background-color: #f5f5f5;
}

.section-open-positions #freshteam-careers,
.section-open-positions #freshteam-careers .advanced-search {
    background-color: #f5f5f5;
}

.section-open-positions #freshteam-widget .content {
    width: 100%;
    /* padding: 0 1.875rem; */
}

.section-open-positions #freshteam-widget .advanced-search .page-title {
    display: none;
}

.section-open-positions .text-gradient h1 {
    color: #121212;
}

.section-open-positions .text-gradient {
    -webkit-text-fill-color: #121212;
}

.section-open-positions #freshteam-widget .job-role-list .role-title h5 {
    color: #121212;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.01em;
}

.section-open-positions #freshteam-widget .job-list>li {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 10px;
    overflow: hidden;
    margin: 1rem 0 0 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.section-open-positions #freshteam-widget .form-control {
    margin-top: 0;
    border: 0 !important;
    padding: 15px 15px 15px 1.875rem !important;
}

.section-open-positions #freshteam-widget .advanced-search .form-control {
    height: auto;
    margin: 0;
    border-radius: 4px !important;
    color: 121212c !important;
    font-size: 14px !important;
}

.section-open-positions #freshteam-widget .advanced-search .input-field svg,
.section-open-positions #freshteam-widget .advanced-search .input-field .close-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-open-positions #freshteam-widget .select2-container--default .select2-selection--multiple {
    border: 0;
}

.section-open-positions #freshteam-widget .job-list>li:hover {
    background-color: #eff7fb;
}

.section-open-positions #freshteam-widget {
    margin-top: 3rem;
}

.section-open-positions #freshteam-widget .job-list .job-location .location-icon {
    color: #002360;
}

.section-open-positions #freshteam-widget .job-role-list>ul>li {
    padding: 0;
}

.section-open-positions #freshteam-widget .job-role-list .role-title {
    padding: 0;
    margin: 1.875rem 0 0 0;
}

.section-open-positions #freshteam-widget .select2-container .select2-search--inline .select2-search__field,
.section-open-positions #freshteam-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered li:nth-last-child(2).select2-selection__choice {
    margin-top: 0;
    padding: 8px;
    font-size: 14px;
    line-height: 1;
    font-size: 14px;
    color: #121212;
}

.section-open-positions #freshteam-widget .select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder,
.section-open-positions #freshteam-widget .advanced-search .form-control::-webkit-input-placeholder {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 1;
}

.section-open-positions #freshteam-widget .select2-container .select2-search--inline .select2-search__field::-moz-placeholder,
.section-open-positions #freshteam-widget .advanced-search .form-control::-moz-placeholder {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 1;
}

.section-open-positions #freshteam-widget .select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder,
.section-open-positions #freshteam-widget .advanced-search .form-control:-ms-input-placeholder {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 1;
}

.section-open-positions #freshteam-widget .select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder,
.section-open-positions #freshteam-widget .advanced-search .form-control::-ms-input-placeholder {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 1;
}

.section-open-positions #freshteam-widget .select2-container .select2-search--inline .select2-search__field::placeholder,
.section-open-positions #freshteam-widget .advanced-search .form-control::placeholder {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 1;
}

.section-open-positions #freshteam-widget .job-details-header {
    padding: 1.875rem;
}

.section-open-positions #freshteam-widget .container-fluid {
    padding: 0 1.875rem;
}

.home-hero-section .hero-content.isPlayed h1,
.home-hero-section .hero-content.isPlayed .signup-btn,
.home-hero-section .bounce-icon.isPlayed {
    opacity: 1;
}

.section-open-positions #freshteam-widget .form-group .form-control {
    border: 1px solid #c4c4c4 !important;
    padding: 10px !important;
}

.careers .careers-logo-section {
    margin-top: 0;
    padding: 5.125rem 0 5rem 0;
}