#hard-to-work,
#satisfaction-container,
#pdd-container,
#btn-container,
#symptoms-container {
    display: none;
}

#symptoms-container.active,
#hard-to-work.active,
#satisfaction-container.active,
#btn-container.active,
#pdd-container.active,
.symptom-duration.active,
.symptom-new-ongoing.active {
    display: block;
}

.symptom-duration,
.symptom-new-ongoing {
    display: none;
}

.site-ddg .ddg-symptomsanc {
    display: flex;
    align-items: center;
    background-color: rgba(176, 121, 255, 0.12);
    border-radius: 15px;
    padding: 12px 13px;
    gap: 32px;
}

.ddg-container .row {
    row-gap: 25px;
}

.ddg-container .row .ddg-symptoms.col-6:nth-of-type(odd) {
    padding-right: 8px;
}

.ddg-container .row .ddg-symptoms.col-6:nth-of-type(even) {
    padding-left: 8px;
}

.ddg-container {
    margin-top: 50px;
    margin-bottom: 72px;
}

.ddg-symptomsanc h3 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 5px;
}

.ddg-symptomsanc p {
    font-size: 30px;
    line-height: 35px;
}

a.ddg-symptomsanc:hover {
    text-decoration: none;
}

.col-6.ddg-symptoms a.ddg-symptomsanc.symptom-selected {
    background: #ebf2ff;
    /* box-shadow: -1px -1px 8px 2px rgba(0, 0, 0, 0.16); */
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.ddg-symptoms.col-12 {
    display: flex;
    gap: 28px;
    justify-content: center;
}

.site-ddg .ddg-symptoms.col-12 .ddg-symptomsanc {
    flex-basis: 674px;
}

.symptom-duration.active a,
.symptom-new-ongoing.active a,
.site-ddg .promo-two-col-circle {
    display: flex;
    width: 177px;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    border: 1.5px solid #0a48cc;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    padding: 12px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.symptom-duration.active a:hover,
.symptom-new-ongoing.active a:hover,
.symptom-duration.active a:active,
.symptom-new-ongoing.active a:active,
.symptom-duration.active a:focus,
.symptom-new-ongoing.active a:focus,
.symptom-duration.active a.active,
.symptom-new-ongoing.active a.active,
.promo-two-col-circle.active {
    text-decoration: none;
    background: #ebf2ff;
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.symptom-duration.active,
.symptom-new-ongoing.active {
    display: flex !important;
    gap: 15px;
    align-items: flex-end;
}

.symptom-new-ongoing.active a {
    height: 100%;
}

.ddg-symptoms.col-12 .symptom-duration a:first-of-type {
    height: 52px;
}

.ddg-symptoms.col-12 .symptom-duration a:nth-of-type(2) {
    height: 91px;
}

.ddg-symptoms.col-12 .symptom-duration a:nth-of-type(3) {
    height: 117px;
}

.ddg-symptoms.col-12 .symptom-duration a:nth-of-type(4) {
    height: 145px;
}

.symptom-duration.active a {
    font-size: 20px;
    line-height: 30px;
}

.site-ddg #hard-to-work {
    text-align: center;
}

.site-ddg #hard-to-work .column-splitter,
.site-ddg #satisfaction-container .column-splitter {
    justify-content: center;
    margin-top: 67px;
    margin-bottom: 31px;
}

.site-ddg .promo-two-col-circle {
    width: 300px;
}

.site-ddg #hard-to-work .col-md-6,
.site-ddg #satisfaction-container .col-md-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.site-ddg #symptoms-container {
    margin-bottom: 23px;
}

#talk-to-doctor-text .new-footnote p {
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    margin-top: -25px;
    margin-bottom: 65px;
}

.paying-for-tavneos-page .light-blue-bg.query-section p.mob-amgen {
    display: none;
}

@media (max-width: 767px) {
    .paying-for-tavneos-page .light-blue-bg.query-section p.desktop-amgen {
        display: none;
    }

    .paying-for-tavneos-page .light-blue-bg.query-section p.mob-amgen {
        display: block;
    }

    #talk-to-doctor-text .new-footnote p {
        font-size: 12px;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .ddg-container .row {
        row-gap: 10px;
        flex-direction: column;
    }

    .ddg-container .row .ddg-symptoms.col-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ddg-container .row .ddg-symptoms.col-6 img {
        width: 58px;
        height: auto;
    }

    .ddg-symptomsanc h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .ddg-step-2 .ddg-symptoms.symptom-selected.col-12 h3 {
        text-align: center;
    }

    .ddg-symptomsanc p {
        font-size: 16px;
        line-height: 20px;
    }

    .site-ddg .ddg-symptomsanc {
        gap: 10px;
    }

    .site-ddg .ddg-symptoms.col-12 .ddg-symptomsanc {
        flex-direction: column;
    }

    .site-ddg .ddg-symptoms.col-12 .ddg-symptomsanc {
        flex-basis: auto;
    }

    .ddg-symptoms.col-12 {
        flex-direction: column;
        gap: 0;
    }

    .symptom-duration.active,
    .symptom-new-ongoing.active {
        gap: 10px;
        align-items: center;
        flex-direction: column;
    }

    .symptom-duration.active,
    .symptom-new-ongoing.active {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color: rgba(176, 121, 255, 0.12);
        padding-bottom: 29px;
    }

    .site-ddg .ddg-symptoms.col-12 .ddg-symptomsanc {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-top: 22px;
        padding-bottom: 30px;
    }

    .ddg-symptoms.col-12 .symptom-duration a,
    .ddg-symptoms.col-12 .symptom-new-ongoing.active a {
        height: auto !important;
        font-size: 16px;
        line-height: 20px;
    }

    .ddg-symptoms.col-12 .symptom-duration a br {
        display: none;
    }

    .ddg-symptoms.col-12 .symptom-duration a:first-of-type {
        width: 153px;
    }

    .ddg-symptoms.col-12 .symptom-duration a:nth-of-type(2) {
        width: 190px;
    }

    .ddg-symptoms.col-12 .symptom-duration a:nth-of-type(3),
    .symptom-new-ongoing.active a {
        width: 226px;
    }

    .ddg-symptoms.col-12 .symptom-duration a:nth-of-type(4) {
        width: 262px;
    }

    .ddg-container .row .ddg-symptoms.col-6:nth-of-type(odd) {
        padding-right: 16px;
    }

    .ddg-container .row .ddg-symptoms.col-6:nth-of-type(even) {
        padding-left: 16px;
    }

    .site-ddg #hard-to-work .col-md-6,
    .site-ddg #satisfaction-container .col-md-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .site-ddg .promo-two-col-circle {
        width: 100%;
        justify-content: flex-start;
    }

    .site-ddg .column-splitter .col-md-6:not(:last-of-type) .promo-two-col-circle,
    .site-ddg .column-splitter .col-md-4:not(:last-of-type) .promo-two-col-circle {
        margin-bottom: 25px;
    }

    .site-ddg .promo-two-col-circle img {
        width: 100.13px;
        height: auto;
    }

    .site-ddg .promo-two-col-circle .component-content {
        display: flex;
        align-items: center;
        flex: 1;
    }

    .site-ddg .promo-two-col-circle .component-content .promo-text {
        flex: 1;
    }

    .site-ddg #symptoms-container {
        margin-top: 15px;
        padding-inline: 35px;
    }

    .site-ddg .promo-two-col-circle p {
        text-align: center !important;
    }

}



@media (min-width: 768px) and (max-width: 1199px) {

    .ddg-container .row .ddg-symptoms.col-6 img {
        width: 58px;
        height: auto;
    }

    .ddg-symptomsanc h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .ddg-symptomsanc p {
        font-size: 16px;
        line-height: 20px;
    }

    .ddg-symptoms.col-12 .symptom-duration a,
    .ddg-symptoms.col-12 .symptom-new-ongoing.active a {
        font-size: 16px;
        line-height: 20px;
    }

    .site-ddg .promo-two-col-circle img {
        width: 100.13px;
        height: auto;
    }

    .ddg-symptoms.col-12 img {
        width: 65px;
        height: auto;
    }

    .symptom-duration.active a,
    .symptom-new-ongoing.active a {
        width: 99px;
    }

    .site-ddg .ddg-symptoms.col-12 .ddg-symptomsanc {
        flex-basis: 225px;
    }

    .site-ddg .ddg-symptomsanc {
        gap: 15px;
    }

    .site-ddg .promo-two-col-circle {
        width: 235px;
    }

    .site-ddg #hard-to-work .col-md-6,
    .site-ddg #satisfaction-container .col-md-4 {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .site-ddg #satisfaction-container .column-splitter {
        row-gap: 35px;
    }
}


@media (min-width: 1024px) and (max-width: 1199px) {
    .site-ddg .ddg-symptoms.col-12 .ddg-symptomsanc {
        flex-basis: 320px;
    }

    .symptom-duration.active a,
    .symptom-new-ongoing.active a {
        width: 130px;
    }
}

/* Madhuri css */
.site-ddg h2 {
    text-align: center;
}

.site-ddg p {
    text-align: center;
}

.site-ddg p+p {
    margin-bottom: 50px;
}

#btn-container>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#btn-container .component.link .component-content {
    width: 534px;
}

#btn-container .quantum-button__text.quantum-button--primary.backbtn {
    justify-content: center;
}

#btn-container .quantum-button__text.quantum-button--primary.nextbtn {
    justify-content: center;
}

#btn-container .quantum-button--primary.backbtn:after {
    right: auto;
    top: 0px;
    transform: rotate(179deg);
    left: 25px;
}

#btn-container .component.link .component-content {
    width: 100%;
}

#btn-container {
    margin-top: 60px;
    margin-bottom: 60px
}

#btn-container .quantum-button__text.quantum-button--primary {
    width: 259px;
}

@media (max-width: 767px) {
    #btn-container .quantum-button--primary:after {
        right: 11px;
        top: 0px;
        width: 30px;
        background-size: 34px;
    }

    #btn-container .quantum-button__text.quantum-button--primary {
        width: 140px;
    }

    #btn-container .quantum-button--primary.backbtn:after {
        left: 11px;
    }
}

#pdd-container .rich-text h2 {
    font-size: 50px;
    line-height: 60px;
    font-family: 'Poppins-Bold';
    text-align: center;
}

#pdd-container .rich-text p {
    line-height: 35px;
    text-align: center;
}

#pdd-container .rich-text h2 span {
    color: #0A48CC;
}

@media (max-width: 767px) {
    .site-ddg h2 {
        text-align: left;
        font-size: 20px;
        line-height: 23px;
    }

    .site-ddg p {
        text-align: left;
    }

    .site-ddg p+p {
        margin-top: 10px;
    }

    #pdd-container .rich-text h2 {
        font-size: 36px;
        line-height: 41px;
        font-family: 'IBMPlexSans-Bold';
        text-align: left;
    }

    #pdd-container .rich-text p {
        line-height: 20px;
        font-size: 16px;
        text-align: left;
    }
}

#pdd-container ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    justify-content: center;
    gap: 70px;
}

#pdd-container .field-link a {
    display: flex;
    align-items: center;
    background-image: linear-gradient(90deg, #0A48CC 0%, #00A3AD 100%);
    color: #fff;
    font-family: 'IBMPlexSans-Bold';
    position: relative;
    place-content: unset;
    padding: 15px 15px;
    flex-grow: initial;
    text-decoration: none;
    width: 180px;
    font-size: 20px;
}

#pdd-container .component.link-list {
    margin-bottom: 85px;
    margin-top: 75px;
}

#pdd-container .field-link a:after {
    background-image: url(../images/icons/icon-download.png);
    background-size: 20px;
    right: 5px;
    content: "";
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-self: center;
    top: 0px;
    width: 50px;
    height: 100%;
    position: absolute;
    color: #fff;
}

#pdd-container .item1.even.last .field-link a:after {
    background-image: url(../images/icons/icon-email.png)
}

@media (max-width: 767px) {
    #pdd-container .field-link a {
        font-size: 15px;
        width: 100%;
    }

    #pdd-container ul {
        gap: 30px;
    }

    #pdd-container .field-link {
        width: 140px;
    }

    #pdd-container ul {
        justify-content: space-between;
    }

    #pdd-container .component.link-list {
        margin-bottom: 30px;
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    #btn-container .quantum-button--primary {
        padding: 15px 45px 16px 45px;
    }

    #pdd-container .field-link a {
        padding-left: 30px;
    }
}

#pdd-container .rich-text h2 span {
    color: #0a48cc;
}

/* Madhuri css end  */

/* rohini css  */
@media (min-width: 767px) {
    #progress-links ul {
        list-style: none;
        display: flex;
        padding: 0;
        justify-content: space-between;
    }

    #progress-links ul li {
        position: relative;
        padding-left: 35px;
    }

    #progress-links ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 39%;
        transform: translateY(-50%);
        width: 26px;
        height: 26px;
        border: 2px solid #41E6B9;
        background-color: #C1C1C1;
        border-radius: 50%;
    }

    #progressbar-container {
        width: 80%;
        max-width: 1016px;
    }

    #progress-links li:not(:last-child)::after {
        content: "";
        position: absolute;
        width: 100px;
        height: 2px;
        background: none;
        top: 39%;
        left: 90%;
        transform: translateX(10px) translateY(-50%);
    }

    #progress-links li:last-child::after {
        display: none;
    }

    #progress-links .field-link a {
        font-size: 50px;
        line-height: 35px;
    }
}

@media (max-width: 767px) {
    #progress-links ul {
        display: flex;
        list-style: none;
        padding: 0;
        justify-content: space-between;
    }

    #progress-links ul li {
        position: relative;
        padding-left: 0px;
        margin-bottom: 10px;
        display: flex;
        text-align: center;
    }

    #progress-links ul li::before {
        content: '';
        position: absolute;
        left: 4px;
        top: -25%;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        border: 2px solid #41E6B9;
        background-color: #C1C1C1;
        bottom: 50px;
        border-radius: 50%;
    }

    #progress-links .field-link a {
        font-size: 35px;
        line-height: 35px;
    }

    #progress-links li:not(:last-child)::after {
        content: "";
        position: absolute;
        width: 26px;
        height: 2px;
        background: none;
        top: 50%;
        left: 63%;
        transform: translateX(10px) translateY(-50%);
    }

    #progress-links .field-link {
        width: 100%;
    }

    #progressbar-container {
        width: 80%;
        max-width: 313px;
    }
}

.ddg-step-1 #progress-links li.item0::before,
.ddg-step-2 #progress-links li.item1::before,
.ddg-step-3 #progress-links li.item2::before,
.ddg-step-4 #progress-links li.item3::before,
.ddg-step-5 #progress-links li.item4::before,
.ddg-step-6 #progress-links li.item5::before {
    background: #0A48CC;
    ;
}

.ddg-step-1 #progress-links li.item0 .field-link a,
.ddg-step-2 #progress-links li.item1 .field-link a,
.ddg-step-3 #progress-links li.item2 .field-link a,
.ddg-step-4 #progress-links li.item3 .field-link a,
.ddg-step-5 #progress-links li.item4 .field-link a,
.ddg-step-6 #progress-links li.item5 .field-link a {
    color: #0A48CC;
}

#progress-links .field-link a:hover {
    text-decoration: none;
}

#progress-links .field-link a {
    font-family: var(--h1-font-family);
    color: #C1C1C1;
}

#progress-links .field-link {
    width: 100%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) {
    #progress-links li:not(:last-child)::after {
        content: "";
        position: absolute;
        width: 57%;
        height: 2px;
        background: none;
        top: 50%;
        left: 84%;
        transform: translateX(10px) translateY(-50%);
    }
}

#progressbar-container h1 {
    margin-top: clamp(0.88rem, calc(0.24rem + 3.17vw), 2.5rem);
}

#progress-links ul {
    margin-bottom: 23px;
}

@media (max-width: 767px) {
    #progress-links ul {
        margin-bottom: 23px;
    }
}


@media (min-width: 767px) {
    #progress-links li:not(:last-child)::after {
        width: 110px;
        height: 3px;
        background: repeating-linear-gradient(to right, #C1C1C1, #C1C1C1 3px, transparent 3px, transparent 6px);
        border-top: none;
    }

    #progress-links ul li::before {
        border: 3px solid #41E6B9;
    }
}

@media (max-width: 767px) {
    #progress-links li:not(:last-child)::after {
        width: 35px;
        height: 3px;
        background: repeating-linear-gradient(to right, #C1C1C1, #C1C1C1 5px, transparent 5px, transparent 9px);
        border-top: none;
        top: 46%;
        left: 67%;
    }

    #progress-links ul li::before {
        border: 3px solid #41E6B9;
    }

    #progress-links ul li::before {
        left: 20%;
    }

    #progressbar-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    #progressbar-container h1 {
        font-size: 21px;
        line-height: 25px;
        padding-bottom: 14px;
    }

    #progress-links ul li {
        margin-bottom: 0px;
    }
}

/* rohini css  end */

.ddg-symptomsanc p {
    text-align: left;
}

.site-ddg .quantum-hero {
    transition: all 0.3s ease-out;
    background-image: linear-gradient(to right, #7e4bc9, #8a56d6, #9762e4, #a36df1, #b079ff);
}

.site-ddg .banner-icon img {
    display: block;
    width: 399px;
    height: auto;
}

.site-ddg .quantum-long-form-text {
    align-items: center;
    flex-direction: row;
    gap: 69px;
    max-width: 100%;
}

.site-ddg .banner-long-text-wrapper h2 {
    font-family: "Poppins-Bold";
    font-weight: bold;
    font-size: 45px;
    line-height: 55px;
    text-align: left;
    color: white;
    margin-bottom: 12px;
    margin-top: 0;
}

.site-ddg .banner-long-text-wrapper h1 {
    font-family: "Poppins-Bold";
    font-weight: bold;
    font-size: 55px;
    line-height: 55px;
    text-align: left;
    color: #41e6b9;
    margin-bottom: 15px;
}

.site-ddg .banner-long-text-wrapper p {
    font-family: "Poppins-Regular";
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
    text-align: left;
    color: #fff;

}

.site-ddg .banner-long-text-wrapper .banner-foot-note {
    font-family: var(--base-font-family);
    font-weight: normal;
    font-size: 25px;
    line-height: 33px;
    text-align: left;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 30px;
}

.site-ddg .banner-long-text-wrapper .quantum-hero__button {
    width: 330px;
    margin-bottom: 0;
}

.site-ddg .banner-long-text-wrapper .quantum-hero__button a {
    font-family: 'IBMPlexSans-Bold';
    font-weight: bold;
    font-size: 25px;
    text-align: left;
    color: #fff;
    padding-left: 40px;
}

@media(max-width: 1024px) {

    .site-ddg .quantum-hero {
        background-image: linear-gradient(to right, #7e4bc9, #8a56d6, #9762e4, #a36df1, #b079ff);
    }

    .site-ddg .banner-icon img {
        width: 157px;
    }

    .site-ddg .quantum-long-form-text {
        flex-direction: column;
        gap: 20px;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .site-ddg .banner-long-text-wrapper h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 12px;
    }

    .site-ddg .banner-long-text-wrapper h1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 19px;
    }

    .site-ddg .banner-long-text-wrapper p {
        font-size: 20px;
        line-height: 25px;
        max-width: 100%;
    }

    .site-ddg .banner-long-text-wrapper .banner-foot-note {
        font-size: 16px;
        line-height: 20px;
        margin-top: 19px;
        margin-bottom: 20px;
    }

    .site-ddg .banner-long-text-wrapper .quantum-hero__button {
        width: 201px;
        display: block;
        margin: 0 auto;
    }

    .site-ddg .banner-long-text-wrapper .quantum-hero__button a {
        font-size: 15px;
        padding-left: 30px;
        height: 50px;
        width: 200px;
    }

    .site-ddg .quantum-hero {
        height: auto;
    }

    .site-ddg .banner-long-text-wrapper {
        display: flex;
        flex-direction: column;
    }

    .site-ddg .step-container .field-link {
        width: 100%;
        z-index: 1;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {
    .site-ddg .quantum-long-form-text {
        flex-direction: row;
    }
}

@media(min-width: 1024px) and (max-width: 1199px) {
    .site-ddg .quantum-hero {
        height: 707px;
    }

    .site-ddg .banner-icon img {
        width: 205px;
    }

    .site-ddg .banner-long-text-wrapper h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 12px;
    }

    .site-ddg .banner-long-text-wrapper h1 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 19px;
    }

    .site-ddg .banner-long-text-wrapper p {
        font-size: 22px;
        line-height: 27px;
        max-width: 100%;
    }

    .site-ddg .banner-long-text-wrapper .banner-foot-note {
        font-size: 18px;
        line-height: 22px;
        margin-top: 19px;
        margin-bottom: 20px;
    }

    .site-ddg .banner-long-text-wrapper .quantum-hero__button a {
        font-size: 15px;
        padding-left: 40px;
    }

}

.site-ddg #progressbar-container,
.site-ddg #btn-container,
.site-ddg #symptoms-container {
    display: none;
}

.step-container .quantum-button__text.quantum-button--primary.nextbtn {
    background: #B2B2B2;
    pointer-events: none;
}

.step-container.activate-btn .quantum-button__text.quantum-button--primary.nextbtn {
    background-image: var(--bg-gradient-blue-green);
    pointer-events: all;
}

.ddg-step-2 .ddg-symptoms.col-12,
.ddg-step-3 .ddg-symptoms.col-12 {
    display: none;
}

.ddg-step-2 .ddg-symptoms.symptom-selected.col-12,
.ddg-step-3 .ddg-symptoms.symptom-selected.col-12 {
    display: flex;
}

.ddg-step-3 .ddg-symptomsanc.symptom-selected:hover,
.ddg-step-2 .ddg-symptomsanc.symptom-selected:hover {
    pointer-events: none;
}

.slick-slide {
    display: inline-flex;
}

@media(max-width: 767px) {

    .ddg-step-2 .ddg-symptoms:not(.symptom-selected),
    .ddg-step-3 .ddg-symptoms:not(.symptom-selected) {
        width: 0 !important;
    }
}

@media(min-width: 768px) {
    .site-ddg .quantum-button--primary:after {
        width: 30px;
        background-size: 30px;
    }
}

.site-ddg .promo-two-col-circle .field-promoicon {
    margin-bottom: 21px;
}

@media (max-width: 767px) {

    .site-ddg .quantum-hero .quantum-hero__text,
    .site-ddg #hard-to-work,
    .site-ddg #btn-container,
    #satisfaction-container.active,
    #pdd-container.active {
        padding-inline: 35px;
    }

    .site-ddg .bordered-isi .demo-shell__takeover .quantum-isi-tray:before {
        display: none;
    }

    .site-ddg .demo-shell__fixed-bottom {
        box-shadow: 0px -5px 6px rgba(0, 0, 0, 0.1);
    }

    .site-ddg p+p {
        margin-bottom: 15px;
    }

    .ddg-container {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    #btn-container {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .site-ddg #symptoms-container {
        margin-bottom: 0;
    }

    .site-ddg .slick-next::before {
        border-width: 23px 16px 23px 0;
        border-color: transparent #A09BA6 transparent transparent;
    }

    .site-ddg .slick-prev::before {
        border-width: 23px 0 23px 16px;
        border-color: transparent transparent transparent #A09BA6;
    }

    .site-ddg .slick-next.slick-disabled:before,
    .site-ddg .slick-prev.slick-disabled:before {
        opacity: 1;
    }

    .ddg-step-2 .ddg-container,
    .ddg-step-3 .ddg-container {
        margin-bottom: 55px;
    }

    .site-ddg .slick-dots {
        bottom: -27px;
    }

    .ddg-step-2 .ddg-symptomsanc p,
    .ddg-step-3 .ddg-symptomsanc p {
        text-align: center;
        max-width: 190px;
    }

    .ddg-step-2 .slick-prev,
    .ddg-step-3 .slick-prev {
        left: 28px;
    }

    .ddg-step-2 .slick-next:before,
    .ddg-step-2 .slick-prev:before,
    .ddg-step-3 .slick-next:before,
    .ddg-step-3 .slick-prev:before {
        top: -27%;
        left: 38%;
    }

    .ddg-step-2 .ddg-symptoms.symptom-selected.col-12,
    .ddg-step-3 .ddg-symptoms.symptom-selected.col-12 {
        height: 468px;
        justify-content: space-between;
        background-color: rgba(176, 121, 255, 0.12);
        border-radius: 15px;
        border: 16px solid white;
        border-radius: 38px;
        margin-top: -16px;
    }

    .ddg-step-3 .ddg-symptoms.symptom-selected.col-12 {
        height: 355px;
    }


    .site-ddg.ddg-step-2 .ddg-symptomsanc,
    .site-ddg.ddg-step-3 .ddg-symptomsanc,
    .symptom-duration.active,
    .symptom-new-ongoing.active {
        background-color: transparent;
    }

    .site-ddg.ddg-step-2 .slick-slide img,
    .site-ddg.ddg-step-3 .slick-slide img {
        width: 74px;
        height: auto;
    }

    .site-ddg.ddg-step-2 .ddg-symptoms.col-12 .ddg-symptomsanc,
    .site-ddg.ddg-step-3 .ddg-symptoms.col-12 .ddg-symptomsanc {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 1048px) {
    #progress-links ul {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .site-ddg.ddg-step-3 .slick-prev:before {
        top: 2%;
    }
}

@media (max-width: 413px) {

    .ddg-step-2 .slick-prev,
    .ddg-step-3 .slick-prev {
        left: -18px;
    }

    .ddg-step-2 .slick-next:before,
    .ddg-step-2 .slick-prev:before,
    .ddg-step-3 .slick-next:before,
    .ddg-step-3 .slick-prev:before {
        top: -27%;
        left: 95%;
    }
}

@media (max-width: 767px) {
    .site-ddg.ddg-step-0.bordered-isi .demo-shell__takeover .quantum-isi-tray:before {
        display: none;
    }

    .site-ddg.ddg-step-3 .slick-next::before {
        top: -27px;
    }
}

.site-ddg .quantum-long-form-text .container {
    padding-left: 0px;
}

@media (min-width: 414px) and (max-width: 767px) {
    .site-ddg #progress-links li:not(:last-child)::after {
        width: 37px;
        height: 3px;
        background: repeating-linear-gradient(to right, #C1C1C1, #C1C1C1 4px, transparent 4px, transparent 8px);
        border-top: none;
        top: 46%;
        left: 67%;
    }

    .site-ddg #progressbar-container {
        max-width: 338px;
    }
}



.site-ddg.ddg-step-6 .item0 {
    display: none;
}