.cp-main-conainer {
    width: 100%;
    max-width: 1372px;
    padding-inline: 16px;
    margin-inline: auto;
}

.cp-btn {
    display: inline-flex;
    padding: 10px 14px;
    justify-content: center;
    align-items: center;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    border-radius: 9999px;
}
    .cp-btn.cp-secondary-btn { 
        border: 1px solid var(--cp-color-D5D7DA);
        background: var(--cp-bg-white);
        color: var(--cp-text-414651);
    }
    .cp-btn.cp-priamry-btn { 
        border: 1px solid var(--cp-color-D5D7DA);
        background: var(--cp-bg-priamry);
        color: var(--cp-bg-white);
    }
    .cp-btn.cp-pricing-btn {
        border: none;
        background: var(--cp-bg-priamry);
        color: var(--cp-bg-white);
        padding: 12px 18px;
        font-size: 16px;
        line-height: 24px;
        border-radius: 8px;
    } 

.cp-input {
    background: var(--cp-bg-white);
    border: 1px solid var(--cp-color-D5D7DA);
    border-radius: 9999px;
    font-size: 16px;
    font-weight: 400;
    line-height:24px;
    padding:8px 16px;
    outline:none;
    width:100%
}
    .cp-input::placeholder {
        color: var(--cp-text-717680);
    }
    .cp-input.cp-pr-140 {
        padding-right: 140px
    }

    .cp-sent-email-wrap {
        position: relative;
    }
    .cp-sent-email-wrap .cp-btn {
        position: absolute;
        right:0;
        inset-block:-1px;
    }

.cp-badg {
    display: inline-flex;
    padding: 4px 12px;
    border: 1px solid var(--cp-color-D5D7DA);
    background: var(--cp-bg-white);
    color: var(--cp-text-414651);
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

    .cp-badg.cp-badg-primary {
        border: 1px solid var(--cp-color-D0C0FF);
        background: var(--cp-bg-F2EFFF);
        color: var(--cp-text-primary);
    }

.cp-ig-box {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    background: var(--cp-bg-white);
    border: 1px solid var(--cp-color-D5D7DA);
    border-radius:8px;
}
    .cp-ig-box.cp-border-offset {
        width: 40px;
        height: 40px;
        outline: 1px solid var(--cp-color-D5D7DA);
        outline-offset: 4px;
        box-shadow: 0 -2px 2px 0 rgba(10, 13, 18, 0.10) inset, 1px 8px 5px 0 rgba(10, 13, 18, 0.05), 0 3px 3px 0 rgba(10, 13, 18, 0.10), 0 1px 2px 0 rgba(10, 13, 18, 0.10);
    }

.cp-cutome-switch .cp-switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
}
    .cp-cutome-switch .cp-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
.cp-cutome-switch .cp-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 34px;
    background-color: var(--cp-color-E9EAEB);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
    .cp-cutome-switch .cp-slider:before {
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        left: 2px;
        bottom: 2px;
        border-radius: 50%;
        box-shadow: 0 1px 3px 0 rgba(10, 13, 18, 0.1), 0 1px 2px -1px rgba(10, 13, 18, 0.1);
        background-color: var(--cp-bg-white);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
/*.cutome-switch .switch input:checked + .slider {
    background-color: #18466d;
}*/
.cp-cutome-switch .cp-switch input:checked + .cp-slider:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.cp-list-tyle-check li{
  display:flex;
}
    .cp-list-tyle-check li::before {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_142_785)"><path d="M6.24999 10.0001L8.74999 12.5001L13.75 7.50008M18.3333 10.0001C18.3333 14.6025 14.6024 18.3334 9.99999 18.3334C5.39762 18.3334 1.66666 14.6025 1.66666 10.0001C1.66666 5.39771 5.39762 1.66675 9.99999 1.66675C14.6024 1.66675 18.3333 5.39771 18.3333 10.0001Z" stroke="%23079455" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_142_785"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
        display: flex;
        width: 20px; 
        justify-content: center;
        align-items: center;
        aspect-ratio: 1/1;
        margin-top:2px;
        align-self:start;
    }


.cp-profile-img {
    width: 56px;
    height: 56px;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #E9DCBB;
    display: flex;
}
.cp-testimonial-btn {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center; 
    border-radius: 9999px;
    border: 1px solid var(--cp-color-E9EAEB);
    background:none;
    cursor:pointer
}
    .cp-testimonial-btn.cp-previous-btn::before {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="%23717680" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
    .cp-testimonial-btn.cp-next-btn::before {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="%23717680" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }