/** responsive device breakpoints */
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    font-family: 'Outfit', 'Roboto', sans-serif;
}

* {
    font-family: 'Outfit', 'Roboto', sans-serif;
}

.showalert {
    display: block;
}

.hidealert {
    display: none;
}

.colored-text {
    background: linear-gradient(90deg, #00c8f3, #00b2ff, #09f, #007bff, #0053fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0b7ec4;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .title {
        font-size: 1.8rem;
    }
}

@media (max-width: 767.98px) {
    .title {
        font-size: 128%;
    }
}

section {
    /* width: 100%;
    min-height: 300px; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    section {
        font-size: 1.125rem;
    }
}

@media (max-width: 991.98px) {
    section {
        width: 100%;
        min-height: 200px;
        background-size: cover;
    }
}

section .container {
    display: flex;
}

@media (max-width: 991.98px) {
    section .container {
        flex-direction: column;
    }
}

.wavel-btn {
    width: fit-content;
    padding: 9px 12px;
    font-size: 0.938rem;
    font-weight: 600;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(to right, #00c8f3, #00b2ff, #09f, #007bff, #0053fd);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
}

.wavel-btn:hover {
    border: none;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .wavel-btn {
        font-size: 56%;
    }
}

.wavel-btn2 {
    width: fit-content;
    padding: 7px 12px;
    font-size: 0.938rem;
    font-weight: 600;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(to right, #00c8f3, #00b2ff, #09f, #007bff, #0053fd);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
}

.wavel-btn2:hover {
    border: none;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .wavel-btn2 {
        height: 20px;
        font-size: small;
    }
}

.wavel-hubspot-btn {
    width: fit-content;
    padding: 9px 12px;
    font-size: 0.938rem;
    font-weight: 600;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(92.19deg, #6060d7 0%, #9499f1 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
}

.wavel-hubspot-btn:hover {
    border: none;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .wavel-hubspot-btn {
        font-size: 56%;
    }
}

#watch {
    cursor: pointer;
}

.wavel-input {
    border: 0;
    border-radius: 15px;
    height: 40px;
    width: 265px;
    padding: 0 10px;
}

@media (max-width: 767.98px) {
    .wavel-input {
        width: 75%;
        font-size: 100%;
        height: unset;
        padding: 5px 12px;
    }
}

.wavel-input.error {
    border: 1px solid #d8000c !important;
}

.book-demo {
    font-size: initial;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.book-demo input.error {
    border: 1px solid #d8000c !important;
}

.info-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (max-width: 991.98px) {
    .info-image {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.info-image picture img {
    width: 100%;
}

.content-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.25rem;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-info {
        font-size: 1.125rem;
    }
}

@media (max-width: 991.98px) {
    .content-info {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.content-info .caption {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    padding: 6px 25px;
    width: fit-content;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 25);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-info .caption {
        font-size: 0.9rem;
    }
}

.content-info .title {
    margin: 30px 0 15px 0;
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.3;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-info .title {
        font-size: 1.8rem;
    }
}

@media (max-width: 767.98px) {
    .content-info .title {
        font-size: 128%;
    }
}

.content-info ul {
    margin: 25px -22px;
    font-weight: 300;
}

@media (max-width: 767.98px) {
    .content-info ul {
        margin: 25px 0px 25px -22px;
    }
}

.content-info .wavel-btn {
    text-transform: capitalize;
    color: #fff;
    background: linear-gradient(92.19deg, #6060d7 0%, #9499f1 100%);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
}

@media (max-width: 767.98px) {
    .content-info .wavel-btn {
        font-size: 70%;
    }
}

section.hero1 h2 {
    width: auto;
    height: auto;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 70.56px;
    text-align: center;
    color: black;
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    section.hero1 h2 {
        margin-top: 15%;
        font-size: 3rem;
        width: 100%;
        height: fit-content;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
    }
}

@media (max-width: 767.98px) {
    section.hero1 h2 {
        margin-top: 10%;
        font-size: 2rem;
        width: 100%;
        height: fit-content;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 31.36px;
        line-height: 40px;
    }
}

section.hero1 .descheader {
    display: flex;
    justify-content: center;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fcfcff;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

section.hero1 p.desc {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #676768;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    color: #fcfcff;
    line-height: 3px;
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    section.hero1 .deschome {
        width: 100%;
        /* margin-top: 10px; */
        margin-bottom: 10px;
        /* font-weight: 400;
        font-size: 18px;
        line-height: 24px; */
    }
}

@media (max-width: 767.98px) {
    section.hero1 .deschome {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        /* font-weight: 400;
        font-size: 14px;
        line-height: 20px; */
    }
}

section.hero1 .no-credit-card {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #545454;
    flex: none;
    z-index: 0;
    order: 1;
    flex-grow: 0;
    margin-top: 2px !important;
    display: flex;
    align-items: center;
}

section.hero1 .book-demo-sec {
    margin-top: 30px;
    margin-bottom: 1rem;
}

section.hero1 .book-demo-sec form {
    display: flex;
}



section.hero1 .book-demo-sec form button {
    margin-left: 10px;
}

@media (max-width: 767.98px) {
    section.hero1 .book-demo-sec form button {
        width: 40%;
        font-size: 75%;
    }

    .ttscontainer .container h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20.28px !important;
        line-height: 30px !important;
        color: #0e0f26;
    }
}

body .audioline {
    border: 0px dashed #fff !important;
    height: 0.5px;
    width: 750px;
    background-image: linear-gradient(to right, #f0f0f0, #8c8c8c, #f0f0f0) !important;
}

.audiocontainer {
    padding: 60px;
    display: flex;
    justify-content: center;
}

.audiocontainer .playbuttoncontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    position: absolute;
    width: 72px;
    height: 72px;
    background: #fcfcff;
    border-radius: 200px;
    justify-content: center;
}

section.ttscontainer {
    padding: 60px 0;
    margin-top: -30% !important;
    max-width: 1120px;
}

.ttscontainer .container .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px;
    gap: 40px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background: #fcfcff;
    box-shadow: 0px 16px 32px rgba(20, 20, 26, 0.3);
    border-radius: 24px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-bottom: 10%;
    margin-left: 30px;
    margin-right: 30px;
}

.ttscontainer .container h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35.28px;
    line-height: 44px;
    color: #0e0f26;
}

.ttscontainer .container .ttscontent {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ttscontainer .container p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #676768;
}

.ttscontainer .ttsaudio {

    display: grid;

    grid-template-rows: auto auto;
    grid-auto-flow: column;
    overflow-x: scroll;
    max-width: 950px;
    flex-shrink: 0;
    gap: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.rectts2 {
    display: grid;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    overflow-x: scroll;
    max-width: 870px;
    padding-left: 50px;
    flex-shrink: 0;
    gap: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-items: stretch;
    justify-content: space-evenly;
}

.circle-ttsl {
    display: inline-block;
    cursor: pointer;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px;
    gap: 10px;
    position: absolute;
    left: 1px;
    /* background: #FCFCFF; */
    transform: matrix(-1, 0, 0, 1, 0, 0);
    /* border-radius: 122.58px; */
    /* box-shadow: 0px 4.903px 14.71px 0px rgba(-2, 0, 0, 0); */
    flex: none;
    /* order: 7; */
    flex-grow: 0;
    z-index: 7;
}

.circle-tts {
    display: inline-block;
    cursor: pointer;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px;
    gap: 10px;
    position: absolute;
    right: 1px;
    /* background: #FCFCFF; */
    /* border-radius: 122.58px; */
    /* box-shadow: 0px 4.903px 14.71px 0px rgba(-2, 0, 0, 0); */
    flex: none;
    /* order: 7; */
    flex-grow: 0;
    z-index: 7;
}

.audioplay {
    display: grid;
}

#play-btn {
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR1UjyH-NQPvEXvCIz683llAtce-anXFht5n4JecqRL7g&s');
    background-size: cover;
    width: 50px;
    height: 50px;
    margin: 10px 0 0 0;
}

audio {
    width: 100%;
}

audio::-webkit-media-controls-panel {
    background-color: #fcfcff;
    width: auto;
}

.volume-control {
    display: flex;
    grid-template-columns: 0.2fr 3.5fr 0.3fr;
    align-items: center;
    width: -webkit-fill-available;
    margin: 20px 0 0 0;
}

.volume-slider {
    flex-grow: 1;
    margin: 0 10px;
    height: 10px;
    /* Adjust height here */
    width: 100%;
    /* Adjust width here */
}

.volume-slider::-webkit-slider-runnable-track {
    background-color: black;
}

.volume-slider::-moz-range-track {
    background-color: black;
}

.volume-slider::-webkit-slider-thumb {
    background-color: black;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
    margin-top: -3.5px;
}

.volume-slider::-moz-range-thumb {
    background-color: black;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 15px;
    width: 15px;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 7px;
    background: #d3d3d3;
    border-radius: 20px;
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 4px;
    height: 20px;
    border-radius: 5px;
    background: black;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #04aa6d;
    cursor: pointer;
}

.play-button {
    display: flex;
    cursor: pointer;
    gap: 10px;
}

.play-button1 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 10px;
}

.audiodropdown {
    position: relative;
    cursor: pointer;
    padding: 10px;
}

.audiodropdown p {
    margin: 0;
    padding: 5px;
}

.audiodropdown ul {
    position: absolute;
    right: 10px;
    z-index: 10;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0px;
    width: max-content;
    background: #fcfcff;
    border: 1px solid #7189ff;
    box-shadow: 0px 8px 24px rgba(20, 20, 26, 0.2);
    border-radius: 3px;
}

.audiodropdown ul li {
    padding: 8px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 0.4fr 1fr;
    width: 150px;
    text-align: left;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #0e0f26;
}

.selectname {
    display: flex;
}

.selectname img {
    width: 15px;
    height: 15px;
}

.audiodropdown ul li:hover {
    background-color: #f0f0f0;
}

.audiodropdown.active ul {
    display: block;
}

.ttsinput {
    display: flex;

    padding: 20px 10px !important;
    gap: 158px;
    width: -webkit-fill-available;
    height: 200px;
    border: 2px solid #E6E6E9 !important;
    border-radius: 12px !important;
    text-align: left;
    /* Aligns text to the left */
    vertical-align: top;
    /* Aligns text to the top */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;

}

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

.dropdown-lang {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 14px;
    gap: 7.5px;

    width: 95.5px;
    height: 38px;

    /* Shadow/Medium Shadow */
    filter: drop-shadow(0px 8px 24px rgba(20, 20, 26, 0.2));

    border-radius: 6px;
    border: 1px solid var(--Final-Theme-Gradients-logo-grad, #7189FF);


}

.search-button-languagues {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 14px;
    gap: 10px;

    width: fit-content;
    height: auto;

    background: #830C83;
    border-radius: 9px;


    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #FCFCFF;



}

.button-languagues {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 12px;
    gap: 10px;
    width: max-content;
    height: 30px;
    border: 1px solid #830c83;
    box-shadow: 0px 4px 6.6px rgba(20, 20, 26, 0.15);
    border-radius: 6px;
    flex: none;
    order: 0;
    flex-grow: 0;
    color: black;
    text-align: center;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #0e0f26;
    justify-content: center;
}

.active-lang {
    background: #650965;
    color: white;
}

.button-languagues:hover {
    background: #650965;
    color: white;
}

@media (min-width: 768px) {
    .button-languagues {
        padding: 10px;
    }
}

/* Tablet View */
@media (max-width: 991.98px) {
    .ttscontainer .container .row {
        padding: 20px;
        width: auto;
        height: auto;
        margin-bottom: 10%;
    }

    .ttscontainer .container {
        width: auto;
    }

    .ttsinput {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .ttscontainer .container {
        max-width: 600px !important;
        width: auto;
    }

    .ttscontainer .container .row {
        padding: 20px;
        width: auto;
        height: auto;
        margin-bottom: 5%;
        margin: 10px;
        margin-top: -50%;
    }

    .ttsinput {
        width: 100%;
    }

    .button-languagues {
        padding: 8px 10px;
        font-size: 12px;
    }
}

section.three .container {
    display: block;
}

@media (max-width: 767.98px) {
    section.three {
        padding: 10% 5.5%;
    }
}

section.three .title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    section.three .title {
        width: 870px;
        font-size: 2rem;
    }
}

@media (max-width: 991.98px) {
    section.three .title {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    section.three .title {
        font-size: 100%;
    }
}

section.three p {
    text-align: center;
    font-size: 1.45rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    section.three p {
        font-size: 1.2rem;
    }
}

@media (max-width: 767.98px) {
    section.three p {
        font-size: 0.7rem;
    }
}

section.three .margin-top-7 {
    margin-top: 5rem;
}

section.three .glass {
    margin-top: 25px;
    padding: 30px 80px;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    background: linear-gradient(90deg, rgba(252, 218, 208, 0.7) 25.39%, rgba(235, 206, 243, 0.7) 74.8%);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    section.three .glass {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    section.three .glass {
        font-size: 1.6rem;
        width: 100%;
        padding: 30px 50px;
    }
}

@media (max-width: 767.98px) {
    section.three .glass {
        padding: 5%;
    }
}

section.four {
    padding: 10px 0px;
}

@media (max-width: 767.98px) {
    section.four {
        padding: 10% 0px;
    }
}

section.five {
    padding: 20px 0px;
}

@media (max-width: 767.98px) {
    section.five {
        padding: 10% 0px;
    }
}

section.six {
    padding: 20px 0px;
}

@media (max-width: 767.98px) {
    section.six {
        padding: 10% 0px;
    }
}

section.seven {
    padding: 20px 0px;
}

@media (max-width: 767.98px) {
    section.seven {
        padding: 10% 0px;
    }
}

.theme-dark-background {
    background-color: #111827;
}

section.eight {
    padding: 80px 0px;
}

@media (max-width: 991.98px) {
    section.eight {
        padding: 30px 0px;
    }
}

section.eight .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.ss-section {
    padding: 80px 0px;
}

@media (max-width: 991.98px) {
    section.ss-section {
        padding: 30px 0px;
    }
}

section.ss-section .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-title {
    width: 85%;
    padding: 50px;
    border-radius: 20px;
    background: linear-gradient(101.99deg, rgba(254, 211, 194, 0.75) 0.76%, rgba(236, 194, 247, 0.75) 100%);
    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.2);
}

.card-title .book-demo-sec {
    margin-top: 30px;
}

.card-title.plan .title {
    font-size: 180%;
}

.card-title.plan p {
    font-size: 125%;
}

.card-title.plan .wavel-btn {
    margin-top: 20px;
    padding: 6px 45px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}

.card-title.price {
    padding: 50px 30px;
}

.card-title.price .title {
    font-size: 2rem;
}

.card-title.price .book-demo-sec {
    margin-top: 30px;
}

.pricetitle {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;

    color: #FCFCFF;



}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .card-title {
        font-size: 1.938rem;
    }
}

@media (max-width: 991.98px) {
    .card-title {
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .card-title {
        font-size: 100%;
        padding: 25px;
    }
}

.card-title .title {
    font-size: 2rem;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .card-title .title {
        font-size: 124%;
    }
}

.card-title p {
    font-size: 1.5rem;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .card-title p {
        font-size: 100%;
    }
}

.card-title .book-demo {
    justify-content: center;
}

.card-title .book-demo .wavel-btn {
    background: #000;
    color: #fff;
}

.client-sec-notuse {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    display: flex;
    flex: none;
    order: 1;
    flex-grow: 0;
    align-items: center;
    padding: 100px 0px;
    gap: 50px;
    background: #0e0f26;
}

.client-sec-notuse p span {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    text-align: center;
    color: #c7bbff;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.client-sec-notuse picture {
    text-align: center;
}

.client-sec-notuse picture img {
    margin-top: 25px;
    width: 100%;
}

.client-sec-notuse .carousel-inner {
    margin: auto;
    width: 90%;
}

.client-sec-notuse .carousel-control {
    width: 4%;
}

.client-sec-notuse .carousel-control.left,
.client-sec-notuse .carousel-control.right {
    background-image: none;
}

.client-sec-notuse .glyphicon-chevron-left,
.client-sec-notuse .carousel-control .glyphicon-chevron-right {
    margin-top: -10px;
    margin-left: -10px;
    color: #444;
}

.client-sec-notuse .carousel-inner a {
    display: table-cell;
    height: 180px;
    width: 200px;
    vertical-align: middle;
}

.client-sec-notuse .carousel-inner button {
    max-height: 150px;
    margin: auto auto;
    max-width: 100%;
}

@media (max-width: 767px) {

    .client-sec-notuse .carousel-inner>.item.next,
    .client-sec-notuse .carousel-inner>.item.active.right {
        left: 0;
        transform: translate3d(100%, 0, 0);
    }

    .client-sec-notuse .carousel-inner>.item.prev,
    .client-sec-notuse .carousel-inner>.item.active.left {
        left: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@media (min-width: 767px) and (max-width: 992px) {

    .client-sec-notuse .carousel-inner>.item.next,
    .client-sec-notuse .carousel-inner>.item.active.right {
        left: 0;
        transform: translate3d(50%, 0, 0);
    }

    .client-sec-notuse .carousel-inner>.item.prev,
    .client-sec-notuse .carousel-inner>.item.active.left {
        left: 0;
        transform: translate3d(-50%, 0, 0);
    }
}

@media (min-width: 992px) {

    .client-sec-notuse .carousel-inner>.item.next,
    .client-sec-notuse .carousel-inner>.item.active.right {
        left: 0;
        transform: translate3d(16.7%, 0, 0);
    }

    .client-sec-notuse .carousel-inner>.item.prev,
    .client-sec-notuse .carousel-inner>.item.active.left {
        left: 0;
        transform: translate3d(-16.7%, 0, 0);
    }
}

@media (max-width: 767.98px) {
    #testimonial4 {
        height: auto !important;
    }
}

#testimonial4 {
    margin: 20px 0;
}

@media (max-width: 767.98px) {
    #testimonial4 {
        height: 550px;
    }
}

#testimonial4 .carousel-inner {
    display: flex;
    align-items: center;
    padding-left: 7%;
}

#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#testimonial4 .carousel-inner .carousel-item {
    display: none;
    width: 92%;
    border-radius: 20px;
    padding: 60px;
    margin: 30px 0;
    background: #e3f3ff;
    border-radius: 45px;
}

@media (max-width: 991.98px) {
    #testimonial4 .carousel-inner .carousel-item {
        padding: 20px 20px;
    }
}

@media (max-width: 767.98px) {
    #testimonial4 .carousel-inner .carousel-item {
        padding: 20px;
    }
}

#testimonial4 .carousel-inner .carousel-item.active {
    display: flow-root;
}

@media (max-width: 767.98px) {
    #testimonial4 .carousel-inner .carousel-item.active {
        flex-direction: column;
    }
}

#testimonial4 .carousel-inner .carousel-item .user-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
}

@media (max-width: 767.98px) {
    #testimonial4 .carousel-inner .carousel-item .user-info {
        width: 100%;
    }
}

#testimonial4 .carousel-inner .carousel-item .user-info .logo {
    width: 13rem;
    height: 13rem;
}

#testimonial4 .carousel-inner .carousel-item .user-info .name {
    font-size: 1rem;
    font-weight: 700;
}

#testimonial4 .carousel-inner .carousel-item .user-info .designation {
    font-size: 1rem;
    text-transform: capitalize;
}

#testimonial4 .carousel-inner .carousel-item .testimonial-desc {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767.98px) {
    #testimonial4 .carousel-inner .carousel-item .testimonial-desc {
        width: 100%;
        margin-left: 0;
        margin-top: 1.5rem;
    }
}

#testimonial4 .carousel-inner .carousel-item .testimonial-desc p {
    font-size: 1.3rem;
    text-align: justify;
    text-justify: inter-word;
    max-width: 800px;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 39px;
    text-align: center;
    color: #00456b;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #testimonial4 .carousel-inner .carousel-item .testimonial-desc p {
        font-size: 1.2rem;
    }
}

@media (max-width: 991.98px) {
    #testimonial4 .carousel-inner .carousel-item .testimonial-desc p {
        font-size: 1rem;
    }
}

#testimonial4 .carousel-inner .carousel-item .testimonial-desc .testimonial-name {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-align: left;
    color: #6262de;
    margin-bottom: 5px;
}

#testimonial4 .carousel-inner .carousel-item .testimonial-desc .testimonial-designation {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #474747;
    margin-bottom: 10px;
}

#testimonial4 .carousel-inner .carousel-item .profile-info {
    text-align: center;
    display: flex;
}

#testimonial4 .carousel-inner .carousel-item .profile-info .infosection {
    margin-left: 10px;
}

#testimonial4 .carousel-inner .carousel-item .profile-info .infosection h3 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
}

#testimonial4 .carousel-inner .carousel-item .profile-info .infosection p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
}

#testimonial4 .carousel-inner .carousel-item .profile-info .testimonial-company-logo {
    margin: 0 10px;
    width: 50px;
    height: 50px;
}

#testimonial4 .carousel-control-next {
    right: -50px;
}

@media (max-width: 991.98px) {
    #testimonial4 .carousel-control-next {
        right: -10px;
    }
}

@media (max-width: 767.98px) {
    #testimonial4 .carousel-control-next {
        right: -10px;
    }
}

#testimonial4 .carousel-control-prev {
    left: -50px;
}

@media (max-width: 991.98px) {
    #testimonial4 .carousel-control-prev {
        left: -10px;
    }
}

@media (max-width: 767.98px) {
    #testimonial4 .carousel-control-prev {
        left: -10px;
    }
}

#testimonial4 .carousel-control-prev .arrow,
#testimonial4 .carousel-control-next .arrow {
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    margin-top: 10%;
    color: black;
    margin-left: 20px;
    margin-right: 20px;
}

section.create {
    padding: 20px 0px;
}

section.create .container-wavel-can-create {
    max-width: 100%;
    border-radius: 40px;
}

@media screen and (max-width: 991px) {
    section.create .wrapper-feature {
        margin-top: 50px;
    }
}

section.create .wrapper-feature {
    position: relative;
    z-index: 3;
    overflow: hidden;
}

section.create .section-feature {
    position: relative;
    display: block;
    max-width: 100%;
    padding-top: 60px;
    background: linear-gradient(150deg, #3e278a, #a2076d, #801692);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

section.create .section-feature .heading-2-copy {
    font-size: 32px;
}

@media (max-width: 991.98px) {
    section.create .section-feature .heading-2-copy {
        font-size: 1.8rem;
    }
}

@media (max-width: 767.98px) {
    section.create .section-feature .heading-2-copy {
        font-size: 1.2rem;
    }
}

section.benefits {
    padding: 20px 0px;
}

@media (max-width: 767.98px) {
    section.benefits {
        padding: 10% 0px;
    }
}

section.benefits .info-image picture img {
    width: 75%;
}

section.usecase {
    padding: 50px 10px;
}

@media (max-width: 767.98px) {
    section.usecase {
        padding: 10% 5.5%;
    }
}

section.usecase p {
    font-size: 1.45rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    section.usecase p {
        font-size: 1.2rem;
    }
}

@media (max-width: 767.98px) {
    section.usecase p {
        font-size: 0.7rem;
    }
}

section.usecase .container {
    display: block;
}

section.usecase .container .title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
}

section.usecase .container .subtitle {
    text-align: center;
    font-size: 1.45rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    section.usecase .container .subtitle {
        font-size: 1.2rem;
    }
}

@media (max-width: 767.98px) {
    section.usecase .container .subtitle {
        font-size: 0.7rem;
    }
}

section.usecase .container .video-container {
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
}

section.usecase .container .video-target {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 56.25%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, .08);
    cursor: pointer;
}

section.usecase .container .video-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

section.usecase .container .video-status {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

section.usecase .container .video-status.play {
    background-image: url('../../../../assets/images/play.svg');
    background-position: 50% 50%;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}

section.usecase .container .video-info {
    display: flex;
    margin-top: 0;
    padding-top: 16px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

section.usecase .container video {
    border-radius: 20px;
}

section.usecase .container .video .video-category-title {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 41px;
    text-align: left;
    width: 100%;
}

section.usecase .container .video .video-group-title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 41px;
    text-align: left;
    width: 100%;
}

@media (max-width: 767.98px) {
    section.usecase .container .video .video-group-title {
        font-size: 1rem;
    }
}

section.usecase .margin-top-7 {
    margin-top: 5rem;
}

section.wavel-more {
    padding: 50px 0px;
}

@media (max-width: 991.98px) {
    section.wavel-more {
        padding: 30px 0px;
    }
}

section.wavel-more a {
    text-decoration: none;
    color: #212529;
}

section.wavel-more .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.wavel-more .wrapper {
    border-radius: 10px;
    display: inline-block;
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
    height: 100%;
    max-height: 360px;
}

@media (max-width: 991.98px) {
    section.wavel-more .wrapper {
        width: 100%;
    }
}

section.wavel-more .blog-1-bg {
    background-size: 400px;
    background-position: top;
}

section.wavel-more .blog-2-bg {
    background-size: 400px;
    background-position: top;
}

section.wavel-more .blog-3-bg {
    background-size: 400px;
    background-position: top;
}

section.wavel-more p.header {
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    font-family: 'Outfit', 'Roboto', sans-serif;
}

section.wavel-more p.content {
    padding: 0 20px;
    font-size: 12px;
    text-align: left;
}

section.wavel-more .community-img {
    width: 100%;
}

section.connect {
    color: #fff;
}

section.connect .container {
    text-align: center;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.connect .container .title-light {
    font-weight: normal;
    font-size: 2rem;
}

section.connect .container .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
}

section.connect .container .try-button {
    background-color: #6262d8;
    border: none;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 15px;
    font-size: 1rem;
}

section.connect .container .mac-img {
    width: 100%;
}

section.hiw-hero .hiw {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 75px 0;
}

@media (max-width: 1199.98px) {
    section.hiw-hero .hiw {
        margin: 75px 5%;
    }
}

@media (max-width: 991.98px) {
    section.hiw-hero .hiw {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    section.hiw-hero .hiw {
        width: 100%;
        margin: 15px 5%;
        padding: 0% 5.5%;
    }
}

section.hiw-hero .hiw .info {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.hiw-hero .hiw .info {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    section.hiw-hero .hiw .info {
        width: 100%;
    }
}

section.hiw-hero .hiw .info h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.3;
    width: 470px;
}

@media (max-width: 767.98px) {
    section.hiw-hero .hiw .info h1 {
        font-size: 255%;
        width: 94%;
    }
}

section.hiw-hero .hiw .info .wavel-btn {
    background: #000;
    color: #fff;
}

section.hiw-hero .hiw .watch {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.hiw-hero .hiw .watch {
        width: 100%;
        margin-top: 25px;
    }
}

section.hiw-hero .hiw .watch img {
    width: 100%;
}

section.hiw_two {
    padding: 40px 0px;
}

section.hiw_two .title {
    font-size: 3.3rem;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 767.98px) {
    section.hiw_two .title {
        font-size: 200%;
    }
}

section.hiw_two .features {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 2em;
    column-gap: 2em;
}

section.hiw_two .features .feature-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(91.91deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100.82%);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    padding: 20px;
    width: 315px;
}

section.hiw_two .features .feature-card .title {
    font-size: 1rem;
}

section.solutions-hero .hero {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 75px 0;
}

@media (max-width: 1199.98px) {
    section.solutions-hero .hero {
        margin: 75px 5%;
    }
}

@media (max-width: 991.98px) {
    section.solutions-hero .hero {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero {
        width: 100%;
        margin: 15px 5%;
        padding: 0% 5.5%;
    }
}

section.solutions-hero .hero .info {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.solutions-hero .hero .info {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero .info {
        width: 100%;
    }
}

section.solutions-hero .hero .info h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    width: 470px;
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero .info h1 {
        font-size: 255%;
        width: 94%;
    }
}

section.solutions-hero .hero .info p {
    width: 470px;
    padding: 10px 0;
    font-size: 20px;
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero .info p {
        width: 94%;
    }
}

section.solutions-hero .hero .image {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.solutions-hero .hero .image {
        width: 100%;
        margin-top: 25px;
    }
}

section.solutions-hero .hero .image img {
    width: 100%;
}

section.git-hero .container {
    flex-direction: column;
    align-items: center;
    margin-top: 4%;
}

section.git-hero .container h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.3;
    text-align: left;
}

@media (max-width: 991.98px) {
    section.git-hero .container h1 {
        font-size: 3.2rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.git-hero .container h1 {
        font-size: 155%;
        width: 100%;
        margin-top: 15px;
    }
}

section.git-hero .container h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    text-align: left;
}

@media (max-width: 991.98px) {
    section.git-hero .container h2 {
        font-size: 2.7rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.git-hero .container h2 {
        font-size: 130%;
        width: 100%;
    }
}

section.git-hero .container h3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 30px;
}

@media (max-width: 991.98px) {
    section.git-hero .container h3 {
        font-size: 2.7rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.git-hero .container h3 {
        font-size: 130%;
        width: 100%;
    }
}

section.git-hero .container p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    text-align: left;
    width: 70%;
    margin-bottom: 30px;
}

@media (max-width: 991.98px) {
    section.git-hero .container p {
        font-size: 1.6rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.git-hero .container p {
        font-size: 80%;
        width: 100%;
    }
}

section.git-hero .container .form-container {
    width: 100%;
    max-width: 450px;
}

@media (max-width: 991.98px) {
    section.git-hero .container .form-container {
        max-width: 100%;
    }
}

section.git-hero .container .form-container form {
    width: 90%;
    margin: 15px auto;
    max-width: 450px;
}

section.git-hero .container .form-container label {
    color: #7c98b6;
    font-size: 13px;
    font-family: helvetica;
    margin-bottom: 1px;
}

section.git-hero .container .form-container form select {
    height: 36px;
    width: 60px;
    padding: 3px;
    border-radius: 10px;
    margin-top: 3px;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    color: #33475b;
    background-color: #f5f8fa;
}

section.git-hero .container .form-container form textarea {
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    color: #33475b;
    background-color: #f5f8fa;
}

section.git-hero .container .form-container form input {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    height: 40px;
    padding: 9px 10px;
    font-family: helvetica;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    background-color: #f5f8fa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 15px;
}

section.git-hero .container .form-container form .btn-container {
    text-align: center;
}

section.git-hero .container .form-container form .btn-submit {
    color: white;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    border-radius: 15px;
    text-align: center;
    padding: 10px 15px;
    background-color: black;
}

section.git-hero .contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 550px;
    margin: 20px auto;
}

section.git-hero .contact-form .form-group {
    width: 100%;
}

section.git-hero .contact-form .form-group .iti {
    width: 100%;
}

section.git-hero .contact-form .invalid-input {
    color: #d8000c;
    display: none;
}

section.git-hero .contact-form .invalid-input.show {
    display: block;
}

section.git-hero .contact-form .wavel-btn {
    width: 150px;
    background: #000;
    color: #fff;
}

section.st-hero .container {
    width: 50%;
    flex-direction: column;
    align-items: center;
}

section.st-hero .container h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.3;
    margin-top: 50px;
    text-align: left;
}

@media (max-width: 991.98px) {
    section.st-hero .container h1 {
        font-size: 3.2rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.st-hero .container h1 {
        font-size: 155%;
        width: 100%;
        margin-top: 15px;
    }
}

section.st-hero .container h2 {
    font-size: 26px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 30px;
}

@media (max-width: 991.98px) {
    section.st-hero .container h2 {
        font-size: 2.7rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.st-hero .container h2 {
        font-size: 130%;
        width: 100%;
    }
}

section.st-hero .container .hbspt-form {
    width: 450px;
}

@media (max-width: 767.98px) {
    section.st-hero .container .hbspt-form {
        width: 85%;
    }
}

section.st-hero .contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 550px;
    margin: 20px auto;
}

section.st-hero .contact-form .form-group {
    width: 100%;
}

section.st-hero .contact-form .form-group .iti {
    width: 100%;
}

section.st-hero .contact-form .invalid-input {
    color: #d8000c;
    display: none;
}

section.st-hero .contact-form .invalid-input.show {
    display: block;
}

section.st-hero .contact-form .wavel-btn {
    width: 150px;
    background: #000;
    color: #fff;
}

section.about-hero .container {
    flex-direction: column;
    align-items: center;
}

section.about-hero .container h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.3;
    margin-top: 50px;
    text-align: center;
}

@media (max-width: 991.98px) {
    section.about-hero .container h1 {
        font-size: 3.2rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.about-hero .container h1 {
        font-size: 155%;
        width: 100%;
        margin-top: 15px;
    }
}

section.about-hero .container p {
    margin-top: 2rem;
    font-weight: 500;
    font-size: 1.9rem;
    line-height: 1.3;
    text-align: center;
}

@media (max-width: 991.98px) {
    section.about-hero .container p {
        font-size: 1.6rem;
    }
}

@media (max-width: 767.98px) {
    section.about-hero .container p {
        font-size: 80%;
    }
}

section.about-hero .hbspt-form {
    width: 450px;
}

@media (max-width: 767.98px) {
    section.about-hero .hbspt-form {
        width: 85%;
    }
}

section.about_two {
    padding: 6em 0 4em 0;
}

@media (max-width: 767.98px) {
    section.about_two {
        padding: 10% 5.5%;
    }
}

section.about_two .container {
    flex-direction: column;
    align-items: center;
}

section.about_two .container picture img {
    width: 100%;
    max-width: 900px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

section.about_three {
    padding: 40px 0px;
}

@media (max-width: 767.98px) {
    section.about_three {
        padding: 10% 5.5%;
    }
}

section.about_three .container {
    flex-direction: column;
    align-items: center;
}

section.about_three .container .client-sec-notuse {
    background: linear-gradient(91.91deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100.82%);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
}

section.about_three .team-title {
    font-size: 3.15rem;
    font-weight: 700;
    margin: 1em 0 0.5em 0;
}

@media (max-width: 991.98px) {
    section.about_three .team-title {
        font-size: 2.7rem;
    }
}

@media (max-width: 767.98px) {
    section.about_three .team-title {
        font-size: 135%;
    }
}

section.about_three .team {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 3em;
    column-gap: 3em;
    margin: 1.5em 0;
}

@media (max-width: 767.98px) {
    section.about_three .team {
        width: 103%;
    }
}

section.about_three .team .member {
    width: 235px;
}

section.about_three .team .member .image {
    height: 260px;
    background: linear-gradient(148.31deg, #4df6f4 0%, #587cfb 100%);
    border-radius: 20px 20px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

section.about_three .team .member .image img {
    width: 100%;
    max-height: 235px;
}

section.about_three .team .member .info {
    background: #fff;
    border-radius: 0px 0px 20px 20px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.about_three .team .member .info p {
    margin-bottom: 0;
}

section.about_three .team .member .info .name {
    font-weight: 700;
}

section.about_three .team .member .info .designation {
    font-weight: 400;
    color: #1f54ba;
}

.pptos {
    background-image: url('../../../../assets/images/backgrounds/home-section4.webp');
    background-repeat: repeat-y;
    background-size: contain;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .pptos {
        padding: 10% 5.5%;
    }
}

.pptos h1 {
    font-weight: 400;
    font-size: 4rem;
    line-height: 1.3;
    margin: 50px 0;
    text-align: center;
}

@media (max-width: 991.98px) {
    .pptos h1 {
        font-size: 3.2rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    .pptos h1 {
        font-size: 155%;
        width: 100%;
        margin-top: 15px;
    }
}

.price-list {
    display: flex;
    flex-direction: row;
    row-gap: 1em;
    padding: 50px 0;
}

@media (max-width: 1199.98px) {
    .price-list {
        column-gap: 0.5em;
        row-gap: 0.5em;
    }
}

.price-list .price-card {
    width: 260px;
    height: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(91.91deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100.82%);
    border: 5px solid #000;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

@media (max-width: 1199.98px) {
    .price-list .price-card {
        width: 225px;
        height: 46rem;
    }
}

@media (max-width: 991.98px) {
    .price-list .price-card {
        width: 340px;
        height: 471px;
    }
}

@media (max-width: 767.98px) {
    .price-list .price-card {
        width: 375px;
        height: 471px;
    }
}

.price-list .price-card.engage {
    border: 5px solid #ad73cd;
}

.price-list .price-card.engage .price-card-head .title {
    margin: 0px !important;
    color: #ad73cd;
}

.price-list .price-card.engage .price-card-body ul li ul li::before {
    color: #ad73cd;
}

.price-list .price-card.localize {
    border: 5px solid #8a82d3;
}

.price-list .price-card.localize .price-card-head .title {
    margin: 0px !important;
    color: #8a82d3;
}

.price-list .price-card.localize .price-card-body ul li ul li::before {
    color: #8a82d3;
}

.price-list .price-card.personalize {
    border: 5px solid #6892d7;
}

.price-list .price-card.personalize .price-card-head .title {
    margin: 0px !important;
    color: #6892d7;
}

.price-list .price-card.personalize .price-card-body ul li ul li::before {
    color: #6892d7;
}

.price-list .price-card.customize {
    border: 5px solid #3aa7df;
}

.price-list .price-card.customize .price-card-head .title {
    margin: 0px !important;
    color: #3aa7df;
}

.price-list .price-card.customize .price-card-body ul li ul li::before {
    color: #3aa7df;
}

.price-list .price-card .price-card-head {
    height: 100px;
    padding: 20px 0;
}

.price-list .price-card .price-card-head .title {
    margin: 0px !important;
    font-weight: 700;
    font-size: 2.2rem;
    color: #000;
}

.price-list .price-card .price-card-body {
    width: 100%;
    height: 100%;
    padding: 0 20px;
}

.price-list .price-card .price-card-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 1.3rem;
}

@media (max-width: 1199.98px) {
    .price-list .price-card .price-card-body ul {
        font-size: 1.15rem;
    }
}

.price-list .price-card .price-card-body ul li {
    border-bottom: 1px solid #474747 54;
    padding-left: 25px;
}

.price-list .price-card .price-card-body ul li:last-child {
    border-bottom: none;
}

.price-list .price-card .price-card-body ul li.active {
    position: relative;
}

.price-list .price-card .price-card-body ul li.active span::after {
    position: absolute;
    content: '>';
    display: inline-block;
    margin-left: 30px;
    transform: rotate(90deg);
}

.price-list .price-card .price-card-body ul li ul {
    padding-left: 20px;
    margin-right: 15px;
}

.price-list .price-card .price-card-body ul li ul li {
    text-align: left;
    font-weight: 300;
    font-size: 0.93rem;
    margin: 10px 0;
    border: none;
    padding-left: 0px;
    margin-left: -30px;
}

.price-list .price-card .price-card-body ul li ul li::before {
    content: '✓';
    margin-left: -25px;
    padding: 5px;
}

.price-list .price-card .price-card-footer {
    padding-bottom: 40px;
}

.price-list .price-card .price-card-footer .wavel-btn {
    width: 190px;
    height: 35px;
    background: #1f54ba;
}

.popover-container {
    position: relative;
    display: inline-block;
}

.popover-trigger {
    color: #e5e5e5;
    padding: 5px;
    cursor: pointer;
}

.popover-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 10%;
    right: 45%;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    border-radius: 10px;
    z-index: 1;
    line-break: auto;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.775rem;
    word-wrap: break-word;
    background-clip: padding-box;
    overflow: hidden;
    width: 400px;
    white-space: normal;
}

.popover-title {
    font-size: 16px;
    padding: 10px;
    background-color: #dedbdb;
}

.popover-text {
    font-size: 14px;
    color: #333;
    background-color: white;
    padding: 0 15px 2px 6px;
    margin-bottom: 7px;
    line-height: revert;
    word-wrap: break-word;
}

.popover-container:hover .popover-content {
    display: block;
}

div#selfService {
    /* margin: -2%; */
    z-index: 0;
}

@media (max-width: 991.98px) {
    div#selfService {
        /* margin-top: -4% !important; */
    }
}

@media (max-width: 767.98px) {
    div#selfService {
        /* margin-top: -20% !important; */
    }
}

div#manualService {
    margin: -2%;
    z-index: 0;
}

@media (max-width: 991.98px) {
    div#manualService {
        margin-top: -4% !important;
    }
}

@media (max-width: 767.98px) {
    div#manualService {
        margin-top: -20% !important;
    }
}

section.price-hero {
    background: #0e0f26;
}

section.price-hero .container {
    flex-direction: column;
    z-index: 0;
}

section.price-hero .container .price-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 80px;
}

@media (max-width: 991.98px) {
    section.price-hero .container .price-box {
        padding: 10px;
    }
}

@media (max-width: 767.98px) {
    section.price-hero .container {
        width: auto;

    }

    section.price-hero .container .price-box {
        padding: 10px;
    }
}

section.price-hero .container h1 {
    margin-top: 2rem;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 70.56px;
    line-height: 89px;
    text-align: center;
    color: #fcfcff;
}

@media (max-width: 991.98px) {
    section.price-hero .container h1 {
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
    }
}

@media (max-width: 767.98px) {
    section.price-hero .container h1 {
        width: 100%;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
    }
}

section.price-hero .container p {
    margin-top: 1rem;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #FCFCFF;
}

.pricegreen {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;

    color: #3DD68C;


}

@media (max-width: 991.98px) {
    section.price-hero .container p {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 767.98px) {
    section.price-hero .container p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
}

.faq-sec {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 35px 45px;
}

@media (max-width: 991.98px) {
    .faq-sec {
        padding: 35px 20px;
    }
}

.faq-sec .title {
    font-size: 1.9rem;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-sec .title {
        font-size: 1.65rem;
    }
}

@media (max-width: 767.98px) {
    .faq-sec .title {
        font-size: 100%;
    }
}

.faq-sec .faq-list {
    width: 100%;
    margin-top: 3em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 2em;
    column-gap: 2em;
}

.faq-sec .faq-list .faq {
    width: 48%;
    height: fit-content;
    padding: 15px;
    background: linear-gradient(91.91deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100.82%);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    text-align: left;
}

@media (max-width: 991.98px) {
    .faq-sec .faq-list .faq {
        width: 100%;
    }
}

.faq-sec .faq-list .faq input {
    display: none;
}

.faq-sec .faq-list .faq label {
    margin-bottom: 0;
}

.faq-sec .faq-list .faq label::before {
    content: '+';
    padding-right: 10px;
    font-size: 1.2rem;
}

.faq-sec .faq-list .faq p {
    display: none;
    border-top: 1px solid #474747 54;
    margin-top: 1rem;
    padding-top: 10px;
}

.faq-sec .faq-list .faq input:checked+label::before {
    content: '-';
}

.faq-sec .faq-list .faq input:checked+label+p {
    display: block;
}

section.watch-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 75px 0;
}

@media (max-width: 1199.98px) {
    section.watch-hero {
        padding: 0 5% 75px 5%;
    }
}

@media (max-width: 767.98px) {
    section.watch-hero {
        width: 100%;
        padding: 15px 5.5%;
    }
}

section.watch-hero h1 {
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 1.3;
    margin-top: 50px;
    text-align: center;
}

@media (max-width: 991.98px) {
    section.watch-hero h1 {
        font-size: 1.85rem;
        width: 100%;
        max-width: 395px;
    }
}

@media (max-width: 767.98px) {
    section.watch-hero h1 {
        font-size: 115%;
        width: 100%;
        margin-top: 15px;
        max-width: 250px;
    }
}

section.watch-hero .watch-video {
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.watch-hero .watch-video video {
    width: 100%;
    max-width: 600px;
}

section.watch-hero .watch-video video::cue {
    padding: 10px;
    width: fit-content;
    font-size: 20px;
    border-radius: 10px;
}

.watch-other-video {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 1em;
    column-gap: 1em;
}

.watch-other-video a {
    width: 300px;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
}

.watch-other-video a img {
    display: block;
    width: 100%;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 25);
}

.error_page {
    background-color: linear-gradient(91.91deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .4) 100.82%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 75px 0;
}

@media (max-width: 1199.98px) {
    .error_page {
        padding: 0 5% 75px 5%;
    }
}

@media (max-width: 767.98px) {
    .error_page {
        width: 100%;
        padding: 15px 5.5%;
    }
}

.error_page .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.error_page .container .code {
    color: #d8000c;
    font-size: 50px;
    font-weight: 800;
}

.error_page .container .msg {
    font-size: 30px;
    font-weight: 800;
}

.swal-modal {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
}

.swal-modal .swal-icon--warning {
    border-color: orange;
}

.swal-modal .swal-button-container .swal-button--confirm {
    background-color: #1f54ba;
    color: #fff;
}

section.career-hero .container {
    flex-direction: column;
    align-items: center;
}

section.career-hero .container h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    margin-top: 50px;
    text-align: center;
}

@media (max-width: 991.98px) {
    section.career-hero .container h1 {
        font-size: 3.2rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.career-hero .container h1 {
        font-size: 155%;
        width: 100%;
        margin-top: 15px;
    }
}

section.career-hero .angellist_jobs {
    margin: 30px 0;
}

section.career-hero .angellist_jobs .angellist_jobs-job .angellist_jobs-top .angellist_jobs-title {
    font-weight: 600;
    font-size: 1.5rem;
}

@media (max-width: 767.98px) {
    section.solutions-hero .content-detail {
        order: 1;
        text-align: center;
        padding-bottom: 45px;
    }
}

section.solutions-hero .hero {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 75px 0;
}

@media (max-width: 1199.98px) {
    section.solutions-hero .hero {
        margin: 75px 5%;
    }
}

@media (max-width: 991.98px) {
    section.solutions-hero .hero {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero {
        width: 100%;
        margin: 15px 5%;
        padding: 0% 5.5%;
    }
}

section.solutions-hero .hero .info {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.solutions-hero .hero .info {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero .info {
        width: 100%;
    }
}

section.solutions-hero .hero .info h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    width: 470px;
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero .info h1 {
        font-size: 255%;
        width: 94%;
    }
}

section.solutions-hero .hero .info p {
    width: 470px;
    padding: 10px 0;
    font-size: 20px;
}

@media (max-width: 767.98px) {
    section.solutions-hero .hero .info p {
        width: 94%;
    }
}

section.solutions-hero .hero .image {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.solutions-hero .hero .image {
        width: 100%;
        margin-top: 25px;
    }
}

section.solutions-hero .hero .image img {
    width: 100%;
}

section.solutions-video {
    padding: 65px 0px;
}

@media (max-width: 991.98px) {
    section.solutions-video {
        padding: 30px 25px;
        width: 100%;
    }
}

section.solutions-video img {
    width: 100%;
}

section.solutions_three {
    padding: 40px 0px;
}

section.solutions_three .title {
    font-size: 2.3rem;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 767.98px) {
    section.solutions_three .title {
        font-size: 200%;
    }
}

section.solutions_three .features {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 1em;
    column-gap: 1em;
}

section.solutions_three .features .feature-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 30px;
    padding: 20px;
    width: 315px;
    text-align: center;
}

section.solutions_three .features .feature-card picture img {
    height: 100px;
}

section.solutions_three .features .feature-card .title {
    font-size: 1rem;
    margin: 10px 0;
}

section.solutions .client-sec-notuse {
    margin-bottom: 45px;
}

section.error_page {
    background-color: #bebef2;
}

section.error_page .container {
    flex-direction: column;
    align-items: center;
}

section.error_page .container h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.3;
    margin-top: 50px;
    text-align: center;
    color: gray;
}

@media (max-width: 991.98px) {
    section.error_page .container h1 {
        font-size: 3.2rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.error_page .container h1 {
        font-size: 155%;
        width: 100%;
        margin-top: 15px;
    }
}

section.error_page .container p {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 1.3;
    text-align: center;
    color: gray;
}

@media (max-width: 991.98px) {
    section.error_page .container p {
        font-size: 2.4rem;
    }
}

@media (max-width: 767.98px) {
    section.error_page .container p {
        font-size: 108%;
        margin-top: 10px;
    }
}

section.error_page .container a {
    margin-top: 2rem;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 1.3;
    text-align: center;
    color: #4b9de9;
}

@media (max-width: 991.98px) {
    section.error_page .container a {
        font-size: 2.4rem;
    }
}

@media (max-width: 767.98px) {
    section.error_page .container a {
        font-size: 80%;
    }
}

section.error_page .container img {
    height: 300px;
    width: 100%;
    max-width: 900px;
}

@media (max-width: 991.98px) {
    section.error_page .container img {
        height: 400px;
    }
}

section.error_page .container p {
    font-size: 1.3;
    text-align: center;
    color: gray;
}

@media (max-width: 991.98px) {
    section.error_page .container p {
        font-size: 2.4rem;
    }
}

@media (max-width: 767.98px) {
    section.error_page .container p {
        font-size: 108%;
        margin-top: 10px;
    }
}

section.error_page .container a {
    margin-top: 2rem;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 1.3;
    text-align: center;
    color: #4b9de9;
}

@media (max-width: 991.98px) {
    section.error_page .container a {
        font-size: 2.4rem;
    }
}

@media (max-width: 767.98px) {
    section.error_page .container a {
        font-size: 80%;
    }
}

@media (max-width: 991.98px) {
    section.error_page .container p {
        font-size: 2.4rem;
    }
}

@media (max-width: 767.98px) {
    section.error_page .container p {
        font-size: 108%;
        margin-top: 10px;
    }
}

section.error_page .container a {
    margin-top: 2rem;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 1.3;
    text-align: center;
    color: #4b9de9;
}

@media (max-width: 991.98px) {
    section.error_page .container a {
        font-size: 2.4rem;
    }
}

@media (max-width: 767.98px) {
    section.error_page .container a {
        font-size: 80%;
    }
}

section.customer .container {
    flex-direction: column;
    align-items: center;
}

section.customer .container h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    margin-top: 50px;
    text-align: center;
    width: 470px;
}

section.customer .container h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    text-align: center;
    width: 470px;
}

@media (max-width: 991.98px) {
    section.customer .container h1 {
        font-size: 3.2rem;
        width: 94%;
    }
}

@media (max-width: 767.98px) {
    section.customer .container h1 {
        font-size: 155%;
        width: 100%;
        margin-top: 15px;
    }
}

section.customer .container p {
    margin-top: 2rem;
    font-size: 1.9rem;
    font-size: 20px;
    text-align: center;
}

@media (max-width: 991.98px) {
    section.customer .container p {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    section.customer .container p {
        font-size: 80%;
    }
}

.cus-sec {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 35px 45px;
}

@media (max-width: 991.98px) {
    .cus-sec {
        padding: 35px 20px;
    }
}

.cus-sec .title {
    font-size: 1.9rem;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .cus-sec .title {
        font-size: 1.65rem;
    }
}

@media (max-width: 767.98px) {
    .cus-sec .title {
        font-size: 100%;
    }
}

.cus-sec .cus-list {
    width: 100%;
    margin-top: 3em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
}

.cus-sec .cus-list .cus {
    width: 48%;
    height: fit-content;
    padding: 15px;
    background: linear-gradient(91.91deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .4) 100.82%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 20px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .cus-sec .cus-list .cus {
        width: 100%;
    }
}

.cus-sec .cus-list .cus input {
    display: none;
}

.cus-sec .cus-list .cus label {
    margin-bottom: 0;
}

.cus-sec .cus-list .cus p {
    margin-top: 1rem;
    padding-top: 10px;
}

.cus-sec .cus-list .cus input:checked+label:before {
    content: "-";
}

.cus-sec .cus-list .cus input:checked+label+p {
    display: block;
}

.cus-sec .cus-list .cus .name {
    font-size: 1rem;
    font-weight: 700;
}

.cus-sec .cus-list .cus .designation {
    font-size: 1rem;
    text-transform: capitalize;
}

.testimonial h1 {
    font-weight: bold;
}

section.features_three {
    padding: 40px 0px;
}

section.features_three .title {
    font-size: 2.3rem;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 767.98px) {
    section.features_three .title {
        font-size: 200%;
    }
}

section.features_three .features {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

section.features_three .features .feature-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 30px;
    padding: 20px;
    width: 330px;
    text-align: center;
}

section.features_three .features .feature-card picture img {
    height: 100px;
}

section.features_three .features .feature-card .title {
    font-size: 1rem;
    margin: 10px 0;
}

.content-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.25rem;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    section .info-image .sec-img {
        margin-left: -75px;
    }

    section .sec-contant {
        margin-left: 85px;
    }
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    section.solutions-hero .info-image .sec-img {
        margin-left: -125px;
    }

    section.solutions-hero .sec-contant {
        margin-left: 85px;
    }
}

@media (min-width: 1200px) {
    section .info-image .sec-img {
        margin-left: -108px;
    }

    section .sec-contant {
        margin-left: 105px;
    }
}

@media (min-width: 1200px) {
    section.solutions-hero .info-image .sec-img {
        margin-left: -213px;
    }

    section.solutions-hero .sec-contant {
        margin-left: 105px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-detail {
        font-size: 1.125rem;
    }
}

@media (max-width: 991.98px) {
    .content-detail {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        text-align: center;
        padding-bottom: 45px;
    }
}

.content-detail .caption {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    padding: 6px 25px;
    width: fit-content;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-detail .caption {
        font-size: 0.9rem;
    }
}

.content-detail .title {
    margin: 30px 0 15px;
    font-size: 26px;
    font-weight: 700;
    color: #212529;
    line-height: 1.3;
    text-transform: capitalize;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-detail .title {
        font-size: 1.8rem;
    }
}

@media (max-width: 767.98px) {
    .content-detail .title {
        font-size: 128%;
    }
}

.content-detail ul {
    margin: 25px -22px;
    font-weight: 300;
}

@media (max-width: 767.98px) {
    .content-detail ul {
        margin: 25px 0 25px -22px;
    }
}

.content-detail .wavel-btn {
    text-transform: capitalize;
    color: #fff;
    background: linear-gradient(92.19deg, #6060d7, #9499f1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
}

@media (max-width: 767.98px) {
    .content-detail .wavel-btn {
        font-size: 70%;
    }
}

.content-detail p {
    font-size: 20px;
}

.contact_sales .wavel-btn {
    margin-top: 20px;
    padding: 10px 10px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}

section.hiw-hero .hiw .info h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 1.3;
    width: 517px;
}

section.hiw-hero .hiw {
    margin: 75px 75px;
}

.error_section {
    background-color: linear-gradient(91.91deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .4) 100.82%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 75px 0;
}

.error_section h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.3;
    margin-top: 50px;
    text-align: center;
    color: gray;
}

.error_section p {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 1.3;
    text-align: center;
    color: gray;
}

.customer .card-columns {
    margin-top: 35px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .customer .card-columns {
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .customer .card-columns {
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media screen and (max-width: 650px) {
    .customer .card-columns {
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 649.98px) and (max-width: 991px) {
    .customer .card-columns {
        -moz-column-count: 2;
        column-count: 2;
    }
}

.customer .card-columns .card {
    padding: 15px;
    background: linear-gradient(91.91deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .4) 100.82%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 20px;
    text-align: center;
}

.customer .card-columns .card p {
    margin-top: 0px;
    font-size: 16px;
}

.customer .card-columns .card .name {
    font-size: 1rem;
    font-weight: 700;
}

.customer .card-columns .card .designation {
    font-size: 1rem;
    text-transform: capitalize;
}

section.solutions-hero .hero .info h1 {
    padding-top: 15px;
    font-size: 32px;
}

.languages {
    margin-bottom: 50px;
}

.content_title {
    margin: 30px 0 50px;
    font-size: 32px;
    font-weight: 700;
    color: #212529;
    line-height: 1.3;
}

@media (max-width: 767.98px) {
    .content_title {
        font-size: 160%;
    }
}

.btn_request {
    padding-top: 50px;
    padding-bottom: 40px;
}

.card_section .title {
    font-size: 32px !important;
    font-weight: 700;
    margin-bottom: 30px;
}

.card-body-box {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 800px;
    gap: 60px;
    justify-content: center;
}

.free-price {
    width: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card_one {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0;
}

.accordion .card_one {
    border-radius: 0.25rem;
}

.accordion .card_one .card-header_one {
    cursor: pointer;
}

.grid-margin {
    margin-bottom: 0.625rem;
}

.accordion .card_one .card-header_one p[aria-expanded="true"]:before {
    content: "\F374";
}

.accordion .card_one .card-header_one p:before {
    font-family: "Material Design Icons";
    position: absolute;
    right: 4px;
    top: 0;
    font-size: 18px;
    display: block;
}

.accordion .card_one .card-header_one p[aria-expanded="false"]:before {
    content: "\F415";
}

section.section-faq {
    padding-top: 25px;
}

section.section-faq .hero {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 75px 0;
}

@media (max-width: 1199.98px) {
    section.section-faq .hero {
        margin: 75px 5%;
    }
}

@media (max-width: 991.98px) {
    section.section-faq .hero {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    section.section-faq .hero {
        width: 100%;
        margin: 15px 5%;
        padding: 0% 5.5%;
    }
}

section.section-faq .hero .info {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.section-faq .hero .info {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    section.section-faq .hero .info {
        width: 100%;
    }
}

section.section-faq .hero .info h1 {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    width: 470px;
}

@media (max-width: 767.98px) {
    section.section-faq .hero .info h1 {
        font-size: 255%;
        width: 94%;
    }
}

section.section-faq .hero .info p {
    width: 470px;
    padding: 10px 0;
}

@media (max-width: 767.98px) {
    section.section-faq .hero .info p {
        width: 94%;
    }
}

section.section-faq .hero .image {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.section-faq .hero .image {
        width: 100%;
        margin-top: 25px;
    }
}

section.section-faq .hero .image img {
    width: 100%;
}

.section-faq .info-image {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.section-faq .info-image picture {
    max-width: 200px;
    width: 100%;
}

.section-faq .accordion hr {
    background: #6262d8;
}

.section-faq .accordion .card_one {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0;
    border-radius: 0.25rem;
}

.section-faq.accordion .card_one .card-header_one p[aria-expanded="true"]:before {
    content: "\F374";
}

.section-faq.accordion .card_one .card-header_one p:before {
    font-family: "Material Design Icons";
    position: absolute;
    right: 4px;
    top: 0;
    font-size: 18px;
    display: block;
}

.section-faq.accordion .card_one .card-body {
    flex: 1 1 auto;
    min-height: 1px;
}

.section-faq.accordion .card_one .card-header_one p[aria-expanded="false"]:before {
    content: "\F415";
}

.section-faq .accordion .faq-des p {
    font-size: 18px;
}

section.git .hero {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 75px 0;
}

@media (max-width: 1199.98px) {
    section.git .hero {
        margin: 75px 5%;
    }
}

@media (max-width: 991.98px) {
    section.git .hero {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    section.git .hero {
        width: 100%;
        margin: 15px 5%;
        padding: 0% 5.5%;
    }
}

section.git .hero .info {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.git .hero .info {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    section.git .hero .info {
        width: 100%;
    }
}

section.git .hero .info h1 {
    font-weight: 700;
    padding: 10px 0;
    font-size: 32px;
}

@media (max-width: 767.98px) {
    section.git .hero .info h1 {
        font-size: 255%;
        width: 94%;
    }
}

section.git .hero .info h2 {
    font-weight: 700;
    width: 470px;
    padding: 10px 0;
    font-size: 26px;
}

@media (max-width: 767.98px) {
    section.git .hero .info h2 {
        width: 94%;
    }
}

section.git .hero .info p {
    width: 470px;
    padding: 10px 0;
    font-size: 20px;
}

@media (max-width: 767.98px) {
    section.git .hero .info p {
        width: 94%;
    }
}

section.git .hero .image {
    width: 50%;
}

@media (max-width: 991.98px) {
    section.git .hero .image {
        width: 100%;
        margin-top: 25px;
    }
}

section.git .hero .image img {
    width: 100%;
}

section.git .hbspt-form {
    width: 450px;
}

@media (max-width: 767.98px) {
    section.git .hbspt-form {
        width: 85%;
    }
}

section.git .contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 550px;
    margin: 20px auto;
}

section.git .contact-form .form-group {
    width: 100%;
}

section.git .contact-form .form-group .iti {
    width: 100%;
}

section.git .contact-form .invalid-input {
    color: #d8000c;
    display: none;
}

section.git .contact-form .invalid-input.show {
    display: block;
}

section.git .contact-form .wavel-btn {
    width: 150px;
    background: #000;
    color: #fff;
}

.solution-sec .sol-btn {
    width: fit-content;
    padding: 13px 20px;
    font-size: 0.938rem;
    font-weight: 600;
    border-radius: 30px;
    color: #fff;
    background: #6060d7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
    margin-bottom: 15px;
}

.solution-sec .sol-btn:hover {
    border: none;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .solution-sec .sol-btn {
        font-size: 56%;
    }
}

.video_title {
    color: white;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.video_head {
    margin-bottom: 30px;
}

.card_section {
    width: 85%;
    padding: 50px;
    border-radius: 20px;
    background-color: #6262de;
    color: white;
    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.2);
}

.card_section .book-demo-sec {
    margin-top: 30px;
}

.card_section.plan .title {
    font-size: 180%;
}

.card_section.plan p {
    font-size: 125%;
}

.card_section.plan .wavel-btn {
    margin-top: 20px;
    padding: 6px 45px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}

.card_section.price {
    padding: 50px 30px;
}

.card_section.price .title {
    font-size: 32px;
}

.card_section.price .book-demo-sec {
    margin-top: 30px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .card_section {
        font-size: 1.938rem;
    }
}

@media (max-width: 991.98px) {
    .card_section {
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .card_section {
        font-size: 100%;
        padding: 25px;
    }
}

.card_section .title {
    font-size: 2.3rem;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .card_section .title {
        font-size: 124%;
    }
}

.card_section p {
    font-size: 22px;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .card_section p {
        font-size: 100%;
    }
}

.card_section .book-demo {
    justify-content: center;
}

.card_section .book-demo .wavel-btn {
    background: #000;
    color: #fff;
}

.hero_first {
    font-size: 32px !important;
}

.outline_button {
    border-width: 0px;
    height: auto;
    transition: all 0.4s ease;
    padding: 6px 18px;
    text-shadow: none;
    width: auto;
    font-size: 26px;
    padding: 9px 12px;
    border-radius: 10px;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #6262de;
    margin-right: 50px;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.accordion .card_one .card-header_one p[aria-expanded=true]:before {
    content: "-";
}

.accordion .card_one .card-header_one p[aria-expanded=false]:before {
    content: "+";
}

.card_section .price_content {
    margin-bottom: 30px;
}

.languages a {
    margin-bottom: 10px;
}

@media (min-width: 991.98px) {
    .outline_button {
        margin-right: 12px;
    }
}

@media (max-width: 991.98px) {
    .content-info {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
    }
}

.price-list .price-card.engage {
    border: 2px solid #3aa7df;
}

.price-list .price-card.localize {
    border: 2px solid #a86cfd;
}

.price-list .price-card.personalize {
    border: 2px solid #f4abb4;
}

.price-list .price-card.customize {
    border: 2px solid #c800d3;
}

.price-list .price-card .price-card-head .title {
    font-weight: 500;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    margin: 0px !important;
}

.price-list .price-card.engage .price-card-head .title {
    color: #31b5ff;
}

.price-list .price-card.localize .price-card-head .title {
    color: #a86cfd;
}

.price-list .price-card.personalize .price-card-head .title {
    color: #f4abb4;
}

.price-list .price-card.customize .price-card-head .title {
    color: #c800d3;
}

.price-list .price-content .quotation-btn {
    display: flex;
    justify-content: center;
}

.price-list .price-content.engage .quotation-btn .price-btn {
    width: 198px;
    height: 45px;
    border: none;
    border-radius: 22px;
    margin-top: 25px;
    color: #fff;
    background: #31b5ff;
}

.price-list .price-content.localize .quotation-btn .price-btn {
    width: 198px;
    height: 45px;
    border: none;
    border-radius: 22px;
    margin-top: 25px;
    color: #fff;
    background: #a86cfd;
}

.price-list .price-content.personalize .quotation-btn .price-btn {
    width: 198px;
    height: 45px;
    border: none;
    border-radius: 22px;
    margin-top: 25px;
    color: #fff;
    background: #f4abb4;
}

.price-list .price-content.customize .quotation-btn .price-btn {
    width: 198px;
    height: 45px;
    border: none;
    border-radius: 22px;
    margin-top: 25px;
    color: #fff;
    background: #c800d3;
}

.price-list .price-card .price-card-body ul li ul li:before {
    content: "\2713";
    margin-left: -25px;
    padding: 15px;
}

.price-list .price-card.engage .price-card-body ul li ul li:before {
    color: #378d00;
}

.price-list .price-card.localize .price-card-body ul li ul li:before {
    color: #378d00;
}

.price-list .price-card.personalize .price-card-body ul li ul li:before {
    color: #378d00;
}

.price-list .price-card.customize .price-card-body ul li ul li:before {
    color: #378d00;
}

.price-list .price-content span {
    position: absolute;
    background-color: #31b5ff;
    color: #fff;
    padding: 8px 33px;
    font-size: 18px;
    border-radius: 15px 15px 0px 0px;
}

.price-list .price-content.engage span {
    background-color: #31b5ff;
}

.price-list .price-content.localize span {
    background-color: #a86cfd;
}

.price-list .price-content.personalize span {
    background-color: #f4abb4;
}

.selfService,
.manualService {
    width: 75%;
}

@media (max-width: 991.98px) {

    .selfService,
    .manualService {
        width: 100%;
    }
}

@media (max-width: 767.98px) {

    .selfService,
    .manualService {
        width: 100%;
    }
}

nav.service-tab {
    background-color: rgba(49, 181, 255, 0.2);
    border-radius: 1.5rem;
    user-select: none;
    padding-top: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.services-container {
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.4s ease-in-out;
    max-height: var(--filters-container-height);
}

.services-wrapper {
    position: relative;
    transition: opacity 0.2s ease-in-out;
    opacity: var(--filters-wrapper-opacity);
}

.service-tabs {
    border-radius: 1rem;
    padding: 0.3rem;
    overflow: hidden;
    background-color: var(--orange-50);
}

.service-tabs li {
    position: relative;
    z-index: 1;
    display: flex;
}

.service-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    flex-grow: 1;
    height: 3rem;
    padding: 0 1.5rem;
    color: rgba(0, 0, 0, 0.7);
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 1rem;
    background: #fff;
    margin: 12px;
    border: none;
}

.service-button.active {
    font-size: 1rem;
    color: #fff;
    background: #04a5ff;
    border-radius: 0.8rem;
    border: none;
}

.service-slider {
    pointer-events: none;
    position: absolute;
    padding: 0.3rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.service-slider-rect {
    height: 3rem;
    width: 33.33%;
    border-radius: 0.8rem;
    background-color: var(--white);
    box-shadow: 0 0.1rem 1rem -0.4rem rgba(0, 0, 0, 0.12);
    transition: transform 0.4s ease-in-out;
    transform: translateX(var(--translate-filters-slider));
}

ul.service-tabs {
    list-style-type: none;
    display: flex;
}

.price-list .price-card .price-card-footer .self-service-btn {
    width: 145px;
    height: 40px;
    border-radius: 9px;
    border: none;
}

.price-list .price-card.engage .price-card-footer .self-service-btn {
    background: #31b5ff;
    color: #fff;
}

.price-list .price-card.localize .price-card-footer .self-service-btn {
    background: #a86cfd;
    color: #fff;
}

.price-list .price-card.personalize .price-card-footer .self-service-btn {
    background: #f4abb4;
    color: #fff;
}

.vertical-txt {
    text-align: right;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #fff;
    font-size: 20px;
}

.price-list .wrapv {
    height: 100%;
    margin-top: 109px;
    width: 4%;
    margin-right: -16px;
    padding: 60px 40px 60px 20px;
    border-radius: 20px 0px 0px 20px;
}

.price-list .wrapv.engage {
    background: #31b5ff;
}

.price-list .wrapv.localize {
    background: #a86cfd;
}

.price-list .wrapv.personalize {
    background: #f4abb4;
}

.pricing .pricing-col {
    float: left;
    width: 75.3%;
    padding: 8px;
}

.pricing .pricing-col .price-desc {
    list-style-type: none;
    margin: 0;
    padding: 0;
    transition: 0.3s;
}

.pricing .price-title {
    font-size: 1.75rem;
    background: linear-gradient(to bottom, #00c8f3, #00b2ff, #09f, #007bff, #0053fd);
    color: #fff;
}

.pricing .pricing-col .price {
    list-style-type: none;
    margin: 0;
    padding: 0;
    transition: 0.3s;
}

.pricing .pricing-col .price-desc li {
    padding: 20px;
    font-size: 18px;
    justify-content: space-between;
}

.pricing .pricing-col .price li {
    padding: 20px;
    text-align: center;
}

.pricing .pricing-col .price_scal li {
    text-align: center;
    font-size: 18px;
}

.tabcontent {
    display: none;
}

@media (max-width: 991.98px) {
    section.price-hero .container {
        text-align: center;
        display: flex;
        align-items: center;
    }

    .price-list .price-card.personalize {
        margin-top: 20px;
    }

    .price-list .price-card.customize {
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    .price-list .price-card.localize {
        margin-top: 20px;
    }
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    .price-list .price-content.engage .quotation-btn .price-btn {
        height: 60px;
    }

    .price-list .price-content.localize .quotation-btn .price-btn {
        height: 60px;
    }

    .price-list .price-content.personalize .quotation-btn .price-btn {
        height: 60px;
    }

    .price-list .price-content.customize .quotation-btn .price-btn {
        height: 60px;
    }
}

@media (min-width: 491.98px) and (max-width: 767.98px) {
    .service-button {
        padding: 0 0.5rem;
    }
}

@media (max-width: 491.98px) {
    .service-button {
        padding: 0 -0.5rem;
    }
}

@media (max-width: 1680.98px) {
    .price-first {
        margin-left: -130px;
    }
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    .price-list .price-content span {
        transform: translateX(30%);
    }
}

@media (max-width: 991.98px) {
    .price-list .price-content span {
        transform: translateX(70%);
    }
}

@media (max-width: 991.98px) {
    .price-first {
        margin-left: 0px;
    }
}

@media (min-width: 398.98px) {
    .service-button {
        font-size: 1rem;
        margin: 4px;
    }

    .services-container {
        padding: 0 1rem;
    }

    .price-first {
        margin-left: -20px;
    }

    .pricing .pricing-col .price_scal {
        border: none;
    }

    .pricing .pricing-col .price_scal li img {
        width: 30px;
        height: 40px;
    }

    .pricing .pricing-col .price li img {
        width: 30px;
        height: 40px;
    }
}

.price-list-item {
    position: relative;
    display: flex;
    justify-content: center;
}

.price-list-top-badge {
    position: absolute;
    top: 0;
}

.price-list-side-badge {
    height: 80%;
    width: 50px;
    z-index: 1;
    top: 50%;
    position: relative;
    border-top-left-radius: 15px;
    transform: translateY(-50%);
    display: flex;
    border-bottom-left-radius: 15px;
    align-items: center;
    justify-content: center;
}

.price-list-side-badge.engage {
    background: #0199ff;
}

.price-list-side-badge.localize {
    background: #a86cfd;
}

.price-list-side-badge.personalize {
    background: #f4abb4;
}

.price-list-item .price-card.engage {
    width: 100%;
}

.price-list-item .price-content.engage {
    position: relative;
}

.price-list-item .price-content.engage span {
    top: -42px;
    left: 53%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767.98px) {
    .price-list-item .price-content.engage span {
        left: 52%;
    }

    .price-list-item {
        padding: 0 50px;
    }

    #manualService .price-content {
        width: 100%;
        padding: 0 50px;
    }

    #manualService .price-content .price-card {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .price-list .price-card {
        max-width: 340px;
        height: auto !important;
        width: 100% !important;
        margin: 0 auto;
    }

    .quotation-btn button {
        position: relative !important;
    }
}

.premium-wrapper {
    display: -ms-flexbox;
    display: flex;
    padding: 1.8rem 6rem;
    flex-direction: column;
    text-align: center;
}

@media (max-width: 991.98px) {
    .premium-wrapper {
        padding: 1.8rem 6rem;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper {
        padding: 30px;
    }
}

.premium-wrapper .premium-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.3rem;
    line-height: 64px;
    text-align: center;
    letter-spacing: -1.8px;
}

@media (max-width: 991.98px) {
    .premium-wrapper .premium-heading {
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper .premium-heading {
        font-size: 1.5rem;
    }
}

.premium-wrapper .premium-dark-bg {
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    display: flex;
    color: white;
}

.premium-wrapper .premium-dark {
    display: flex;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 85%;
    padding: 30px 0px 0px;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: flex-start;
    grid-row-gap: 32px;
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    color: white;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .premium-wrapper .premium-dark {
        width: 85%;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper .premium-dark {
        width: 100%;
    }
}

.premium-wrapper .premium-dark .premium-dark-block {
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: center;
}

.premium-wrapper .premium-dark .premium-dark-block .premium-dark-highlight {
    margin-bottom: 14px;
    background-clip: text;
    font-style: normal;
    font-weight: 600;
    font-size: 56px;
    line-height: 84px;
    text-align: center;
    color: #fff;
}

@media (max-width: 991.98px) {
    .premium-wrapper .premium-dark .premium-dark-block .premium-dark-highlight {
        font-size: 56px;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper .premium-dark .premium-dark-block .premium-dark-highlight {
        font-size: 42px;
    }
}

.premium-wrapper .premium-dark .premium-dark-block .premium-dark-text {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

@media (max-width: 991.98px) {
    .premium-wrapper .premium-dark .premium-dark-block .premium-dark-text {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper .premium-dark .premium-dark-block .premium-dark-text {
        font-size: 15px;
    }
}

.premium-wrapper .premium-dark .border-radius-10 {
    border-radius: 10px;
}

.premium-wrapper .premium-bottom {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    box-shadow: 0px 1px 13px 2px rgba(0, 0, 0, 0.1);
    padding-top: 14%;
    margin-top: -13%;
    z-index: -1;
    border-radius: 35px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .premium-wrapper .premium-bottom {
        padding: 1.8rem 6rem;
        width: 75%;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper .premium-bottom {
        width: 100%;
        padding: 5px;
        padding-top: 20%;
        margin-top: -25%;
    }
}

.premium-wrapper .premium-bottom .premium-right {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    padding-left: 80px;
}

@media (max-width: 991.98px) {
    .premium-wrapper .premium-bottom .premium-right {
        font-size: 12px;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper .premium-bottom .premium-right {
        max-width: 300px;
        padding: 2px 20px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -30px;
    }
}

.premium-wrapper .premium-bottom .premium-right .premium-feature span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #9058ff;
}

.premium-wrapper .premium-bottom .premium-left {
    font-size: 20px;
    padding-left: 40px;
}

@media (max-width: 991.98px) {
    .premium-wrapper .premium-bottom .premium-left {
        font-size: 12px;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper .premium-bottom .premium-left {
        max-width: 300px;
        padding: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

.premium-wrapper .premium-bottom .premium-left .premium-feature span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #00bbf6;
}

.premium-wrapper .premium-bottom .premium-footer .premium-feature {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #474747;
}

.premium-wrapper .premium-bottom .premium-footer .premium-feature a {
    background: linear-gradient(270deg, #eb51c7 2.99%, #9058ff 48.53%, #00a0fa 97.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.premium-wrapper1 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 1px 13px 2px rgba(0, 0, 0, 0.1);
    border-radius: 35px;
    padding: 0.5rem 3rem;
}

@media (max-width: 991.98px) {
    .premium-wrapper1 {
        padding: 1.8rem 6rem;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper1 {
        padding: 2rem 3rem;
        background: none;
        border-radius: 0;
        box-shadow: none;
        margin-top: -30px;
    }
}

.premium-wrapper1 .premium-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.3rem;
    line-height: 64px;
    text-align: center;
    letter-spacing: -1.8px;
}

@media (max-width: 991.98px) {
    .premium-wrapper1 .premium-heading {
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .premium-wrapper1 .premium-heading {
        font-size: 1.5rem;
        margin-top: -30px;
    }
}

.premium-wrapper1 .premium-dark-bg {
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    display: flex;
    color: white;
}

.premium-wrapper1 .premium-dark {
    display: flex;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 50px 80px 60px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 32px;
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    color: white;
}

.premium-wrapper1 .premium-dark .premium-dark-block {
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: center;
}

.premium-wrapper1 .premium-dark .premium-dark-block .premium-dark-highlight {
    margin-bottom: 14px;
    background-image: linear-gradient(110deg, #55defc, #6537ff 54%, #df56d2);
    font-size: 3rem;
    line-height: 64px;
    background-clip: text;
}

.premium-wrapper1 .premium-dark .border-radius-10 {
    border-radius: 10px;
}

.premium-wrapper1 .premium-bottom {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

.premium-wrapper1 .premium-bottom .premium-right {
    display: flex;
    padding: 1.8rem;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    background-color: #fff;
    text-align: center;
}

.premium-dark-desc {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}

.premium-right-title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.8px;
}

.premium-right-desc {
    color: #4b5563;
}

.premium-right-img {
    margin-top: 20px;
    margin-bottom: 24px;
    align-self: center;
}

.saas-plan-list .custom-separator {
    width: 100%;
    height: 2px;
}

@media (max-width: 991.98px) {
    .saas-plan-list {
        padding: 1.8rem;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list {
        padding: 2rem;
    }
}

.saas-plan-list #saas-tab-1 {
    width: 100%;
    height: auto;
}

.saas-plan-list #saas-tab-2 {
    width: 100%;
    height: auto;
}

.saas-plan-list .free-card .card-body h4 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    color: #0e0f26;
}

.saas-plan-list .basic-card .card-body h4 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    color: #0e0f26;
}

.compare-price .title2 {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;

    color: #FFFFFF;

    mix-blend-mode: normal;

}

span.per-month {
    color: white;
}

.pro-card {
    background-image: url("https://wavel.ai/wp-content/uploads/2025/04/bg-grad-pro-plan.webp");
    padding: 0px;
    border-radius: 24px;
    height: fit-content;
}

.saas-plan-list .pro-card .card-body h4 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    color: #0e0f26;
}

.saas-plan-list .team-card .card-body h4 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    color: #0e0f26;
}

.saas-plan-list .saas-plan-list .pricing-item .plan-title h4 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    color: #0e0f26;
}

.saas-plan-list .dynamic-credit-text {
    color: #664aff;
    font-weight: 800;
    font-size: x-large;
}

.saas-plan-list .pricing-item {
    background: #0E0F26;
    border: 0.5px solid #E6E6E9;
    border-radius: 24px;
    /* border-radius: 20px;
    box-shadow: 0px 0px 30px -7px rgba(0, 0, 0, 0.29) !important; */
}

.saas-plan-list .pricing-item .plan-title {
    font-weight: bolder;
    letter-spacing: 2px;
}

.saas-plan-list .pricing-item .plan-title h4 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    color: #0e0f26;
}

.saas-plan-list .pricing-item .card-footer {
    background: none;
    border: none;
}

.saas-plan-list .pricing-item .card-footer a {
    text-decoration: none;
}

.saas-plan-list .price-value {
    font-weight: 0;
}

.saas-plan-list .price-value .figure {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 27.44px;
    line-height: 35px;
    text-align: justify;
    display: flex;
    color: #0e0f26;
    width: max-content;
}

.saas-plan-list .price-value .figure .dollar {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 27.44px;
    line-height: 35px;
    text-align: justify;
    color: #0e0f26;
}

.saas-plan-list .price-value .per-month {
    /* font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: max-content;
    color: #676768; */

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FCFCFF;


}

.saas-plan-list .plans-header,
.saas-plan-list .plans-header .title {
    margin-top: 20px;
}

.saas-plan-list .blue-outline {
    /* background: #fcfcff;
    border: 4px solid #830c83;
    box-shadow: 0px 12px 72px rgba(252, 252, 255, 0.3);
    border-radius: 24px; */

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px 6px;


    background: linear-gradient(180deg, #0E0F26 0%, rgba(14, 15, 38, 0.8) 100%);
    backdrop-filter: blur(12px);
    border-radius: 24px;
    width: 400px;


}

.saas-plan-list .popular-tag {
    position: absolute;
    left: auto;
    top: -12px;
    right: 20px;
    bottom: auto;
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 5px;
    position: absolute;
    width: 124px;
    height: 36px;
    right: 0px;
    top: 0px;
    background: #830c83;
    border-radius: 0px 12px;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fcfcff;
}

.saas-plan-list .rounded-lg {
    border-radius: 1rem !important;
}

.saas-plan-list .text-small {
    /* font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: #0e0f26; */

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: justify;
    color: #FCFCFF;


}

.saas-plan-list .pro-text {
    color: white;
}

.saas-plan-list .premium-wrapper {
    display: -ms-flexbox;
    display: flex;
    padding: 1.8rem 6rem;
    flex-direction: column;
    text-align: center;
}

.signup .button-signup-price {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 30px;
    gap: 7.5px;

    width: 275px;
    height: 50px;

    border: 1px solid #FCFCFF;
    border-radius: 12px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #FCFCFF;



}

.signup .button-signup-price-pro {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 30px;
    gap: 7.5px;

    width: 323px;
    height: 50px;

    background: linear-gradient(90deg, #833AB4 0%, #405DE6 100%);
    border-radius: 12px;
    color: white !important;

}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper {
        padding: 1.8rem 6rem;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper {
        padding: 5px;
    }
}

.saas-plan-list .premium-wrapper .premium-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.3rem;
    line-height: 64px;
    text-align: center;
    letter-spacing: -1.8px;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper .premium-heading {
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper .premium-heading {
        font-size: 1.5rem;
    }
}

.saas-plan-list .premium-wrapper .premium-dark-bg {
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    display: flex;
    color: white;
}

.saas-plan-list .premium-wrapper .premium-dark {
    display: flex;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 85%;
    padding: 30px 0px 0px;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: flex-start;
    grid-row-gap: 32px;
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    color: white;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper .premium-dark {
        width: 85%;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper .premium-dark {
        width: 95%;
    }
}

.saas-plan-list .premium-wrapper .premium-dark .premium-dark-block {
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: center;
}

.saas-plan-list .premium-wrapper .premium-dark .premium-dark-block .premium-dark-highlight {
    margin-bottom: 14px;
    background-clip: text;
    font-style: normal;
    font-weight: 600;
    font-size: 56px;
    line-height: 84px;
    text-align: center;
    color: #fff;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper .premium-dark .premium-dark-block .premium-dark-highlight {
        font-size: 56px;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper .premium-dark .premium-dark-block .premium-dark-highlight {
        font-size: 35px;
    }
}

.saas-plan-list .premium-wrapper .premium-dark .premium-dark-block .premium-dark-text {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper .premium-dark .premium-dark-block .premium-dark-text {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper .premium-dark .premium-dark-block .premium-dark-text {
        font-size: 15px;
    }
}

.saas-plan-list .premium-wrapper .premium-dark .border-radius-10 {
    border-radius: 10px;
}

.saas-plan-list .premium-wrapper .premium-bottom {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    box-shadow: 0px 1px 13px 2px rgba(0, 0, 0, 0.1);
    padding-top: 14%;
    margin-top: -14%;
    z-index: -1;
    border-radius: 35px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper .premium-bottom {
        padding: 1.8rem 6rem;
        width: 75%;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper .premium-bottom {
        width: 100%;
        padding: 5px;
    }
}

.saas-plan-list .premium-wrapper .premium-bottom .premium-right {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
}

.saas-plan-list .premium-wrapper .premium-bottom .premium-right .premium-feature span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #9058ff;
}

.saas-plan-list .premium-wrapper .premium-bottom .premium-left {
    font-size: 20px;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper .premium-bottom .premium-left {
        font-size: 12px;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper .premium-bottom .premium-left {
        max-width: 300px;
        padding: 20px;
    }
}

.saas-plan-list .premium-wrapper .premium-bottom .premium-left .premium-feature span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #00bbf6;
}

.saas-plan-list .premium-wrapper .premium-bottom .premium-footer .premium-feature {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #474747;
}

.saas-plan-list .premium-wrapper .premium-bottom .premium-footer .premium-feature a {
    background: linear-gradient(270deg, #eb51c7 2.99%, #9058ff 48.53%, #00a0fa 97.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.saas-plan-list .premium-wrapper1 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 1px 13px 2px rgba(0, 0, 0, 0.1);
    border-radius: 35px;
    padding: 0.5rem 3rem;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper1 {
        padding: 1.8rem 6rem;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper1 {
        padding: 2rem 3rem;
    }
}

.saas-plan-list .premium-wrapper1 .premium-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.3rem;
    line-height: 64px;
    text-align: center;
    letter-spacing: -1.8px;
}

@media (max-width: 991.98px) {
    .saas-plan-list .premium-wrapper1 .premium-heading {
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .saas-plan-list .premium-wrapper1 .premium-heading {
        font-size: 1.5rem;
    }
}

.saas-plan-list .premium-wrapper1 .premium-dark-bg {
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    display: flex;
    color: white;
}

.saas-plan-list .premium-wrapper1 .premium-dark {
    display: flex;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 50px 80px 60px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 32px;
    background: linear-gradient(101.75deg, rgba(0, 160, 250, 0.8) 5.82%, rgba(144, 88, 255, 0.8) 48.54%, rgba(235, 81, 199, 0.8) 91.27%);
    border-radius: 41px;
    color: white;
}

.saas-plan-list .premium-wrapper1 .premium-dark .premium-dark-block {
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: center;
}

.saas-plan-list .premium-wrapper1 .premium-dark .premium-dark-block .premium-dark-highlight {
    margin-bottom: 14px;
    background-image: linear-gradient(110deg, #55defc, #6537ff 54%, #df56d2);
    font-size: 3rem;
    line-height: 64px;
    background-clip: text;
}

.saas-plan-list .premium-wrapper1 .premium-dark .border-radius-10 {
    border-radius: 10px;
}

.saas-plan-list .premium-wrapper1 .premium-bottom {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

.saas-plan-list .premium-wrapper1 .premium-bottom .premium-right {
    display: flex;
    padding: 1.8rem;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    background-color: #fff;
    text-align: center;
}

.saas-plan-list .premium-dark-desc {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}

.saas-plan-list .premium-right-title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.8px;
}

.saas-plan-list .premium-right-desc {
    color: #4b5563;
}

.saas-plan-list .premium-right-img {
    margin-top: 20px;
    margin-bottom: 24px;
    align-self: center;
}

.pricecontainer {
    display: grid;
    grid-template-columns: 3fr 1fr;
    align-items: center;
}

.freedesc {
    margin-bottom: 0;
    /* font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #0e0f26; */

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #FCFCFF;



}

.compare-price {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 100px 80px;
    gap: 50px;
    background: #0E0F26;
    width: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.compare-price h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 58.8px;
    line-height: 74px;
    text-align: center;
    color: #0e0f26;
    mix-blend-mode: normal;
}

@media (max-width: 991.98px) {
    .compare-price h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
        text-align: center;
        color: #0e0f26;
        mix-blend-mode: normal;
    }
}

@media (max-width: 767.98px) {
    .compare-price h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 35.28px;
        line-height: 44px;
        text-align: center;
        color: #0e0f26;
        mix-blend-mode: normal;
    }
}

.compare-price .nav-tabs {
    float: left;
    margin: 0;
    display: flex;
    padding: 10px;
    list-style: none;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
    gap: 10px;
}

.compare-price .nav-tabs .navlinktab {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 500;
    font-size: 27.44px;
    line-height: 35px;
    text-align: center;
    color: #929293;
    text-align: center;
    padding: 10px 40px 10px 30px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 3px solid #929293;
}

.compare-price .nav-tabs .navlinktab.active {
    transition: all 250ms ease-in-out;
    border-bottom: 3px solid black;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 500;
    font-size: 27.44px;
    line-height: 35px;
    text-align: center;
    color: black;
}

.comparetable {
    padding: 20px;
    width: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.comparetable table {
    padding: 10px;
}

.comparetable table th {
    /*
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 19.6px;
    line-height: 25px;
    color: #0E0F26; */

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 27.44px;
    line-height: 35px;
    color: #FCFCFF;




}

.comparetable table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 20px;
    gap: 10px;
    width: 1500px;
    border-bottom: 2px solid #929293;


}

.comparetable table td {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 7.5px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;

    color: #FCFCFF;




}

table .comparetext2 {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.comparepricebox {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 12px;


    background: rgba(255, 255, 255, 0.1);
    border: 0.5px solid #FFFFFF;
    backdrop-filter: blur(6px);
    border-radius: 16px;



}

.comparepricebox .text {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;

    color: #FCFCFF;



}

.comparepriceboxpro .text {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;

    color: #FCFCFF;



}

.comparetext {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 53px;

    text-align: justify;

    color: #FFFFFF;

}

.comparepriceboxpro {


    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 12px;


    background: linear-gradient(180deg, #0E0F26 0%, rgba(14, 15, 38, 0.8) 100%);
    backdrop-filter: blur(6px);
    border-radius: 16px;




}

@media (max-width: 991.98px) {
    .comparetable table tr {
        width: 800px;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 19.6px;
        line-height: 25px;
        text-align: center;
        color: #0e0f26;
    }
}

@media (max-width: 767.98px) {
    .comparetable table tr {
        width: 400px;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #0e0f26;
    }
}

.comparetable table tr .pro {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19.6px;
    line-height: 25px;
    /* text-align: center; */
    color: #830c83;
}

@media (max-width: 991.98px) {
    .comparetable table tr .pro {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 19.6px;
        line-height: 25px;
        text-align: center;
        color: #830c83;
    }
}

@media (max-width: 767.98px) {
    .comparetable table tr .pro {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #830c83;
    }
}

.comparetable table tbody tr {
    border-bottom: none;
}

.discount {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;

    color: #3DD68C;


    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px;
    /* background: linear-gradient(135deg, #24FDCB -0.74%, #CFF36F 99.26%);
    border-radius: 6px; */
    margin-top: -10px;
    width: max-content;




    background: rgba(255, 255, 255, 0.1);
    border-radius: 6px;


}

.dis {
    display: flex;
    align-items: center;
    gap: 10px;
}

.disfont {

    /* font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 70.56px;
    line-height: 89px; */



    font-family: 'Outfit';
    font-style: normal;
    font-weight: 800 !important;
    font-size: 42px !important;
    line-height: 53px !important;

    text-align: justify !important;

    color: #3DD68C !important;


}

.button-try {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 14px;
    gap: 7.5px;
    width: fit-content;
    height: fit-content;
    border: 1px solid #830c83;
    filter: drop-shadow(0px 8px 24px rgba(20, 20, 26, 0.2));
    border-radius: 9px;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #fcfcff;
}

.talk-to-sales {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 16px;
    gap: 7.5px;
    width: fit-content;
    height: fit-content;
    border-radius: 12px !important;
    border: 1px solid #E6E6E9 !important;
    background: #F2F2F2 !important;

    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: black !important;
}

.videobtn.activebtn{

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 16px;
gap: 8px;


background: #F2F2F2 !important;
border: 1px solid #405DE6 !important;
border-radius: 12px;


}

/* .button-try:hover {
    color: #fff !important;
} */

.button-try:focus {
    box-shadow: none;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .button-try {
        padding: 0.75rem 1.5rem;
    }

}

.button-signup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 30px;
    gap: 10px;
    width: fit-content;
    height: auto;
    background: #830c83;
    border-radius: 12px;
    z-index: 0;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #FFFBFB;

    flex: none;
    order: 0;
    flex-grow: 0;
}

.button-signup:hover {
    color: #fff !important;
}

.button-signup:hover {
    background-color: #750B75;
}

@media (min-width: 768px) {
    .button-signup {
        padding: 0.75rem 1.5rem;
    }
}

.button-login {
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 14px;
    gap: 10px;
    width: 90px;
    height: 38px;
    border: 1px solid #830c83 !important;
    filter: drop-shadow(0px 8px 24px rgba(20, 20, 26, 0.2));
    border-radius: 9px;
}

@media (min-width: 768px) {

    .button-login {
        padding: 0.5rem 1.5rem;
    }
}

.signup .button-signup {
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #830c83;
    /* filter: drop-shadow(0px 16px 32px rgba(20, 20, 26, 0.3)); */
    border-radius: 12px;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #0e0f26;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 9px 60px;
}

.signup .button-signup2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 7.5px;
    background: #830c83;
    border-radius: 12px;
    box-sizing: border-box;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: white;
    text-align: center;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 10px 55px;
    width: 100%;
    max-width: 286px;
}

.signup .button-signup:hover {
    color: black;
}

.button-signup2:hover {
    background-color: #750B75;
}

@media (min-width: 768px) {
    .button-signup {
        padding: 0.75rem 1.5rem;
    }
}

.button-signup-blue {
    background: #6262d8;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 10px;
    font-size: 0.938rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    text-decoration: none #6b7280 solid;
    text-decoration-thickness: auto;
    transition-duration: 0.2s;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    touch-action: manipulation;
    width: fit-content;
}

.button-signup-blue:hover {
    background: #6262d8;
}

.button-signup-blue:focus {
    box-shadow: none;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .button-signup-blue {
        padding: 0.5rem 1.5rem;
    }
}

.pricingcontainer {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: -15px;
}

.button-languague {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 15px;
    position: absolute;
    border-radius: 22px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0.15rem 0.15rem;
    margin-top: 3px;
    text-align: center;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    width: auto;
}

@media (min-width: 768px) {
    .button-languague {
        padding: 0.2rem 0.5rem;
    }
}

.button-color-violet {
    background: #1a3fff;
    border-radius: 22px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    opacity: 1;
    outline: 0 solid transparent;
    padding: 10px 70px;
    user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.client-sec-notuse {
    color: #fff;
    overflow: hidden;
}

.client-sec-notuse .marquee-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    isolation: isolate;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.client-sec-notuse .marquee-wrapper .container {
    overflow: hidden;
}

.client-sec-notuse .marquee-inner span {
    width: 50%;
}

.client-sec-notuse .marquee-wrapper .marquee-block {
    --total-marquee-items: 10;
    height: 70px;
    width: calc(250px * (var(--total-marquee-items)));
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.client-sec-notuse .marquee-inner {
    display: block;
    width: 200%;
    position: absolute;
}

.client-sec-notuse .marquee-inner p {
    font-weight: 800;
    font-size: 30px;
    font-family: cursive;
}

.client-sec-notuse .marquee-inner.to-left {
    animation: marqueeLeft 90s linear infinite;
}

.client-sec-notuse .marquee-item {
    width: 230px;
    height: auto;
    display: inline-block;
    margin: 0 10px;
    float: left;
    transition: all 0.2s ease-out;
}

@keyframes marqueeLeft {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@media screen and (max-width: 479px) {
    .w-container {
        max-width: none;
    }
}

@media screen and (max-width: 991px) {
    .w-container {
        max-width: 728px;
    }
}

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}

/* Tablet View */
@media (max-width: 991.98px) {
    .client-sec-notuse {
        padding: 30px;
    }
}

/* Mobile View */
@media (max-width: 575.98px) {
    .client-sec-notuse {
        padding: 20px;
    }

    .card-body-box {
        display: flex;
        flex-direction: column;
    }

    .comparetable {
        padding: 20px;
        width: 350px;
        overflow-x: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .comparetable table {
        padding: 10px;
        width: 100%;
        table-layout: auto;
    }

    .comparetable table td {
        width: max-content;
    }
}

.w-container:after,
.w-container:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

@media screen and (max-width: 991px) {
    .heading-2-copy {
        font-size: 32px;
        line-height: 48px;
    }
}

.heading-2-copy {
    position: relative;
    z-index: 22;
    margin-bottom: 16px;
    color: #fff;
    font-size: 56px;
    line-height: 68px;
    text-align: center;
    letter-spacing: -1.8px;
}

@media screen and (max-width: 479px) {
    .text-block-4 {
        line-height: 24px;
    }
}

@media screen and (max-width: 991px) {
    .text-block-4 {
        font-size: 18px;
        line-height: 26px;
    }
}

.text-block-4 {
    position: relative;
    z-index: 2;
    max-width: 702px;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    text-align: center;
}

.w-container:after {
    clear: both;
}

.w-container:after,
.w-container:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

@media screen and (max-width: 479px) {
    .gradient-feature {
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 32px;
    }
}

@media screen and (max-width: 991px) {
    .gradient-feature {
        height: 620px;
    }
}

.gradient-feature {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: block;
    height: 680px;
    border-bottom-left-radius: 48px;
    border-bottom-right-radius: 48px;
}

.scroll-line {
    display: flex;
    justify-content: flex-end;
    grid-auto-columns: 1fr;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
}

@media screen and (max-width: 991px) {
    .line-na-8 {
        margin-bottom: 16px;
    }
}

.line-na-8 {
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px;
    margin-bottom: 24px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    justify-items: start;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.scroll-feature {
    display: flex;
    padding: 12px 16px 12px 12px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid rgba(246, 246, 253, .15);
    border-radius: 16px;
}

.div-img-feaure {
    display: flex;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 12px;
    background-color: #fff;
}

@media screen and (max-width: 479px) {
    .name-feature {
        display: block;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
}

.name-feature {
    margin-bottom: 0;
    color: #fff;
}

.scroll-line.left-line {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 991px) {
    .wrapper-btn-feature {
        height: 240px;
    }
}

.wrapper-btn-feature {
    position: relative;
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrapper-btn-feature .head-feature {
    margin-bottom: 12px;
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -0.8px;
}

.wrapper-btn-feature .text-feature {
    max-width: 90%;
    margin-bottom: 15px;
    color: #f9fafb;
    line-height: 24px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .line-na-6 {
        margin-bottom: 16px;
    }
}

.line-na-6 {
    display: -ms-grid;
    display: grid;
    margin-right: 16px;
    margin-bottom: 24px;
    flex-direction: row;
    justify-content: flex-end;
    justify-items: start;
    align-items: flex-end;
    flex: 0 0 auto;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.div-block-22 {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: none;
    height: 100vh;
}

.text-feature {
    color: #fff;
}

@keyframes scroll1 {
    0% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(50%);
    }
}

.custom-faq {
    display: flex !important;
    align-items: center;
}

.custom-faq .custom-container {
    display: flex !important;
    flex-direction: row !important;
}

@media (max-width: 991.98px) {
    .custom-faq .custom-container {
        flex-direction: column !important;
    }
}

@media (max-width: 767.98px) {
    .custom-faq .custom-container {
        flex-direction: column !important;
    }
}

.custom-faq p {
    margin-top: 0 !important;
    text-align: left !important;
}

.faq-heading {
    font-size: 20px;
}

@media (max-width: 767.98px) {
    .image-mobile-none {
        display: none !important;
    }
}

section.potential {
    padding: 10px;
}

@media (max-width: 767.98px) {
    section.potential {
        padding: 10% 5.5%;
    }
}

section.potential .container {
    display: block;
    max-width: 1255px;
}

section.potential .container .title {
    left: 451px;
    top: 7621px;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #474747;
    margin: 75px 0 75px 0;
}

section.potential .container .wavel-potential .menu-sidebar-row .sidebar-menu-container {
    grid-template-columns: 50px 1fr;
    align-items: flex-start;
}

section.potential .container .wavel-potential .menu-sidebar-row .nav-img-c img.nav-sidebar-img {
    width: 58px;
    margin-right: 10px;
}

section.potential .container .wavel-potential .menu-sidebar-row .nav-sidebar-row-container h4.nav-sidebar-row-heading {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 38px;
    margin-top: 10px;
    color: #343434;
}

section.potential .container .wavel-potential .menu-sidebar-row .nav-sidebar-row-container h5.nav-sidebar-row-p {
    left: 195px;
    top: 7890px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #ef7575;
}

.features_btn i.fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    color: #00c8f3;
}

.pricing-description ul li {
    /* font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px; */
    max-width: 250px;


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #FCFCFF;
    display: flex;
    align-items: center;
    gap: 5px;
}

.figure span {
    /* font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 70.56px;
    line-height: 89px;
    text-align: justify;
    color: #0e0f26; */
    display: flex;
    align-items: center;


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 53px;
    color: #FCFCFF;



}

.subscription-price-container .pricing-item {
    width: 350px;
    margin: 10px;
}

.subscription-price-container .tab-slider--nav {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .subscription-price-container .tab-slider--nav {
        margin-top: -30px;
    }
}

.subscription-price-container .tab-slider--nav .tab-slider--tabs {
    float: left;
    margin: 0;
    display: flex;
    padding: 10px;
    list-style: none;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .subscription-price-container .tab-slider--nav .tab-slider--tabs {
        padding: 10px;
    }
}

.subscription-price-container .tab-slider--nav .tab-slider--tabs:after {
    content: "";
    width: 47%;
    height: 80%;
    position: absolute;
    top: 5px;
    left: 0;
}

.subscription-price-container .tab-slider--nav .tab-slider--tabs.slide:after {
    left: 50%;
}




.subscription-price-container .tab-slider--nav .tab-slider--trigger {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 27.44px;
    line-height: 35px;
    text-align: center;
    text-align: center;
    padding: 10px 40px 10px 30px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* border-bottom: 3px solid #929293; */
    display: flex;
    gap: 10px;
}




@media (max-width: 991.98px) {
    .subscription-price-container .tab-slider--nav .tab-slider--trigger {
        padding: 10px 20px 10px 30px;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
    }
}

@media (max-width: 767.98px) {
    .subscription-price-container .tab-slider--nav .tab-slider--trigger {
        padding: 10px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }
}

.subscription-price-container .tab-slider--nav .tab-slider--trigger.active {
    transition: all 250ms ease-in-out;
    border-bottom: 3px solid #fcfcff;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 27.44px;
    line-height: 35px;
    text-align: center;
    color: #fcfcff;
}

.subscription-price-container .tab-slider--nav .tab-slider--trigger.active a {
    color: #fcfcff;

}

.subscription-price-container .tab-slider--nav .tab-slider--trigger a {
    color: #929293;

}

@media (max-width: 991.98px) {
    .subscription-price-container .tab-slider--nav .tab-slider--trigger.active {
        padding: 10px 20px 10px 30px;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
    }
}

@media (max-width: 767.98px) {
    .subscription-price-container .tab-slider--nav .tab-slider--trigger.active {
        padding: 10px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }
}

.subscription-price-container .tab-slider--nav .tab-slider--body {
    margin-bottom: 20px;
}

.subscription-price-container .tab-slider--nav .pricing-item {
    min-width: 18em !important;
}

@media (max-width: 767.98px) {
    section.usecase .container .subtitle {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    section.three p {
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    header nav .menu .nav-links a {
        justify-content: flex-start;
        display: contents;
    }

    .outline_button {
        margin-right: 0px;
    }

    .section-faq .info-image {
        align-items: center;
    }
}

section.section-faq .card_one .card-header_one h6[aria-expanded=false]:after {
    content: "+";
}

section.section-faq .card_one .card-header_one h6[aria-expanded=true]:after {
    content: "-";
}

.text-wavel-gradient {
    background: linear-gradient(to right, #00c8f3, #00b2ff, #09f, #007bff, #0053fd);
}

.ph-counter {
    position: absolute;
    top: 88px;
    right: 24px;
    z-index: 0;
    margin-bottom: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    text-align: center;
}

@media screen and (max-width: 479px) {
    .ph-counter {
        padding-top: 16px;
    }
}

@media screen and (max-width: 767px) {
    .ph-counter {
        position: static;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 991px) {
    .ph-counter {
        top: 72px;
    }
}

.goog-te-combo {
    background: #5e5df0;
    border-radius: 22px;
    box-shadow: #5e5df0 0 10px 20px -10px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    opacity: 1;
    outline: 0 solid transparent;
    padding: 8px 18px;
}

.hero-desktop .hero-audio {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: center;
}

.hero-desktop .hero-audio .wrapper {
    background: #009af1;
    box-shadow: 0px 0px 12px #000;
    border-radius: 37px;
    min-width: 210px;
    max-height: 67px;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 12px;
    align-items: center;
    justify-content: space-between;
    margin-top: 70px;
}

.hero-desktop .hero-audio .section1 {
    margin-top: 45px;
}

.hero-desktop .hero-audio .section1 .wrapper .voice-content .voice-content-top {
    margin-top: 20px;
}

.hero-desktop .hero-audio .section1 .wrapper .voice-content .voice-content-top img {
    margin-top: 10px;
}

.hero-desktop .hero-audio .section1 .wrapper .voice-content .voice-content-top p {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 22px;
    width: 100%;
    text-align: start;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
}

.hero-desktop .hero-audio .section1 .wrapper .voice-content .voice-content-bottom p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    width: 100%;
}

.hero-desktop .hero-audio-sub {
    display: flex;
    justify-content: flex-start;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    max-width: 100%;
    padding: 10px;
}

.hero-desktop .hero-audio-sub .wrapper {
    background: #009af1;
    box-shadow: 0px 0px 12px #000;
    border-radius: 37px;
    min-width: 210px;
    max-height: 67px;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 12px;
    align-items: center;
    justify-content: space-between;
}

.hero-desktop .hero-audio-sub .section1 {
    margin-top: 20px;
}

.hero-desktop .hero-audio-sub .section1 .wrapper .voice-content .voice-content-top {
    margin-top: 20px;
}

.hero-desktop .hero-audio-sub .section1 .wrapper .voice-content .voice-content-top img {
    margin-top: 10px;
}

.hero-desktop .hero-audio-sub .section1 .wrapper .voice-content .voice-content-top p {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 22px;
    width: 100%;
    text-align: start;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
}

.hero-desktop .hero-audio-sub .section1 .wrapper .voice-content .voice-content-bottom p {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    width: 100%;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
}

.hero-desktop .hero-audio .left-sec .wrapper {
    background: #fff !important;
}

.hero-desktop .hero-audio-sub .left-sec .wrapper {
    background: #fff !important;
}

.hero-desktop .hero-audio .left-sec .wrapper .voice-content .voice-content-top p {
    color: #009af1 !important;
}

.hero-desktop .hero-audio .left-sec .wrapper .voice-content .voice-content-bottom p {
    color: #111827 !important;
}

.hero-desktop .hero-audio-sub .left-sec .wrapper .voice-content .voice-content-top p {
    color: #009af1 !important;
}

.hero-desktop .hero-audio-sub .left-sec .wrapper .voice-content .voice-content-bottom p {
    color: #111827 !important;
}

.hero-desktop .hero-audio .section1 .wrapper .voice-play a.fa.fa-play {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 16px;
    z-index: 2;
    border-radius: 20px;
}

.hero-desktop .hero-audio .section1 .wrapper .voice-play a.fa.fa-pause {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 13px;
    z-index: 2;
    border-radius: 20px;
}

.hero-desktop .hero-audio-sub .section1 .wrapper .voice-play a.fa.fa-play {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 16px;
    z-index: 2;
    border-radius: 20px;
}

.hero-desktop .hero-audio-sub .section1 .wrapper .voice-play a.fa.fa-pause {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 13px;
    z-index: 2;
    border-radius: 20px;
}

@media (min-width: 1370.98px) {
    .hero-desktop .hero-audio .section1 {
        margin-left: 3rem !important;
    }

    .hero-desktop .hero-audio .section1.left-sec {
        margin-left: 3rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1369.98px) {
    .hero-desktop .hero-audio .section1 {
        margin-left: 1.5rem !important;
    }

    .hero-desktop .hero-audio .section1.left-sec {
        margin-right: 1.5rem !important;
    }
}

@media (max-width: 991.98px) {
    .hero .hero-mobile {
        display: block;
    }
}

section.hero .hero-mobile h2 {
    font-size: 3rem;
    width: 580px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

@media (max-width: 991.98px) {
    section.hero .hero-mobile h2 {
        margin: 0 auto;
        margin-top: 10%;
    }

    section.hero .hero-mobile span.typed {
        margin-top: 5%;
    }

    section.hero .hero-mobile p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        margin: 0 auto;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
    }
}

.hero-mobile .wrapper {
    background: #fff;
    box-shadow: 0px 0px 12px #000;
    border-radius: 37px;
    max-width: 240px;
    max-height: 67px;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 12px;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.hero-mobile .wrapper.top {
    background: #009af1;
}

.hero-mobile .wrapper .voice-content-top p {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
}

.hero-mobile .wrapper.right .voice-content-top p {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #009af1;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
}

.hero-mobile .wrapper .voice-content-bottom p {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
}

.hero-mobile .wrapper.right .voice-content-bottom p {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #111827;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
}

.hero-mobile .wrapper .voice-play a.fa.fa-play {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 16px;
    z-index: 2;
    border-radius: 20px;
}

.hero-mobile .wrapper .voice-play a.fa.fa-pause {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 13px;
    z-index: 2;
    border-radius: 20px;
}

.hero .hero-desktop .hero-audio {
    justify-content: space-around;
}

@media (max-width: 575.98px) {
    .hero .hero-mobile .hero-order {
        order: 1;
    }
}

#shadow-host-companion {
    display: none;
}

.hero-desktop .section1 .voice-play p.fa.fa-play {
    font-family: "FontAwesome" !important;
    color: rgba(255, 255, 255, 0.7);
    height: 40px;
    width: 40px;
    padding: 12px 16px;
    z-index: 2;
    border-radius: 20px;
    margin-left: 32px;
    margin-top: 0;
}

.hero-desktop .section1 .voice-play p.fa.fa-pause {
    font-family: "FontAwesome" !important;
    color: rgba(255, 255, 255, 0.7);
    height: 40px;
    width: 40px;
    padding: 12px 13px;
    z-index: 2;
    border-radius: 20px;
    margin-left: 32px;
    margin-top: 0;
}

.hero-desktop .section1 .voice-play {
    margin-top: -70px;
}

.hero-mobile .voice-play a.fa.fa-play {
    font-family: "FontAwesome" !important;
    color: rgba(255, 255, 255, 0.7);
    height: 40px;
    width: 40px;
    padding: 12px 16px;
    z-index: 2;
    border-radius: 20px;
    margin-left: 32px;
}

.hero-mobile .voice-play a.fa.fa-pause {
    font-family: "FontAwesome" !important;
    color: rgba(255, 255, 255, 0.7);
    height: 40px;
    width: 40px;
    padding: 12px 13px;
    z-index: 2;
    border-radius: 20px;
    margin-left: 32px;
}

.hero-mobile .voice-play {
    margin-top: -70px;
}

section.discover-voice {
    padding: 30px 80px;
    background: linear-gradient(180deg, #fcfcff 0%, #d4d6f9 100%);
}

section.discover-voice .container {
    display: block;
    margin-bottom: 10px;
    width: auto;
    max-width: 1440px !important;
}

.image-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.discover-voice h2.title {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    text-align: center;
    color: #676768;
    mix-blend-mode: normal;
    margin-bottom: 40px;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.b1 img {
    border: 8px solid #d5e0fe;
    border-radius: 50%;
}

.b4 img {
    border: 8px solid #e2f2fa;
    border-radius: 50%;
}

.discover-voice .section2-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    width: -webkit-fill-available;
    height: auto;

    background: #0E0F26;
    box-shadow: 0px -6px 12px rgba(20, 20, 26, 0.1);
    border-radius: 24px;

}

.discover-voice .section2-box .section-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.discover-voice .section2-box .section-content .contenttext h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #fcfcff;
    margin-bottom: 20px;
}

.discover-voice .section2-box .section-content .contenttext p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #e6e6e9;
    margin-bottom: 20px;
}

.discover-voice .section2-box .section-content .contentimg {
    position: relative;
    max-width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

/* For tablet and mobile views, display .section-content as block */
@media (max-width: 991.98px) {
    .discover-voice .section2-box {
        padding: 0px;
    }

    .discover-voice .section2-box .section-content {
        display: flex !important;
        flex-direction: column;
        /* Stack items vertically */
        align-items: center;
    }
}

@media (max-width: 575.98px) {
    .discover-voice .section2-box {
        padding: 0px;
    }

    .discover-voice .section2-box .section-content {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
}

/* Reordering for tablet */
@media (max-width: 991.98px) {

    .discover-voice .section2-box .section-content .contenttext,
    .discover-voice .section2-box .section-content .contentimg {
        order: unset !important;
    }

    .discover-voice .section2-box .section-content .contenttext {
        order: 0 !important;
    }

    .discover-voice .section2-box .section-content .contentimg {
        order: 1 !important;
    }

    .discover-voice .section2-box .section-content .contenttext1 {
        text-align: left !important;
    }
}

/* Reordering for mobile */
@media (max-width: 575.98px) {

    .discover-voice .section2-box .section-content .contenttext,
    .discover-voice .section2-box .section-content .contentimg {
        order: unset !important;
    }

    .discover-voice .section2-box .section-content .contenttext {
        order: 0 !important;
    }

    .discover-voice .section2-box .section-content .contentimg {
        order: 1 !important;
    }

    .discover-voice .section2-box .section-content .contenttext1 {
        text-align: left !important;
    }
}

.addclass {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #0e0f26;
    text-shadow: 0px 4px 6.6px rgba(20, 20, 26, 0.15);
}

.discover-voice .section2-box .section-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.discover-voice .section2-box .section-content .contenttext1 {
    text-align: right;
}

.discover-voice .section2-box .section-content .contenttext1 .button-try {
    display: inline-block;
    margin-top: 3px;
    /* Adjust as needed */
    text-align: right;
    /* Align the button to the right */
}

.discover-voice .section2-box .section-content .contenttext1 h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #fcfcff;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.discover-voice .section2-box .section-content .contenttext1 p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #e6e6e9;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    align-items: left;
}

.discover-voice .section2-box .section-content .contentimg {
    position: relative;
    max-width: 100%;
    width: -webkit-fill-available;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.discover-voice .section2-box img {
    position: relative;
    max-width: 100%;
}

.discover-voice .section2-box .b1:hover {
    animation: pulseanim2 2s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.discover-voice .section2-box .voice-play {
    position: absolute;
    top: 27%;
    left: 47%;
    opacity: 0.82;
}

.discover-voice .section2-box .voice-play p.fa.fa-play {
    font-family: FontAwesome !important;
    color: #fff;
}

.discover-voice .section2-box .voice-play p.fa.fa-pause {
    font-family: FontAwesome !important;
    color: #fff;
}

@media (max-width: 768px) and (min-width: 400px) {
    .discover-voice .section2-box {
        margin-top: 25px;
    }
}

.use-cases-container {
    margin-top: 90px !important;
}

.use-cases-container .usecase-box {
    background: #d5edff;
    border-radius: 41px;
    padding: 18px;
    gap: 10px;
}

.use-cases-container .usecase-box .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.usecase-box .section-case-box {
    background: #fff;
    border-radius: 41px;
    padding: 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
    flex: 0 0 49%;
    margin-right: 9px;
}

.usecase-box .section-case-box2 {
    background: #fff;
    border-radius: 41px;
    padding: 5px;
    flex: 0 0 32.3333333333%;
    margin-right: 9px;
    margin-top: 9px;
}

.box-content {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    max-width: 300px;
    grid-column: 2;
    grid-row: 1;
}

@media (max-width: 768px) {
    .use-cases-container {
        background: #d5edff;
    }

    .use-cases-container .usecase-box {
        max-width: 650px;
    }

    .usecase-box .section-case-box {
        margin-top: 20px;
        padding: 1px;
    }

    .box-content {
        margin-top: 15px;
        font-size: 15px;
        color: #474747;
        max-width: 435px;
    }

    .section-case-box {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 10px;
    }

    .section-case-box img {
        width: 84px;
        height: 85px;
    }

    .section-case-box2 {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 10px;
    }

    .section-case-box2 img {
        width: 84px;
        height: 85px;
    }

    .col-lg-6,
    .col-md-12,
    .col-sm-12 {
        position: relative;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    section {
        font-size: 1.125rem;
    }

    .usecase-box .section-case-box {
        max-width: 430px;
    }

    .usecase-box .section-case-box2 {
        max-width: 285px;
    }
}

section.section-ambitious {
    padding: 45px 10px 40px 10px;
    background: linear-gradient(180deg, #0e0f26 0%, #1d1f4f 100%);
}

section.section-ambitious .container {
    display: block;
    width: -webkit-fill-available;
    max-width: 1440px !important;
}

section.section-ambitious .container .sec-title1 {
    display: flex;
    padding: 30px;
}

.section-ambitious h2.title {
    margin: 0 auto;
    width: 600px;
    height: 238px;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 80px;
    line-height: 119px;
    background: linear-gradient(90deg, #FEFEFF 0%, #676768 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    mix-blend-mode: normal;
    flex: none;
    order: 0;
    flex-grow: 0;
}

@media (max-width: 767.98px) {
    .section-ambitious h2.title {
        font-size: 40px !important;
        width: auto !important;
        height: auto !important;
        line-height: 40px !important;
        margin: 20px !important;
    }
}

@media (max-width: 991.98px) {
    .section-ambitious h2.title {
        font-size: 54px;
        line-height: 60px;
        width: 700px;
        text-align: center;
        height: auto;
    }
}

.section-ambitious p.desc {
    width: 480px;
    height: 78px;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    align-self: end;

    color: #d0cdcdfa;
}

@media (max-width: 767.98px) {
    .section-ambitious p.desc {
        width: auto;
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .section-ambitious p.desc {
        width: auto;
        height: auto;
    }
}

#hoverSection {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

#hoverSection .cimg {
    position: absolute;
    top: -50%;
    left: -30%;
    right: 0;
    bottom: 0;
    overflow: hidden;
    transition: top 1s ease-in-out;
}

#hoverSection:hover .cimg {
    top: -10%;
}

#hoverSection1 {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

#hoverSection1 .cimg1 {
    position: absolute;
    top: 56%;
    left: -60%;
    right: 0;
    bottom: 0;
    /* Adjusted to match the height of the parent */
    overflow: hidden;
    transition: transform 1s ease-in-out, left 1s ease-in-out;
    /* Use transform for smoother animation */
}

#hoverSection1:hover .cimg1 {
    transform: translate(30px);
    left: -10%;
}

#hoverSection2 {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

#hoverSection2 .cimg2 {
    position: absolute;
    top: -10%;
    left: 100%;
    right: -40%;
    bottom: 0;
    overflow: hidden;
    transition: transform 1s ease-in-out, left 1s ease-in-out;
}

#hoverSection2:hover .cimg2 {
    transform: translate(70px);
    left: 40%;
}

#hoverSection3 {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

#hoverSection3 .cimg3 {
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    top: 55%;
    right: -35%;
    position: absolute;
}

#hoverSection3:hover .cimg3 {
    transform: translate(-10%, -2%);
}

.section-ambitious .testimonial-box {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px;
    height: 600px;
    isolation: isolate;
    background: linear-gradient(180deg, #0e0f26 0%, #1d1f4f 100%);
    box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), 4px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 24px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

@media (max-width: 767.98px) {
    .section-ambitious .testimonial-box {
        padding: 30px;
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .section-ambitious .testimonial-box {
        padding: 30px;
        height: auto;
    }
}

.section-ambitious .testimonial-box .content-text h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 58.8px;
    line-height: 74px;
    color: #fcfcff;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

@media (max-width: 991.98px) {
    .section-ambitious .testimonial-box .content-text h2 {
        width: -webkit-fill-available;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
        color: #fcfcff;
    }
}

@media (max-width: 767.98px) {
    .section-ambitious .testimonial-box .content-text h2 {
        width: -webkit-fill-available;
        height: auto;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
        color: #fcfcff;
    }
}

.section-ambitious .testimonial-box .content-text p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fcfcff;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

@media (max-width: 991.98px) {
    .section-ambitious .testimonial-box .content-text p {
        width: -webkit-fill-available;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #fcfcff;
    }
}

@media (max-width: 767.98px) {
    .section-ambitious .testimonial-box .content-text p {
        width: -webkit-fill-available;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #fcfcff;
    }
}

.section-ambitious .testimonial-box .content-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px;
    gap: 10px;
    margin-left: auto;
    width: 150px;
    height: 150px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(234, 230, 255, 0.05) 100%);
    box-shadow: inset 0px 4px 24px rgba(0, 0, 0, 0.25), inset 0px -4px 24px rgba(0, 0, 0, 0.25);
    border-radius: 200px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;
}

.section-ambitious .testimonial-box .content-img1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px;
    gap: 10px;
    margin-right: auto;
    width: 150px;
    height: 150px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(234, 230, 255, 0.05) 100%);
    box-shadow: inset 0px 4px 24px rgba(0, 0, 0, 0.25), inset 0px -4px 24px rgba(0, 0, 0, 0.25);
    border-radius: 200px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;
}

section.wavel-benefit {
    padding: 2px;
    margin-top: -40px;
}

.wavel-benefit h2.title {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 58.8px;
    line-height: 74px;
    text-align: center;
    color: #0e0f26;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.wavel-benefit p.desc {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #676768;
    width: 100%;
    max-width: 715px;
    margin: 0 auto;
}

.wavel-benefit .container {
    display: block;
    width: auto;
    max-width: 1440px !important;
}

p#facts-btn {
    display: contents;
}

.wavel-benefit .benefit-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    width: -webkit-fill-available;
    height: 300px;
    gap: 30px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

@media (max-width: 420px) {
    .discover-voice .section2-box {
        width: 320px;
        max-width: 380px;
    }

}

@media screen and (min-width: 1324px) and (max-width: 1990px) {
    section.ttscontainer {
        margin-top: -15% !important;
    }

    .hero-desktop {
        /* margin-top: -18% !important; */
    }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
    /* section.home-hero-sec {
        height: 1300px !important;
    } */

    .wavel-benefit .benefit-container {
        gap: 2px;
    }

    .wavel-dubbing .wavel-dub-back .wav-dub-container .wav-content {
        gap: 20px;
    }

    .wavel-dubbing .wavel-dub-back .wav-dub-container .wav-content.active {
        display: grid;
        grid-template-columns: 0.6fr 0.3fr !important;
        margin-left: -40px;
    }

    .slides-container {
        padding: 0 !important;
    }

    .sec-faq h2 {
        margin-left: 0 !important;
    }

}

.wavel-benefit .benefit-container .benefit-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 0 auto;
    width: 60px;
    height: 250px;
    background: #fcfcff;
    border: 2px solid #b7c1ff;
    box-shadow: 0px 4px 6.6px rgba(20, 20, 26, 0.15);
    border-radius: 200px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.wavel-benefit .benefit-container .benefit-box0 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 0 auto;
    width: 60px;
    height: 200px;
    background: #fcfcff;
    border: 2px solid #b7c1ff;
    box-shadow: 0px 4px 6.6px rgba(20, 20, 26, 0.15);
    border-radius: 200px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.wavel-benefit .benefit-container .benefit-box1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 0 auto;
    width: 60px;
    height: 300px;
    background: #fcfcff;
    border: 2px solid #b7c1ff;
    box-shadow: 0px 4px 6.6px rgba(20, 20, 26, 0.15);
    border-radius: 200px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.wavel-benefit .benefit-container .benefit-box3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    gap: 30px;
    margin: 0 auto;
    width: 30px;
    height: 100px;
    background: #b7c1ff;
    box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), 4px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 200px;
    flex: none;
    order: 12;
    flex-grow: 0;
}

.wavel-benefit .benefit-container .benefit-box2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    gap: 30px;
    margin: 0 auto;
    width: 30px;
    height: 100px;
    background: #b7c1ff;
    box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), 4px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 200px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.wavel-benefit .benefit-container .benefit-box .benefit-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: -40px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.wavel-benefit .benefit-container .benefit-text p {

    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #0E0F26;

}

.wavel-benefit .benefit-container .benefit-box0 .benefit-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: -40px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.wavel-benefit .benefit-container .benefit-box1 .benefit-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: -40px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

section.wavel-benefit-mobile {
    display: none;
}

@media (max-width: 991.98px) {
    section.wavel-benefit {
        display: none;
    }

    section.wavel-benefit-mobile {
        display: block !important;
        padding: 10px;
    }

    section.wavel-benefit-mobile .container {
        width: auto;
        max-width: 1440px !important;
    }

    .wavel-benefit-mobile .title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
        color: #0e0f26;
        text-align: center;
    }

    .wavel-benefit-mobile .desc {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #676768;
    }

    .wavel-benefit-mobile .benefit-container {
        gap: 30px;
        width: -webkit-fill-available;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .wavel-benefit-mobile .benefit-container .benefit-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        gap: 30px;
        width: 60px;
        height: 300px;
        background: #fcfcff;
        border: 2px solid #b7c1ff;
        box-shadow: 0px 4px 6.6px rgba(20, 20, 26, 0.15);
        border-radius: 200px;
    }

    .wavel-benefit-mobile .benefit-container .benefit-text p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        text-align: center;
        color: #0e0f26;
    }
}

/* Reordering for mobile */
@media (max-width: 575.98px) {
    section.wavel-benefit {
        display: none;
    }

    section.wavel-benefit-mobile {
        display: block !important;
        padding: 10px;
    }

    section.wavel-benefit-mobile .container {
        width: auto;
        max-width: 1440px !important;
    }

    .wavel-benefit-mobile .title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        color: #0e0f26;
        text-align: center;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
    }

    .wavel-benefit-mobile .desc {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        text-align: center;
        color: #676768;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }

    .wavel-benefit-mobile .benefit-container {
        gap: 10px;
        padding: 5px;
        width: -webkit-fill-available;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .wavel-benefit-mobile .benefit-container .benefit-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        gap: 30px;
        width: 60px;
        height: 200px;
        background: #fcfcff;
        border: 2px solid #b7c1ff;
        box-shadow: 0px 4px 6.6px rgba(20, 20, 26, 0.15);
        border-radius: 200px;
    }

    .wavel-benefit-mobile .benefit-container .benefit-text p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        text-align: center;
        color: #0e0f26;
    }
}

section.wavel-benefit-mobile {
    display: none;
}

section.wavel-perfect {
    padding: 100px 80px;
    margin-top: 60px;
    background: #f5f6ff;
}








.wavel-perfect .perfect-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    padding: 20px;
    gap: 20px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background: linear-gradient(180deg, #d4d6f9 0%, #bbbef7 100%);
    border: 1px solid #7189ff;
    border-radius: 14px;
}

.wavel-perfect .contentcontainer {
    display: grid;
    width: -webkit-fill-available;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.wavel-perfect .contentcontainer .inputcontainer {
    display: inline-block;
}

.wavel-perfect .contentcontainer .inputcontainer .imgcontainer p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #676768;
    margin-top: 0;
    margin-bottom: 0;
}

.wavel-perfect .contentcontainer .inputcontainer .imgcontainer img {
    margin-top: 5px;
    margin-bottom: 5px;
}

.wavel-perfect .contentcontainer .inputcontainer .playvoicecontainer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e6e9;
    border-radius: 7px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.playvoicecontainer span {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0e0f26;
}

.dropdown-menu {
    display: none;
}

.dropdown-menu.show {
    display: grid;
    /* or any other display property you want */
    justify-content: center;
    justify-items: start;
}

.dropdown-menu .dropdownlist img {
    width: 20px;
    height: 20px;
}

.dropdown-menu .dropdownlist a {
    font-family: 'Outfit', 'Roboto', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    color: #0e0f26 !important;
    width: 80px;
}

.wavel-perfect .contentcontainer .outputcontainer {
    display: inline-block;
}

.wavel-perfect .contentcontainer .outputcontainer .imgcontainer p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #676768;
    margin-top: 0;
    margin-bottom: 0;
    width: max-content;
}

.wavel-perfect .contentcontainer .outputcontainer .imgcontainer img {
    margin-top: 5px;
    margin-bottom: 5px;
}

.wavel-perfect .contentcontainer .outputcontainer .playvoicecontainer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e6e9;
    border-radius: 7px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.wavel-perfect .voice-btnd {
    background: linear-gradient(76.01deg, #9556fc 12.94%, rgba(0, 85, 253, 0.9) 95.44%);
    border-radius: 35px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    font-weight: 700;
    font-size: 20x;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 9px 42px;
    border: none;
    margin: 10px auto;
    display: flex;
    margin-top: 160px !important;
    justify-content: center;
}

@media (max-width: 768px) {
    .wavel-perfect .voice-btnd {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }

    .wavel-perfect .container {
        padding: 10px !important;
    }
}

.wavel-perfect .perfect-content {
    background: #fff;
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.09);
    border-radius: 27px;
    padding: 24px 12px;
    top: 70%;
    width: 100%;
    max-width: 235px;
    height: 100%;
    max-height: 230px;
}

.wavel-perfect .perfect-content.odd p.title {
    color: #9b00fa;
}

.wavel-perfect .perfect-content.even p.title {
    color: #0596ff;
}

.wavel-perfect .perfect-content p.title {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    margin-top: 0;
}

.wavel-perfect .perfect-content p.desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
    text-align: center;
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .wavel-perfect .perfect-box {
        margin-top: 10px;
        align-items: flex-start;
    }

    .wavel-perfect .perfect-box h3 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 27.44px;
        line-height: 35px;
    }

    .wavel-perfect .container {
        padding: 40px;
    }
}

.wavel-perfect .perfect-box h3 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 27.44px;
    line-height: 35px;
    color: #0e0f26;
}

@media (max-width: 575.98px) {
    .wavel-perfect .perfect-box {
        margin-top: 10px;
        align-items: flex-start;
    }
}



section.sec-aud-video {
    padding: 0 0 0 0;
}

.sec-aud-video .aud-video-content h2.title span {
    font-family: 'Oooh Baby' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: capitalize;
    color: #fff;
}

.sec-aud-video .aud-video-content h2.title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
}

.sec-aud-video .aud-video-content p {
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
    margin-bottom: 20px;
}

.sec-aud-video .aud-video-content .voice-btn {
    background: linear-gradient(76.01deg, #1a3fff 12.94%, rgba(0, 85, 253, 0.9) 95.44%);
    border-radius: 35px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    font-weight: 700;
    font-size: 20x;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 9px 32px;
    border: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

section.wavel-security {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 40px;
    gap: 50px;
    isolation: isolate;

    background: #EBEBED;


}

section.wavel-security .sec-box-container {
    display: flex;
    gap: 20px;
    width: auto;
    max-width: 1440px !important;
    flex-direction: column;
    align-items: center;
}

section.wavel-security .sec-box-container .sec-box-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

section.wavel-security .sec-box-container .desc1 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #b2b2b4;
}

section.wavel-security .sec-box-container .desc2 {

    max-width: 800px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #545454;
}

section.wavel-security .sec-box-container h2.title1 {

    max-width: 1280px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    text-align: center;
    color: #0E0F26;

}

section.wavel-security .sec-box {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 12px;
    width: 400px;
    min-width: 290px;
    max-width: 400px;
    /* height: 330px; */
    background: #FCFCFF;
    border-radius: 24px;

}

section.wavel-security .sec-box img {
    width: 52px;
    height: 52px;
}

section.wavel-security .sec-box h2 {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 27px;
    line-height: 34px;
    color: #0E0F26;

}

section.wavel-security .sec-box p {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #929293;

}

@media (max-width: 991.98px) {
    section.wavel-security {
        padding: 20px;
    }

    section.wavel-security .sec-box-container .sec-box-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    section.wavel-security .sec-box-container .title1 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
        text-align: center;
        color: #fcfcff;
        width: -webkit-fill-available;
    }

    section.wavel-security .sec-box-container .desc2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #b2b2b4;
    }

    section.wavel-security .sec-box-container .desc1 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #b2b2b4;
    }

    section.wavel-security .sec-box h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 27.44px;
        line-height: 35px;
        color: #0E0F26;
    }

    section.wavel-security .sec-box p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #b2b2b4;
    }
}

@media (max-width: 575.98px) {
    section.wavel-security {
        padding: 20px;
    }

    section.wavel-security .sec-box-container .sec-box-row {
        display: flex;
    }

    section.wavel-security .sec-box-container .title1 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 31.36px !important;
        line-height: 40px !important;
        text-align: center;
        color: #fcfcff;
        width: -webkit-fill-available;
    }

    section.wavel-security .sec-box-container .desc2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #b2b2b4;
    }

    section.wavel-security .sec-box-container .desc1 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        color: #b2b2b4;
    }

    section.wavel-security .sec-box h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 19.6px;
        line-height: 25px;
        color: #0E0F26;
    }

    section.wavel-security .sec-box p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #b2b2b4;
    }
}

section.wavel-dubbing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 80px;
    background: #f5f2f5;
}

.wavel-dubbing h2.title {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 58.8px;
    line-height: 74px;
    color: #0e0f26;
    mix-blend-mode: normal;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.wavel-dubbing p.desc {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #676768;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.slides-container {
    display: flex;
    flex-direction: column;
    transition: 1s;
    overflow: hidden;
    position: relative;
    height: 500px;
    padding: 20px;
    /* left: 30px; */
}

.wavel-dubbing .wavel-dub-back .container {
    display: block;
    max-width: 1280px;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    height: auto;
    width: auto;
    transition: 7s;
    gap: 50px;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container .content-title {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.36px;
    line-height: 40px;
    color: #0e0f26;
    text-align: left;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container .content-desc {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676768;
    text-align: left;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container .dots {
    position: absolute;
    color: #000;
    left: 0;
    top: 25%;
    width: 50%;
    margin: 0;
    padding: 0;
    display: grid;
}

.dots {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dots li {
    width: 5px;
    height: 20px;
    background-color: #333;
    margin: 5px;
    cursor: pointer;
    border-radius: 20px;
}

.dots li.active {
    background-color: #333;
    width: 5px;
    height: 50px;
    border-radius: 20px;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container .wav-content {
    display: none;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container .wav-text {
    display: block;
    width: 97%;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container .wav-img {
    /* Srt-imgs */
    width: 380px;
    height: 300px;
    /* Final Theme/Purple/200 */
    background: #ebe4eb;
    border-radius: 12px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.wavel-dubbing .wavel-dub-back .wav-dub-container .wav-content.active {
    display: grid;
    grid-template-columns: 1fr 0.7fr;
    flex-direction: column;
    overflow: hidden;
    justify-content: center;
    height: 400px;
    align-items: center;
    width: -webkit-fill-available;
    padding: 20px;
}

.wavel-dubbing-mobile {
    display: none;
}

@media (max-width: 991.98px) {
    .wavel-dubbing {
        display: none !important;
    }

    .wavel-dubbing-mobile {
        display: block;
        padding: 30px;
        background: #f5f2f5;
        width: auto;
        max-width: 1440px !important;
    }

    .wavel-dubbing-mobile .wavel-dub-back h2.title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
        color: #0e0f26;
        mix-blend-mode: normal;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .wavel-dubbing-mobile .wavel-dub-back p.desc {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #676768;
        flex: none;
    }

    .wavel-dubbing-mobile .slides-container {
        left: 0;
        height: auto;
    }

    .wavel-dubbing-mobile .wavel-dub-back .wav-content1 {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .wavel-dubbing-mobile .wavel-dub-back .wav-content1 .wav-img {
        width: fit-content;
    }

    .wavel-dubbing-mobile .wavel-dub-back .wav-content1 .wav-text {
        margin-top: 20px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wavel-dubbing-mobile .wavel-dub-back .content-title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 19.6px;
        line-height: 25px;
        color: #0e0f26;
    }

    .wavel-dubbing-mobile .wavel-dub-back .content-desc {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #676768;
    }
}

@media (max-width: 575.98px) {
    .wavel-dubbing {
        display: none !important;
    }

    .wavel-dubbing-mobile {
        display: block;
        padding: 0 !important;
        background: #f5f2f5;
        width: auto;
        max-width: 1440px !important;
    }

    .wavel-dubbing-mobile .wavel-dub-back .wav-content1 {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .wavel-dubbing-mobile .wavel-dub-back h2.title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
        color: #0e0f26;
    }

    .wavel-dubbing-mobile .wavel-dub-back p.desc {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #676768;
        flex: none;
    }

    .wavel-dubbing-mobile .slides-container {
        left: 0;
        height: auto;
    }

    .wavel-dubbing-mobile .wavel-dub-back .wav-content1 .wav-img {
        width: fit-content;
    }

    .wavel-dubbing-mobile .wavel-dub-back .wav-content1 .wav-text {
        margin-top: 20px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wavel-dubbing-mobile .wavel-dub-back .content-title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 19.6px;
        line-height: 25px;
        text-align: center;
        color: #0e0f26;
    }

    .wavel-dubbing-mobile .wavel-dub-back .content-desc {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #676768;
    }
}

section.wavel-experssion {
    padding: 60px 0;
}

section.wavel-experssion .container {
    display: block;
}

@media (min-width: 1200px) {
    section.wavel-experssion .container {
        max-width: 1350px;
    }
}

.wavel-experssion .experssion-audio {
    display: flex;
    justify-content: center;
}

.wavel-experssion .experssion-audio-second {
    display: flex;
}

.wavel-experssion .experssion-audio h2.title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #474747;
    width: 100%;
    max-width: 871px;
}

.wavel-experssion .experssion-audio p.desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #474747;
    width: 100%;
    max-width: 792px;
    margin-bottom: 0;
}

.wavel-experssion .experssion-audio-second .section1 {
    margin-top: -35px;
}

.wavel-experssion .experssion-main {
    display: flex;
    justify-content: space-around;
}

.wavel-experssion .experssion-main .experssion-main-image {
    display: flex;
    justify-content: center;
}

.wavel-experssion .experssion-main .experssion-voice.left {
    background-image: linear-gradient(135deg, #714ce2, #853fd8, #a936c8);
}

.wavel-experssion .experssion-main .experssion-voice.right {
    background-image: linear-gradient(135deg, #3693fb, #596dd6, #666dc9);
}

.wavel-experssion .experssion-main .experssion-voice {
    padding: 40px;
    opacity: 0.8;
    border-radius: 27px;
}

.wavel-experssion .experssion-main .experssion-voice.left .voice-box {
    background: #a579e1;
}

.wavel-experssion .experssion-main .experssion-voice.right .voice-box {
    background: #829eeb;
}

.wavel-experssion .experssion-main .experssion-voice .voice-box {
    padding: 10px;
    display: flex;
    border-radius: 8px;
    width: 100%;
    min-width: 160px;
}

.wavel-experssion .experssion-main .experssion-voice.left .voice-box .voice-play p.fa.fa-play {
    background: rgba(92, 49, 239, 0.6);
}

.wavel-experssion .experssion-main .experssion-voice.right .voice-box .voice-play p.fa.fa-play {
    background: #00b2ec;
}

.wavel-experssion .experssion-main .experssion-voice.left .voice-box .voice-play p.fa.fa-pause {
    background: rgba(92, 49, 239, 0.6);
}

.wavel-experssion .experssion-main .experssion-voice.right .voice-box .voice-play p.fa.fa-pause {
    background: #00b2ec;
}

.wavel-experssion .experssion-main .experssion-voice .voice-box .voice-play p.fa.fa-play {
    font-family: FontAwesome !important;
    color: #fff;
    height: 20px;
    width: 21px;
    z-index: 2;
    border-radius: 20px;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.wavel-experssion .experssion-main .experssion-voice .voice-box .voice-play p.fa.fa-pause {
    font-family: FontAwesome !important;
    color: #fff;
    height: 20px;
    width: 21px;
    z-index: 2;
    border-radius: 20px;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.wavel-experssion .experssion-main .experssion-voice .voice-box .voice-content p {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    margin: 0 auto;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    margin-left: 0.5rem;
}

section.languages {
    padding: 40px 0 0 0;
}

section.languages .container {
    display: block;
}

.languages h2.desc {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 44px;
    color: #474747;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 52px;
}

.languages h2.desc span {
    font-family: 'Oooh Baby' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0.07em;
    color: #009af1;
}

.languages .content-row .voice-block {
    margin-bottom: 30px;
}

.languages .content-row .language-btnd {
    background: linear-gradient(76.01deg, #9556fc 12.94%, rgba(0, 85, 253, 0.9) 95.44%);
    border-radius: 35px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 9px 32px;
    border: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

@media (min-width: 1200px) and (max-width: 1454.98px) {
    .languages .content-row .wrapper {
        width: 100%;
    }
}

.languages .content-row .wrapper {
    background: #fff;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
    border-radius: 24px;
    max-width: 296px;
    max-height: 99px;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 26px;
    align-items: center;
    justify-content: space-between;
}

.languages .wrapper .voice-content .voice-content-top p {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    margin: 0 auto;
}

.languages .voice-play p.fa.fa-play {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 14px;
    z-index: 2;
    border-radius: 20px;
}

.languages .voice-play p.fa.fa-pause {
    font-family: 'FontAwesome' !important;
    background: #009af1;
    color: #fff;
    height: 40px;
    width: 40px;
    padding: 12px 14px;
    z-index: 2;
    border-radius: 20px;
}

section.sec-carousal {
    padding: 60px 0;
    align-items: flex-start;
    z-index: 2;
    width: -webkit-fill-available;
    max-width: 1940px;
    background: #EBEBED;
}

.sec-carousal h2.title {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    color: #0e0f26;
    text-align: left;
    margin: 60px 0px 40px 90px;
}

.sec-carousal .carousal-container {
    display: flex;
    gap: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: -webkit-fill-available;
    max-width: 1940px;
    flex-shrink: 0;
    margin: 10px;
    height: 500px;
    /* padding: 20px 70px 20px 70px; */
}

.carousal-container .carousal-circle {
    display: flex;
    position: absolute;
    width: -webkit-fill-available;
    max-width: 1940px;
    padding: 0 50px;
    justify-content: space-between;
}

.carousal-container .carousal-circle-l {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px;
    gap: 10px;
    position: relative;
    width: 62px;
    height: 62px;
    top: 154px;

    background: #FCFCFF;
    box-shadow: 0px 8px 24px rgba(20, 20, 26, 0.2);
    border-radius: 200px;
    transform: matrix(-1, 0, 0, 1, 0, 0);

    /* Inside auto layout */
    flex: none;
    /* order: 7; */
    flex-grow: 0;
    z-index: 7;

}

.carousal-container .carousal-circle-r {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px;
    gap: 10px;
    position: relative;
    width: 62px;
    height: 62px;
    top: 154px;
    transform: rotate(0deg);
    background: #FCFCFF;
    box-shadow: 0px 8px 24px rgba(20, 20, 26, 0.2);
    border-radius: 200px;
    /* transform: matrix(-1, 0, 0, 1, 0, 0); */
    flex: none;
    flex-grow: 0;
    z-index: 7;


}

.carousal-container::-webkit-scrollbar {
    width: 0;
}

.sec-carousal .carousal-container .carousal-box {
    text-align: center;
    width: 600px;
    height: 400px;
    padding: 40px;
    background: #fcfcff;
    box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), 4px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 24px;
    flex: none;
}

.sec-carousal .carousal-container .carousal-box .carousal-title {
    display: grid;
    grid-template-columns: 0.3fr 2fr;
}

.sec-carousal .carousal-container .carousal-box .carousal-title .designation {
    display: block;
    text-align: left;
    padding: 0 0 0 10px;
}

.sec-carousal .carousal-container .carousal-box .carousal-title .designation h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19.6px;
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #0e0f26;
    margin-bottom: 0;
}

.sec-carousal .carousal-container .carousal-box .carousal-title .designation p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #0e0f26;
    margin-bottom: 1px;
}

.sec-carousal .carousal-container .carousal-box .carousal-text {
    display: grid;
    grid-template-columns: 0.2fr 2fr 0.2fr;
}

.sec-carousal .carousal-container .carousal-box .carousal-text .quote1 {
    display: flex;
    align-items: self-start;
    margin-top: 20px;
}

.sec-carousal .carousal-container .carousal-box .carousal-text .quote1 img {
    transform: rotate(180deg);
}

.sec-carousal .carousal-container .carousal-box .carousal-text .quote2 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
}

.sec-carousal .carousal-container .carousal-box .carousal-text .quote2 img {
    transform: rotate(360deg);
}

.sec-carousal .carousal-container .carousal-box .carousal-text p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #676768;
    text-align: left;
}

@media (max-width: 991.98px) {
    .sec-carousal .carousal-container {
        padding: 10px;
        height: auto;
    }

    .sec-carousal h2.title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
        color: #0e0f26;
    }

    /* .carousal-container .carousal-circle {

        width: 600px;
    } */
}

@media (max-width: 575.98px) {
    .carousal-container .carousal-circle {
        display: none;
    }

    .sec-carousal .carousal-container {
        padding: 10px;
        height: auto;
    }

    .sec-carousal h2.title {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
        color: #0e0f26;
    }

    .sec-carousal .carousal-container {
        display: grid;
    }

    .sec-carousal .carousal-container .carousal-box {
        width: -webkit-fill-available;
        height: auto;

    }

    .sec-carousal .carousal-container .carousal-box .carousal-text p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #676768;
    }
}

section.reviews {
    padding: 60px 0;
}

.reviews .container {
    display: block;
}

.reviews #testimonial4 {
    background: #e3f3ff;
    border-radius: 91px;
}

.reviews .testimonial h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #474747;
}

.reviews #testimonial4 .carousel-item .testimonial-desc p.name {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    text-align: center;
    margin-top: 0;
}

.reviews #testimonial4 .carousel-item .testimonial-desc p.desc {
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #00456b;
}

.reviews #testimonial4 .carousel-item .testimonial-desc h2.test_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    text-align: center;
    margin-bottom: 0;
}

.reviews #testimonial4 .carousel-control-prev,
.reviews #testimonial4 .carousel-control-next {
    padding: 0 60px;
}

.reviews #testimonial4 .carousel-inner .carousel-item .testimonial-desc {
    width: 100%;
    margin: 0 auto;
}

.reviews #testimonial4 .carousel-control-prev img,
#testimonial4 .carousel-control-next img {
    width: 54px;
    height: 54px;
}

section.translation-blog2 {
    padding: 40px;
    background: url(https://wavel.ai/wp-content/uploads/2025/04/ReadCvLogo.webp) no-repeat left top;
    background-position: left 40px top -30px;
    background-attachment: local;
    max-width: 1440px;
}

.translation-blog2 .container {
    display: block;
}

.translation-blog2 h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 58.8px;
    line-height: 74px;
    margin-top: 10%;
    color: #0e0f26;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    z-index: 1;
}

section.translation-blog2 .more-wavel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 10px;
    box-shadow: 0px 16px 32px rgba(20, 20, 26, 0.3);
    border-radius: 20px;
    flex: none;
    order: 0;
    flex-grow: 1;
}

section.translation-blog2 .more-wavel img {
    border-radius: 20px 20px 0 0;
}

section.translation-blog2 .more-wavel1 img {
    border-radius: 20px 20px 0 0;
}

.translation-blog2 .more-wavel .nav-sidebar-row-heading {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #0e0f26;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    text-align: unset;
    padding: 0 20px;
}

.translation-blog2 .more-wavel p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676768;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    padding: 0 20px;
}

section.translation-blog2 .more-wavel1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 20px;
    box-shadow: 0px 16px 32px rgba(20, 20, 26, 0.3);
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 1;
}

.translation-blog2 .more-wavel1 .nav-sidebar-row-heading {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #0e0f26;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    text-align: unset;
    padding: 0 20px;
}

.translation-blog2 .more-wavel1 p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676768;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    padding: 0 20px;
}

@media (max-width: 991.98px) {
    section.translation-blog2 {
        padding: 30px;
    }

    section.translation-blog2 .more-wavel1 {
        margin-top: 20px;
    }

    section.translation-blog2 .more-wavel {
        margin-top: 20px;
    }

    .translation-blog2 h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 47.04px;
        line-height: 59px;
        color: #0e0f26;
    }
}

@media (max-width: 571.98px) {
    section.translation-blog2 {
        padding: 20px;
    }

    section.translation-blog2 .more-wavel1 {
        margin-top: 20px;
    }

    section.translation-blog2 .more-wavel {
        margin-top: 20px;
    }

    .translation-blog2 h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
        text-align: center;
        color: #0e0f26;
    }
}

section.wav-cta {
    padding: 80px;
}

section.wav-cta .container {
    width: auto;
    max-width: 1440px !important;
}

@media (max-width: 991.98px) {
    section.wav-cta {
        padding: 10px !important;
    }
}

.wav-cta .wav-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    background: linear-gradient(180deg, #0e0f26 0%, #1d1f4f 100%);
    box-shadow: 0px 8px 24px rgba(20, 20, 26, 0.2);
    border-radius: 24px;
}

.wav-cta .wav-box .wav-percent h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 94.08px;
    line-height: 119px;
    background: linear-gradient(90deg, #fefeff 0%, #676768 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.wav-cta .wav-box .wav-text p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    color: #fcfcff;
}

.wav-cta .cta-box {
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 80px;
    gap: 50px;
    isolation: isolate;
    text-align: left;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background: url('https://wavel.ai/wp-content/uploads/2025/04/Wavel-CTA.webp') no-repeat bottom right, url('https://wavel.ai/wp-content/uploads/2025/04/CTA-Rects.webp') no-repeat right center, #fcfcff;
    border: 3px solid #676768;
    border-radius: 24px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin-top: 20px;
}

.wav-cta .cta-box h2 {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 70.56px;
    line-height: 89px;
    color: #0e0f26;
    width: -webkit-fill-available;
}

@media (max-width: 991.98px) {
    .wav-cta .cta-box h2 {
        width: -webkit-fill-available;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 27.44px;
        line-height: 35px;
        color: #0e0f26;
    }

    .wav-cta .wav-box {
        margin-top: 20px;
    }
}

@media (max-width: 575.98px) {
    .wav-cta .cta-box h2 {
        width: -webkit-fill-available;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 900;
        font-size: 27.44px;
        line-height: 35px;
        color: #0e0f26;
    }

    .wav-cta .wav-box {
        margin-top: 20px;
    }
}

@media (max-width: 1200px) {
    .wav-cta .cta-box {
        background-size: contain;
        background-position: bottom right;
    }
}

@media (max-width: 768px) {
    .wav-cta .cta-box {
        padding: 60px;
        background-size: contain;
        background-position: bottom right;
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .wav-cta .cta-box {
        padding: 40px;
        background-size: contain;
        background-position: bottom right;
    }
}

@media (max-width: 360px) {
    .wav-cta .cta-box {
        padding: 40px;
        background-size: cover;
        background-position: bottom right;
    }
}

section.sec-faq {
    padding: 50px;
    align-items: flex-start;
    display: flex;
    background: white;
}

.sec-faq h2 {
    margin-top: 0;
    margin-bottom: 0;

    margin-left: 0;
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    text-align: center;
    font-family: "ClashGrotesk-Variable";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.94px;
}

.sec-faq .container {
    display: flex;
    width: auto;
    max-width: 1440px !important;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

.sec-faq .wrapper {
    width: 85%;
    margin-left: 5%;
}

.sec-faq .containers {
    background: #fcfcff;
    box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), 4px 4px 16px rgba(0, 0, 0, 0.2);
    color: black;
    border-radius: 24px;
    margin: 20px 0;
}

.sec-faq .question {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 18px 14px;
    gap: 10px;
    background: #F2F2F2;
    box-shadow: 0px 0px 103.3px rgba(20, 20, 26, 0.05);
    border-radius: 14px;



}

.sec-faq .answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.sec-faq .answer {
    padding: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #343434;
}

@media (max-width: 991.98px) {
    .sec-faq h2 {
        margin-left: 0;
    }

    .countimg {
        width: 40px !important;
        height: 40px !important;
    }
}

@media (max-width: 575.98px) {
    .sec-faq h2 {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    section.create {
        display: none;
    }

    section.blog-mobile {
        display: block;
    }
}

/* .wavel-perfect .flag.active {
    opacity: 0.5;
} */

.wavel-perfect .outputcontainer .active {
    display: inline-flex;
}

.wavel-perfect .inputcontainer .active {
    display: inline-flex;
}

.wavel-perfect .popover {
    position: absolute;
    color: black;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 1000;
    display: none;
    margin-top: 5px;
    background: #FCFCFF;
    border-radius: 4px;

}

.wavel-perfect .popover.visible {
    display: block;
}

.contentimages {
    display: flex;
    justify-items: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}


section.home-hero-sec {
    /* height: 1300px; */
}

.home-hero-sec .herobg {
    width: 1010px;
    height: 351px;
    top: 60px;
    margin: 0 auto;
    background: #830c83;
    filter: blur(275px);
    transform: rotate(180deg);
    z-index: 0;
    position: absolute;
    background-position: center;
}

.price-hero .herobgp {
    width: -webkit-fill-available;
    height: 800px;
    /* top: 60px; */
    margin: 0 auto;
    background: radial-gradient(90.89% 46.28% at 50% 0%, rgba(131, 58, 180, 0.80) 0%, rgba(14, 15, 38, 0.80) 100%), #0E0F26;
    /* filter: blur(275px); */
    /* transform: rotate(180deg); */
    z-index: 0;
    position: absolute;
}

.hero-desktop {
    /* margin-top: -30%; */
    z-index: 0;
}

@media (max-width: 720px) {

    .recimg1 {

        position: absolute;
        width: 55.68px;
        height: 30.94px;
        left: 10% !important;
        top: 10px !important;
        flex: none;
        order: 5;
        flex-grow: 0;
        z-index: 5;

    }

    .recimg2 {
        position: absolute;
        width: 55.68px;
        height: 30.94px;
        left: 21px !important;
        top: 350px !important;
        flex: none;
        order: 5;
        flex-grow: 0;
        z-index: 4;

    }

    .recimg3 {
        position: absolute;
        width: 155px !important;
        height: 30.94px;
        left: 60% !important;
        top: 3% !important;
        flex: none;
        order: 7;
        flex-grow: 0;
        z-index: 7;

    }

    .hero-desktop .hero-audio {
        padding: 5px !important;
    }

    .recimg4 {
        position: absolute;
        width: 55.68px;
        height: 30.94px;
        left: 66% !important;
        top: 350px !important;
        flex: none;
        order: 6;
        flex-grow: 0;
        z-index: 6;

    }

    .recimg5 {
        display: none;
    }

    section.count-sec-m {
        background: #0e0f26;
        margin-top: -160% !important;
    }

    .sec-carousal-video .carousal-container {
        display: flex !important;
    }

    .mainheading {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 24.2857px;
        line-height: 31px;
        text-align: center;

        color: #FFFFFF;

    }

    .mainheading2 {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 24.2857px;
        line-height: 31px;
        text-align: center;

        color: #FFFFFF;

    }

    section.hero1 .deschome {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: center;
        /* color: #E6E6E9; */
        width: 350px !important;
        height: auto !important;

    }

    section.hero1 {
        height: 100%;
        width: auto !important;
        gap: 0px;
        padding: 80px 0 !important;
    }

    .playbtndubhome {
        position: absolute;
        top: -220% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        z-index: 10;
        cursor: pointer;
    }

    .countimg {
        width: 40px !important;
        height: 40px !important;
    }
}

section.hero1 .deschome {
    color: #0E0F26;
    text-align: center;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 850px;

}

.talk-to-sales {

    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center !important;
    color: #fcfcff;

    width: 163px !important;
    height: 50px;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #833AB4;
    backdrop-filter: blur(17px);
    border-radius: 12px;

}

.button-signup-home {


    /* width: 158px !important;
    height: 50px !important; */

    border-radius: 12px;
    background: linear-gradient(90deg, #405DE6 0%, #0E0F26 100%), #0E0F26;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center !important;
    padding: 10px 16px;
    gap: 10px;
    width: fit-content;
    height: auto;
    color: white !important;
    z-index: 0;
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;

}

.button-signup-home a {
    color: white !important;
}

.button-signup:hover {
    color: #fff !important;
}

@media (min-width: 768px) {
    .button-signup {
        padding: 0.75rem 1.5rem;
    }
}
@media (min-width: 768px) {
    
}
.vector1 {
    fill: linear-gradient(166deg, #7303C0 12.17%, #EC38BC 53.49%, #FDEFF9 94.8%);
    /* opacity: 0.7; */
    filter: blur(50px);
    width: 331.358px;
    height: 369.176px;
    transform: rotate(47.938deg);
    position: absolute;
    left: 31px;
    top: -30px;
}

.vector2 {
    width: 389px;
    height: 418px;
    transform: rotate(7.924deg);
    fill: linear-gradient(146deg, #5433FF 12.88%, #20BDFF 38.16%, #A5FECB 63.43%, #FFF 89.48%);
    /* opacity: 0.7; */
    filter: blur(50px);
    position: absolute;
    right: -40.91px;
    top: 340px;
}

section.hero1 {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0px;
    isolation: isolate;
    width: 1360px;
    /* height: 1600px; */
    border-radius: 32px;

}

.recimg1 {

    position: absolute;
    width: 126px;
    height: 70px;
    left: 155px;
    top: 100px;
    flex: none;
    order: 5;
    flex-grow: 0;
    z-index: 5;

}

.recimg2 {

    position: absolute;
    width: 126px;
    height: 70px;
    left: 71px;
    top: 414px;
    flex: none;
    order: 4;
    flex-grow: 0;
    z-index: 4;

}

.recimg3 {

    position: absolute;
    width: 126px;
    height: 70px;
    left: 1180px;
    top: 65px;
    flex: none;
    order: 7;
    flex-grow: 0;
    z-index: 7;

}

.recimg4 {

    position: absolute;
    width: 126px;
    height: 70px;
    left: 988px;
    top: 350px;
    flex: none;
    order: 6;
    flex-grow: 0;
    z-index: 6;

}

.recimg5 {

    position: absolute;
    width: 160px;
    height: 70px;
    left: 1137px;
    top: 516px;
    flex: none;
    order: 8;
    flex-grow: 0;
    z-index: 8;

}

.client-box {
    background: none !important;
    padding: 0px !important;
}

.client-sec p {
    color: #0E0F26 !important;
    text-align: center;

    /* Text/default */
    font-family: Outfit;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 114.286% */
}

.ratingtext {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: black !important;
}

.ttssection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    gap: 10px;
    /* width: auto; */
    /* max-width: 1220px; */
    z-index: 1;
    /* height: 1300px; */
    justify-content: center;
}

section.count-sec-home video {
    width: 1290px;
    margin-top: -17%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    border-radius: 24px;
    height: 518px;
}

section.count-sec-home {
    display: flex;
    align-items: center;
    align-content: center;
}

.clickablebtn {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 10px;
    width: 151px;
    height: 44px;
    background: #0E0F26;
    border: 1px solid #545454;
    border-radius: 14px;


}

.clickablebtns {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.clickablebtn.active {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 10px;

    width: 151px;
    height: 44px;

    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #0E0F26;
    border: 1px solid #FCFCFF;
    border-radius: 14px;

}

section.dubcesection .videobox .videosbutns .videobtn {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #E6E6E9;
    background: #FFF;
    color: #000 !important;
}

section.dubcesection .videobox .videosbutns .videobtn.active {
    border-radius: 12px;
    border: 1px solid #405DE6;
    background: #F2F2F2;
}

.clickablesection {
    /* background: #0E0F26;
    padding: 100px 0 0 0; */
}

.btnswitchsection {
    margin-top: 20px;
}

.switchcontent {
    display: none;
}

.switchcontent:target {
    display: block;
}

@media (max-width: 991.98px) and (min-width:710px) {
    section.home-hero-sec {
        /* height: 1200px; */
        display: flex !important;
    }

    .playbtndubhome {
        position: absolute;
        top: -140% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        z-index: 10;
        cursor: pointer;
    }

    section.count-sec-home video {
        width: 620px !important;
        height: auto;
        border-radius: 24px;
    }

    .mainheading2 {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600 !important;
        font-size: 24.2857px !important;
        line-height: 31px !important;
        text-align: center;
        height: 3rem !important;
        color: #FFFFFF;


    }

    .mainheading {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600 !important;
        font-size: 24.2857px !important;
        line-height: 31px !important;
        text-align: center;

        color: #FFFFFF;


    }

    .animatebgtext {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 24.2857px;
        line-height: 31px;
        text-align: center;
    }



    section.hero1 {
        height: 550px;
        width: 730px;
        gap: 0px;
    }

    .hero-desktop {
        margin-top: -8%;
    }

    section.count-sec video {
        width: 620px !important;
        height: auto;
        border-radius: 24px;
    }


    .recimg1 {

        position: absolute;
        width: 102.54px;
        height: 56.97px;
        left: 39px;
        top: 50px;
        flex: none;
        order: 5;
        flex-grow: 0;
        z-index: 5;

    }

    .recimg2 {
        /* Frame 427320171 */

        position: absolute;
        width: 102.54px;
        height: 56.97px;
        left: 19px;
        top: 250px;


        /* Inside auto layout */
        flex: none;
        order: 4;
        flex-grow: 0;
        z-index: 4;

    }

    .recimg3 {
        position: absolute;
        width: 126px;
        height: 56.97px;
        /* right: 32.46px; */
        left: 600px;
        top: 80px;
        flex: none;
        order: 7;
        flex-grow: 0;
        z-index: 7;

    }

    .recimg4 {
        position: absolute;
        width: 102px;
        height: 70px;
        left: 600px;
        top: 300px;
        flex: none;
        order: 6;
        flex-grow: 0;
        z-index: 6;

    }

    .recimg5 {
        /* Frame 427320175 */

        position: absolute;
        width: 160px;
        height: 70px;
        left: 600px;
        top: 500px;
        flex: none;
        order: 8;
        flex-grow: 0;
        z-index: 8;

    }

    section.hero1 .deschome {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        /* color: #E6E6E9; */


    }


}

.animatebgtextbg {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
    border-radius: 18px;
    padding: 8px 12px;
}

.animatebgtext {
    background: linear-gradient(90deg, #2E52FF -13.19%, #FFFFFF 49.62%, #833AB4 112.39%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-align: center;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}


.mainheading2 {
    position: relative;
    overflow: hidden;
    height: 4rem;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 76px;
    text-align: center;
    color: black;

    display: flex;
    gap: 10px;
    justify-content: center;
    transition: font-size 0.5s ease, transform 0.5s ease;
}

/* .content-list {
    position: relative;
    animation-name: scroll;
    animation-duration: 8s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
}

.content-item {
    margin-bottom: 1rem;
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-100%);
    }

    40% {
        transform: translateY(-200%);
    }

    65% {
        transform: translateY(-300%);
    }

    80% {
        transform: translateY(-400%);
    }


    100% {
        transform: translateY(0);
    }
} */
/* .mainheading2 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 76px;
    text-align: center;
    color: #FCFCFF;

    display: flex;
    gap: 10px;
    justify-content: center;
    transition: transform 0.5s ease;
    align-content: center;
    align-items: center;
} */

.mainheading2 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 76px;
    text-align: center;

    display: flex;
    gap: 10px;
    justify-content: center;
    transition: transform 1s ease;
    align-content: center;
    align-items: center;
}

.content-list {
    position: relative;
    height: 76px;
    /* Matches the line-height of .mainheading2 */
    display: flex;
    flex-direction: column;
    /* Ensures items stack vertically */
}

.content-item {

    line-height: 76px;
    text-align: center;
    color: #FCFCFF;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 76px;
    /* Matches the line-height of the text */
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-100%);
    }

    40% {
        transform: translateY(-200%);
    }

    65% {
        transform: translateY(-300%);
    }

    80% {
        transform: translateY(-400%);
    }


    100% {
        transform: translateY(0);
    }
}

.content-list {
    animation: scroll 10s ease-in-out infinite;
}


/* .mainheading {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 76px;
    text-align: center;
    color: #FCFCFF;

    display: flex;
    gap: 10px;
    justify-content: center;
    transition: transform 0.5s ease;
    align-content: center;
    align-items: center;
} */

.rec1,
.rec2,
.rec3,
.rec4,
.rec5 {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    /* Add a transition effect for opacity */
}


.rec1 {
    top: 490px;
    position: absolute;
    width: 534px;
    height: 880px;
    left: -379px;
    bottom: 19px;
    background: #fcfcff;
    opacity: 0.03;
    backdrop-filter: blur(18px);
    border-radius: 12px;
    transform: skew(-10deg, 5deg);
}

.rec2 {
    top: 780px;
    position: absolute;
    width: 272px;
    height: 600px;
    left: 110px;
    bottom: 0px;
    background: #fcfcff;
    opacity: 0.03;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-radius: 12px;
    transform: skew(0deg, 20deg);
}

.rec3 {
    top: 490px;
    position: absolute;
    width: 437px;
    height: 917px;
    right: -194px;
    bottom: 0px;
    background: #fcfcff;
    opacity: 0.03;
    backdrop-filter: blur(18px);
    border-radius: 12px;
    transform: skew(5deg, -17deg);
}

.rec4 {
    top: 790px;
    position: absolute;
    width: 427px;
    height: 569px;
    right: -124px;
    bottom: 0px;
    background: #fcfcff;
    opacity: 0.03;
    backdrop-filter: blur(18px);
    border-radius: 12px;
    transform: skew(10deg, -10deg);
}

.rec5 {
    top: 820px;
    position: absolute;
    width: 225px;
    height: 493px;
    left: 760px;
    bottom: 0px;
    background: #fcfcff;
    opacity: 0.03;
    backdrop-filter: blur(18px);
    border-radius: 12px;
    transform: skew(0deg, 10deg);
}

.audioimages {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 40px;
    position: relative;
}

.contentimageslogo {
    display: flex;
    padding: 20px;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: #fcfcff;
    /* Shadow/Large Shadow */
    box-shadow: 0px 16px 32px rgba(20, 20, 26, 0.3);

    border-radius: 300px;

}

/* @keyframes animate-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(228, 228, 228, 0.7), 0 0 0 0 rgba(228, 228, 228, 0.7);
    }

    40% {
        box-shadow: 0 0 0 50px rgba(228, 228, 228, 0.0), 0 0 0 0 rgba(228, 228, 228, 0.7);
    }

    80% {
        box-shadow: 0 0 0 50px rgba(228, 228, 228, 0.0), 0 0 0 30px rgba(228, 228, 228, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(228, 228, 228, 0.0), 0 0 0 30px rgba(228, 228, 228, 0);
    }

} */

.contenttextm {
    width: max-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px;
    background: #fcfcff;
    box-shadow: 0px 4px 12px rgba(20, 20, 26, 0.1);
    border-radius: 6px;
    justify-content: center;
}

.contenttextm span {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #0a0a0a;
}

.contentimages {
    /* transform: scale(0);
    opacity: 0; */
    /* transition: transform 0.5s, opacity 0.5s; */
    z-index: 1;
}

/* .animatelogo {
    background: rgba(228, 228, 228, 0.2);
}
.animatelogo1 {
    background: rgba(228, 228, 228, 0.3);
} */


.animatelogo {
    width: 140px;
    height: 140px;
    /* background: rgba(228, 228, 228, 0.2); */
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.animatelogo1 {
    width: 120px;
    height: 120px;
    /* background: rgba(228, 228, 228, 0.3); */
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 20px 0;
    /* animation: animate-pulse 3s linear infinite; */
}

@media (max-width: 991.98px) {
    /* section.home-hero-sec {
        height: 2200px;
        display: block;
    } */

    .rec1 {
        display: none;
    }

    .rec2 {
        display: none;
    }

    .rec3 {
        display: none;
    }

    .rec4 {
        display: none;
    }

    .rec5 {
        display: none;
    }

    .contentimagesmob {
        display: grid;
        justify-items: center;
    }

    .contentimageslogomob {
        display: flex;
        padding: 20px;
        justify-content: center;
        width: 100px;
        height: 100px;
        background: #fcfcff;
        /* Shadow/Large Shadow */
        box-shadow: 0px 16px 32px rgba(20, 20, 26, 0.3);
        border-radius: 300px;
    }

    .contenttextmob {
        width: max-content;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px 20px;
        background: #fcfcff;
        box-shadow: 0px 4px 12px rgba(20, 20, 26, 0.1);
        border-radius: 6px;
        justify-content: center;
    }

    .contenttextmob span {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #0a0a0a;
    }
}

section.home-hero-sec-mobile {
    background: linear-gradient(135deg, #3a2276, #8a0a73);
    height: 100%;
}

.contenttextm span {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #0a0a0a;
}

#playbuttonhover {
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Show the play button when hovering over the .contentimages container */
.contentimages:hover #playbuttonhover {
    display: block;
}

/* Style the play button image */
#playbuttonhover img {
    width: 50px;
    /* Adjust size as needed */
    height: 50px;
    /* Adjust size as needed */
}

section.count-sec-m {
    background: #0e0f26;
}

video#hoverVideomain {
    width: 1094px;
    border-radius: 24px;
    margin-top: -285px;
    height: auto;
    z-index: 1;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12px);
    padding: 20px;
}

#hoverVideomain iframe {
    width: 1094px;
    border-radius: 24px;
    margin-top: -285px;
    height: auto;
    z-index: 1;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12px);
    padding: 20px;
}

.video-count-box {
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12px);
    display: flex;
    padding: 100px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
    align-self: stretch;


}

.hometext {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 1350px) {
    .mutebtndubhome {
        position: absolute;
        top: -200px !important;
        left: 30px;
        z-index: 10;
        cursor: pointer;
    }
}

@media (max-width: 767.98px) {
    section.count-sec-home video {
        width: 400px !important;
        max-width: 390px;
        height: auto;
    }

    .clickablesection {
        /* background: #0E0F26; */
        padding: 40px;
        margin-top: -100px;
        z-index: 1;
    }

    .mutebtndubhome {
        position: absolute;
        top: -200px !important;
        left: 10px;
        z-index: 10;
        cursor: pointer;
    }

    video#hoverVideomain {
        width: 400px !important;
        max-width: 390px;
        height: auto;
        margin-top: -550px;
        padding: 10px;
    }

    .animatebgtext {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 31px;
        text-align: center;
    }

    .mainheading {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 31px !important;
        text-align: center;
        color: #FFFFFF;
    }

    .mainheading2 {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 31px !important;
        text-align: center;
        height: 3rem !important;
    }

    .button-signup-home {
        margin-top: 30px !important;
    }

    .talk-to-sales {
        margin-top: 30px !important;
    }

    section.hero1 .deschome {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 3px !important;
        margin-bottom: 20px !important;
        width: 680px;
        height: 68px;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 24px !important;
        text-align: center;
        /* color: #E6E6E9 !important; */
    }

    section.home-hero-sec {
        /* height: 1400px; */
        display: block;
    }

    .volume-control {
        display: flex;
        flex-wrap: wrap;

        gap: 10px;
        grid-template-columns: 1fr 3.5fr 0.3fr !important;
    }

    .contentimagesmob {
        display: grid;
        justify-items: center;
    }

    .audioimages {
        display: grid;
        flex-direction: row;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: center;
        justify-items: center;
    }

    .contentimageslogomob {
        display: flex;
        padding: 20px;
        justify-content: center;
        width: 100px;
        height: 100px;
        background: #fcfcff;
        /* Shadow/Large Shadow */
        box-shadow: 0px 16px 32px rgba(20, 20, 26, 0.3);
        border-radius: 300px;
    }

    .contenttextmob {
        width: max-content;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px 20px;
        background: #fcfcff;
        box-shadow: 0px 4px 12px rgba(20, 20, 26, 0.1);
        border-radius: 6px;
        justify-content: center;
    }

    .contenttextmob span {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #0a0a0a;
    }

    .rec1 {
        display: none;
    }

    .rec2 {
        display: none;
    }

    .rec3 {
        display: none;
    }

    .rec4 {
        display: none;
    }

    .rec5 {
        display: none;
    }

    .audioimagesmobile {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 50px;
    }

    .audioimages {
        display: none;
    }

    .hero-desktop {
        /* margin-top: -80% !important; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section.hero .descheader {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        text-align: center;
        color: #fcfcff;
    }

    #playbuttonhover {
        display: none;
        position: absolute;
        top: 35%;
        left: 45%;
        transform: translate(-50%, -50%);
    }

    .contentimagesmob:hover #playbuttonhover {
        display: block;
    }

    #playbuttonhover img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 991.98px) and (min-width:700px) {
    video#hoverVideomain {
        width: 620px !important;
        height: auto;
        border-radius: 24px;
        margin-top: -450px !important;

    }

    .clickablesection {
        /* background: #0E0F26; */
        padding: 40px;
        margin-top: -100px;
        z-index: 1;
    }

    .mutebtndubhome {
        position: absolute;
        top: -330px !important;
        left: 10px;
        z-index: 10;
        cursor: pointer;
    }
}

@media (min-width:1750px) {
    video#hoverVideomain {
        margin-top: -235px;
    }

}

@media (max-width: 991.98px) {

    section.subtitlesection {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 50px 0px;
        gap: 50px;
        width: 740px;
        height: auto;
        z-index: 1;
        align-content: center;
    }

    section.dubcesection .videobox .videosbutns .videobtn {
        width: max-content !important;
    }

    .home-hero-sec-mobile .hero-mobile h1 {
        font-weight: 700;
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        color: #fff;
    }

    .home-hero-sec-mobile .hero-mobile p {
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #fff;
    }

    .rec1 {
        display: none;
    }

    .rec2 {
        display: none;
    }

    .rec3 {
        display: none;
    }

    .rec4 {
        display: none;
    }

    .rec5 {
        display: none;
    }

    .audioimagesmobile {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 50px;
    }

    .audioimages {
        display: none;
    }

    .hero-desktop {
        /* margin-top: -40%; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section.hero .descheader {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        text-align: center;
        color: #fcfcff;
    }

    #playbuttonhover {
        display: none;
        position: absolute;
        top: 35%;
        left: 45%;
        transform: translate(-50%, -50%);
    }

    .contentimagesmob:hover #playbuttonhover {
        display: block;
    }

    #playbuttonhover img {
        width: 50px;
        height: 50px;
    }
}

.audioimagesmobile {
    display: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mobile-sec-hero {
        margin-bottom: 9rem;
    }
}

@media (max-width: 991.98px) {
    .section-ambitious .sidebar {
        display: none;
    }
}

@media (max-width: 551px) {
    .addclass {
        font-weight: 400;
        font-size: 18px !important;
        line-height: 24px !important;
    }

    section.discover-voice {
        padding: 20px;
    }

    section.section-ambitious {
        padding: 20px !important;
    }
}

@media (max-width: 991.98px) {
    section.section-ambitious {
        padding: 40px 40px 50px 40px;
    }

    section.section-ambitious .container .sec-title1 {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .discover-voice .section2-box .section-content .contenttext h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
        color: #fcfcff;
    }

    .discover-voice .section2-box .section-content .contenttext p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #e6e6e9;
    }

    .discover-voice .section2-box .section-content .contenttext1 h2 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;
        color: #fcfcff;
    }

    .discover-voice .section2-box .section-content .contenttext1 p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #e6e6e9;
    }

    .section-ambitious .side-sec {
        order: 1;
    }

    .section-ambitious .main h2 {
        font-size: 25px;
        line-height: 34px;
    }

    .section-ambitious .main p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .section-ambitious .main .side-sec .testimonial-box {
        background: rgba(145, 180, 255, 0.16);
        padding: 24px;
        border-radius: 26px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .section-ambitious .f-sec {
        font-size: 12px;
        line-height: 16px;
    }

    section.wavel-benefit {
        padding: 20px 0;
    }

    .wavel-benefit .benefit-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .wavel-benefit h2.title {
        font-size: 25px;
        line-height: 34px;
    }

    .wavel-benefit p.desc {
        font-size: 15px;
        line-height: 20px;
    }

    .wavel-benefit .benefit-box .benefit-content.left h2 {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 0;
    }

    .wavel-benefit .benefit-box.left {
        display: -webkit-box;
    }

    .wavel-benefit .benefit-box.right {
        display: -webkit-box;
    }

    .wavel-benefit .benefit-box .benefit-content.left p {
        font-size: 12px;
        line-height: 16px;
    }

    .wavel-benefit .benefit-box .benefit-content.right h2 {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 0;
    }

    .wavel-benefit .benefit-box .benefit-content.right p {
        font-size: 12px;
        line-height: 16px;
    }

    .wavel-benefit .benefit-box .benefit-content p {
        font-size: 12px;
        line-height: 16px;
    }


    .wavel-perfect .perfect-box h3 {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 27.44px;
        line-height: 35px;
        color: #0e0f26;
    }

    .wavel-perfect .perfect-row-box {
        display: flex;
        justify-content: center;
        margin-bottom: 11rem;
    }

    .wavel-perfect .second-row .content-area {
        margin-left: 0;
        margin-top: -111px;
    }

    .wavel-perfect .second-row {
        margin-top: 0;
    }

    .wavel-dubbing .wavel-dub-back h2.title {
        font-size: 25px;
        line-height: 34px;
        width: 100%;
        max-width: 341px;
    }

    .wavel-dubbing .wavel-dub-back p.desc {
        font-size: 15px;
        line-height: 20px;
        width: 100%;
        max-width: 340px;
    }

    .wavel-dubbing .wavel-dub-back .btn-step {
        display: none;
    }

    .wavel-dubbing .wavel-dub-back span.content {
        font-size: 15px;
        line-height: 20px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
    }

    .wavel-dubbing .wavel-dub-back .content-title {
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        width: 100%;
        max-width: 345px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .wavel-dubbing .wavel-dub-back .des {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        margin: 0 auto;
    }

    .wavel-dubbing .wavel-dub-back .wav-dub-content {
        order: 1;
    }

    .languages h2.desc {
        font-size: 25px;
        line-height: 34px;
        text-align: center;
    }

    .languages h2.desc span {
        font-size: 25px;
        line-height: 31px;
        text-align: center;
        letter-spacing: 0.07em;
    }

    .languages .content-row .voice-block {
        display: flex;
        justify-content: center;
    }

    .blog-mobile h2 {
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        text-transform: capitalize;
        color: #474747;
    }

    .blog-mobile h2 {
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        text-transform: capitalize;
        text-align: center;
        color: #474747;
    }

    .blog-mobile .blog-sec-content p.desc {
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        color: #464646;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: 210px;
        margin-left: 15px;
    }

    .blog-mobile .blog-sec-content p.date-time {
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 0;
        color: #474747;
        margin-left: 15px;
    }

    .blog-mobile .blog-sec .blog-content {
        display: flex;
        align-items: center;
    }

    section.blog-mobile {
        padding: 20px 0;
    }

    .sec-faq h2 {
        font-weight: 600;
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        color: #000;
    }

    .sec-faq .question {
        font-weight: bold;
        font-size: 15px;
        line-height: 20px;
        text-align: left;
        color: #343434;
    }

    .sec-faq .answer {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: #343434;
    }

    section.connect .container .title-light {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        text-transform: capitalize;
        color: #fff;
    }

    .wavel-dubbing .wavel-dub-back {
        padding: 0;
    }

    .blog-mobile .blog-sec {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .wavel-perfect .perfect-row-box.front {
        display: none;
    }

    .wavel-perfect .perfect-row-box.end {
        display: none;
    }

    .wavel-perfect .second-row .content-area {
        margin-top: 0 !important;
    }

    .section-ambitious .main .side-sec .testimonial-box {
        background: rgba(145, 180, 255, 0.16);
        padding: 24px;
        border-radius: 26px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .wavel-perfect .perfect-row-box {
        display: flex;
        justify-content: center;
        margin-bottom: 11rem;
    }

    .wavel-perfect .second-row {
        margin-top: 0;
        display: flex;
        justify-content: center;
        margin-left: 15px;
    }

    .testimonial h2 {
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        text-transform: capitalize;
        color: #474747;
    }

    #testimonial4 {
        background: #e3f3ff;
        border-radius: 31px;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc {
        margin-top: 0;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc h2.test_name {
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #00456b;
        margin-bottom: 0;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc p.name {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #474747;
        text-align: center;
        margin-bottom: 0;
    }

    #testimonial4 .carousel-control-prev img,
    #testimonial4 .carousel-control-next img {
        height: 26px;
    }

    #testimonial4 .carousel-inner .carousel-item {
        margin-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    section.sec-aud-video {
        display: none;
    }

    section.sec-aud-video-mobile {
        display: block;
    }



    .sec-aud-video-mobile .aud-video-mobile-bg h2 {
        font-weight: 700;
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        text-transform: capitalize;
        color: #fff;
    }

    .sec-aud-video-mobile .aud-video-mobile-bg p {
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #fff;
    }

    .sec-aud-video-mobile .aud-video-mobile-bg .voice-btn {
        background: linear-gradient(76.01deg, #1a3fff 12.94%, rgba(0, 85, 253, 0.9) 95.44%);
        border-radius: 35px;
        transform: matrix(1, 0, 0, 1, 0, 0);
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        padding: 9px 32px;
        border: none;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .client-sec-notuse-mobile p {
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 44px;
        text-align: center;
        color: #474747;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        text-transform: capitalize;
        color: #474747;
    }

    .client-sec-notuse-mobile {
        display: block;
    }

    section.wavel-experssion-mobile {
        display: block;
    }

    section.wavel-experssion {
        display: none;
    }

    section.wavel-experssion-mobile {
        padding: 50px 0;
    }

    .wavel-experssion-mobile h2.title {
        font-weight: 700;
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        text-transform: capitalize;
        width: 100%;
        max-width: 349px;
        color: #474747;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .wavel-experssion-mobile p.desc {
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        max-width: 334px;
        color: #474747;
        margin: 0 auto;
    }

    .wavel-experssion-mobile .experssion-voice.left {
        background-image: linear-gradient(135deg, #714ce2, #853fd8, #a936c8);
    }

    .wavel-experssion-mobile .experssion-voice.right {
        background-image: linear-gradient(135deg, #3693fb, #596dd6, #666dc9);
    }

    .wavel-experssion-mobile .experssion-voice {
        padding: 20px;
        opacity: 0.8;
        border-radius: 27px;
    }

    .wavel-experssion-mobile .experssion-voice.left .voice-box {
        background: #a579e1;
    }

    .wavel-experssion-mobile .experssion-voice .voice-box {
        padding: 4px;
        display: flex;
        border-radius: 8px;
        width: 100%;
        min-width: 104px;
    }

    .wavel-experssion-mobile .experssion-voice.right .row {
        margin-right: 0;
    }

    .wavel-experssion-mobile .experssion-voice.left .row {
        margin-right: 0;
    }

    .wavel-experssion-mobile .experssion-voice.left .voice-box .voice-play p.fa.fa-play {
        background: rgba(92, 49, 239, 0.6);
    }

    .wavel-experssion-mobile .experssion-voice.left .voice-box .voice-play p.fa.fa-pause {
        background: rgba(92, 49, 239, 0.6);
    }

    .wavel-experssion .experssion-voice.right .voice-box .voice-play p.fa.fa-play {
        background: #00b2ec;
    }

    .wavel-experssion .experssion-voice.right .voice-box .voice-play p.fa.fa-play {
        background: #00b2ec;
    }

    .wavel-experssion-mobile .experssion-voice .voice-box .voice-play p.fa.fa-play {
        font-family: FontAwesome !important;
        color: #fff;
        height: 20px;
        width: 21px;
        z-index: 2;
        border-radius: 20px;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    .wavel-experssion-mobile .experssion-voice .voice-box .voice-play p.fa.fa-pause {
        font-family: FontAwesome !important;
        color: #fff;
        height: 20px;
        width: 21px;
        z-index: 2;
        border-radius: 20px;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    .wavel-experssion-mobile .experssion-voice.right .voice-box .voice-play p.fa.fa-play {
        font-family: FontAwesome !important;
        color: #fff;
        height: 20px;
        width: 21px;
        z-index: 2;
        border-radius: 20px;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    .wavel-experssion-mobile .experssion-voice.right .voice-box .voice-play p.fa.fa-pause {
        font-family: FontAwesome !important;
        color: #fff;
        height: 20px;
        width: 21px;
        z-index: 2;
        border-radius: 20px;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    .wavel-experssion-mobile .experssion-voice.right .voice-box .voice-play p.fa.fa-play {
        background: #00b2ec;
    }

    .wavel-experssion-mobile .experssion-voice.right .voice-box .voice-play p.fa.fa-pause {
        background: #00b2ec;
    }

    .wavel-experssion-mobile .experssion-voice .voice-box .voice-content p {
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
        margin: 0 auto;
        font-family: "Outfit";
        font-style: normal;
        margin-left: 0.5rem;
    }

    .wavel-experssion-mobile .experssion-voice h2 {
        font-weight: 700;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
        color: #fff;
    }

    .wavel-experssion-mobile .experssion-content {
        margin-top: -60px;
    }

    .wavel-experssion-mobile .experssion-voice.right .voice-box {
        background: #829eeb;
    }

    .testimonial h2 {
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        text-transform: capitalize;
        color: #474747;
    }

    #testimonial4 {
        background: #e3f3ff;
        border-radius: 31px;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc {
        margin-top: 0;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc h2.test_name {
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #00456b;
        margin-bottom: 0;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc p.name {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #474747;
        text-align: center;
        margin-bottom: 0;
    }

    #testimonial4 .carousel-control-prev img,
    #testimonial4 .carousel-control-next img {
        height: 26px;
    }

    #testimonial4 .carousel-inner .carousel-item {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    section.wavel-experssion-mobile {
        display: none;
    }

    section.wavel-experssion {
        display: block;
    }

    section.sec-aud-video {
        display: block;
    }

    section.sec-aud-video-mobile {
        display: none;
    }

    .client-sec-notuse-mobile {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .wavel-dubbing .wavel-dub-back p.desc {
        padding: 10px;
    }

    .wavel-dubbing .wav-dub-content .dub-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .wavel-dubbing .wavel-dub-back .des {
        text-align: center;
    }

    .wavel-dubbing .wavel-dub-back .wav-dub-content {
        order: 1;
    }
}

@media (max-width: 991.98px) {
    section.timeline-mobile {
        display: block;
    }

    section.timeline-mobile {
        padding: 20px 0;
    }

    .timeline-mobile h2 {
        font-weight: 700;
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        color: #474747;
    }

    .ph-counter {
        display: none;
    }
}

@media (min-width: 992px) {
    section.timeline-mobile {
        display: none;
    }
}

.testimonial h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #474747;
}

#testimonial4 .carousel-inner .carousel-item .testimonial-desc p.desc {
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #00456b;
    margin-bottom: 0;
}

#testimonial4 .carousel-inner .carousel-item .testimonial-desc h2.test_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    text-align: center;
    margin-bottom: 0;
}

#testimonial4 .carousel-inner .carousel-item .testimonial-desc p.name {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    text-align: center;
}

#testimonial4 .carousel-control-prev img {
    margin-left: 90px;
    height: 54px;
    width: 54px;
}

#testimonial4 .carousel-control-next img {
    margin-right: 90px;
}

@media (min-width: 992px) {
    section.sec-social-mobile {
        display: none;
    }

    section.sec-social {
        display: block;
    }
}

@media (max-width: 991.98px) {
    section.sec-social-mobile {
        display: block;
    }

    section.sec-social {
        display: none;
    }

    section.sec-social-mobile {
        padding: 20px 0 60px 0;
    }

    .sec-social-mobile h2.title {
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        margin: 0 auto;
    }

    .sec-social-mobile p.desc {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        max-width: 318px;
        font-weight: 500;
        margin: 0 auto;
    }

    .sec-social-mobile .container {
        max-width: 275px;
    }

    .sec-social-mobile .social-wrapper {
        display: flex;
        justify-content: center;
    }
}

.main-timeline-4 {
    position: relative;
}

.main-timeline-4::after {
    content: "";
    position: absolute;
    width: 4px;
    background-color: #dfdfdf;
    top: 23px;
    bottom: 0;
    left: 43%;
    margin-left: -3px;
}

.timeline-4 {
    position: relative;
    background-color: inherit;
    width: 40%;
}

.timeline-4.left-4::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -48px;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

.left-4 {
    padding: 0px 90px 20px 0px;
    left: 0;
}

.right-4 {
    padding: 0px 0px 20px 40px;
    left: 0%;
}

@media screen and (max-width: 600px) {
    .main-timeline-4::after {
        left: 31px;
    }

    .timeline-4 {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    .timeline-4::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    .left-4::after,
    .right-4::after {
        left: 18px;
    }

    .left-4::before {
        right: auto;
    }

    .right-4 {
        left: 0%;
    }
}

.gradient-custom {
    background: #6a11cb;
    background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
    background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
}

.gradient-custom-4 {
    background: #f093fb;
    background: -webkit-linear-gradient(to left, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));
    background: linear-gradient(to left, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));
}

.main-timeline-4 .video-status.play {
    background-image: url(../../../../assets/images/play.svg);
    background-position: 50% 50%;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}

.main-timeline-4 .video-status {
    position: absolute;
    left: 0;
    top: 0;
    right: 15%;
    bottom: 35%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wav-future .main-timeline-4 h2.title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #474747;
    margin-top: 0;
    margin-left: 2.5rem;
}

.wav-future .main-timeline-4 p.desc {
    margin-left: 2.5rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    width: 100%;
    min-width: 560px;
}

@media (max-width: 991.98px) {
    #testimonial4 .carousel-inner .carousel-item .testimonial-desc p.desc {
        font-size: 15px;
        line-height: 20px;
    }

    .reviews #testimonial4 {
        border-radius: 31px;
    }

    #testimonial4 .carousel-control-prev img {
        margin-left: -60px;
    }

    #testimonial4 .carousel-control-next img {
        margin-right: -55px;
        width: 54px;
        height: 54px;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc h2.test_name {
        font-size: 10px;
        line-height: 14px;
        margin-top: 20px;
    }

    #testimonial4 .carousel-inner .carousel-item .testimonial-desc p.name {
        font-size: 10px;
        line-height: 14px;
    }

    .section-ambitious .tab-content {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .wav-future-mobile {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .wav-future {
        display: none;
    }
}

.wav-future-mobile h2.title {
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
    text-align: center;
    color: #474747;
}

.wav-future-mobile {
    padding: 0 10px;
}

.wav-future-mobile .future-content .round {
    width: 18px;
    height: 17px;
    border-radius: 50%;
    background: #9aaffc;
}

.wav-future-mobile .future-content h2.future-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
    color: #474747;
    margin-bottom: 0;
}

.wav-future-mobile .future-desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #474747;
    padding: 0 18px;
}

@media (min-width: 1200px) {
    .wav-future.container {
        max-width: 1200px;
    }
}

.main-timeline-2 {
    position: relative;
}

.main-timeline-2::after {
    content: "";
    position: absolute;
    width: 4px;
    background-color: #dfdfdf;
    top: -4px;
    bottom: 0;
    left: 52%;
    margin-left: 22px;
}

.timeline-2 {
    position: relative;
    background-color: inherit;
    width: 40%;
}

.timeline-2.left-2::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    left: 132%;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

.left-2 {
    padding: 0px 90px 20px 0px;
    left: 0;
}

.right-2 {
    padding: 0px 0px 20px 40px;
    left: 16%;
}

@media screen and (max-width: 600px) {
    .main-timeline-2::after {
        left: 31px;
    }

    .timeline-2 {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    .timeline-2::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    .left-2::after,
    .right-2::after {
        left: 18px;
    }

    .left-2::before {
        right: auto;
    }

    .right-2 {
        left: 0%;
    }
}

.gradient-custom {
    background: #6a11cb;
    background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
    background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
}

.gradient-custom-2 {
    background: #f093fb;
    background: -webkit-linear-gradient(to left, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));
    background: linear-gradient(to left, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));
}

.main-timeline-2 .video-status.play {
    background-image: url(../../../../assets/images/play.svg);
    background-position: 50% 50%;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}

.main-timeline-2 .video-status {
    position: absolute;
    left: 0;
    top: 0;
    right: 15%;
    bottom: 35%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wav-future .main-timeline-2 h2.title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #474747;
    margin-top: 0;
}

.wav-future .main-timeline-2 p.desc {
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #474747;
    width: 100%;
    min-width: 560px;
}

.timeline-4.left-4.first::after {
    background: #9aaffc;
}

.timeline-4.left-4.second::after {
    background: #ffbda8;
}

.timeline-2.left-2.third::after {
    background: #9b78e5;
}

.timeline-2.left-2.four::after {
    background: #b2e6fc;
}

.wav-future .box {
    width: 180px;
    height: 90px;
    border: solid 4px #dfdfdf;
    border-color: #dfdfdf transparent transparent transparent;
    border-radius: 50%/100% 100% 0 0;
    transform: rotate(225deg);
    margin-left: 467px;
    margin-top: -2px;
}

.wav-future .box1 {
    width: 57px;
    height: 104px;
    border-top: 4px solid #dfdfdf;
    border-right: 4px solid #dfdfdf;
    border-top-right-radius: 62px;
    margin-left: 49%;
    transform: rotate(355deg);
    margin-top: 5px;
}

.wav-future-mobile .video-container {
    display: flex;
    justify-content: center;
}

@media (min-width: 430px) and (max-width: 991.98px) {
    .wav-future-mobile .future-content {
        justify-content: center;
    }

    .wav-future-mobile p.future-desc {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1191.98px) {
    .wav-future .box {
        margin-left: 362px;
    }

    .wav-future .box1 {
        margin-left: 50%;
    }

    .wav-future .video-container .video-wrapper iframe {
        width: 370px;
        height: 210px;
    }

    .timeline-4.left-4::after {
        right: -40px;
    }

    .main-timeline-4::after {
        margin-left: -4px;
        left: 43%;
    }

    .wav-future .main-timeline-4 h2.title {
        margin-left: 1.5rem;
    }

    .wav-future .main-timeline-4 p.desc {
        margin-left: 1.5rem;
        min-width: 490px;
    }

    .wav-future .main-timeline-2 p.desc {
        min-width: 490px;
    }

    .main-timeline-2::after {
        margin-left: 38px;
    }

    .timeline-2.left-2::after {
        left: 137%;
    }
}

@media (min-width: 1192px) and (max-width: 1199.98px) {
    .wav-future .box {
        margin-left: 400px;
    }

    .wav-future .box1 {
        margin-left: 48%;
        margin-top: 6px;
    }

    .wav-future .video-container .video-wrapper iframe {
        width: 370px;
        height: 210px;
    }

    .timeline-4.left-4::after {
        right: -13px;
    }

    .main-timeline-4::after {
        margin-left: -4px;
        left: 40%;
    }

    .wav-future .main-timeline-4 h2.title {
        margin-left: 1.5rem;
    }

    .wav-future .main-timeline-4 p.desc {
        margin-left: 1.5rem;
        min-width: 490px;
    }

    .wav-future .main-timeline-2 p.desc {
        min-width: 490px;
    }

    .main-timeline-2::after {
        margin-left: 13px;
    }

    .timeline-2.left-2::after {
        left: 130%;
    }
}

.wavel-experssion .experssion-main .experssion-voice h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-top: 0;
}

h2.main-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #474747;
    width: 100%;
    max-width: 796px;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    section.two .dashboard-sec picture img {
        margin-top: 25px;
    }



}

@media (max-width: 991.98px) {
    section.wavel-perfect {
        padding: 40px;
    }

}

.sec-social .container {
    margin-top: 120px;
}

.main-container {
    max-width: 1165px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    background-color: #bfe3ff;
    margin-bottom: 20px;
}

* {
    box-sizing: border-box;
}

.section-wavel-love {
    background-color: #bfe3ff;
}

.title-wall-love {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    margin-top: 78px;
    margin-bottom: 10px;
    color: #474747;
}

.title-wall-love-description {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    max-width: 870px;
    margin: 0 auto;
    color: #474747;
    margin-bottom: 26px;
}

.wavel-love-image .wavel-love-image-first {
    margin-bottom: 46px;
}

.wavel-love-image-second {
    margin-bottom: 46px;
}

.wavel-love-image .wavel-love-image-third {
    margin-bottom: 43px;
}

@media screen and (max-width: 992px) {
    .wavel-love-image-first {
        max-width: 322px;
        width: 100%;
        margin-bottom: 32px;
    }

    .wavel-love-image-second {
        max-width: 322px;
        width: 100%;
        margin-bottom: 32px;
    }

    .wavel-love-image-third {
        max-width: 322px;
        width: 100%;
        margin-bottom: 32px;
    }

    .wavel-love-image-four {
        max-width: 322px;
        width: 100%;
        margin-bottom: 32px;
    }

    .wavel-love-image-five {
        max-width: 322px;
        width: 100%;
        margin-bottom: 49px;
    }

    .title-wall-love-description {
        font-size: 15px;
        margin-bottom: 31px;
        line-height: 20px;
    }

    .title-wall-love {
        font-size: 25px;
        line-height: 34px;
        margin-top: 42px;
    }

    .wavel-love-image {
        display: flex;
        justify-content: center;
    }

    .wavel-love-image-div {
        display: unset;
    }
}

section.wavel-review {
    padding: 60px 0 0;
    margin-top: 50px;
    min-height: 200px;
}

section.wavel-review .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wavel-review .sf-root {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.wavel-review .wavel-saas {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .wavel-review {
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
}

@media (max-width: 768px) {
    section.wavel-review {
        padding: 30px 0 0;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .wavel-review .sf-root {
        padding: 30px;
        width: auto !important;
        height: auto !important;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .wavel-review .wavel-saas {
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
}

@media (max-width: 768px) {
    .wavel-review .wavel-tech {
        margin-top: 0;
        width: auto !important;
        height: auto !important;
    }
}

@media (min-width: 992px) {
    .wavel-review .wavel-tech {
        margin-left: auto;
        margin-right: auto;
    }
}

.trustpilotcontainer {
    margin-top: -40px;
}

section.git-hero .form-container form {
    width: 90%;
    max-width: 450px;
    margin: 15px auto;
}



@media (min-width: 992px) {
    section.sec-social-mobile {
        display: none;
    }

    section.sec-social {
        display: block;
    }
}

@media (max-width: 991.98px) {
    section.sec-social-mobile {
        display: block;
    }

    section.sec-social {
        display: none;
    }

    section.sec-social-mobile {
        padding: 20px 0 60px 0;
    }

    .sec-social-mobile h2.title {
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        margin: 0 auto;
    }

    .sec-social-mobile p.desc {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        max-width: 318px;
        font-weight: 500;
        margin: 0 auto;
        padding: 15px;
    }

    .sec-social-mobile .container {
        max-width: 275px;
    }

    .sec-social-mobile .social-wrapper {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 991.98px) {
    .sec-social-mobile p.desc {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        max-width: 780px !important;
        font-weight: 500;
        margin: 0 auto;
    }
}

.client-sec-notuse {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.client-sec-notuse p {
    font-family: 'Outfit', 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    text-align: center;
    color: #fcfcff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
}

.client-sec-notuse .marquee-wrapper .marquee-item {
    width: 230px;
    height: auto;
    display: inline-block;
    margin: 0 10px;
    /* float: left;
    */
    transition: all 0.2s ease-out;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .client-sec-notuse p {
        font-weight: 500;
        font-size: 27.44px;
        line-height: 35px;
        text-align: center;
    }
}

.client-sec-notuse picture {
    text-align: center;
}

.client-sec-notuse picture img {
    margin-top: 25px;
    width: 100%;
}

.client-sec-notuse {
    display: block;
    text-align: center;
}

.client-sec-notuse-millionview {
    display: none;
}

@media (max-width: 991.98px) {
    .client-sec-notuse-millionview {
        display: none;
    }
}

@media (max-width: 767.98px) {

    .client-sec-notuse-millionview {
        display: block;
    }

    .client-sec-notuse-millionview .client-sec-notuse-title-mobile {
        padding: 10px;
        font-family: 'Outfit', 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        text-transform: capitalize;
        color: #474747;
    }

    img.img-fluid.hero {
        width: 90px;
        height: 70px;
    }
}

.client-sec-notuse .client-sec-notuse-titled {
    color: black;
}

.client-sec-notuse .client-sec-notuse-titled .highlight-textd {
    text-align: center;
    color: #009af1 !important;
    background-color: transparent;
    font-family: 'Poppins' !important;
    font-style: italic;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    color: #009af1;
}

section.wav-badges {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #EBEBED;
}

section.wav-badges .badges-container {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    align-items: center;
    gap: 20px;
    padding: 40px;
    width: auto;
    max-width: 1440px;
    background: #FFFFFF;
    border-radius: 24px;
}


section.wav-badges .badges-container .content h2 {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;

    color: #0E0F26;



}

section.wav-badges .badges-container .content p {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #0E0F26;


}

section.wav-badges .badges-container .badges {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
    justify-items: center;
}

section.wav-badges .badges-container .badges .wavel-saas img {

    border-radius: 28.2581px;


}

@media (max-width: 980px) {
    section.wav-badges .badges-container {
        display: grid;
        grid-template-columns: 1fr;
    }

    section.wav-badges {
        padding: 20px;
    }

    section.wav-badges .badges-container .content h2 {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 700;
        font-size: 35.28px;
        line-height: 44px;


    }

    section.wav-badges .badges-container .content p {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;

    }
}

@media (max-width: 568px) {
    section.wav-badges .badges-container {
        display: grid;
        grid-template-columns: 1fr;
    }

    section.wav-badges {
        padding: 20px;
    }

    section.wav-badges .badges-container .content p {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;


    }

    section.wav-badges .badges-container .content h2 {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 31.36px;
        line-height: 40px;

    }

}

section.solution-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 40px;
    gap: 50px;
    /* width: auto;
    max-width: 1440px; */
    background: #EBEBED;

}

.soution-text .title {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    text-align: center;
    color: #0E0F26;
    mix-blend-mode: normal;

}

.soution-text .desc {

    max-width: 620px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #545454;


}

.solution-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 6px;
    gap: 12px;
    background: #FFFFFF;
    border-radius: 18px;
    white-space: nowrap
}

.solution-container .text1 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0E0F26;
    padding: 12px;
    cursor: pointer;

}

.solution-container .text1.active {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 7.5px;

    background: #405DE6;
    border-radius: 12px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;


}

.solution-box1 {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    gap: 20px;
    background: #FCFCFF;
    border-radius: 24px;
    max-width: 1262px;
}

.videotag {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #405DE6;

}

.videotext {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    height: 350px;
    max-width: 750px;
}

.videotext .title {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 35.28px;
    line-height: 44px;
    color: #0E0F26;

}

.videotext .desc {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    color: #545454;

}

.videotagscontainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.descboxvideotags {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;

    color: #0E0F26;

}

.btn {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #0E0F26;
    gap: 10px;
}

.videoimage img {
    width: 462px;
    height: 462px;
    background-blend-mode: hue, normal;
    border-radius: 14.7643px;
}

.imagecarousal {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 50px 40px;
    gap: 50px;
    /* width: auto;
max-width: 1440px; */
    background: #EBEBED;

}


.imagecarousal .title {

    max-width: 600px;
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    font-family: "ClashGrotesk-Variable";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.94px;
}






/* .imagecontainer {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 1400px;
    overflow: auto;
} */

.imagecontainer {
    display: flex;
    flex-direction: row;
    gap: 20px;
    /* width: 1400px; */
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    white-space: nowrap;
}

.imagecontainer {
    display: flex;
    overflow: hidden;
    /* Hide scrollbar */
    white-space: nowrap;
    /* Prevent wrapping */
    scroll-behavior: smooth;
    /* Ensure smooth scrolling */
}


.imagecontainer::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.imagebox .title {

    color: var(--Final-Theme-Theme-Black, #0E0F26);
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;

}

.imagebox .desc {
    color: var(--Final-Theme-Theme-Black, #0E0F26);

    /* Text/default */
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 114.286% */
}

.imagebox img {

    width: 390px;
    height: 222.44px;
    border-radius: 24px;
    background: #F2F2F2;

}

.homepricingsection {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 50px 40px;
    gap: 50px;
    isolation: isolate;
    background: #EBEBED;
}

.homecontainer {
    width: auto;
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.hometext .title {
    max-width: 555px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    color: #0E0F26;
}

.hometext .desc {
    max-width: 555px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #545454;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;

}

.homepricingbox {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    gap: 12px;
    background: #F2F2F2;
    border-radius: 24px;

}

.pricecontent {
    display: flex;
    gap: 10px;
}

.pricetext {
    width: -webkit-fill-available;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    gap: 47px;
    /* width: 585px; */
    height: 95px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.pricetextlast {
    /* width: -webkit-fill-available; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    gap: 47px;
    width: 585px;

}

.priceboxlogo {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    gap: 24px;

    width: 585px;
    height: 98px;

    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(12px);
    border-radius: 24px;

}

.wavelogo {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 24px 54px;
    gap: 24px;
    width: 158px;
    height: 98px;
    background: #FFFFFF;
    border-radius: 24px;

}

.pricecontentbox {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 585px;
    height: 383px;
    background: #FFFFFF;
    border-radius: 24px;

}

.wavellogoprice {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 24px;
    width: max-content;
    /* height: 383px; */
    background: #FFFFFF;
    border-radius: 24px;
    justify-content: space-between;

}

.pricetexttitle {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #0E0F26;


}

.pricetextbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.replace {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;

    color: #B2B2B4;
    display: flex;
    gap: 20px;

}

.companyname {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #0E0F26;


}

.priceamount {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #0E0F26;


}

.priceamountwavel {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;

    background: linear-gradient(135deg, #405DE6 -0.74%, #833AB4 99.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 20px;
}

.pricecontentlast {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    gap: 24px;
    width: 755px;
    height: 121px;
    background: white;
    backdrop-filter: blur(12px);
    border-radius: 24px;
    /* width: -webkit-fill-available; */
    justify-content: center;
}

.amountwavel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.amountwavel .price {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 35.28px;
    line-height: 44px;
    background: linear-gradient(135deg, #405DE6 -0.74%, #833AB4 99.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;


}

.amountwavel .saveamount {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #0E0F26;

}

.saveamount2 {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #0E0F26;

}

.extrafeaturesection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 40px;
    gap: 50px;

    background: #EBEBED;

}

.extrafeaturebox {
    width: auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.extrafeaturebox .title {

    max-width: 620px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    text-align: center;
    color: #0E0F26;

    mix-blend-mode: normal;


}

.extrafeaturebox .desc {
    max-width: 620px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #545454;
}

.featurebox1 {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.featuretextbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    isolation: isolate;
    background: #FFFFFF;
    border-radius: 18px;
    height: 390px;

}

.featutetitilebox {
    gap: 20px;

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 16px 0px;
    width: 800px;
    height: 62px;
    border-bottom: 2px solid #F2F2F2;

}

.featurecontent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    gap: 40px;
    border-radius: 18px;
    background: #FFFFFF;

}

.featutert1 {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    color: #676768;
    white-space: nowrap;
}

.featutert1.active {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
    color: #405DE6;

}

.mainfeaturetext {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 27.44px;
    line-height: 35px;
    color: #0E0F26;
}

/* .mainfeaturetext li{
    list-style: none;
} */

.featurepoint {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 34px;
    color: #0E0F26;
    display: flex;
    gap: 10px;

}

.featuretextimage {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;

    width: 540px;
    height: 390px;

    background: #FFFFFF;
    border-radius: 24px;


}

section.wavelnotforyousection {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 40px;
    gap: 50px;

    background: #0E0F26;

}

.wavelnotforyousectionbox {
    width: auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.wavelnotforyousectionbox .title {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 35.28px;
    line-height: 44px;
    text-align: center;

    color: #FCFCFF;

    mix-blend-mode: normal;

}

.wavelnotforyoucontainer {
    display: flex !important;
    justify-content: center;
}

.wavelnotforyoubox1 {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 32px;

    width: 430px;

    background: radial-gradient(67.52% 39.88% at 50% 0%, #232547 0%, #181930 100%);
    border: 10px solid #2C2D44;
    box-shadow: -158px 75px 70px rgba(0, 0, 0, 0.02), -89px 42px 59px rgba(0, 0, 0, 0.07), -40px 19px 44px rgba(0, 0, 0, 0.12), -10px 5px 24px rgba(0, 0, 0, 0.14);
    border-radius: 24px;

    flex: none;
    order: 0;
    flex-grow: 0;

}

.titlewavelnot {
    max-width: 382px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;

    color: #FCFCFF;

}

.descwavelnot {

    max-width: 382px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FCFCFF;

}

.wavelnotimage {

    width: 382px;
    height: 200px;

}

.videoboxcompare {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 10px;

}

.videoboxcomparebox {

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;

    width: 670px;
    min-width: 441px;
    height: 377px;

    background: #FFFFFF;
    border-radius: 24px;

}

.videoboxcomparebox .title {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 35.28px;
    line-height: 44px;
    color: #0E0F26;

}

.videoboxcomparebox .desc {

    margin: 0 auto;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #545454;

}

.testimonial-container {

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: start;
    padding: 50px 40px;
    gap: 10px;


    background: white;
width: auto;
    max-width: 1440px;

}

.carousal-title {
    display: flex;
    gap: 20px;
    align-items: center;
    align-content: center;
}

.testimonialbox1 {

    display: flex;
    gap: 20px;
    flex-direction: column;
}

.testimonialbox12 {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    width: 437.33px;
    min-width: 433.33px;
    background: #F2F2F2;
    border-radius: 24px;

}

.testimonial-container .title {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    text-align: center;
    color: #0E0F26;
    margin: 0px;
    padding: 0px;
}

.testimonial-boxes {
    width: auto;
    max-width: 1440px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.testimonialimg {
    display: flex;
    align-items: center;
    gap: 5px;
}

.testimonial-container .desc {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #0E0F26;
    margin: 0px;
    padding: 0px;

}

.testimonialbox2 .desc {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #929293;
    text-align: start;
}

.testimonialbox3 {
    display: flex;
    justify-content: space-between;
    width: -webkit-fill-available;
}

.designation .title {


    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #0E0F26;

}

.designation .desc {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;

    color: #0E0F26;

}

img.ratingimg.img-fluid {
    width: auto;
    height: 20px;
}

.testimonialbox31 {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px;
    gap: 54px;
    justify-content: space-between;
    width: auto;
    height: 40px;
    background: #FCFCFF;
    border: 1px solid #E6E6E9;
    border-radius: 900px;

}

.testimonialrating {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    gap: 10px;

    width: auto;
    height: 28px;

    background: linear-gradient(135deg, #405DE6 -0.74%, #833AB4 99.26%);
    border-radius: 900px;

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FCFCFF;


}

.testimonialarrow {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1px;
    gap: 54px;
    width: 42px;
    height: 42px;


}

.editing-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 40px;
    gap: 20px;
    background: #EBEBED;

}

.editing-containerbox {

    width: 1440px;
    max-width: 1440px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.editing-containerboxmobile {
    display: none;
}

.imageedit {
    width: 441px;
    height: 441px;
    border-radius: 24px 24px 0 0px;

}

.image-container-h {
    position: relative;
    display: inline-block;
}

.image-text-h {
    position: absolute;
    margin-top: -24px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #0E0F26;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 32px;
    gap: 10px;
    width: 441px;
    height: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    backdrop-filter: blur(12px);
    border-radius: 0px 0px 24px 24px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;

}


.editing-section .title {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-size: 47.04px;
    line-height: 59px;
    text-align: center;
    color: #0E0F26;

}

.editing-section .desc {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #545454;
    max-width: 1300px;
}

.withwavelbox {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.withwaveltext {

    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #0E0F26;
    margin: 0px;
}

.designation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 991.98px) {
    .solution-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 15px;
        gap: 12px;
        background: #FFFFFF;
        border-radius: 18px;
        white-space: nowrap;
        width: 720px;
        overflow: auto;
        min-width: 700px;
    }

    .editing-containerbox {

        display: none;
    }

    .editing-containerboxmobile {
        display: flex;
        flex-direction: row;
        width: 700px;
        overflow-x: auto;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        height: 500px;
        gap: 20px;
    }

    .solution-box1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px;
        gap: 20px;
        background: #FCFCFF;
        border-radius: 24px;
    }

    .imagecontainer {
        display: flex;
        flex-direction: row;
        gap: 30px;
        width: auto;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .homepricingsection {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px 40px;
        gap: 50px;
        isolation: isolate;
        background: #EBEBED;
    }

    .featurebox1 {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .featutetitilebox {
        gap: 8px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 16px 0px;
        width: 600px;
        height: 62px;
        border-bottom: 2px solid #F2F2F2;
    }

    .footerimage .desc {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 34px;
        text-align: center;
        color: #FCFCFF;
    }

    .footerimage .title {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 59px;
        text-align: center;
        color: #FCFCFF;
        mix-blend-mode: normal;
    }

    .image-container-h {
        position: relative;
        display: inline-block;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .soution-text .title {
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .soution-text .desc {
        text-align: center;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    .comparetitle {
        text-align: center;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .comparedesc {
        text-align: center;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    .screeneditingsectionm .title {
        text-align: center;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .screeneditingsectionm .desct {
        text-align: center;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    .screeneditingsectionm .titledh {
        text-align: center;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .editing-section .title {
        text-align: center;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .editing-section .desc {
        text-align: center;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    .imagecarousal .title {
        text-align: left;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .hometext .title {
        text-align: center;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .hometext .desc {
        text-align: center;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    .extrafeaturebox .title {
        text-align: center;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .extrafeaturebox .desc {
        text-align: center;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }
}

@media (max-width: 700px) {
    .editing-section .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
        text-align: center;
        color: #0E0F26;


    }

    .videoimage img {
        width: 462px;
        height: auto;
        background-blend-mode: hue, normal;
        border-radius: 14.7643px;
    }

    .editing-containerbox {

        display: none;
    }

    .editing-containerboxmobile {
        display: flex;
        flex-direction: row;
        width: 370px;
        overflow-x: auto;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        height: 350px;
        gap: 20px;
    }

    .imageedit {
        width: 300px;
        height: 300px;
        border-radius: 24px 24px 0 0px;
    }

    .image-text-h {
        width: 300px;
    }


    .soution-text .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
        text-align: center;
        color: #0E0F26;

        mix-blend-mode: normal;

    }

    .soution-text .desc {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #545454;


    }

    .editing-section {
        padding: 20px;
        gap: 10px;
    }

    .editing-section .desc {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #545454;


    }

    .videoboxcomparebox .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
        color: #0E0F26;


    }

    .videoboxcomparebox .desc {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #545454;


    }

    .imagecarousal .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
        text-align: left;
        color: #0E0F26;
        max-width: 636px;
        mix-blend-mode: normal;

    }

    .imagebox .desc {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #0E0F26;


    }

    .imagebox .title {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: #0E0F26;

    }

    .hometext .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
        text-align: center;
        color: #0E0F26;

    }

    .hometext .desc {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #545454;

    }

    .amountwavel .price {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;

    }

    .videotext .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 19.6px;
        line-height: 25px;
        color: #0E0F26;

    }

    .videotext .desc {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #545454;

    }

    .videotagscontainer {
        display: grid;
        grid-template-columns: 1fr;
    }

    .solution-box1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px;
        gap: 20px;
        background: #FCFCFF;
        border-radius: 24px;
    }

    section.solution-box {
        padding: 20px;
    }

    .solution-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 15px;
        gap: 12px;
        background: #FFFFFF;
        border-radius: 18px;
        width: 360px;
        min-width: 350px;
        overflow: auto;
        white-space: nowrap
    }



    .image-container-h {
        position: relative;
        display: inline-block;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .imagecontainer {
        display: flex;
        flex-direction: row;
        gap: 30px;
        width: 400px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .homepricingsection {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        gap: 50px;
        isolation: isolate;
        background: #EBEBED;
    }

    .priceboxlogo {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 13px;
        gap: 2px;
        width: -webkit-fill-available;
        height: 98px;
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(12px);
        border-radius: 24px;
        justify-content: space-around;
    }

    .wavelogo {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px;
        gap: 24px;
        width: 98px;
        height: 98px;
        background: #FFFFFF;
        border-radius: 24px;
    }

    .pricecontentbox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: -webkit-fill-available;
        height: 383px;
        background: #FFFFFF;
        border-radius: 24px;
    }

    .videoboxcomparebox {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 40px;
        width: 400px;
        min-width: 350px;
        height: 377px;
        background: #FFFFFF;
        border-radius: 24px;
    }

    .wavellogoprice {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px 14px;
        gap: 24px;
        width: 60px;
        /* height: 383px; */
        background: #FFFFFF;
        border-radius: 24px;
        justify-content: space-between;
    }

    .pricetext {
        padding: 10px;
        gap: 20px;
    }

    .swiper-slide {
        max-width: 350px !important;
        width: auto !important;
        flex-shrink: 0;
    }

    .wavelnotforyousectionbox .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
        text-align: center;
        color: #FCFCFF;

        mix-blend-mode: normal;

    }

    .wavelnotforyoubox1 {
        width: 311.71px !important;
        height: 398.31px !important;
    }

    .testimonial-container {
        padding: 20px;
        gap: 10px;
    }

    .titlewavelnot {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 17.3978px;
        line-height: 25px;
        text-align: center;
        color: #FCFCFF;

    }

    .descwavelnot {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 21px;
        text-align: center;
        color: #FCFCFF;

    }

    .extrafeaturebox .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 27.44px;
        line-height: 35px;
        text-align: center;
        color: #0E0F26;

    }

    .extrafeaturebox .desc {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #545454;

    }

    .featutert1 {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        color: #676768;
        white-space: break-spaces;
    }

    .mainfeaturetext {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        color: #0E0F26;


    }

    .featurepoint {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 21px;
        color: #0E0F26;

    }

    .testimonial-container .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 27.44px !important;
        line-height: 35px !important;
        text-align: center;
        color: #0E0F26;


    }

    .testimonial-container .desc {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 16px !important;
        line-height: 34px !important;
        text-align: center;
        color: #0E0F26;


    }

    .testimonialbox2 .desc {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #929293;
        text-align: start !important;

    }

    .designation .title {

        font-family: 'Outfit';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #0E0F26;


    }

    .testimonialarrow {
        padding: 1px;
    }

    .designation .desc {


        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px;
        color: #0E0F26;
        text-align: start !important;
    }

    .wavelnotforyousectionbox {
        width: auto;
        max-width: 1440px;
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .featurebox1 {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .featuretextimage {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 12px;
        width: -webkit-fill-available;
        height: auto;
        background: #FFFFFF;
        border-radius: 24px;
    }

    .extrafeaturesection {
        padding: 20px;
    }

    .pricecontentlast {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 24px;
        width: -webkit-fill-available;
        height: 121px;
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(12px);
        border-radius: 24px;
        /* width: -webkit-fill-available; */
        justify-content: center;
    }

    .pricetextlast {
        /* width: -webkit-fill-available; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        gap: 20px;
        width: -webkit-fill-available;
    }

    .amountwavel {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    .priceamountwavel {
        padding: 0px !important;
    }

    .featutetitilebox {
        gap: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 16px 0px;
        width: 350px;
        height: 62px;
        border-bottom: 2px solid #F2F2F2;
    }
}

@media (max-width: 991px) {
    .testimonial-container .title {
        text-align: center;
        font-family: Outfit;
        font-size: 35.28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .testimonial-container .desc {
        text-align: center;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    .testimonial-boxes {
        width: auto;
        max-width: 1440px;
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .testimonialbox12 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 20px;
        width: -webkit-fill-available;
        min-width: 700px;
        background: #FCFCFF;
        border-radius: 24px;
    }
}

@media (max-width: 700px) {
    .testimonial-boxes {
        width: auto;
        max-width: 1440px;
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .testimonialbox12 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 20px;
        width: -webkit-fill-available;
        min-width: 340px;
        background: #FCFCFF;
        border-radius: 24px;
    }

}

.clickabledesc {
    color: #929293;
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.marketingsection {
    padding: 50px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

section.marketingsection .marketinfgtitle {
    max-width: 962px;
    color: #0E0F26;
    text-align: center;
    font-family: "ClashGrotesk-Variable";
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 64.8px */
}

.reviewmarketingbox {
    display: flex;
    padding: 6px 24px 6px 6px;
    align-items: center;
    gap: 12px;
    border-radius: 18px;
    background: var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
    display: flex;
    align-items: center;
    gap: 10px;
}
.reviewmarketingboximg{
    width: 50px;
    height: 50px;
    border-radius: 14px;
}

.matketingboxtext {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.matketingboxtitle {
    color: #0E0F26;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.matketingboxdesc {
    color: #929293;
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.productsbox {
    display: flex;
    padding: 30px 50px 50px 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: auto;
    max-width: 1440px;
}

.productsbox .title {
    max-width: 600px;
    color: #0E0F26;
    font-family: "ClashGrotesk-Variable";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.94px;
}

.productsbox .desc {
    color: #545454;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.productsbox1 {
    border-radius: 24px;
    background: var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
    padding: 8px;

}

.productsbox1 {
    display: flex;
    grid-template-columns: 2fr 1fr;
    gap: 10px;
    width: -webkit-fill-available;
    flex-direction: column;
}

.productsbox2 {
    display: flex;
    grid-template-columns: 2fr 1fr;
    gap: 10px;
    width: -webkit-fill-available;
    flex-direction: column;
}

.videotext1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: -webkit-fill-available;

}

.videotext12 {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: -webkit-fill-available;
    cursor: pointer;
}

.videotext123 {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;

    cursor: pointer;
}

.productvideo1 .arrow-icon {
    /* width: 22px;
    height: 22px; */
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.productvideo1:hover .arrow-icon {
    opacity: 1;
    transform: translateX(0);
}

.clickablevideo {
    width: 800px;
    height: 450px !important;
    border-radius: 24px;
    padding: 20px;
}

.productvideo12 .arrow-icon {

    opacity: 0;
    transform: translateX(-5px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.productvideo12:hover .arrow-icon {
    opacity: 1;
    transform: translateX(0);
}

.productvideo3 .arrow-icon {

    opacity: 0;
    transform: translateX(-5px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.productvideo3:hover .arrow-icon {
    opacity: 1;
    transform: translateX(0);
}

.productvideo1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 16px;
    background: #FFF;
    display: flex;
    padding: 24px 18px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.productvideo12 {
    display: flex;
    flex-direction: row;
    gap: 15px;
    border-radius: 16px;
    background: #FFF;
    padding: 24px 18px;
    justify-content: space-between;

}

.productvideo3 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 16px;
    background: #FFF;
    display: flex;
    padding: 24px 18px;
    flex-direction: column;
    justify-content: space-between;
}

.productvideo2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 440px; */
    padding: 20px;
    align-items: center;
}

.videotext2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    text-align: start;

}

.videotext2 .title {
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    font-family: Outfit;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    max-width: 280px !important;
}

.listtextvideos {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--Final-Theme-Theme-Black, #0E0F26);

    /* Text/large - paragraph */
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
}

.videoprouct1 {
    border-radius: 24px;
    border: 1px solid var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
    width: fit-content;
    height: 355.5px;
}

.textvideo {
    color: var(--Final-Theme-Theme-Neutrals-900, #545454);

    /* Text/large */
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.videoprouct2 {
    border-radius: 24px;
    border: 1px solid var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
    width: auto;
    height: 228.75px;
}

.videoprouct3 {
    border-radius: 24px;
    display: flex;
    height: 246px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    aspect-ratio: 437.33/246.00;
}

.videotext1 .title {
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.videotext1 .desc {
    color: var(--Final-Theme-Theme-Black, #0E0F26);

    /* Text/default */
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 114.286% */
}

.productrow1 {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    gap: 10px;
    justify-content: space-between;
    /* optional: usually used with align/justify items in grid */

}

.productrow2 {
    display: flex;
    gap: 10px;
    justify-content: space-around;
}

.productvideo4 {
    border-radius: 24px;
    background: var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
    padding: 0px;
}

.productvideo4 {
    position: relative;
}

.videotext2 {
    position: relative;
}

/* Set fixed height so layout doesn't shift */
.videotext2 .desc,
.videotext2 .button-signup-home {
    display: block;
    height: fit-content;
}

/* Description fades out */
.videotext2 .desc {
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Button appears in same place */
.videotext2 .button-signup-home {
    position: absolute;
    top: 20px;
    bottom: 0px;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}







.videotext2 {
    display: flex;
    padding: 0px 24px 24px 24px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.videotext2 .title {
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    text-align: start;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.videotext2 .desc {
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.videotext3 {
    display: flex;
    padding: 32px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.videotext3 .title {
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    font-family: "ClashGrotesk-Variable";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.94px;
    max-width: 600px;
}

.videotext3 .desc {
    color: var(--Final-Theme-Theme-Black, #0E0F26);

    /* Text/xlarge */
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.videoprouct4 {
    display: flex;
    height: 375.75px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    aspect-ratio: 668.00/375.75;
    border-radius: 24px;
}

.makeitsection {
    padding: 20px;
    max-width: 1440px;
    width: -webkit-fill-available;
}
.makeitwavellogo {
    width: 80px;
    height: 80px;
}
.makeitbox .makeitsectionbg {
    width: 222px;
    height: 222px;
    aspect-ratio: 1/1;
}

.makeitbox {
    position: relative;
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-radius: 24px;
    background: url('https://wavel.ai/wp-content/uploads/2025/06/secure-bg-image.webp') no-repeat center center;
    background-size: cover;
    color: white;
    /* Optional: if text needs better visibility */
}


.makeitbox .title {
    width: 600px;
    color: var(--Final-Theme-Theme-White, #FCFCFF);
    text-align: center;
    font-family: "ClashGrotesk-Variable";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.94px;
}

.makeitbox .desc {
    width: 800px;
    color: var(--Final-Theme-Theme-White, #FCFCFF);
    text-align: center;
    font-family: "ClashGrotesk-Variable";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.94px;
    width: -webkit-fill-available;
}

.hom2videobox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}

.imagebox1 {
    border-radius: 24px;
    background: var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
    display: flex;
    /* padding-bottom: 18px; */
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    gap: 18px;

}

.hom2videobox .title {
    max-width: 600px;
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    font-family: "ClashGrotesk-Variable";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.94px;
}

.hom2videobox .desc {
    color: var(--Final-Theme-Theme-Neutrals-900, #545454);

    /* Text/large */
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.imagetext {
    display: flex;
    justify-content: space-between;
    width: auto;
    padding: 0 10px;
    align-items: center;
}

.imagetext p {
    color: var(--Final-Theme-Theme-Black, #0E0F26);
    text-align: center;

    /* Text/xlarge */
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.arrowsection {
    border-radius: 22px;
    border: 1px solid var(--Final-Theme-Theme-Neutrals-400, #E6E6E9);
    display: flex;
    padding: 10px;
    align-items: center;
    display: flex;
    gap: 10px;
}


#imageContainer {
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
}

.imagebox {
    flex-shrink: 0;
    margin-right: 10px;
    /* spacing between items */
    transition: transform 0.3s;
    border-radius: 24px;
    background: var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
    display: flex;
    min-width: 322px;
    padding-bottom: 24px;
    flex-direction: column;
    align-items: start;
    gap: 18px;
    flex: 1 0 0;
    align-self: stretch;
}

.imageboxtext {
    padding: 20px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    white-space: normal;
    /* ensure text wraps */
    word-break: break-word;
    /* optional: breaks long words */
}

.videoproucthomeclickable {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;

    width: 898px;
    height: 505px;
    background: #545454;
    backdrop-filter: blur(10px);
    border-radius: 24px;

}

@media (max-width: 991.98px) {
    .text {
        height: 70px;
    }

    .productrow1 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        justify-content: space-between;
    }

    .productrow2 {
        display: flex;
        gap: 10px;
        justify-content: space-around;
        flex-direction: column;
    }

    .productvideo12 {
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 16px;
        background: #FFF;
        padding: 24px 18px;
        justify-content: space-between;
    }

    .videotext2 {
        display: flex;
        padding: 0px 24px 24px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }

    .videotext2 {
        display: flex;
        padding: 0px 24px 24px 24px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        align-self: stretch;
    }

    .word {
        font-family: "ClashGrotesk-Variable";
        font-size: 47.027px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.941px;
    }

    .productvideo1 {
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 16px;
        background: #FFF;
        display: flex;
        padding: 10px;
        flex-direction: column;
        justify-content: space-between;
        width: -webkit-fill-available;
    }

    .productsbox .title {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        font-family: "ClashGrotesk-Variable";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.64px;
    }

    .textvideo {
        color: var(--Final-Theme-Theme-Neutrals-900, #545454);

        /* Text/default */
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 114.286% */
    }

    .productsbox .title {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        font-family: "ClashGrotesk-Variable";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.64px;
    }

    .productsbox .desc {
        color: var(--Final-Theme-Theme-Neutrals-900, #545454);

        /* Text/default */
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 114.286% */
    }

    section.marketingsection .marketinfgtitle {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        text-align: center;
        font-family: "ClashGrotesk-Variable";
        font-size: 28.4px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        /* 37.68px */
    }
}

@media (max-width: 767.98px) {
    .productrow1 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        justify-content: space-between;
    }

    .text {
        height: 50px;
    }

    .productrow2 {
        display: flex;
        gap: 10px;
        justify-content: space-around;
        flex-direction: column;
    }

    .productvideo12 {
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 16px;
        background: #FFF;
        padding: 24px 18px;
        justify-content: space-between;
    }

    .videotext2 {
        display: flex;
        padding: 0px 24px 24px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }

    .videotext2 {
        display: flex;
        padding: 0px 24px 24px 24px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        align-self: stretch;
    }

    .word {
        font-family: "ClashGrotesk-Variable";
        font-size: 34.865px !important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.697px;
    }

    .vector1 {
        fill: linear-gradient(166deg, #7303C0 12.17%, #EC38BC 53.49%, #FDEFF9 94.8%);
        /* opacity: 0.7; */
        filter: blur(50px);
        width: 12.358px;
        height: 3.176px;
        transform: rotate(47.938deg);
        position: absolute;
        left: 20px;
        top: -160px;
    }

    .vector2 {
        width: 249px;
        height: 328px;
        transform: rotate(7.924deg);
        fill: linear-gradient(146deg, #5433FF 12.88%, #20BDFF 38.16%, #A5FECB 63.43%, #FFF 89.48%);
        /* opacity: 0.7; */
        filter: blur(50px);
        position: absolute;
        right: -130.91px;
        top: 140px;
    }

    section.marketingsection .marketinfgtitle {
        max-width: 560px;
        align-self: stretch;
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        text-align: center;
        font-family: "ClashGrotesk-Variable";
        font-size: 28.4px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        /* 37.68px */
    }

    .productsbox {
        display: flex;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }

    .productvideo1 {
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 16px;
        background: #FFF;
        display: flex;
        padding: 10px;
        flex-direction: column;
        justify-content: space-between;
        width: -webkit-fill-available;
    }

    .videoprouct1 {
        border-radius: 24px;
        border: 1px solid var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
        width: 310px;
        height: 201px;
    }

    .videotext1 .title {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        text-align: start;
        font-family: Outfit;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .videotext2 .title {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        text-align: start;
        font-family: Outfit;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .videotext3 .title {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        text-align: start;
        font-family: Outfit;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .videotext3 .desc {
        color: var(--Final-Theme-Theme-Black, #0E0F26);

        /* Text/default */
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 114.286% */
    }

    .productvideo3 {
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 16px;
        background: #FFF;
        display: flex;
        padding: 24px 18px;
        flex-direction: column;
        justify-content: space-between;
        /* height: 440px; */
    }

    .productvideo4 {
        border-radius: 24px;
        background: var(--Final-Theme-Theme-Neutrals-300, #F2F2F2);
        display: flex;
        min-width: auto;
        padding-bottom: 18px;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        gap: 18px;
        /* flex: 1 0 0; */
    }

    .productsbox .desc {
        color: var(--Final-Theme-Theme-Neutrals-900, #545454);

        /* Text/default */
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 114.286% */
    }

    .videoprouct4 {
        display: flex;
        height: auto;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        aspect-ratio: 668.00 / 375.75;
        border-radius: 24px;
    }

    .productsbox .title {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        font-family: "ClashGrotesk-Variable";
        font-size: 27.4px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.548px;
    }

    .textvideo {
        color: var(--Final-Theme-Theme-Neutrals-900, #545454);

        /* Text/default */
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 114.286% */
    }

    .hom2videobox .title {
        color: var(--Final-Theme-Theme-Black, #0E0F26);
        font-family: "ClashGrotesk-Variable";
        font-size: 27.4px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.548px;
    }

    .hom2videobox .desc {
        color: var(--Final-Theme-Theme-Neutrals-900, #545454);

        /* Text/default */
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 114.286% */
    }

    .makeitbox .title {
        color: var(--Final-Theme-Theme-White, #FCFCFF);
        text-align: center;
        font-family: "ClashGrotesk-Variable";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.64px;
    }
    .clickablevideo {
    width: 350px !important;
    height: 250px !important;
    }
    .videodesc {
    width: 300px;
}
}
.videosbutns{
    padding: 20px 0;
}

@media (max-width: 767.98px) {
    
    section.dubcesection .videobox .videocontainerh.active{
        max-height:100% !important;
        height:100% !important;
    }
    
    .wavelbox1{
        flex-direction: column;
    }
}

section.dubcesection .videobox .videosbutns{
    z-index:9999;
}

@media (max-width: 575px) {
        .imagecarousal {
        padding: 50px 12px !important;
        }
        .imagecontainer {
            width: 100%;
            gap: 0;
        }
        .arrowsection {
            width: 40%;
        }
        .comparison-video {
            padding: 0;
        }
           #videocompare {
            min-width: auto !important;
            width: 100% !important;
            height: 100% !important;
        }
        .testimonialbox31 {
            height: 52px;
        }
        .testimonialrating {
            height: 42px;
        }
        .testimonialarrow {
            width: 52px;
            height: 52px;
        }
        section.sec-faq {
            padding: 0 !important;
        }
        .sec-faq .wrapper {
               width: 100%;
    margin-left: 0;
        }
            .productsbox {
        padding: 20px 10px;
                
       }
       footer.footer {
           border-radius: 0;
       }
         .profucthunt {
         left: auto; 
         justify-content: center;
    }
    .marketinfgtitle {
        font-size: 18px !important;
    }
      .button-signup{
        padding: 20px 70px;
    }

}