@media only screen and (min-width: 0px) and (max-width: 400px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 22%;
            padding-bottom: 28%;
        }
        .views-field.views-field-field-step .field-content .step::before {
            height: 210px !important;
        }
    }
    @media only screen and (min-width: 368px) and (max-width: 588px) {
        .email-summary-wrapper .another-feedback-block .email-self-help-feedback-block p {
            padding: 0 0 33px 0;
            background-position-y: 50px;
        }
    }
    @media only screen and (min-width: 589px) and (max-width: 644px) {
        .email-summary-wrapper .another-feedback-block .email-self-help-feedback-block p {
            padding: 0 0 55px 0;
            background-position-y: 52px;
        }
    }
    @media only screen and (min-width: 645px) and (max-width: 767px) {
        .email-summary-wrapper .another-feedback-block .email-self-help-feedback-block p {
            padding: 0 0 33px 0;
            background-position-y: 30px;
        }
    }
    @media only screen and (min-width: 360px) and (max-width: 370px) {
        .status-wrapper .status::after {
            width: 51px;
        }
    }
    @media only screen and (min-width: 371px) and (max-width: 380px) {
        .status-wrapper .status::after {
            width: 54px;
        }
    }
    @media only screen and (min-width: 381px) and (max-width: 390px) {
        .status-wrapper .status::after {
            width: 60px;
        }
    }
    @media only screen and (min-width:391px) and (max-width: 400px) {
        .status-wrapper .status::after {
            width: 62px;
        }
    }    
    @media only screen and (min-width: 0px) and (max-width: 567px) {
        .view-how-my-self-help-works .views-field-field-step {
            margin-top: 25%;
            margin-right: 10px;
        }
    }    
    @media only screen and (min-width: 568px) and (max-width: 767px) {
        .view-how-my-self-help-works .views-field-field-step {
            margin-top: 13.5%;
            margin-right: 15px;
        }
    }   
   
    @media only screen and (min-width: 658px) and (max-width: 767px) {
        .views-field.views-field-field-step .field-content .step::before {
            height: 194px !important;
        }
    }   

    @media only screen and (min-width: 401px) and (max-width: 425px) {
        .views-field.views-field-field-step .field-content .step::before {
                height: 210px !important;
            }
        }
    @media only screen and (min-width: 401px) and (max-width: 410px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 85px;
            padding-bottom: 105px;
        }
        /* options */
        .status-wrapper .status::after {
            width: 68px !important;
        }
        .status-box .status-wrapper .status:first-child::after,
        .email-summary-wrapper .status-box .status-wrapper .status::after {
            width: 70px !important;
        }
    }
    @media only screen and (min-width: 411px) and (max-width: 420px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 87px;
            padding-bottom: 107px;
        }
        /* options */
        .status-wrapper .status::after {
            width: 68px !important;
        }
        .status-box .status-wrapper .status:first-child::after,
        .email-summary-wrapper .status-box .status-wrapper .status::after {
            width: 74px !important;
        }
    }
    @media only screen and (min-width: 421px) and (max-width: 430px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 90px;
            padding-bottom: 108px;
        }
        /* options */
        .status-wrapper .status::after {
            width: 72px !important;
        }
        .status-box .status-wrapper .status:first-child::after,
        .email-summary-wrapper .status-box .status-wrapper .status::after {
            width: 78px !important;
        }
    }
    @media only screen and (min-width: 431px) and (max-width: 440px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 93px;
            padding-bottom: 112px;
        }
        /* options */
        .status-wrapper .status::after {
            width: 78px !important;
        }
        .status-box .status-wrapper .status:first-child::after,
        .email-summary-wrapper .status-box .status-wrapper .status::after {
            width: 80px !important;
        }
    }
    @media only screen and (min-width: 441px) and (max-width: 450px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 96px;
            padding-bottom: 115px;
        }
        /* options */
        .status-wrapper .status::after {
            width: 82px !important;
        }
        .status-box .status-wrapper .status:first-child::after,
        .email-summary-wrapper .status-box .status-wrapper .status::after {
            width: 84px !important;
        }
    }
    @media only screen and (min-width: 451px) and (max-width: 460px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 99px;
            padding-bottom: 118px;
        }
        /* options */
        .status-wrapper .status::after {
            width: 88px !important;
        }
        .status-box .status-wrapper .status:first-child::after,
        .email-summary-wrapper .status-box .status-wrapper .status::after {
            width: 90px !important;
        }
    }
    @media only screen and (min-width: 461px) and (max-width: 470px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 101px;
            padding-bottom: 121px;
        }
    }
    @media only screen and (min-width: 471px) and (max-width: 480px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 104px;
            padding-bottom: 124px;
        }
    }
    @media only screen and (min-width: 481px) and (max-width: 490px) {
        .path-frontpage .my-self-help-overview .vedio-play {
            padding-top: 107px;
            padding-bottom: 126px;
        }
    }
    @media only screen and (min-width: 494px) and (max-width: 657px) {
        .views-field.views-field-field-step .field-content .step::before {
            height: 194px!important;
        }
    }
    @media only screen and (min-width: 420px) and (max-width: 480px) {
        .answer-show-hide-next-button {
            width: 94%;
        }
    }
    @media only screen and (min-width: 481px) and (max-width: 600px) {
        .answer-show-hide-next-button {
            width: 95%;
        }
    }
    @media only screen and (min-width:601px) and (max-width: 700px) {
        .answer-show-hide-next-button {
            width: 96%;
        }
    }
    @media only screen and (min-width: 700px) and (max-width: 767px) {
        .answer-show-hide-next-button {
            width: 96%;
        }
    } 
    
    @media only screen and (min-width: 0px) and (max-width: 767px) {
        @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
        body {
            font-size: 16px !important;
            line-height: 22px;
        }
        .btn-primary,
        .btn-primary:hover,
        .btn-primary:active,
        .btn-primary:focus,
        .btn-primary:active:hover,
        .btn-primary:active:focus {
            color: #fff;
            background-color: #2E4783;
            border-color: #2E4783;
        }
        h1 {
            font-size: 27px !important;
            line-height: 39px !important;
        }
        h2 {
            font-size: 19px !important;
            line-height: 27px !important;
        }
        a {
            font-size: 18px !important;
        }
        .btn {
            font-size: 18px;
            line-height: 40px;
            min-width: 312px !important;
            min-height: 59px;
        }
        .btn-primary a {
            color: #ffffff;
        }
        .breadcrumb {
            display: none;
            padding: unset;
        }
	.my-self-help-overview iframe {
   	    width: 100%;
	}
        .page-header {
            padding-top: 12px;
            margin: 0;
        }
        .header {
            background-image: none !important;
            padding: 9px 0 !important;
        }
        .header-top p {
            line-height: 0px;
            padding: 7px 0;
        }
        .header-top p a {
            font-size: 14px !important;
            line-height: 16px !important;
        }
        .header .logo img {
            max-width: 140px;
        }
        .header a {
            padding-right: 18px !important;
        }
        .header #block-header h1 {
            font-size: 18px !important;
            line-height: 25px !important;
        }
        .header #block-header h4 {
            font-size: 11px !important;
            line-height: 15px !important;
        }
        /* my self-help-area */
        #my-self-help {
            padding: 16px 0px 10px;
        }
        .path-frontpage .my-self-help-overview {
            padding: 26px 0 42px 0;
        }        
        .path-frontpage .my-self-help-overview ul {
            padding-top: 12px;
            padding-bottom: 8px;
        }
        .path-frontpage .my-self-help-overview ul li {
            padding-bottom: 14px;
        }
        .my-self-help-overview a.btn.btn-primary {
            margin-bottom: 16px;
            margin-left: 10px;
        }
        /* how my self-help work */
        .my-self-help-work {
            background-color: #F4F4F4;
            padding: 32px 0px 35px 0;
        }
        .my-self-help-work h2.block-title {
            padding-bottom: 25px;
            text-align: center;
        }
        .view-how-my-self-help-works .views-row .views-col {
            display: flex;
            justify-content: center;
            width: 100% !important;
            padding: 8px 0px;
            margin-bottom: 5px;
        }
        .view-how-my-self-help-works .views-row .views-col:last-child {
            margin-bottom: 0;
        }
        .views-field.views-field-field-step .field-content .step::before {
            position: absolute;
            content: "";
            border: 3px solid #2E4783;
            height: 210px;
            top: 28px;
            left: 15px;
            width: unset;
            margin: unset;
        }
        .view-how-my-self-help-works .views-col:last-child .step:before {
            content: unset;
        }
        .my-self-help-work .image-text {
            width: 288px;
            min-height: 200px;
            margin: unset;
            padding: 34px 30px;
            margin-right: 5px;
        }
        .view-how-my-self-help-works .step {
            width: 36px;
            height: 36px;
            line-height: 10px;
            font-size: 7px;
        }
        .view-how-my-self-help-works .step b {
            font-size: 12px;
            line-height: 16px;
        }
        .my-self-help-work .image-text a {
            font-size: 18px;
            font-weight: bold;
            display: block;
            line-height: 25px;
            padding: 18px 0;
        }
        .my-self-help-work .image-text p {
            font-size: 14px;
            line-height: 20px;
            padding-top: unset;
        }
        /* coverd issue */
        .view-covered-issues {
            position: absolute;
            top: 100px;
            left: 0;
            right: 0;
        }
        .covered-issue {
            padding: 32px 0 0 0;
        }
        .covered-issue a {
            font-size: 18px !important;
            line-height: 25px !important;
        }
        .covered-issue .view-header {
            top: -50px;
            padding: 0 17px;
        }
        .covered-issue #quicktabs-covered_issues {
            display: unset;
            padding: unset;
        }
        .covered-issue .block-views-blocktestimonial-block-1 {
            position: unset;
            border-top: unset;
            width: unset;
            height: unset;
            margin: 45px 10px 10px 10px;
            background: #F4F4F4;
        }
        .covered-issue ul.quicktabs-tabs {
            padding: 17px;
            margin-top: 300px;
            max-height: 420px;
            overflow-y: scroll;
        }
        .covered-issue ul.quicktabs-tabs li {
            white-space: unset;
        }
        .covered-issue .quicktabs-tabpage .view-content {
            padding: 20px 17px;
            width: unset;
            margin: auto;
            height: unset;
            margin: 0 17px;
        }
        .covered-issue #quicktabs-container-covered_issues {
            width: unset;
            height: unset;
        }
        .view-testimonial {
            position: relative;
        }
        .covered-issue .view-testimonial .views-slideshow-controls-bottom.clearfix {
            position: absolute;
            right: 0px;
        }
        .covered-issue .view-testimonial .views_slideshow_controls_text_previous a::before {
            top: 0;
            right: -12px;
        }
        .covered-issue .view-testimonial .views_slideshow_controls_text_next a::after {
            left: 24px;
            top: -16px;
        }
        .covered-issue .view-testimonial .views_slideshow_controls_text_next,
        .covered-issue .view-testimonial .views_slideshow_controls_text_previous a {
            position: unset;
        }
        .covered-issue .view-testimonial .views_slideshow_controls_text_previous a,
        .covered-issue .view-testimonial .views_slideshow_controls_text_next a {
            font-size: 0px !important;
        }
        .covered-issue .block-title {
            margin-top: -17px;
        }
        .covered-issue .view-covered-issues .cta {
            margin-left: -12px;
            padding-top: 0px;
            text-align: center;
        }
        .covered-issue .description {
            min-height: 140px;
        }
        .covered-issue .view-testimonial .views-field-field-short-description p {
            padding: 35px 0px 0 0;
        }
        .covered-issue ul.quicktabs-tabs li a {
            padding: 24px 14px 24px 70px !important;
            margin-bottom: 5px;
        }
        .covered-issue .view-covered-issues .short-description-cta-text p {
            font-size: 16px;
            line-height: 22px;
        }
        .covered-issue .view-testimonial .views-field-field-short-description p {
            font-size: 16px;
            line-height: 22px;
        }
        .view-covered-issues .covered-issue-desc .cta a {
            padding: 18px 85px;
            line-height: 55px !important;
        }
        .view-covered-issues .covered-issue-desc .cta a:hover {
            color: #ffffff;
        }

        /* back to top area */
        #block-backtotop {
            display: block;
            text-align: center;
            padding: 26px 0;
        }
        #back-to-top p {
            font-family: Lato;
            font-size: 20px !important;
            line-height: 33px !important;
            padding-top: 8px;
        }
        /* footer area */
        .footer-top-area {
            padding: 30px 0 36px 0 !important;
        }
        .footer-top-right a {
            font-size: 16px !important;
            line-height: 22px;
        }
        .footer-bottom-right {
            padding-top: 24px;
        }
        .footer-top-area h2 {
            font-size: 16px !important;
            line-height: 22px !important;
        }
        .footer-top-left section#block-footerlogo {
            width: 216px;
        }
        .footer-top-right {
            padding-left: 15px !important;
        }
        section.footer-bottom-area .row {
            display: unset !important;
        }
        section.footer-bottom-area a {
            font-size: 16px !important;
            line-height: 19px !important;
        }
        section.footer-bottom-area p {
            font-size: 16px !important;
            line-height: 25px !important;
        }
        section.footer-bottom-area {
            background: #222222 !important;
            padding: 11px 0 !important;
        }
        ul.menu.menu--footer li a {
            text-align: unset !important;
            font-weight: bold;
        }
        ul.footer-social-link {
            text-align: center;
        }
        /* terms of service area */
        #block-textresize {
            display: none;
            top: 116px;
            right: 20px !important;
        }
        .page-node-17 .page-header {
            padding-bottom: 18px;
        }
        .page-node-17 .terms-service-area {
            width: unset;
            margin-top: 20px;
            margin-bottom: 32px;
        }
        .terms-service-area .contact-details {
            margin: unset;
            padding: 0px 0 0 20px;
        }
        .page-node-17 .terms-service-area h2:first-child {
            padding: 14px;
        }
        .page-node-17 .terms-service-area .terms-service {
            padding: 14px 14px 81px 14px;
        }
        .terms-service-area .terms-service h2 {
            padding-top: 0px;
        }
        /* glossary area */
        .view-glossary .view-content {
            width: unset;
            padding-bottom: 26px;
        }
        .path-glossary #back-to-top {
            padding: unset;
        }
        .view-glossary .view-header ul {
            padding: 0px 0 18px 0;
        }
        .view-glossary .view-header ul li {
            font-size: 14px;
            line-height: 26px;
            padding-right: 18px;
        }
        .view-glossary .views-row .views-field.views-field-title {
            padding: 14px;
        }
        .view-glossary .views-row .views-field.views-field-body {
            padding: 14px;
        }
        /* Disclaimer and Terms of Service */
        .terms-service-details {
            padding: 28px 0 0 0;
        }
        .left--sidebar--area.col-sm-4 {
            width: 100%;
            margin-right: unset;
        }
        .right--content--area.col-sm-8 {
            width: 100%;
            margin-top: 28px;
            margin-bottom: 0px;
            margin-left: 0px;
        }
        .right-choose-option .right--content--area {
            padding-top: 28px;
        }
        .header-wrapper {
            padding: 14px;
        }
        .header-wrapper .title-text {
            padding-left: 14px;
        }
        .header-wrapper .title-text h3,
        .header-wrapper .title-text {
            font-size: 18px;
            line-height: 25px;
        }
        .body-text {
            padding: 10px 23px 0px;
        }
        .body-text p {
            padding-left: 3px;
        }
        .checkbox label {
            padding-left: 68px;
        }
        .terms-service-agreement-text {
            padding-left: 28px;
        }
        .prev-next--button {
            float: none;
            padding: 45px 0 88px 0;
        }
        .prev-next--button .btn,
        .top--prev-next--button .btn {
            min-height: 40px;
            padding: 0;
        }
        .btn-back {
            min-width: 150px !important;
            float: left !important;
        }
        .btn-back a {
            font-weight: bold;
        }
        .btn-next {
            min-width: 150px !important;
            float: right;
        }
        .btn-next a {
            font-weight: bold;
        }
        .prev-next--button .btn-primary,
        .prev-next--button .btn-primary:active:focus,
        .top--prev-next--button .btn-primary:active:focus,
        .top--prev-next--button .btn-primary {
            background: #E7E247 !important;
            color: #000000 !important;
            border: #E7E247 !important;
        }
        /* The VSA helps with issues with licensed dealers, not private sellers. */
        .top--prev-next--button {
            padding-top: 42px;
            display: flex;
            justify-content: space-between;
        }
        .option-header-wrapper .icon-image img {
            max-width: unset;
        }
        .issue-form-wrapper {
            font-size: 16px;
            line-height: 20px;
        }
        .answer-form-wrapper label {
            padding: 0px;
            line-height: 22px;
        }
        .description-text {
            margin-top: 0px;
        }
        .description-text ul li a {
            font-size: 16px !important;
        }
        .my--self--help--page {
            padding: 15px 0 0 0;
        }
        .right--content--area .content {
            padding: 22px 22px 0 22px;
        }
        .right--content--area blockquote {
            margin: 20px 0 20px 22px;
            padding: 10px 0 10px 22px;
            font-size: 16px;
        }
        .right--content--area .content ul {
            padding-left: 38px;
        }
        .top--prev-next--button {
            padding-top: 42px;
            display: none;
            overflow: hidden;
        }
        .top--prev-next--button .page-header {
            width: 100%;
            text-align: left;
            padding-top: 24px;
            font-size: 28px !important;
            line-height: 50px;
        }
        /* user login page */
        .path-user #maindiv {
            padding: 20px;
        }
        .progress {
            margin-top: 20px;
        }
        /* left-sidebar-area */
        .page-node-type-pathway .percent,
        .page-node-type-pathway .email-button {
            display: none;
        }
        .page-node-type-pathway.modal-open .percent,
        .page-node-type-pathway.modal-open .email-button {
            display: block;
        }
        .Information.you.provided {
            padding: 30px 30px 0px 30px;
        }
        /* ////////////////////////// */
        .left--sidebar--area .progress-status .view--progress {
            margin-top: 5px;
            display: inline-flex;
            float: right;
            color: #2E4783;
            border: 2px solid #2E4783;
            border-radius: 5px;
            line-height: 24px;
            padding: 2px 6px;
            font-size: 14px;
            font-weight: bold;
        }
        .my--self--help--page h2.page-header,
        .terms-service-details h2.page-header,
        .top--prev-next--button .page-header {
            display: none !important;
        }
        /* ///////////////////////////////////////////// */
        /* left-sidebar-area */
        .email-button a {
            font-size: 14px !important;
        }
        .body-box {
            padding: 23px 23px;
        }
        .body-box ul {
            padding-left: 38px;
        }
        .question-wrapper input[type="radio"] {
            width: 11px;
            height: 11px;
        }
        .question-wrapper .field--item.selected input[type="radio"],
        .question-answer-box .field--item:hover input[type="radio"] {
            outline-offset: -2px;
        }
        .question-answer-box {
            padding-top: 12px;
        }
        .answer-show-hide-next-button {
            width: 93%;
        }
        .question-answer-box .field--item {
            padding-left: 10px;
            box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
        }
        .question-box {
            padding: unset;
        }
        .question-box {
            font-size: 18px;
            line-height: 40px;
        }
        .answer-form-wrapper .prev-next--button,
        .page-node-36 .issue-form-wrapper .prev-next--button,
        .page-node-73 .issue-form-wrapper .prev-next--button {
            position: absolute;
            bottom: -40px !important;
            right: 0 !important;
        }
        /* create issues */
        .option-header-wrapper .icon-image {
            padding-left: 12px;
        }
        .issue-form-wrapper .short-text {
            padding-left: 0px;
        }
        .issue-option-show-hide-next-button {
            padding: 14px;
        }
        .issue-form-wrapper {
            padding-left: 10px;
        }
        .estimated-text {
            padding-top: 12px;
        }
        .option-header-wrapper {
            align-items: unset;
        }
        #myselfhelp-email-template {
            padding: 10px;
        }
        .page-node-type-create-issue .right--content--area,
        .page-node-type-create-issue .left--sidebar--area {
            margin-bottom: unset;
        }
        .my--self--help--page h2.page-header,
        .terms-service-details h2.page-header {
            margin-bottom: 18px;
            font-size: 28px !important;
        }
        .issue-option-box .option-wrapper .title h1,
        .question-box .question-wrapper .title h1 {
            font-size: 18px !important;
            line-height: 25px !important;
        }
        .ui-widget.ui-widget-content {
            left: -12px !important;
        }
        .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
            left: -12px !important;
            top: 2% !important;
            width: unset !important;
            transform: translate(0, 100px);
        }
        .like-dislike-box h2.page-header {
            font-size: 18px !important;
            line-height: 40px;
            display: block !important;
        }
        span.div-count {
            margin-left: unset;
        }
        /* optionsss */
        .page-node-60 h1.page-header {
            padding-top: 35px;
        }
        .right--content--area .top--prev-next--button {
            padding: 0 0 30px 0;
            border-bottom: none;
            margin-top: unset;
            display: flex;
        }
        .right--content--area .top--prev-next--button {
            padding: 0 0 30px 0;
            border-bottom: unset;
            margin-top: unset;
            display: none;
        }
        .status-wrapper {
            max-width: 71%;
            margin: auto;
        }
        .page-node-60 .issue-form-wrapper .prev-next--button {
            bottom: -40px;
        }
        /* /////Option-details//// */
        .page-node-70 .right--content--area .top--prev-next--button {
            margin-top: unset;
        }
        .page-node-70 .my--self--help--page h2.page-header {
            margin-bottom: 18px;
        }
        .option--detail--wrapper .selected-option {
            padding: 16px;
            line-height: 22px;
        }
        .page--header {
            display: none;
        }
        .steps--wrapper {
            display: inherit;
            padding: 38px 24px;
            position: relative;
        }
        .option--detail--box {
            padding: 16px;
            margin-top: 18px;
        }
        .steps--wrapper .number-of-steps {
            max-width: 33px;
            height: 33px;
            font-size: 14px;
            line-height: 17px;
        }
        .number-of-steps span {
            font-size: 9px;
            line-height: 13px;
        }
        .steps--box--wrapper {
            font-size: 16px;
            line-height: 22px;
            margin-right: 10px;
        }
        .steps--wrapper .steps-header-wrapper .title-text {
            font-size: 16px;
            line-height: 22px;
            position: absolute;
            top: 40px;
            left: 76px;
        }
        .resource-area .resource--content,
        .other-helpful-tips .other-helpful-tips--content {
            padding: 24px 18px;
            margin-top: 22px;
            font-size: 16px;
        }
        .option--detail--wrapper .other-helpful-tips {
            margin-top: 22px;
        }
        .resource-area .resource--content a,
        .other-helpful-tips a {
            font-size: 16px !important;
        }
        .steps-header-wrapper .short-text {
            padding-top: 18px;
        }
        .option--detail--wrapper .selected-option p {
            padding-left: 48px;
            line-height: 32px;
        }
        .resource-area {
            padding: 22px 0;
        }
        .page-node-type-create-issue .left--sidebar--area-wrapper {
            padding: 20px 30px;
        }
        .my--self--help--page.Pathway--page .left--sidebar--area-wrapper {
            padding: 0px;
            background-color: transparent;
        }
        .answer-form-wrapper {
            padding: 7px 0px;
            display: flex;
            align-items: center;
            justify-content: end;
        }
        .remove-flex .answer-form-wrapper {
            display: inherit;
        }
        .answer-form-description {
            font-size: 16px;
            line-height: 22px;
            padding: 0 15px 0 20px;
        }
        .left--progress {
            padding: unset !important;
            background: #ffffff !important;
        }
        .left--progress--menue {
            padding: 0px 4px !important;
        }
        .path-innerpage #maindiv {
            padding-top: 15px;
        }
        .webform-submission-feedback-form .form-textarea {
            min-height: auto;
        }
        /* /////////////////////////// */
        .supporting-info-box .right-blue,
        .supporting-info-box .wrong-red {
            margin: 18px 0 10px 18px;
        }
        .supporting-info-box .right-blue-box,
        .supporting-info-box .wrong-red-box {
            padding-left: 18px;
            margin: 0px 0px 0px 28px;
        }
        .supporting-info-box .right-blue-box li:first-child {
            margin-left: -42px;
        }
        /* my self-help email summary area */
        .email-summary-wrapper {
            padding: 0 0 0 0;
        }
        .email-summary-wrapper .status-box {
            margin-bottom: 12px;
        }
        .email-summary-wrapper .rows {
            padding: 20px 0;
            border-radius: 5px;
        }
        .email-summary-wrapper .other-option-email-template ul,
        .email-summary-wrapper .email-summary-block ul {
            padding: 5px 0 0 34px;
        }
        .email-summary-wrapper .btn {
            min-width: 223px !important;
            min-height: 48px;
        }
        .email-summary-wrapper .connector-information {
            display: block;
            margin-bottom: 15px;
            padding: 15px 15px 35px 15px;
        }
        .email-summary-wrapper .other-option-email-template {
            padding: 14px;
            margin-bottom: 24px;
        }
        .email-summary-wrapper .other-option-email-template a {
            font-size: 16px !important;
            line-height: 22px;
        }
        .email-summary-wrapper .another-feedback-block {
            display: unset;
        }
        .email-summary-wrapper .another-feedback-block .email-another-issue-block {
            margin-left: unset;
            padding: 25px 22px 14px 22px;
            width: 100%;
        }
        .email-summary-wrapper .another-feedback-block .email-another-issue-block::after {
            right: -134px;
        }
        .email-summary-wrapper .another-feedback-block .email-another-issue-block::before,
        .email-summary-wrapper .another-feedback-block .email-self-help-feedback-block::before {
            content: unset;
        }
        .email-summary-wrapper .another-feedback-block .email-self-help-feedback-block {
            margin-bottom: 24px;
            padding: 28px 22px 14px 22px;
            width: 100%;
            background: #E7E247;
        }
        .email-summary-wrapper .another-feedback-block .email-self-help-feedback-block h1,
        .email-summary-wrapper .another-feedback-block .email-another-issue-block h1 {
            font-size: 20px !important;
            line-height: 28px !important;
            padding-bottom: 12px;
        }
        .email-summary-wrapper .another-feedback-block .email-another-issue-block p {
            padding: 0 0 36px 0;
        }
        .email-summary-wrapper .another-feedback-block .email-self-help-feedback-block p {
            background-position-y: 68px;
            padding: 0 0 55px 0;
        }
        .email-summary-wrapper .btn {
            min-width: unset !important;
        }
        .email-summary-wrapper .prev-next--button {
            float: right;
            padding: 30px 0;
        }
        .email-summary-wrapper #myselfhelp-email-template .btn {
            margin: auto;
            width: 164px;
            display: block;
            float: inherit;
            background: #E7E247;
            color: #222222;
            border-color: #E7E247;
        }
        .right-choose-option footer,
        .right-select-option-details footer,
        .right-select-question footer,
        .right-select-supporting footer,
        .right-select-question section.back-to-top-area {
            display: none;
        }
        .right-choose-option.mobile-show footer,
        .right-select-option-details.mobile-show footer,
        .right-select-question.mobile-show footer,
        .right-select-supporting.mobile-show footer {
            display: block;
        }
        .supporting-info-outer {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #ffffff;
            z-index: 9999;
            box-shadow: 0 -2px 5px rgba(0 0 0 /15%);
        }
        .right-select-supporting .prev-next--button,
        .right-select-question .prev-next--button,
        .right-choose-option .prev-next--button {
            padding: 15px 15px 50px 15px;
        }
        .answer-form-wrapper .prev-next--button,
        .issue-form-wrapper .prev-next--button {
            position: fixed;
            bottom: -39px;
            right: 0 !important;
            z-index: 99999;
        }
        #myselfhelp-email-template .g-recaptcha {
            margin-bottom: 15px;
        }
        .right-select-supporting #block-backtotop,
        .right-select-question #block-backtotop,
        .right-choose-option #block-backtotop {
            margin-bottom: 75px;
        }
        .thanku-wrapper {
            margin: 28px 0 15px 0;
        }
        #myselfhelp-email-template,
        #email-your-summary-template {
            display: inherit;
            max-width: 100%;
            padding: 15px;
            overflow: hidden;
        }
        .ui-dialog .ui-dialog-titlebar-close {
            top: -30px;
            width: 30px;
            height: 40px;
        }
        #email-your-summary-template a.proceed-btn {
            padding: 0;
            margin-top: 10px;
            float: left;
        }
        .desktop-show,
        body.modal-open .supporting-info-outer {
            display: none;
        }
        body.modal-open .modal-dialog {
            margin: 246px 0 0 0;
            padding: 0 10px;
            background: #222222;
            opacity: 1;
        }
        body.path-frontpage.modal-open .modal-dialog {
            margin: 246px 10px 0 10px;
            padding: 0;
        }
        .modal-mobile .ui-dialog .ui-dialog-titlebar-close {
            background: none;
            top: 19px;
            width: auto;
            height: auto;
            font-size: 16px;
            line-height: 24px;
            color: #2E4783;
            text-decoration: underline;
            opacity: 1;
            z-index: 99999;
        }
        .modal-mobile .ui-dialog {
            top: 48px;
            box-shadow: none;
            margin-top: -140px;
            background: transparent;
        }
        .modal-mobile .email-text-popup {
            padding: 65px 15px 25px 15px;
        }
        .modal-mobile .Information.you.provided,
        .modal-mobile .description-text,
        .modal-mobile .glossary-button {
            background: transparent;
        }
        .modal-mobile .ui-dialog .ui-dialog-content,
        .modal-mobile .ui-dialog {
            padding: 0;
            border-radius: 6px;
        }
        .modal-mobile .ui-dialog .ui-dialog-content {
            background: #fff;
        }
        .modal-mobile .Information.you.provided,
        .modal-mobile .description-text,
        .modal-mobile .glossary-button {
            padding: 30px 15px 0px 15px;
        }
        .modal-mobile .glossary-button {
            padding-bottom: 50px;
        }
        body.modal-open header {
            position: fixed;
            left: 0;
            right: 0;
            z-index: 9999;
            background: #ffffff;
        }
        .header-top {
            padding: 1px 0px !important;
        }
        body.modal-open .modal-backdrop {
            background: transparent;
        }
        body.modal-open .modal-mobile.modal.fade.in {
            background: #222222;
        }
        .mobile-footer {
            background: #ffffff;
            padding-top: 30px;
            margin-top: 35px;
            margin-left: -11px;
            margin-right: -11px;
        }
        .modal-mobile #block-backtotop {
            margin-bottom: 0px;
        }
        .modal-mobile #back-to-top {
            position: relative;
        }
        .modal-mobile #back-to-top::before {
            content: "";
            background: url(../images/back-to-top-white.svg) no-repeat;
            width: 42px;
            height: 42px;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
        }
        .modal-mobile #back-to-top p {
            color: #fff;
        }
        .modal-mobile .mobile-footer-top img {
            max-width: 215px;
            margin-bottom: 25px;
        }
        .mobile-footer .left--sidebar--area p {
            font-size: 16px;
            line-height: 22px;
        }
        .mobile-footer .mobile-footer-top {
            padding: 0 15px;
        }
        .mobile-footer-top h2.block-title,
        .mobile-footer-top a {
            font-size: 16px !important;
            line-height: 22px !important;
        }
        .mobile-footer-bottom {
            background: #222222;
            padding: 25px 15px;
        }
        .mobile-footer-bottom p,
        .mobile-footer-bottom a {
            color: #ffffff;
            font-weight: bold;
            font-size: 16px !important;
            line-height: 22px !important;
        }
        .mobile-footer .mobile-footer-top ul.footer-social-link {
            margin: 35px 0 35px 0;
        }
        .mobile-footer .mobile-footer-top ul.footer-social-link li a {
            padding: 13px;
        }
        .email-summary-form-block.remove-extra-content #email-your-summary-template {
            border-bottom-left-radius: 0;
        }
        .email-summary-form-block.remove-extra-content #email-your-summary-template .btn {
            position: unset;
        }
        /*Modal comes from right side*/
        .modal.fade:not(.in).right .modal-dialog {
            -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
        }
        /* Mobile video popup */
        .path-frontpage .my-self-help-overview .modal.in .modal-dialog {
            transform: unset;
        }
        .path-frontpage .modal-body span.close {
            right: 0;
        }
        /* mobile left side email popup */
        .mobile-show .ui-widget.ui-widget-content {
            z-index: 999999 !important;
        }
        .mobile-show .mobile-footer-top img {
            max-width: 225px;
            margin-bottom: 15px;
        }
    }