body.single-projects {
    background-attachment: scroll;
    background-image: url('/wp-content/plugins/cwi-custom/assets/img/bg.webp');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #F5F5F5
}

/* MAIN SINGLE PROJECT */
.main-single-project { 
    max-width: 890px;
    min-height: 65vh;
    margin: 0 auto;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 80px 0px 80px 0px;
}
.main-single-project.project-step-upload-evergreen-webinar {
    max-width: 768px;
} 
.main-single-project h3 {
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    letter-spacing: 1.1px;
    color: #9c64f4;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}
.main-single-project h1 {
    color: #262626;
    font-family: "Roboto", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -1.34px;
    text-align: center;
    margin-bottom: 28px;
}
.main-single-project p {
    text-align: center;
    color: #262626;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
}
.responsive-video {
    margin-top: 32px;
    padding: 10px;
    padding-bottom: 56.25%; position: relative;
}
.responsive-video iframe {
    padding: 10px;
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%;
    border-radius: 10px !important;
}
.main-single-project .projects-steps {
    margin: 0px;
    margin-top: 120px;
    padding: 0px;
    list-style: none;
}
.webinar-overflow {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.2);
    z-index: 1;
    display: none;
}

.webinar-overflow.active {
    display: block;
}

.list-progress {
    counter-increment: list-progress;
    padding-left: 75px;
    position: relative;
    min-height: 150px;
    display: flex;
}
.list-progress .step-content p {
    text-align: left !important;
}
.list-progress .step-action {
    width: 32.922%;
    padding: 10px;
}
.list-progress .step-action  {
    width: 66.966%;
    padding: 10px;
}

.list-progress::before {
    content: counter(list-progress);
    position: absolute;
    left: 0;
    font-size: 22.5px;
    font-family: 'Roboto';
    font-weight: 600;
    background-color: rgba(156, 99, 244, 0.3);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.list-progress.progress-done::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_205_252)'%3E%3Cpath d='M1.16602 14.5827L5.71602 20.4327C5.86955 20.6322 6.06628 20.7943 6.29143 20.9069C6.51658 21.0194 6.76431 21.0795 7.01602 21.0827C7.26367 21.0855 7.50885 21.0332 7.73373 20.9294C7.9586 20.8256 8.15752 20.673 8.31602 20.4827L22.8327 2.91602' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_205_252'%3E%3Crect width='23.3333' height='23.3333' fill='white' transform='translate(0.333984 0.333008)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-color: #9C63F4 !important;
    line-height: 50px;
}

.list-progress:not(:last-child)::after {
    content: "";
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 2px;
    height: 80px;
    position: absolute;
    left: 20px;
    top: 55px;
}

.list-progress.not-started {
    opacity: 0.5;
}

.webinar-action-button {
    text-align: right;
}

.webinar-action-button .status a.btn-start {
    background-color: #8951E1;
    display: inline-block !important;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 600;
    padding: 15px;
    border-radius: 12px;
    width: 207px;
    display: inline-block;
    text-align: center;
}

.webinar-action-button .status {
    display: inline-block;
    width: 210px;
    vertical-align: middle;
}

.webinar-action-button .status .in_progress {
    background-color: #E3E3E3;
    width: 207px;
    display: inline-block;
    text-align: center;
    padding: 20px 6px;
    font-size: 18px;
    line-height: 24px;
    color: #6F6F6F;
    font-weight: 600;
    border-radius: 12px;
}

.webinar-action-button .status .completed {
    background-color: rgba(19, 144, 17, 0.1);
    padding: 15px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 24px;
    color: #139011;
    font-weight: 600;
    width: 207px;
    display: inline-block;
    text-align: center;
}

.webinar-action-button .action {
    display: inline-block;
    width: 35px;
    text-align: right;
}

.webinar-popup-action:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    left: 0;
    top: 0;
 
     border-radius: 8px;
     box-shadow: 0px 16px 28px rgb(0 0 0 / 5%);
     z-index: -1;
      border-radius: 8px;
    background: #fff;
}
.webinar-action-button .action > ul {
    position: absolute;
    text-align: right;
    list-style: none;
    margin: 0;
    width: 172px;
    right: -8px;
    top: 42px;
    z-index: 9;
    display: none;
    padding-left: 0px;
   
}

.webinar-action-button .action > ul.active {
        display: block;
    margin-left: -125px;
    height: fit-content;
     
    
}
.webinar-action-button .action > ul::after {
    content: "";
    position: absolute;
    display: inline-block;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 19px solid #fff;
   top: -10px;
    right: 0px;
}

.webinar-action-button .action > ul li {
   
}


.webinar-action-button .action > ul a {
    display: block !important;
    padding: 15px 24px !important;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
.webinar-action-button .action {
    position: relative;
}

/* .webinar-action-button .action > ul a::before {
    content: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2_336)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.3077 1.21289C15.184 1.21289 15.0616 1.2376 14.9476 1.28558C14.8335 1.33356 14.7303 1.40383 14.6438 1.49227L14.639 1.49716L2.96085 13.1186L1.43601 18.5644L6.88186 17.0396L18.5033 5.36145L18.5056 5.35914C18.5926 5.27282 18.6617 5.17012 18.7089 5.05696C18.756 4.94381 18.7803 4.82244 18.7803 4.69986C18.7803 4.57727 18.756 4.4559 18.7089 4.34275C18.6617 4.22959 18.5926 4.12689 18.5056 4.04057L18.5032 4.03813L15.9716 1.49229C15.8851 1.40384 15.7819 1.33356 15.6679 1.28558C15.5539 1.2376 15.4314 1.21289 15.3077 1.21289ZM14.5597 0.363865C14.7965 0.26422 15.0508 0.212891 15.3077 0.212891C15.5646 0.212891 15.8189 0.26422 16.0557 0.363865C16.2918 0.463212 16.5057 0.60859 16.685 0.791506C16.6856 0.792054 16.6861 0.792602 16.6866 0.793151L19.2098 3.33057C19.2103 3.33101 19.2107 3.33145 19.2111 3.3319C19.3913 3.51091 19.5343 3.72374 19.632 3.95817C19.7299 4.19319 19.7803 4.44526 19.7803 4.69986C19.7803 4.95445 19.7299 5.20653 19.632 5.44154C19.5343 5.67601 19.3912 5.88888 19.2111 6.06791C19.2106 6.06832 19.2102 6.06873 19.2098 6.06914L7.49784 17.8383C7.43698 17.8994 7.36133 17.9438 7.27824 17.9671L0.849671 19.7671C0.675724 19.8158 0.489032 19.7669 0.361302 19.6391C0.233573 19.5114 0.184669 19.3247 0.233374 19.1508L2.03337 12.7222C2.05664 12.6391 2.10101 12.5634 2.16216 12.5026L13.9313 0.790552C14.1104 0.608085 14.324 0.46304 14.5597 0.363865Z" fill="%23000001"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2_336"%3E%3Crect width="20" height="20" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
    display: inline-block;
    margin-right: 10px;
    height: 20px;
    position: relative;
    bottom: -3px;
} */

.webinar-action-button .action .action-trigger {
    display: inline-block;
    vertical-align: middle;
    width: 50px !important;
    padding-left: 25px;
    height: 54px;
    padding-top: 15px;
    cursor: pointer;
}

.webinar-action-button .action .action-trigger .dot {
    width: 5px;
    height: 5px;
    background-color: #6F6F6F;
    display: block;
    margin-bottom: 3px;
    border-radius: 50%;
}

.webinar-action-button .action .action-trigger .dot:last-child {
    margin-bottom: 0;
}

.webinar-action-button .action .action-trigger:hover .dot {
    background-color: #9C63F4;
}

.icon-edit {
    margin-bottom: -5px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    content: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2_336)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.3077 1.21289C15.184 1.21289 15.0616 1.2376 14.9476 1.28558C14.8335 1.33356 14.7303 1.40383 14.6438 1.49227L14.639 1.49716L2.96085 13.1186L1.43601 18.5644L6.88186 17.0396L18.5033 5.36145L18.5056 5.35914C18.5926 5.27282 18.6617 5.17012 18.7089 5.05696C18.756 4.94381 18.7803 4.82244 18.7803 4.69986C18.7803 4.57727 18.756 4.4559 18.7089 4.34275C18.6617 4.22959 18.5926 4.12689 18.5056 4.04057L18.5032 4.03813L15.9716 1.49229C15.8851 1.40384 15.7819 1.33356 15.6679 1.28558C15.5539 1.2376 15.4314 1.21289 15.3077 1.21289ZM14.5597 0.363865C14.7965 0.26422 15.0508 0.212891 15.3077 0.212891C15.5646 0.212891 15.8189 0.26422 16.0557 0.363865C16.2918 0.463212 16.5057 0.60859 16.685 0.791506C16.6856 0.792054 16.6861 0.792602 16.6866 0.793151L19.2098 3.33057C19.2103 3.33101 19.2107 3.33145 19.2111 3.3319C19.3913 3.51091 19.5343 3.72374 19.632 3.95817C19.7299 4.19319 19.7803 4.44526 19.7803 4.69986C19.7803 4.95445 19.7299 5.20653 19.632 5.44154C19.5343 5.67601 19.3912 5.88888 19.2111 6.06791C19.2106 6.06832 19.2102 6.06873 19.2098 6.06914L7.49784 17.8383C7.43698 17.8994 7.36133 17.9438 7.27824 17.9671L0.849671 19.7671C0.675724 19.8158 0.489032 19.7669 0.361302 19.6391C0.233573 19.5114 0.184669 19.3247 0.233374 19.1508L2.03337 12.7222C2.05664 12.6391 2.10101 12.5634 2.16216 12.5026L13.9313 0.790552C14.1104 0.608085 14.324 0.46304 14.5597 0.363865Z" fill="%23000001"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2_336"%3E%3Crect width="20" height="20" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
}

@media only screen and (max-width: 767px) {
  .list-progress {

    padding-left: 60px;
}
.cs_info_popover {
    right: 0px !important;
}
.cs_info_popover::before {
    right: 5px !important;
}
}

/* STEP 1 */
.main-project_step-1 {
    max-width: 662px;
    min-height: 85vh;
    margin: 0 auto;
    padding-top: 260px;
    padding-bottom: 40px;
}
.main-project_step-1 .dz-image img {
    width: 100%;
}

.dashboard-link {
    text-align: right;
}

.dashboard-link a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.dashboard-link a:hover {
    color: #9c64f4 !important;
}

.dashboard-link a svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.cs_info_button {
    display: flex;
    padding-left: 15px;
    position: relative;
}

span.cs_info_trigger {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.cs_info_button.actv .cs_info_trigger svg path {
    stroke: #9c63f4;
}

.cs_info_popover {
    visibility: hidden;
    position: absolute;
    top: 35px;
    right: -45px;
    width: 320px;
    background-color: #fff;
    padding: 16px 24px;
    border-radius: 16px;
    z-index: -999;
    box-shadow: 0 4px 28px rgb(0 0 0 / 15%);
    text-align: left;
}

.cs_info_button.actv .cs_info_popover {
    visibility: visible;
    z-index: 999;
    transition: visibility 0.35s linear 0s;
}

.cs_info_popover::before {
    content: "";
    position: absolute;
    display: inline-block;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 19px solid #fff;
    top: -10px;
    right: 38px;
}

.cs_info_title {
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    font-weight: 700;
    font-family: "Roboto";
    margin-bottom: 8px;
}

.cs_info_content {
    font-size: 13px;
    line-height: 16px;
    font-family: "Roboto";
}

span.cs_info_close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDIgMUwxIDkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMSAxTDkuMDAwMDIgOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}

.webinar-action-button .action {
    vertical-align: middle;
}

.step-3-import-last-action {
    padding-top: 70px;
}

.step-3-import-last-action button.complete-step-3 {
    background-color: #8951E1;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    border: 1px solid #8951E1;
    height: 56px;
    font-size: 18px;
    font-weight: 600;
    min-width: 170px;
    border-radius: 8px;
    outline: none;
}

.step-3-import-last-action button.complete-step-3:hover {
    background-color: transparent;
    color: #9C64F4;
}

.step-3-import-last-action button.complete-step-3.loading {
    background-image: url(/uploads/loading.gif);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 30px 50%;
    padding-left: 59px;
    padding-right: 30px;
}



/* STEP-4 */
.webinar-action-button .status a.btn-start.loading::before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/uploads/loading.gif);
    background-size: 100%;
    margin-right: 10px;
    margin-left: -30px;
}

.step_launch .box,
.step_2_check .box {
    background: #ffffff;
    border: 1px solid #d4d3d3;
    border-radius: 8px;
}
.step_launch .btn:hover,
.step_2_check .btn:hover {
    color: #fff;
}
.step_launch,
.step_2_check {
    display: grid;
}
.step_launch .btn,
.step_2_check .btn,
.btn-confirm {
    background-color: #8951e1;
    display: inline-block !important;
    font-size: 18px;
    line-height: 24px;
    color: #fff !important;
    font-weight: 600;
    padding: 15px;
    border-radius: 12px;
    width: 207px;
    text-align: center;
    border: none;
}
.step_launch .btn-launch,
.step_2_check .btn-continue {
    margin: 0 auto;
    margin-top: 48px;
}
.step_launch .btn-mark,
.step_launch .completed,
.step_2_check .btn-mark,
.step_2_check .completed {
    position: absolute;
    top: 36px;
    right: 32px;
}

.step_launch .btn-disable,
.step_2_check .btn-disable,
.btn-disable {
    opacity: 0.4;
    filter: drop-shadow(0px 8px 20px rgba(156, 99, 244, 0.2));
    color: #fff;
    cursor: not-allowed;
    pointer-events: none;
}
.step_launch .box-payment-integration,
.step_2_check .box-offer {
    position: relative;
    padding: 32px;
    border-bottom: 1px solid #f5f5f5;
}
.step_2_check .box-offer {
    border-bottom: 1px solid #d4d4d4;
}
.step_launch .box-campaign {
    padding: 32px;
    position: relative;
}
.step_launch .box-payment-integration .cover-wrap,
.step_launch .box-payment-integration .cover-wrap .layer,
.step_2_check .box-offer .cover-wrap,
.step_2_check .box-offer .cover-wrap .layer {
    border-radius: 40px;
}
.step_launch .box-payment-integration .cover-wrap,
.step_2_check .box-offer .cover-wrap {
    width: 60px;
    height: 30px;
    overflow: hidden;
}
.step_launch
    .box-payment-integration
    .checkbox:checked
    ~ .toggle-button-cover
    .layer,
.step_2_check .box-offer .checkbox:checked ~ .toggle-button-cover .layer {
    background-color: rgba(156, 99, 244, 1);
}
.step_launch .box-payment-integration .checkbox,
.step_2_check .box-offer .checkbox {
    display: none;
}
.step_launch
    .box-payment-integration
    .checkbox:checked
    ~ .toggle-button-cover
    .layer:before,
.step_2_check
    .box-offer
    .checkbox:checked
    ~ .toggle-button-cover
    .layer:before {
    content: "";
    left: 32px;
    background-color: #fff;
}
.step_launch .toggle-button-cover,
.step_2_check .toggle-button-cover {
    position: absolute;
    right: 165px;
    top: 48px;
    cursor: pointer;
}
.step_launch .layer,
.step_2_check .layer {
    width: 60px;
    height: 30px;
    background-color: rgba(151, 151, 151, 1);
    transition: 0.3s ease all;
    z-index: 1;
}
.step_launch .layer,
.step_launch .active,
.step_2_check .layer,
.step_2_check .active {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.step_launch h3,
.step_2_check h3 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #262626;
}
.step_launch p,
.step_2_check p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #6f6f6f;
    margin-bottom: 24px;
}
.step_launch a.more,
.step_2_check a.more {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #9c63f4;
}

.step_launch .toggle-button-cover .button-cover .cover-wrap .layer:before,
.step_2_check .toggle-button-cover .button-cover .cover-wrap .layer:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}
.step_launch .completed,
.step_2_check .completed {
    background-color: rgba(19, 144, 17, 0.1);
    padding: 15px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 24px;
    color: #139011;
    font-weight: 600;
    width: 207px;
    display: inline-block;
    text-align: center;
}

.project-step-4-container {
    width: 100%;
    max-width: 754px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}

.intro.step-4 h2 {
    font-size: 40px !important;
    font-weight: 400 !important;
    text-align: center;
    line-height: 1.2;
    color: #262626;
    margin-bottom: 40px;
}

.intro.step-4 .video-intro {
    height: 447px;
    background-image: url(/uploads/2022/09/video-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.intro.step-4 .video-intro svg {
    position: absolute;
    bottom: 22px;
    left: 25px;
}

.intro.step-4 p {
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    font-family: 'Roboto';
    color: #262626;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .step_launch .btn-mark,
    .step_launch .completed,
    .step_launch .testing,
    .step_2_check .btn-mark,
    .step_2_check .completed {
        position: relative;
        top: 0px;
        right: 0px;
    }
    .step_launch .toggle-button-cover,
    .step_2_check .toggle-button-cover {
        position: absolute;
        top: 32px;
        right: 90px;
    }
}

/* STEP 5 */
.box-upload-video {
}
.drop-zone {
    max-width: 100%;
    height: 176px;
    padding: 25px;
    padding-bottom: 40px;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: #cccccc;
    border: 2px dashed rgba(156, 99, 244, 1);
    background-color: rgba(205, 176, 251, 0.1);
    border-radius: 16px;
}

.drop-zone__prompt {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #262626 !important;
    display: block;
}
.drop-zone__prompt span {
    color: rgba(137, 81, 225, 1) !important;
}
.icon-upload {
    margin-bottom: 23.17px;
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse opacity='0.1' cx='24' cy='24.0244' rx='24' ry='23.8049' fill='%239C63F4'/%3E%3Cg clip-path='url(%23clip0_934_805)'%3E%3Cpath d='M14.7129 28.9834V30.4004C14.7129 31.152 15.0139 31.8728 15.5497 32.4042C16.0855 32.9357 16.8123 33.2343 17.57 33.2343H30.4272C31.1849 33.2343 31.9117 32.9357 32.4475 32.4042C32.9833 31.8728 33.2843 31.152 33.2843 30.4004V28.9834' stroke='%238951E1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.7129 19.7731L23.9986 14.8137L28.2843 19.7731' stroke='%238951E1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.998 14.8137V27.5663' stroke='%238951E1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_934_805'%3E%3Crect width='20' height='19.8374' fill='white' transform='translate(14 14.1057)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
span.file-type {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #262626;
    opacity: 0.6;
    display: block;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}
.box-progress {
    padding: 24px;
    padding-top: 16px;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 16px;
    margin-top: 24px;
    position: relative;
}
.box-progress #progress {
    width: 100%;
}
.box-progress .filename {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    margin-bottom: 4px;
}
.box-progress .filesize {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    margin-bottom: 16px;
}

.box-progress .filesize .size {
	opacity: 0.5;
}

.box-progress .filesize .percentage {
    opacity: 0.5;
    font-style: italic;
}

.box-progress .filesize .dz-success-mark span {
    font-size: 8px;
    text-align: center;
    border: 1px solid #8951E1;
    border-radius: 15px;
    color: #8951E1;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    margin-top: -4px;
}

.box-progress .filedelete {
    position: absolute;
    cursor: pointer;
    right: 24px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_934_754)'%3E%3Cpath d='M1.42773 5H18.5706' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.57227 5H16.4294V17.8571C16.4294 18.236 16.2788 18.5994 16.011 18.8673C15.7431 19.1351 15.3797 19.2857 15.0008 19.2857H5.00084C4.62195 19.2857 4.25859 19.1351 3.99068 18.8673C3.72278 18.5994 3.57227 18.236 3.57227 17.8571V5Z' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.42773 5.00007V4.28578C6.42773 3.33858 6.80401 2.43017 7.47378 1.7604C8.14355 1.09063 9.05196 0.714355 9.99916 0.714355C10.9464 0.714355 11.8548 1.09063 12.5245 1.7604C13.1943 2.43017 13.5706 3.33858 13.5706 4.28578V5.00007' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.85742 9.2876V15.0041' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.1426 9.2876V15.0041' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_934_754'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.box-progress #progress {
    margin-top: 16px;
}

.form-upload-video .btn-confirm {
    margin: 0 auto;
    margin-top: 48px;
    display: block;
    cursor: pointer;
}
.form-upload-video {
    display: grid;
}
.form-upload-video * {
    font-family: "Roboto";
}
.form-upload-video .progress {
    margin: 20px auto;
    padding: 0;
    width: 100%;
    height: 4px;
    overflow: hidden;
    background: rgba(227, 227, 227, 1);
    border-radius: 6px;
}

.form-upload-video .bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: rgba(156, 99, 244, 1);
}

.link_external_video {
    display: block;
}
.link_external_video label {
    display: block;
}
.link_external_video label {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    margin-bottom: 8px;
    text-align: center;
}
.link_external_video {
    position: relative;
}
.link_external_video input {
    background: #ffffff;
    border: 1px solid #d4d3d3;
    border-radius: 8px;
    width: 100%;
    padding: 16px;
    font-weight: 400;
    font-size: 18px;
    display: inline-flex;
    line-height: 24px;
    color: #262626;
    width: 100%;
}
.link_external_video .btn-submit {
    width: 10%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 0px 8px 8px 0px;
    background-color: #8951e1;
    font-size: 18px;
    line-height: 24px;
    color: #fff !important;
    cursor: pointer;
}
.link_external_video input:focus {
    outline: none;
    border: 1px solid #8951e1;
}
.or-line {
    width: 100%;
    padding: 16px;
    display: block;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    color: #262626;
    width: 100%;
    opacity: 0.6;
}
.evg_webinar_input {
    padding: 20px 0 30px 0;
}
.evg_webinar_input label {
    display: block;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}
.evg_webinar_input span.guide {
    font-size: 14px;
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
    line-height: 22px;
    color: #7B7B7B;
    font-style: italic;
}
.evg_webinar_input input {
    width: 100%;
    height: 56px;
    border-radius: 8px;
    border: 1px solid #D4D3D3;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 16px;
    color: #262626;
}
.evg_webinar_input input.hidden {
    display: none;
}
.evg_webinar_input .cs_description {
    color: #7B7B7B;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 400;
    margin-top: 15px;
    display: block;
}
button.toggle_on_off {
    width: 100px;
    height: 56px;
    border: 2px solid #cbc6c6;
    border-radius: 8px;
    background-color: #ddd;
    display: flex;
    align-items: center;
    padding: 0;
    color: #777;
}
button.toggle_on_off::before {
    content: "";
    width: 40px;
    height: 44px;
    background-color: #fff;
    border-radius: 8px;
    flex-shrink: 0;
    margin-left: 4px;
}
button.toggle_on_off::after {
    content: "OFF";
    padding: 0 6px;
    width: 100%;
}
button.toggle_on_off.on {
    background-color: #9C64F4;
    color: #fff;
    border-color: #9C64F4;
    flex-direction: row-reverse;
}
button.toggle_on_off.on::before {
    margin-left: 0;
    margin-right: 4px;
}
button.toggle_on_off.on::after {
    content: "ON";
}
button.toggle_on_off:focus, 
button.toggle_on_off.on:focus {
    outline: none;
}

@media only screen and (max-width: 600px) {
    .link_external_video input {
        width: 80%;
    }
    .link_external_video .btn-submit {
        width: 20%;
    }
}

/* Step 2 Check */
.step_2_check .btn.btn-continue {
    background-color: #8951e1;
    display: inline-block !important;
    font-size: 18px;
    line-height: 24px;
    color: #fff !important;
    font-weight: 600;
    padding: 15px;
    border-radius: 12px;
    width: 207px;
    text-align: center;
    border: none;
}

form#linked_product {
    position: relative;
}

.box-offer > h3 {
    font-size: 21px !important;
    line-height: 24px;
    color: #262626;
    font-family: "Roboto";
    margin-bottom: 20px;
}

.box-offer label {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.box-offer select {
    width: 70%;
    height: 56px;
    border-radius: 8px;
    border: 1px solid #D4D3D3;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 24px;
    outline: none !important;
}

.box-offer .offer {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
}

.box-offer .offer .offer-info {
    width: 100%;
}

.box-offer .offer .offer-info h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0 !important;
    color: #262626;
    font-weight: 500;
}

.box-offer .offer .offer-info p {
    margin-bottom: 0;
}

.box-offer .offer .offer-info .view-offer {
    padding-top: 15px;
}

.box-offer .offer .offer-info .view-offer a {
    font-weight: bold;
    font-size: 14px;
}

.box-offer .offer .offer-action {
    width: 80px;
    flex-shrink: 0;
}

.box-offer .offer .offer-action input {
    display: none;
}

.box-offer .offer .offer-action label.active-offer {
    background-color: #979797;
    width: 60px;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
}

.step_2_check a.indicatior {
    background-color: #979797;
    width: 60px;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 40px;
    position: absolute;
    cursor: pointer;
    top: 29px;
    right: 40px;
}

.step_2_check a.indicatior::before {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 24px;
    position: absolute;
    left: 3px;
    top: 3px;
    transition: left 0.25s linear 0s;
}

.step_2_check a.indicatior.linked {
    background-color: #8951e1;
}

.step_2_check a.indicatior.linked::before {
    left: 33px;
    transition: left 0.25s linear 0s;
}

.box-offer .offer .offer-action label.active-offer::before {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 24px;
    position: absolute;
    left: 3px;
    top: 3px;
    transition: left 0.25s linear 0s;
}

.box-offer .offer .offer-action label.active-offer.active {
    background-color: #8951e1;
}

.box-offer .offer .offer-action label.active-offer.active::before {
    left: 33px;
    transition: left 0.25s linear 0s;
}

.box-offer .view-offer {
    padding-top: 45px;
    font-weight: bold;
}

.lp_overlay {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0 0 80px 11px #fff;
    background-image: url(/wp-content/plugins/cwi-custom/assets/img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.step_2_check .box-offer .new-offer {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 10px;
    font-weight: 500;
}

.setup-progress-wrapper {
    position: relative;
    margin-top: -100px;
    text-align: center;
}

.setup-progress-wrapper .setup-pcs {
    display: inline-block;
    background-image: url(/wp-content/plugins/cwi-custom/assets/img/loading.gif);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 0 10px 35px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    font-family: 'Roboto';
}

.setup_progress {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 99999;
}

.setup_progress_container {
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.setup_progress_container .progress_bar {
    margin-bottom: 30px;
    width: 100%;
    max-width: 600px;
}

.progress_bar .animation {
    width: 100%;
    background-color: #E3E3E3;
    height: 5px;
    border-radius: 5px;
}

.progress_bar .animation span {
    display: block;
    width: 0%;
    height: 100%;
    background-color: #9C63F4;
    border-radius: 5px;
    transition: width 0.35s linear 0s;
}

.progress_bar .animation span::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #9c63f4;
    right: 0;
    top: -6px;
    border-radius: 16px;
    box-shadow: 0 0 0px 1px #fff;
}

.static-info {
    background-image: url(/wp-content/plugins/cwi-custom/assets/img/loading.gif);
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 10px 0 10px 35px;
    background-position: left center;
}

ul.offerings li {
    margin-bottom: 10px;
}

ul.offerings li .offer-name {
    text-transform: uppercase;
    font-weight: bold;
}

ul.offerings li .offer-value {
    font-weight: bold;
}

.box-payment-integration {
    padding: 32px;
    position: relative;
}

.box-payment-integration .no-payment {
    padding-bottom: 10px;
    padding-top: 20px;
}

.box-payment-integration .no-payment span {
    font-size: 14px;
    padding: 10px 15px;
    border: 1px solid #ffd6d6;
    background-color: #fff3f3;
    border-radius: 8px;
    display: block;
    max-width: 460px;
    line-height: 20px;
    text-align: center;
}

.box-payment-integration .payments {
    padding-top: 20px;
    padding-bottom: 5px;
}

.box-payment-integration .payments ul {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 460px;
}

.box-payment-integration .payments ul li {
    width: 100px;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 85%;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    margin-right: 25px;
    background-position: center;
}

.box-payment-integration .payments ul li.disable {
    filter: grayscale(1);
}

.box-payment-integration .payments ul li.disable::before {
    content: "disabled";
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.8);
    font-weight: bold;
    color: #000;
    border-radius: 8px;
}

.box-payment-integration .payments ul li.enable::after {
    content: attr(data-mode);
    position: absolute;
    background-color: #fff;
    border: 2px solid #9C64F4;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #9C64F4;
    line-height: 1;
    top: -14px;
    right: -14px;
    z-index: 1;
}

.template-email ul.testimonials {
    padding-left: 20px;
    padding-right: 15px;
}

.template-email ul.testimonials li {
    margin-bottom: 10px;
    list-style: none;
}

.template-email ul.testimonials li .testi {
    display: block;
    font-style: italic;
    margin-bottom: 5px;
}

.template-email ul.testimonials li .testi::before, .template-email ul.testimonials li .testi::after {
    content: '"';
}

.template-email ul.testimonials li .customer {
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.template-email ul.testimonials li .customer::before {
    content: '–';
    margin-right: 3px;
}

.form-upload-video .ajax_loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: rgba(255,255,255,0.9);
    background-image: url(/uploads/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.external_video_preview {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 auto;
}

.external_video_preview iframe {
    margin-top: 40px !important;
    width: 640px !important;
    min-height: 360px;
}

.external_video_preview .delete-video {
    position: absolute;
    border: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1061_585)'%3E%3Cpath d='M1.42773 5H18.5706' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.57227 5H16.4294V17.8571C16.4294 18.236 16.2788 18.5994 16.011 18.8673C15.7431 19.1351 15.3797 19.2857 15.0008 19.2857H5.00084C4.62195 19.2857 4.25859 19.1351 3.99068 18.8673C3.72278 18.5994 3.57227 18.236 3.57227 17.8571V5Z' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.42773 4.99995V4.28566C6.42773 3.33846 6.80401 2.43005 7.47378 1.76028C8.14355 1.09051 9.05196 0.714233 9.99916 0.714233C10.9464 0.714233 11.8548 1.09051 12.5245 1.76028C13.1943 2.43005 13.5706 3.33846 13.5706 4.28566V4.99995' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.85742 9.28784V15.0043' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.1426 9.28784V15.0043' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1061_585'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    color: transparent;
    background-repeat: no-repeat;
    padding: 0;
    background-position: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #d50f0f;
    border-radius: 30px;
    right: -40px;
    top: 40px;
    cursor: pointer;
    outline: none !important;
}

.form-upload-video .box-upload-video {
    position: relative;
}

.form-upload-video .box-upload-video.fileinput-button #dropzone_uploader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: pointer;
}

.ac_integration_check .ac-not-connected {
    text-align: center;
}

.ac_integration_check .ac-not-connected span {
    display: block;
    margin-top: 20px;
}

.ac_integration_check .ac-not-connected span a {
    font-weight: bold;
    margin-left: 5px;
}

.ac_integration_popup_overlay {
	display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(32 32 32 / 60%);
    z-index: 9;
}

.ac_integration_popup {
    position: fixed;
    top: 0;
    left: -810px;
    height: 100vh;
    background-color: #fff;
    padding: 50px 70px;
    width: 800px;
    z-index: 999;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 50%);
    visibility: hidden;
        transition: left 0.25s linear 0s, visibility 0.50s;
}

.ac_integration_popup.show {
    visibility: visible;
    left: 0px;
    transition: left 0.25s linear 0s, visibility 0.25s;
}

.ac_integration_popup h3 {
    background-image: url(/uploads/ac-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 50px;
    font-size: 32px !important;
    font-weight: 300 !important;
    line-height: 1;
    margin-bottom: 25px;
}

.ac_integration_popup .inp-group {
    margin-bottom: 40px;
}

.ac_integration_popup p {
    margin-bottom: 40px;
}

.ac_integration_popup .inp-group label {
    display: block;
}

.ac_integration_popup .inp-group input {
    width: 100%;
    height: 56px;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.2;
    outline: none !important;
}

.ac_integration_popup .inp-group button {
    height: 56px;
    min-width: 250px;
    border-radius: 8px;
    border: none;
    background-color: #9C64F4;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    outline: none;
}

.ac_integration_popup a.ac_popup_close {
    position: absolute;
    top: 0;
    right: 25px;
    top: 22px;
    color: transparent;
    background-image: url(/uploads/icon-close.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.ac_integration_processing {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    z-index: 99;
    background-image: url(/uploads/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.frontend_editor_wrapper {
    position: relative;
    margin-left: -10px;
    margin-top: -10px;
}

.fe_step_wrapper .fe_input.fe_button {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    padding-right: 48vw;
}

.templates-email .template_popup,
.email-list .template_popup,
.project-content-wrap .template_popup  {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    overflow: auto;
    z-index: 999;
}

.template_popup.email-lists{
    z-index: 987;
}

.template_popup.email-view,
.template_popup.email-conditions,
.template_popup.email-settings{
    z-index: 999;
}

.templates-email .template_popup.up,
.email-list .template_popup.up,
.project-content-wrap .template_popup.up {
    display: block;
}

.templates-email .template_popup .template_popup_container,
.email-list .template_popup .template_popup_container,
.project-content-wrap .template_popup .template_popup_container  {
    display: block;
    background-color: #fff;
    width: 100%;
    max-width: 960px;
    margin: 145px auto 100px auto;
    min-height: 400px;
    border-radius: 16px;
    padding: 95px 120px;
    position: relative;
}
@media only screen and (max-width: 600px) {
    .templates-email .template_popup .template_popup_container,
    .email-list .template_popup .template_popup_container,
    .project-content-wrap .template_popup .template_popup_container {
        max-width: 100%;
        padding: 20px 20px;
        margin: 10px;
    }
  }

.template_popup_container a.close_template_popup {
    position: absolute;
    top: 31px;
    right: 32px;
    color: transparent;
    background-image: url(/uploads/icon-close.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
}

.template_popup .template-email h1 {
    color: var(--e-global-color-127bbc7 );
    font-family: "Roboto", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    margin: 0px 0px 40px 0px;
}
.template_popup .template-email .content-description {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px !important;
}
.template_popup .template-email h2 {
    color: var(--e-global-color-127bbc7 ) !important;
    font-family: "Roboto", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    letter-spacing: 0px !important;
    margin-bottom: 20px !important;
    margin: 48px 0px 16px 0px;
    text-align: left !important;
}
.template_popup .template-email h3 {
    text-align: left !important;
}
.template_popup .template-email .template-copy {
    position: relative;
    margin: 0px 0px 48px 0px;
    padding: 24px 24px 24px 24px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ECECEC;
    border-radius: 16px 16px 16px 16px;
}
.template_popup .template-email .content-copy {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #262626;
    width: 579px;
}
.template_popup.email-view .template-email .content-copy {
    width: 100%;
}
.template_popup.email-view .template-email .template-copy {
    width: 100% !important;
    padding: 32px 56px !important;
}
.template_popup.email-view img {
    margin-bottom: 20px;
    width: 100%;
}
@media only screen and (max-width: 600px) {
    .template_popup .template-email .content-copy {
        width: 80%;
    }
  }
 .template_popup .template-email .copy-btn {
    border: none;
    background: none;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #8951E1;
    position: absolute;
    top: 24px;
    right: 24px;
    outline: none;
}
 .template_popup .template-email .copy-btn:before {
    padding-right: 8.75px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_487_729)'%3E%3Cpath d='M5.71568 19.2852H17.8585C18.6475 19.2852 19.2871 18.6456 19.2871 17.8566V5.71373C19.2871 4.92475 18.6475 4.28516 17.8585 4.28516L5.71568 4.28516C4.9267 4.28516 4.28711 4.92475 4.28711 5.71373L4.28711 17.8566C4.28711 18.6456 4.9267 19.2852 5.71568 19.2852Z' stroke='%239C63F4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.714844 14.9996V2.14244C0.714844 1.76356 0.865354 1.4002 1.13326 1.13229C1.40117 0.864377 1.76453 0.713867 2.14342 0.713867H15.0006' stroke='%239C63F4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_487_729'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: relative;
    top: 2px;
}

 .template_popup .template-email .content-description ul {
    margin-bottom: 20px;
}
 .template_popup .template-email .content-description a {
     display: inline !important;
 }

button.mark_email_as_complete {
    color: #fff;
    background-color: #9C64F4;
    border: 1px solid #9C64F4;
    border-radius: 8px;
    height: 56px;
    min-width: 200px;
    font-weight: 500;
    font-size: 18px;
    margin: 0 auto;
    display: block;
    outline: none;
    cursor: pointer;
}

button.mark_email_as_complete:hover {
    background-color: transparent;
    color: #9C64F4;
}

button.mark_email_as_complete:hover, 
button.mark_email_as_complete:focus, 
button.mark_email_as_complete:active, 
button.mark_email_as_complete:visited {
    outline: none;
}

button.mark_email_as_complete.loading {
    background-image: url(/uploads/loading.gif);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 30px 50%;
    padding-left: 59px;
    padding-right: 30px;
}

.email_mark_as_completed_loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,0.9);
    z-index: 99;
    background-image: url(/uploads/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.btn-cancel {
    cursor: pointer;
}

.email_editor_wrapper .email_preview_area {
    background:whitesmoke;
}

.email_editor_wrapper .hide {
    display: none;
}

.projectupdate-loading-overlay,
.projectscheduleupdate-loading-overlay,
.mail-message-overlay,
.mail-loading-overlay,
.projectreset-loading-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    text-align: center;
    padding-top: 15%;
    display: none;
    background: #e9e7e7a3;
    z-index: 1000;
    background-image: url(/wp-content/plugins/cwi-custom/assets/img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.mail-message-overlay.send,
.mail-message-overlay.failed {
    background-image: none;
}

.projectupdate-loading-overlay.active,
.projectscheduleupdate-loading-overlay.active,
.mail-loading-overlay.active,
.mail-loading-overlay.active,
.mail-message-overlay.send.active,
.mail-message-overlay.failed.active,
.projectreset-loading-overlay.active {
    display: block;
}

.mail-message-overlay.send span.fas,
.mail-message-overlay.failed span.fas {
    border: solid 5px #8951e1;
}

.projectupdate-loading-overlay span.fas,
.mail-message-overlay.send span.fas,
.mail-message-overlay.failed span.fas,
.mail-loading-overlay span.fas{
    color: #8951e1;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    padding: 8px;
}

.projectupdate-loading-overlay h3 {
    margin-top: 35px;
}

#email-settings .actions a.btn-update,
#condition .actions a.btn-update { 
    padding: 16px 32px;
    border-radius: 12px;
    background: #8951E1;
    box-shadow: 0px 8px 20px 0px rgba(156, 99, 244, 0.20);
    color: #FFF !important;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
}

#email-settings .actions,
#condition .actions{
    display: flex;
    justify-content: center;
    gap: 80px;
}

#email-settings .actions a.btn-close,
#condition .actions a.btn-close{
    margin: 0px;
    position: relative;
    left: auto;
    transition: auto;
    display: block;
    cursor: pointer;
}

#condition .field-group-child{
    display: flex;
    gap: 15px;
}

/* EDIT PROJECT PAGE */
.project-edit-wrap {
    background-image: url('/wp-content/plugins/cwi-custom/assets/img/bg.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 80px 0px 0px 0px;
    background-attachment: scroll;
    display: block;
    width: 100%;
    height: auto;
}

.project-edit-wrap form{
    max-width: 495px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.project-edit-wrap form h1 {
    color: var(--e-global-color-127bbc7 );
    font-family: "Roboto", Sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin: 0px 0px 48px 0px;
}
.project-footer {
    text-align: center;
}
.project-footer p {
    color: #7B7B7B;
    font-family: "Roboto", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    padding: 10px;
    margin-bottom: 0px;
    text-align: center;
}

.email-content-preview {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 50px;
}

.email-content-preview .wrap {
    width: 600px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(148,143,148,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(148,143,148,0.5);
    box-shadow: 0px 0px 10px 0px rgba(148,143,148,0.5);
    padding:10px;
}

@media only screen and (max-width: 600px) {
    .project-edit-wrap form{
        padding: 20px;
    }
  }

.project-edit-wrap .loading-overlay {
    background-repeat: no-repeat !important;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 99;
    opacity: 1;
    top: 0;
    left: 0;
    background-position: center;
}

.btn-start.step3 .cs_info_popover:before {
    right: 50%;
}

.header-dashboard.header-project.edit-email,
.header-dashboard.header-project.edit-step {
    position: fixed;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 0px;
    z-index: 10;
}

.project-edit-email-wrap {
    margin-top: 100px;
}

.project-edit-email-wrap .email_preview_area {
    position: fixed;
    right: 0px;
    padding: 0px !important;
    height: calc(100vh - 101px);
    overflow-y: scroll;
}

.project-edit-email-wrap .email_preview_area  .email-preview-content{
    padding-top: 32px;
    padding-left: 56px;
    padding-right: 56px;
    padding-bottom: 56px;
}

.email_editor_wrapper .csq_last_action {
    display: none;
}

.email_editor_wrapper .fe_input.fe_button {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    padding-right: 48vw;
}

.email_editor_wrapper .fe_button .btn_save,
.header_btn_next,
.go-to-next-page {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF !important;
    background: #8951E1;
    border-radius: 12px;
    filter: drop-shadow(0px 8px 20px rgba(156, 99, 244, 0.2));
    border: none;
    outline: none;
    cursor: pointer;
}

.dontsave-this-step{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF !important;
    background: #8951E1;
    border-radius: 12px;
    filter: drop-shadow(0px 8px 20px rgba(156, 99, 244, 0.2));
    border: none;
    outline: none;
    cursor: pointer;
    padding: 16px 16px;
    margin-left: 15px;
}

.email_editor_wrapper .fe_button .btn_save {
    padding: 16px 48px;
}

.header_btn_next,
.go-to-next-page {
    padding: 16px 16px;
    margin-left: 15px;
}

.email_editor_wrapper .fe_form_area {
    position: relative;
}

.email_editor_wrapper .fe_form_area .toggle_wrap {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    gap: 10px;
    font-size: 15px;
}

.project-edit-email-wrap .toggle_wrap .active {
    color: #8951e1;
}

.project-edit-email-wrap .toggle_wrap  input:checked+.slider {
    background-color: #8951e1;
}

.project-edit-email-wrap .fe_form_area h3 {
    margin-bottom: 25px;
}

.mail-popup-confirmation {
    position: fixed;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #0000000f;
    display: none;
}

.mail-popup-confirmation .modal-inner {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 16px;
    box-shadow: 0 4px 28px rgb(0 0 0 / 15%);
    z-index: 1000;
}

.mail-popup-confirmation h3 {
    font-size: 30px !important;
    font-weight: 500;
}

.mail-popup-confirmation p {
    font-weight: 400;
    color: black;
    margin: 25px 0px;
}

.mail-popup-confirmation .field {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.mail-popup-confirmation .field label {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0px;
    color: black;
}

.mail-popup-confirmation .field select {
    width: 100%;
    border: 1px solid #D4D3D3;
    height: 56px;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #262626;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjU3MjI2NiAxLjQwMDM5TDcuNjAwODQgOC40Mjg5NkM3LjY1MjE0IDguNDgzNjMgNy43MTQxIDguNTI3MTkgNy43ODI5IDguNTU2OThDNy44NTE3IDguNTg2NzYgNy45MjU4NyA4LjYwMjEzIDguMDAwODQgOC42MDIxM0M4LjA3NTggOC42MDIxMyA4LjE0OTk4IDguNTg2NzYgOC4yMTg3NyA4LjU1Njk4QzguMjg3NTcgOC41MjcxOSA4LjM0OTUzIDguNDgzNjMgOC40MDA4NCA4LjQyODk2TDE1LjQyOTQgMS40MDAzOSIgc3Ryb2tlPSIjMDAwMDAxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-color: #fff;
}

.mail-popup-confirmation .action {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.mail-popup-confirmation .action button {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 12px 24px;
    background: #8951E1;
    border-radius: 12px;
    filter: drop-shadow(0px 8px 20px rgba(156, 99, 244, 0.2));
    border: none;
    outline: none;
    cursor: pointer;
}

.mail-popup-confirmation a.close_template_popup {
    position: absolute;
    top: 31px;
    right: 32px;
    color: transparent;
    background-image: url(/uploads/icon-close.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
}

.template_popup.email-conditions h1 {
    text-align: center;
    margin-bottom: 30px;
}

.header_image_field {
    margin-bottom: 25px;
    display: none;
}

.header_image_field label {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}

.modal-body.PopUpContent .menu1, .modal-body.PopUpContent .menu2 {
    display: none;
}

.header-project.edit-email .column-action,
.header-project.edit-step .column-action {
    align-items: center;
}

.modalx{
    position: fixed;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.modalx .product-overlay {
    background-repeat: no-repeat !important;
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 99;
    opacity: 1;
    top: 0; 
    left: 0;
    background-position: center;
    border-radius: 16px;
}

.modalx-inner {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 16px;
    box-shadow: 0 4px 28px rgb(0 0 0 / 15%);
    z-index: 1000;
}

.modalx-footer {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
}
.modalx .modalx-header h3 {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
}
.modalx-footer .btn{
    display: block;
    border: none;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    background: #8951E1;
    border-radius: 12px;
    filter: drop-shadow(0px 8px 20px rgba(156, 99, 244, 0.2));
    margin: 0 auto;
    width: 100%;

}
.modalx-footer span.btn-cancel{
    background-color: #262626 !important;
    color: #fff !important;
}

@media only screen and (max-width: 600px) {
    .modalx-inner {
        width: 95%;
    }
}

.email_editor_wrapper .fe_input.fe_button .btn_save {
    display: none;
}

.notification-project {
    position: fixed;
    top: 32px;
    right: 0px;
    background-color: #fff;
    border: 1px solid #eee;
    width: 400px;
    border-radius: 8px;
    box-shadow: 3px 2px 14px 0px rgba(0,0,0, 0.1);
    max-height: 255px;
    z-index: 999;
    overflow: hidden;
    display: none;
}

.notification-project .notification-heading {
    padding: 16px 24px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    justify-content: center;
}

.notification-project .notification-content{
    padding: 24px;
    font-size: 14px;
    line-height: 1.3;
    position: relative;
    text-align: center;
    color: #262626;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
}

.notification-project .notification-content p {
    display: inline-block;
    margin: 0px;
}

.notification-project.active {
    display: block;
}

.notification-project .notification-content strong {
    margin-top: 10px;
    background-color: #8951E1;
    display: inline-block !important;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    border-radius: 12px;
    width: 179px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

#deleteModalLabel{
    display: none;
}

#deleteModal .modal-content ul li {
    text-align: left;
    padding-bottom: 5px;
}

#cwi_update_project .modal-content {
    border: none;
    background: white;
}
.wrap-action-launch-again {
    padding: 20px;
    border: 1px  dashed #8951E1;
    background-color: #F6F0FE;
    margin-bottom: 30px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 26px;
}
.btn.btn-launch-again {
    padding: 10px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    width: 100%;
    border: 1px solid #D4D3D3;
    display: block;
    border-radius: 8px;
    outline: none;
    background: #8951E1;
    color: #fff;
}

/* STEP WRAP UP AND LAUNCH */
.step_launch #mark_completed_test_campaign button {
    background: none !important;
    padding: 0px !important;
    border: none;
    outline: none;
    width: 207px;
    display: flex ;
}
.step_launch #mark_completed_test_campaign button span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 15px;
    border-radius: 12px;
    width: 100% !important;
    text-align: center;
    border: none;
    display: none;
}
.step_launch #mark_completed_test_campaign button .completed {
    top: 0px;
    right: 0px;
}
.step_launch #mark_completed_test_campaign button .failed {
    background-color: #F7CBCA;
    font-size: 18px;
    line-height: 24px;
    color: #EB5852 !important;
    font-weight: 600;
    padding: 15px;
    border-radius: 12px;
    width: 207px;
    text-align: center;
    border: none;
}

.step_launch .lists-testing {
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding: 30px;
}
.step_launch .lists-testing li {
    counter-increment: list-overview;
    position: relative;
    padding-left: 55px;
    min-height: 75px;
    font-size: 18px;
    line-height: 22px;
    color: #262626;
    font-weight: 600;
    font-family: 'Roboto';
    padding-right: 30px;
}

.step_launch .lists-testing li::before {
    content: counter(list-overview);
    position: absolute;
    top: -5px;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: rgba(156, 99, 244, 0.3);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step_launch .lists-testing li.test-failed::before {
    background-color: #F7CBCA;
    line-height: 18px;
    content: url("data:image/svg+xml,%3Csvg width='14px' height='14px' viewBox='0 0 601 601' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-101.188,-101.187)'%3E%3Cpath d='M691.523,110.95C678.507,97.933 657.4,97.933 644.383,110.95L401.237,354.097L158.092,110.95C145.074,97.933 123.969,97.933 110.951,110.95C97.934,123.968 97.934,145.073 110.951,158.091L354.097,401.237L110.952,644.38C97.934,657.4 97.934,678.503 110.952,691.523C123.969,704.54 145.075,704.54 158.092,691.523L401.237,448.377L644.383,691.523C657.4,704.54 678.507,704.54 691.523,691.523C704.54,678.503 704.54,657.4 691.523,644.383L448.377,401.237L691.523,158.091C704.54,145.073 704.54,123.968 691.523,110.95Z' style='fill:rgb(235,88,82);fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.step_launch .testing,
.step_launch .btn-launch.btn-disable {
    background-color: #E3E3E3;
    padding: 15px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 24px;
    color: #6F6F6F !important;
    font-weight: 600;
    width: 207px;
    display: inline-block;
    text-align: center;
    pointer-events: visible;
}

.step_launch .lists-testing li.test-proggress::before {
    border: 2px solid #8951e1;
}
.step_launch .lists-testing li.test-completed::before {
    background-color: #ECF3EA;
    line-height: 18px;
    content: url("data:image/svg+xml,%3Csvg width='14px' height='14px' viewBox='0 0 600 434' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Cg transform='matrix(1,0,0,1,-100,-183.333)'%3E%3Cpath d='M133.333,420.37L297.436,583.333L666.667,216.667' style='fill:none;fill-rule:nonzero;stroke:rgb(69,143,47);stroke-width:66.67px;'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.step_launch .lists-testing li span.wrap-action {
    position: absolute;
    top: -3px;
    right: 0;
}
.step_launch .lists-testing li span.wrap-action .action-trigger {
    border: none;
    background-color: transparent;
    color: transparent;
    background-image: url('/wp-content/plugins/cwi-custom/assets/img/setting-menu.png/');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    outline: none;
}
.step_launch .lists-testing li span.wrap-action .popup-action {
    position: absolute;
    text-align: right;
    list-style: none;
    margin: 0;
    width: 120px;
    right: -9px;
    top: 42px;
    z-index: 9;
    display: none;
    padding-left: 0px;
    border-radius: 8px;
    box-shadow: 0px 4px 28px rgb(0 0 0 / 9%);
    border-radius: 8px;
    background: #fff;
    bottom: initial;
    left: initial;
}
.start-test {
    background-color: #8951e1;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    color: #fff !important;
    font-weight: 600;
    padding: 15px;
    border-radius: 12px;
    width: 207px;
    text-align: center;
    border: none;
}
.step_launch .lists-testing li span.wrap-action .popup-action.active {
    display: block;
}

.step_launch .lists-testing li span.wrap-action .popup-action a {
    display: block !important;
    padding: 15px 24px !important;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
.step_launch .lists-testing li span.wrap-action .popup-action .icon-edit {
    margin-bottom: -5px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    content: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2_336)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.3077 1.21289C15.184 1.21289 15.0616 1.2376 14.9476 1.28558C14.8335 1.33356 14.7303 1.40383 14.6438 1.49227L14.639 1.49716L2.96085 13.1186L1.43601 18.5644L6.88186 17.0396L18.5033 5.36145L18.5056 5.35914C18.5926 5.27282 18.6617 5.17012 18.7089 5.05696C18.756 4.94381 18.7803 4.82244 18.7803 4.69986C18.7803 4.57727 18.756 4.4559 18.7089 4.34275C18.6617 4.22959 18.5926 4.12689 18.5056 4.04057L18.5032 4.03813L15.9716 1.49229C15.8851 1.40384 15.7819 1.33356 15.6679 1.28558C15.5539 1.2376 15.4314 1.21289 15.3077 1.21289ZM14.5597 0.363865C14.7965 0.26422 15.0508 0.212891 15.3077 0.212891C15.5646 0.212891 15.8189 0.26422 16.0557 0.363865C16.2918 0.463212 16.5057 0.60859 16.685 0.791506C16.6856 0.792054 16.6861 0.792602 16.6866 0.793151L19.2098 3.33057C19.2103 3.33101 19.2107 3.33145 19.2111 3.3319C19.3913 3.51091 19.5343 3.72374 19.632 3.95817C19.7299 4.19319 19.7803 4.44526 19.7803 4.69986C19.7803 4.95445 19.7299 5.20653 19.632 5.44154C19.5343 5.67601 19.3912 5.88888 19.2111 6.06791C19.2106 6.06832 19.2102 6.06873 19.2098 6.06914L7.49784 17.8383C7.43698 17.8994 7.36133 17.9438 7.27824 17.9671L0.849671 19.7671C0.675724 19.8158 0.489032 19.7669 0.361302 19.6391C0.233573 19.5114 0.184669 19.3247 0.233374 19.1508L2.03337 12.7222C2.05664 12.6391 2.10101 12.5634 2.16216 12.5026L13.9313 0.790552C14.1104 0.608085 14.324 0.46304 14.5597 0.363865Z" fill="%23000001"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2_336"%3E%3Crect width="20" height="20" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
}
.step_launch .lists-testing li span.wrap-action .popup-action::after {
    content: "";
    position: absolute;
    display: inline-block;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 19px solid #fff;
    top: -10px;
    right: 0px;
}

#projectprogressbar{
    z-index: 9999999;
    background: #ffffff40;
}
#projectprogressbar .modal-inner {
    width: 510px;
    padding: 46px 30px 64px 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
}

#projectprogressbar .progress-bar {
    width: 450px;
    height: 20px;
    background-color: #D6C5F0;
    position: relative;
}

#projectprogressbar .progress-bar span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #8951E1;
}

#projectprogressbar .progress-bar span::before {
    content: attr(data-value) "%";
    position: absolute;
    top: -40px;
    right: -15px;
    line-height: 15px;
    font-size: 14px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8951E1;
    font-weight: bold;
    background-image: url(/uploads/loading.gif);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left top;
    padding-left: 20px;
}

#projectprogressbar .progress-bar span::after {
    content: "";
    position: absolute;
    top: -22px;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #D6C5F0;
}

#projectprogressbar .progress-description {
    margin-top: 20px;
}