/* SUPPORT */

.content .support {
    max-width: 1300px !important;
    margin: 0 auto;
}

/* BUTTONS */

a.button.primary,
a.button.secondary,
a.button.success {
    padding: 0 25px;
    font-size: 21px;
    margin: 0;
    letter-spacing: 0.05em !important;
}

/* SECTIONS SEARCH */

.question-card {
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px 60px;
    flex-direction: column;
}

.section-search {
    max-width: 800px;
    margin: 0 auto;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.question-card h2 {
    font-size: 2em;
    margin: 0 0 16px;
    letter-spacing: 0.05em !important;
    text-transform: uppercase;
    line-height: 1.2;
}

.section-search form input[type='search'] {
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 1.2em 0.75em;
    height: 2em !important;
    font-size: 0.8em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: color 0.3s, border 0.3s, background 0.3s, opacity 0.3s;
}

.section-search form input[type='search']:focus {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section-search form input[type='search'] {
    font-size: 16px;
}

.section-search .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-size: 20px;
}

/* CARD SUPPORT FIRTS SECTION */

#section_1468843054 {
    display: flex;
    gap: 10px;
    padding: 20px;
}

.card-support-first-section {
    background-color: rgb(78, 89, 101);
    color: #fff;
    flex-basis: calc((100% - 20px) / 2);
    padding: 40px 0 20px;
    border-radius: 4px;
    max-width: 624px;
    min-height: 260px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;

    margin: auto;
    width: 48%;
}

.card-support-first-section h2 {
    color: #fff;
    font-size: 2em;
    margin: 0 0 16px;
}

/* CARD SERVICES */

#section_1426417576 {
    display: flex;
    gap: 20px;
    padding: 20px;
}

.card-services {
    background-color: rgb(233, 234, 236);
    flex-basis: calc((100% - 20px) / 3);
    padding: 20px 20px 10px;
    border-radius: 4px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
}

.card-services h3 {
    font-size: 25px;
    margin: 0 0 16px;
}

.section-advanced-video.support {
    background-color: #222f3e;
    color: #fff;
    padding: 80px;
    margin: 40px 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.section-advanced-video.support h2 {
    font-size: 2em;
    color: #fff;
    margin: 0;
}

.section-advanced-video.support h5 {
    font-size: 21px;
    color: #fff;
    margin: 0;
}

.section-advanced-video.support p {
    max-width: 900px;
    margin: 10px 0 20px;
    font-size: 1em;
}

/* CARD SERVICES SUPPORT */

#section_1426417577 {
    display: flex;
    gap: 0px;
    padding: 0 40px 40px;
    justify-content: space-around;
}

.card-services-support {
    background-color: #4967ee;
    flex-basis: calc((100% - 20px) / 3);
    padding: 20px 20px 10px;
    border-radius: 4px;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    max-width: 410px;
}

.card-services-support:first-child {
    background-color: #2899f6;
}

.card-services-support:last-child {
    background-color: #7048e8;
}

.card-services-support h3 {
    font-size: 26px;
    color: #fff;
}

.card-services-support p:last-child {
    margin-bottom: 0;
}

.content.support .dacast-btn--tertiary {
    border: 2px solid #fff;
    color: #fff;
    width: 120px;
    padding: 8px 16px;
    letter-spacing: 0.05em !important;
}

@media screen and (max-width: 1099px) {

    .question-card {
        margin-top: 60px !important;
    }

    .section-search {
        min-width: 400px;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
    }

    #section_1468843054 {
        flex-direction: column;
        display: flex;
        width: 100%;
    }

    .card-support-first-section {
        flex-basis: 1;
        /* min-width: 350px; */
        max-width: 100%;
        width: 100%;
    }

    #section_1426417576 {
        flex-direction: column;
        display: flex;
        width: 100%;
    }

    .card-services {
        flex-basis: 1;
        min-width: 350px;
        width: 100%;
        max-width: 100%;
    }

    #section_1426417577 {
        flex-direction: column;
        display: flex;
        width: 100%;
        padding: 0 20px 20px;

    }

    .card-services-support {
        flex-basis: 1;
        min-width: 350px;
        margin-bottom: 10px !important;
        width: 100%;
        max-width: 100%;
    }

}

@media screen and (max-width: 400px) {

    .question-card {
        margin-top: 20px !important;
    }

    .section-search {
        min-width: 300px;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
    }

    #section_1468843054 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .card-support-first-section {
        flex-basis: 1;
        min-width: 350px;
    }

    #section_1426417576 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .card-services {
        flex-basis: 1;
        min-width: 350px;
    }

    #section_1426417577 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .card-services-support {
        flex-basis: 1;
        min-width: 350px;
        margin-bottom: 10px !important;
    }

}









/* PHONE SUPPORT */

.section.shortcode.welcome .btn {
    line-height: 1.75em !important;
}

.section.shortcode.welcome .container {
    padding: 30px 0 96px 0;
}

.section.shortcode.reasons .container {
    padding: 72px 120px 88px;
}

.section.shortcode.reasons .container h2 {
    font-weight: 600;
}

.section.shortcode.reasons .reasons-boxes .btn {
    line-height: 1.75em !important;
}

.threeboxes-boxes {
    display: flex;
    gap: 20px;
    padding: 0 40px 40px;
    justify-content: space-around;
}

.threeboxes-filled-box {
    background-color: #4967ee;
    flex-basis: calc((100% - 20px) / 3);
    padding: 20px 20px 10px;
    border-radius: 4px;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;

    max-width: 410px;
}

.threeboxes-filled-box:first-child {
    background-color: #2899f6;
}

.threeboxes-filled-box:last-child {
    background-color: #7048e8;
}

.threeboxes-filled-box h3 a {
    font-size: 26px;
    color: #fff;
}

.threeboxes-filled-box p {
    font-size: 1em;
    color: #fff;
}

.threeboxes-filled-box .threeboxes-box-link {
    border: 2px solid #fff;
    color: #fff;
    width: 120px;
    padding: 8px 16px;
    letter-spacing: 0.05em !important;
    margin-bottom: 10px;
}


@media screen and (max-width: 1099px) {

    .shortcode .threeboxes-boxes {
        padding: 0 40px !important;
    }

    .threeboxes-boxes {
        flex-direction: column;
        width: 100%;
        padding: 0 20px !important;
        grid-template-columns: 1fr !important;
    }

    .threeboxes-filled-box {
        flex-basis: 1;
        min-width: 350px;
        margin-bottom: 10px !important;
        width: 100%;
        max-width: 100%;
    }

}

@media screen and (max-width: 500px) {

    .shortcode .threeboxes-boxes {
        padding: 0 40px !important;
    }

    .section.shortcode.reasons .container {
        padding: 20px 20px 40px;
    }

}







/* ABOUT US */

.shortcode.generic.gray {
    background-color: rgb(221, 221, 221);
    padding: 80px 60px !important;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shortcode.generic.gray .about-us {
    border-radius: 8px;
    flex: 0.4 1;
    max-width: 500px;
    overflow: hidden;
}

.shortcode.generic.gray .about-us img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.shortcode.generic.gray .text-content {
    display: flex;
    flex: 0.6 1;
    flex-direction: column;
    margin-left: 30px;
    max-width: 750px;
}

.shortcode.generic.gray .text-content h2 {
    color: rgb(73, 103, 238);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    margin: 32px 0 16px;
}

.shortcode.generic.gray .text-content p a {
    color: rgb(73, 103, 238);
}

.shortcode.generic.lightgray {
    background-color: #f1f1f1;
    text-align: center;
    padding: 40px !important;

    display: flex;
    align-items: center;
    justify-content: center;
}

.shortcode.generic.lightgray h3 {
    font-size: 40px;
}

.shortcode.generic.flex3>.points {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 100px;
    justify-content: center;
    width: 100%;
}

.shortcode.generic.lightgray .boxfigure {
    align-items: center;
    background-color: #4967ee;
    border-radius: 200px;
    color: #fff;
    display: flex;
    height: 300px;
    width: 300px;
}

.shortcode.generic.lightgray .boxfigure h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 9px;
}

.shortcode.generic.lightgray .boxfigure p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 9px;
}

.shortcode.generic.darkgray {
    background-color: #4e5965;
    padding: 40px !important;
    gap: 40px;
    color: #fff;

    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.shortcode.generic.darkgray .flex-box {
    max-width: 585px;
}

.shortcode.generic.darkgray .flex-box img {
    max-height: 150px;
    width: auto;
}

.shortcode.generic.darkgray .flex-box h1 b,
.shortcode.generic.darkgray .flex-box h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    margin: 32px 0 16px;
    color: #fff;
    letter-spacing: 0.5em;
}

.shortcode.generic.darkgray .flex-box p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5em;
}

.shortcode.generic.darkgray .flex-box p a {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5em;
}

.shortcode.generic.flex4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1300px;
}

.shortcode.generic {
    padding: 40px !important;
}

.shortcode .face-box {
    margin-bottom: 80px;
    max-width: 500px;
    min-width: 300px;
    position: relative;
    text-align: center;
    width: 24%;
}

.shortcode.generic.flex4 img {
    border-radius: 100%;
    height: 235px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 235px;
}

.shortcode.generic.gray-finish.centered {
    background-color: #ddd;
    padding: 60px 40px !important;

    display: flex;
    flex-direction: column;
    text-align: center;
}

.shortcode.generic.gray-finish.centered h3 {
    margin: 0;
}

.shortcode.generic.gray-finish.centered .btn {
    line-height: 4px;
    padding: 16px 16px;
    width: 100%;
}

@media screen and (max-width: 1099px) {
    .shortcode.generic.gray {
        flex-direction: column;
        display: flex;
    }

    .shortcode.generic.darkgray {
        flex-direction: column;
        display: flex;
    }

}







/* CAREERS */

.shortcode.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.shortcode.section.flex.flex1 {
    background-color: #4e5965;
    color: #fff;
    padding: 40px !important;
    text-align: center;
}

.shortcode.section.flex.flex1 h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    margin: 32px 0 16px;
    color: #fff;
}

.shortcode.section.flex.flex1 p {
    color: #fff;
}

.shortcode.section.flex.flex1 h3 {
    color: #fff;
}

.shortcode.section .box-jobs {
    display: flex;
}

.shortcode.section .box-jobs .flex-box {
    align-content: center;
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 200px;
    justify-content: center;
    margin: 20px;
    padding: 40px;
    width: 450px;
}

.shortcode.section .box-jobs .flex-box a {
    color: #222f3e;
    font-size: 26px;
}

@media screen and (max-width: 1099px) {

    .shortcode.section .box-jobs {
        flex-direction: column;
        width: 100%;
    }

    .shortcode.section .box-jobs .flex-box {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 500px) {

    .shortcode.section .box-jobs .flex-box {
        padding: 10px;
        width: 100%;
        min-width: 300px;
    }

    .shortcode.section.flex.flex1 {
        background-color: #4e5965;
        color: #fff;
        padding: 10px !important;
        text-align: center;
    }

}







/* PARTNERS */
/* .shortcode.section.flex.flex3  */

.shortcode.section.flex.flex3 .flex-box {
    flex-basis: calc(33% - 40px);
    padding: 20px;
    margin: 20px;
    background-color: rgb(233, 234, 236);
    text-align: center;
    height: 360px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.shortcode.section.flex.flex3 .mainfeatures-image {
    width: 200px;
    margin: auto;
    display: block;
}

.shortcode.section.flex.flex3 h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 2rem;
    margin: 32px 0 16px;
}

.shortcode.section.flex.flex3 h2 a {
    font-weight: 700;
    font-size: 40px;
    color: #284ceb;
}

.shortcode.section.flex.flex3 h4 {
    color: #222f3e;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-size: 1.125em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0.5em;
    text-rendering: optimizeSpeed;
}

@media screen and (max-width: 1099px) {
    .shortcode.section.flex.flex3 .flex-box {
        flex-basis: calc(50% - 40px) !important;
        height: 100%;
        min-height: 400px;
    }
}

@media screen and (max-width: 849px) {
    .shortcode.section.flex.flex3 .flex-box {
        flex-basis: 100% !important;
        height: 100%;
        min-height: 100%;
    }
}






/* CONTACT */

.contact-page .thanks {
    display: none;

    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    height: 650px;
    background: #222f3e;
    color: #edf0fe;
}

.contact-page .thanks .check img {
    background: radial-gradient(circle,
            rgba(218, 218, 218, 1) 0%,
            rgba(218, 218, 218, 1) 48%,
            rgba(0, 0, 0, 0) 49%,
            rgba(0, 0, 0, 0) 100%);
}

.contact-page .thanks .check {
    margin-bottom: 50px;
}

.contact-page .thanks .info1 {
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 16px;
}

.contact-page .thanks .info2 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    width: 300px;
}

.contact-page.thank-you .thanks {
    display: flex;
}

.contact-page .thank-you .form {
    display: none;
}

.contact-page .contact-container {
    margin: 30px;
}

.contact-page .info-container h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.contact-page .info-container .info {
    font-size: 20px;
    line-height: 32px;
}

.contact-page .info-container .info2 {
    margin-top: 19px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
}

.contact-page .info-container .office {
    margin-bottom: 24px;
}

.contact-page .info-container .email-us {
    font-size: 20px;
    line-height: 28px;
}

.contact-page .info-container .email-us img {
    width: 20px !important;
    margin-right: 10px;
    margin-bottom: 3px;
}

.contact-page .info-container .email.us a {
    color: #6d85f1;
}

.contact-page .offices-container .city {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.contact-page .offices-container .city:hover,
.contact-page .offices-container .phone:hover {
    color: #4967ee;
}

.contact-page .offices-container .city img {
    margin-right: 16px;
    margin-bottom: 3px;
}

.contact-page .offices-container .phone {
    display: block;
    color: #ffffff;
    margin-bottom: 15px;
}

.contact-page .offices-container .direction,
.contact-page .offices-container .phone {
    margin-left: 40px;
}

.contact-page .offices-container .direction {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #58606e;
}

.contact-page .offices-container .phone {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.contact-page .offices-container .phone img {
    margin-right: 10px;
}

.contact-page .contact-form-container h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    padding-top: 30px;
}

.contact-page .contact-form-container .info {
    font-size: 20px;
    line-height: 32px;
}

.contact-page #contact-form .input label {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.contact-page #contact-form .input.required label:after {
    color: red;
    content: "*";
    margin-left: 2px;
}

.contact-page #contact-form .input input,
.contact-page #contact-form .input select,
.contact-page #contact-form .input textarea,
.contact-page #contact-form .selectr-container .selectr-selected {
    background-color: #edf0fe;
    border: 1px solid #c8d1e0;
    width: 100%;
}

.contact-page #contact-form .input textarea:focus-visible {
    outline: none;
}

.contact-page #contact-form .input textarea {
    height: 100px;
    padding: 8px;
}

.contact-page #contact-form .input.submit button {
    width: 100%;
}

.contact-page .book-a-demo {
    padding: 40px;
    padding-bottom: 46px;
    background: #f5f7fa;
    text-align: center;
}

.contact-page .book-a-demo img {
    margin-bottom: 24px;
}

.contact-page .book-a-demo h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center;
    color: #4967ee;
}

.contact-page .book-a-demo .info {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
    text-align: center;
    color: #222f3e;
}

.contact-page .desktop {
    display: none;
}

.contact-page .mobile {
    display: initial;
}

.contact-page .book-a-demo a {
    width: 220px;
}

.contact-page .desktop {
    display: none;
}


.contact-page .email-us a {
    color: #4967ee;
}

.contact-page .offices-container .city {
    color: #222f3e;
}

.contact-page .contact-form-container .info {
    text-align: justify;
}


@media screen and (max-width: 360px) {
    .contact-page .offices-container .direction {
        line-height: 24px;
    }
}

@media screen and (min-width: 768px) {
    .contact-page {
        position: relative;
        padding: 40px 0;
    }

    .contact-page .background {
        background-color: #c8d1e0;
        background-position: right;
        background-size: contain;
        height: 100%;
        width: 100vw;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .contact-page .book-a-demo {
        margin-top: 60px;
        padding-top: 52px;
        padding-bottom: 64px;
    }

    .contact-page #contact-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .contact-page #contact-form .input {
        width: 100%;
    }

    .contact-page #contact-form .input.half {
        width: 49%;
    }

    .contact-page .contact-container {
        background-color: #ffffff;
        box-shadow: 0px 12px 35px rgb(34 47 62 / 15%);
        border-radius: 4px;
        padding: 32px 80px 60px;
        margin: 0px 40px;
        position: relative;
        z-index: 1;
    }

    .contact-page .book-a-demo .info {
        font-size: 20px;
        line-height: 28x;
        max-width: 700px;
        margin: auto;
        margin-bottom: 70px;
    }

    .contact-page .book-a-demo h2 {
        margin-bottom: initial;
        font-size: 40px;
        line-height: 56px;
    }

    .contact-page .info-container h3 {
        margin-bottom: 8px;
    }

    .contact-page .info-container .info {
        margin-bottom: 12px;
    }

    .contact-page .book-a-demo img {
        width: 110px !important;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1440px) {
    .contact-page {
        display: flex;
        padding: 32px 0;
        color: #222f3e;
    }

    .contact-page .contact-container {
        display: flex;
        flex-direction: row-reverse;
    }

    .contact-page .desktop {
        display: initial;
    }

    .contact-page .mobile {
        display: none;
    }

    .contact-page .thanks {
        background: #ffffff;
        color: #222f3e;
    }

    .contact-page .thanks .check img {
        background: radial-gradient(circle,
                rgb(255, 255, 255) 0%,
                rgba(255, 255, 255, 1) 48%,
                rgba(0, 0, 0, 0) 49%,
                rgba(0, 0, 0, 0) 100%);
    }

    .contact-page .background {
        background: url(https://www.dacast.com/static/textures/banner/bookademo_background.png) no-repeat;
        background-color: #c8d1e0;
        background-position: 100%;
        background-size: contain;
    }

    /* CONTACT PAGE - INFO CONTAINER */

    .contact-page .info-container h3 {
        margin-bottom: 16px;
    }

    .contact-page .info-container .info {
        margin-bottom: 26px;
    }

    .contact-page .offices-container .city {
        color: #ffffff;
    }

    .contact-page .contact-container {
        background-color: #fff;
        margin-bottom: 60px;
        min-height: 770px;
        padding: 0;
        max-width: 1200px;
        margin: auto;
    }

    .contact-page .book-a-demo {
        margin-top: 40px;
        height: 600px;
        padding-top: 90px;
    }

    .contact-page .contact-container .info-container {
        max-width: 480px;
        background: #222f3e;
        color: #ffffff;
        padding: 60px;
    }

    .contact-page .info-container h3,
    .contact-page .offices-container .direction,
    .contact-page .offices-container .phone {
        color: #ffffff;
    }

    .contact-page .email-us a {
        color: #6d85f1;
    }

    .contact-page .office p {
        margin-bottom: 15px;
    }

    .contact-page .contact-container .contact-form-container {
        width: 60%;
        padding: 30px 80px;
    }

    .contact-page .info-container .info2 {
        margin-bottom: 24px;
    }

    .contact-page .info-container .office {
        margin-bottom: 32px;
    }

    form input[type="hidden"] {
        position: absolute;
    }
}

.book-a-demo {
    display: none;
}







/* UNSUBSCRIBE */

/* .unsubscribe {
    margin: 0 !important;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    padding-top: 137px;
    padding-bottom: 86px;
    background: #F4F6FE !important;
} */

.unsubscribe-page {
    background: #FFFFFF;
    padding-top: 60px;
    padding-right: 124px;
    padding-left: 124px;
    padding-bottom: 24px;
    max-width: 1300px;
    margin: 40px auto;
    box-shadow: -11px 8px #b6c2f8;
    border-radius: 8px;
}

@media screen and (max-width: 768px) {
    /* .unsubscribe {
        padding-top: 100px;
        padding-left: 12px;
        padding-right: 12px;
        background-color: #FFFFFF !important;
    } */

    .unsubscribe-page {
        border: 1px solid #B6C2F8;
        padding-top: 30px;
        padding-right: 30px;
        padding-left: 30px;
        box-shadow: none;
    }

    .unsubscribe-feature {
        display: flex;
        flex-direction: column;
    }

    .unsubscribe-feature .info {
        width: 100% !important;
        margin-bottom: 20px;
        /* display: flex !important; */
    }

    .unsubscribe-feature .option {
        width: 100% !important;
        display: flex !important;
        float: left !important;
        flex-direction: row-reverse;
        justify-content: start !important;
    }

    .unsubscribe-all {
        float: left !important;
    }
}


.unsubscribe-page h1 {
    font-size: 32px;
    text-align: center;
}

.unsubscribe-page h1 span {
    color: #4967EE;
}

.unsubscribe-page .note {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.unsubscribe-feature {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DADADA;
}

.unsubscribe-feature .info {
    width: 70%;
    max-width: 350px;
    display: inline-block;
}

.unsubscribe-feature .info span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #434A54;
}

.unsubscribe-feature .option {
    width: 30%;
    display: inline-block;
    float: right;
}

.unsubscribe-feature .option .item {
    float: right;
}

.unsubscribe-feature .option .item input {
    appearance: none;
    display: none;
}

.unsubscribe-feature .option .item label {
    padding: 4px 20px;
    border: 1px solid #AFBACC;
    border-radius: 0px 0px 0px 0px;
    display: inline-block;
}

.unsubscribe-feature .option .item:first-child label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.unsubscribe-feature .option .item:last-child label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.unsubscribe-feature .option .item input:checked+label {
    background: #4967EE;
    color: #FFFFFF;
}

.unsubscribe-all {
    text-decoration-line: underline;
    cursor: pointer;
    color: #434A54;
    float: right;
    margin-top: 10px;
}

.btns-container {
    margin-right: 16px;
    display: inline-block;
}

.btns-container button {
    margin-right: 16px;
    display: inline-block;
}

.btns-container .dacast-btn--secondary {
    display: inline-flex;
    margin-top: 40px !important;
}

/* vertically center WPML language selector */
.wpml-ls {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 849px) {
    .hide-mobile {
        display: none;
        border-bottom: 2px solid blue;
    }
}

@media only screen and (min-width: 850px) {
    .hide-desktop {
        display: none;
        border-bottom: 2px solid red;
    }
}