:root {
    --rx: 0;
    --ry: 0;
    --z-before: -6;
    --icon-y: 0;
    --icon-x: 0;
    --shadow: rgba(0, 9, 61, 0.24);
    --cannon-dark: #A6ACCD;
    --cannon-light: #F6F8FF;
    --cannon-shadow: rgba(13, 15, 24, 0.9);
    --confetti-1: #892AB8;
    --confetti-2: #EA4C89;
    --confetti-3: #FFFF04;
    --confetti-4: #4AF2FD;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ved_elm_transition_none {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.ved_create_wrapper {
    padding: 80px 15px;
    margin-top: 90px;
}

.ved_center_heading,
.ved_center_heading_second {
    margin: 0 0 18px 0;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.ved_center_heading img {
    width: 32px;
}

.ved_center_sub_heading {
    margin: 0 0 15px 0;
    font-size: 14px;
    text-align: center;
}

.ved_select_mediabox_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 707px;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: inset 0px 1px 0 #eee, inset 0px -1px 0 #eee;
    border-radius: 7px;
}

.ved_select_mediabox {
    border: 1px solid #eee;
    padding: 0 0;
    text-align: center;
    cursor: pointer;
    width: 50%;
    border-radius: 6px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    overflow: hidden;
}

.ved_select_mediabox.active,
.ved_select_mediabox:hover {
    border: 1px solid var(--primaryColor);
}

.ved_select_mediabox.left_box {
    border-radius: 6px 0 0 6px;
}

.ved_select_mediabox.left_box:hover {
    box-shadow: 10px 0 15px 0 rgba(0, 85, 255, 0.1);
}

.ved_select_mediabox.left_box.active {
    box-shadow: none;
    background-color: #f5f6f7;
}

.ved_select_mediabox.right_box {
    border-radius: 0 6px 6px 0;
    border-left: 1px solid transparent;
}

.ved_select_mediabox.right_box.active,
.ved_select_mediabox.right_box:hover {
    box-shadow: -10px 0 15px 0 rgba(0, 85, 255, 0.1);
    border-left: 1px solid var(--primaryColor);
}

.ved_select_mediabox.right_box.active {
    box-shadow: none;
    background-color: #f5f6f7;
}

.ved_select_mediabox.insta_box {
    padding: 38px 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.ved_select_mediabox.fb_box {
    padding: 38px 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.ved_select_mediabox.linkedin_box {
    padding: 38px 0;
    /* -webkit-filter: grayscale(1);
    filter: grayscale(1); */
    position: relative;
}

.ved_select_mediabox.tiktok_box {
    padding: 37.7px 0;
}

.new_flag {
    position: absolute;
    top: 10px;
    right: -27px;
    background: #f0de1b;
    width: 100px;
    height: 30px;
    transform: rotate(45deg);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #847901;
}

.ved_select_mediabox.linkedin_box>.ved_inner_mediabox {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.ved_select_mediabox.linkedin_box:hover>.ved_inner_mediabox {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.ved_select_mediabox.fb_box {
    border-radius: 0;
}

.ved_select_mediabox.fb_box.active,
.ved_select_mediabox.fb_box:hover,
.ved_select_mediabox.insta_box.active,
.ved_select_mediabox.insta_box:hover,
.ved_select_mediabox.linkedin_box.active .ved_inner_mediabox,
.ved_select_mediabox.linkedin_box:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.ved_select_mediabox.fb_box:hover p,
.ved_select_mediabox.insta_box:hover p,
.ved_select_mediabox.linkedin_box:hover p {
    color: #000;
}

.ved_select_mediabox img {
    margin-bottom: 13px;
    width: 44px;
}

.ved_select_mediabox p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0;
    margin: 0;
}

.ved_box_ui_selector p,
.ved_video_download p,
.ved_video_upload_outer p {
    height: 38px;
    width: 100%;
}

sup.ved_sup {
    color: #ff0000;
    font-weight: 800;
    font-size: 14px;
    top: -3px;
}

/* .ved_video_download .icon {
    --z: 2px;
    width: 24px;
    height: 14px;
    margin: 8px 16px 0 0;
    transform: translate(calc(var(--icon-x, 0) * 1px), calc(var(--icon-y, 0) * 1px)) translateZ(2px);
}
.ved_video_download .icon .cannon {
    position: relative;
    width: 24px;
    height: 14px;
    transform: translate(0, 3px) rotate(-45deg);
    filter: drop-shadow(-2px 2px 2px var(--cannon-shadow));
}
.ved_video_download .icon .cannon:before, .ved_video_download .icon .cannon:after {
    content: "";
    display: block;
    height: 14px;
}
.ved_video_download .icon .cannon:before {
    background: linear-gradient(var(--cannon-dark), var(--cannon-light) 50%, var(--cannon-dark));
    width: 100%;
    -webkit-clip-path: polygon(25px -1px, 0 52%, 25px 15px);
    clip-path: polygon(25px -1px, 0 52%, 25px 15px);
}

.ved_video_download .icon .cannon:after {
    width: 6px;
    position: absolute;
    right: -3px;
    top: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 0 0.5px var(--cannon-light);
    background: linear-gradient(90deg, var(--cannon-dark), var(--cannon-light));
}
.ved_video_download .icon .confetti svg {
    width: 18px;
    height: 16px;
    display: block;
    stroke-width: 1px;
    fill: none;
    stroke-linejoin: round;
    stroke-linecap: round;
}
.ved_video_download .icon .confetti svg * {
    transition: stroke-dashoffset 0.2s;
    stroke-dasharray: 15 20;
    stroke-dashoffset: var(--stroke-dashoffset, 0);
    stroke: var(--stroke-all, var(--stroke, var(--confetti-2)));
}
.ved_video_download .icon .confetti svg *:nth-child(2) {
    --stroke: var(--confetti-3);
}
.ved_video_download .icon .confetti svg *:nth-child(3) {
    --stroke: var(--confetti-1);
}
.ved_video_download .icon .confetti i {
    width: 4px;
    height: 4px;
    display: block;
    transform: scale(var(--confetti-scale, 0.5));
    position: absolute;
    transition: transform 0.25s;
    left: var(--left, -1px);
    top: var(--top, 3px);
    border-radius: var(--border-radius, 1px);
    background: var(--confetti-background, var(--confetti-3));
}
.ved_video_download .icon .confetti i:nth-child(2) {
    --left: 9px;
    --top: -1px;
    --border-radius: 2px;
    --confetti-background: var(--confetti-4);
}
.ved_video_download .icon .confetti i:nth-child(3) {
    --left: 5px;
    --top: 3px;
    --confetti-background: var(--confetti-1);
}
.ved_video_download .icon .confetti i:nth-child(4) {
    --left: 10px;
    --top: 14px;
    --confetti-background: var(--confetti-2);
}
.ved_video_download .icon .confetti i:nth-child(5) {
    --left: 9px;
    --top: 7px;
    --confetti-background: var(--confetti-4);
}
.ved_video_download .icon .confetti i:nth-child(6) {
    --left: 6px;
    --top: 8px;
    --border-radius: 2px;
    --confetti-background: var(--confetti-2);
}
.ved_video_download .icon .confetti .emitter {
    position: absolute;
    left: 4px;
    bottom: 4px;
    pointer-events: none;
} */

.ved_video_download .icon {
    --z: 2px;
    width: 24px;
    height: 14px;
    margin: 6px 20px 0 0;
    transform: translate(calc(var(--icon-x, 0) * 1px), calc(var(--icon-y, 0) * 1px)) translateZ(2px);
}

.ved_video_download .icon .confetti {
    position: absolute;
    left: 17px;
    bottom: 9px;
}

.ved_video_download .icon .confetti svg {
    width: 18px;
    height: 16px;
    display: block;
    stroke-width: 1px;
    fill: none;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.ved_video_download .icon .confetti svg * {
    transition: stroke-dashoffset 0.2s;
    stroke-dasharray: 15 20;
    stroke-dashoffset: var(--stroke-dashoffset, 0);
    stroke: var(--stroke-all, var(--stroke, var(--confetti-2)));
}

.ved_video_download .icon .confetti svg *:nth-child(2) {
    --stroke: var(--confetti-3);
}

.ved_video_download .icon .confetti svg *:nth-child(3) {
    --stroke: var(--confetti-1);
}

.ved_video_download .icon .confetti .emitter {
    position: absolute;
    left: 4px;
    bottom: 4px;
    pointer-events: none;
}

.ved_video_download .icon .confetti .emitter div {
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px;
    border-radius: 1px;
    position: absolute;
    left: 0;
    top: 0;
    transform-style: preserve-3d;
    background: var(--confetti-all, var(--b, none));
}

.ved_video_download .icon .confetti i {
    width: 4px;
    height: 4px;
    display: block;
    transform: scale(var(--confetti-scale, 0.5));
    position: absolute;
    transition: transform 0.25s;
    left: var(--left, -1px);
    top: var(--top, 3px);
    border-radius: var(--border-radius, 1px);
    background: var(--confetti-background, var(--confetti-3));
}

.ved_video_download .icon .confetti i:nth-child(2) {
    --left: 9px;
    --top: -1px;
    --border-radius: 2px;
    --confetti-background: var(--confetti-4);
}

.ved_video_download .icon .confetti i:nth-child(3) {
    --left: 5px;
    --top: 3px;
    --confetti-background: var(--confetti-1);
}

.ved_video_download .icon .confetti i:nth-child(4) {
    --left: 10px;
    --top: 14px;
    --confetti-background: var(--confetti-2);
}

.ved_video_download .icon .confetti i:nth-child(5) {
    --left: 9px;
    --top: 7px;
    --confetti-background: var(--confetti-4);
}

.ved_video_download .icon .confetti i:nth-child(6) {
    --left: 6px;
    --top: 8px;
    --border-radius: 2px;
    --confetti-background: var(--confetti-2);
}

.ved_video_download .icon .cannon {
    position: relative;
    width: 24px;
    height: 14px;
    transform: translate(0, 3px) rotate(-45deg);
    filter: drop-shadow(-2px 2px 2px var(--cannon-shadow));
}

.ved_video_download .icon .cannon:before,
.ved_video_download .icon .cannon:after {
    content: "";
    display: block;
    height: 14px;
}

.ved_video_download .icon .cannon:before {
    background: linear-gradient(#6c6c6c, #ffffff 50%, #cfcfcf);
    width: 100%;
    -webkit-clip-path: polygon(25px -1px, 0 52%, 25px 15px);
    clip-path: polygon(25px -1px, 0 52%, 25px 15px);
}

.ved_video_download .icon .cannon:after {
    width: 6px;
    position: absolute;
    right: -3px;
    top: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 0 0.5px var(--cannon-light);
    background: linear-gradient(90deg, #000000, #898989);
}

.ved_video_download.white {
    --background: #fff;
    --color: #1e2235;
    --border: #e1e6f9;
    --shadow: none;
    --cannon-dark: #103fc5;
    --cannon-light: #275efe;
    --cannon-shadow: rgba(0, 9, 61, 0.2);
}

.ved_video_download.white:before {
    box-shadow: inset 0 0 0 1px var(--border);
}

.ved_video_download.grey {
    --background: #404660;
    --cannon-shadow: rgba(13, 15, 24, 0.2);
    --cannon-dark: #d1d6ee;
    --cannon-light: #ffffff;
}

.ved_video_download.success {
    --confetti-scale: 0;
    --stroke-dashoffset: 15;
}

@media (max-width:576px) {
    .ved_video_download .icon {
        /*  margin: 8px 10px 0 -8px;
        transform: translate(calc(var(--icon-x, 0) * 1px), calc(var(--icon-y, 0) * 1px)) translateZ(2px) scale(0.7) translateY(-3px); */
        display: none;
    }
}

.ved_select_mediabox a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 0;
    width: 100%;
}

.ved_select_mediabox.active a,
.ved_select_mediabox.active p,
.ved_select_mediabox.active:hover a,
.ved_select_mediabox.active:hover p,
.ved_select_mediabox:hover a,
.ved_select_mediabox:hover p {
    color: var(--primaryColor);
}

.ved_steps_btn_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 502px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}

.ved_steps_btn_wrapper.ved_single_btn {
    justify-content: flex-end;
    width: 707px;
}

.ved_steps_btn_wrapper .ved_btn,
.ved_steps_btn_wrapper .ved_btn_white {
    min-width: 120px;
}

.ved_steps_btn_wrapper.ved_fb_mobile_width,
.ved_steps_btn_wrapper.ved_insta_width {
    width: 402px;
}

.ved_box_image_loader {
    position: absolute;
    font-size: 2em;
    z-index: 2;
    font-weight: 600;
    display: none;
}

.ved_template_toolbar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-start;
    width: 250px;
    padding-right: 40px;
    padding-top: 129px;
    text-align: -webkit-right;
    z-index: 1;
}

.ved_notice_img_close {
    height: 170px;
    visibility: hidden;
}

.ved_notice_img_close>span.ved_notice_close {
    width: 15px;
    height: 15px;
    color: #fe5151;
    border-radius: 50%;
    position: absolute;
    right: 50px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    transform: rotate(-40deg);
}

.ved_template_toolbar_menu {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
}

.ved_template_toolbar_menu li {
    list-style: none;
    display: inline-block;
}

.ved_template_toolbar_menu div {
    list-style: none;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    border-radius: 5px;
    font-size: 14px;
    height: 40px;
    min-width: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 12px;
    cursor: pointer;
    margin: 8px 0;
    color: var(--primaryColor);
}

.ved_template_toolbar_menu li div:hover {
    width: 100%;
    color: var(--primaryColor);
    border-color: var(--primaryColor);
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.ved_template_toolbar_menu li div i {
    color: #333;
}

.ved_template_toolbar_menu li div:hover i {
    color: var(--primaryColor);
    margin-right: 7px;
}
.ved_template_toolbar_menu li div i {
   transition: none;
}

.ved_template_toolbar_menu li.ved_post_mode_effects div i {
    margin-right: -3px;
}

.ved_template_toolbar_menu li.ved_post_mode_effects div:hover i {
    margin-right: 7px;
}

.ved_template_toolbar_menu li span {
    font-size: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_template_toolbar_menu li div:hover span {
    font-size: 14px;
}

.ved_template_toolbar_menu li div span i {
    font-size: 15px;
    opacity: 0.4;
    display: none;
    margin-left: 7px;
}

.ved_template_toolbar_menu div:hover span i {
    display: inline-block;
}

.modal-backdrop.show {
    opacity: 0.8;
}

.close {
    float: none;
    font-size: 20px;
    line-height: 1;
    color: #d4d4d4;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 15px;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    z-index: 1;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 1;
    color: #d4d4d4;
}

.ved_video_playdownload .modal-dialog {
    max-width: fit-content;
    max-width: -moz-fit-content;
}

.ved_video_playdownload .modal-content {
    background-color: transparent;
    box-shadow: none !important;
    width: fit-content;
    width: -moz-fit-content;
    border: 0;
}

.ved_video_playdownload .ved_video_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ved_video_playdownload .ved_video_box>i {
    font-size: 84px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

.ved_video_playdownload .ved_video_box video {
    display: block;
    margin-bottom: 20px;
    background-color: #fff;
    min-height: 300px;
    width: 400px;
}

.ved_video_playdownload .ved_btn_white_popup {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    width: 100%;
    height: 46px;
    font-weight: 300;
    margin-bottom: 10px;
}

.ved_video_playdownload .ved_btn_white_popup i {
    font-size: 16px;
    margin-right: 5px;
}

.ved_video_playdownload .ved_btn_white_popup:hover {
    box-shadow: 0 10px 20px 0 rgba(255, 255, 255, 0.21);
}

.ved_browse_images_library_popup .modal-content {
    box-shadow: 8.09px 5.878px 10px 0 rgba(234, 234, 234, 0.12);
    border-radius: 8px;
}

.ved_browse_images_library_popup .modal-body {
    padding: 0 0;
    border-radius: 8px;
}

.ved_browse_images_library_popup .modal-header {
    border-bottom: none;
    padding: 0;
    border-radius: 8px;
}

.ved_browse_images_library_popup .ved_mdl_btn_wrap {
    display: flex;
    justify-content: flex-end;
    border-top: none;
    padding: 0 0 20px 0;
    border-radius: 8px;
}

.ved_browse_images_library_popup .ved_mdl_btn_wrap .ved_btn,
.ved_browse_images_library_popup .ved_mdl_btn_wrap .ved_btn_white {
    border-radius: 4px;
    height: 44px;
    min-width: 200px;
}

.ved_browse_images_library_popup .ved_mdl_btn_wrap .ved_btn_white {
    margin-right: 18px;
}

.ved_browse_images_library_popup .modal-body>ul {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02);
}

.ved_browse_images_library_popup .modal-body>ul>li {
    width: auto;
    margin: 0 0 0 40px;
}

.ved_browse_images_library_popup .tab-content {
    padding: 40px 40px 20px 40px;
    background-color: #fafafa;
    border-radius: 0 0 8px 8px;
}

.ved_browse_images_library_popup .tab-content .select2-container {
    margin-bottom: 18px;
}

.ved_fb_pages_section {
    margin-top: 30px;
}

.ved_fb_profile_name {
    margin: 0 0 28px 0;
    font-size: 13px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 400;
}

.ved_tab_btns {
    border: 0 solid #eaeaea;
    width: 100%;
    display: flex;
    background-color: #fff;
    border-radius: 0;
    cursor: pointer;
    height: 81px;
    line-height: 79px;
    font-size: 12px;
    color: #888;
}

.ved_tab_btns.active,
.ved_tab_btns:hover {
    color: var(--primaryColor);
    border-bottom: 1px solid var(--primaryColor);
}

.ved_tab_btns i {
    margin-right: 5px;
    line-height: inherit;
}

.ved_image_upload_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 189px;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
}

.ved_image_upload_box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.ved_image_upload_box i {
    font-size: 48px;
}

.ved_image_upload_box p {
    font-size: 12px;
    margin: 10px 0 0 0;
}

.ved_recent_upload_img_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
}

.ved_recent_upload_img_wrapper .message.error {
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    text-decoration: underline;
}

.ved_uploadimage_notice {
    display: flex;
    width: 96%;
    justify-content: center;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 4px;
    color: #262626;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: 20px;
}

.ved_recent_upload_img_box {
    border-radius: 4px;
    margin: 10px 0;
    cursor: pointer;
    width: 33.3%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.ved_recent_upload_img_box img {
    border-radius: 4px;
    height: 85px;
    object-fit: cover;
    width: 126px;
}

.ved_recent_upload_img_box .ved_checkmark {
    top: -8px;
    right: 0;
}

.ved_recent_upload_img_box.active .ved_checkmark,
.ved_recent_upload_img_box:hover .ved_checkmark {
    opacity: 1;
    visibility: visible;
}

.ved_profile_edit_box {
    margin-bottom: 0;
    position: relative;
}

.ved_profile_edit_box label {
    color: #222;
    font-weight: 500;
}

.ved_postcontent_emojibox {
    position: relative;
    margin-bottom: 28px;
    font-family: 'Lato', sans-serif;
}

.ved_image_search,
.ved_post_content,
.ved_profile_edit_box textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    background-color: transparent;
    border-radius: 0;
    height: 38px;
    line-height: 38px;
    padding: 0;
    margin-bottom: 28px;
    position: relative;
}

.ved_profile_edit_box textarea {
    height: auto;
    resize: none;
    line-height: normal;
}

.ved_image_search:focus,
.ved_post_content:focus,
.ved_profile_edit_box textarea:focus {
    border-bottom: 1px solid var(--primaryColor);
}

.ved_fb_loginlogout_btn #ved_facbook_login_btn,
.ved_fb_loginlogout_btn #ved_facbook_logout_btn {
    background-color: #1877f2;
    border: 1px solid #1877f2;
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 16px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0.25px;
}

.ved_fb_loginlogout_btn #ved_facbook_login_btn:hover,
.ved_fb_loginlogout_btn #ved_facbook_logout_btn:hover {
    box-shadow: none;
}

.ved_fb_loginlogout_btn #ved_facbook_login_btn img,
.ved_fb_loginlogout_btn #ved_facbook_logout_btn img {
    width: 26px;
    margin-right: 8px;
}

.ved_post_content {
    -webkit-user-modify: read-write-plaintext-only;
    padding-right: 20px;
    word-break: break-word;
    resize: none;
    overflow: hidden;
    line-height: initial;
    height: auto;
}

[contentEditable="true"]:empty:before {
    content: attr(placeholder);
    color: #666666;
}

.ved_post_content img {
    width: 14px;
    height: 14px;
}

.ved_postcontent_emojibox .ved_post_content {
    font-size: 14px;
}

.ved_postcontent_emojibox.active .ved_post_content {
    color: initial;
    min-height: 38px;
    margin-bottom: 0;
}

.ved_fbpostcontent_emojibox .ved_fbpost_content {
    min-height: 80px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 10px 10px;
    margin-bottom: 28px;
    border-radius: 5px;
}

.ved_fbpostcontent_emojibox .ved_fbpost_content:focus {
    border: 1px solid var(--primaryColor);
}

.ved_emoji_openbox {
    position: absolute;
    width: auto;
    display: flex;
    justify-content: space-between;
    bottom: -20px;
    right: 0;
    font-size: 12px;
    padding: 0;
    color: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_emoji_openbox span.ved_char_count {
    display: none;
}

.ved_emoji_openbox span i {
    cursor: pointer;
    margin-left: 5px;
}

.ved_postcontent_emojibox.active .ved_emoji_openbox {
    bottom: 5px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_emoji_result {
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: -1px 1px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 1px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 1px 15px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: -1px 1px 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: -1px 1px 15px rgba(0, 0, 0, 0.2);
    transform-origin: top center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    top: 25px;
    right: -11px;
    width: 284px;
    min-height: 265px;
    text-align: center;
    z-index: 10;
    display: none;
}

.ved_emoji_result::before {
    position: absolute;
    content: "";
    line-height: 0;
    width: 10px;
    height: 10px;
    top: -4px;
    left: 92.2%;
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.ved_emoji_result>img {
    position: absolute;
    width: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.fs_emoji_box {
    width: 100%;
    background-color: #fff;
    text-align: left;
    border-radius: 5px;
}

.emoji_category {
    display: block;
    padding: 2px 5px 0;
    margin-bottom: 5px;
    border-bottom: 2px solid rgba(192, 192, 192, 0.29);
    background-color: #fff;
    float: left;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.emoji_category ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.emoji_category ul li {
    position: relative;
    list-style: none;
    color: #282c2f;
    display: inline-block;
    float: left;
    width: auto;
    margin: 0;
}

.emoji_category ul li a,
.fs_emoji_box ul li a {
    text-align: left;
    padding: 5px;
    font-size: 16px;
    margin: 0;
    line-height: initial;
    display: block;
    float: left;
}

.emoji_category ul li a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -2px;
    border-bottom: 2px solid transparent;
    width: 0;
    transition: all 0.2s ease-in-out;
}

.emoji_category ul li.active a:after {
    width: 100%;
    border-bottom-color: var(--primaryColor);
}

.emoji_category ul li a img,
.fs_emoji_box ul li a img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.fs_emoji_holder {
    padding: 5px 2px 5px 6px;
    float: left;
    width: 100%;
    position: relative;
    height: 210px;
    overflow-y: scroll;
}

.fs_message_emoji_holder {
    padding: 5px 2px 5px 10px;
    float: left;
    width: 100%;
    position: relative;
}

.mock_none {
    display: none;
}

.emojiWrapper .emoji_heading {
    color: #555;
}

.emoji_heading {
    font-size: 14px;
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.85);
    left: 0;
    right: 0;
    z-index: 1;
    padding: 5px 10px;
    line-height: initial;
}

.fs_emoji_box .emoji_container {
    max-height: 210px;
    height: 210px;
    padding-top: 30px;
}

.fs_emoji_box ul {
    padding: 0;
    margin: 0;
    display: block;
    text-align: left;
}

.fs_emoji_box ul li {
    list-style: none;
    color: #282c2f;
    display: inline-block;
    float: left;
}

.ved_image_search input[type="file"] {
    position: absolute;
    left: -20px;
    width: 105%;
    top: 0;
    height: 37px;
    cursor: pointer;
}

.ved_image_search input[type="file"]::-webkit-file-upload-button {
    opacity: 0;
    width: 0;
}

.ved_image_search i {
    position: absolute;
    right: 0;
    top: 5px;
    background-color: #07f;
    color: #fff;
    border-radius: 3px;
    width: 25px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_image_search_popup_box {
    margin-bottom: 0;
    position: relative;
}

.ved_image_search_popup_box i {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -24px;
    font-size: 18px;
    color: #c7c7c7;
}

.ved_pixabay_copyright,
.ved_unsplash_copyright {
    position: absolute;
    left: 15px;
    bottom: -5px;
    font-size: 12px;
}

.ved_pixabay_copyright a,
.ved_unsplash_copyright a {
    color: var(--primaryColor);
}

.ved_custom_html_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 62px;
    border-radius: 5px;
    padding: 0 15px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #eee;
}

.ved_custom_html_form.active {
    border: 1px solid var(--primaryColor);
}

.ved_custom_html_form p {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.ved_custom_html_form ul {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    margin-bottom: 0 !important;
    display: flex;
}

.ved_custom_html_form ul li {
    list-style: none;
    margin: 0;
    margin-right: 5px;
}

.ved_custom_html_form ul li:last-child {
    margin-right: 0;
}

.ved_custom_html_form ul li a:hover i {
    color: var(--primaryColor);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.ved_edit_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 402px;
    /* max-width: 100%; */
    margin: 20px auto;
    border: none;
    background: #fff;
    position: relative;
}

.vd_socialpost_wrapper .ved_edit_wrapper {
    border: 1px solid #eee;
}

.ved_anim_step .ved_edit_wrapper {
    overflow: hidden;
}

.ved_anim_step .vd_watermark_enable .ved_edit_wrapper:before {
    content: "";
    position: absolute;
    width: 370px;
    height: 60px;
    background: url(../images/watermark.png);
    bottom: 120px;
    left: 0;
    right: 0;
    font-size: 53px;
    font-weight: 900;
    opacity: 0.13;
    background-size: cover;
    background-position: center center;
    transform: rotate(-34deg);
    z-index: 2;
}

p.vd_watermark_note {
    display: none;
}

.ved_anim_step p.vd_watermark_note {
    text-align: center;
    display: block;
    margin-bottom: -7px;
}

.ved_anim_step .vd_watermark_enable .ved_edit_wrapper.ved_enable_mirror_effect:before,
.ved_square.ved_anim_step .vd_watermark_enable .ved_edit_wrapper:before {
    bottom: 240px;
    left: 40px;
    width: 300px;
    height: 50px;
    transform: rotate(-25deg);
}

.ved_square.ved_anim_step .vd_watermark_enable .ved_edit_wrapper:before {
    bottom: 70px;
}

.ved_square.ved_anim_step .vd_watermark_enable .ved_edit_wrapper.ved_enable_mirror_effect:before {
    bottom: 177px;
}

.ved_anim_step .vd_watermark_enable .ved_edit_wrapper.ved_linkedin_editor:before {
    bottom: 70px;
    width: 300px;
    height: 50px;
    transform: rotate(-25deg);
    left: 40px;
}

.ved_anim_step .vd_watermark_enable .ved_edit_wrapper.ved_linkedin_editor.ved_enable_mirror_effect:before {
    bottom: 180px;
}

.ved_square.ved_anim_step .vd_watermark_enable .ved_edit_wrapper.ved_fb_desktop:before {
    left: 80px;
}

.ved_anim_step .vd_watermark_enable .ved_edit_wrapper.ved_fb_desktop:before {
    left: 60px;
}


/* .ved_anim_step .ved_edit_wrapper:before {
    content: "";
    position: absolute;
    width: 230px;
    height: 58px;
    background: url(../images/watermark.png);
    bottom: 0;
    right: 0px;
    font-size: 53px;
    font-weight: 900;
    opacity: 0.15;
    background-size: cover;
    background-position: center center;
} */

.ved_edit_wrapper.ved_fb_desktop {
    width: 502px;
    border: 1px solid #e5e5e5;
}

.video_animate_cv {
    display: none;
}

.ved_fb_editor .ved_edit_wrapper_box {
    /* font-family: Roboto, "Droid Sans", Helvetica, sans-serif; */
}

.ved_edit_wrapper_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-family: 'Lato', sans-serif;
}

.ved_fb_editor .ved_edit_wrapper_box,
.ved_insta_editor .ved_edit_wrapper_box {
    min-height: 500px;
    justify-content: initial;
    /* -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; */
}

.ved_fb_editor.ved_fb_desktop .ved_edit_wrapper_box {
    min-height: 625px;
}

.ved_tiktok_editor .ved_edit_wrapper_box {
    min-height: 711.11px;
    justify-content: initial;
}

.ved_user_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 12px 0 12px;
}

.ved_mirror_wrapper .ved_user_head {
    padding-bottom: 10px;
}

.ved_user_profile img {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-right: 6px;
    cursor: pointer;
    display: inline-block;
}

.ved_fb_editor .ved_user_profile span {
    color: #151724;
}

.ved_fb_desktop .ved_user_profile span {
    color: #385898;
}

.ved_user_profile span {
    font-size: 14px;
    color: #262626;
    font-weight: 600;
}

.ved_user_head .ved_fbdots,
.ved_user_head .ved_instadots {
    width: 12px;
    position: absolute;
    right: 12px;
}

.ved_user_head .ved_fbdots {
    width: 16px;
}

.ved_edit_wrapper.ved_fb_editor .ved_user_head i {
    color: #1a1d24;
    font-weight: 600;
    position: absolute;
    right: 15px;
}

.ved_edit_wrapper.ved_fb_editor.ved_fb_desktop .ved_user_head i {
    color: #606770;
}

.ved_post_description {
    padding: 10px 15px 15px 15px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    width: 100%;
    height: 210px;
    /* transition: all 0.3s; */
}

.ved_tiktok_editor .ved_post_description_box {
    overflow: hidden;
}

.ved_animation_selection .ved_tiktok_editor .ved_post_description_box {
    position: relative;
}


/* .ved_animation_selection .ved_tiktok_editor .ved_post_description_box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
} */

@media(max-width:500px) {
    .ved_edit_wrapper {
        transform-origin: left top;
    }
    .ved_edit_wrapper .ved_overlay_video_thumb.active {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .ved_edit_wrapper .ved_overlay_video_thumb canvas {
        width: 100%;
        height: 100%;
    }
    /* div#step3 {
        overflow-x: hidden;
    } */
    .ved_edit_wrapper_box {
        width: 100% !important;
    }
}

.ved_fbpostcontent_emojibox img,
.ved_post_description img {
    width: 14px;
    height: 14px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    transform: translateY(-1px);
}

.ved_edit_wrapper.ved_fb_editor .ved_post_description {
    padding: 10px 12px 10px 12px;
    height: 150px;
}

.ved_edit_wrapper.ved_fb_desktop .ved_post_description {
    padding: 10px 12px 10px 12px;
    height: 210px;
}

.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    padding-top: 10px;
    padding-bottom: 5px;
    max-height: inherit;
    height: 65px;
}

.ved_edit_wrapper.ved_fb_editor.ved_enable_mirror_effect .ved_post_description {
    padding-top: 5px;
    height: 42px;
}

.ved_edit_wrapper.ved_fb_editor.ved_fb_desktop.ved_enable_mirror_effect .ved_post_description {
    height: 88px;
}

.ved_enable_mirror_effect .ved_post_description_box {
    /* position: absolute; */
    width: 100%;
    background-color: #fff;
    top: 2px;
    height: 178px;
}

.ved_enable_mirror_effect.ved_fb_editor.ved_fb_desktop .ved_post_description_box {
    top: 2px;
    height: 222px;
}

.ved_enable_mirror_effect .ved_post_img {
    height: auto;
    position: relative;
    transition: all 0.3s;
    outline: 2px dashed transparent !important;
}

.ved_edit_wrapper.ved_enable_mirror_effect.ved_lib_split .ved_edit_wrapper_box .ved_post_img.ved_post_bgimg1 {
    height: 500px;
    outline: none;
}

.ved_lib_split.ved_enable_mirror_effect .ved_post_description_box {
    position: absolute;
}

.ved_lib_split.ved_enable_mirror_effect .ved_post_img.ved_post_bgimg2 {
    display: none;
}

.ved_placeholder_dimenssion {
    display: none;
}

.ved_post_img p.ved_placeholder_dimenssion {
    display: block;
    position: absolute;
    top: 135px;
    color: var(--primaryColor);
    font-weight: 700;
    visibility: hidden;
    opacity: 0;
    font-size: 15px;
    transition: all 0.3s;
}

.ved_post_img svg {
    width: 30px;
    height: 30px;
    top: 100px;
}

.ved_split_hover.ved_post_img svg {
    top: 85px;
}

.ved_split_hover.ved_post_img p.ved_placeholder_dimenssion {
    top: 120px;
}

.ved_post_img.ved_post_bgimg2 {
    display: none;
}

.ved_enable_mirror_effect .ved_post_img.ved_post_bgimg2 {
    display: flex;
}

.ved_enable_mirror_effect .ved_post_img svg {
    top: 68px;
}

.ved_enable_mirror_effect .ved_post_img p.ved_placeholder_dimenssion {
    top: 102px;
}

.ved_enable_mirror_effect .ved_post_img.ved_split_hover svg {
    top: 55px;
}

.ved_enable_mirror_effect .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    top: 89px;
}

.ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    visibility: visible;
    opacity: 1;
}

.ved_post_img.ved_split_hover>svg path,
.ved_post_img.ved_split_hover>svg polygon {
    fill: var(--primaryColor);
}

.ved_post_img.ved_split_hover {
    outline: 2px dashed var(--primaryColor) !important;
}

.ved_fb_desktop .ved_post_img svg {
    top: 125px;
}

.ved_fb_desktop .ved_post_img p.ved_placeholder_dimenssion {
    top: 160px;
}

.ved_fb_desktop .ved_split_hover.ved_post_img svg {
    top: 110px;
}

.ved_fb_desktop .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    top: 145px;
}

.ved_fb_desktop.ved_enable_mirror_effect .ved_post_img svg {
    top: 90px;
}

.ved_fb_desktop.ved_enable_mirror_effect .ved_post_img.ved_split_hover svg {
    top: 75px;
}

.ved_fb_desktop.ved_enable_mirror_effect p.ved_placeholder_dimenssion {
    top: 125px;
}

.ved_fb_desktop.ved_enable_mirror_effect .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    top: 110px;
}

@media (max-width: 576px) {
    p.ved_placeholder_dimenssion,
    .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
        visibility: visible;
        opacity: 1;
        color: #adadad;
    }
    .ved_enable_mirror_effect .ved_post_img svg {
        top: 51px;
    }
    .ved_templates_wrapper .ved_templates_side ul.ved_sub_category {
        flex-direction: column;
    }
    .ved_post_img svg path,
    .ved_post_img svg polygon,
    .ved_post_img svg path,
    .ved_post_img svg path,
    .ved_enable_mirror_effect .ved_post_img.ved_split_hover svg path,
    .ved_enable_mirror_effect .ved_post_img.ved_split_hover svg polygon,
    .ved_post_img.ved_split_hover svg path,
    .ved_post_img.ved_split_hover svg polygon {
        fill: #adadad;
    }
    .ved_post_img.ved_split_hover {
        outline: none !important;
    }
    #change_plan_subscription_popup .ved_cancel_subscription_option {
        flex-direction: column;
    }
    .ved_cancel_subscription_option .vd_ch_plan_separator {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #change_plan_subscription_popup .ved_plan_bubble {
        padding: 8px 20px;
    }
}

.ved_post_img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: 2px dashed transparent;
    position: relative;
}

.ved_post_img img {
    width: 100%;
    object-fit: cover;
    max-height: 225px;
}

.ved_edit_wrapper.ved_tiktok_editor .ved_post_description_box .ved_post_description {
    height: 376px;
    padding-bottom: 5px;
}

.ved_edit_wrapper.ved_tiktok_editor .ved_post_img img {
    max-height: unset;
    height: 331px;
}

.ved_edit_wrapper.ved_tiktok_editor.ved_enable_mirror_effect .ved_post_img img {
    height: 266.5px;
}

.ved_tiktok_editor .ved_post_descrip_inner.ved_vertical_center {
    display: unset;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    height: unset;
    left: 50%;
    width: 100%;
    padding: 18px;
}

.ved_tiktok_editor .ved_post_descrip_inner.ved_vertical_center[style="text-align: left;"] {
    left: 15px;
    right: 15px;
    transform: translateY(-50%);
    width: unset;
}

.ved_tiktok_editor .ved_post_descrip_inner.ved_vertical_center[style="text-align: right;"] {
    right: 15px;
    left: 15px;
    transform: translateY(-50%);
    width: unset;
}

.ved_four_cols .linkedin_box {
    border-radius: 0;
}

.ved_four_cols .linkedin_box.tiktok_box {
    border-radius: 0 6px 6px 0;
}

.ved_tiktok_editor .ved_post_img p.ved_placeholder_dimenssion {
    top: 149px;
}

.ved_tiktok_editor .ved_post_img svg {
    top: 149px;
}

.ved_tiktok_editor .ved_post_img.ved_split_hover svg {
    top: 132px;
}

.ved_tiktok_editor .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    top: 170px;
}

.ved_tiktok_editor.ved_enable_mirror_effect .ved_post_img svg {
    top: 122px;
}

.ved_tiktok_editor.ved_enable_mirror_effect .ved_post_img p.ved_placeholder_dimenssion {
    top: 156px;
}

.ved_tiktok_editor.ved_enable_mirror_effect .ved_post_img.ved_split_hover svg {
    top: 102px;
}

.ved_tiktok_editor.ved_enable_mirror_effect .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    top: 136px;
}

.tiktok_box.ved_select_mediabox img {
    opacity: 0.6;
}

.tiktok_box.ved_select_mediabox:hover img,
.tiktok_box.active.ved_select_mediabox img {
    opacity: 1;
}

.vd_tiktok_template .ved_post_style_selection {
    /* max-width: 500px; */
    max-width: 400px;
}

#step2.vd_tiktok_template .ved_steps_btn_wrapper.ved_insta_width {
    /* width: 480px; */
    width: 380px;
}

@media (max-width:576px) {
    .ved_select_mediabox_wrapper.ved_four_cols {
        flex-wrap: wrap;
    }
    /*.ved_select_mediabox_wrapper.ved_four_cols .linkedin_box {
       border-left-color: #eee;
       border-radius: 0 0 0 6px;
       border-top-color: transparent;
   }

   .ved_select_mediabox_wrapper.ved_four_cols .insta_box {
       border-radius: 6px 0 0 0;
   }

   .ved_select_mediabox_wrapper.ved_four_cols .fb_box {
       border-radius: 0 6px 0 0;
   }

   .ved_select_mediabox_wrapper.ved_four_cols .tiktok_box {
       border-left-color: transparent;
       border-radius: 0 0 6px 0;
   }
   .ved_select_mediabox_wrapper.ved_four_cols .linkedin_box.active,.ved_select_mediabox_wrapper.ved_four_cols .linkedin_box:hover {
       border-color: var(--primaryColor);
   } */
    .ved_select_mediabox {
        margin: 1%;
        width: 48%;
        border: 1px solid #eee !important;
        border-radius: 6px !important;
    }
    .ved_select_mediabox.active,
    .ved_select_mediabox:hover {
        border: 1px solid var(--primaryColor) !important;
    }
}

.ved_edit_wrapper.ved_fb_editor .ved_post_img img {
    max-height: 225px;
}

.ved_edit_wrapper.ved_fb_desktop .ved_post_img img {
    max-height: 281.25px;
}

.ved_edit_wrapper.ved_fb_desktop .ved_enable_mirror_effect .ved_post_img img,
.ved_enable_mirror_effect .ved_post_img img {
    height: 100%;
    object-fit: cover;
    max-height: unset !important;
}

.ved_enable_mirror_effect .ved_post_img>video {
    object-fit: cover;
}

.ved_post_img>svg {
    position: absolute;
}

.ved_post_img svg path,
.ved_post_img svg polygon {
    fill: #adadad;
}

.ved_post_img video {
    object-fit: cover;
}

.ved_tiktok_editor .ved_post_img video {
    object-fit: cover;
}

.ved_post_description_box {
    width: 100%;
    position: relative;
}

.ved_post_description>div {
    margin-bottom: 5px;
    position: relative;
}

.ved_post_description>div.active .ved_emoji_openbox {
    bottom: 1px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_fbpostcontent_emojibox .ved_emoji_openbox {
    right: 5px;
}

.ved_fbpostcontent_emojibox.active .ved_emoji_openbox {
    bottom: 5px;
    right: 5px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_post_description>div.active .ved_emoji_openbox .emoji_category ul li a img,
.ved_post_description>div.active .ved_emoji_openbox .fs_emoji_box ul li a img {
    width: 23px;
    height: 23px;
}

.ved_post_description>div.active .ved_emoji_openbox .ved_emoji_result {
    width: 274px;
    min-height: 255px;
}

.ved_fb_editor .ved_post_description>div.active .ved_emoji_openbox .ved_emoji_result {
    min-height: 245px;
    right: -8px;
}

.ved_fb_editor .ved_post_description>div.active .ved_emoji_openbox .ved_emoji_result::before {
    left: 92.7%;
}

.ved_post_description>div.active .ved_emoji_openbox .ved_emoji_result .fs_emoji_holder {
    padding: 5px 2px 5px 5px;
}

.ved_fb_editor .ved_post_description>div.active .ved_emoji_openbox .ved_emoji_result .fs_emoji_holder {
    height: 205px;
}

.ved_post_description .ved_postusername b {
    font-weight: 600;
    cursor: context-menu;
    margin-right: 4px;
}

.ved_post_descrip_inner {
    height: 100%;
}

.ved_adfriendly .ved_post_descrip_inner {
    /* height: unset; */
}

.ved_post_descrip_inner span.ved_postusername {
    font-weight: 600;
}

.ved_post_description .ved_inline_edit,
.ved_post_description .ved_postusername {
    color: #262626;
    word-break: break-word;
}

.ved_post_description .ved_hashtag {
    color: #003569;
}

.ved_edit_wrapper.ved_fb_editor .ved_post_description .ved_inline_edit {
    color: #141822;
}

.ved_edit_wrapper.ved_fb_editor.ved_fb_desktop .ved_post_description .ved_inline_edit {
    color: #1c1e21;
}

.ved_edit_wrapper.ved_fb_editor .ved_post_description .ved_postusername {
    color: #1d2129;
}

.ved_edit_wrapper.ved_fb_editor .ved_post_description .ved_hashtag {
    color: #171b1e;
    font-weight: 600;
}

.ved_edit_wrapper.ved_fb_editor .ved_post_description .ved_inline_edit a {
    color: #576b95;
}

.ved_edit_wrapper.ved_fb_editor.ved_fb_desktop .ved_post_description .ved_hashtag,
.ved_edit_wrapper.ved_fb_editor.ved_fb_desktop .ved_post_description .ved_inline_edit a {
    color: #385898;
    font-weight: 400;
}

.ved_likes_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5px 15px;
}

.ved_likes_box ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.ved_likes_box ul li {
    list-style: none;
    width: 20px;
    height: 20px;
    color: #000;
    display: inline-block;
    margin: 5px 10px 5px 0;
}

.ved_likes_box ul li img {
    max-width: inherit;
}

.ved_likes_box ul li:last-child {
    margin-right: 0;
    float: right;
    width: 17px;
}

.ved_likes_box p {
    font-size: 13px;
    font-weight: 600;
    color: #262626;
    margin: 2px 0 0 0;
    padding-bottom: 3px;
}

.ved_emoji_box {
    display: flex;
    align-items: center;
    width: 95%;
    padding: 10px 0;
    border-bottom: 0.5px solid #eeeff1;
    margin: 0 auto;
}

.ved_fb_desktop .ved_emoji_box {
    border-bottom: 1px solid #dadde1;
}

.ved_emoji_box img {
    width: 51px;
}

.ved_emoji_box p {
    margin: 0 0 0 8px;
    color: #000;
}

.ved_fb_editor .ved_emoji_box p {
    color: #616670;
}

.ved_fb_desktop .ved_emoji_box p {
    color: #606770;
}

.ved_likes_box_fb {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 12px;
    margin: 0 auto;
}

.ved_likes_box_fb ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.ved_likes_box_fb ul li {
    list-style: none;
    font-size: 13px;
    color: #616670;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 600;
    height: 19px;
    cursor: context-menu;
}

.ved_fb_desktop .ved_likes_box_fb ul li {
    color: #606770;
    font-weight: 600;
}

.ved_likes_box_fb ul li img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.ved_animation_sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 280px;
    z-index: 11;
}

.ved_animation_sidebar>.ved_animation_toggle {
    position: absolute;
    right: 100%;
    top: 137px;
    background-color: #fafafa;
    border: 1px solid #f1f1f1;
    font-size: 14px;
    color: #080808;
    border-radius: 4px 0 0 4px;
    border-right: none;
    margin-right: -1px;
    z-index: 2;
    cursor: pointer;
}

.ved_animation_sidebar>.ved_animation_toggle i {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_animation_sidebar>.ved_animation_toggle>img {
    position: absolute;
    top: 100%;
    left: -45px;
    height: auto;
    flex: none;
    min-width: 70px;
}

.ved_animation_sidebar>.ved_animation_toggle>img.vat_collapse {
    display: none;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #f1f1f1;
    background-color: #fafafa;
    padding: 30px 30px 30px 30px;
    overflow-y: auto;
    z-index: 1;
    margin-top: 93px;
}

body:not(.animation_sidebar_open) .ved_animation_sidebar>.ved_animation_sidebar_inner::-webkit-scrollbar,
.animation_sidebar_open::-webkit-scrollbar {
    width: 0;
}

.ved_animation_sidebar h6 {
    color: #000;
    font-size: 14px;
    /* margin-bottom: 30px; */
    margin-bottom: 17px;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter {
    max-width: 1136px;
    margin: 0 auto;
    margin-bottom: 30px;
    display: none;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul {
    list-style: none;
    padding: 1px;
    margin: 0;
    display: flex;
    align-items: center;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    overflow-x: auto;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul::-webkit-scrollbar {
    height: 7px;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul::-webkit-scrollbar-thumb {
    background: #e6e6e6;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #d3d3d3;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li {
    flex: 1;
    border-right: 1px solid #f1f1f1;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li:last-child {
    border-right: none;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li>a {
    display: block;
    padding: 21px 10px;
    text-align: center;
    white-space: nowrap;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li:first-child>a {
    border-radius: 4px 0 0 4px;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li:last-child>a {
    border-radius: 0 4px 4px 0;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li>a.active,
.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li>a:hover {
    box-shadow: 0 0 0 1px var(--primaryColor);
    color: var(--primaryColor);
    background-color: #d9f4fa;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner .ved_animations_box_list {
    max-width: 1166px;
    margin: 0 auto;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.ved_animations_box_list_parent {
    max-width: 1166px;
    margin: 0 auto;
    position: relative;
}

.ved_suffle_box {
    width: 70px;
    height: 70px;
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #222222;
    font-weight: 600;
    position: absolute;
    right: -80px;
    cursor: pointer;
    transition: all 0.3s;
}

.ved_suffle_box svg {
    margin-bottom: 5px;
}

.ved_suffle_box:hover {
    color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.ved_suffle_box:hover svg path {
    fill: var(--primaryColor);
}

.ved_suffle_box svg path {
    transition: all 0.3s;
}

.animation_sidebar_open .ved_suffle_box {
    display: flex;
}

.animation_sidebar_open .ved_animation_sidebar {
    left: 0;
    width: auto;
}


/* .animation_sidebar_open {
    overflow: hidden;
} */

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner {
    background-color: #fff;
}

.animation_sidebar_open .ved_animation_sidebar h6 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
}

.ved_animation_sidebar p {
    display: none;
}

.ved_animation_sidebar p {
    display: none;
    margin: 0 0 28px 0;
    font-size: 14px;
    text-align: center;
}

.animation_sidebar_open .ved_animation_sidebar p {
    display: block;
}

.ved_linkedin p.ved_insta_fb_anim_info {
    display: none;
}

.ved_animation_sidebar p span.ved_slideout_p_icon,
.ved_animation_tip.ved_slideout_p_icon {
    position: relative;
    cursor: pointer;
}

.ved_animation_sidebar p span.ved_slideout_p_icon>span,
.ved_animation_tip.ved_slideout_p_icon>span {
    position: absolute;
    width: 282px;
    background: #2a2a2a;
    text-align: left;
    padding: 20px;
    z-index: 100;
    border-radius: 6px;
    color: #ffffff;
    top: -17px;
    left: 100%;
    margin-left: 10px;
    transition: all 0.3s;
    line-height: 1.5;
    visibility: hidden;
    opacity: 0;
    cursor: auto;
}

.ved_animation_sidebar p span.ved_slideout_p_icon i {
    font-size: 13px;
}

.ved_animation_sidebar p span.ved_slideout_p_icon>span:before,
.ved_animation_tip.ved_slideout_p_icon>span:before {
    content: "";
    position: absolute;
    top: 19px;
    left: -7px;
    border-top: 7px solid transparent;
    border-right: 7px solid #333333;
    border-bottom: 7px solid transparent;
}

.ved_animation_sidebar p span.ved_slideout_p_icon:hover>span,
.ved_animation_tip.ved_slideout_p_icon:hover>span {
    visibility: visible;
    opacity: 1;
}

.ved_animation_sidebar p a {
    color: var(--primaryColor);
    text-decoration: underline;
}

.animation_sidebar_open .ved_animation_sidebar p span.ved_slideout_p_icon.left_icon {
    display: none;
}

.ved_animation_tip.ved_slideout_p_icon>span {
    top: 0;
}

.ved_animation_tip.ved_slideout_p_icon>span::before {
    top: 10px;
}

.ved_scroll_more_box {
    display: none;
}

.animation_sidebar_open .ved_scroll_more_box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    background: linear-gradient(#ffffff08, #ffffffd1, #ffffff);
    padding: 60px 0 30px;
}

.animation_sidebar_open .ved_scroll_more_box h6 {
    font-size: 15px;
    margin: 8px 0 0;
}

.animation_sidebar_open .ved_scroll_more_box i {
    font-size: 35px;
    color: #000000;
}
.ved_scroll_more_inner_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

@media(max-width:575px) {
    .animation_sidebar_open .ved_scroll_more_box h6 {
        font-size: 12px;
        margin-top: 0;
    }
    .animation_sidebar_open .ved_scroll_more_box i {
        font-size: 28px;
    }
    .animation_sidebar_open .ved_scroll_more_box {
        padding: 30px 0 15px;
    }
    .animation_sidebar_open {
        overflow: hidden;
    }
    .ved_select_mediabox_wrapper {
        box-shadow: none;
    }
}


/*-------- new category design start-----*/

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a,
.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p {
    color: #0b081f;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: none;
    padding: 15px 14px;
    border-radius: 5px;
    margin: 0 6px;
    position: relative;
}

.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p {
    height: unset;
    line-height: unset;
}

.ved_new_cate_box .ved_temp_cat_custom_select,
.ved_new_cate_box .ved_custom_multicheckbox_select {
    flex: unset;
    justify-content: center;
    overflow: unset;
    align-items: baseline;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
}

.ved_new_cate_box .ved_animation_categories {
    display: flex;
    justify-content: center;
    border-radius: 0;
    position: relative;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a.active,
.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a:hover,
.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p:hover,
.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label input:checked~p {
    background: #f5f5f5;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul {
    border: none;
    flex: unset;
    justify-content: center;
    overflow: unset;
    align-items: baseline;
    display: flex;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories li {
    border: none;
    justify-content: center;
    overflow: unset;
    align-items: baseline;
    flex-wrap: wrap;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul {
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
}

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories {
    display: flex;
    justify-content: center;
    border-radius: 0;
}

.ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a img,
.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p img {
    margin-bottom: 6px;
}

.ved_animation_categories ul li a i,
.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p i {
    border-radius: 50px;
    color: #f44;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -7px;
    right: -7px;
    visibility: hidden;
    opacity: 0;
    font-size: 18px;
    z-index: 1;
}

.ved_animation_categories ul li a.active i,
.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label input:checked~p i {
    visibility: visible;
    opacity: 1;
}

.ved_animation_categories ul li a span,
.ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p span {
    font-size: 8px;
    text-transform: uppercase;
    background: var(--primaryColor);
    color: #fff;
    padding: 3px 3px 1px;
    display: block;
    margin-top: 4px;
    font-weight: 600;
    bottom: 13px;
    line-height: initial;
}

.ved_animation_tip {
    background: #fff2df;
    font-size: 12px;
    color: #6e4200;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: 6px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    padding-left: 34px;
    padding-right: 29px;
    display: none;
}

.ved_animation_tip svg {
    margin-right: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 18px;
    height: 18px;
}

.ved_animation_search_box .ved_animation_tip i {
    top: 2px;
    right: 0;
    color: #dcc095;
    cursor: pointer;
}

.animation_sidebar_open .ved_animation_tip {
    display: inline-block;
}

.ved_animation_categories span.ved_animation_navigation {
    display: none;
}

.ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle {
    min-width: unset;
    border: 1px solid #f1f1f1;
    color: #222;
    padding: 0 35px;
    line-height: 50px;
    background-color: transparent;
}

.ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle:focus {
    box-shadow: none;
}

.ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle:hover {
    box-shadow: 0px 10px 20px 0px rgb(0 85 255 / 21%);
}

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.vd_animation_split_one {
    display: none;
}

@media(max-width:991px) {
    .ved_template_animation_box .ved_new_cate_box .ved_template_filters_icon {
        right: auto;
        left: 110px;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters {
        position: absolute;
        top: 0;
        left: 66px;
        right: auto;
        bottom: auto;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
    .ved_new_cate_box .ved_templates_content_head {
        position: relative;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle {
        min-width: unset;
        border: 1px solid #f1f1f1;
        color: #222;
        padding: 0 20px;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle span {
        display: inline-block;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle i {
        margin-right: 7px;
    }
}

@media(max-width:768px) {
    .ved_template_animation_box .ved_new_cate_box .ved_template_filters_icon {
        right: auto;
        left: 80px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a {
        border-radius: 5px !important;
        height: unset;
    }
    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories,
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories {
        justify-content: flex-start;
        position: relative;
    }
    .ved_animation_categories span.ved_animation_navigation {
        display: flex;
        position: absolute;
        top: 0;
        z-index: 1;
        background-image: -moz-linear-gradient( -180deg, rgba(255, 255, 255, 0.30196) 0%, rgba(255, 255, 255, 0.94902) 48%, rgb(255, 255, 255) 100%);
        background-image: -webkit-linear-gradient( -180deg, rgba(255, 255, 255, 0.30196) 0%, rgba(255, 255, 255, 0.94902) 48%, rgb(255, 255, 255) 100%);
        background-image: -ms-linear-gradient( -180deg, rgba(255, 255, 255, 0.30196) 0%, rgba(255, 255, 255, 0.94902) 48%, rgb(255, 255, 255) 100%);
        bottom: 23px;
        width: 28px;
        align-items: center;
        left: 0;
        color: var(--primaryColor);
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul {
        overflow-y: hidden;
        justify-content: flex-start;
        padding-top: 8px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul::-webkit-scrollbar {
        height: 0;
    }
    .ved_animation_categories span.ved_animation_navigation.right {
        right: 0;
        left: auto;
        background-image: -moz-linear-gradient( 0deg, rgba(255, 255, 255, 0.30196) 0%, rgba(255, 255, 255, 0.94902) 48%, rgb(255, 255, 255) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgba(255, 255, 255, 0.30196) 0%, rgba(255, 255, 255, 0.94902) 48%, rgb(255, 255, 255) 100%);
        background-image: -ms-linear-gradient( 0deg, rgba(255, 255, 255, 0.30196) 0%, rgba(255, 255, 255, 0.94902) 48%, rgb(255, 255, 255) 100%);
        justify-content: flex-end;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a {
        margin: 0;
        padding: 10px;
    }
    .ved_suffle_box {
        position: fixed;
        bottom: 15px;
        right: 15px;
        z-index: 1;
        height: 34px;
        background: #2f2f2f;
        flex-direction: row;
        color: #ffffff;
        align-items: center;
        justify-content: center;
        padding: 0 13px;
        width: unset;
        border-color: #ffffff;
        display: none !important;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle {
        display: none !important;
    }
    .ved_suffle_box svg {
        margin: 0;
        margin-right: 7px;
    }
    .ved_suffle_box svg path {
        fill: #ffffff;
    }
    .ved_suffle_box:hover {
        color: #ffffff;
        border-color: transparent;
    }
    .ved_suffle_box:hover svg path {
        fill: #ffffff;
    }
    .ved_new_cate_box .ved_temp_cat_custom_select,
    .ved_new_cate_box .ved_custom_multicheckbox_select {
        justify-content: flex-start;
        overflow-y: hidden;
        text-align: center;
        padding-top: 8px;
    }
    .ved_new_cate_box .ved_temp_cat_custom_select::-webkit-scrollbar,
    .ved_new_cate_box .ved_custom_multicheckbox_select::-webkit-scrollbar {
        height: 0;
    }
    .ved_new_cate_box .ved_temp_cat_custom_select .ved_checkbox,
    .ved_new_cate_box .ved_custom_multicheckbox_select .ved_checkbox {
        flex: none;
    }
    .ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p {
        margin: 0;
    }
}

@media(max-width:576px) {
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a:hover,
    .ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label p:hover {
        background-color: transparent;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories ul li a.active,
    .ved_new_cate_box .ved_temp_animation_tabs .ved_checkbox label input:checked~p {
        background: #f5f5f5;
    }
    span.ved_animation_tip.ved_slideout_p_icon {
        display: none;
    }
    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.vd_animation_split_one {
        display: block;
    }
    /* .ved_animation_filter.ved_animation_categories.vd_animation_split_two {
        display: none !important;
    } */
    #ved_sub_confirmation_popup.ved_confirmation_popup_wrapper .modal-body h3 {
        margin: 0;
    }
    #ved_sub_confirmation_popup.ved_confirmation_popup_wrapper .modal-footer>button {
        width: 100%;
        margin: 0;
    }
    #ved_sub_confirmation_popup.ved_confirmation_popup_wrapper .modal-footer>button.ved_btn_white {
        margin-bottom: 10px;
    }
    #ved_sub_confirmation_popup {
        padding: 0 !important;
    }
    #ved_sub_confirmation_popup.ved_confirmation_popup_wrapper .modal-body {
        padding: 30px 15px;
    }
}

@media(max-width:480px) {
    .ved_template_animation_box .ved_new_cate_box .ved_template_filters_icon {
        right: auto;
        left: 60px;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle i {
        margin-right: 7px;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters {
        left: 50px;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_template_filters .ved_template_shuffle {
        width: unset;
        line-height: 40px;
        padding: 0 15px;
    }
    .ved_new_cate_box .ved_templates_content_head .ved_templates_select p {
        color: #222222;
        background: transparent;
        border: 1px solid #f1f1f1;
    }
}


/*-------- new category design end-----*/

@media(max-width:1200px) {
    .animation_sidebar_open .ved_animation_sidebar p span.ved_slideout_p_icon i {
        font-size: 13px;
    }
    .animation_sidebar_open .ved_animation_sidebar p span.ved_slideout_p_icon>span {
        left: calc(50% - 141px);
        top: 28px;
    }
    .animation_sidebar_open .ved_animation_sidebar p span.ved_slideout_p_icon>span:before {
        top: -14px;
        left: 44%;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #2a2a2a;
        border-left: 7px solid transparent;
    }
}

@media (max-width:576px) {
    .animation_sidebar_open .ved_animation_sidebar p span.ved_slideout_p_icon>span,
    .ved_animation_tip.ved_slideout_p_icon>span {
        left: -20px;
    }
    .animation_sidebar_open .ved_animation_sidebar p span.ved_slideout_p_icon>span:before,
    .ved_animation_tip.ved_slideout_p_icon>span:before {
        left: auto;
        left: 10px;
    }
    .ved_animation_sidebar p,
    .ved_animation_sidebar p.ved_insta_fb_anim_info {
        line-height: 1.9;
    }
    .ved_animation_sidebar p.ved_insta_fb_anim_info {
        display: block;
    }
    .ved_linkedin p.ved_insta_fb_anim_info {
        display: none;
    }
    .ved_animation_sidebar p span.ved_slideout_p_icon {
        display: none;
    }
    .animation_sidebar_open .ved_animation_sidebar p span.ved_slideout_p_icon.left_icon,
    .ved_animation_sidebar p span.ved_slideout_p_icon.left_icon {
        display: inline-block;
    }
    .ved_animation_tip.ved_slideout_p_icon>span {
        top: 40px;
    }
    .ved_animation_tip.ved_slideout_p_icon>span::before {
        top: -14px;
        border-top: 7px solid #0000;
        border-right: 7px solid #0000;
        border-bottom: 7px solid #333;
        border-left: 7px solid #0000;
        left: 10px;
    }
    .ved_animation_tip.ved_slideout_p_icon>span {
        left: 0;
        margin: 0;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner {
        background-color: #ffffff;
    }
}

.animation_sidebar_open .ved_animation_sidebar .ved_animation_search_box {
    max-width: 620px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter {
    display: block;
}

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle {
    right: 16px;
}

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle>i::before {
    content: "\f422";
    color: #01a0c6;
}

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle>img.vat_collapse {
    display: block;
}

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle>img.vat_expand {
    display: none;
}

.animation_sidebar_open .ved_animations_box {
    width: calc(25% - 30px);
    margin: 0 15px;
    margin-bottom: 30px;
    -webkit-animation: animation_box_anim 0.3s;
    -moz-animation: animation_box_anim 0.3s;
    animation: animation_box_anim 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.animation_sidebar_open .skeleton.skeleton-image {
    margin: 0 15px;
}

@-webkit-keyframes animation_box_anim {
    0% {
        -webkit-transform: scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes animation_box_anim {
    0% {
        -moz-transform: scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes animation_box_anim {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 1350px) {
    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner {
        padding: 30px 100px 30px 100px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animations_box_list {
        margin: 0 -15px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li {
        flex: none;
        min-width: 140px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories li {
        min-width: unset;
    }
}

@media (max-width: 768px) {
    .animation_sidebar_open .ved_animations_box {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .vd_two_coloumn .ved_animations_box, .vd_two_coloumn .skeleton.skeleton-image {
        width: calc(50% - 20px);
        margin: 0 10px;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .ved_animation_sidebar>.ved_animation_toggle i::before {
        transform: translate(2px, 2.2px);
    }
}

@media (max-width: 480px) {
    /* .ved_edit_wrapper {
        width: 360px;
        transform-origin: center top;
    } */
    .vd_scrollstopper_wrapper .ved_edit_wrapper {
        width: 402px;
        transform-origin: left top;
        margin-left: 5px;
    }
    .animation_sidebar_open .ved_animations_box {
        /* width: 100%;
        margin: 0 0; */
        margin-bottom: 20px;
    }
    div.ved_images_overflow {
        max-height: 280px !important;
    }
}

.ved_animation_search_box {
    margin-bottom: 5px;
    position: relative;
}

.ved_animation_search {
    width: 100%;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    border-radius: 4px;
    height: 42px;
    line-height: 40px;
    padding: 0 45px 0 15px;
}

.ved_animation_search:focus {
    border: 1px solid var(--primaryColor);
}

.ved_animation_search_box i {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    color: #888;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
}

.ved_animation_search_box i:hover {
    color: var(--primaryColor);
}

.ved_animation_search_box i:before {
    transition: all 0.3s;
}

.ved_animations_box {
    width: 220px;
    border: 2px solid #f1f1f1;
    background-color: #fff;
    border-radius: 5px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.ved_animations_box img {
    width: 100%;
}

.ved_animations_box .video_animate_preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ved_animations_box.playing .video_animate_preview {
    opacity: 1;
    visibility: visible;
}

body.ved_none_select_animation .ved_animations_box {
    pointer-events: none;
    opacity: 0.5;
}

body.ved_none_select_animation .ved_animations_box.ved_select_animation {
    pointer-events: auto;
    opacity: 1;
}

.ved_animations_box.active,
.ved_animations_box:hover {
    border-color: var(--primaryColor);
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.ved_animations_box.active .ved_checkmark,
.ved_animations_box:hover .ved_checkmark {
    opacity: 1;
    visibility: visible;
}

.ved_select_box {
    margin: 10px 0;
}

.select2-container {
    /* width: 100% !important; */
}

.ved_feild_wrapper .select2-container {
    margin-bottom: 10px;
}

.ved_field_label_wrapper {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
}
.ved_field_label_wrapper span:last-child {
    margin-left: auto;
    text-align: right;
}
.ved_field_label_wrapper span:last-child a {
    color: var(--primaryColor);
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border: 1px solid var(--primaryColor);
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #eee;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--primaryColor);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 10px;
    display: block;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f1f1f1;
    border: 1px solid #eee;
    padding: 0 10px;
    height: 32px;
    display: flex;
    align-items: center;
    line-height: 9px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: flex;
    font-weight: 400;
    width: 12px;
    background-color: #fff;
    height: 12px;
    text-align: center;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
    height: 42px;
    margin: 0;
    width: 100% !important;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid var(--primaryColor);
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single {
    border: 1px solid #f1f1f1;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    color: #888;
    padding: 0 10px;
}

.select2-container--default .select2-selection .select2-selection__arrow>b {
    display: none;
}

.select2-container--default .select2-selection .select2-selection__arrow:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
}

.select2-container--open.select2-container--default .select2-selection .select2-selection__arrow:after {
    content: "\f077";
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    top: 0;
    right: 5px;
    line-height: 40px;
}

.select2-dropdown {
    border: 1px solid var(--primaryColor);
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fff;
    color: var(--primaryColor);
}

.select2-results__option[aria-selected] {
    border-bottom: 1px solid #f1f1f1;
    padding: 14px 14px;
}

.select2-search--dropdown {
    display: none;
}

.ved_create_new_link_page .select2-search--dropdown {
    display: block;
    border-bottom: 1px solid #f1f1f1;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    height: 40px;
    margin: 5px 0;
    padding: 0 10px;
    background-color: #fafafa;
}

.select2-results__options {
    margin: 0;
}

.select2-results__options::-webkit-scrollbar {
    width: 3px;
    border-radius: 10px;
    margin-right: 10px;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #ddd;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--primaryColor);
    border-radius: 10px;
}

.select2-results ul li:last-child {
    border-bottom: 0;
    border-radius: 0 0 10px 10px;
}

.select2-results ul li:first-child {
    border-radius: 10px 10px 0 0;
}

.ved_video_render_wrapper {
    width: 470px;
    max-width: 100%;
    text-align: center;
    margin: 30px auto 20px;
}


/* #step6 .ved_video_render_wrapper {
    margin-top: 40px;
} */

.ved_video_render_wrapper button.ved_video_render_btn.ved_start_video_render.of-track {
    margin-top: 9px;
}

.ved_video_render_btn {
    border: 0;
    width: 280px;
    max-width: 100%;
    height: 50px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    background-color: #09d47c;
}

.ved_video_render_btn:focus,
.ved_video_render_btn:hover {
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.ved_video_render_process_btn {
    color: var(--primaryColor);
    font-size: 14px;
    border: 1px solid var(--primaryColor);
    border-radius: 5px;
    background-color: #fff;
    width: 474px;
    max-width: 100%;
    height: 52px;
}

.ved_video_render_process_btn:hover {
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.ved_exporting_progress_box {
    width: 100%;
    height: 52px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 1px solid #25c825;
}

.ved_exporting_progress_box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 52px;
    background-color: #cef4d0;
    width: 100%;
    z-index: -1;
}

.ved_exporting_progress_box span {
    background-color: #09d47c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1%;
}

.ved_exporting_progress_box p {
    position: absolute;
    top: 50%;
    color: #fff;
    margin: 0;
    left: 50%;
    margin-left: -18px;
    margin-top: -10px;
    z-index: 1;
    font-size: 16px;
    width: 36px;
    text-align: center;
}

.ved_divider_line {
    background-color: #ebebeb;
    width: 470px;
    max-width: 100%;
    height: 1px;
    margin: 45px auto;
}

.ved_settings_wrapper {
    padding-top: 135px;
    padding-bottom: 30px;
}

.ved_blank_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 150px;
}

.ved_blank_wrapper svg path {
    fill: #888;
}

.ved_blank_wrapper h3 {
    padding: 50px 0 0 0;
}

.ved_blank_wrapper p {
    font-size: 20px;
    margin: 0 0 50px 0;
}

.ved_blank_wrapper .ved_head_btn .ved_btn {
    font-size: 16px;
    padding: 0 25px;
    height: 50px;
    line-height: 48px;
}

.ved_settings_options .nav-tabs {
    border-bottom: 1px solid #f2f2f2;
}

.ved_settings_options .nav-tabs .nav-item {
    margin-bottom: 0;
}

.ved_settings_options .nav-tabs .nav-link {
    padding: 0 0 23px 0;
    margin-right: 60px;
    border: 0;
    color: #888;
    position: relative;
}

.ved_settings_options .nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    left: 100%;
    right: 100%;
    bottom: -1px;
    height: 1px;
    background-color: var(--primaryColor);
}

.ved_settings_options .nav-tabs li:last-child .nav-link {
    margin-right: 0;
}

.ved_settings_options .nav-tabs .nav-item.show .nav-link,
.ved_settings_options .nav-tabs .nav-link.active {
    color: var(--primaryColor);
    border: 0;
}

.ved_settings_options .nav-tabs .nav-item.show .nav-link:after,
.ved_settings_options .nav-tabs .nav-link.active:after {
    left: 0;
    right: 0;
}

.ved_settings_options .nav-tabs .nav-item.show .nav-link {
    color: var(--primaryColor);
}

.ved_profile_setting_wrapper,
.ved_whitelabel_wrapper {
    padding: 40px 0 0 0;
    width: 50%;
}

.ved_edit_user .ved_profile_setting_wrapper {
    width: 100%;
}

.ved_edit_user .ved_users_list {
    padding-top: 40px;
}

.ved_profile_setting_wrapper .ved_setting_heading {
    display: flex;
    align-items: center;
    font-size: 17px;
    padding: 0 15px;
    height: 44px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 20px 0;
    background-color: #eee;
}

.ved_afterselect_process {
    display: none;
}

.ved_domaininfo_link a {
    text-decoration: underline;
    color: var(--primaryColor);
    font-weight: 500;
}

.ved_domaininfo_details {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
}

.ved_domaininfo_details li {
    padding-bottom: 12px;
    line-height: initial;
    color: #030303;
}

.ved_domainnote {
    font-size: 14px;
    color: #fe5151;
}

.ved_whitelabel_wrapper {
    width: 100%;
}

.ved_whitelabel_wrapper .ved_colorpicker_wrapper {
    height: 44px;
    padding: 4px 8px 4px 10px;
}

.ved_feild_wrapper {
    display: flex;
    flex-direction: column;
}

.ved_feild_wrapper .ved_video_custom_select .ved_videos_dropdown .ved_video_drop_search>input {
    margin: 0;
}

.ved_feild_wrapper label {
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: #030303;
}

.ved_feild_wrapper input {
    height: 44px;
    padding: 0 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #fff;
}

.ved_upload_profile_img {
    position: relative;
    height: 44px;
    margin-bottom: 10px;
}

.ved_profile_namenimg_box {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: -8px;
    border-radius: 50%;
}

.ved_profile_namenimg_box .ved_profileremovehover {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    border-radius: 50%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 24px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_profile_namenimg_box:hover .ved_profileremovehover {
    opacity: 1;
    visibility: visible;
}

.ved_profile_namenimg_box .ved_user_nick_name,
.ved_profile_namenimg_box .ved_user_profile_src {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.ved_upload_profile_img .ved_user_nick_name {
    background-color: var(--primaryColor);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
}

.ved_upload_profile_img .ved_upload_profile_input,
.ved_rvs_share_btn .ved_upload_profile_input {
    height: 44px;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #fff;
    width: calc(100% - 75px);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.ved_rvs_share_btn .ved_upload_profile_input {
    width: 100%;
}

.ved_rvs_share_btn .ved_upload_profile_input .ved_inputfilepictext {
    top: 13px;
}

.ved_upload_profile_img .ved_upload_profile_input input[type="file"],
.ved_rvs_share_btn .ved_upload_profile_input input[type="file"] {
    cursor: pointer;
    color: #030303;
    width: 102%;
    height: 100%;
    padding: 0;
    border: none;
    margin: 0;
    position: absolute;
    left: -6px;
    opacity: 0;
    z-index: 1;
}

.ved_upload_profile_img .ved_upload_profile_input input[type="file"]::-webkit-file-upload-button,
.ved_rvs_share_btn .ved_upload_profile_input input[type="file"]::-webkit-file-upload-button {
    opacity: 0;
    width: 0;
    margin-top: 11px;
}

.ved_inputfilepictext {
    position: absolute;
    left: 15px;
}

.ved_feild_wrapper input:focus {
    border: 1px solid var(--primaryColor);
}

.ved_url_edit {
    height: 44px;
    padding: 0 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 10px;
    color: #000;
    background-color: #fff;
    position: relative;
}

.ved_url_edit input {
    width: calc(100% - 315px);
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin: 0 0 0 -3px;
}

.ved_url_edit input:focus {
    border: 0;
}

.ved_url_edit .ved_btn {
    position: absolute;
    right: 2px;
    top: 2px;
    background-color: #eee;
    color: #000;
    border: 1px solid #eee;
}

.ved_url_edit .ved_btn:focus,
.ved_url_edit .ved_btn:hover {
    color: #fff;
    border: 1px solid #09d47c;
    background-color: #09d47c;
    box-shadow: 0 10px 20px 0 rgba(9, 212, 124, 0.21);
}

.ved_feild_wrapper input::-webkit-input-placeholder {
    color: #8c8c8c;
}

.ved_feild_wrapper input::-moz-placeholder {
    color: #8c8c8c;
}

.ved_feild_wrapper input::-ms-input-placeholder {
    color: #8c8c8c;
}

.ved_feild_wrapper input::-moz-placeholder {
    color: #8c8c8c;
}

.ved_feild_btn_wrapper {
    display: flex;
    justify-content: flex-end;
    margin: 20px 0 10px 0;
}

.ved_feild_btn_wrapper .ved_btn {
    height: 44px;
}

.ved_setting_inner_wrapper {
    display: flex;
    justify-content: space-between;
}

.ved_setting_inner_wrapper .ved_feild_wrapper {
    width: 49%;
}

.ved_setting_inner_wrapper.ved_cvv_feild_wrapper .ved_date_feild {
    width: 58%;
}

.ved_setting_inner_wrapper.ved_cvv_feild_wrapper .ved_cvv_feild {
    width: 38%;
}

.ved_integration_setting_wrapper {
    padding: 40px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.ved_integration_outerbox {
    padding-left: 5px;
    padding-right: 5px;
    width: 16.666667%;
}

.ved_integration_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    margin: 5px 0;
}

.ved_integration_box:hover {
    border: 1px solid var(--primaryColor);
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.ved_integration_box.active .ved_checkmark,
.ved_integration_box:hover .ved_checkmark {
    opacity: 1;
    visibility: visible;
}

.ved_integration_img {
    height: 119px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_integration_img img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.ved_integration_box p {
    margin: 0;
    padding: 12px 0;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    text-align: center;
    width: 100%;
}

.ved_integration_box:hover p {
    background-color: var(--primaryColor);
    border-top: 1px solid var(--primaryColor);
    color: #fff;
}

.ved_consent_setting_wrapper,
.ved_user_setting_wrapper {
    padding: 40px 0 0 0;
    width: 100%;
}

.ved_list_accordion .card-header .card-link {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    padding: 15px 23px;
    min-height: 64px;
    line-height: 34px;
    width: 100%;
}

.ved_list_accordion .card-header .card-link i {
    margin-right: 7px;
}

.ved_list_accordion .card-header .card-link i:before {
    transition: all 0s;
}

.ved_list_accordion .card-header .card-link:hover,
.ved_list_accordion .card-header .card-link:hover i,
.ved_list_accordion .card-header .card-link[aria-expanded="true"] {
    color: var(--primaryColor);
}

.ved_list_accordion .card-header .card-link[aria-expanded="true"] i {
    font-weight: 900;
    color: var(--primaryColor);
}

.ved_accodion_dropdown {
    position: relative;
}

.ved_accodion_dropdown .ved_dot_options {
    position: absolute;
    top: 0;
    right: 100%;
    display: flex;
    transition: all 0.3s;
    margin-right: 20px;
    visibility: hidden;
    opacity: 0;
}

.ved_accodion_dropdown.open .ved_dot_options {
    visibility: visible;
    opacity: 1;
    margin-right: 0;
}

.ved_accodion_dropdown .ved_dot_options a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    border: 1px solid transparent;
    color: var(--primaryColor);
    cursor: pointer;
    transition: all 0.3s;
}

.ved_accodion_dropdown .ved_dot_options a span {
    display: none;
}

.ved_accodion_dropdown .ved_dot_options a:hover {
    background: #f6f6f6;
    border: 1px solid #eaeaea;
}

.ved_accodion_dropdown .ved_options_dots {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.3s;
}

.ved_accodion_dropdown.open .ved_options_dots {
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    color: var(--primaryColor);
}

.ved_list_accordion .card-header .card-link[aria-expanded="true"]~.ved_accodion_dropdown .ved_options_dots {
    color: var(--primaryColor);
}

.ved_list_accordion .card-header {
    border-bottom: 0 solid #eaeaea;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.ved_list_accordion .card-header .ved_accodion_dropdown {
    position: absolute;
    right: 17px;
}

.ved_list_accordion .card {
    border-radius: 0;
    border: 1px solid #eaeaea;
    border-bottom: none;
}

.ved_list_accordion .card:last-child {
    border-bottom: 1px solid #eaeaea;
}

.ved_list_accordion .card-body {
    padding: 0;
}

.ved_list_accordion .card-body table {
    margin: 0;
    border: none;
    border-top: 0 solid #ececec;
}

.table {
    color: #222;
    border: 1px solid #f4f4f4;
    border-radius: 0;
}

.table tbody tr:hover {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.06);
}

.table td,
.table thead th {
    padding: 30px 23px;
    vertical-align: middle;
    border-bottom: 1px solid #f4f4f4;
    color: #8c8c8c;
    word-break: break-word;
    position: relative;
}

.table tr:last-child td {
    border-bottom: none;
}

.table .ved_norecords {
    text-align: center;
}

.table .ved_check_th~.ved_video_th {
    padding-left: 0;
}

.table .ved_check_th {
    padding-right: 0;
    width: 55px;
}

.table thead th {
    background-color: #fbfbfb;
    color: #222;
    font-weight: 500;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.table td .ved_status {
    width: 15px;
    height: 15px;
    background: #fd5858;
    display: inline-block;
    border-radius: 100px;
}

.table td .ved_status.active {
    background: #22c16b;
}

.table td .ved_status.trial {
    background: #2693ff;
}

.table td .ved_status.inactive {
    background: #d4d4d4;
}

.table td .ved_status.failed {
    background: #ffd440;
}

.table td .ved_status.paused {
    background: #f66ef4;
}

.table td ul {
    margin: 0;
    padding: 0;
}

.table td ul li {
    display: inline-block;
    list-style: none;
}

.table td ul li a {
    color: #8c8c8c;
    margin: 0 2px;
}

.table td ul li a:hover i {
    color: var(--primaryColor);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.table.ved_stats_tbl {
    overflow: auto;
    display: block;
}

.table.ved_stats_tbl td,
.table.ved_stats_tbl thead th {
    white-space: nowrap;
}

.ved_chck_btn {
    position: relative;
    display: inline-block;
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
}

.ved_chck_btn input[type="checkbox"] {
    visibility: hidden;
    height: auto;
    width: auto;
    line-height: normal;
    padding: 0;
}

.ved_chck_btn .ved_chck_check {
    display: block;
    position: absolute;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #fff;
}

.ved_chck_btn:hover .ved_chck_check {
    box-shadow: 3.536px 3.536px 5px 0 rgba(0, 0, 0, 0.16);
}

.ved_chck_btn .ved_chck_check::before {
    display: block;
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 11px;
    height: 6px;
    border-left: 2px solid var(--primaryColor);
    border-bottom: 2px solid var(--primaryColor);
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.ved_chck_btn input[type="checkbox"]:checked~.ved_chck_check {
    box-shadow: 3.536px 3.536px 5px 0 rgba(0, 0, 0, 0.16);
}

.ved_chck_btn input[type="checkbox"]:checked~.ved_chck_check::before {
    opacity: 1;
    visibility: visible;
}

.ved_chck_btn label {
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
}

.ved_feild_wrapper .ved_chck_btn {
    width: max-content;
}

.ved_feild_wrapper .ved_chck_btn label {
    margin-bottom: 0;
    line-height: 19px;
    width: max-content;
    height: auto;
    padding: 0 0 0 30px;
}

.ved_feild_wrapper .ved_chck_btn input {
    margin-bottom: 25px;
}

.ved_table_pagination_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.ved_tbl_left p {
    margin: 0;
}

.ved_tbl_right ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.ved_tbl_right ul li {
    list-style: none;
    display: inline-flex;
}

.ved_tbl_right ul li a {
    display: flex;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin: 0 2px;
}

.ved_tbl_right ul li span {
    display: flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.ved_tbl_right ul li a:hover,
.ved_tbl_right ul li.active a {
    border: 1px solid var(--primaryColor);
    color: #fff;
    background-color: var(--primaryColor);
    box-shadow: 0 10px 20px 0 rgba(0, 80, 255, 0.21);
}

.ved_tbl_right ul li.active a {
    pointer-events: none;
}

.disabled {
    pointer-events: none;
}

.ved_tbl_search_dropdwn_wrapper {
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
    align-items: center;
}

.ved_tbl_search_dropdwn_wrapper.ved_single_option {
    justify-content: flex-end;
}

.ved_temp_anim_head {
    margin-bottom: 15px;
}

.ved_tbl_left_wrappo,
.ved_tbl_right_wrappo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ved_tbl_right_wrappo h4 {
    font-size: 18px;
    margin: 0;
    margin-right: 28px;
}

.ved_create_new_link,
.ved_anim_link,
.ved_create_new_link:focus,
.ved_anim_link:focus,
.ved_anim_link:hover,
.ved_create_new_link:hover {
    color: var(--primaryColor);
    font-weight: 500;
    margin-right: 15px;
}

.ved_add_new_user,
.ved_add_new_whiteuser {
    margin-right: 10px;
}

.ved_tbl_search {
    position: relative;
    margin-right: 10px;
}

.ved_tbl_search input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 362px;
    border: 1px solid #e1e1e1;
    background-color: #fbfbfb;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 10px;
    position: relative;
}

.ved_tbl_search.ved_keyword_analytic_search input {
    width: 250px;
}

.ved_tbl_search input:focus {
    border: 1px solid var(--primaryColor);
}

.ved_tbl_search i {
    position: absolute;
    top: 50%;
    right: 10px;
    display: none;
    margin-top: -7px;
}

.ved_tbl_left_wrappo .ved_tbl_btn {
    margin-right: 10px;
}

.fal.fa-bolt {
    font-weight: 500;
}

.ved_tbl_drpdwn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--primaryColor);
    background-color: #fff;
    color: var(--primaryColor);
    border-radius: 0;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
}

.ved_tbl_drpdwn:hover {
    border: 1px solid var(--primaryColor);
    color: #fff;
    background: var(--primaryColor);
    box-shadow: 0 10px 20px 0 rgba(0, 85, 255, 0.21);
}

.ved_tbl_drpdwn i:before {
    transition: none;
}

.ved_border_btn span {
    transition: all 0s;
}

.ved_tbl_drpdwn i {
    transition: none;
}

.ved_tbl_drpdwn_option_box {
    position: absolute;
    top: 45px;
    right: 0;
    width: max-content;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid var(--primaryColor);
    padding: 0;
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.ved_tbl_drpdwn .ved_tbl_drpdwn_option_box.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_tbl_drpdwn_option_box ul {
    margin: 0;
    padding: 0;
}

.ved_tbl_drpdwn_option_box ul li {
    list-style: none;
}

.ved_tbl_drpdwn_option_box ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 10px;
    border-bottom: 1px solid #e1e1e1;
    color: #888;
    font-weight: 500;
}

.ved_tbl_drpdwn_option_box ul li:last-child a {
    border-bottom: 0;
}

.ved_tbl_drpdwn_option_box ul li:hover a {
    color: var(--primaryColor);
}

.ved_filter_dropdown {
    width: 199px;
    border-radius: 0;
}

.ved_filter_dropdown ul li span {
    display: block;
    background: #f6f6f6;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    color: #888;
    padding: 15px 10px;
    font-weight: 500;
}

.ved_checkbox input {
    opacity: 0;
    position: absolute;
}

.ved_checkbox p {
    margin: 0;
    font-size: 13px;
    color: #888;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    padding-left: 27px;
    text-transform: capitalize;
    transition: all 0.3s;
}

.ved_checkbox input:checked~p,
.ved_checkbox p:hover {
    color: var(--primaryColor);
}

.ved_checkbox label {
    margin: 0;
    padding: 15px 10px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}

.ved_checkbox p:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #ececec;
    border-radius: 2px;
    height: 19px;
    width: 19px;
    top: -2px;
    left: 0;
    z-index: 5;
    background-color: #f6f6f6;
}

.ved_checkbox p:after {
    display: block;
    position: absolute;
    content: "";
    top: 3px;
    left: 4px;
    width: 11px;
    height: 6px;
    z-index: 6;
    border-left: 2px solid var(--primaryColor);
    border-bottom: 2px solid var(--primaryColor);
    border-radius: 0;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-31deg);
    transform: rotate(-30deg);
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0.3s;
}

.ved_checkbox input:checked~p:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: auto;
    opacity: 1;
    visibility: visible;
}

.ved_filter_dropdown ul li:last-child .ved_checkbox label {
    border: none;
}

.ved_load_more {
    text-align: right;
}

.table tfoot td {
    padding: 23px 23px;
    vertical-align: middle;
    border-top: 1px solid #eaeaea;
    background-color: #fbfbfb;
}

.ved_load_more a {
    color: var(--primaryColor);
    text-decoration: underline;
    font-size: 13px;
}

.table tfoot td p {
    margin: 0;
    font-weight: 500;
}

.ved_create_new_link_wrapper_box {
    display: block;
    width: 470px;
    max-width: 100%;
    margin: 20px auto;
}

.ved_colorpicker_wrapper {
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    height: 40px;
    padding: 4px 4px 4px 10px;
    border-radius: 5px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ved_colorpicker_box {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    background-color: transparent;
}

.ved_redirect_url_wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
}

.ved_redirect_url_wrapper input {
    height: 40px;
    padding: 0 15px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fff;
}

.ved_redirect_url_wrapper i {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -11px;
}

.ved_copytoclipboard_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 87px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    background-color: #fafafa;
    padding: 0 15px;
    color: #c1c1c1;
    cursor: pointer;
}

.ved_copytoclipboard_box p {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.ved_copytoclipboard_box span.ved_copied_icon {
    font-size: 24px;
}

.ved_copytoclipboard_box:hover i,
.ved_copytoclipboard_box:hover p {
    color: #111;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.ved_copytoclipboard_box.ved_copied {
    color: #fff;
    border: 1px solid #09d47c;
    background-color: #09d47c;
}

.ved_copytoclipboard_box.ved_copied:hover p {
    color: #fff;
}

.ved_copytoclipboard_box.ved_copied .ved_copied_btn {
    display: flex;
}

.ved_copytoclipboard_box.ved_copied .ved_copied_icon {
    display: none;
}

.ved_copied_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background-color: #fff;
    height: 30px;
    color: #111;
    border-radius: 5px;
    font-size: 13px;
    display: none;
}

.ved_copied_btn i {
    font-size: 13px;
    margin-right: 10px;
}

.ved_downloadcode_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 87px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #09d47c;
    background-color: #09d47c;
    padding: 0 15px;
    font-size: 14px;
    cursor: pointer;
}

.ved_downloadcode_box a {
    color: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
    font-size: 14px;
    cursor: pointer;
}

.ved_downloadcode_box a i {
    margin-right: 10px;
    font-size: 18px;
}

.ved_chartbox_wrapper {
    display: flex;
    justify-content: space-between;
}

.ved_chartbox_wrapper.ved_chart_box_double .ved_chart_box {
    width: 49%;
}

.ved_chart_box {
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    padding: 45px;
    margin-bottom: 25px;
}

.ved_chart_box h4 {
    margin: 0 0 5px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--chartColor);
}

.ved_chart_box p {
    margin: 0 0 50px 0;
    font-size: 12px;
    color: #14112d;
    font-weight: 500;
}

.ved_tbl_left_wrappo .ved_select_box {
    margin: 0 10px 0 0;
    width: 245px;
    max-width: 100%;
}

.daterangepicker {
    font-family: Poppins, sans-serif;
    border: 1px solid #f1f1f1;
}

.daterangepicker:before {
    border-bottom: 7px solid #f1f1f1;
}

.daterangepicker .calendar-table th {
    font-weight: 500;
    color: #14112d;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--primaryColor);
    color: #fff;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #f1f1f1;
}

.daterangepicker .drp-selected {
    display: none;
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    color: #ddd;
}

.ved_datepicker_box {
    position: relative;
    width: 360px;
    max-width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #f1f1f1;
    height: 40px;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 13px;
    color: #888;
    cursor: pointer;
}

.ved_datepicker_box input {
    position: absolute;
    left: -1px;
    width: 100.5%;
    border: 1px solid #f1f1f1;
    height: 40px;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 13px;
    color: #888;
    cursor: pointer;
}

.ved_datepicker_box input:focus,
.ved_datepicker_box:focus {
    border: 1px solid var(--primaryColor);
}

.ved_datepicker_box i {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
}

.ved_fboffline .ved_datepicker_box input {
    height: 50px;
    top: -1px;
}

.ved_fboffline .ved_datepicker_box {
    height: 50px;
}

.apexcharts-tooltip * {
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.apexcharts-tooltip {
    width: 55px;
    height: 46px;
    background-color: var(--primaryColor);
    box-shadow: rgba(0, 0, 0, 0.26) 0 10px 15px 0;
}

.apexcharts-tooltip-series-group {
    height: 46px;
    justify-content: center !important;
}

.apexcharts-tooltip-series-group.active,
.apexcharts-tooltip-series-group:last-child {
    padding-bottom: 0 !important;
}

.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
    margin-left: 0 !important;
}

.apexcharts-tooltip.light {
    border: 1pc solid var(--chartColor) !important;
}

.apexcharts-tooltip.light .arrow_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: var(--chartColor);
    color: #fff;
}

.ved_help_us_improve p.ved_contactus {
    margin: 10px 0;
}

#cancel_subscription_popup2 .ved_delete_body_wrapper {
    padding-bottom: 10px;
}

.ved_help_us_improve p.ved_contactus a {
    color: var(--primaryColor);
    text-decoration: underline;
}

.ved_load_more_animations.hide {
    display: none;
}

.ved_autoresponder_form .ved_inner_form.hide {
    display: none;
}

span.ved_video_image_upload_text {
    position: absolute;
    font-weight: 600;
    top: 40%;
    left: 20%;
    display: none;
    font-size: 16px;
}

.ved_edit_wrapper .ved_overlay_video_thumb {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.ved_edit_wrapper .ved_overlay_video_thumb.upwards {
    animation: moveBTT 10s linear infinite;
}

.ved_edit_wrapper .ved_overlay_video_thumb canvas {
    vertical-align: middle;
}

@keyframes moveBTT {
    0% {
        transform: translateY(150%);
    }
    100% {
        transform: translateY(-150%);
    }
}

.ved_edit_wrapper .ved_overlay_video_thumb.downwards {
    animation: moveTTB 10s linear infinite;
}

@keyframes moveTTB {
    0% {
        transform: translateY(-150%);
    }
    100% {
        transform: translateY(150%);
    }
}

.ved_edit_wrapper .ved_overlay_video_thumb.active {
    z-index: 10;
    opacity: 1;
    visibility: visible;
}

.ved_edit_wrapper .ved_overlay_video_thumb img,
.ved_edit_wrapper .ved_overlay_video_thumb:hover {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

div.ved_images_overflow {
    max-height: 400px;
    overflow-y: auto;
}

.ved_loadmore_section {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.ved_edit_wrapper_bigger {
    width: 450px;
}

.ved_edit_wrapper_bigger .ved_user_profile span {
    font-size: 22px;
}

.ved_edit_wrapper_bigger .ved_post_description {
    font-size: 22px;
}

.ved_edit_wrapper_bigger p.ved_post_likes {
    font-size: 22px;
}

.modal {
    overflow-y: auto;
}

#ved_image_crop_popup .modal-dialog {
    max-width: 1000px;
}

#ved_image_crop_popup .modal-dialog .ved_profile_edit_box {
    margin-bottom: 28px;
}

.ved_bolditalic {
    font-weight: 700;
    font-style: italic;
}

.ved_post_descrip_inner .highlighted {
    color: #003569;
    display: inline-flex;
}

.ved_post_descrip_inner .highlighted:first-of-type {
    display: unset;
}

.ved_adfriendly .ved_post_descrip_inner .highlighted {
    color: #262626;
}

#confetti-canvas {
    position: absolute;
    top: 10px;
    width: 100%;
}

.ved_post_layout {
    align-items: center;
    justify-content: center;
    width: 820px;
    max-width: 100%;
    margin: 20px auto;
    background: #fff;
    position: relative;
}

.ved_post_style_wrapper {
    text-align: center;
}

.ved_post_style_wrapper>p {
    font-size: 14px;
}

.ved_post_style_selection {
    display: inline-flex;
    /* max-width: 720px; */
    max-width: 500px;
    margin-top: 15px;
}

.ved_post_style_selection>.ved_pss_item {
    flex: 1;
    padding: 0 10px;
}

.ved_post_style_selection>.ved_pss_item .ved_video_labels {
    color: #000000;
    font-weight: 600;
}

.ved_post_style_selection>.ved_pss_item>input {
    position: absolute;
    left: -999999px;
    opacity: 0;
}

.ved_post_style_selection>.ved_pss_item>label {
    padding: 3px;
    border: 1px solid #eee;
    cursor: pointer;
    border-radius: 5px;
}

.ved_post_style_selection>.ved_pss_item>label>video {
    width: 100%;
    height: auto;
    border-radius: 5px;
    vertical-align: middle;
    pointer-events: none;
}

.ved_post_style_selection>.ved_pss_item>input:checked~label,
.ved_post_style_selection>.ved_pss_item:hover>label {
    border-color: var(--primaryColor);
    box-shadow: 0 0 20px 0 rgba(0, 85, 255, 0.2);
}

#step2 .ved_steps_btn_wrapper.ved_insta_width {
    /* width: 700px; */
    width: 480px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .ved_profile_setting_wrapper {
        width: 100%;
    }
    .ved_integration_box {
        width: 100%;
    }
    .ved_integration_outerbox {
        width: 33.3%;
    }
}

@media (max-width: 767px) {
    .ved_profile_setting_wrapper {
        width: 100%;
    }
    .ved_setting_inner_wrapper {
        flex-direction: column;
    }
    .ved_setting_inner_wrapper .ved_feild_wrapper {
        width: 100%;
    }
    .ved_integration_box {
        width: 100%;
    }
    .ved_integration_outerbox {
        width: 50%;
    }
    .ved_settings_options .nav-tabs .nav-link {
        margin-right: 15px;
    }
}

@media (max-width: 479px) {
    .ved_integration_box {
        width: 100%;
    }
    .ved_setting_inner_wrapper {
        flex-direction: column;
    }
    .ved_setting_inner_wrapper .ved_feild_wrapper {
        width: 100%;
    }
}

.ved_contact_wrapper, .ved_offer_other_UI_wrapper {
    text-align: center;
    margin-top: 50px;
}

.ved_contact_wrapper a, .ved_offer_other_UI_wrapper a {
    color: var(--primaryColor);
    text-decoration: underline;
}

.cropper-container *,
.resize-container * {
    transition: none !important;
}

.ved_img_container {
    height: 960px;
    overflow: hidden;
}

.ved_img_container iframe.ved_image_resize_url {
    border: none;
    height: inherit;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

#pills-tabContent .ved_crop_center_sub_heading {
    text-align: center;
}

.billing_subscription_wrapper {
    margin-bottom: 15px;
    padding-top: 40px;
    max-width: 800px;
}

.bill_sub_box {
    margin-bottom: 50px;
}

.bill_sub_box>h3 {
    font-size: 13px;
    margin: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

.bill_sub_box>h3>span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: var(--primaryColor);
    cursor: pointer;
}

.bill_sub_list>.bill_sub_item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.bill_sub_list>.bill_sub_item.vd_switch_to_yearly_item>.bill_subitem_title {
    flex: 0 0 80%;
    font-weight: 400;
}

.bill_sub_list>.bill_sub_item.vd_switch_to_yearly_item>.bill_subitem_value a {
    font-weight: 400;
}

.bill_sub_list>.bill_sub_item>.bill_subitem_value a {
    color: var(--primaryColor);
    font-weight: 500;
}

.bill_sub_list>.bill_sub_item>.bill_subitem_title {
    flex: 1;
    font-weight: 500;
    text-transform: capitalize;
}
.bill_sub_list>.bill_sub_item>.bill_subitem_title>span {
    text-transform: none;
}

.bill_sub_list>.bill_sub_item>.bill_subitem_value {
    flex: 1;
    text-align: right;
}

.bill_sub_list>.bill_sub_item>.bill_subitem_value .sub_status {
    font-weight: 500;
}

.bill_sub_list>.bill_sub_item>.bill_subitem_value .sub_status.active {
    color: #4caf50;
    text-transform: capitalize;
}

.bill_sub_list>.bill_sub_item>.bill_subitem_value .sub_status.inactive {
    color: #e91e63;
    text-transform: capitalize;
}

.paused {
    color: #ffc107;
    text-transform: capitalize;
}

.ved_resume_plan_btn,
.ved_resume_plan_btn:hover {
    margin-top: 20px;
    display: inline-block;
    color: var(--primaryColor);
}

#resume_previous_account_plan .ved_btn_white,
#resume_previous_account_plan .ved_btn {
    min-width: 100px;
}

.bill_sub_list>.bill_sub_item>.bill_subitem_value .vd_card_declined_btn {
    color: var(--primaryColor);
    cursor: pointer;
    text-decoration: underline;
}

.cancel_subscription>.ved_btn.ved_btn_red {
    background-color: #fff;
    border: 1px solid #f54949;
    color: #f54949;
}

.cancel_subscription>.ved_btn.ved_btn_red:hover {
    background-color: #f54949;
    border: 1px solid #f54949;
    color: #fff;
    box-shadow: 0 10px 20px 0 rgba(245, 73, 73, 0.21);
}

.bill_sub_box .table td,
.bill_sub_box .table thead th {
    padding: 20px;
    text-transform: capitalize;
}

.bill_sub_box .table a {
    color: var(--primaryColor);
}

.bill_header_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.bill_header_box a {
    font-size: 12px;
    color: var(--primaryColor);
    cursor: pointer;
    font-weight: 500;
}
.bill_header_box h3 {
    font-size: 14px;
}

.ved_capitalize {
    text-transform: capitalize;
}

.ved_cancel_subscription_option {
    padding: 0 25px;
    margin-top: 15px;
}

#change_plan_subscription_popup .ved_cancel_subscription_option {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ved_confirmation_popup_wrapper .modal-body .ved_cancel_subscription_option>p:first-of-type,
.ved_confirmation_popup_wrapper .modal-body .ved_cancel_subscription_option>p:nth-of-type(2) {
    margin-bottom: 10px;
    text-align: left;
    font-weight: 600;
    color: #000000;
}

.ved_cso_item {
    margin-bottom: 15px;
}

.ved_cancel_subscription_option .vd_ch_plan_separator {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
}

#change_plan_subscription_popup .modal-dialog {
    max-width: 800px;
}


/*--------------- susbcription popup changes   -----------*/

.ved_subscription_design .modal-dialog {
    max-width: 100% !important;
    height: 100vh;
    margin: 0;
}

.ved_subscription_design .modal-dialog .modal-content {
    border: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 100vh;
    border-radius: 0;
    overflow-x: hidden;
}

.ved_subscription_container {
    width: 930px;
    max-width: 100%;
    margin: 0 auto 50px;
}

.ved_subscription_design .ved_subscription_box {
    text-align: left;
    margin-bottom: 30px;
}

.ved_subscription_design .ved_subscription_box h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 30px;
}

.ved_subscription_plan .ved_subscription_plan_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.ved_subscription_design .ved_subscription_box label {
    width: 100%;
    margin-bottom: 20px;
}

.ved_subscription_plan .ved_subscription_plan_head h3 {
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    padding-left: 23px;
    display: flex;
    align-items: center;
}

.ved_subscription_design .ved_subscription_box .ved_subscription_plan {
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    border-radius: 6px;
    padding: 30px;
    position: relative;
    /* cursor: pointer; */
}

.ved_subscription_plan.ved_cancel_subscription_option {
    display: block !important;
}

.ved_subscription_design .ved_subscription_box .ved_subscription_type {
    padding: 20px 30px;
}

.ved_subscription_design .ved_subscription_box .ved_subscription_plan.ved_current_plan {
    background: #f1f1f1;
}

.ved_subscription_design .ved_subscription_box label input {
    display: none;
}

.ved_subscription_design .ved_subscription_box label input:checked~.ved_subscription_plan {
    border-color: var(--primaryColor);
}

.ved_subscription_plan .ved_subscription_plan_head h3:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: calc(50% - 8px);
    background: #FFFFFF;
    border: 1px solid #BFC0C0;
    border-radius: 8px;
    transition: all 0.3s;
}

.ved_subscription_plan .ved_subscription_plan_head h3:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 3px;
    top: calc(50% - 5px);
    background: var(--primaryColor);
    border-radius: 8px;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}

label input:checked~.ved_subscription_plan .ved_subscription_plan_head h3:after {
    visibility: visible;
    opacity: 1;
}

label input:checked~.ved_subscription_plan .ved_subscription_plan_head h3:before {
    border-color: var(--primaryColor);
}

.ved_subscription_plan .ved_subscription_plan_head h2 {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
}

.ved_subscription_plan .ved_subscription_plan_head h2 del {
    color: #888888;
    margin-right: 5px;
}

.ved_subscription_plan .ved_subscription_plan_head h3 span {
    background: #E8F8FC;
    border: 1px solid var(--primaryColor);
    border-radius: 6px;
    font-weight: 500;
    font-size: 10px;
    display: none;
    padding: 6px 12px;
    color: var(--primaryColor);
    margin-left: 12px;
}

.ved_current_plan.ved_subscription_plan .ved_subscription_plan_head h3 span {
    display: inline-block;
}

.ved_subscription_plan ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ved_subscription_plan ul li {
    font-weight: 400;
    font-size: 14px;
    color: #595959;
    margin-bottom: 10px;
}

.ved_subscription_plan ul li:last-child {
    margin-bottom: 0;
}

.ved_subscription_plan ul li span {
    margin-right: 8px;
}

.ved_subscription_design .ved_subscription_box .ved_subscription_plan img {
    position: absolute;
    top: -33px;
    left: -33px;
}

.ved_billing_toggle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ved_billing_toggle p {
    font-weight: 600;
    font-size: 14px;
    color: #222222;
    margin: 0 !important;
    position: relative;
}

.ved_billing_toggle span {
    width: 40px;
    height: 23px;
    background: #BFEAFF;
    border-radius: 30px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
    border: 1px solid var(--primaryColor);
    transform: translateY(1px);
}

.ved_billing_toggle span:before {
    content: "";
    width: 15px;
    height: 15px;
    background: var(--primaryColor);
    position: absolute;
    top: 3px;
    left: 4px;
    border-radius: 10px;
    transition: all 0.3s;
}

.ved_billing_type label input:checked~.ved_billing_toggle p:last-of-type {
    font-weight: 600;
}

.ved_billing_toggle p:last-of-type {
    font-weight: 500;
}

.ved_billing_type label input:checked~.ved_billing_toggle p:first-of-type {
    font-weight: 500;
}

.ved_subscription_design .ved_subscription_box label .ved_billing_type {
    display: flex;
}

.ved_subscription_design .ved_subscription_box .ved_billing_type label {
    width: unset;
    margin: 0;
}

.ved_subscription_design .ved_subscription_box .ved_billing_type {
    display: flex;
    justify-content: center;
}

.ved_billing_type label input:checked~.ved_billing_toggle span:before {
    left: 19px;
}

.ved_selected_plan>p,
.ved_selected_plan .vd_plan_rv_details p {
    text-align: left !important;
    font-weight: 400;
    font-size: 14px;
    color: #595959;
    margin-bottom: 0 !important;
}

.ved_selected_plan ul li {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #F7F7F7;
    font-weight: 500;
    font-size: 14px;
    color: #222222;
    margin: 0;
}

.ved_selected_plan .vd_plan_rv_details ul li:last-child {
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #F7F7F7;
}

.ved_selected_plan ul li:last-child {
    font-weight: 600;
    font-size: 16px;
    border: none;
}

.ved_selected_plan .vd_plan_rv_details~ul.vd_ch_plan_ul_wrap2 li {
    padding-top: 15px;
}

.ved_selected_plan ul.vd_ch_plan_ul_wrap2 li {
    padding-top: 0;
}

.ved_selected_warning {
    background: #FFFAF3;
    border-radius: 6px;
    padding: 15px 30px;
    text-align: center;
}

.ved_selected_warning h3 {
    font-weight: 600;
    font-size: 13px !important;
    text-align: center;
    color: #6F4200;
    margin-bottom: 5px !important;
}

.ved_selected_warning p {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #6F4200;
    margin-bottom: 0 !important;
}

.ved_selected_warning p a {
    text-decoration: underline;
    color: #6F4200;
}

.ved_selected_plan .ved_btn {
    width: 100%;
    margin-top: 10px;
    height: 60px;
    font-size: 16px;
    font-weight: 600;
}

.ved_selected_plan .ved_btn.disable {
    background: #FAFAFA;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #DEDEDE;
    border: none;
    pointer-events: none;
}

.ved_selected_plan h5 {
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    color: #9C9C9C;
    margin-top: 10px;
}

.ved_selected_plan h5 span {
    margin-right: 7px;
}

.ved_annual_text {
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    color: #595959;
    margin-top: 20px;
}

.ved_subscription_design .ved_discounted_plan {
    margin-bottom: 20px;
    margin-top: -20px;
}

.ved_annual_text p {
    font-size: 13px;
}

.ved_selected_coupen h4 {
    font-weight: 500;
    font-size: 13px;
    color: #595959;
}

.ved_selected_coupen .ved_feild_wrapper {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.ved_selected_coupen .ved_feild_wrapper .ved_light_btn {
    margin: 0;
    height: 36px;
    line-height: 34px;
    background: #DAF6FC;
    border: none;
    min-width: 100px;
    color: var(--primaryColor);
    position: relative;
}

.ved_selected_coupen .ved_feild_wrapper .ved_light_btn.active:after {
    content: "Remove";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #daf6fc;
    line-height: 36px;
    transition: all 0s;
    visibility: hidden;
    border-radius: 5px;
}

.ved_selected_coupen .ved_feild_wrapper .ved_light_btn.active:hover:after {
    background: var(--primaryColor);
    visibility: visible;
    opacity: 1;
}

.ved_selected_coupen .ved_feild_wrapper input.ved_input {
    height: 36px;
    margin-right: 10px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    color: #222222;
    padding: 0 10px;
    min-width: 198px;
}

.ved_selected_coupen .ved_feild_wrapper .ved_light_btn:hover,
.ved_selected_coupen .ved_feild_wrapper .ved_light_btn:focus:hover {
    background: var(--primaryColor);
    color: #fff;
}

.ved_selected_coupen .ved_feild_wrapper .ved_light_btn:focus {
    box-shadow: none;
    color: var(--primaryColor);
}

.ved_selected_plan ul li span {
    margin-right: 0;
}

.ved_selected_plan ul li span del {
    color: #888888;
    margin-right: 5px;
}

.ved_subscription_design .modal-body {
    padding: 30px 20px;
}

.ved_subscription_design .modal-body>h3 {
    margin-bottom: 10px;
}

.ved_subscription_design {
    padding: 0 !important;
    top: 92px;
    z-index: 95;
}

.vd_ch_plan_modal .modal-backdrop.fade.show {
    display: none;
}

.ved_selected_plan .coupon-field-wrapper .coupon-button {
    color: var(--primaryColor);
    font-size: 13px;
}

.ved_selected_plan #change-plan-coupon-code.active {
    border-color: var(--primaryColor);
}

.ved_selected_plan .has-value .button-input {
    background: var(--primaryColor);
}

.ved_subscription_design .ved_selected_plan .ved_discounted_plan {
    margin: 0;
}

.ved_subscription_design .ved_selected_plan .ved_discounted_plan .ved_plan_bubble {
    margin: 0;
}

.ved_subscription_design .ved_selected_plan .ved_discounted_plan .ved_plan_bubble {
    width: 100%;
    text-align: center;
}

.ved_subscription_design .ved_selected_plan .ved_discounted_plan .ved_plan_bubble p img {
    position: static;
}

.ved_discounted_plan .ved_plan_bubble img {
    margin: 0 4px;
}

@media(min-width:577px) {
    .ved_discounted_plan .ved_plan_bubble p br {
        display: none;
    }
}

@media(max-width:768px) {
    .ved_subscription_design {
        top: 70px;
    }
    .ved_subscription_design .modal-dialog {
        padding: 0;
    }
}

@media(max-width:576px) {
    .bill_sub_box .table td,
    .bill_sub_box .table thead th {
        padding: 15px;
    }
    .ved_subscription_design .modal-body {
        padding: 30px 20px;
    }
    .ved_subscription_plan ul li {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .ved_subscription_plan .ved_subscription_plan_head h2 {
        font-size: 14px;
    }
    .ved_subscription_plan .ved_subscription_plan_head h3 {
        font-size: 14px;
    }
    .ved_subscription_design .ved_subscription_box .ved_subscription_plan {
        padding: 15px;
    }
    .ved_subscription_design .ved_subscription_box .ved_subscription_plan>img {
        width: 60px;
        top: -19px;
        left: -18px;
    }
    .ved_selected_plan ul li {
        padding: 13px 0;
        font-size: 12px;
        margin: 0;
    }
    .ved_selected_plan ul li:last-child {
        font-size: 14px;
    }
    .ved_subscription_design .ved_subscription_box>h2 {
        margin-bottom: 20px;
    }
    .ved_subscription_design .ved_subscription_box label:last-of-type {
        margin: 0;
    }
    .ved_subscription_design .ved_subscription_box {
        margin-bottom: 20px;
    }
    .ved_subscription_design .modal-body {
        overflow: auto;
    }
    .ved_subscription_design .modal-header button.close {
        width: 30px;
        height: 30px;
        transform: translateY(-10px);
        background: #ffffff;
    }
}


/*--------------- susbcription popup changes   -----------*/

.ved_confirmation_popup_wrapper .modal-body .vd_ch_plan_separator>p {
    margin: 10px 0;
    text-align: left;
    font-weight: 600;
    color: #000000;
}

.ved_selected_plan .coupon-field-wrapper {
    margin-bottom: 20px;
}

.ved_confirmation_popup_wrapper .modal-body .ved_cancel_subscription_option .vd_change_plan_note {
    color: #000000 !important;
    padding: 13px 20px 0;
    text-align: left !important;
    font-weight: 400 !important;
}

.ved_annual_text p {
    color: #000000 !important;
    padding: 0 !important;
    text-align: left !important;
    margin-bottom: 10px !important;
}

.ved_cso_item:last-child {
    margin-bottom: 0;
}

.ved_cso_item>input {
    position: absolute;
    left: -99999px;
    opacity: 0;
}

.ved_cso_item>label {
    background-color: #f9f9f9;
    padding: 15px;
    padding-left: 50px;
    position: relative;
    text-align: left;
    width: 100%;
    cursor: pointer;
    min-height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ved_cso_item>label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    border: 1px solid #b3b2b2;
    margin-top: -10px;
}

.ved_cso_item>label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 19px;
    width: 12px;
    height: 12px;
    border-radius: 15px;
    margin-top: -5px;
    background-color: var(--primaryColor);
    -webkit-transform: translate(0, -1px);
    -moz-transform: translate(0, -1px);
    transform: translate(0, -1px);
    opacity: 0;
    visibility: hidden;
}

.ved_cso_item>input:checked~label::after {
    opacity: 1;
    visibility: visible;
}

.ved_cso_item>input:checked~label {
    background-color: #efefef;
}

.ved_cso_item>label>h3 {
    font-size: 14px !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
}

.ved_cso_item>label>p {
    font-size: 12px !important;
    margin: 0 !important;
    text-align: left !important;
}

.ved_help_us_improve {
    padding: 0 25px;
    margin-top: 25px;
}

.ved_radio {
    margin-bottom: 15px;
}

.ved_radio>input {
    position: absolute;
    left: -99999px;
    opacity: 0;
}

.ved_radio>label {
    position: relative;
    width: 100%;
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
}

.ved_radio>label::before {
    content: "";
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 30px;
    margin-right: 10px;
    box-shadow: 0 0 0 1px #b3b2b2;
}

.ved_radio>label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 15px;
    background-color: var(--primaryColor);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    transform: translateY(-1px);
}

.ved_radio>input:checked~label::after {
    opacity: 1;
    visibility: visible;
}

.ved_help_us_improve .ved_feild_wrapper textarea {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #fff;
}

.ved_help_us_improve .ved_feild_wrapper textarea:focus {
    border-color: var(--primaryColor);
}

.ved_personl_starter_modal_wrap .ved_cancel_modal_notes {
    padding: 0 35px 16px;
}

.ved_personl_starter_modal_wrap .modal-footer {
    padding: 0px 35px 16px 35px;
}

.cu_info_list {
    margin-bottom: 30px;
}

.cu_info_list>h3 {
    color: #222;
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    margin-bottom: 10px;
}

.cu_info_list>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cu_info_list>ul>li {
    padding: 7px 0;
}

.cu_info_list>ul>li:last-child {
    padding-bottom: 0;
}

.cu_info_list>ul>li::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background-color: #e6e6e6;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.cu_info_list>ul>li:nth-child(1)::before {
    background-color: #f44336;
}

.cu_info_list>ul>li:nth-child(2)::before {
    background-color: #3649f4;
}

.cu_info_list>ul>li:nth-child(3)::before {
    background-color: #ffc107;
}

.cu_info_list>ul>li:nth-child(4)::before {
    background-color: #36a8f4;
}

.cu_info_list>ul>li:nth-child(5)::before {
    background-color: #795548;
}

.ved_video_name {
    min-width: 190px;
}

.ved_video_name>.ved_inline_edit[contenteditable="true"] {
    padding: 0 10px;
    box-shadow: 0 0 0 1px #01a0c6;
    border-radius: 3px;
    margin-right: 5px;
}

.ved_video_name>.ved_save_opt {
    height: 16px;
}

.ved_rvs_title>.ved_title_opt>i,
.ved_video_name>.ved_save_opt>i {
    width: 18px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    cursor: pointer;
}

.ved_rvs_title>.ved_title_opt>i.fa-check,
.ved_video_name>.ved_save_opt>i.fa-check {
    color: #4caf50;
}

.ved_rvs_title>.ved_title_opt>i.fa-times,
.ved_video_name>.ved_save_opt>i.fa-times {
    color: #f44336;
}

.ved_video_limit_bar,
.ved_announcement_bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FF5C51;
    padding: 5px 15px;
    z-index: 9999;
}

.ved_announcement_bar {
    background-color: #0a162a;
}

.ved_video_limit_bar>.ved_vlb_inner,
.ved_announcement_bar>.ved_announcement_bar_inner {
    /* max-width: 1120px; */
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_video_limit_bar>.ved_vlb_inner>p,
.ved_announcement_bar>.ved_announcement_bar_inner>p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
}

.ved_announcement_bar>.ved_announcement_bar_inner {
    height: 30px;
    font-weight: 600;
}

.ved_announcement_bar>.ved_announcement_bar_inner img {
    width: 14px;
}

.ved_video_limit_bar>.ved_vlb_inner>.ved_btn_white {
    border: none;
    line-height: 35px;
    color: #f44336;
    height: 35px;
}

.ved_video_limit_bar>.ved_vlb_inner>.ved_btn_white:focus,
.ved_video_limit_bar>.ved_vlb_inner>.ved_btn_white:hover {
    color: #fff;
}

.limit_bar_open .ved_header_wrapper {
    top: 45px;
}

.announcement_bar_open .ved_header_wrapper {
    top: 40px;
}

.limit_bar_open .ved_settings_wrapper,
.announcement_bar_open .ved_settings_wrapper {
    padding-top: 175px;
}

.ved_video_limit_bar>.ved_vlb_inner .ved_btn_bar_dismiss,
.ved_announcement_bar>.ved_announcement_bar_inner .ved_btn_bar_dismiss {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    line-height: 14px;
    font-weight: 500;
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 14px;
}

.ved_announcement_bar>.ved_announcement_bar_inner .ved_btn_bar_dismiss {
    border-bottom: none;
    top: 13px;
}


/*---------- split test cancle popup css -----*/


/* .ved_red_cancle_split  .modal-dialog {
    max-width: 780px;
} */

.ved_red_cancle_split .ved_help_us_improve p.ved_contactus {
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    text-align: left;
    color: #222222;
}

.ved_red_cancle_split .modal-footer button {
    width: unset;
    margin: 5px;
}

.ved_red_cancle_split .modal-footer {
    justify-content: flex-start;
}

.ved_confirmation_popup_wrapper button.ved_btn_white.vd_donot_want_cancel_btn {
    display: none;
}

.ved_red_cancle_split.ved_confirmation_popup_wrapper button.ved_btn_white.vd_donot_want_cancel_btn {
    display: inline-block;
}

.ved_red_cancle_split .modal-footer .ved_btn_white {
    margin-right: 10px;
}

.ved_red_cancle_split .ved_cancel_modal_notes>p {
    color: #222;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 2px dashed #ffcc4d;
    padding-bottom: 8px;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 35px;
}

.ved_cancel_modal_notes>p img {
    display: none;
}

.ved_red_cancle_split .ved_cancel_modal_notes>p img {
    display: inline-block;
    width: 25px;
    position: absolute;
    top: 7px;
    left: 0;
}

.ved_cancel_subscription_option.ved_cancle_popup2 {
    display: none;
}

.ved_red_cancle_split .ved_cancel_subscription_option.ved_cancle_popup2 {
    display: inline-block;
}

.ved_red_cancle_split .ved_cancel_subscription_option.ved_cancle_popup2 {
    flex: 0 0 100%;
    padding: 0;
    margin: 20px .25rem 20px 0;
    display: block;
}

.ved_red_cancle_split .ved_cancel_subscription_option.ved_cancle_popup2>h3 {
    font-size: 15px;
    margin-bottom: 13px;
    font-weight: 500;
}

.ved_cancel_subscription_option.ved_cancle_popup2 .proceed_next_step2 {
    display: none;
}

.ved_red_cancle_split .modal-footer {
    display: flex;
    margin: -5px;
    flex-wrap: wrap;
}


/*---------- split test cancle popup css -----*/

@media (max-width: 768px) {
    .table td,
    .table thead th {
        padding: 10px;
    }
    .ved_video_name {
        min-width: inherit;
    }
    .ved_tbl_search input {
        width: auto;
    }
    .ved_browse_images_library_popup .tab-content {
        padding: 20px 20px 0 20px;
    }
    .ved_blank_wrapper {
        padding-top: 20px;
    }
    .ved_template_toolbar {
        position: absolute;
        width: 100%;
        padding-right: 0;
        align-items: center;
        top: 92px;
        left: 0;
        bottom: auto;
        padding-top: 0;
        justify-content: center;
        text-align: center;
    }
    .limit_bar_open .ved_create_wrapper {
        padding-top: 150px;
    }
    .limit_bar_open .ved_template_toolbar {
        /*top: 140px;*/
    }
    .ved_video_limit_bar>.ved_vlb_inner>.ved_btn_white {
        padding: 0 6px;
        font-size: 11px;
    }
    .ved_template_toolbar .ved_notice_img_close {
        display: none;
    }
    .ved_template_toolbar_menu li {
        display: inline-block;
        margin: 0 5px;
    }
    .ved_browse_images_library_popup .ved_mdl_btn_wrap .ved_btn,
    .ved_browse_images_library_popup .ved_mdl_btn_wrap .ved_btn_white {
        min-width: inherit;
    }
    .ved_animation_sidebar {
        right: -280px;
    }
    .animation_sidebar_open .ved_animation_sidebar {
        right: 0;
    }
    .ved_animation_sidebar>.ved_animation_toggle>img {
        display: none !important;
    }
    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner {
        padding: 20px 20px 30px 20px;
        border-top: 0;
        margin-top: 70px;
    }
    .limit_bar_open.animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner {
        margin-top: 200px;
    }
    .ved_mo_ye_wrapper>.ved_moye_tab::before {
        width: 65px !important;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter {
        max-width: 100%;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner .ved_animations_box_list {
        margin: 0;
    }
    .ved_animation_sidebar>.ved_animation_toggle {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        top: 80px;
    }
    .ved_animation_sidebar>.ved_animation_toggle i {
        width: 35px;
        height: 35px;
    }
    .limit_bar_open .ved_animation_sidebar>.ved_animation_toggle {
        top: 175px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul {
        display: flex;
        overflow: unset;
        border: none;
        flex-wrap: wrap;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li>a {
        height: 30px;
        line-height: 26px;
        border: 2px solid #eaeaea;
        padding: 0 11px;
        border-radius: 100px;
        margin-bottom: 6px;
        margin-right: 6px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul li {
        display: inline-block;
        border: none;
        min-width: unset;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li:first-child>a {
        border-radius: 100px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li>a.active,
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li>a:hover {
        box-shadow: none;
        border-color: var(--primaryColor);
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter>ul>li:last-child>a {
        border-radius: 100px;
    }
    .ved_template_toolbar_menu {
        flex-direction: unset;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .ved_logo {
        padding: 0 10px;
    }
    .ved_header_wrapper .ved_head_btn>.ved_btn,
    .ved_header_wrapper .ved_head_btn>.ved_btn_white {
        white-space: normal;
        overflow: hidden;
        margin: 0 2px;
        min-width: inherit;
    }
    .ved_header_wrapper .ved_head_btn {
        margin-right: 0;
    }
    .ved_header_wrapper .ved_head_btn:nth-last-child(2) {
        margin-right: 15px;
    }
    .close {
        right: 15px;
        z-index: 1;
    }
}

.ved_volume_btn {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ved_planPopup_wrapper {
    top: 90px;
    background-color: #fff;
    text-align: center;
    padding: 65px 0 !important;
    z-index: 95;
}

.planPopupOpen .modal-backdrop.show {
    opacity: 0;
    visibility: hidden;
}

.ved_planPopup_wrapper .close {
    top: 13px;
    right: 20px;
    color: #888;
    z-index: 10;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_planPopup_wrapper .close:not(:disabled):not(.disabled):focus,
.ved_planPopup_wrapper .close:not(:disabled):not(.disabled):hover {
    color: #888;
}

.ved_planPopup_wrapper .modal-body {
    padding: 0;
}

.ved_planPopup_wrapper .modal-body h3 {
    margin: 0 0 18px 0;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.ved_planPopup_wrapper .modal-body h3>img {
    width: 18px;
    margin-left: 4px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.ved_planPopup_wrapper .modal-body p {
    text-align: center;
    margin-bottom: 52px;
}

.ved_planPopup_wrapper .modal-content {
    border-radius: 0;
    border: none;
}

.ved_popup_plan {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    padding: 50px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.ved_popup_plan>.ved_pp_label {
    background-color: #f3f3f3;
    border-radius: 50px;
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    color: #000;
    font-size: 14px;
    margin-bottom: 30px;
}

.ved_popup_plan>.ved_pp_price {
    display: inline-flex;
    align-items: flex-end;
    color: #000;
    font-size: 44px;
    margin-bottom: 30px;
}

.ved_popup_plan>.ved_pp_price>.price {
    /* font-size: 48px;
    font-weight: 700;
    line-height: 32px; */
}

.ved_popup_plan>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    min-height: 300px;
}

@media(max-width:576px) {
    .ved_popup_plan>ul {
        min-height: unset;
    }
}

.ved_popup_plan>ul>li {
    font-size: 14px;
    color: #888;
    margin-bottom: 15px;
}

.ved_popup_plan .ved_btn.ved_pp_btn {
    background-color: #daf6fc;
    color: var(--primaryColor);
    border-color: #daf6fc;
}

.ved_popup_plan.active .ved_btn.ved_pp_btn,
.ved_popup_plan:hover .ved_btn.ved_pp_btn {
    background-color: var(--primaryColor);
    color: #fff;
    border-color: var(--primaryColor);
    box-shadow: none;
}

.ved_popup_plan.active::before {
    content: "";
    position: absolute;
    top: -12px;
    right: -6px;
    width: 80px;
    height: 82px;
    background-image: url(../images/popular_plan.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.ved_GetplanPopup_wrapper {
    text-align: center;
}

.planPopupOpen .ved_GetplanPopup_wrapper {
    background-color: rgba(0, 0, 0, 0.8);
}


/*----- new price css -------*/

.ved_new_price_box,
.ved_big_sale_box {
    display: none;
}

.ved_discounted_plan .ved_new_price_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 240px;
    max-width: 100%;
    margin-bottom: 15px;
}

.ved_discounted_plan .row .col-lg-4:last-of-type .ved_new_price_box {
    width: 280px;
}

.ved_discounted_plan .ved_pp_price {
    display: none;
}

.ved_discounted_plan .ved_new_price_box .ved_new_price span {
    color: #000000;
    font-size: 15px;
}

.ved_discounted_plan .ved_new_price_box .ved_new_price span img {
    width: 22px;
}

.ved_discounted_plan .ved_new_price_box .ved_new_price.crossed_price span:last-child {
    color: #888888;
}

.ved_discounted_plan .ved_new_price_box .ved_new_price h1 {
    margin: 2px 0;
    font-weight: 800;
    position: relative;
}

.ved_discounted_plan .ved_new_price_box .ved_new_price.crossed_price h1 {
    color: #a9a6a6;
}

.ved_discounted_plan .ved_new_price_box .ved_new_price h1 sub {
    position: static;
    font-size: 14px;
    font-weight: 500;
}

.ved_discounted_plan .ved_new_price_box .ved_new_price.crossed_price h1:before {
    content: "";
    height: 5px;
    background: #f00;
    position: absolute;
    transform: rotate( -22deg);
    top: 19px;
    left: 0;
    right: 30px;
}

.ved_discounted_plan .ved_big_sale_box .ved_big_sale {
    background: #ffeeaf;
    width: 260px;
    border-radius: 100px;
    padding: 10px 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-left: 30px;
    align-items: center;
}

.ved_discounted_plan .ved_big_sale_box {
    display: block;
}

.ved_discounted_plan .ved_big_sale_box .ved_big_sale h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.ved_discounted_plan .ved_big_sale_box .ved_big_sale span {
    background: #17377a;
    display: flex;
    align-items: center;
    padding: 0 30px;
    border-radius: 100px;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    bottom: 10px;
    height: 55px;
}

.ved_discounted_plan .ved_big_sale_box .ved_big_sale h3 br {
    display: block;
}

.ved_settings_options .ved_planPopup_wrapper .modal-body .ved_discounted_plan .ved_big_sale_box p,
#choose_plan_subscription_popup .ved_discounted_plan .ved_big_sale_box p {
    margin: 20px 0 0;
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.ved_settings_options .ved_planPopup_wrapper .modal-body .ved_discounted_plan .ved_big_sale_box p img,
.ved_discounted_plan .ved_big_sale_box p img {
    width: 15px;
}

.ved_plan_bubble {
    display: none;
}

.ved_discounted_plan .ved_plan_bubble {
    background: #ffeeaf;
    max-width: 100%;
    display: flex;
    padding: 8px 21px;
    border-radius: 100px;
    margin-bottom: 30px;
}

#change_plan_subscription_popup .ved_plan_bubble p {
    margin: 0;
    color: #000;
    font-weight: 600;
    display: inline-block;
}

#change_plan_subscription_popup .ved_plan_bubble {
    display: inline-block;
    margin: 0 0 10px;
}

.ved_settings_options .ved_planPopup_wrapper .modal-body .ved_discounted_plan .ved_plan_bubble p,
#choose_plan_subscription_popup .ved_discounted_plan .ved_plan_bubble p {
    color: #000;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
}

.ved_settings_options .ved_planPopup_wrapper .modal-body .ved_discounted_plan .ved_plan_bubble img,
.ved_discounted_plan .ved_plan_bubble img {
    width: 15px;
}

@media(max-width:576px) {
    .ved_discounted_plan .ved_plan_bubble {
        padding: 8px 0;
    }
    .ved_red_cancle_split .modal-footer button {
        width: 100%;
    }
}

@media(max-width:480px) {
    .ved_discounted_plan .ved_big_sale_box .ved_big_sale h3 {
        padding: 0;
    }
}


/*----- new price css -------*/

.ved_GetplanPopup_wrapper .close {
    top: 30px;
    right: 30px;
    color: #888;
    z-index: 1;
    font-size: 15px;
}

.ved_GetplanPopup_wrapper .modal-dialog {
    max-width: 580px;
}

.ved_GetplanPopup_wrapper .modal-body {
    padding: 50px;
}

.ved_GetplanPopup_wrapper .modal-body h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}

.ved_GetplanPopup_wrapper .modal-body h5 {
    font-size: 14px;
    margin-bottom: 40px;
    color: #a1a1a1;
}

.ved_mo_ye_wrapper {
    margin-bottom: 20px;
}

#selected_plan_subscription_popup label[for="card-element"] {
    display: none;
}

.ved_mo_ye_wrapper>.ved_moye_tab {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

.ved_mo_ye_wrapper>.ved_moye_tab::before {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 50%;
    width: 132px;
    height: 51px;
    background-image: url(../images/save_20.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.ved_mo_ye_wrapper>.ved_moye_tab>.ved_moye_tab_item>input {
    position: absolute;
    left: -999999px;
}

.ved_mo_ye_wrapper>.ved_moye_tab>.ved_moye_tab_item>label {
    background-color: #f9f9f9;
    height: 48px;
    line-height: 48px;
    min-width: 100px;
    font-size: 14px;
    cursor: pointer;
}

.ved_mo_ye_wrapper>.ved_moye_tab>.ved_moye_tab_item:first-child>label {
    border-radius: 50px 0 0 50px;
}

.ved_mo_ye_wrapper>.ved_moye_tab>.ved_moye_tab_item:last-child>label {
    border-radius: 0 50px 50px 0;
}

.ved_mo_ye_wrapper>.ved_moye_tab>.ved_moye_tab_item>input:checked~label {
    background-color: #1fc16b;
    color: #fff;
}

.ved_mo_ye_wrapper>.ved_pp_price {
    display: inline-flex;
    align-items: flex-end;
    color: #000;
    font-size: 14px;
}

.ved_mo_ye_wrapper>.ved_pp_price>.price {
    font-size: 48px;
    font-weight: 700;
    line-height: 32px;
}

.ved_GetplanPopup_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

.ved_GetplanPopup_wrapper ul>li {
    font-size: 14px;
    color: #888;
    margin-bottom: 15px;
}

.ved_GetplanPopup_wrapper .modal-body p {
    text-align: center;
    margin-bottom: 13px;
    font-size: 13px;
    color: #212121;
    line-height: 2;
}

.ved_GetplanPopup_wrapper .modal-body p img {
    width: 13px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    transform: translateY(-1px);
}

.ved_GetplanPopup_wrapper .modal-body p a {
    color: #1fc16b;
}

.ved_GetplanPopup_wrapper .cancel_anytime {
    padding: 30px 0 30px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    color: #38c578;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 280px;
}

.ved_GetplanPopup_wrapper .ved_btn.ved_sp_btn {
    background-color: #1fc16b;
    border-color: #1fc16b;
    height: 60px;
    display: block;
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 30px;
    box-shadow: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 30px;
}

button.ved_btn.ved_sp_btn.ved_buy_pl[data-action="new-purchase"] {
    text-transform: unset;
}

.get_unlim_video>a,
.get_unlim_video>a>i {
    color: #1fc16b !important;
}

#choose_plan_subscription_popup {
    visibility: hidden;
    padding: 0px 0 !important;
    background-color: transparent;
}

.show#choose_plan_subscription_popup {
    visibility: visible;
    opacity: 1;
}

#choose_plan_subscription_popup .modal-full {
    bottom: -100%;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    padding: 65px 0 !important;
    background-color: #ffffff;
}

.show#choose_plan_subscription_popup .modal-full {
    bottom: 0;
}

.planPopupOpen #choose_plan_subscription_popup {
    opacity: 0;
    -webkit-animation: planPopupAnim 0.5s;
    -moz-animation: planPopupAnim 0.5s;
    animation: planPopupAnim 0.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    top: auto;
    bottom: -1200px;
    background-color: #ffffff;
}

@-webkit-keyframes planPopupAnim {
    0% {
        bottom: -1200px;
        opacity: 0;
    }
    100% {
        bottom: -90px;
        opacity: 1;
    }
}

@-moz-keyframes planPopupAnim {
    0% {
        bottom: -1200px;
        opacity: 0;
    }
    100% {
        bottom: -90px;
        opacity: 1;
    }
}

@keyframes planPopupAnim {
    0% {
        bottom: -1200px;
        opacity: 0;
    }
    100% {
        bottom: -90px;
        opacity: 1;
    }
}

@media (max-width:575px) {
    /*     #choose_plan_subscription_popup .modal-full {
        bottom: 0;
    }
    #choose_plan_subscription_popup {
        top: auto;
        bottom: -850px;
        transition: all 0.8s;
    }
    #choose_plan_subscription_popup.show {
        bottom: -69px;
    } */
    .planPopupOpen #choose_plan_subscription_popup {
        -webkit-animation: planPopupAnim 0.7s;
        -moz-animation: planPopupAnim 0.7s;
        animation: planPopupAnim 0.7s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    #choose_plan_subscription_popup .modal-full {
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
    }
    @-webkit-keyframes planPopupAnim {
        0% {
            bottom: -850px;
            opacity: 0;
        }
        100% {
            bottom: -70px;
            opacity: 1;
        }
    }
    @-moz-keyframes planPopupAnim {
        0% {
            bottom: -850px;
            opacity: 0;
        }
        100% {
            bottom: -70px;
            opacity: 1;
        }
    }
    @keyframes planPopupAnim {
        0% {
            bottom: -850px;
            opacity: 0;
        }
        100% {
            bottom: -70px;
            opacity: 1;
        }
    }
}

.tooltip {
    z-index: 1040;
}

.uploadcare--powered-by,
.uploadcare--powered-by__link {
    display: none;
}

.pixabay-input-wrapper,
.unsplash-input-wrapper {
    padding: 15px;
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 77px;
    width: 380px;
}

.pixabay-input-wrapper>.uploadcare--input,
.unsplash-input-wrapper>.uploadcare--input {
    width: 240px;
    margin-right: 5px;
    margin: 0;
}

.uploadcare--dialog__container .unsplash-input-wrapper select {
    height: 44px;
    padding: 0 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    margin-left: 6px;
    margin-bottom: 8px;
    color: #888;
}

.pixabay-input-wrapper>.uploadcare--button_primary,
.unsplash-input-wrapper>.uploadcare--button_primary {
    margin-left: 5px;
    height: 47px;
    padding-top: 8px;
}

.uploadcare--menu__item:focus,
.uploadcare--menu__item:hover {
    color: var(--primaryColor);
}

.uploadcare-pixabay-results,
.uploadcare-unsplash-results,
.uc-unsplash-results,
.uc-pixabay-results {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    margin-top: 10px;
}

.uploadcare--menu__item:after {
    transition: 0s all;
}

.pixabay-files-wrapper,
.upsplash-files-wrapper {
    width: 33.33333%;
    padding: 5px;
    position: relative;
}

img.favorite-files-image,
img.pixabay-files-image,
img.unsplash-files-image {
    width: 100%;
    height: 140px;
    box-shadow: 0 0 30px -3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    padding: 5px;
    object-fit: cover;
}
.upsplash-files-wrapper.portrait img.unsplash-files-image {
    height: 290px;
}
.uploadcare--panel__content .unsplash-input-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 50px;
}

.uploadcare--panel__content .unsplash-input-search-left {
    width: 380px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.uploadcare--panel__content .unsplash-input-search-left button.uploadcare--button.uploadcare-unsplash-btn{
	margin: 5px 0 15px;
}
.unsplash-input-search-left input{
	border: 1px solid #eee;
	border-radius: 4px;
}
select.uploadcare-unsplash-orientation-filter.hide {
    display: none;
}
.uploadcare--panel__content .unsplash-input-wrapper .unsplash-select-wrapper:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 13px;
    border: 1px solid #888;
    width: 7px;
    height: 7px;
    background-color: white;
    transform: rotate(45deg);
    border-left: 0;
    border-top: none;
    pointer-events: none;
}
.uploadcare--panel__content .unsplash-input-wrapper .unsplash-select-wrapper select::-ms-expand {
    display: none;
}
.unsplash-select-wrapper {
    position: relative;
}
.unsplash-select-wrapper.hide {
    display: none;
}
.uploadcare--dialog__container button.uploadcare--button.uploadcare--button_icon.uploadcare--button_muted.uploadcare--dialog__close {
    padding-left: 0;
    right: -13px;
}
.unsplash-select-wrapper span {
    position: absolute;
    background-color: white;
    right: 2px;
    top: 10px;
    width: 22px;
    height: 21px;
    pointer-events: none;
}

.pixabay-files-wrapper>video {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: 240px;
    height: 130px;
    object-fit: cover;
    pointer-events: none;
}

.pixabay-files-wrapper>span>a,
.upsplash-files-wrapper>span>a {
    font-size: 12px;
    color: #757779;
    font-weight: 600;
}

.pixabay-files-wrapper>span>a:hover,
.upsplash-files-wrapper>span>a:hover {
    color: var(--primaryColor);
}

.uploadcare--tab.uploadcare--tab_name_favorites.uploadcare--tab_current,
.uploadcare--tab.uploadcare--tab_name_pixabay.uploadcare--tab_current,
.uploadcare--tab.uploadcare--tab_name_unsplash.uploadcare--tab_current {
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    display: block;
    text-align: left;
}

.uploadcare-load-pixabay,
.uploadcare-load-unsplash {
    margin: 10px auto;
    display: block;
}

.uploadcare--button_primary {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
}

.uploadcare--button_primary:focus,
.uploadcare--button_primary:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    box-shadow: 0 10px 20px 0 rgba(0, 85, 255, 0.21);
    color: #fff;
}

.uploadcare--button.uploadcare--preview__back {
    color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.uploadcare_warning_wrapper {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.uploadcare_warning_wrapper>.uploadcare--text {
    font-size: 22px;
    padding: 0 10%;
    line-height: 1.5;
    margin: 0;
}

.uploadcare_warning_wrapper>.uploadcare--text a,
.uploadcare--preview__content.uploadcare--error>.uploadcare--text a {
    color: var(--primaryColor);
    text-decoration: underline;
}

.uploadcare--preview__content.uploadcare--error>.uploadcare--text {
    margin: 0 0 12px;
}

.uploadcare-error-message {
    background: #f4433612;
    width: 100%;
    margin: 10px 6px;
    padding: 12px 20px;
    color: #f44336;
    border: 1px solid #f44336;
    border-radius: 7px;
    font-weight: 500;
}

.uploadcare--button_muted:focus,
.uploadcare--button_muted:hover {
    color: var(--primaryColor);
}

.ved_edit_wrapper.dark_mode_on,
.ved_edit_wrapper.dark_mode_on.ved_enable_mirror_effect .ved_post_description_box {
    background-color: #000;
}

.ved_edit_wrapper.dark_mode_on .ved_likes_box p {
    color: #fafafa;
}

.ved_edit_wrapper.dark_mode_on .ved_likes_box_fb ul li,
.ved_edit_wrapper.dark_mode_on .ved_post_description .ved_inline_edit,
.ved_edit_wrapper.dark_mode_on .ved_post_description .ved_postusername,
.ved_edit_wrapper.dark_mode_on .ved_user_profile span,
.ved_edit_wrapper.dark_mode_on.ved_fb_desktop .ved_post_description .ved_inline_edit,
.ved_edit_wrapper.dark_mode_on.ved_fb_editor .ved_emoji_box p,
.ved_edit_wrapper.dark_mode_on.ved_fb_editor .ved_user_profile span {
    color: #fafafa;
}

.ved_edit_wrapper.dark_mode_on .ved_post_descrip_inner .highlighted {
    color: #e3f0fd;
}

.ved_edit_wrapper.dark_mode_on .ved_emoji_box {
    border-bottom: 0.5px solid #1f1f1f;
}

.ved_center_ad_friendly {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_center_ad_friendly>i {
    margin-left: 2px;
}

.ved_center_ad_friendly>.custom-control {
    margin-left: 9px;
}

.custom-switch .custom-control-label::before {
    width: 24px;
    height: 5px;
    background-color: #e2e4e4;
    border: none;
    top: 0.58rem;
    left: -2.1rem;
    box-shadow: none !important;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #acccd4;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--primaryColor);
    -webkit-transform: translateX(0.85rem);
    transform: translateX(0.85rem);
}

.ved_folder_box h4 {
    font-size: 16px;
    margin-bottom: 30px;
}

.ved_create_folder_pop .modal-header {
    padding: 0;
    border: 0;
}

.ved_create_folder_pop .modal-content {
    border-radius: 0;
    width: 450px;
    max-width: 100%;
    border: none;
}

.ved_create_folder_pop .modal-body {
    padding: 40px;
}

.ved_folder_box .ved_folder_input label {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
}

.ved_folder_box .ved_folder_input {
    margin-bottom: 25px;
}

.ved_folder_box .ved_folder_input .form-control {
    background: #f6f6f6;
    border-radius: 0;
    border: 1px solid #ececec;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
}

.ved_folder_box .ved_folder_input .select2-selection {
    background: #f6f6f6;
    border-radius: 0;
    border: 1px solid #ececec;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
}

.ved_folder_box .ved_folder_input .select2-selection>span {
    line-height: 44px;
}

.ved_create_folder_pop .close {
    color: #d4d4d4;
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
    transition: none !important;
}

.ved_create_folder_pop .close:hover {
    color: #d4d4d4 !important;
    opacity: 1;
}

.ved_folder_box .ved_folder_btn .ved_btn {
    height: 44px;
}

.ved_create_folder_pop .modal-dialog {
    margin: 78px auto;
}

.ved_selected_items a {
    border: 1px solid #ececec;
    font-size: 13px;
    color: #888;
    display: inline-block;
    padding: 10px;
    margin-right: 6px;
    margin-bottom: 10px;
}

.ved_selected_items a i {
    margin-left: 8px;
    color: #cfcfcf;
    -webkit-transform: translateY(0.5px);
    -moz-transform: translateY(0.5px);
    -ms-transform: translateY(0.5px);
    transform: translateY(0.5px);
}

.ved_selected_items {
    font-size: 0;
}

.ved_video_custom_select .ved_video_input {
    background: #f6f6f6;
    border-radius: 0;
    border: 1px solid #ececec;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    padding: 0 10px;
    position: relative;
}

.ved_video_custom_select .ved_video_input span {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ved_video_custom_select .ved_video_input p {
    margin: 0;
}

.ved_video_custom_select {
    position: relative;
}

.ved_video_custom_select .ved_videos_dropdown {
    position: absolute;
    background: #fff;
    z-index: 1;
    width: 100%;
    left: 0;
    right: 0;
    border: 1px solid var(--primaryColor);
    border-top: none;
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
    visibility: hidden;
    opacity: 0;
}

.dropdown_open .ved_videos_dropdown {
    visibility: visible;
    opacity: 1;
}

.dropdown_open.ved_video_custom_select .ved_video_input {
    border: 1px solid var(--primaryColor);
    border-bottom-color: #ececec;
}

.ved_video_custom_select .ved_videos_dropdown .ved_video_drop_search>input {
    width: 100%;
    height: 40px;
    border: 1px solid #ececec;
    padding: 0 10px;
    padding-right: 32px;
    line-height: 40px;
}

.ved_video_custom_select .ved_videos_dropdown .ved_video_drop_search>i {
    position: absolute;
    top: 24px;
    right: 20px;
}

.ved_video_custom_select .ved_videos_dropdown .ved_video_drop_search {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}

.ved_video_custom_select .ved_videos_dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ved_video_custom_select .ved_videos_dropdown ul li label {
    margin: 0;
}

.ved_video_custom_select .ved_videos_dropdown ul li p.no_result {
    padding: 15px 10px;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
}

.ved_videos_drop_list {
    max-height: 187px;
    overflow-x: hidden;
}

.ved_videos_drop_list::-webkit-scrollbar {
    width: 3px;
}

.ved_videos_drop_list::-webkit-scrollbar-thumb {
    background-color: var(--primaryColor);
}

.select2-dropdown {
    border-radius: 0;
}

.ved_video_select .select2-results__option {
    position: relative;
    padding-left: 36px;
}

.ved_video_select .select2-results__option:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #ececec;
    border-radius: 2px;
    height: 19px;
    width: 19px;
    top: 12px;
    left: 10px;
    z-index: 5;
    background-color: #f6f6f6;
}

.ved_video_select .select2-results__option:after {
    display: block;
    position: absolute;
    content: "";
    top: 17px;
    left: 14px;
    width: 11px;
    height: 6px;
    z-index: 6;
    border-left: 2px solid var(--primaryColor);
    border-bottom: 2px solid var(--primaryColor);
    border-radius: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotate(-45deg);
}

.ved_video_select .select2-results__option[aria-selected="true"]:after {
    visibility: visible;
    opacity: 1;
}

.select2-selection--multiple:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 0;
    right: 13px;
    transition: all 0.3s;
}

.select2-selection--multiple {
    position: relative;
}

.select2-container--open .select2-selection--multiple:after {
    transform: rotate(180deg);
    color: #000;
}

.select2-container--open .select2-selection--multiple input::-webkit-input-placeholder {
    color: #000;
}

.select2-container--open .select2-selection--multiple input::-moz-placeholder {
    color: #000;
}

.select2-container--open .select2-selection--multiple input::-ms-input-placeholder {
    color: #000;
}

.select2-container--open .select2-selection--multiple input::-moz-placeholder {
    color: #000;
}

.ved_video_select .select2-container--default .select2-results__option[aria-selected] {
    color: #888;
}

.ved_video_select .select2-container--default .select2-results__option:hover,
.ved_video_select .select2-container--default .select2-results__option[aria-selected="true"] {
    color: var(--primaryColor);
}

.ved_video_select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: -100px;
}

.ved_video_select .select2-container--default .select2-selection--multiple .select2-selection__choice~li.select2-search:after {
    content: "Select Videos";
    position: absolute;
    left: 0;
}

.ved_video_select .select2-container--default .select2-selection--multiple .select2-selection__choice~li.select2-search {
    position: relative;
}

.ved_video_select .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice~li.select2-search:after {
    color: #000;
}

.ved_below_box_btn {
    display: none;
}

.ved_center_heading svg {
    margin-left: 3px;
    transform: translateY(-4px);
}

.ved_select_video_type {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.ved_type_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.ved_select_video_type .ved_type_box {
    border: 2px solid #f0f0f0;
    padding: 30px 22px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    flex: 0 0 23.5%;
    max-width: 23.5%;
    /* flex: 0 0 31.73%;
    max-width: 31.73%; */
    margin-right: 20px;
    background: #fbfbfb;
    border-radius: 10px;
    overflow: hidden;
}

.ved_select_video_type .ved_type_box:last-of-type {
    margin: 0;
}

.ved_select_video_type .ved_type_box.ved_mockchat_box {
    margin-right: 0;
}

.ved_select_video_type .ved_type_box img {
    object-fit: contain;
}

.ved_select_video_type .ved_type_box svg.ved_coming_soon_img {
    display: block;
}

.ved_select_video_type .ved_type_box svg {
    display: none;
}

.ved_select_video_type .ved_type_box video {
    max-width: 100%;
}

.ved_select_video_type .ved_type_box.active,
.ved_select_video_type .ved_type_box:hover {
    border-color: var(--primaryColor);
    box-shadow: 0 0 15px 0 rgb(1, 160, 198, 0.2);
    z-index: 1;
}

.ved_select_video_type .ved_type_box h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 16px 0 10px;
    position: relative;
}

.ved_select_video_type .ved_type_box p {
    margin-bottom: 0;
    color: #888;
}

.ved_create_new_video .ved_center_heading {
    margin: 0 0 8px 0;
}

.ved_create_new_video .ved_center_sub_heading {
    margin: 0 0 23px 0;
}

.ved_select_video_type .ved_coming_soon .ved_coming_soon_img {
    position: absolute;
    top: -12px;
    right: -7px;
}

.ved_select_video_type .ved_coming_soon {
    cursor: not-allowed;
}

.ved_select_video_type .ved_type_box.ved_coming_soon.active,
.ved_select_video_type .ved_type_box.ved_coming_soon:hover {
    border: 2px solid #f0f0f0;
    box-shadow: none;
    z-index: 0;
}

.ved_select_video_type .ved_video_type_btn {
    margin-top: 20px;
    text-align: right;
}

.ved_select_video_type .ved_type_box span.fas.fa-check-circle {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    color: var(--primaryColor);
    visibility: hidden;
    opacity: 0;
}

.ved_select_video_type .ved_type_box.active span.fas.fa-check-circle {
    visibility: visible;
    opacity: 1;
}

.ved_select_video_type .ved_type_box.ved_coming_soon.active span.fas.fa-check-circle {
    visibility: hidden;
    opacity: 0;
}

.vd_create_new_btn i,
.vd_new_folder_btn i {
    display: none;
}

.ved_header_wrapper .ved_head_btn>.ved_btn i {
    display: none;
}

.ved_mobile_table_box {
    display: none;
}

img.short_logo {
    display: none;
}

.ved_accodion_dropdown .ved_options_dots {
    transition: none;
}

.ved_accodion_dropdown .ved_options_dots:hover {
    color: var(--primaryColor);
}

@media (max-width: 991px) {
    .ved_select_video_type .ved_type_box {
        flex: 0 0 32.5%;
        max-width: 32.5%;
        margin-right: 7px;
    }
    .uploadcare--panel__content .unsplash-input-search-left {
        width: 310px;
    }
}

@media (max-width: 767px) {
    .uploadcare--panel__content .unsplash-input-wrapper {
        padding-right: 20px;
    }
    .ved_select_video_type .ved_type_box svg {
        display: inline-block;
    }
    .ved_select_video_type .ved_type_box img,
    .ved_select_video_type .ved_type_box video {
        display: none;
    }
    .ved_accodion_dropdown .ved_options_dots:hover {
        color: #888;
    }
    .ved_accodion_dropdown.open .ved_options_dots {
        color: var(--primaryColor);
    }
    .ved_select_video_type .ved_type_box {
        border-color: #e4e4e4;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .ved_select_video_type {
        width: 400px;
    }
    .ved_tbl_right_wrappo {
        width: 100%;
        justify-content: flex-start;
    }
    .ved_tbl_search_dropdwn_wrapper {
        position: relative;
    }
    .ved_tbl_right_wrappo h4 {
        margin-right: 7px;
    }
    .ved_tbl_left_wrappo .ved_tbl_btn {
        margin-right: 10px;
    }
    .ved_tbl_search input {
        transition: all 0.3s;
        height: 35px;
        line-height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
        visibility: hidden;
        opacity: 0;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    .ved_tbl_search_dropdwn_wrapper.ved_search_open {
        padding-bottom: 50px;
    }
    .ved_search_open .ved_tbl_search input {
        visibility: visible;
        opacity: 1;
    }
    .ved_tbl_search i {
        display: block;
        border: 1px solid #e1e1e1;
        background-color: #fbfbfb;
        left: 68px;
        top: 7px;
        right: auto;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .ved_search_open .ved_tbl_search i::before {
        content: "\f00d";
    }
    .ved_tbl_search {
        margin: 0;
        position: static;
    }
    .ved_create_wrapper {
        margin-top: 70px;
        padding: 100px 15px;
    }
    .ved_below_box_btn {
        margin: 0 0 30px;
        text-align: right;
        width: 100%;
        display: none;
    }
    .btn_show.ved_below_box_btn {
        display: block;
    }
    .ved_video_type_btn {
        display: none;
    }
    .vd_create_new_btn i,
    .vd_new_folder_btn i {
        display: block;
    }
    .vd_create_new_btn span,
    .vd_new_folder_btn span {
        display: none;
    }
    .vd_create_new_btn,
    .vd_new_folder_btn {
        width: 32px;
        height: 32px;
        min-width: inherit;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: none;
    }
    .ved_tbl_drpdwn {
        width: 32px;
        height: 32px;
    }
    .ved_accodion_dropdown .ved_dot_options {
        display: block;
        background: #fff;
        width: 203px;
        border: 1px solid var(--primaryColor);
        z-index: 2;
        right: -16px;
        top: 41px;
    }
    .ved_tbl_search_dropdwn_wrapper {
        margin-bottom: 20px;
    }
    .ved_accodion_dropdown .ved_dot_options a span {
        display: block;
    }
    .ved_accodion_dropdown .ved_dot_options a {
        width: 100%;
        height: 45px;
        line-height: 45px;
        display: block;
        color: #888;
        border-bottom: 1px solid #ececec;
        padding: 0 13px 0 33px;
        position: relative;
    }
    .ved_accodion_dropdown .ved_dot_options a:last-child {
        border: none;
    }
    .ved_accodion_dropdown .ved_dot_options a i {
        position: absolute;
        left: 13px;
        top: calc(50% - 6px);
    }
    .ved_accodion_dropdown .ved_dot_options a:hover {
        color: var(--primaryColor);
        background: 0 0;
    }
    .ved_list_accordion .card-header .card-link {
        min-height: 50px;
        padding: 0 15px;
        line-height: 50px;
    }
    .ved_list_accordion .card-body table {
        display: none;
    }
    .ved_list_accordion .card-body {
        border-top: 1px solid #eaeaea;
    }
    .ved_mobile_table_box {
        padding: 15px 15px 0;
        display: block;
    }
    .ved_mobile_table_box .ved_load_more.ved_load_more_videos {
        text-align: center;
        margin-bottom: 15px;
    }
    .ved_mobile_table {
        margin-bottom: 15px;
        border: 1px solid #eaeaea;
        padding: 18px 15px;
    }
    .ved_mobile_table_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #eaeaea;
        position: relative;
        padding-bottom: 18px;
    }
    .ved_mobile_table_head .ved_chck_btn {
        position: absolute;
        left: 0;
        top: 1px;
    }
    .ved_mobile_table_head p {
        padding-left: 30px;
        margin: 0;
    }
    .ved_mobile_table_head .ved_accodion_dropdown .ved_options_dots {
        height: auto;
        background: 0 0;
        border: none;
        transition: none;
    }
    .ved_accodion_dropdown .ved_options_dots i:before {
        transition: none;
    }
    .ved_mobile_table_head .ved_accodion_dropdown .ved_options_dots:hover {
        color: #888;
    }
    .ved_mobile_table_head .ved_accodion_dropdown.open .ved_options_dots {
        color: var(--primaryColor);
    }
    .ved_mobile_table_body {
        padding-top: 18px;
    }
    .ved_mobile_table_body p {
        margin: 0;
        padding: 6px 10px;
        border: 1px solid #eaeaea;
        border-radius: 100px;
        display: inline-block;
    }
    .ved_mobile_table_head .ved_dot_options {
        top: 32px;
    }
    .ved_header_wrapper .ved_head_btn>.ved_btn i {
        display: none;
    }
    .ved_header_wrapper .ved_head_btn>.ved_btn {
        height: 32px;
        line-height: 30px;
        width: 90px;
    }
    .ved_header_wrapper .ved_head_btn {
        margin-top: 18px;
        margin-right: 60px;
    }
    .ved_settings_wrapper {
        padding-top: 90px;
        padding-bottom: 30px;
    }
    .ved_logo a img {
        display: none;
    }
    .ved_logo a img.short_logo {
        display: block;
        width: 24px;
    }
    .ved_logo {
        padding: 0 20px;
    }
    .modal-dialog {
        padding: 0 15px;
    }
    .ved_create_folder_pop .modal-body {
        padding: 30px;
    }
    .ved_create_folder_pop .close {
        top: 20px;
    }
    .ved_list_accordion .card-header .card-link:hover,
    .ved_list_accordion .card-header .card-link:hover i {
        color: #000;
    }
    .ved_list_accordion .card-header .card-link[aria-expanded="true"],
    .ved_list_accordion .card-header .card-link[aria-expanded="true"] i {
        color: var(--primaryColor);
    }
    .ved_chck_btn:hover .ved_chck_check {
        box-shadow: none;
    }
    .ved_chck_btn input:checked~.ved_chck_check {
        box-shadow: 3.536px 3.536px 5px 0 rgba(0, 0, 0, 0.16);
    }
}

@media (max-width:576px) {
    .ved_center_heading span {
        display: none;
    }
    .uploadcare--panel__content .unsplash-input-search-left {
        width: 100%;
    }
    .unsplash-input-search-left input {
        border: 1px solid #eee;
        border-radius: 4px;
        width: calc(100% - 110px);
        height: 42px;
        margin-bottom: 0;
    }
    .uploadcare--panel__content .unsplash-input-search-left button.uploadcare--button.uploadcare-unsplash-btn {
        margin: 5px 0 0;
    }
    .uploadcare--dialog__container .unsplash-input-wrapper select {
        margin-left: 0;
        height: 42px;
    }
}

.swal-modal {
    border-radius: 0;
    box-shadow: none;
}

.swal-modal {
    box-shadow: none;
}

.swal-title {
    text-align: center;
    color: #000;
    background: 0 0;
    padding: 20px 30px 0;
}

.swal-text {
    text-align: center;
    color: #888;
    padding: 10px 30px 20px;
}

.swal-footer {
    display: block;
}

.close-my-popup {
    top: 10px;
    right: 10px;
    fill: #d64f44;
}

.swal-button {
    border-radius: 0;
    padding: 0 20px;
    margin: 0 10px;
}

.swal-button--cancel.close-my-popup {
    border: none !important;
    background: 0 0 !important;
    fill: #d4d4d4;
}

.swal-button--cancel.close-my-popup:hover {
    background: 0 0 !important;
}

.swal-button.swal-button--confirm {
    border: 1px solid var(--primaryColor) !important;
    box-shadow: none;
    background: var(--primaryColor) !important;
    color: #fff !important;
}

.swal-button.swal-button--confirm:hover {
    background: 0 0 !important;
    color: var(--primaryColor) !important;
}

.swal-button--cancel {
    border: 1px solid var(--primaryColor) !important;
    color: var(--primaryColor) !important;
    box-shadow: none;
}

.swal-button--cancel:hover {
    background: var(--primaryColor) !important;
    color: #fff !important;
}

.ved_audio_section {
    width: 800px;
    max-width: 100%;
    margin: 20px auto;
    text-align: center;
}

.ved_audio_section .ved_audio_radio {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_audio_section .ved_audio_radio .ved_radio {
    margin: 0 10px;
}

.ved_audio_section h2 {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.3;
    color: #888;
    font-weight: 300;
    font-style: italic;
}

.ved_audio_section .ved_audio_radio .ved_audio {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.ved_audio_radio .ved_audio input {
    display: none;
}

.ved_audio_section .ved_audio_radio .ved_audio_box {
    border: 1px solid #e4e4e4;
    border-right-color: transparent;
    padding: 30px 22px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transition: all 0.3s;
    min-height: 196px;
}

.ved_audio_section .ved_audio_radio .ved_audio_box:last-child {
    border-right-color: #e4e4e4;
}

.ved_audio_section .ved_audio_radio .ved_audio_box h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 16px 0 10px;
    color: #000;
    font-style: inherit;
}

.ved_audio_section .ved_audio_radio .ved_audio_box p {
    margin: 0;
}

.ved_audio_section .ved_audio_radio .ved_audio_box:hover {
    border-color: var(--primaryColor);
}

.ved_audio_section .ved_audio_radio .ved_audio_box span.fas.fa-check-circle {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    color: var(--primaryColor);
    visibility: hidden;
    opacity: 0;
}

.ved_audio_section .ved_audio_radio input:checked~.ved_audio_box span.fas.fa-check-circle {
    visibility: visible;
    opacity: 1;
}

.ved_audio_section .ved_audio_radio input:checked~.ved_audio_box {
    border-color: var(--primaryColor);
}

.ved_audio_section~.ved_steps_btn_wrapper {
    width: 800px;
}

.ved_bg_video_vol_btn {
    cursor: pointer;
}

.ved_audio_section .ved_audio_radio .ved_audio_box i.fas.fa-volume-mute {
    font-size: 40px;
    color: var(--primaryColor);
}

@media (max-width: 767px) {
    .ved_audio_section .ved_audio_radio .ved_audio {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ved_audio_section .ved_audio_radio {
        flex-wrap: wrap;
    }
    .ved_audio_section .ved_audio_radio label {
        width: 100%;
    }
}

#ved_play_video_popup {
    background: #fff !important;
    top: 90px;
}

.videoPreviewPopUp .ved_header_wrapper {
    z-index: 1051;
}

.videoPreviewPopUp .modal-backdrop.fade.show {
    visibility: hidden;
    opacity: 0;
}

#ved_play_video_popup .close {
    position: fixed;
    top: 120px;
    color: #888;
    right: 40px;
}

#ved_play_video_popup .modal-dialog {
    margin: 70px auto;
    min-height: unset;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

#ved_play_video_popup.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

#ved_play_video_popup .modal-dialog-centered::before {
    display: none;
}

.limit_bar_open #ved_play_video_popup,
.announcement_bar_open #ved_play_video_popup {
    top: 130px;
}

.limit_bar_open #ved_play_video_popup .close,
.announcement_bar_open #ved_play_video_popup .close {
    top: 150px;
}

.ved_copy_embed a,
.ved_copy_embed_mobile a {
    color: #09d47c;
}

/* rendered video share start */
.ved_rendered_video_share {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .ved_rendered_video_share > .ved_rvs_video {
    width: 450px;
    margin-right: 20px;
    max-width: 100%;
    /*border: 1px solid #f1f1f1;*/
  }
  .ved_rvs_video .ved_rvs_v {
    position: relative;
  }
  
  .ved_rvs_video .ved_rvs_v video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .ved_rendered_video_share > .ved_rvs_video > .ved_rvs_v > video {
    width: 100%;
  }
  .ved_rendered_video_share > .ved_rvs_video > .ved_rvs_title {
    margin-bottom: 10px;
  }
  .ved_rendered_video_share > .ved_rvs_video > .ved_rvs_title > span {
    margin-right: 5px;
    display: inline-block;
    height: 20px;
    padding: 2px 0px;
  }
  .ved_rendered_video_share
    > .ved_rvs_video
    > .ved_rvs_title
    > span[contenteditable="true"] {
    padding: 2px 10px;
    box-shadow: 0px 0px 0px 1px #01a0c6;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ved_rendered_video_share > .ved_rvs_video > .ved_rvs_title > i {
    cursor: pointer;
  }
  .ved_rendered_video_share > .ved_rvs_share_btn {
    margin-left: 20px;
    width: 510px;
    border: 1px solid #ececec;
    padding: 30px;
    position: relative;
    max-width: 100%;
  }
  .ved_rendered_video_share > .ved_rvs_share_btn > .ved_btn {
    height: 54px;
    line-height: 50px;
    box-shadow: none !important;
  }
  .ved_rendered_video_share > .ved_rvs_share_btn > .ved_btn.ved_border_btn {
    border-color: #ececec;
    color: #888888;
  }
  .ved_rendered_video_share > .ved_rvs_share_btn > .ved_btn.ved_border_btn:hover {
    color: #09d47c;
    border-color: #09d47c;
    background-color: transparent;
  }
  .ved_rendered_video_share > .ved_rvs_share_btn > .ved_btn.ved_btn_success {
    background-color: #09d47c;
    border-color: #09d47c;
  }
  .ved_rendered_video_share > .ved_rvs_share_btn > .ved_rvs_s_btn {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }
  .ved_rendered_video_share > .ved_rvs_share_btn > .ved_rvs_s_btn > a {
    flex: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    color: #ffffff;
    font-size: 18px;
    background-color: var(--primaryColor);
    margin-right: 4px;
    cursor: pointer;
  }
  .ved_rendered_video_share
    > .ved_rvs_share_btn
    > .ved_rvs_s_btn
    > a.ved_rvssb_facebook {
    background-color: #3b5998;
  }
  .ved_rendered_video_share
    > .ved_rvs_share_btn
    > .ved_rvs_s_btn
    > a.ved_rvssb_twitter {
    background-color: #1da1f2;
  }
  .ved_rendered_video_share
    > .ved_rvs_share_btn
    > .ved_rvs_s_btn
    > a.ved_rvssb_instagram {
    background-color: #3f729b;
  }
  
  .ved_rendered_video_share .ved_rvs_copy_box {
    flex: 1;
    border: 1px solid #ececec;
    border-radius: 2px;
    height: 36px;
    position: relative;
  }
  .ved_rendered_video_share .ved_rvs_copy_box > input {
    height: 36px;
    padding: 0 10px;
    padding-right: 46px;
    outline: none;
    border: none;
    background-color: transparent;
    width: 100%;
    color: #b4b4b4;
  }
  .ved_rendered_video_share .ved_rvs_copy_box > .copy_btn {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 36px;
    height: 36px;
    border-radius: 0 2px 2px 0;
    background-color: #09d47c;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .ved_rendered_video_share .ved_copy_embed {
    position: relative;
  }
  .ved_rendered_video_share .ved_copy_embed > p {
    margin: 0;
    margin-bottom: 5px;
    font-size: 13px;
  }
  .ved_rendered_video_share .ved_copy_embed > textarea {
    height: 100px;
    resize: none;
    border-radius: 2px;
    border: 1px solid #ececec;
    width: 100%;
    color: #b4b4b4;
    padding: 10px;
  }
  .ved_rendered_video_share .ved_copy_embed > .cpy_btn {
    position: absolute;
    top: 54px;
    right: 0;
    padding: 10px;
    background-color: #09d47c;
    color: #ffffff;
    border-radius: 0 0 0 2px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
  }
  .ved_rendered_video_share .ved_copy_embed:hover > .cpy_btn {
    opacity: 1;
    visibility: visible;
  }
  .ved_how_to_link a {
    color: #09d47c;
    text-decoration: underline;
    font-size: 12px;
  }
  .ved_how_to_link {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -25px;
  }
  @media (max-width: 1000px) {
    .ved_rendered_video_share {
      padding: 0 10px;
    }
    .ved_rendered_video_share > .ved_rvs_video,
    .ved_rendered_video_share > .ved_rvs_share_btn {
      width: auto;
      flex: 1;
    }
    .ved_how_to_link {
      bottom: -40px;
    }
  }
  @media (max-width: 768px) {
    .ved_rendered_video_share {
      flex-direction: column-reverse;
      max-width: 472px;
      position: relative;
      margin-top: 40px;
    }
    .ved_template_share_page .ved_rvs_video .ved_rvs_v video {
      position: static;
    }
    .ved_rendered_video_share > .ved_rvs_video {
      margin-right: 0;
      margin-bottom: 30px;
      width: 100%;
    }
    #ved_animation_popup .ved_rendered_video_share .ved_rvs_share_btn {
      margin-bottom: 30px !important;
  }
    .ved_rendered_video_share > .ved_rvs_video > .ved_rvs_title {
      position: absolute;
      top: -25px;
      left: 0;
    }
    .ved_rendered_video_share > .ved_rvs_share_btn {
      margin-left: 0;
      margin-bottom: 40px;
    }
    .ved_admin_templates .modal-dialog.modal-dialog-centered {
      position: static;
    }
    .ved_animation_share_page.ved_template_share_page .ved_rvs_video .ved_rvs_v video {
      position: absolute;
    }
  }
  @media (max-width: 379px) {
    .ved_rendered_video_share .ved_copy_embed > .cpy_btn {
      top: 86px;
      visibility: visible;
      opacity: 1;
    }
  }
  /* rendered video share end */

@media (max-width: 767px) {
    #ved_play_video_popup {
        top: 70px;
    }
    #ved_play_video_popup .modal-dialog {
        margin: 20px auto 50px;
    }
    #ved_play_video_popup .close {
        top: 83px;
        right: 20px;
    }
    .ved_rendered_video_share .ved_copy_embed>textarea {
        height: 150px;
    }
    .ved_rendered_video_share .ved_copy_embed>textarea {
        height: 170px;
    }
}

.ved_embed_videos_box {
    border: 1px solid #f1f1f1;
    padding: 15px;
    display: inline-block;
}

.ved_embed_videos_box h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
}

.ved_text_capatalize {
    text-transform: capitalize;
}

#ved_animation_form .ved_feild_wrapper select {
    border: 1px solid #eee;
    padding: 0 15px;
}

#ved_animation_form .ved_feild_wrapper select:focus {
    border-color: var(--primaryColor);
}

.ved_animation_wrapper {
    width: 50%;
}

.ved_feild_wrapper .tags-input {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 9px 9px 7px;
}

.ved_feild_wrapper .tags-input li {
    background: var(--primaryColor);
    color: #fff;
    display: inline-block;
    padding: 4px 6px;
    margin: 0 2px 2px 0;
    border-radius: 5px;
}

.ved_feild_wrapper .tags-input li i {
    margin-left: 8px;
    color: #ffffff8a;
    cursor: pointer;
}

.ved_feild_wrapper .tags-input li.tags-new {
    background: 0 0;
    padding: 4px 0;
    margin: 0;
    width: 100%;
}

.ved_feild_wrapper .tags-input li.tags-new input[type="text"] {
    border: none;
    height: unset;
    margin: 0;
    padding: 0 6px;
    width: 100%;
    transition: unset;
}

.ved_feild_wrapper .tags-input.tags-parent li.tags-new {
    width: unset;
}

#ved_animation_form .ved_profile_setting_wrapper {
    padding: 0;
}

#ved_animation_form .ved_video_custom_select {
    margin-bottom: 10px;
}

#ved_animation_form .ved_upload_profile_img .ved_upload_profile_input {
    width: 100%;
}

.ved_selected_category a,
.ved_selected_temp_cat a,
.ved_selected_type a,
.ved_selected_templates a {
    background: #f6f6f6;
    display: inline-block;
    padding: 5px 10px;
    margin-right: 6px;
    border: 1px solid #ececec;
    font-size: 11px;
    margin-bottom: 6px;
}


/*--------- dashboard css start --------*/

.ved_dashboard_wrapper {
    padding: 140px 0 50px;
}

.ved_dashboard_content {
    text-align: left;
    position: relative;
    padding-left: 85px;
    margin-bottom: 72px;
}

.ved_dashboard_content span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_dashboard_content span img {
    width: 75px;
}

.ved_dashboard_content p {
    margin: 0;
    font-size: 13px;
    color: #454545;
}

.ved_dashboard_content h3 {
    font-weight: 700;
    margin-bottom: 1px;
    font-size: 24px;
    color: #1a1a1a;
}

.ved_dashboard_chart,
.ved_time_per_render {
    border: 2px solid #f1f1f1;
    border-radius: 3px;
    margin-bottom: 60px;
}

.ved_dashboard_chart {
    padding: 10px;
}

.ved_dash_box_heading {
    font-size: 18px;
    color: #1a1a1a;
    text-transform: capitalize;
}

.ved_dashboard_box_head {
    padding: 18px;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.ved_no_cat_selector .ved_chart_head:first-child .select2-container {
    visibility: hidden;
}

.ved_chart_head .select2-container span.select2-selection {
    height: unset;
    line-height: unset;
    border: none;
    border-radius: 0;
}

.ved_chart_head .select2-container span.select2-selection .select2-selection__rendered {
    line-height: unset;
    padding: 0;
    font-size: 13px;
    color: #1a1a1a;
    font-weight: 500;
}

.ved_chart_head .select2-container span.select2-selection .select2-selection__arrow {
    line-height: unset;
    right: 0;
    color: #898989;
    font-size: 11px;
}

.ved_chart_head .select2-container span.select2-selection .select2-selection__arrow::after {
    transition: unset;
}

.ved_chart_head .select2-container {
    width: 100px !important;
}

.ved_chart_head .select2-container.select2-container--open span.select2-selection {
    border: none;
    box-shadow: none;
}

.ved_time_per_render {
    min-height: 440px;
    padding: 30px;
}

.ved_time_per_render .ved_time_render_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
}

.ved_time_per_render .ved_time_render_box .ved_time_data {
    flex: 0 0 50%;
    text-align: center;
    margin-bottom: 40px;
}

.ved_time_per_render .ved_time_render_box .ved_time_data p {
    margin: 0;
    font-size: 14px;
}

.ved_time_per_render .ved_time_render_box .ved_time_data span {
    font-size: 14px;
    color: var(--primaryColor);
    height: 30px;
    display: inline-block;
    line-height: 30px;
    min-width: 90px;
    background: #dcf5fb;
    font-weight: 500;
    border-radius: 5px;
}

.ved_time_per_render .ved_time_render_box .ved_time_data h2 {
    margin: 6px 0 0;
    font-size: 48px;
    font-weight: 700;
    color: #1a1a1a;
}

.ved_dashboard_wrapper .container {
    max-width: 1200px;
}

.ved_dashboard_table .table thead th {
    font-size: 13px;
    padding: 20px 20px;
    text-align: center;
}

.ved_dashboard_table .table thead th:first-child {
    text-align: left;
}

.ved_dashboard_table .table tbody td:first-child {
    white-space: nowrap;
    text-align: left;
}

.ved_dashboard_table .table tbody td {
    padding: 30px 20px;
    text-align: center;
}

.ved_dashboard_date_picker {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

.lr_table_pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
}

.lr_pagination_navigation a {
    min-width: 80px;
    display: inline-block;
    text-align: center;
    height: 33px;
    line-height: 29px;
    border: 2px solid #f1f1f1;
    border-radius: 6px;
    margin-right: 5px;
}

.lr_pagination_navigation a:hover {
    background: var(--primaryColor);
    color: #ffffff;
    border-color: var(--primaryColor);
}

.lr_pagination_pages ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lr_pagination_pages ul li a {
    width: 33px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 29px;
    border: 2px solid #f1f1f1;
    border-radius: 6px;
    margin-left: 10px;
}

.lr_pagination_pages ul li a:hover,
.lr_pagination_pages ul li a.active {
    background: var(--primaryColor);
    color: #ffffff;
    border-color: var(--primaryColor);
}

.lr_pagination_pages ul li span {
    height: 33px;
    display: block;
    margin-left: 10px;
    line-height: 32px;
}

span.select2-dropdown.ved_dashboard_selector .select2-results__option {
    text-transform: capitalize;
}

.ved_chart_head .ved_dashboard_date_picker {
    position: absolute;
    right: 0;
    margin: 0;
    width: 220px;
    margin-top: 7px;
}

.ved_chart_head .ved_dashboard_date_picker #dash_graph_date_picker {
    display: none;
}

.ved_dashboard_box_head .ved_chart_head {
    position: relative;
}

@media (min-width: 1200px) {
    .ved_dashboard_wrapper .ved_chart_col {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .ved_dashboard_wrapper .ved_render_time_col {
        flex: 0 0 30%;
        max-width: 30%;
    }
}


/*--------- dashboard css end --------/
/*---------- template css start ----------*/

.ved_templates_wrapper {
    padding: 60px 30px 0;
    margin-top: 90px;
}

.ved_templates_head>h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.ved_templates_head {
    /* text-align: center; */
    padding-left: 30px;
}

.ved_templates_head .ved_center_sub_heading.ved_mobile_sub_heading {
    display: none;
}

.ved_templates_search {
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

.ved_templates_search input {
    width: 100%;
    border: 2px solid #f0f0f0;
    background-color: #fff;
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
    padding: 0 45px 0 15px;
}

.ved_templates_search i {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 12px;
    color: #888;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
}

.ved_templates_search input:focus {
    border-color: var(--primaryColor);
}

.ved_templates_wrapper .container {
    max-width: 1230px;
}

.ved_templates_side ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ved_templates_side ul.ved_sub_category {
    padding-top: 15px;
    display: none;
    transition: unset;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    margin-right: 15px;
}

.ved_templates_side ul.ved_sub_category li {
    margin: 0;
    padding-bottom: 20px;
}

.ved_templates_side ul.ved_sub_category li:last-child {
    padding: 0;
}

.ved_templates_side {
    width: 270px;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 92px;
    z-index: 10;
    background: #ffffff;
    border-right: 1px solid #f1f1f1;
}

.ved_templates_side .ved_templates_side_inner {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 93px;
    width: 220px;
    margin: 30px 0 30px 30px;
    overflow-x: hidden;
}

.ved_templates_side .ved_templates_side_inner::-webkit-scrollbar {
    width: 10px;
}

.ved_templates_side .ved_templates_side_inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f4f4f4;
    border-radius: 100px;
}

.ved_templates_side .ved_templates_side_inner::-webkit-scrollbar-thumb {
    background: var(--primaryColor);
    border-radius: 100px;
}

.ved_templates_side ul>li>label>p {
    margin: 0;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    font-weight: 400;
    transition: all 0.3s;
}

.ved_templates_side ul>li>label {
    margin: 0;
    display: block;
}

.ved_templates_side ul>li>label>input {
    display: none;
}

.ved_templates_side ul>li {
    margin-bottom: 20px;
}

.ved_templates_side ul>li>label>p.ved_sideMenu_heading {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
}

.ved_templates_side ul>li>label>p.ved_sideMenu_heading span {
    font-size: 23px;
    transition: all 0.3s;
    margin-right: 20px;
}

.ved_sideMenu_heading.active span {
    transform: rotate(180deg);
}

.ved_templates_side ul>li>label>input:checked~p,
.ved_templates_side ul>li>label>p:hover {
    color: var(--primaryColor);
}

.ved_templates_body {
    display: flex;
}

.ved_templates_content_head .select2-container {
    margin-right: 25px;
}

.ved_templates_content {
    flex: 1;
    padding-left: 40px;
    position: relative;
}

.ved_templates_box {
    padding-left: 215px;
}

.ved_templates_content_head .select2-container {
    width: 200px !important;
    margin-right: 20px;
    background: #fbfbfb;
    height: 50px;
    line-height: 46px;
    padding: 0 15px;
    border: 2px solid #f0f0f0;
    border-radius: 5px;
}

.ved_templates_content_head .select2-container .select2-selection--single {
    height: unset;
    line-height: unset;
    background: 0 0;
    padding: 0;
    border: none !important;
    cursor: pointer;
    box-shadow: none !important;
}

.ved_templates_content_head .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #949494;
    font-weight: 500;
    line-height: unset;
    padding: 0;
    height: auto;
}

.ved_templates_content_head .select2-container .select2-selection--single .select2-selection__arrow {
    height: unset;
    line-height: unset;
    right: 15px;
    text-align: right;
    top: 2px;
    color: #949494;
}

.ved_templates_content_head .ved_checkbox p {
    padding: 0;
    font-size: 14px;
}

.ved_templates_content_head .ved_checkbox label {
    padding: 12px 13px;
}

.ved_templates_content_head li:last-child .ved_checkbox label {
    border-bottom: none;
}

.ved_templates_content_head .ved_video_custom_select.dropdown_open .ved_video_input p,
.ved_templates_content_head .ved_video_custom_select.dropdown_open .ved_video_input span {
    color: var(--primaryColor);
}

.ved_templates_content_head .ved_video_custom_select .ved_video_input span {
    right: 0;
    color: #000;
    cursor: pointer;
}

.ved_templates_content_head {
    display: flex;
    margin-bottom: 40px;
    justify-content: space-between;
    align-items: center;
}

.ved_templates_content_head #ved_type_selector~.select2-container {
    margin: 0;
    width: 200px !important;
}

span.select2-dropdown.ved_template_selector {
    border: 2px solid #f0f0f0;
    border-radius: 6px;
    margin-top: 5px;
    width: 200px !important;
    box-shadow: none;
    padding: 10px;
}

span.select2-dropdown.ved_template_selector.select2-dropdown--above {
    margin-top: -5px;
}

span.select2-dropdown.ved_template_selector .select2-results__option {
    padding: 11px 14px;
    border-radius: 5px;
    border: none;
    color: #2a2a2a;
}

span.select2-dropdown.ved_template_selector .select2-results__option--highlighted[aria-selected],
span.select2-dropdown.ved_template_selector .select2-results__option[aria-selected="true"] {
    color: var(--primaryColor);
    background: transparent;
}

span.select2-dropdown.ved_template_selector .select2-results__option[aria-selected="true"] {
    background-color: #f0f0f0;
    color: #2a2a2a;
    font-weight: 600;
}

.ved_templates_wrapper::-webkit-scrollbar {
    height: 0px !important;
}

.ved_templates_content_head .select2-container.select2-container--open {
    border-color: var(--primaryColor);
}

.ved_templates_content_head .select2-container.select2-container--open .select2-selection__rendered {
    color: #2a2a2a;
}

.ved_templates_content_head .select2-container.select2-container--open .select2-selection__arrow {
    color: #2a2a2a;
}

.ved_templates_grid,
.ved_animations_grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding-bottom: 70px;
}

.ved_templates_grid .grid-item {
    flex: 0 0 20%;
    max-width: 20%;
    width: 20%;
    padding: 0 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation: animation_box_anim 0.3s;
    -moz-animation: animation_box_anim 0.3s;
    animation: animation_box_anim 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ved_scratch_box a {
    height: 350px;
    border: 1px solid #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.ved_scratch_box a:hover {
    border-color: var(--primaryColor);
    color: var(--primaryColor);
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
}

.ved_template_video_box video {
    max-width: 100%;
    display: none;
    /* min-height: 272.5px; */
}

.ved_template_video {
    font-size: 0;
    position: relative;
}

.ved_template_video_box {
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    /* min-height: 274px; */
}

.ved_template_video_box:hover {
    border-color: var(--primaryColor);
    box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
    padding-bottom: 70px;
    z-index: 2;
    margin-bottom: -50px;
}

.ved_scratch_box,
.ved_template_video_box {
    margin-bottom: 20px;
}

.ved_templates_grid .grid-item:hover {
    opacity: 1;
    z-index: 2;
}

.ved_template_video_btn {
    padding: 15px;
    display: flex;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    background: #fff;
}

.ved_template_video_btn .ved_btn {
    min-width: 100%;
    padding: 0 10px;
    margin-right: 10px;
}

.ved_template_video_btn .ved_btn:last-child {
    margin: 0;
}

.ved_template_video_box:hover .ved_template_video_btn {
    visibility: visible;
    opacity: 1;
}

.ved_templates_inner h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.ved_templates_inner h3 a {
    display: inline-block;
    font-size: 14px;
    color: var(--primaryColor);
    margin-left: 6px;
}

.ved_templates_inner .ved_templates_grid {
    padding-bottom: 20px;
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: 40px;
}

#ved_template_popup,
#ved_animation_popup,
#ved_play_animation_popup {
    background: #fff;
}

.ved_templates_modal button.close {
    top: 30px;
    right: 30px;
    color: #bcbcbc;
}

#ved_template_popup .modal-dialog,
#ved_animation_popup .modal-dialog {
    margin: 70px auto;
    min-height: unset;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

#ved_template_popup.show .modal-dialog,
#ved_animation_popup.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

div#ved_template_popup .modal-header,
div#ved_animation_popup .modal-header {
    border: none;
    padding: 0;
}

#ved_animation_popup .ved_mobile_sub_heading {
    display: none;
}

.ved_template_modal_open .ved_header_wrapper {
    z-index: 1051;
}

.ved_template_modal_open div#ved_template_popup,
.ved_template_modal_open div#ved_animation_popup,
#ved_play_animation_popup {
    top: 89px;
}

div#ved_play_animation_popup .close {
    position: fixed;
    top: 105px;
    right: 20px;
}

.ved_admin_templates {
    padding-bottom: 70px;
}

#ved_play_animation_popup .ved_rvs_v.ved_rvs_anim {
    overflow: hidden;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    width: 270px;
    margin: 0 auto;
}

#ved_play_animation_popup .modal-dialog {
    margin: 60px auto;
    min-height: unset;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
    align-items: flex-start;
}

.show#ved_play_animation_popup .modal-dialog {
    transform: none;
}

.ved_template_modal_open .modal-backdrop {
    background: #fff;
}

#ved_template_popup .ved_modal_head h3,
#ved_animation_popup .ved_modal_head h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

#ved_template_popup .ved_modal_head,
#ved_animation_popup .ved_modal_head {
    text-align: center;
}

#ved_template_popup .ved_modal_head p,
#ved_animation_popup .ved_modal_head p {
    margin-bottom: 13px;
    font-size: 14px;
    text-align: center;
}

#ved_template_popup .ved_modal_head .close,
#ved_animation_popup .ved_modal_head .close {
    left: 1rem;
    right: auto;
    color: #000;
    top: 10px;
}

#ved_template_popup .ved_modal_head .close i,
#ved_animation_popup .ved_modal_head .close i {
    font-size: 32px;
}

#ved_template_popup .ved_rendered_video_share>.ved_rvs_share_btn .ved_template_content,
#ved_animation_popup .ved_rendered_video_share>.ved_rvs_share_btn .ved_template_content {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    font-weight: 300;
}

#ved_template_popup .ved_rendered_video_share>.ved_rvs_share_btn,
#ved_animation_popup .ved_rendered_video_share>.ved_rvs_share_btn {
    width: 500px;
}

#ved_template_popup .ved_rendered_video_share>.ved_rvs_share_btn .ved_share_text,
#ved_animation_popup .ved_rendered_video_share>.ved_rvs_share_btn .ved_share_text {
    margin: 20px 0 10px;
}

.ved_template_video_box.playing video {
    display: block;
}

.ved_template_video video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.ved_template_video .ved_loader_wrapper {
    position: absolute;
}

.ved_templates_data .ved_btn.ved_load_more_templates {
    display: none;
}

.ved_templates_modal .modal-content {
    width: unset;
}

.ved_templates_content_head .ved_templates_select {
    display: none;
}

.ved_templates_content_head .ved_templates_select p,
.ved_templates_content_head .ved_templates_select p i {
    margin: 0;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: unset;
}

.ved_templates_content_head .ved_templates_select p i {
    margin-left: 10px;
    font-size: 22px;
    font-weight: 300;
    line-height: 0.4;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px);
}

.ved_template_side_close {
    display: none;
}

.ved_template_modal_open #ved_prompt_login_popup {
    background: rgba(0, 0, 0, 0.8);
    z-index: 10000;
}

#ved_prompt_login_popup .ved_delete_body_wrapper {
    padding-bottom: 0;
}

.ved_mobile_filter,
.ved_template_filters_close {
    display: none;
}

.ved_temp_cat_custom_select .ved_checkbox label,
.ved_custom_multicheckbox_select .ved_checkbox label {
    padding: 0;
    border: none;
}

.ved_template_custom_select .ved_checkbox p {
    padding-left: 0;
}

.ved_template_custom_select .ved_checkbox p:before,
.ved_template_custom_select .ved_checkbox p:after {
    display: none;
}

.ved_temp_cat_custom_select .ved_checkbox label p:after,
.ved_custom_multicheckbox_select .ved_checkbox label p:after {
    display: none;
}

.ved_temp_cat_custom_select .ved_checkbox label p,
.ved_custom_multicheckbox_select .ved_checkbox label p {
    padding: 6px 10px 6px 30px;
    border: 1px solid #eaeaea;
    border-radius: 100px;
    display: inline-block;
    margin: 0 7px 7px 0;
    background-color: #ffffff;
}

.ved_temp_cat_custom_select .ved_checkbox label p::before,
.ved_custom_multicheckbox_select .ved_checkbox label p::before {
    height: unset;
    width: unset;
    border: none;
    content: "\f067";
    font-family: "font awesome 5 pro";
    position: absolute;
    top: 6px;
    left: 14px;
    background: 0 0;
    transition: unset;
    z-index: 0;
}

.ved_temp_cat_custom_select .ved_checkbox,
.ved_custom_multicheckbox_select .ved_checkbox {
    display: inline-block;
}

.ved_temp_cat_custom_select,
.ved_custom_multicheckbox_select {
    margin-bottom: 20px;
}

.ved_temp_cat_custom_select .ved_checkbox label input:checked~p,
.ved_custom_multicheckbox_select .ved_checkbox label input:checked~p {
    border-color: var(--primaryColor);
    background: #e7f9fd;
}

.ved_temp_cat_custom_select .ved_checkbox label input:checked~p:before,
.ved_custom_multicheckbox_select .ved_checkbox label input:checked~p:before {
    content: "\f00c";
}

#ved_template_popup .ved_rendered_video_share>.ved_rvs_share_btn .ved_btn,
#ved_animation_popup .ved_rendered_video_share>.ved_rvs_share_btn .ved_btn {
    line-height: 54px;
}

#ved_animation_popup .ved_rvs_anim {
    overflow: hidden;
}

.ved_template_header .ved_menu ul {
    text-align: right;
}

.ved_menu>ul>li>a.signup {
    color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    border-radius: 4px;
    height: 33px;
    padding: 0 10px;
    line-height: 31px;
}

.ved_menu>ul>li>a.signup:hover {
    background: var(--primaryColor);
    color: #fff;
}

.ved_template_shuffle.ved_btn {
    background: #fbfbfb;
    height: 50px;
    line-height: 46px;
    padding: 0 15px;
    border: 2px solid #f0f0f0;
    color: #949494;
}

.ved_scratch_btn.ved_btn {
    height: 50px;
    line-height: 50px;
    margin-left: 18px;
}

.ved_template_shuffle.ved_btn span {
    transition: unset;
}

.ved_template_shuffle.ved_btn:hover {
    color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.ved_template_shuffle.ved_btn i {
    margin-right: 7px;
}

.ved_template_shuffle.ved_btn i:before {
    transition: unset;
}

.ved_template_animation h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s;
}

.ved_template_animation {
    margin-bottom: 20px;
    padding-right: 10px;
}

.ved_templates_body .ved_animation_sidebar {
    position: static;
}

.ved_templates_body .ved_animation_sidebar .ved_animation_sidebar_inner {
    position: static;
    padding: 0;
    border: none;
    overflow: unset;
    margin: 0;
}

.ved_template_animation_box .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animations_box_list {
    max-width: unset;
}

.ved_template_animation_box {
    padding-left: 30px;
    flex: 0 0 100%;
}

.animation_sidebar_open.ved_template_animation_box {
    overflow: unset;
}

.ved_template_animation_box .ved_animations_parent {
    flex: 0 0 20%;
    padding: 0 15px;
    max-width: 20%;
}

.ved_template_animation_box .ved_animations_box {
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px;
}

.ved_template_animation_box .ved_checkmark {
    display: none;
}

.ved_template_animation_box .ved_templates_content_head .select2-container {
    width: 200px !important;
}

.ved_template_animation_box .ved_templates_content_head {
    padding: 0 15px;
}

.ved_template_animation_box .vd_anim_split_test_two {
    display: none;
}

.ved_template_animation_box .ved_animations_box p {
    position: absolute;
    bottom: 100%;
    left: 20px;
    right: 20px;
    background: #2a2a2a;
    /* border: 1px solid #f1f1f1; */
    margin: 0;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    z-index: 3;
    transition: all 0.1s;
    border-radius: 4px;
    margin-bottom: 35px;
    visibility: hidden;
    opacity: 0;
}

.ved_template_animation_box .ved_animations_box p::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #2b2b2b;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
}

.ved_template_animation_box .ved_animations_box:hover p {
    margin-bottom: 15px;
    visibility: visible;
    opacity: 1;
}

.ved_template_animation_box div.ved_animations_box {
    cursor: default;
}

.ved_animations_parent:first-child .ved_animations_box {
    overflow: unset;
}

.ved_template_wrapper.ved_template_share_page {
    margin-top: 150px;
}

.ved_in_loader {
    display: none;
}

.ved_template_share_page .ved_template_head {
    text-align: center;
    position: relative;
    max-width: 946px;
    margin: 0 auto;
}

.ved_template_share_page .ved_template_head h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.ved_template_share_page .ved_template_head p {
    margin-bottom: 35px;
    font-size: 14px;
    text-align: center;
}

.ved_template_share_page .ved_template_head a {
    left: 0;
    right: auto;
    color: #000;
    top: -7px;
    position: absolute;
    font-size: 50px;
}

.ved_template_share_page .content-body {
    max-width: 946px;
    margin: 0 auto;
}

.ved_template_share_page .content-body .ved_rendered_video_share>.ved_rvs_share_btn {
    width: 420px;
}

.ved_template_share_page .content-body .ved_rendered_video_share>.ved_rvs_share_btn p {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    font-weight: 300;
}

.ved_template_filters_icon {
    color: #000;
    font-size: 20px;
    cursor: pointer;
    display: none;
}

#ved_animation_popup .ved_rendered_video_share>.ved_rvs_video {
    width: 750px;
    /* background: #000; */
    /* border: 1px solid #f1f1f1; */
    display: flex;
    align-items: center;
    border-radius: 6px;
}

#ved_animation_popup .ved_rendered_video_share>.ved_rvs_video .ved_rvs_v.ved_rvs_anim {
    border: 1px solid #f1f1f1;
    border-radius: 10px;
}

#ved_template_popup .ved_rvs_video .ved_rvs_v.ved_rvs_temp {
    border: 1px solid #f1f1f1;
}

#ved_animation_popup .ved_rendered_video_share {
    max-width: 1200px;
    flex-wrap: nowrap;
}

#ved_animation_popup .ved_rendered_video_share .ved_rvs_share_btn {
    width: 410px;
}

#ved_animation_popup .ved_rendered_video_share>.ved_rvs_video .ved_rvs_v.ved_rvs_anim>img {
    height: 400px;
}

#ved_animation_popup .ved_rendered_video_share>.ved_rvs_video .ved_rvs_v.ved_rvs_anim {
    margin: 0 auto;
}


/* #ved_animation_popup .ved_rendered_video_share > .ved_rvs_video .ved_rvs_v.ved_rvs_anim video {
  width: 262px;
} */

.ved_temp_animation_tabs .ved_checkbox label p {
    padding: 0px 20px;
    margin-bottom: 8px;
    height: 50px;
    line-height: 46px;
    border: 2px solid #eaeaea;
}

.ved_temp_animation_tabs .ved_checkbox label p:before {
    display: none;
}

.ved_temp_animation_tabs {
    margin: 0 0 30px;
    padding: 0 15px;
}

.ved_animation_filter_box .select2.select2-container {
    margin-right: 20px;
    width: 110px !important;
}

.ved_animation_filter_box {
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.ved_questions_box h2 {
    font-size: 16px;
    margin-bottom: 20px;
}

.ved_questions_box h3 {
    font-size: 15px;
    position: relative;
    background: #f1f1f1;
    padding: 15px;
    margin: 0;
}

.ved_questions_box h3 span::first-letter {
    text-transform: uppercase;
}

.ved_questions_box h3 span {
    display: inline-block;
}

.ved_questions_box p {
    margin: 0;
    padding: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ved_questions_box .ved_question_inner {
    border: 1px solid #f1f1f1;
    margin-bottom: 20px;
}

.ved_questions_box p:before {
    content: "Ans : ";
    margin-right: 5px;
}

.ved_questions_box p span {
    background: var(--primaryColor);
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    text-transform: capitalize;
    border-radius: 3px;
    margin-bottom: 2px;
    margin-right: 3px;
}

.ved_rendered_video_share>.ved_rvs_video .ved_preview_type {
    position: absolute;
    top: 18px;
    left: -30px;
}

.ved_rendered_video_share>.ved_rvs_video .ved_preview_type a i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f0f0f0;
    border-radius: 5px;
    margin-bottom: 6px;
    opacity: 0.6;
}

.ved_rendered_video_share>.ved_rvs_video .ved_preview_type a:hover i,
.ved_rendered_video_share>.ved_rvs_video .ved_preview_type a.active i {
    background: #f0f0f0;
    color: #2a2a2a;
    opacity: 1;
}

.ved_rendered_video_share>.ved_rvs_video .ved_preview_type a i:before {
    transition: unset;
}

.ved_click_more_anim_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.ved_trending_keywords a {
    color: #000000;
    font-weight: 600;
    transition: all 0.3s;
    /* text-transform: capitalize; */
}

.ved_trending_keywords {
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
    color: #000000;
}

.ved_trending_keywords a:hover {
    color: var(--primaryColor);
}

.ved_templates_search i:hover {
    color: var(--primaryColor);
}

.ved_templates_search i:before {
    transition: all 0s;
}

.ved_animation_search_box .ved_trending_keywords {
    font-size: 13px;
    text-align: left;
}

.ved_animation_search_box .ved_trending_keywords>span img {
    width: 12px;
}

.ved_animation_search_box .ved_trending_keywords>span {
    display: block;
    margin-bottom: 7px;
    font-weight: 600;
}

.ved_animation_search_box .ved_trending_keywords a {
    /* line-height: 21px;
    background: #def9ff;
    border: 1px solid var(--primaryColor);
    border-radius: 4px;
    padding: 0 6px;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    font-size: 11px;
    white-space: nowrap;  */
    height: 30px;
    line-height: 26px;
    border: 2px solid #eaeaea;
    padding: 0 11px;
    border-radius: 100px;
    margin-bottom: 0px;
    margin-right: 6px;
    color: #888888;
    font-size: 12px;
    font-weight: 400;
    background: #ffffff;
    white-space: nowrap;
}

.ved_animation_search_box .ved_trending_keywords a:hover,
.ved_animation_search_box .ved_trending_keywords a.active {
    color: var(--primaryColor);
    border-color: var(--primaryColor);
    background-color: #d9f4fa;
}

.ved_animation_search_box .ved_trending_keywords a span {
    display: none;
}

.animation_sidebar_open .ved_animation_search_box .ved_trending_keywords a span {
    display: inline-block;
}

.animation_sidebar_open .ved_animation_search_box .ved_trending_keywords {
    font-size: 14px;
    text-align: center;
    display: none;
}

.animation_sidebar_open .ved_animation_search_box .ved_trending_keywords span img {
    width: 17px;
}

.animation_sidebar_open .ved_animation_search_box .ved_trending_keywords span {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
}

.animation_sidebar_open .ved_animation_search_box .ved_trending_keywords a {
    line-height: 21px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0 0;
    display: inline;
    margin-bottom: 0;
    margin-right: 0;
    font-size: inherit;
}

.animation_sidebar_open .ved_animation_search_box .ved_trending_keywords a:hover {
    background: transparent;
    color: var(--primaryColor);
}

.ved_animation_search_box .ved_trending_keywords .ved_trending_key_inner {
    display: flex;
    overflow-y: hidden;
    /* padding-bottom: 6px;
    margin-bottom: 18px; */
}

.ved_animation_search_box .view_all_btn {
    display: block;
    color: #000000;
    margin-bottom: 6px;
    font-weight: 500;
    height: 30px;
    border-radius: 100px;
    line-height: 29px;
    padding: 0 8px;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    border-radius: 4px;
    background: #dddddd;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    border: none;
    position: static;
    font-style: normal;
}

.ved_animation_search_box .view_all_btn:hover {
    background: var(--primaryColor);
    color: #ffffff;
}

.ved_trending_keywords.ved_view_all {
    margin: 0;
}

.ved_animation_search_box .ved_trending_keywords .ved_trending_key_inner::-webkit-scrollbar {
    height: 7px;
}

.ved_animation_search_box .ved_trending_keywords .ved_trending_key_inner::-webkit-scrollbar-thumb {
    background: var(--primaryColor);
    border-radius: 20px;
}

.ved_animation_search_box .ved_trending_keywords .ved_trending_key_inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 9px #d3d3d3;
    border-radius: 20px;
}

.animation_sidebar_open .ved_animation_search_box .ved_trending_keywords .ved_trending_key_inner {
    display: unset;
    overflow-y: hidden;
}

@media (min-width: 991px) {
    .lr_similar_post_wrapper .grid-item.ved_template_item {
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
    }
}

@media (max-width: 576px) {
    .animation_sidebar_open .ved_animation_search_box .ved_trending_keywords a:last-child {
        display: none;
    }
    .animation_sidebar_open .ved_animation_search_box .ved_trending_keywords a:nth-last-child(2) span {
        display: none;
    }
    .animation_sidebar_open .ved_animation_search_box .ved_trending_keywords {
        display: none;
    }
}

.lr_similar_post_wrapper h3 {
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 15px;
}

.lr_similar_post_wrapper {
    margin-top: 50px;
    max-width: 1000px;
}

.lr_similar_animations .ved_animations_grid .ved_animations_parent {
    flex: 0 0 20%;
    padding: 0 10px;
}

.lr_similar_animations .ved_animations_grid .ved_animations_parent .ved_animations_box {
    margin: 0 0 20px;
    width: 100%;
    overflow: hidden;
}

.lr_similar_animations .ved_animations_grid .ved_animations_parent .ved_animations_box span.ved_checkmark {
    display: none;
}

.lr_similar_animations {
    max-width: 1200px;
}

.lr_similar_animations .ved_animations_grid .ved_animations_parent .ved_template_video_box {
    padding: 0;
}

.limit_bar_open .ved_templates_wrapper,
.announcement_bar_open .ved_templates_wrapper {
    padding-top: 105px;
}

.limit_bar_open .ved_templates_side,
.announcement_bar_open .ved_templates_side {
    top: 137px;
}

.limit_bar_open .ved_templates_side .ved_templates_side_inner,
.announcement_bar_open .ved_templates_side .ved_templates_side_inner {
    top: 138px;
}

.limit_bar_open .ved_templates_modal button.close,
.announcement_bar_open .ved_templates_modal button.close {
    top: 70px;
}


/*---- video render box css -------*/

.ved_render_left_box h4 {
    font-size: 11px;
    color: #1a1a1a;
    margin: 0;
}

.ved_render_left_box .ved_render_progress {
    height: 5px;
    background: #d4d6d6;
    border-radius: 100px;
    margin-bottom: 8px;
    width: 100%;
    position: relative;
}

.ved_render_left_box {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
}

.ved_render_left_box .ved_render_progress .ved_render_progress_inner {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: -1px;
    background: var(--primaryColor);
    height: 7px;
    border-radius: 100px;
    width: 50%;
}

@media (max-width: 767px) {
    .ved_render_left_box {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 20px;
        background: #ffffff;
    }
}


/*---- video render box css -------*/


/*-------- admin filter css ------*/

.ved_user_filter_left .ved_templates_content_head {
    display: block;
    margin-bottom: 0;
    margin-right: 20px;
    margin-bottom: 30px;
}

.ved_user_filter_left .ved_templates_content_head label {
    display: block;
}

.ved_user_filter_left {
    display: flex;
    flex-wrap: wrap;
}

.ved_users_filters_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ved_user_filter_right .ved_btn {
    height: 50px;
    line-height: 50px;
    margin-top: 25px;
}

.ved_filter_datepicker_box input {
    width: 100%;
    background: #fbfbfb;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 2px solid #f0f0f0;
    border-radius: 5px;
    margin-top: 10px;
}

.ved_user_filter_left .ved_templates_content_head .select2-container {
    margin-right: 0;
}

.select2-container--default .ved_template_selector .select2-results>.select2-results__options {
    max-height: unset;
}

.vd_animation_head_wrapper .ved_templates_content_head {
    margin-bottom: 0;
}


/*-------- admin filter css ------*/

.vd_browse_all_templates {
    margin: 0 auto 30px;
    display: none;
    width: 220px;
    max-width: 100%;
}

.ved_animation_step_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ved_animation_step_btn>div {
    margin: 0 1px;
}

.ved_animation_step_btn .ved_animation_reset_btn,
.ved_animation_step_btn .ved_animation_center_btn {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    cursor: pointer;
}

.ved_animation_step_btn .ved_animation_center_btn {
    width: 12px;
}

.ved_animation_step_btn .ved_animation_reset_btn i {
    position: relative;
    /* top: -1px; */
}


/* Ai Search CSS  */

.ved_ai_search_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -15px 0 10px;
}

.ved_ai_search_inner {
    position: relative;
    margin: 0;
    width: 100%;
    margin: 0 0 10px;
}

.ved_ai_search_inner:before {
    content: "";
    position: absolute;
    left: 15px;
    top: calc(50% - 12px);
    background: url(../images/ved-spark.png);
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    z-index: 1;
}

.ved_ai_search_inner.ved_search_box .ved_animation_search {
    padding: 0 45px 0 50px;
    background: #ffffff;
    margin-bottom: 0px;
}

.ved_ai_search_btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    text-align: center;
    /* padding-top: 4px; */
    top: calc(50% - 13px);
    right: 3px;
    font-size: 12px;
    color: #888;
}

.ved_ai_search_btn:hover svg circle {
    fill: var(--primaryColor);
}
.ved_ai_search_btn:hover svg path{
    fill: #ffffff;
}

.ved_ai_search_inner textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #fbfbfb;
    height: 40px;
    /*line-height: 40px;*/
    /*height: 100%;*/
    padding: 11px 50px;
    position: relative;
    border-radius: 0px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 3%);
    border-radius: 6px;
    resize: none;
    overflow: hidden;
}
/* .ved_ai_search_inner {
    display: grid;
  }
  .ved_ai_search_inner::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
  }
  .ved_ai_search_inner > textarea {
    resize: none;
    overflow: hidden;
  }
  .ved_ai_search_inner > textarea,
  .ved_ai_search_inner::after {
    border: 1px solid #e1e1e1;
    grid-area: 1 / 1 / 2 / 2;
    padding: 0 50px 0 50px;
    border-radius: 6px;
    font: inherit;
  } */

.ved_ai_search_wrap .ved_ai_search_inner textarea {
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 18%);
    -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 18%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 18%);
}

.ved_swipe_ai_content {
    display: none;
}

.ved_sidebar_search {
    position: relative;
}

.ved_sidebar_search .ved_ai_search_inner:before {
    display: none;
}

.ved_sidebar_search .ved_ai_search_inner textarea {
    padding: 9px 11px;
    background-color: #fff;
    margin: 0;
    border-width: 2px;
}
.ved_sidebar_search .ved_ai_search_inner textarea:focus{
    border-color: var(--primaryColor);
}
/* AI Search List  */

.ved_ai_search_cat_list {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 18%);
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    padding: 10px 10px 0px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    display: none;
}

.ved_ai_search_cat_list ul {
    margin: 0;
    overflow: hidden auto;
    padding: 0;
    height: 140px;
    width: 100%;
}

.ved_ai_search_title {
    width: 100%;
    margin: 0 0 10px;
}

.ved_ai_search_cat_list ul::-webkit-scrollbar {
    width: 6px;
}

.ved_ai_search_cat_list ul::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.ved_ai_search_cat_list ul::-webkit-scrollbar-thumb {
    background-color: var(--primaryColor);
}

.ved_ai_search_cat_list ul li {
    list-style: none;
    margin: 0;
}

.ved_ai_search_cat_list ul li a {
    display: inline-block;
    padding: 8px 20px 8px 30px;
    position: relative;
    color: #222;
    width: 100%;
    border-radius: 5px;
}

.ved_ai_search_cat_list ul li a:hover,
.ved_ai_search_cat_list ul li a.active {
    /* color: var(--primaryColor); */
    background-color: #f0f0f0;
}

.ved_option_icon {
    position: absolute;
    left: 10px;
    top: 9px;
    color: var(--primaryColor);
}

.ved_ai_search_row {
    width: 100%;
    max-width: 400px;
    position: relative;
}


/**/

.ved_ai_content ul li {
    position: relative;
}

.ved_remove_list {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fe5151;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -6px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    font-size: 16px;
}


/* Contetn Modal CSS */

.ved_ai_content_sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -280px;
    width: 280px;
    z-index: 11;
}

.open-content-sidebar .ved_ai_content_sidebar {
    right: 0;
}

.open-content-sidebar .ved_ai_content_sidebar,
.ved_ai_content_sidebar {
    transition: all .3s;
}

.ved_ai_content_sidebar_inner {
    border: 1px solid #f1f1f1;
    background-color: #fafafa;
    padding: 30px 30px 30px 30px;
    overflow: auto;
    margin-top: 93px;
    height: 100%;
    padding-bottom: 100px;
}

.ved_ai_title_wrap {
    margin: 0 0 20px;
}

.ved_sidebar_title {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

.ved_ai_title_wrap p {
    margin: 0;
}

.ved_ai_btn-wrap {
    margin: 10px 0 20px;
}

.ved_ai_btn-wrap>span {
    font-size: 12px;
    margin: 12px 0 0;
    display: block;
    color: #6a6a6a;
}
.ved_ai_btn-wrap>span i {
    font-size: 10px;
}
.ved_ai_btn-wrap .ved_btn {
    width: 100%;
}

.ved_ai_content {
    position: relative;
}

.ved_ai_content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ved_ai_qa_box {
    margin: 0 0 20px;
    border: 2px solid #f0f0f0;
    padding: 20px 20px;
    background: #ffffff;
    border-radius: 6px;
}

.ved_ai_qa_box:hover {
    cursor: pointer;
    border-color: #01a0c6;
    /* background: rgb(0 159 199 / 3%); */
}

.ved_ai_qa_box:hover,
.ved_ai_qa_box {
    transition: all .3s;
}

.ved_ai_qa_box h4 {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 500;
}

.ved_ai_qa_box p {
    margin: 0;
}

.ved_ai_content_toggle {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 100%;
    top: 137px;
    background-color: #fafafa;
    border: 1px solid #f1f1f1;
    font-size: 14px;
    color: #080808;
    border-radius: 4px 0 0 4px;
    border-right: none;
    margin-right: -1px;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    padding-top: 15px;
}

.ved_ai_content_toggle img {
    width: auto;
    /* position: absolute;
    right: 50%;
    top: 100%; */
    height: 20px;
}

.ved_input_wrapper {
    margin-bottom: 10px;
}

.ved_ai_content_sidebar_inner .ved_ai_search_cat_list {
    justify-content: flex-start;
}

.ved_ai_content_sidebar_inner .ved_ai_search_cat_list ul {
    padding: 0 0 6px;
    margin: 00 0 10px;
}

.ved_input_wrapper i {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    color: #888;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
}


/* Drop Down */

.ved_ai_search_title h5 {
    margin: 0;
    color: #888888;
    font-size: 13px;
    padding-left: 10px;
}
.ved_template_toolbar_menu li.ved_swipe_ai{
    display: none;
}

@media (min-width: 768px) {
    .ved_ai_content_sidebar {
        right: -420px;
        width: 420px;
    }
}
@media (max-width: 576px) {
    .ved_swipe_ai_content {
        border: 1px solid #f1f1f1;
        background-color: #fff;
        border-radius: 5px;
        font-size: 14px;
        height: 40px;
        min-width: 40px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 10px !important;
    }
    .ved_swipe_ai_content img {
        width: 18px;
    }
    .ved_template_toolbar_menu li.ved_swipe_ai{
        display: block;
        margin-left: 1px !important;
    }
}
@media (max-width: 420px) {
    .ved_swipe_ai_content{
        min-width: 35px !important;
        padding: 10px 7px !important;
    }
}


/*----- template responsive css -----*/

@media (max-width: 1440px) {
    /* .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle {
        right: 97.9%;
    } */
    .ved_template_animation_box .ved_animations_parent {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .vd_templates_sections .ved_templates_grid .ved_template_item:last-child,
    .vd_templates_sections .ved_templates_grid .ved_template_item:nth-child(13),
    .vd_templates_sections .ved_templates_grid .ved_template_item:nth-child(14) {
        display: none;
    }
    .ved_templates_grid .grid-item {
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
    }
}

@media (max-width: 1350px) {
    /* .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle {
        right: 97.1%;
    } */
    .ved_template_animation_box .ved_templates_content_head {
        padding: 0;
    }
    .ved_temp_animation_tabs {
        padding: 0;
    }
}

@media (max-width: 1200px) and (min-width: 1050px) {
    #ved_template_popup .ved_rendered_video_share>.ved_rvs_share_btn,
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_share_btn {
        width: 470px;
    }

}

@media (min-width: 1000px) and (max-width: 1050px) {
    #ved_template_popup .ved_rendered_video_share>.ved_rvs_share_btn,
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_share_btn {
        width: 440px;
    }
}

@media (max-width: 1200px) {
    .vd_templates_sections .ved_templates_grid .ved_template_item:nth-child(4),
    .vd_templates_sections .ved_templates_grid .ved_template_item:nth-child(10),
    .vd_templates_sections .ved_templates_grid .ved_template_item:nth-child(11) {
        display: none;
    }
    .ved_templates_grid .grid-item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        width: 33.33%;
    }
    .ved_template_animation_box .ved_animations_parent {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .ved_templates_content_head #ved_type_selector~.select2-container {
        width: 120px !important;
    }
    .ved_templates_content_head .select2-container {
        width: 130px !important;
        margin-right: 10px;
    }
    .ved_template_shuffle.ved_btn {
        min-width: 100px;
    }
    .ved_scratch_btn.ved_btn {
        margin-left: 10px;
    }
    #ved_template_popup .ved_rendered_video_share {
        padding-left: 40px;
    }
    .ved_rendered_video_share>.ved_rvs_video .ved_preview_type {
        left: 8px;
    }
}

@media (max-width: 991px) {
    
    .ved_template_animation_box {
        padding: 0;
        flex: 0 0 100%;
    }
    .ved_templates_head {
        padding-left: 0px;
    }
    .ved_template_animation_box .ved_templates_content_head {
        padding: 0;
    }
    .ved_templates_grid .grid-item,
    .lr_similar_animations .ved_animations_grid .ved_animations_parent {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        width: 33.33%;
    }
    .ved_template_animation_box .ved_animations_parent {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .ved_templates_content_head .ved_templates_select {
        display: inline-block;
    }
    .ved_templates_content_head .ved_templates_select p {
        background: #fbfbfb;
        height: 50px;
        line-height: 46px;
        padding: 0 15px;
        border: 2px solid #f0f0f0;
        color: #949494;
    }
    .ved_templates_content_head .ved_templates_select p i {
        margin: 0;
        color: inherit;
    }
    .ved_templates_content_head #ved_type_selector~.select2-container {
        width: 120px !important;
    }
    .ved_templates_content_head .select2-container {
        width: 90px !important;
        margin-right: 15px;
    }
    .ved_templates_body {
        display: block;
    }
    .ved_templates_side {
        position: fixed;
        z-index: 10;
        background: #fff;
        left: 0;
        right: 0;
        width: 100%;
        top: 200px;
        bottom: 0;
        height: unset;
        transition: all 0.3s;
        visibility: hidden;
        opacity: 0;
    }
    .ved_templates_side.open {
        top: 89px;
        visibility: visible;
        opacity: 1;
    }
    .ved_templates_side .ved_templates_side_inner {
        width: 100%;
        margin: 0;
        padding: 30px 30px 20px;
        top: 70px;
    }
    .ved_templates_content {
        padding-left: 0;
    }
    .ved_templates_content:before {
        display: none;
    }
    .ved_template_side_close {
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 20px;
        cursor: pointer;
    }
    .ved_template_video_btn {
        display: none;
    }
    .ved_template_video_box:hover {
        padding: 0;
        margin-bottom: 20px;
    }
    /*   .ved_template_animation_box .ved_template_filters_icon {
    right: 90px;
    display: block;
    position: absolute;
    color: #fff;
    background-color: var(--primaryColor);
    cursor: pointer;
    outline: 0 !important;
    border: 1px solid var(--primaryColor);
    text-transform: capitalize;
    letter-spacing: 0.4px;
    border-radius: 4px;
    font-weight: 600;
    height: 35px;
    width: 35px;
    line-height: 34px;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ved_template_animation_box .ved_template_filters .ved_template_filters_box {
    position: fixed;
    top: 0;
    right: -250px;
    left: auto;
    bottom: 0;
    width: 250px;
    z-index: 5;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 50px 30px;
    transition: all 0.3s;
  } */
    .ved_template_animation_box .ved_template_filters.open .ved_template_filters_box {
        right: 0;
        left: auto;
    }
    .ved_template_animation_box .ved_template_filters {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        visibility: hidden;
        opacity: 0;
    }
    .ved_template_animation_box .ved_template_filters.open {
        visibility: visible;
        opacity: 1;
    }
    .ved_template_animation_box .ved_template_filters.open span.ved_template_filters_close.overlay {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .ved_template_animation_box .ved_mobile_filter {
        display: block;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box h2 {
        font-size: 14px;
        margin: 0 0 15px;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box label {
        margin: 0;
        display: block;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box label input {
        display: none;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box label p {
        margin-bottom: 10px;
        position: relative;
        transition: all 0.3s;
        padding-right: 20px;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box {
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box:last-child {
        border: none;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box label p:after {
        content: "\f00c";
        font-family: "font awesome 5 pro";
        position: absolute;
        right: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
        color: var(--primaryColor);
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box label input:checked~p {
        color: var(--primaryColor);
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box label input:checked~p:after {
        visibility: visible;
        opacity: 1;
    }
    .ved_template_animation_box .ved_mobile_filter .ved_filter_box label:last-child p {
        margin: 0;
    }
    /* .ved_temp_animation_tabs {
    display: none;
  } */
    .ved_template_animation_box .ved_template_shuffle.ved_btn span {
        display: none;
    }
    /* .ved_template_animation_box .ved_template_shuffle.ved_btn {
    height: 35px;
    width: 35px;
    line-height: 35px;
  } */
    .ved_animation_filter_box {
        margin-bottom: 0;
    }
    .ved_animation_filter_box .select2.select2-container {
        margin-right: 60px;
        margin-bottom: 0;
    }
    .ved_templates_box {
        padding-left: 0;
    }
    .ved_template_filters_icon {
        /*display: block;*/
        position: absolute;
        right: 237px;
        border: 2px solid #f0f0f0;
        color: #949494;
        cursor: pointer;
        outline: 0 !important;
        text-transform: capitalize;
        letter-spacing: 0.4px;
        border-radius: 4px;
        font-weight: 600;
        height: 50px;
        width: 50px;
        line-height: 50px;
        min-width: unset;
        /*display: flex;*/
        background: #fbfbfb;
        align-items: center;
        justify-content: center;
    }
    .ved_template_shuffle.ved_btn span {
        display: none;
    }
    .ved_template_shuffle.ved_btn {
        height: 50px;
        min-width: 50px;
        line-height: 50px;
        padding: 0;
    }
    .ved_template_shuffle.ved_btn i {
        margin-right: 0;
    }
    .ved_templates_content_head .ved_template_filters {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        visibility: hidden;
        opacity: 0;
    }
    .ved_templates_content_head .ved_template_filters.open {
        visibility: visible;
        opacity: 1;
    }
    .ved_templates_content_head .ved_template_filters .ved_template_filters_box {
        position: fixed;
        top: 0;
        right: -250px;
        bottom: 0;
        width: 250px;
        z-index: 5;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        padding: 50px 30px;
        transition: all 0.3s;
    }
    .ved_templates_content_head .ved_template_filters .ved_template_filters_close {
        position: absolute;
        top: 10px;
        right: 17px;
        font-size: 20px;
    }
    .ved_templates_content_head .ved_template_filters.open .ved_template_filters_close.overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .ved_templates_content_head .ved_template_filters.open .ved_template_filters_box {
        right: 0;
    }
    .ved_template_selector .select2-dropdown {
        position: static !important;
    }
    .ved_templates_content_head .select2-container {
        width: 100% !important;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .ved_templates_content_head #ved_type_selector~.select2-container {
        width: 100% !important;
    }
    .select2-container--open .select2-dropdown.ved_template_selector.select2-dropdown--below {
        left: 0;
    }
    .select2-container--open .select2-dropdown.ved_template_selector.select2-dropdown--below {
        left: 0;
    }
    .ved_templates_content_head .ved_template_filters .select2 {
        display: none;
    }
    .ved_mobile_filter .ved_filter_box h2 {
        font-size: 14px;
        margin: 0 0 15px;
    }
    .ved_mobile_filter .ved_filter_box label {
        margin: 0;
        display: block;
    }
    .ved_mobile_filter .ved_filter_box label input {
        display: none;
    }
    .ved_mobile_filter .ved_filter_box label p {
        margin-bottom: 10px;
        position: relative;
        transition: all 0.3s;
        padding-right: 20px;
    }
    .ved_mobile_filter .ved_filter_box {
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .ved_mobile_filter .ved_filter_box:last-child {
        border: none;
    }
    .ved_mobile_filter .ved_filter_box label p:after {
        content: "\f00c";
        font-family: "font awesome 5 pro";
        position: absolute;
        right: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
        color: var(--primaryColor);
    }
    .ved_mobile_filter .ved_filter_box label input:checked~p {
        color: var(--primaryColor);
    }
    .ved_mobile_filter .ved_filter_box label input:checked~p:after {
        visibility: visible;
        opacity: 1;
    }
    .ved_mobile_filter .ved_filter_box label:last-child p {
        margin: 0;
    }
    .ved_mobile_filter,
    .ved_template_filters_close {
        display: block;
    }
    .ved_template_animation_box .ved_template_filters_icon {
        right: 285px;
    }
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_video {
        background: transparent;
    }
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_video .ved_rvs_v.ved_rvs_anim {
        border: 1px solid #f1f1f1;
    }
    .ved_templates_l_head {
        display: flex;
        align-items: center;
    }
    .ved_templates_content_head .ved_templates_l_head .select2-container {
        margin: 0 0 0 5px;
        height: 50px;
        line-height: 46px;
        padding: 0 20px 0 10px;
    }
    .ved_templates_content_head .ved_templates_l_head .select2-container .select2-selection__arrow {
        right: 9px;
    }
}

@media (max-width: 768px) {
    .ved_template_animation_box .ved_template_filters_icon {
        right: 255px;
    }
    .ved_templates_content {
        padding: 0;
    }
    .ved_templates_content:before {
        display: none;
    }
    #ved_template_popup .ved_modal_head {
        text-align: left;
        padding-left: 50px;
    }
    .ved_templates_wrapper {
        padding: 50px 0;
        position: relative;
        overflow-x: hidden;
    }
    .ved_template_modal_open div#ved_template_popup {
        top: 68px;
    }
    #ved_play_video_popup {
        top: 69px;
    }
    #ved_template_popup .ved_modal_head p {
        text-align: left;
    }
    .ved_templates_modal .ved_rendered_video_share {
        margin: 0;
    }
    .ved_templates_modal .modal-body {
        padding-bottom: 70px;
    }
    .ved_templates_side.open {
        top: 68px;
    }
    .ved_templates_content_head {
        margin-bottom: 30px;
    }
    .ved_templates_search {
        margin-bottom: 30px;
    }
    .select2-container--open .select2-dropdown.ved_template_selector.select2-dropdown--below {
        left: -38px;
    }
    .ved_template_share_page .ved_template_head {
        max-width: 472px;
        text-align: left;
    }
    .ved_template_share_page .ved_template_head p {
        text-align: left;
    }
    .ved_template_share_page .ved_template_head h3 {
        margin-bottom: 10px;
    }
    .ved_template_share_page .ved_template_head {
        padding-left: 30px;
    }
    .ved_template_header .ved_logo {
        height: 69px;
    }
    .ved_template_header .ved_menu_line {
        left: auto;
        right: 30px;
    }
    .ved_template_header .ved_menu ul {
        text-align: left;
    }
    .ved_menu>ul>li>a.signup {
        margin: 10px 20px;
        display: inline-block;
        width: 130px;
    }
    #ved_template_popup .ved_rendered_video_share {
        flex-direction: column;
        max-width: 100%;
    }
    .ved_rendered_video_share>.ved_rvs_video .ved_preview_type {
        left: -11px;
        top: 0;
    }
    #ved_template_popup .ved_rendered_video_share .ved_rvs_share_btn {
        width: 100%;
        margin-bottom: 0px;
    }
    #ved_animation_popup .ved_rendered_video_share .ved_rvs_share_btn {
        width: 100%;
        margin-bottom: 0px;
    }
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_video .ved_rvs_v.ved_rvs_anim {
        width: 100%;
    }
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_video .ved_rvs_v.ved_rvs_anim>img {
        height: unset;
        width: 100%;
    }
    #ved_animation_popup .ved_modal_head {
        text-align: left;
        padding-left: 20px;
    }
    #ved_animation_popup .ved_modal_head p {
        text-align: left;
    }
    .ved_template_modal_open div#ved_animation_popup {
        top: 67px;
    }
    #ved_animation_popup .modal-dialog {
        margin: 30px auto;
    }
    #ved_animation_popup .ved_rendered_video_share {
        flex-direction: row;
    }
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_video {
        margin-right: 20px;
    }
    #ved_animation_popup .ved_anim_sub_heading {
        display: none;
    }
    #ved_animation_popup .ved_mobile_sub_heading {
        display: block;
    }
    .ved_temp_animation_tabs .ved_checkbox label p {
        height: 35px;
        line-height: 31px;
        padding: 0 13px;
    }
    .ved_templates_head .ved_center_sub_heading {
        display: none;
    }
    .ved_templates_head .ved_center_sub_heading.ved_mobile_sub_heading {
        display: block;
    }
    #ved_animation_popup .ved_modal_head .close {
        left: -5px;
    }
    #ved_template_popup .ved_rendered_video_share>.ved_rvs_video {
        width: auto;
        margin-right: 20px;
    }
    #ved_template_popup .ved_rendered_video_share .ved_rvs_share_btn {
        width: auto;
    }
    #ved_template_popup .ved_rendered_video_share {
        flex-direction: row;
    }
}

@media (max-width: 600px) {
    #ved_animation_popup .ved_rendered_video_share {
        flex-direction: column;
    }
    #ved_animation_popup .ved_rendered_video_share>.ved_rvs_video {
        margin-right: 0px;
    }
    #ved_template_popup .ved_rendered_video_share>.ved_rvs_video {
        width: 100%;
        margin-right: 0px;
    }
    #ved_template_popup .ved_rendered_video_share .ved_rvs_share_btn {
        width: 100%;
    }
    #ved_template_popup .ved_rendered_video_share {
        flex-direction: column;
        padding-left: 30px;
    }
    .ved_templates_grid .grid-item,
    .lr_similar_animations .ved_animations_grid .ved_animations_parent {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
    .ved_template_animation_box .ved_animations_parent {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .vd_templates_sections .ved_templates_grid .ved_template_item:nth-child(3) {
        display: none;
    }
}

.ved_ai_content_mobile_toggle {
    display: none;
}

@media (max-width: 576px) {
    .vd_browse_all_templates {
        display: block;
    }
    .lr_similar_animations .ved_animations_grid .ved_animations_parent {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .vd_templates_sections .ved_templates_grid .ved_template_item {
        display: block !important;
    }
    .vd_templates_sections .ved_templates_grid .ved_template_item:last-child {
        display: none !important;
    }
    .ved_template_animation_box .ved_animations_parent {
        padding: 8px;
    }
    .ved_template_animation_box .ved_animations_box {
        margin: 0 0 0;
    }
    #ved_template_popup .modal-dialog {
        margin: 40px auto;
    }
    .ved_templates_modal button.close {
        top: 10px;
        right: 10px;
    }
    .ved_template_wrapper.ved_template_share_page {
        margin-top: 110px;
    }
    .ved_templates_wrapper {
        margin-top: 69px;
    }
    .ved_template_animation_box .vd_anim_split_test_two {
        display: flex;
    }
    .ved_new_cate_box {
        display: none;
    }
    .ved_template_animation_box .ved_temp_animation_tabs.vd_anim_split_test_two {
        display: block;
        margin-bottom: 0px;
    }
    /* AI Content  */
    .ved_ai_content_toggle {
        display: none;
    }
    .ved_swipe_content {
        color: #2a2a2a;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        align-items: center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ved_ai_content_sidebar {
        z-index: 9;
        bottom: -850px;
        left: 0 !important;
        top: auto !important;
        right: 0 !important;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
        width: 100%;
        height: 100%;
    }
    .open-content-sidebar .ved_ai_content_sidebar {
        bottom: 0;
    }
    .ved_ai_content_mobile_toggle {
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        right: 0px;
        background-color: #fafafa;
        border: 1px solid #f1f1f1;
        font-size: 18px;
        color: #080808;
        border-radius: 4px 4px 0 0;
        z-index: 2;
        top: 80px;
        text-align: center;
        padding-top: 8px;
    }
    .ved_ai_content_mobile_toggle i:before {
        content: "\f00d";
        color: #01a0c6;
    }
    .ved_ai_content_sidebar_inner {
        padding-bottom: 200px;
        margin-top: 68px;
        background: #ffffff;
    }
    .ved_ai_search_inner:before {
        left: 9px;
        padding-left: 40px;
    }
}

.mobile_start_btn {
    display: none;
}

@media (max-width: 480px) {
    .ved_templates_modal .modal-body {
        padding: 10px 0 60px;
    }
    #ved_template_popup .ved_rendered_video_share>.ved_rvs_share_btn {
        padding: 20px;
        margin-bottom: 30px;
    }
    #ved_template_popup .ved_modal_head {
        padding-left: 20px;
    }
    #ved_template_popup .ved_modal_head .close,
    #ved_animation_popup .ved_modal_head .close {
        left: -5px;
    }
    .ved_templates_content_head .ved_templates_select p {
        width: 40px;
        height: 40px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }
    .ved_templates_content_head .ved_templates_select p i {
        height: 14px;
        font-size: 17px;
    }
    .ved_template_filters_icon {
        height: 40px;
        width: 40px;
        font-size: 17px;
        right: 215px;
    }
    .ved_template_shuffle.ved_btn {
        width: 40px;
        height: 40px;
        min-width: 40px;
        line-height: 37px;
    }
    .ved_scratch_btn.ved_btn {
        height: 40px;
        line-height: 38px;
        font-size: 12px;
        min-width: 100px;
        padding: 0 15px;
        margin-left: 8px;
    }
    .ved_template_animation_box .ved_template_filters_icon {
        right: 230px;
    }
    .ved_templates_content_head .ved_templates_l_head .select2-container {
        height: 40px;
        line-height: 36px;
    }
    .ved_scratch_btn.ved_btn.mobile_start_btn {
        display: block;
        flex: 0 0 100%;
        margin: 10px 0 0;
    }
    .ved_templates_content_head {
        flex-wrap: wrap;
    }
    .desktop_start_btn {
        display: none;
    }
}


/*-------- new template page mobile ui css --------*/

@media(max-width:576px) {
    .ved_templates_mobile_view .ved_templates_inner h3 {
        display: flex;
        justify-content: space-between;
    }
    .ved_templates_mobile_view .ved_templates_inner .ved_templates_grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-y: hidden;
        margin: 0 -5px 20px;
        padding-bottom: 15px;
    }
    .ved_templates_mobile_view .ved_templates_inner .ved_templates_grid::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    .ved_templates_mobile_view .ved_templates_inner .ved_templates_grid .ved_template_item {
        flex: 0 0 45%;
        padding: 0 5px;
    }
    .ved_templates_mobile_view .vd_category_templates_wrapper .ved_templates_inner .ved_templates_grid .ved_template_item {
        flex: 0 0 50%;
    }
    .ved_templates_mobile_view .vd_category_templates_wrapper .ved_templates_inner .ved_templates_grid {
        flex-wrap: wrap;
    }
    .ved_templates_mobile_view .vd_category_templates_wrapper .ved_templates_inner .ved_templates_grid .ved_template_item .ved_template_video_box {
        margin-bottom: 10px;
    }
    .ved_templates_mobile_view .ved_templates_inner .ved_templates_grid .ved_template_item .ved_template_video_box:hover,
    .ved_templates_mobile_view .ved_template_video_box:hover {
        border-color: #f1f1f1;
        box-shadow: none;
    }
    .ved_templates_mobile_view .ved_templates_grid .ved_template_item {
        flex: 0 0 50%;
        padding: 0 5px;
    }
    .ved_templates_mobile_view .ved_templates_grid {
        margin: 0 -5px;
    }
    .ved_templates_mobile_view .ved_templates_grid .ved_template_item .ved_template_video_box {
        margin-bottom: 10px;
    }
    .ved_templates_mobile_view .ved_template_animation_box .ved_animations_parent,
    .ved_templates_mobile_view.lr_similar_animations .ved_animations_grid .ved_animations_parent {
        flex: 0 0 50%;
        padding: 0 5px;
    }
    .ved_templates_mobile_view .ved_template_animation_box .ved_animations_box_list,
    .ved_templates_mobile_view.lr_similar_animations .ved_animations_grid {
        margin: 0 -5px;
    }
    .ved_templates_mobile_view .ved_template_animation_box .ved_animations_parent .ved_animations_box,
    .ved_templates_mobile_view.lr_similar_animations .ved_animations_grid .ved_animations_parent .ved_animations_box {
        margin-bottom: 10px;
    }
}


/*-------- new template page mobile ui css --------*/


/* square size start */

.ved_edit_wrapper.ved_square>.ved_edit_wrapper_box {
    height: 402px;
    min-height: inherit;
}

.ved_edit_wrapper.ved_square>.ved_edit_wrapper_box .ved_post_description {
    height: auto;
}

.ved_edit_wrapper.ved_square .ved_overlay_video_thumb canvas {
    transform: scale(0.8);
}

.ved_edit_wrapper.ved_square.ved_vertical_only .ved_overlay_video_thumb canvas {
    transform: scaleY(0.8);
}

.ved_edit_wrapper.ved_square .ved_overlay_video_thumb {
    top: 0;
}


/* .ved_edit_wrapper.ved_square.ved_enable_mirror_effect .ved_post_description_box{
    top: 119px;
} */

.ved_edit_wrapper.ved_square.ved_enable_mirror_effect .ved_overlay_video_thumb {
    top: 0;
}

.ved_edit_wrapper.ved_square.ved_enable_mirror_effect .ved_post_img {
    height: 402px !important;
}


/* square size end */

.tooltip-inner {
    max-width: 230px;
}


/*-------- Rahul Thakur css start -------------*/


/*------- square size css start ----------*/

.ved_social_editor_box {
    position: relative;
    width: 402px;
    margin: 0 auto;
    /* max-width: 100%; */
}

.ved_social_editor_box .select2-container,
.ved_box_size_icon .select2-container {
    position: absolute;
    z-index: 1;
    left: 100%;
    margin-left: 15px;
    width: 40px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ved_box_size_icon .select2-container {
    position: static;
}

.ved_social_editor_box .select2-container:hover,
.ved_social_editor_box .select2-container.select2-container--open {
    width: 170px !important;
}

.ved_box_size_icon .select2-container.select2-container--open {
    width: 130px !important;
    text-align: left;
    margin-left: 0;
}

.ved_social_editor_box .select2-container span.select2-selection__arrow {
    display: none;
}

.ved_social_editor_box .select2-container .select2-selection,
.ved_box_size_icon .select2-container .select2-selection {
    padding-left: 40px;
    position: relative;
}

.ved_social_editor_box .select2-container .select2-selection:before,
.ved_box_size_icon .select2-container .select2-selection:before {
    content: "";
    width: 16px;
    height: 20px;
    background: #ececec;
    position: absolute;
    top: 9px;
    left: 12px;
    border-radius: 2px;
}

.ved_square .ved_social_editor_box .select2-container .select2-selection:before,
.ved_square .ved_box_size_icon .select2-container .select2-selection:before {
    height: 16px;
    top: 11px;
}

.ved_social_editor_box .select2-container .select2-selection:hover,
.ved_social_editor_box .select2-container.select2-container--open .select2-selection,
.ved_box_size_icon .select2-container.select2-container--open .select2-selection {
    color: var(--primaryColor);
    border-color: var(--primaryColor);
    padding-left: 35px;
}

.ved_social_editor_box .select2-container .select2-selection:hover::before,
.ved_social_editor_box .select2-container.select2-container--open .select2-selection::before,
.ved_box_size_icon .select2-container.select2-container--open .select2-selection::before {
    background: var(--primaryColor);
}

.ved_social_editor_box .select2-container .select2-selection:hover .select2-selection__rendered,
.ved_social_editor_box .select2-container.select2-container--open .select2-selection .select2-selection__rendered,
.ved_box_size_icon .select2-container.select2-container--open .select2-selection .select2-selection__rendered {
    color: var(--primaryColor);
    font-size: 13px;
    /* padding-right: 10px; */
}

.ved_social_editor_box .select2-container .select2-selection .select2-selection__rendered,
.ved_box_size_icon .select2-container .select2-selection .select2-selection__rendered {
    font-size: 0;
    transition: all 0.3s;
    padding: 0;
}

.ved_social_editor_box .select2-container.select2-container--open .select2-selection,
.ved_box_size_icon .select2-container.select2-container--open .select2-selection {
    border-bottom-color: var(--primaryColor);
    border-radius: 4px;
}

.ved_square .ved_post_description {
    height: 112px;
    padding-top: 6px;
}

.ved_square .ved_fb_editor .ved_edit_wrapper_box,
.ved_square .ved_insta_editor .ved_edit_wrapper_box {
    min-height: 400px;
}

.ved_square .ved_enable_mirror_effect .ved_post_description_box {
    top: 2px;
    height: 143px;
}

.ved_square .ved_mirror_wrapper .ved_user_head {
    padding-top: 0px;
}

.ved_square .ved_enable_mirror_effect .ved_post_img {
    height: 400px;
}

span.select2-dropdown.ved_template_selector.ved_size_selector {
    width: 170px !important;
    top: -5px;
}

.ved_square .ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    /*padding-top: 0;*/
    height: 47px;
}

#ved_insta_inner_box .ved_likes_box {
    padding-bottom: 0;
}

.ved_square .ved_edit_wrapper.ved_fb_editor .ved_post_description {
    height: 56px;
}

.ved_square #ved_fb_inner_box .ved_user_head {
    padding-top: 0;
}

.ved_square .ved_edit_wrapper.ved_fb_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    padding-top: 0;
}

.ved_adfriendly .ved_edit_wrapper.ved_fb_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    padding-top: 5px;
}

.ved_fb_desktop .ved_social_editor_box {
    width: 502px;
    max-width: 100%;
}

.ved_fb_desktop.ved_square .ved_fb_editor .ved_edit_wrapper_box {
    min-height: 500px;
}

.ved_fb_desktop.ved_square .ved_edit_wrapper.ved_fb_editor .ved_post_description {
    height: 105px;
}

.ved_fb_desktop.ved_square .ved_enable_mirror_effect .ved_post_img {
    height: 500px;
}

.ved_fb_desktop.ved_square .ved_enable_mirror_effect.ved_fb_editor.ved_fb_desktop .ved_post_description_box {
    height: 179px;
    top: 2px;
}

.ved_template_toolbar_menu .ved_box_size_icon {
    display: none;
}

.ved_square .ved_enable_mirror_effect .ved_post_img svg {
    top: 50px;
}

.ved_square .ved_enable_mirror_effect p.ved_placeholder_dimenssion {
    top: 80px;
}

.ved_square .ved_enable_mirror_effect .ved_post_img.ved_split_hover svg {
    top: 36px;
}

.ved_square .ved_enable_mirror_effect .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    top: 70px;
}

.ved_square .ved_fb_desktop.ved_enable_mirror_effect .ved_post_img svg {
    top: 65px;
}

.ved_square .ved_fb_desktop.ved_enable_mirror_effect p.ved_placeholder_dimenssion {
    top: 96px;
}

.ved_square .ved_fb_desktop.ved_enable_mirror_effect .ved_post_img.ved_split_hover svg {
    top: 53px;
}

.ved_square .ved_fb_desktop.ved_enable_mirror_effect .ved_post_img.ved_split_hover p.ved_placeholder_dimenssion {
    top: 87px;
}

@media (max-width: 768px) {
    .ved_template_toolbar_menu .ved_box_size_icon {
        display: inline-block;
    }
    span.select2-dropdown.ved_template_selector.ved_size_selector.select2-dropdown--below {
        left: -51px;
        top: 0;
    }
    .ved_social_editor_box .select2-container {
        display: none !important;
    }
    .ved_social_editor_box .select2-container .select2-selection .select2-selection__rendered,
    .ved_box_size_icon .select2-container .select2-selection .select2-selection__rendered {
        transition: all 0.15s;
    }
    .ved_template_toolbar_menu li div > i {
        color: #888888;
    }
}

@media (max-width: 576px) {
    .ved_square .ved_enable_mirror_effect .ved_post_img svg {
        top: 37px;
    }
    .video_editor_action_element.vd_social_post.vd_mobile .ved_ratio_drop_main {
        transform: translate(12%, 0);
    }

    /*Video Ratio Dropdown Style*/
    
    .ved_ratio_drop_main.vd_size_mobile_drop_selector{
        transform: translate(-50%, 10px);
        right: auto;
        left: 50%;
        min-width: 180px;
        top: -104px;
        display: block !important;
    }
    .ved_template_toolbar {
        background: transparent !important;
    }
}

@media(max-width:400px) {
    .ved_template_toolbar_menu li {
        margin: 0 3px;
    }
}

@media(max-width:420px) {
    .ved_create_wrapper{
        overflow: hidden;
    }
    .video_editor_action_element.vd_social_post.vd_mobile .video_editor_action_element_menu.ved_overlay_elm_select {
        width: 36px !important;
        height: 35.49px !important;
        margin-top: -1px !important;
    }
    .video_editor_action_element.vd_mobile .video_editor_action_element_menu.ved_overlay_elm_select span {
        margin-left: 0.8px;
    }
    .ved_template_toolbar_menu div {
        min-width: 35px;
        height: 35px;
        padding: 8px 10px;
        position: relative;
    }

    .ved_social_editor_box .select2-container,
    .ved_box_size_icon .select2-container {
        margin: 0;
        margin-right: 0px;
        width: 35px !important;
    }
    .select2-container .select2-selection--single,
    .select2-container--default .select2-selection--single {
        height: 35px;
    }
    .ved_social_editor_box .select2-container .select2-selection:before,
    .ved_box_size_icon .select2-container .select2-selection:before {
        top: 7px;
        left: 9px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 34px;
    }
    .ved_social_editor_box .select2-container .select2-selection,
    .ved_box_size_icon .select2-container .select2-selection {
        padding-left: 33px;
    }
}


/*------- square size css end ----------*/


/*--------- editor arrow svg css -------*/

.ved_editor_info_svg {
    position: absolute;
    top: -37px;
    right: 100%;
    z-index: 10;
    width: 150px;
    margin-right: 20px;
}

.ved_editor_info_svg span {
    width: 15px;
    height: 15px;
    color: #fe5151;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    top: 7px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.ved_anim_step .ved_editor_info_svg {
    display: none;
}

.ved_tweet_templete {
    position: relative;
}

@media (max-width: 850px) {
    .ved_editor_info_svg {
        display: none;
    }
}


/*--------- editor arrow svg css -------*/


/*--------- editor breadcrumb css start -------*/

.ved_step_breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
    user-select: none;
}

.ved_step_breadcrumb li {
    display: inline-block;
}

.ved_step_breadcrumb li a {
    color: #d4d4d4;
    font-size: 14px;
    /* pointer-events: none; */
}

.ved_step_breadcrumb li a span {
    font-size: 12px;
    margin: 0 7px;
}

.ved_step_breadcrumb li.completed a {
    pointer-events: unset;
    color: #898989;
}

.ved_step_breadcrumb li.completed a:hover {
    color: var(--primaryColor);
}

.ved_step_breadcrumb li.active a {
    color: var(--primaryColor);
}

.ved_step_breadcrumb li.active a span {
    color: #d4d4d4;
}

.ved_step_breadcrumb li:last-child a span {
    display: none;
}

@media (max-width: 576px) {
    .uploadcare--dialog__container .unsplash-input-wrapper {
        align-items: flex-start;
        gap: 10px;
        height: max-content;
        flex-wrap: wrap;
    }
    .ved_step_breadcrumb {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ved_step_breadcrumb li:first-of-type a span:before {
        content: "1";
    }
    .ved_step_breadcrumb li:nth-of-type(2) a span:before {
        content: "2";
    }
    .ved_step_breadcrumb li:nth-of-type(3) a span:before {
        content: "3";
    }
    .ved_step_breadcrumb li a span {
        position: absolute;
        width: 40px;
        height: 40px;
        background: #f0f0f0;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        margin: 0;
        left: calc(50% - 20px);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ved_step_breadcrumb li a {
        margin: 0 10px;
        padding-top: 45px;
        display: block;
        position: relative;
        font-size: 9px;
        font-weight: 500;
        width: 47px;
    }
    .ved_step_breadcrumb li a span:before {
        font-weight: 700;
        font-size: 14px;
        font-family: "Poppins", sans-serif;
    }
    .ved_step_breadcrumb li:nth-of-type(4) a span:before {
        content: "4";
    }
    .ved_step_breadcrumb li:nth-of-type(5) a span:before {
        content: "5";
    }
    .ved_step_breadcrumb li.active a span,
    .ved_step_breadcrumb li.completed a span {
        background: var(--primaryColor);
        color: #ffffff;
    }
    .ved_step_breadcrumb li.completed a {
        color: var(--primaryColor);
    }
    .ved_step_breadcrumb li:last-child a span {
        display: flex;
    }
    .ved_step_breadcrumb li:nth-child(2):before,
    .ved_step_breadcrumb li:nth-child(3):before,
    .ved_step_breadcrumb li:nth-child(4):before,
    .ved_step_breadcrumb li:nth-child(5):before {
        content: "";
        width: 100%;
        height: 3px;
        background: #f0f0f0;
        position: absolute;
        top: 19px;
        z-index: -1;
        right: calc(100% - 50%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ved_step_breadcrumb li {
        position: relative;
    }
    .ved_step_breadcrumb li.active:before,
    .ved_step_breadcrumb li.completed:before {
        background: var(--primaryColor);
    }
    .limit_bar_open .ved_template_toolbar {
        /*top: 150px;*/
    }
    .limit_bar_open .ved_create_wrapper {
        padding-top: 160px;
    }
    .ved_step_breadcrumb li:first-of-type:before {
        display: none;
    }
    .ved_ai_search_btn {
        top: calc(50% - 14px);
        right: 5px;
    }
    .ved_ai_search_inner textarea{
        padding-left: 40px;
        /* box-shadow: 0 0 20px 0 rgb(0 0 0 / 18%); */
        background-color: #ffffff;
    }
    .ved_ai_search_inner:before {
        top: calc(50% - 12px);
    }
    .ved_ai_search_cat_list ul li a:hover, .ved_ai_search_cat_list ul li a.active {
        /* color: var(--primaryColor); */
        background-color: #ffffff;
    }
}


/*--------- editor breadcrumb css end -------*/


/* Stripe Card start */

.StripeElement {
    box-sizing: border-box;
    /* height: 44px; */
    /* line-height: 44px; */
    padding: 11.5px 12px 11.5px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: white;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    width: 370px;
    margin: 0 auto;
    max-width: 100%;
}

.StripeElement--focus {
    border-color: #1fc16b;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

#card-errors {
    height: 20px;
    padding: 4px 0;
    color: #fa755a;
    text-align: left;
    width: 370px;
    max-width: 100%;
    margin: 0 auto;
}


/* .input {
    height: 42px;
    box-sizing: border-box;
    padding: 0px 10px;
    border-radius: 4px;
    transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    display: flex;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #eee;
	width: 370px;
	max-width:100%;
    margin: 0 auto 10px;
} */

#vd-cc-detail .clearfix {
    width: 370px;
    margin: 0 auto;
    max-width: 100%;
}

.field input {
    border: none;
    line-height: 18px;
    font-size: 14px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
    padding: 18px 6px 6px;
    background: transparent;
}

.field input:focus {
    outline: none;
    box-shadow: none;
}

.field input {
    border: none;
    line-height: 18px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-stretch: normal;
    font-weight: 400;
    color: rgb(33, 33, 33);
    display: block;
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
    padding: 18px 0px 6px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 0px;
    outline: none;
    background: transparent;
    opacity: 0;
}

.input.active .field input {
    opacity: 1;
}

.field input:focus {
    outline: none;
    box-shadow: none;
}

.cc-input,
.cc-input.empty.focused {
    position: relative;
    border: 1px solid #eee;
    padding: 11px 12px 12px;
}

.cc-input.empty.focused {
    border: 1px solid #1fc16b;
}

.cc-input::before {
    content: "Card Number";
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-stretch: normal;
    font-weight: 300;
    color: #c7d0e1;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    width: 80%;
    height: 100%;
    box-sizing: border-box;
    left: 11px;
    top: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform-origin: left top;
    pointer-events: none;
    padding: 0;
    overflow: hidden;
    background: transparent;
    z-index: 1;
    visibility: hidden;
    transition: all 0s;
}

.cc-input.empty:before {
    top: 0px;
    background: #ffffff;
    visibility: visible;
}

.cc-input.focused:before {
    top: 0px;
    visibility: hidden;
}

#ccnumber-field {
    margin-bottom: 10px;
}

#ccexp-field::before {
    content: "Expiration (MM/YY)";
}

#cccvc-field::before {
    content: "CVC";
}

#coupon-code {
    padding: 0 12px;
}

#coupon-code.has-value #coupon-code-field,
#coupon-code.active #coupon-code-field {
    opacity: 1;
    color: #32325D;
    font-weight: 500;
    font-family: Source Code Pro, Consolas, Menlo, monospace;
}

#coupon-code #coupon-code-field {
    padding: 13px 0px 11px;
    height: 42px;
}

#coupon-code .field::before {
    top: 13px;
    background: #ffffff;
    font-size: 14px;
    width: 100%;
    text-align: left;
    position: absolute;
    font-weight: 300;
    color: #c7d0e1;
}

#coupon-code.active .field::before,
#coupon-code.has-value .field::before {
    visibility: hidden;
}

#coupon-code #coupon-code-field::-webkit-input-placeholder {
    /* Edge */
    color: #c7d0e1;
}

#coupon-code #coupon-code-field:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c7d0e1;
}

#coupon-code #coupon-code-field::placeholder {
    color: #c7d0e1;
}

.InputContainer .InputElement {
    top: 20px;
}

.field {
    position: relative;
    display: flex;
    flex: 1 1 0%;
}

.input-icon {
    align-items: center;
    padding: 0;
    display: flex;
    width: 34px;
    text-align: center;
}

.input-icon svg {
    display: block;
    height: 24px;
    fill: #d4d2d2;
    transition: all 0.15s linear;
    max-width: 14px;
    margin: 0 auto;
}

.input.active,
.input:hover {
    border-color: #1fc16b;
    transition: all 0.15s linear;
}

.input.active .input-icon svg {
    fill: #212121;
}

.input.active .field::before,
.input.has-value .field::before {
    line-height: 18px;
    font-size: 12px;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    left: 0px;
    top: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform-origin: left top;
    pointer-events: none;
    transform: scale(0.85) translateY(-7px);
    padding: 0;
    overflow: hidden;
    transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s, color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

#paypal-payment span {
    text-indent: -99999px;
    display: inline-block;
    width: 70px;
    height: 20px;
    /* background: url("../images/standard/sprite.png") no-repeat; */
    background-position: 0px -45px;
    top: 2px;
    position: relative;
}

#cc-exp {
    width: calc(70% - 85px);
    float: left;
}

#cc-cvc {
    width: calc(30% - -64px);
    float: right;
}

#paypal-payment-detail p {
    font-size: 14px;
}

.payment-details+.notice {
    font-size: 15px;
    margin-bottom: 10px;
}

.order-bump {
    margin-bottom: 24px;
}

.bump-header {
    background: #2bd982;
    padding: 18px;
    position: relative;
}

.bump-content {
    padding: 18px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #2bd982;
}

.bump-header label {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding-left: 24px;
}

.bump-header #bump-checkbox:checked+span::before,
.notice+ul li::before,
.features-list ul li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 7px;
    height: 10px;
    border: solid #212121;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.features-list ul li::before {
    top: 5px;
    left: 7px;
}

.bump-header span {
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -8px;
    margin-right: 4px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
}

.bump-header input {
    display: none;
}

.bump-content p {
    margin-bottom: 0;
}

.order-bump~ul {
    margin-top: 0;
    margin-bottom: 6px;
    list-style: none;
    padding: 0;
}

.notice+ul li:before {
    top: 3px;
    width: 6px;
    height: 12px;
}

.secure-notice {
    text-align: center;
    margin-bottom: 5px;
    margin-left: -20px;
    margin-right: -20px;
}

.secure-notice svg {
    position: relative;
    width: 24px;
    top: -1px;
}

#signup-form~p {
    font-size: 14px;
    text-align: center;
}

.site-footer {
    border-top: 1px solid #e0e0e0;
    padding: 20px 0;
    color: #9e9e9e;
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer ul li {
    display: inline-block;
    margin: 0 4px;
}

.site-footer p {
    margin-bottom: 5px;
}

.site-footer a {
    color: #9e9e9e;
    font-weight: 400;
}

.cancel {
    color: #50d982;
    position: relative;
    margin: 15px 0 30px;
}

.card-placeholder,
.button-input,
.valid-coupon::before,
.valid-coupon+.close-coupon::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 16px;
    right: 29px;
    top: 12px;
    /* background: url("../images/standard/sprite.png") no-repeat; */
    background-position: 0 -102px;
    background-size: 232px 118px;
    transform: none !important;
}

input.visa+.card-placeholder,
input.visaelectron+.card-placeholder {
    width: 24px;
}

input.mastercard+.card-placeholder {
    width: 24px;
    background-position: -25px -102px;
}

input.discover+.card-placeholder {
    width: 24px;
    background-position: -50px -102px;
}

input.amex+.card-placeholder {
    width: 24px;
    background-position: -78px -102px;
}

input.dinersclub+.card-placeholder {
    width: 24px;
    background-position: -104px -102px;
}

input.jcb+.card-placeholder {
    width: 24px;
    background-position: -130px -102px;
}

.input-help {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    /* background: url("../images/standard/sprite.png") no-repeat; */
    background-position: -116px -74px;
    background-size: 232px 118px;
}

.input-help:hover {
    background-position: -97px -74px;
}

.tooltip-inner {
    line-height: 18px;
    padding: 10px;
}

.tooltip-inner h3 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #ffffff;
}

#plan-tabNav {
    position: relative;
    width: 370px;
    max-width: 100%;
    margin: 0 auto;
}

.payment h3 {
    font-size: 18px;
    margin-bottom: 30px;
}

.package-amount {
    text-align: center;
    margin: 0 30px 10px;
    letter-spacing: -0.5px;
    background: #f7f7f7;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    position: relative;
    display: none;
}

#cc-detail .package-amount {
    margin-left: 0;
    margin-right: 0;
}

.has-coupon .package-amount {
    display: block;
    margin-top: 10px;
    margin-bottom: 12px;
    width: 370px;
    margin: 0 auto 12px;
    max-width: 100%;
}

.package-amount .price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    color: #212121;
}

.package-amount .period {
    font-weight: 600;
    font-size: 16px;
    color: #212121;
}

.package-amount .notice {
    color: #212121;
}

.has-coupon .package-amount .vd_price_duration {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
}

.package-amount {
    text-align: center;
    margin: 0 0 40px;
    letter-spacing: -0.5px;
}

.cc-form {
    margin: 0;
    padding: 0 30px;
}

.package-period {
    position: relative;
    padding-left: 20px;
    transition: unset;
}

.package-period::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #848484;
    border-radius: 2px;
    left: 0px;
    top: 2px;
    font-size: 0;
    line-height: 1;
}

a.active .package-period::before {
    border-color: #1fc16b;
}

a.active .package-period::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 5px;
    left: 4px;
    top: 6px;
    border-left: 2px solid #1fc16b;
    border-bottom: 2px solid #1fc16b;
    transform: rotate(-45deg);
}

span.highlight-gray {
    border-top: 1px dashed #eeeeee;
    margin-left: 20px;
    line-height: 1.3;
}

a.active span.highlight-gray {
    border-color: #aff5a7;
}

#subscription_success_popup .modal-body img {
    margin-bottom: 30px;
}

#subscription_success_popup .modal-body {
    padding: 60px 20px;
}

#subscription_success_popup .ved_modal_success {
    border: none;
    border-radius: 10px;
}

#subscription_success_popup .modal-body button.ved_btn {
    background: #1fc16b;
    border-color: #1fc16b;
}

#subscription_success_popup .modal-body button.ved_btn:hover {
    box-shadow: 0px 10px 20px 0px rgb(31 193 107 / 46%);
}

.coupon-button {
    font-size: 11px;
    padding: 18px 0 18px;
    line-height: 1;
    margin: 0 auto;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s linear;
    color: #1fc16b;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    opacity: 1;
    z-index: 1;
    /* top: 4px; */
    width: 100%;
    text-align: center;
}

.coupon-button:hover {
    /* background:#1fc16b; */
    /* color: #fff; */
    /* border-color: #1fc16b; */
    /* text-decoration: underline; */
}

.coupon-field-wrapper {
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
    width: 370px;
    margin: 10px auto 0;
    max-width: 100%;
}

.coupon-field-wrapper.active .coupon-button {
    opacity: 0;
    right: -100%;
    transform: none;
}

#coupon-code,
#change-plan-coupon-code,
#switch-plan-coupon-code {
    position: relative;
    left: -100%;
    transition: all 0.3s linear;
    margin-bottom: 0;
    z-index: 2;
    border: 1px solid #eeeeee;
    border-radius: 4px;
}

#coupon-code.active,
#change-plan-coupon-code.active,
#switch-plan-coupon-code.active {
    border-color: #1fc16b;
}

.coupon-field-wrapper.active #coupon-code,
.coupon-field-wrapper.active #change-plan-coupon-code,
.coupon-field-wrapper.active #switch-plan-coupon-code {
    left: 0;
}

.coupon-button svg {
    max-height: 20px;
    max-width: 20px;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -11px;
}

.coupon-button svg {
    fill: #bdbdbd;
}

.coupon-button span {
    margin-left: 24px;
    color: #383838;
    font-weight: 600;
    margin-right: 8px;
    display: inline-block;
}

.coupon-button.valid-coupon small {
    color: #a9a9a9;
    font-size: 80%;
}

.coupon-button.valid-coupon::before {
    right: auto;
    left: 8px;
    width: 22px;
    height: 22px;
    background-position: -210px -72px;
    top: 50%;
    margin-top: -11px;
    background-size: 232px 118px;
}

.valid-coupon+.close-coupon {
    display: block;
    position: absolute;
    right: 10px;
    top: calc(50% - 13px);
    width: 22px;
    height: 22px;
    text-align: center;
    z-index: 1;
}

.close-coupon::after {
    top: 0px;
    left: 0;
    /* transform: scale(0.85) !important; */
    /* opacity: 0.5; */
    /* margin-top: -15px; */
}

.valid-coupon+.close-coupon::after {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-position: -133px -72px;
    right: 7px;
    top: 2px;
    background-size: 232px 118px;
}

.coupon-button.valid-coupon {
    background: #ffffff;
    border: 1px solid #eee;
    display: block;
    width: 100%;
    padding: 8px 15px;
    /* top: 0; */
    text-align: left;
    line-height: 12px;
    cursor: auto;
}

.coupon-field-wrapper .alert {
    margin-bottom: 0;
    font-size: 12px;
    padding: 16px;
    line-height: 1;
    margin-top: 5px;
    display: none;
}

.notice {
    font-size: 14px;
    margin-top: 5px;
}

.has-value .button-input {
    width: 77px;
    height: 35px;
    position: absolute;
    top: 3px;
    background: #1fc16b;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.5px;
    right: -7px;
    border-radius: 2px;
    line-height: 36px;
}

.has-value .button-input::after {
    content: "APPLY";
}

.has-value .button-input:hover {
    background-position: -172px -89px;
    /* width: max-content; */
}

.button-input,
.close-coupon::after {
    cursor: pointer;
    width: 24px;
    height: 14px;
    background-position: -133px -75px;
    right: 0;
    top: calc(50% - 7px);
    background-size: 232px 118px;
}

#selected_plan_subscription_popup input::-webkit-input-placeholder {
    /* Edge */
    color: #a2a2a2;
}

#selected_plan_subscription_popup input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a2a2a2;
}

#selected_plan_subscription_popup input::placeholder {
    color: #a2a2a2;
}

#coupon-code .field::before,
.coupon-field-wrapper.active .field::before {
    content: "Promotion Code";
}

#selected_plan_subscription_popup .section-title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 64px;
    position: relative;
}

#selected_plan_subscription_popup .nav-pills.nav li {
    display: block;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px;
    text-align: left;
}

#selected_plan_subscription_popup .nav-pills.nav li:last-of-type {
    margin-bottom: 0;
}

#selected_plan_subscription_popup .nav-pills li a {
    color: #2a2a2a !important;
    font-size: 13px;
    padding: 20px 12px;
    line-height: 1;
    border: 1px solid #eeeeee;
}

#selected_plan_subscription_popup .nav-pills.nav li .nav-link.active {
    background: #f3fff9;
    border: 1px solid #1fc16b;
}

.ved_mo_ye_wrapper>.ved_pp_price {
    display: none;
}

#subscription_success_popup .modal-body button.ved_btn {
    background: #1fc16b;
    border-color: #1fc16b;
}

.ved_mo_ye_wrapper>.ved_pp_price .vd_price_duration {
    font-size: 16px;
    font-weight: 600;
}

.ved_mo_ye_wrapper {
    margin-bottom: 25px;
    /* padding-bottom: 25px; */
    padding-bottom: 18px;
    position: relative;
}

.package-period::before {
    border-radius: 100px;
    border-color: #ccc;
}

a.active .package-period::after {
    border: none;
    background: #1fc16b;
    width: 9px;
    height: 9px;
    border-radius: 100px;
    top: 5px;
    left: 3px;
    transform: none;
}

.package-amount .notice {
    margin-bottom: 0;
}

.ved_mo_ye_wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 370px;
    max-width: 100%;
    height: 1px;
    left: 50%;
    background: #eeeeee;
    transform: translateX(-50%);
}

#vd-cc-detail .package-amount.ved_pp_price {
    display: block;
    padding-top: 30px;
    padding-bottom: 0px;
    position: relative;
    margin-top: 12px;
}

#vd-cc-detail .package-amount.ved_pp_price:before {
    content: "";
    position: absolute;
    top: 0;
    width: 370px;
    height: 1px;
    left: 50%;
    background: #eeeeee;
    transform: translateX(-50%);
}

#vd-cc-detail .package-amount span.pack_price_wrap {
    font-size: 14px;
    margin-left: 6px;
    font-weight: 500;
    color: #a1a1a1;
}

#vd-cc-detail .package-amount .price {
    font-size: 16px;
    font-weight: 600;
}

#vd-cc-detail .package-amount .price small {
    font-size: 100%;
    font-weight: 500;
}

.ved_choose_annually,
.ved_choose_annually:hover,
.ved_choose_monthly,
.ved_choose_monthly:hover {
    color: var(--primaryColor);
    text-decoration: underline;
}

@media(min-width:992px) {
    #plan-tabNav {
        display: flex;
        width: 390px;
    }
    #plan-tabNav .nav-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px;
    }
    #selected_plan_subscription_popup .nav-pills.nav li {
        margin: 0;
    }
    #selected_plan_subscription_popup .nav-pills li a {
        padding: 15px 12px;
        border-width: 1px;
        cursor: pointer;
        font-weight: 400;
        color: #c7d0e1 !important;
        transition: all 0.1s;
        font-size: 14px;
    }
    .package-period {
        transition: all 0.1s;
    }
    #selected_plan_subscription_popup .nav-pills.nav li .nav-link.active {
        border-width: 1px;
        color: #2a2a2a !important;
        font-weight: 600;
    }
    .package-period>span {
        display: none;
    }
    .ved_mo_ye_wrapper .nav-item a {
        position: relative;
    }
    .ved_pricing_desk_badge {
        position: absolute;
        background: #2a2a2a;
        text-align: left;
        padding: 6px;
        z-index: 100;
        border-radius: 6px;
        color: #ffffff;
        top: 50%;
        left: 100%;
        margin-left: 10px;
        font-weight: 400 !important;
        transition: all 0.3s;
        line-height: 1.5;
        cursor: auto;
        width: max-content;
        font-size: 12px;
        transform: translateY(-50%);
        display: none;
    }
    .ved_pricing_desk_badge:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -6px;
        border-top: 6px solid transparent;
        border-right: 6px solid #333333;
        border-bottom: 6px solid transparent;
        transform: translateY(-50%);
    }
    /*     .ved_pricing_desk_badge {
        position: absolute;
        top: -36px;
        background: #eeeeee;
        border-radius: 7px 7px 0 0;
        left: -8px;
        color: #aeb9cd;
        font-weight: 600;
        font-size: 11px;
        padding: 6px 0;
        min-width: 80px;
        text-align: center;
    } */
    .active .ved_pricing_desk_badge {
        background: #1fc16b;
        color: #ffffff;
    }
    .active .ved_pricing_desk_badge:before {
        border-right-color: #1fc16b;
    }
}

@media (max-width: 991px) {
    .ved_pricing_desk_badge {
        display: none;
    }
    .valid-coupon+.close-coupon::after {
        background-position: -133px -70px;
    }
    .package-amount.ved_pp_price {
        display: block;
    }
    .package-amount.ved_pp_price .price {
        font-weight: 500;
        margin-bottom: 12px;
        font-size: 28px;
    }
    .has-coupon .package-amount.vd_mpp_price {
        display: none;
    }
    .has-coupon .package-amount.ved_pp_price {
        margin-top: 25px;
    }
    .has-coupon .package-amount.ved_pp_price .notice {
        margin: 8px 0 0;
    }
    #vd-cc-detail .package-amount span.pack_price_wrap {
        font-size: 16px;
        margin-left: 6px;
        font-weight: 500;
        color: #a1a1a1;
    }
    #vd-cc-detail .package-amount .price small {
        font-size: 100%;
        font-weight: 500;
    }
}


/*@media (min-width: 992px) {
    .ved_mo_ye_wrapper > .ved_pp_price {
        display: block;
    }
    .site-header {
        padding-bottom: 0;
    }
    .top-nav {
        padding: 24px 0;
        margin-bottom: 20px;
    }
    .hero-header .tagline,
    .section-title {
        font-size: 28px;
        line-height: 30px;
    }
    .hero-header .tagline {
        margin-bottom: 30px;
    }
    .hero-header {
        padding: 0;
    }
    section {
        padding: 34px 0;
    }
    .section-title {
        font-size: 22px;
    }
    .site-footer {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 40px;
    }
    .site-footer p {
        margin-bottom: 0;
    }
    .site-footer ul li {
        margin: 0 0 0 20px;
    }
    .cc-form {
        padding: 0;
    }
    #plan-tabNav {
        margin: 0 auto 34px;
        max-width: 220px;
    }
    #plan-tabNav::after {
        content: "";
        position: absolute;
        width: 118px;
        height: 64px;
        background: url("../images/standard/sprite.png") no-repeat;
        background-position: -114px 0;
        right: -118px;
        background-size: 232px 118px;
        top: -28px;
    }
    small,
    .small {
        font-size: 90%;
    }
    .secure-notice {
        margin-left: 0;
        margin-right: 0;
    }
    #selected_plan_subscription_popup .nav-pills.nav li {
        width: 50%;
        margin-bottom: 0;
    }
    #selected_plan_subscription_popup .nav-pills.nav li a.nav-link {
        background: #ffffff;
        color: #989898;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
        border-radius: 0;
        padding: 14px 14px;
        border: 1px solid #ededed;
        line-height: 1;
    }
    #selected_plan_subscription_popup
        .nav-pills.nav
        li:first-of-type
        a.nav-link {
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    #selected_plan_subscription_popup
        .nav-pills.nav
        li:last-of-type
        a.nav-link {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    #selected_plan_subscription_popup .nav-pills.nav li a.nav-link.active {
        background: #1fc16b;
        border: 1px solid #1fc16b;
        opacity: 1;
        color: #fff !important;
    }
    #selected_plan_subscription_popup
        .nav-pills.nav
        li:hover
        a.nav-link:not(.active) {
        opacity: 1;
    }
    .package-period::before,
    .package-period::after {
        display: none;
    }
    .package-period {
        padding: 0;
    }
    .coupon-field-wrapper {
        // margin-top: -15px;
    }
    .coupon-field-wrapper.active {
        // margin-top: 30px;
    }
.package-amount {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    border: none;
    background: none;
    margin-bottom: 10px;
    margin-top: 16px;
}
.package-amount .price {
    font-size: 40px;
}
.notice {
    margin-bottom: 30px;
    margin-top: 14px;
}
.package-amount .period {
    margin-left: 0px;
    font-weight: 600;
    position: static;
}

}
*/ 
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    #paypal-payment span,
    .showPassword,
    .card-placeholder,
    .input-help,
    #plan-tabNav::after {
        /* background-image: url("../images/standard/sprite.png"); */
        background-repeat: no-repeat;
        background-size: 232px 118px;
    }
}
@media (max-width: 576px) {
    .valid-coupon+.close-coupon {
        top: calc(50% - 17px);
    }
    .modal.fade.ved_GetplanPopup_wrapper .modal-dialog {
        transform: translate(0px, 0);
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .modal.fade.ved_GetplanPopup_wrapper .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }
    .modal.fade.ved_GetplanPopup_wrapper {
        background: #ffffff;
        transform: translate(120px, 0);
        transition: all 0.3s;
    }
    .ved_GetplanPopup_wrapper .close,
    .ved_billing_address_wrapper .close {
        font-size: 26px;
        top: 20px;
        right: 25px;
        color: #888;
    }
    .modal.show.fade.ved_GetplanPopup_wrapper {
        transform: none;
    }
    .selected_plan_popup .modal-backdrop {
        opacity: 0;
    }
    .ved_GetplanPopup_wrapper .modal-body {
        padding: 40px 20px;
    }
    .has-coupon .package-amount.ved_pp_price .notice {
        margin-bottom: 10px;
    }
    .ved_GetplanPopup_wrapper .modal-body h5 {
        margin-bottom: 30px;
    }
    #vd-cc-detail .package-amount .price {
        font-size: 16px;
    }
    #vd-cc-detail .package-amount.ved_pp_price {
        background: #f7f7f7;
        padding: 20px 0 8px;
        border: 1px solid #dcdcdc;
        width: 370px;
        margin: 11px auto;
        max-width: 100%;
    }
    #cc-cvc {
        width: calc(30% - -20px);
    }
    #cc-exp {
        width: calc(70% - 35px);
    }
    #vd-cc-detail .package-amount.ved_pp_price:before {
        display: none;
    }
    .ved_GetplanPopup_wrapper .ved_btn.ved_sp_btn {
        margin-bottom: 15px;
    }
    .ved_GetplanPopup_wrapper .modal-body p {
        margin-bottom: 3px;
    }
    .ved_GetplanPopup_wrapper .ved_btn.ved_sp_btn {
        margin-top: 11px;
    }
    .ved_upgrade_pricing_body .input.has-value .field .button-input.upgrade-plan-apply-coupon {
        bottom: 3px;
        height: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
#restart_subscription_popup .modal-body h3 {
    text-align: left;
    margin-bottom: 30px;
}
#restart_subscription_popup .modal-body {
    padding: 40px 30px 0;
    text-align: left;
}
#restart_subscription_popup .modal-body ul li {
    background-color: #fbfbfb;
    color: #222;
    border: 1px solid #ececec;
    padding: 20px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#restart_subscription_popup .modal-body ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
#restart_subscription_popup .modal-body p {
    text-align: left;
}
#restart_subscription_popup .modal-footer {
    justify-content: flex-start;
}
#restart_subscription_popup .vd_coupon_wrap {
    background: #ffeeaf;
    max-width: 100%;
    padding: 8px 15px;
    border-radius: 100px;
    margin-bottom: 16px;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-flex;
}
.strike-through {
    text-decoration: line-through;
}
#restart_subscription_popup .vd_coupon_wrap img {
    width: 14px;
    margin-left: 6px;
}

/* Stripe Card end*/

/*------- billing address popup css -------*/
.ved_billing_address_wrapper .modal-body {
    padding: 40px;
}
.ved_billing_address_wrapper .modal-body h3,
.ved_billing_address_wrapper .modal-body p {
    text-align: center;
}
.ved_billing_address_wrapper .modal-body h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
.ved_billing_address_feilds button.ved_btn {
    margin:0 auto;
    height: 44px;
    display: block;
    margin-top: 20px;
}
.ved_billing_address_feilds .ved_feild_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.ved_billing_address_feilds .ved_feild_box .ved_feild_wrapper {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 10px;
}
.ved_billing_address_feilds .ved_feild_box .ved_feild_wrapper:last-child {
    flex: 0 0 40%;
    max-width: 40%;
}
.ved_billing_address_wrapper .modal-dialog {
    width: 600px;
    max-width: 100%;
}
.ved_billing_address_feilds .ved_feild_wrapper label {
    margin-bottom: 10px;
}
.ved_country_selector span.select2-search.select2-search--dropdown.select2-search--hide {
    display: block;
}
@media(max-width:575px) {
    .ved_billing_address_feilds .ved_feild_box .ved_feild_wrapper,
    .ved_billing_address_feilds .ved_feild_box .ved_feild_wrapper:last-child {
        flex: 0 100%;
        max-width: 100%;
    }
    .ved_billing_address_wrapper {
        background: #ffffff;
        transform: translate(120px, 0);
        transition: all 0.3s;
    }
    .modal.show.fade.ved_billing_address_wrapper {
        transform: none;
    }
    .ved_billing_address_wrapper .modal-dialog {
        /* position: fixed; */
        
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        /* min-height: unset; */
        /* height: 100%; */
        
        display: inline-block;
        transform: none;
        /* overflow: auto; */
        
        transform: none !important;
    }
    .ved_billing_address_wrapper .modal-dialog .modal-content {
        display: block;
        transform: none !important;
        border: none;
        border-radius: 0;
    }
    .ved_billing_address_wrapper .modal-dialog:before {
        display: none;
    }
    #switch_to_yearly_plan_popup .modal-footer,
    #restart_subscription_popup .modal-footer {
        flex-direction: column;
        align-items: flex-start;
    }
    #restart_subscription_popup .modal-footer {
        justify-content: flex-start;
        padding: 0px 30px 40px 30px;
    }
    #switch_to_yearly_plan_popup .modal-footer button,
    #restart_subscription_popup .modal-footer button {
        margin-left: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .bill_sub_list>.bill_sub_item.vd_switch_to_yearly_item {
        align-items: flex-start;
    }
    .modal-open .tooltip {
        display: none;
    }
    .plan-tooltip {
        display: none;
    }
}

/*------- billing address popup css -------/
/*---- upload care css ----*/
.uploadcare--button_icon {
    width: 70px;
}
.uploadcare--crop-sizes__item:after {
    text-transform: lowercase;
}
.uploadcare--tab__content.uploadcare--preview__content.uploadcare--preview__content_crop:after {
    display: none;
}
.uploadcare--tab__content.uploadcare--preview__content:after {
    display: none;
}
@media(max-width:403px) {
    .ved_social_editor_box {
        width: 100%;
    }
}

/*-------- linkedin editor css start ---------*/
.ved_linkedin_editor,
.ved_linkedin_editor .ved_edit_wrapper_box {
    /*font-family: 'Roboto', sans-serif;*/
}
.ved_linkedin_editor {
    height: 402px;
}
.ved_linkedin_editor .ved_post_img {
    /*height: 225px !important;*/
}
.ved_linkedin_editor .ved_post_img img {
    height: 100%;
}
.ved_linkedin_editor .ved_post_description_box {
    height: 175px;
}
.ved_linkedin_editor .ved_post_description_box .ved_post_description {
    height: 90px;
    padding: 6px 12px 0px 12px;
}
.ved_linkedin_editor .ved_likes_ul {
    padding: 0;
    width: unset;
}
.ved_linkedin_editor .ved_likes_ul ul li:last-child {
    float: none;
}
.ved_linkedin_editor .ved_likes_ul ul {
    display: flex;
    align-items: center;
}
.ved_linkedin_editor .ved_likes_ul ul li {
    margin-right: 2px;
    font-size: 14px;
    float: none;
    color: #666666;
    display: flex;
    align-items: flex-start;
    padding-right: 11px;
    margin-right: 8px;
    position: relative;
}
.ved_linkedin_editor .ved_likes_ul ul li:after {
    content: "";
    width: 3px;
    height: 3px;
    background: #666666;
    position: absolute;
    top: 7px;
    right: 0;
    border-radius: 100px;
}
.ved_linkedin_editor .ved_likes_ul ul li:last-child:after {
    display: none;
}
.ved_linkedin_editor .ved_likes_ul ul li span {
    margin-right: 2px;
}
.ved_linkedin_editor .ved_likes_ul ul li:first-child span {
    margin-right:0;
}
.ved_linkedin_editor .ved_likes_ul ul li img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.ved_linkedin_editor .ved_likes_ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #f2f2f2;
    padding: 5px 0 8px;
}
.ved_linkedin_editor ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ved_linkedin_editor .ved_post_head {
    padding: 4px 12px;
    border-bottom: 7px solid #ebeaeb;
}
.ved_linkedin_editor .ved_action_list ul {
    display: flex;
    align-items: flex-end;
}
.ved_linkedin_editor .ved_action_list {
    padding: 8px 0 4px;
}
.ved_linkedin_editor .ved_action_list ul li {
    font-size: 13px;
    color: #4c4b4d;
    display: flex;
    align-items: flex-end;
    margin-right: 15px;
    font-weight: 500;
}
.ved_linkedin_editor .ved_action_list ul li img {
    margin-right:6px;
}
.ved_linkedin_editor .ved_action_list ul li:first-child img {
    width: 18px;
    height: 19px;
}
.ved_linkedin_editor .ved_action_list ul li:nth-child(2) img {
    width: 22px;
    height: 19px;
}
.ved_linkedin_editor .ved_action_list ul li:nth-child(3) img {
    width: 18px;
    height: 17px;
}
.ved_linkedin_editor .ved_action_list ul li:nth-child(4) img {
    width: 17px;
    height: 17px;
}
.ved_linkedin_editor .ved_user_head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 10px 12px 0;
}
.ved_linkedin_editor .ved_user_head .ved_user_profile {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    background: #eae9ea;
    border-radius: 100px;
    margin-right: 8px;
    position: relative;
}
.ved_linkedin_editor .ved_user_head .ved_user_profile img {
    width:35px;
    height:35px;
    object-fit: cover;
}
.ved_linkedin_editor .ved_user_head .ved_linkedin_user_data h4 {
    font-size: 10px;
    color: #1a1a1a;
    margin-bottom: 1px;
}
.ved_linkedin_editor .ved_user_head .ved_linkedin_user_data p {
    color: #666666;
    font-size: 9px;
    margin-bottom: 1px;
}
.ved_linkedin_editor .ved_post_descrip_inner .ved_inline_edit {
    font-size: 14px;
    display: inline-block;
    line-height: 1.5;
    color: #1a1a1a;
}
.ved_linkedin_editor .ved_post_descrip_inner .ved_inline_edit[placeholder]:empty:before,
.ved_post_description .ved_inline_edit[placeholder]:empty:before {
    content: attr(placeholder);
    color: #666666;
}
.ved_post_descrip_inner.active .ved_inline_edit[placeholder] {
    position: relative;
}
.ved_post_descrip_inner.active .ved_inline_edit[placeholder]:empty:after {
    content: "";
    height: 17px;
    width: 1px;
    background: #222222;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
    position: absolute;
    left: 0px;
    top: 0;
}
.ved_linkedin_editor .ved_post_descrip_inner.active .ved_inline_edit[placeholder]:empty:after {
    display: none;
}
@keyframes blink {
    from,
    to {
        background: black;
    }
    50% {
        background: transparent;
    }
}
@-moz-keyframes blink {
    from,
    to {
        background: black;
    }
    50% {
        background: transparent;
    }
}
@-webkit-keyframes blink {
    from,
    to {
        background: black;
    }
    50% {
        background: transparent;
    }
}
@-ms-keyframes blink {
    from,
    to {
        background: black;
    }
    50% {
        background: transparent;
    }
}
@-o-keyframes blink {
    from,
    to {
        background: black;
    }
    50% {
        background: transparent;
    }
}
.ved_linkedin_editor .ved_user_head .ved_user_profile span.ved_user_online {
    width: 12px;
    height: 12px;
    background: #4f892d;
    position: absolute;
    bottom: 1px;
    right: -2px;
    border-radius: 100px;
    border: 2px solid #ffffff;
}
.ved_linkedin_editor .ved_user_head .ved_linkedin_user_data p>img {
    width: 9px;
    height: 9px;
}
.ved_linkedin_editor .ved_user_head .ved_linkedin_user_data p span {
    position: relative;
    display: inline-block;
    padding-right: 5px;
    margin-right: 3px;
}
.ved_linkedin_editor .ved_user_head .ved_linkedin_user_data p span:after {
    content: "";
    width: 2px;
    height: 2px;
    background: #666666;
    position: absolute;
    top: 5px;
    right: 0;
    border-radius: 100px;
}
.ved_linkedin_editor .ved_user_head .ved_linkedin_user_data>p:last-of-type {
    margin-top: 2px;
    display: flex;
    align-items: center;
}
.ved_linkedin_editor .ved_user_head .ved_linkedin_user_data .ved_lidots {
    position: absolute;
    width: 15px;
    top: 15px;
    right: 18px;
}
.dark_mode_on.ved_linkedin_editor .ved_likes_ul ul li {
    color: #ffffff;
}
.dark_mode_on.ved_linkedin_editor .ved_likes_ul ul li:after {
    background: #ffffff;
}
.dark_mode_on.ved_linkedin_editor .ved_likes_ul ul li {
    color: #ffffff;
}
.dark_mode_on.ved_linkedin_editor .ved_likes_ul ul li:after {
    background: #ffffff;
}
.dark_mode_on.ved_linkedin_editor .ved_likes_ul,
.dark_mode_on.ved_linkedin_editor .ved_post_head {
    border-bottom-color: #191919;
}
.dark_mode_on.ved_linkedin_editor .ved_action_list ul li {
    color: #ffffff;
}
.dark_mode_on.ved_linkedin_editor .ved_post_descrip_inner .ved_inline_edit[placeholder]:empty:before {
    color: #bfbfbf;
}
.animation_sidebar_open .ved_animation_sidebar .ved_linkedin .ved_insta_fb_anim_info {
    display: none;
}
.animation_sidebar_open .ved_animation_sidebar .ved_linkedin_mobile_anim_info,
.animation_sidebar_open .ved_animation_sidebar .ved_linkedin_desktop_anim_info {
    display: none;
}
.animation_sidebar_open .ved_animation_sidebar .ved_linkedin p.ved_linkedin_desktop_anim_info {
    display: block;
}
@media(max-width:576px) {
    .ved_select_mediabox img {
        width: 30px;
        margin-bottom: 11px;
    }
    .ved_select_mediabox p {
        font-size: 11px;
    }
    .ved_select_mediabox.fb_box,
    .ved_select_mediabox.linkedin_box {
        padding: 30px 0;
    }
    .ved_select_mediabox.insta_box {
        padding: 30px 0;
    }
    .animation_sidebar_open .ved_animation_sidebar .ved_linkedin p.ved_linkedin_desktop_anim_info {
        display: none;
    }
}

/*-------- linkedin editor css start ---------*/

/*-------- new mobile editor ui design css -----------*/
.ved_swipe_animation {
    display: none;
}
.ved_rendered_bar,
.ved_video_render_wrapper .ved_steps_btn_wrapper {
    display: none;
}
.ved_rvs_video .ved_mobile_link,
.ved_rvs_mobile_title,
.ved_embed_video_popup,
.ved_volume_mobile_btn,
.ved_rendered_bar .ved_iphone_helpscout,
.ved_animation_reset_mobile_btn,
.ved_animation_center_mobile_btn {
    display: none;
}
.ved_planPopup_wrapper .modal-body h3 br {
    display: none;
}
@media(max-width:768px) {
    #ved_play_video_popup .ved_rendered_video_share .ved_rvs_video .ved_rvs_v video {
        position: static;
    }
    .ved_planPopup_wrapper {
        top: 69px;
    }
}
@media(max-width:576px) {
    .ved_settings_options .tab-content {
        padding-bottom: 50px;
    }
    .ved_planPopup_wrapper .modal-body h3 br {
        display: block;
    }
    .ved_volume_mobile_btn,
    .ved_animation_reset_mobile_btn,
    .ved_animation_center_mobile_btn {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        margin-top: 20px;
    }
    .ved_animation_reset_mobile_btn {
        position: relative;
        top: -1px;
        font-size: 11px;
    }
    .ved_animation_step_mobile_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ved_video_render_wrapper .ved_steps_btn_wrapper {
        display: flex;
    }
    .ved_rvs_video .ved_mobile_link {
        display: block;
    }
    .ved_rvs_video .ved_rvs_v.ved_complete_video_box video {
        position: static;
    }
    .ved_rvs_video .ved_mobile_link a {
        font-weight: 600;
    }
    .ved_steps_btn_wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0px -15px 18px 0px rgba(0, 0, 0, 0.09);
        padding: 20px 15px;
        z-index: 10;
        width: 100% !important;
        background: #ffffff;
        transition: all 0.3s;
    }
    /* #beacon-container {
        display: none;
    } */
    .ved_i_want_scroll .ved_steps_btn_wrapper {
        padding-bottom: 35px;
    }
    .ved_i_want_scroll .ved_template_toolbar {
        padding: 8px 0 27px;
    }
    .ved_steps_btn_wrapper .ved_btn_white.ved_video_back {
        background: #d0ecf8;
        border-color: #d0ecf8;
        position: relative;
    }
    .ved_steps_btn_wrapper .ved_btn_white.ved_video_back:before {
        content: "Previous";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #d0ecf8;
        color: var(--primaryColor);
    }
    .ved_template_toolbar {
        position: fixed;
        top: auto;
        bottom: 0;
        z-index: 20;
        padding: 12px 0;
        width: fit-content;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #ffffff;
        transition: all 0.3s;
    }
    .body_editing_box .ved_template_toolbar {
        left: 10px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .ved_social_editor_box .select2-container,
    .ved_box_size_icon .select2-container {
        margin-left: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .ved_animation_sidebar {
        bottom: -850px;
        left: 0 !important;
        top: auto !important;
        right: 0 !important;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
        width: 100%;
        /* -webkit-transform: translateY(1000px); */
        /* -moz-transform: translateY(1000px); */
        /* transform: translateY(1000px); */
        
        height: 100%;
    }
    .animation_sidebar_open .ved_animation_sidebar {
        /* -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px); */
        
        bottom: 0;
    }
    .ved_animation_sidebar:before {
        content: "";
        position: fixed;
        bottom: -180px;
        background: #fff;
        visibility: hidden;
        opacity: 0;
        height: 500px;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
    }
    .animation_sidebar_open .ved_animation_sidebar:before {
        visibility: visible;
        opacity: 1;
    }
    .ved_create_wrapper {
        padding: 40px 15px 150px;
    }
    .ved_template_toolbar_menu li.ved_open_box_image_popup,
    .ved_template_toolbar_menu li.ved_open_profile_popup,
    .ved_template_toolbar_menu li.ved_open_description_popup {
        display: none !important;
    }
    .ved_social_editor_box .select2-container .select2-selection:before,
    .ved_box_size_icon .select2-container .select2-selection:before {
        background: #cecece;
    }
    .ved_template_toolbar_menu li div:hover span {
        font-size: 0;
    }
    .ved_template_toolbar_menu li div:hover i,
    .ved_template_toolbar_menu li.ved_post_mode_effects div:hover i {
        margin-right: 0;
    }
    .ved_template_toolbar_menu li.ved_post_mode_effects div:hover span i {
        position: absolute;
        top: 31px;
        left: 19px;
        background: #ffffff;
        opacity: 1;
        font-size: 18px;
    }
    .ved_template_toolbar_menu li div:hover {
        width: 35px;
    }
    .ved_social_editor_box .select2-container .select2-selection:hover .select2-selection__rendered,
    .ved_social_editor_box .select2-container.select2-container--open .select2-selection .select2-selection__rendered,
    .ved_box_size_icon .select2-container.select2-container--open .select2-selection .select2-selection__rendered {
        font-size: 0;
        width: 0;
    }
    .ved_box_size_icon .select2-container.select2-container--open {
        width: 35px !important;
    }
    /* span.select2-dropdown.ved_template_selector.ved_size_selector {
        transform: translateX(30px);
        transition: all 0.3s;
    }    
    .select2-container--open span.select2-dropdown.ved_template_selector.ved_size_selector {
        transform: translateX(0);
    } */
    span.select2-dropdown.ved_template_selector.ved_size_selector {
        width: 133px !important;
    }
    span.select2-dropdown.ved_template_selector.ved_size_selector .select2-results__option {
        font-size: 11px;
        padding: 10px;
    }
    .ved_template_toolbar_menu .ved_box_size_icon {
        margin-right: 3px;
    }
    /* #step3 .ved_volume_btn {
        display: none !important; 
    } */
    .ved_video_edit_step .ved_volume_btn,
    .ved_video_edit_step .ved_animation_reset_btn,
    .ved_video_edit_step .ved_animation_center_btn {
        display: none !important;
    }
    .ved_swipe_animation {
        color: #2a2a2a;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        align-items: center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ved_i_want_scroll .ved_swipe_animation {
        margin-top: -15px;
    }
    .ved_swipe_animation span {
        font-size: 13px;
        margin-right: 3px;
    }
    .ved_square .ved_social_editor_box .select2-container .select2-selection:before,
    .ved_square .ved_box_size_icon .select2-container .select2-selection:before {
        height: 16px;
        top: 9px;
    }
    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle>i::before,
    .ved_animation_sidebar>.ved_animation_toggle>i::before {
        content: "\f00d";
        color: #01a0c6;
    }
    .ved_rendered_bar {
        display: flex;
        flex-wrap: wrap;
    }
    .ved_rendered_bar .ved_iphone_helpscout {
        flex: 0 0 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .ved_rendered_bar .ved_iphone_helpscout a {
        color: #09d47c;
        font-weight: 600;
        text-decoration: underline;
    }
    .ved_rendered_bar .ved_btn.ved_btn_success {
        height: 40px;
        line-height: 40px;
        display: inline-block;
        padding: 0 15px;
        background: #09d47c;
        border-color: #09d47c;
        font-size: 13px;
        margin-right: 10px;
        margin-bottom: 0 !important;
        font-weight: 400;
        min-width: unset;
        width: unset !important;
    }
    .ved_rendered_bar .ved_left_btns {
        display: flex;
        align-items: center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ved_rendered_bar .ved_btn.ved_border_btn {
        background: #ccfee8;
        color: #09d47c;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        font-size: 13px;
        border-color: #ccfee8;
        font-weight: 500;
        margin-right: 9px;
        width: unset !important;
        min-width: unset;
        margin-bottom: 0 !important;
    }
    .ved_steps_btn_wrapper.ved_fb_mobile_width,
    .ved_steps_btn_wrapper.ved_insta_width {
        width: 100%;
    }
    .ved_rendered_bar .ved_edit_btn_box .ved_btn {
        min-width: 80px;
    }
    .ved_rendered_bar .ved_mobile_becon_icon {
        width: 40px;
        height: 40px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ccfee8;
        color: #09d47c;
        font-size: 17px;
    }
    .ved_rendered_bar .ved_bar_dots {
        width: 40px;
        height: 40px;
        border: 1px solid #e9e9e9;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        background: #ffffff;
    }
    .ved_rendered_bar .ved_edit_btn_box {
        position: absolute;
        left: 15px;
        right: 70px;
        background: #ffffff;
        transition: all 0.3s;
        transform: translateX(318px);
        transform-origin: right;
        z-index: 10;
        visibility: hidden;
        opacity: 0;
    }
    .ved_rendered_bar .ved_right_btns {
        position: relative;
        z-index: 12;
    }
    .ved_rendered_bar.ved_dot_box_open .ved_edit_btn_box {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    .ved_rendered_bar.ved_dot_box_open .ved_download_btn_box {
        -webkit-transform: translateX(-320px);
        -moz-transform: translateX(-320px);
        transform: translateX(-320px);
    }
    .ved_dot_box_open.ved_rendered_bar .ved_bar_dots .far.fa-ellipsis-h:before {
        content: "\f00d";
    }
    .ved_rendered_mobile_share>.ved_rvs_share_btn {
        display: none;
    }
    .ved_rvs_title {
        display: none;
    }
    .ved_rvs_mobile_title {
        position: relative;
        margin-bottom: 15px;
        display: block;
    }
    .ved_rvs_mobile_title .ved_edit_title {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 5;
        font-size: 14px;
        width: 35px;
        height: 46px;
        background: #fff;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ved_rvs_mobile_title input.form-control {
        font-size: 13px;
        height: 50px;
        border: 1px solid #e9e9e9;
        border-radius: 7px;
        background-color: transparent;
    }
    .ved_rvs_mobile_title .ved_title_opt {
        position: absolute;
        top: 2px;
        right: 0;
        display: flex;
    }
    .ved_rvs_mobile_title .ved_title_opt .ved_save_name {
        color: #09d47c;
        font-size: 16px;
        height: 46px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ved_rvs_mobile_title .ved_title_opt .ved_canl_name {
        color: #F44336;
        font-size: 16px;
        height: 46px;
        width: 24px;
        display: flex;
        align-items: center;
    }
    .ved_embed_video_popup {
        display: block;
        position: fixed;
        top: 68px;
        right: 0;
        bottom: 0;
        left: 0;
        background: #ffffff;
        z-index: 20;
        padding: 45px 45px;
        -webkit-transform: translateY(110%);
        -moz-transform: translateY(110%);
        transform: translateY(110%);
        transition: all 0.3s;
    }
    .ved_embed_video_popup.ved_embed_pop_open {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    .ved_embed_video_popup .ved_copy_embed_mobile {
        text-align: center;
        display: block !important;
        position: relative;
    }
    .ved_embed_video_popup .ved_copy_embed_mobile h2 {
        font-size: 20px;
        font-weight: 600;
        color: #2a2a2a;
        margin-bottom: 30px;
    }
    .ved_embed_video_popup .ved_copy_embed_mobile p {
        text-align: left;
        font-size: 13px;
        color: #2a2a2a;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .ved_rendered_mobile_share .ved_embed_video_popup .ved_copy_embed_mobile>.cpy_btn {
        position: static;
        visibility: visible;
        opacity: 1;
        border-radius: 10px;
        padding: 0 15px;
        height: 40px;
        display: inline-block;
        line-height: 40px;
        margin-top: 30px;
        background-color: #09d47c;
        color: #ffffff;
        cursor: pointer;
    }
    .ved_rendered_mobile_share .ved_embed_video_popup .ved_copy_embed_mobile>textarea {
        border: 1px solid #e9e9e9;
        border-radius: 10px;
        background: #f9f9f9;
        color: #898989;
        height: 200px;
        padding: 15px;
        width: 100%;
        resize: none;
        box-shadow: none;
        outline: none;
    }
    .ved_embed_video_popup .ved_embed_pop_close {
        position: absolute;
        top: -25px;
        right: -20px;
        color: #b4b4b4;
        font-size: 16px;
        cursor: pointer;
    }
    .ved_animation_sidebar>.ved_animation_toggle {
        width: 40px;
        height: 40px;
        font-size: 18px;
        right: 0;
    }
    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle {
        right: 0px;
    }
    /* #step3 .ved_steps_btn_wrapper {
        padding: 20px 15px;
    } */
    .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter {
        display: block;
        margin-bottom: 15px;
    }
    .ved_animation_sidebar p {
        display: none;
    }
    .ved_animation_sidebar p.ved_linkedin_mobile_anim_info {
        display: none;
        text-align: center;
    }
    .ved_animation_sidebar .ved_linkedin p.ved_linkedin_mobile_anim_info {
        display: block;
        text-align: center;
    }
    .animation_sidebar_open .ved_linkedin p.ved_linkedin_mobile_anim_info {
        display: block;
    }
    .ved_animation_sidebar h6 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner {
        padding: 20px 20px 30px 20px !important;
        margin-top: 70px !important;
        border-top: 0;
    }
    .ved_templates_body .ved_animation_sidebar_inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .ved_templates_wrapper .ved_animation_sidebar>.ved_animation_sidebar_inner {
        margin-top: 20px !important;
    }
    .billing_subscription_wrapper .ved_planPopup_wrapper {
        padding-top: 0 !important;
    }
    .ved_video_render_wrapper .ved_steps_btn_wrapper .ved_mobile_becon_icon {
        height: 40px;
        width: 40px;
        background: var(--primaryColor);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 15px;
    }
}
@media(max-width:480px) {
    .ved_rvs_mobile_title input.form-control {
        font-size: 13px;
        height: 40px;
        border: 1px solid #e9e9e9;
        border-radius: 7px;
        background: transparent;
    }
    .ved_steps_btn_wrapper .ved_btn,
    .ved_steps_btn_wrapper .ved_btn_white {
        min-width: 100px;
    }
    .ved_animations_box {
        width: 100%;
    }
    .ved_swipe_animation {
        font-size: 13px;
    }
    .ved_swipe_animation span {
        font-size: 12px;
    }
    .ved_select_mediabox p {
        font-size: 10px;
    }
    .new_flag {
        width: 90px;
        height: 20px;
    }
    .ved_select_mediabox.fb_box,
    .ved_select_mediabox.linkedin_box,
    .ved_select_mediabox.insta_box {
        padding: 25px 0;
    }
    .ved_rvs_mobile_title .ved_edit_title {
        height: 36px;
    }
    .ved_rvs_mobile_title .ved_title_opt .ved_save_name {
        height: 35px;
    }
    .ved_rvs_mobile_title .ved_title_opt .ved_canl_name {
        height: 35px;
    }
    .ved_planPopup_wrapper .modal-body h3 {
        padding: 0 50px;
    }
    .ved_planPopup_wrapper .modal-body p {
        padding: 0 15px;
        margin-bottom: 25px;
    }
    #ved_template_popup .ved_modal_head {
        padding-right: 50px;
    }
    .ved_templates_modal button.close {
        top: 41px;
        right: 25px;
    }
    #ved_animation_popup .ved_modal_head {
        padding-right: 35px;
    }
}
@media(max-width:420px) {
    .ved_video_render_wrapper .ved_steps_btn_wrapper .ved_mobile_becon_icon {
        height: 35px;
        width: 35px;
    }
    .ved_steps_btn_wrapper .ved_btn,
    .ved_steps_btn_wrapper .ved_btn_white {
        min-width: 80px;
        font-size: 12px;
    }
    .ved_rendered_bar .ved_edit_btn_box .ved_btn {
        min-width: 100px;
    }
    .ved_steps_btn_wrapper .ved_btn_white.ved_video_back {
        height: 35px;
        line-height: 34px;
    }
    .ved_steps_btn_wrapper .ved_btn,
    .ved_steps_btn_wrapper .ved_btn_white {
        height: 35px;
        line-height: 34px;
    }
    .ved_template_toolbar {
        padding: 12px 0;
    }
    .ved_swipe_animation {
        font-size: 11px;
    }
    .ved_swipe_animation span {
        font-size: 10px;
        margin-right: 2px;
    }
    .ved_rendered_bar .ved_edit_btn_box .ved_btn {
        min-width: 40px;
    }
    .ved_rendered_bar .ved_btn.ved_btn_success,
    .ved_rendered_bar .ved_btn.ved_border_btn {
        height: 35px;
        line-height: 34px;
        font-size: 12px;
        margin-right: 7px;
    }
    .ved_rendered_bar .ved_mobile_becon_icon {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }
    .ved_rendered_bar .ved_bar_dots {
        width: 35px;
        height: 35px;
    }
    #ved_animation_popup.ved_templates_modal>button.close {
        top: 32px;
    }
    .ved_template_toolbar_menu li.ved_post_mode_effects div:hover span i {
        font-size: 17px;
        top: 50%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, -50%);
    }
}

/*-------- new mobile editor ui design css -----------*/
.ved_featured_templates span.select2 {
    margin-right: 23px;
    width: 190px !important;
}
.ved_featured_templates .ved_table_pagination_wrapper {
    padding-right: 23px;
    border-top: 1px solid #f0f0f0;
    margin-top: 0;
    padding-top: 30px;
}
.ved_tbl_right_wrappo span.select2 {
    width: 150px !important;
}
.ved_tbl_left_wrappo span.select2 {
    width: 150px !important;
}
@media (min-width:810px) {
    .ved_video_sent_toemail {
        display: none;
    }
}

/*-------- new editor css start ---------*/

/*.tox .tox-notification__dismiss {
    display: none !important;
}*/
.tox .tox-notification--warn,
.tox .tox-notification--warning {
    padding: 10px 0;
    background: #fff7dc;
    border-color: #fdd966;
}
.tox .tox-notification__icon {
    margin-right: 5px;
}
.tox .tox-notification__icon svg path {
    fill: #ffc107;
}
.tox .tox-notification__body p {
    font-weight: 600 !important;
    font-size: 13px !important;
}
.tox .tox-notification__body p a {
    font-weight: 700;
    cursor: pointer;
}
.tox .tox-menu.tox-collection.tox-collection--list {
    width: 130px;
    /* right: 14px;
    left: auto !important; */
    max-height: 200px !important;
    padding: 10px !important;
    border: 2px solid #f0f0f0;
    border-radius: 6px;
}
.tox .tox-menu.tox-collection.tox-collection--list::-webkit-scrollbar {
    width: 0;
}
.tox .tox-collection--list .tox-collection__item {
    padding: 7px 14px !important;
    border-radius: 5px;
    border: none;
    color: #2a2a2a;
}
.tox-menu-nav__js.tox-collection__item.tox-collection__item--enabled {
    background-color: #f0f0f0 !important;
    color: #2a2a2a !important;
}
.tox .tox-collection--list .tox-collection__item .tox-collection__item-checkmark {
    display: none;
}
.tox .tox-collection--list .tox-collection__item .tox-collection__item-label {
    margin-left: 0;
}
.tox .tox-collection--list .tox-collection__item--active {
    color: var(--primaryColor) !important;
    background: transparent !important;
}
.tox .tox-collection--list .tox-collection__item--active .tox-collection__item-label {
    color: var(--primaryColor);
}
.tox button.tox-button[title="Save"],
.tox button.tox-button[title="Save"]:hover,
.tox button.tox-button[title="Close"],
.tox button.tox-button[title="Close"]:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    border-radius: 4px;
    font-weight: 600;
    padding: 0 15px;
    height: 40px;
    min-width: 130px;
}
.tox button.tox-button[title="Save"]:hover,
.tox button.tox-button[title="Close"]:hover {
    box-shadow: 0px 10px 20px 0px rgb(0 85 255 / 21%);
    color: #ffffff;
}
.tox button.tox-button[title="Cancel"],
.tox button.tox-button[title="Cancel"]:hover {
    background: #ffffff;
    border-color: var(--primaryColor);
    color: var(--primaryColor);
    border-radius: 4px;
    font-weight: 600;
    padding: 0 15px;
    height: 40px;
    min-width: 130px;
}
.tox button.tox-button[title="Cancel"]:hover {
    background: var(--primaryColor);
    color: #ffffff;
    box-shadow: 0px 10px 20px 0px rgb(0 85 255 / 21%);
}
button.tox-button.tox-button--icon.tox-button--naked,
button.tox-button.tox-button--icon.tox-button--naked:hover {
    background: transparent;
    min-width: unset;
    padding: 0;
    border: none;
    height: unset;
}
.tox .tox-dialog__body-nav-item--active {
    border-bottom-color: var(--primaryColor) !important;
    color: var(--primaryColor) !important;
}
.tox .tox-dialog__header {
    padding: 0 !important;
    border: none !important;
    margin-bottom: 20px !important;
}
.tox .tox-dialog {
    padding: 30px;
    width: 410px;
}
.tox .tox-dialog__footer {
    border: none !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    margin-top: 30px;
}
.tox .tox-dialog__body-content {
    padding: 11px !important;
}
.tox .tox-dialog__header button.tox-button.tox-button--icon.tox-button--naked {
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
    z-index: 1;
    transition: none !important;
}
.tox .tox-dialog__header button.tox-button.tox-button--icon.tox-button--naked:hover {
    box-shadow: none;
}
.tox .tox-dialog__body-nav {
    background: #f3f3f3;
    border-radius: 10px;
}
.dark_mode_on .ved_post_descrip_inner p {
    color: #ffffff;
}
.tox .tox-collection--grid .tox-collection__group {
    max-height: 216px !important;
}
.tox .tox-dialog__body-content {
    height: unset !important;
    overflow: hidden !important;
}
@media(max-width:767px) {
    body:not(.tox-force-desktop) .tox .tox-dialog {
        align-self: unset !important;
    }
    body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
        padding-bottom: 8px !important;
    }
    .tox .tox-dialog__body-content {
        height: 290px !important;
        overflow: hidden !important;
        flex-basis: unset !important;
        padding-bottom: 0;
    }
    .tox .tox-dialog__body-nav-item--active {
        background: transparent !important;
    }
}
@media(max-width:480px) {
    .tox .tox-tbtn {
        width: 30px !important;
        margin: 0 2px !important;
    }
    .tox .tox-tbtn--select.tox-tbtn {
        width: 62px !important;
    }
}
@media(max-width:330px) {
    .tox .tox-tbtn {
        margin: 0 0px !important;
    }
}

/*@media(max-width:767px){
    body:not(.tox-force-desktop) .tox .tox-dialog {
        align-self: flex-start !important;
    }
    .tox .tox-dialog {
        padding: 30px 15px !important;
        height: 100%;
        position: fixed !important;
        top: 0 !important;
        max-height: 100% !important;
        bottom: 0;
        left: 0;
        right: 0;
        display: block !important;
    }
    body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
        padding-bottom: 8px !important;
    }
    .tox .tox-dialog-wrap {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }
}
@media(max-width:576px){
    .tox .tox-dialog {
    width: unset !important;
    max-width: unset !important;
    padding: 15px 15px !important;
}
.tox .tox-dialog__header button.tox-button.tox-button--icon.tox-button--naked {
    right: 0;
    top: 0;
}
}*/

/*------ email popup css start -------*/
.ved_send_email_popup {
    visibility: hidden;
    opacity: 0;
}
@media(max-width:768px) {
    .ved_send_email_popup {
        background: #ffffff;
        transform: translateY(800px);
        display: block !important;
        transition: all 0.5s;
        visibility: hidden;
        opacity: 0;
        top: 68px;
    }
    .ved_render_email_popup .modal-backdrop {
        display: none;
    }
    .show.ved_send_email_popup {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
    .ved_send_email_popup .modal-content {
        border: none;
        text-align: center;
    }
    .ved_send_email_popup .modal-dialog.modal-dialog-centered {
        transform: none !important;
    }
    .ved_send_email_popup .modal-content .modal-header {
        border: none;
        padding: 0;
    }
    .ved_send_email_popup .modal-content .modal-body {
        padding: 60px 0 0;
    }
    .ved_send_email_popup .modal-content .modal-body h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 30px;
    }
    .ved_send_email_popup .modal-content .modal-header button.close {
        position: fixed;
        top: 23px;
        right: 23px;
        color: #888;
    }
    .ved_send_email_popup .modal-content .modal-body .form-group input {
        border: 1px solid #e1e1e1;
        background-color: #fbfbfb;
        border-radius: 0;
        height: 50px;
        line-height: 40px;
        padding: 0 15px;
        position: relative;
        margin-bottom: 20px;
        font-size: 13px;
        border-radius: 5px;
    }
    .ved_send_email_popup .modal-content .modal-body .ved_btn {
        width: 100%;
        height: 50px;
        background-color: #09d47c;
        border-color: #09d47c;
    }
}
.ved_type_selector_wrap {
    margin-right: 10px;
    margin-left: 10px;
}
.ved_postdesc_tinymce {
    width: 100%;
}
.ved_postdesc_tinymce p {
    margin: 0;
}
.uploadcare--panel .uploadcare--tab {
    overflow: auto;
}

/* Vishal css start */
.ved_edit_wrapper.ved_insta_editor .ved_post_description_box .ved_post_description {
    height: 216px;
    padding-bottom: 5px;
}
.ved_adfriendly .ved_edit_wrapper.ved_insta_editor .ved_post_description_box .ved_post_description {
    height: 264px;
}
.ved_square .ved_edit_wrapper.ved_insta_editor .ved_post_description_box .ved_post_description {
    height: 112px;
}
.ved_adfriendly.ved_square .ved_edit_wrapper.ved_insta_editor .ved_post_description_box .ved_post_description {
    height: 165px;
}
.ved_edit_wrapper.ved_insta_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    height: 65px;
}
.ved_adfriendly .ved_edit_wrapper.ved_insta_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    height: 160px;
}
.ved_square .ved_edit_wrapper.ved_insta_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    height: 47px;
}
.ved_adfriendly.ved_square .ved_edit_wrapper.ved_insta_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    height: 126px;
}
.ved_edit_wrapper.ved_linkedin_editor .ved_post_description_box .ved_post_description {
    height: 90px;
}
.ved_adfriendly .ved_edit_wrapper.ved_linkedin_editor .ved_post_description_box .ved_post_description {
    height: 168px;
}
.ved_edit_wrapper.ved_linkedin_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    height: 55px;
}
.ved_adfriendly .ved_edit_wrapper.ved_linkedin_editor.ved_enable_mirror_effect .ved_post_description_box .ved_post_description {
    height: 134px;
}
.ved_edit_wrapper.ved_fb_editor .ved_post_description {
    height: 149px;
}
.ved_adfriendly .ved_edit_wrapper.ved_fb_editor .ved_post_description {
    height: 255px;
}
.ved_square .ved_edit_wrapper.ved_fb_editor .ved_post_description {
    height: 56px;
}
.ved_adfriendly.ved_square .ved_edit_wrapper.ved_fb_editor .ved_post_description {
    height: 168px;
}
.ved_edit_wrapper.ved_fb_editor.ved_enable_mirror_effect .ved_post_description {
    height: 45px;
}
.ved_adfriendly .ved_edit_wrapper.ved_fb_editor.ved_enable_mirror_effect .ved_post_description {
    height: 168px;
}
.ved_square .ved_edit_wrapper.ved_fb_editor.ved_enable_mirror_effect .ved_post_description {
    height: 25px;
}
.ved_adfriendly.ved_square .ved_edit_wrapper.ved_fb_editor.ved_enable_mirror_effect .ved_post_description {
    height: 136px;
}
.ved_edit_wrapper.ved_fb_desktop .ved_post_description {
    height: 218px;
}
.ved_adfriendly .ved_edit_wrapper.ved_fb_desktop .ved_post_description {
    height: 324px;
}
.ved_square .ved_edit_wrapper.ved_fb_desktop .ved_post_description {
    height: 105px;
}
.ved_adfriendly.ved_square .ved_edit_wrapper.ved_fb_desktop .ved_post_description {
    height: 218px;
}
.ved_edit_wrapper.ved_fb_desktop.ved_enable_mirror_effect .ved_post_description {
    height: 88px;
}
.ved_adfriendly .ved_edit_wrapper.ved_fb_desktop.ved_enable_mirror_effect .ved_post_description {
    height: 218px;
}
.ved_square .ved_edit_wrapper.ved_fb_desktop.ved_enable_mirror_effect .ved_post_description {
    height: 55px;
}
.ved_adfriendly.ved_square .ved_edit_wrapper.ved_fb_desktop.ved_enable_mirror_effect .ved_post_description {
    height: 175px;
}
.ved_post_descrip_inner.ved_vertical_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Vishal css end */

/*------- limit over popup css -------*/
.ved_limit_over_popup {
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
}
@media (max-width:576px) {
    .ved_limit_over_popup {
        z-index: 1100;
    }
}
.ved_limit_popup_open.ved_limit_over_popup {
    opacity: 1;
    visibility: visible;
}
.ved_limit_popup_overlay {
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,
    0,
    0,
    0.7);
}
.ved_limit_over_popup .modal-header,
.ved_limit_over_popup .modal-footer {
    border: none;
}
.ved_limit_over_popup .modal-body .title {
    margin: 0px 0px 12px 0px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
}
.ved_limit_over_popup .modal-body {
    padding: 0px 30px 2px;
}
.ved_limit_over_popup .modal-footer {
    padding: 15px 30px 2px;
}
.ved_limit_over_popup .modal-footer {
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 34px;
}
.ved_limit_over_popup .modal-dialog {
    max-width: 580px;
    transition: all 0.3s;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
}
.ved_limit_popup_open.ved_limit_over_popup .modal-dialog {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
.ved_limit_over_popup .modal-footer .ved_btn_white {
    font-weight: 500;
}
.ved_limit_over_popup .modal-footer .ved_btn {
    font-weight: 500;
}
.ved_limit_over_popup .modal-body .title img {
    width: 18px;
    transform: translatey(-2px);
}
.ved_limit_over_popup .modal-body p {
    line-height: 1.5;
    margin: 0;
}
.ved_limit_over_popup .modal-body p a {
    color: var(--primaryColor);
}
.ved_limit_over_popup .modal-body p a i {
    font-size: 11px;
}
@media(max-width:420px) {
    .ved_limit_over_popup .modal-body {
        padding: 0px 20px 2px;
    }
    .ved_limit_over_popup .modal-body .title {
        font-size: 16px;
    }
    .ved_limit_over_popup .modal-footer {
        flex-direction: column;
        padding: 0px 20px 34px;
    }
    .ved_limit_over_popup .modal-footer .ved_btn_white {
        width: 100%;
        margin-bottom: 9px;
        margin-right: 0;
    }
    .ved_limit_over_popup .modal-footer .ved_btn {
        width: 100%;
        margin: 0;
    }
}
#BeaconInlineArticlesFrame {
    z-index: 9999 !important;
}
.ved_rvs_share_btn p a {
    color: #09d47c;
    text-decoration: underline;
}

/*------ upgarde css star --------*/
.ved_upgrade_pricing_body {
    text-align: center;
}
.ved_upgrade_pricing_body .ved_mo_ye_wrapper:after {
    display: none;
}
.ved_limit_over_popup .ved_upgrade_pricing_body .title {
    font-size: 20px;
    margin-top: 10px;
}
.ved_upgrade_pricing_body #plan-tabNav {
    justify-content: center;
    margin: 20px auto 30px;
    width: 390px;
    max-width: 100%;
}
.ved_upgrade_pricing_body #plan-tabNav li a {
    /*     background: #fff;
    color: #2a2a2a;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    font-size: 13px;
    padding: 12px 20px;
    border: 1px solid #ededed;
    line-height: 1;
    min-width: 186px; */
    padding: 15px 12px;
    border-width: 1px;
    cursor: pointer;
    font-weight: 400;
    color: #c7d0e1 !important;
    transition: all 0.1s;
    font-size: 14px;
    border: 1px solid #eeeeee;
    /* text-align: left; */
}
.ved_upgrade_pricing_body #plan-tabNav li a .package-period {
    position: relative;
    padding-left: 20px;
    transition: all 0.1s;
}
.ved_upgrade_pricing_body #plan-tabNav li a .package-period::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #cccccc;
    border-radius: 100px;
    left: 0px;
    top: 2px;
    font-size: 0;
    line-height: 1;
}
.ved_upgrade_pricing_body #plan-tabNav li a.active .package-period::after {
    border: none;
    background: #1fc16b;
    width: 9px;
    height: 9px;
    border-radius: 100px;
    top: 5px;
    left: 3px;
    transform: none;
}
.ved_upgrade_pricing_body #plan-tabNav li a.active .package-period::before {
    border-color:#1fc16b;
}

/* .ved_upgrade_pricing_body #plan-tabNav li:first-child a {
    border-radius: 60px 0 0 60px;
}
.ved_upgrade_pricing_body #plan-tabNav li:last-child a {
    border-radius: 0 60px 60px 0;
} */
.ved_upgrade_pricing_body #plan-tabNav li a.active {
    /*     background: #1fc16b;
    border: 1px solid #1fc16b;
    opacity: 1;
    color: #fff !important; */
    background: #f3fff9;
    border: 1px solid #1fc16b;
    color: #2a2a2a !important;
    font-weight: 600;
}
#ved_upgrade_pricing_popup .modal-footer {
    justify-content: center;
    flex-direction: column;
}
.ved_mo_ye_wrapper>.ved_pp_price p {
    font-size: 22px;
    font-weight: 500;
}
.ved_upgrade_pricing_body .ved_mo_ye_wrapper {
    margin-bottom: 0px;
}
#ved_upgrade_pricing_popup .ved_btn {
    background-color: #1fc16b;
    border-color: #1fc16b;
    height: 60px;
    display: block;
    line-height: 60px;
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: none;
    font-weight: 600;
    pointer-events: none;
    font-size:15px;
    text-transform: uppercase;
}
.ved_limit_popup_open#ved_upgrade_pricing_popup .vd_upgrade_plan_over_credit_btn {
    pointer-events: unset;
}
#upgrade-plan-coupon-code {
    position: relative;
    left: -100%;
    transition: all 0.3s linear;
    margin-bottom: 0;
    z-index: 2;
    border: 1px solid #eee;
    border-radius: 4px;
}
.coupon-field-wrapper.active #upgrade-plan-coupon-code {
    left: 0;
}
.ved_limit_over_popup .ved_upgrade_pricing_body h4 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 12px;
}
.ved_limit_over_popup .ved_upgrade_pricing_body #plan-tabNav::after {
    display: none;
}
.ved_upgrade_pricing_body #plan-tabNav li a .yr_badege {
    font-style: unset;
    background: #1fc16b1c;
    color: #1fc16b;
    padding: 3px 11px;
    border-radius: 100px;
    font-size: 12px;
    margin-left: 4px;
    transition: all 0.3s;
}
.ved_upgrade_pricing_body #plan-tabNav li a.active .yr_badege {
    /* background: #ffffff; */
    background: #1fc16b;
    color: #ffffff;
}
.ved_upgrade_pricing_body .package-amount.ved_pp_price {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    background: #0000;
    border: none;
}
.ved_upgrade_pricing_body .package-amount.ved_pp_price .strikethrough {
    font-size: 40px;
    font-weight: 600;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    transform: translateY(-6px);
    margin-right: 10px;
    position: relative;
}
.upgrade_plan_para {
    width: 370px;
    margin: 0 auto;
}
#ved_upgrade_pricing_popup .cancel_anytime {
    display: block;
    margin: 0;
    color: #212121;
}

/* .ved_upgrade_pricing_body #plan-tabNav li a .package-period::before,.ved_upgrade_pricing_body #plan-tabNav li a .package-period::after {
    display: none;
} */
.ved_upgrade_pricing_body .ved_mo_ye_wrapper>.ved_pp_price>.price {
    font-size: 23px;
}
.ved_plan_bullets ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ved_plan_bullets ul li {
    position: relative;
    padding: 6px 0 0 19px;
    text-align: left;
    color:#000000;
}
.ved_plan_bullets ul li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 6px;
    top: 8px;
    left: 0;
    border-left: 2px solid #1fc16b;
    border-bottom: 2px solid #1fc16b;
    transform: rotate(-45deg);
}
.ved_plan_bullets h1 {
    font-size: 13px;
    font-weight: 700;
}
.ved_GetplanPopup_wrapper .ved_plan_bullets ul li:before {
    top: 10px;
}
.ved_GetplanPopup_wrapper .ved_plan_bullets ul li {
    margin-bottom: 5px;
}
.ved_GetplanPopup_wrapper .ved_plan_bullets ul {
    margin-top: -20px;
}
@media(max-width:576px) {
    #ved_upgrade_pricing_popup .modal-dialog {
        padding: 0;
        margin: 0;
        background: #ffffff;
        align-items: flex-start;
        min-height: 100%;
    }
    #ved_upgrade_pricing_popup .modal-dialog .modal-content {
        border: none;
    }
    #ved_upgrade_pricing_popup .modal-dialog {
        padding: 0;
        margin: 0;
        background: #ffffff;
        align-items: flex-start;
    }
    #ved_upgrade_pricing_popup .modal-dialog .modal-content {
        border: none;
    }
    .ved_upgrade_pricing_body .package-amount.ved_pp_price .strikethrough {
        font-size: 24px;
        transform: translateY(-3px);
    }
    .ved_upgrade_pricing_body .package-amount.ved_pp_price .price {
        font-size: 16px;
        font-weight: 600;
    }
    .ved_upgrade_pricing_body .package-amount.ved_pp_price .price small {
        font-size: 100%;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .upgrade_plan_para {
        max-width: 100%;
    }
    .ved_upgrade_pricing_body .upgrade_plan_para {
        margin-top: 20px;
    }
    .ved_limit_over_popup .ved_upgrade_pricing_body .title {
        margin-bottom: 15px;
    }
    .ved_limit_over_popup .ved_upgrade_pricing_body h4 span {
        display: none;
    }
    #ved_upgrade_pricing_popup .ved_btn {
        line-height: 59.5px;
    }
    .ved_plan_bullets {
        padding-top: 20px;
    }
}
@media(max-width:576px) {
    #ved_upgrade_pricing_popup .modal-dialog {
        padding: 0;
        margin: 0;
        background: #ffffff;
        align-items: flex-start;
        min-height: 100%;
    }
    #ved_upgrade_pricing_popup .modal-dialog .modal-content {
        border: none;
    }
    #ved_upgrade_pricing_popup .modal-dialog {
        padding: 0;
        margin: 0;
        background: #ffffff;
        align-items: flex-start;
    }
    #ved_upgrade_pricing_popup .modal-dialog .modal-content {
        border: none;
    }
    .ved_upgrade_pricing_body .package-amount.ved_pp_price .strikethrough {
        font-size: 24px;
        transform: translateY(-3px);
    }
    .ved_upgrade_pricing_body .package-amount.ved_pp_price .price {
        font-size: 16px;
        font-weight: 600;
    }
    .ved_upgrade_pricing_body .package-amount.ved_pp_price .price small {
        font-size: 100%;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .upgrade_plan_para {
        max-width: 100%;
    }
    .ved_upgrade_pricing_body .upgrade_plan_para {
        margin-top: 20px;
    }
    .ved_limit_over_popup .ved_upgrade_pricing_body .title {
        margin-bottom: 15px;
    }
    .ved_limit_over_popup .ved_upgrade_pricing_body h4 span {
        display: none;
    }
    #ved_upgrade_pricing_popup .ved_btn {
        line-height: 59.5px;
    }
}
@media(max-width:480px) {
    .ved_upgrade_pricing_body #plan-tabNav li a {
        width: 100%;
        border-radius: 3px !important;
        margin-bottom: 7px;
        text-align: left;
        color: #2a2a2a !important;
        font-weight: 500 !important;
    }
    .ved_upgrade_pricing_body #plan-tabNav li {
        width: 100%;
    }
    .ved_upgrade_pricing_body #plan-tabNav {
        margin-bottom: 0;
    }
    .ved_upgrade_pricing_body .package-amount.ved_pp_price {
        margin-bottom: 0;
    }
    .ved_planPopup_wrapper .modal-body .plan-tooltip p,
    #choose_plan_subscription_popup .modal-body .plan-tooltip p {
        padding: 0;
    }
}

/*---------- draft popup design ----------*/
#ved_confirm_video_draft_popup .ved_delete_body_wrapper {
    text-align: left;
}
#ved_confirm_video_draft_popup .ved_delete_body_wrapper h3,
#ved_confirm_video_draft_popup .ved_delete_body_wrapper p {
    text-align: left;
}
#ved_confirm_video_draft_popup .ved_delete_body_wrapper {
    padding: 30px 30px 0;
}
#ved_confirm_video_draft_popup .ved_delete_body_wrapper h3 {
    margin: 0px 0px 12px 0px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
}
#ved_confirm_video_draft_popup .modal-footer {
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 34px;
    padding: 0 30px 36px 30px;
}
#ved_confirm_video_draft_popup .ved_delete_body_wrapper p {
    margin-bottom: 17px;
}
#ved_confirm_video_draft_popup .modal-content {
    border-radius: 6px;
}
@media(max-width:420px) {
    #ved_confirm_video_draft_popup .modal-footer button {
        width: 100%;
        margin: 0 0 10px;
    }
    #ved_confirm_video_draft_popup .modal-footer {
        flex-direction: column;
    }
    #ved_confirm_video_draft_popup .modal-footer button:last-child {
        margin-bottom: 0;
    }
}
input.InputElement.is-empty.Input.Input--empty {
    background: #000 !important;
}
#selected_plan_subscription_paddle_popup .ved_pp_price {
    display: block;
}
#selected_plan_subscription_paddle_popup .ved_mo_ye_wrapper {
    padding: 0;
}
#selected_plan_subscription_paddle_popup .ved_mo_ye_wrapper:after {
    display: none;
}
.ved_cancel_subscription_option #change-plan-coupon-code .field:before {
    position: absolute;
    top: 13px;
    left: 15px;
}
#switch_to_yearly_plan_popup #switch-plan-coupon-code .field:before {
    position: absolute;
    top: 13px;
    left: 15px;
}
.ved_cancel_subscription_option #change-plan-coupon-code.input.active .field::before,
.ved_cancel_subscription_option #change-plan-coupon-code.input.has-value .field::before,
#switch_to_yearly_plan_popup #switch-plan-coupon-code.input.active .field::before,
#switch_to_yearly_plan_popup #switch-plan-coupon-code.input.has-value .field::before {
    top: 3px;
    visibility: hidden;
    opacity: 0;
}
.ved_cancel_subscription_option #change-plan-coupon-code.input.has-value .field input,
#switch_to_yearly_plan_popup #switch-plan-coupon-code.input.has-value .field input {
    opacity:1;
}
.ved_cancel_subscription_option #change-plan-coupon-code .field input,
#switch_to_yearly_plan_popup #switch-plan-coupon-code .field input {
    padding: 12px 15px;
}
.ved_cancel_subscription_option #change-plan-coupon-code .field .ch-plan-apply-coupon,
#switch_to_yearly_plan_popup #switch-plan-coupon-code .field .swt-plan-apply-coupon {
    right: 6px;
}
#switch_to_yearly_plan_popup .coupon-field-wrapper {
    width:100%;
}

/*------------- payment method css --------*/
.ved_payment_method {
    width: 370px;
    margin: 0 auto;
    max-width: 100%;
}
.ved_payment_method ul {
    display: flex;
    margin: 0 -10px;
}
.ved_payment_method ul .nav-link img {
    width: 80px;
}
#selected_plan_subscription_popup .ved_payment_method ul li.nav-item {
    width: unset;
    flex: 0 0 50%;
    padding: 0 10px;
    max-width: 50%;
}
#selected_plan_subscription_popup .ved_payment_method ul li.nav-item a {
    text-align: center;
    height:44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#selected_plan_subscription_popup .ved_payment_method ul li.nav-item a svg {
    margin-right: 7px;
    transform: translateY(-1px);
}
#selected_plan_subscription_popup .ved_payment_method ul li.nav-item a svg path {
    fill: #c7d0e1;
}
#selected_plan_subscription_popup .ved_payment_method ul li.nav-item a.active svg path {
    fill: #2a2a2a;
}
.ved_payment_method_options h4 {
    margin-bottom: 15px;
    font-size: 14px;
    color: #121212;
    text-align: left;
    font-weight: 400;
}
.ved_payment_method_options {
    width: 370px;
    margin: 0 auto 27px;
    max-width: 100%;
}
#selected_plan_subscription_popup .ved_payment_method ul li.nav-item a span {
    transform:translateY(1.5px);
    font-weight: 500;
}
.ved_business_first .col-lg-4:nth-child(1) {
    order: 2;
}
.ved_business_first .col-lg-4:nth-child(2) {
    order: 1;
}
.ved_business_first .col-lg-4:nth-child(3) {
    order: 3;
}

/*------------ plan variations css ---------------*/
.plan_variation2 .ved_popup_plan>.ved_pp_label,
.plan_variation3 .ved_popup_plan>.ved_pp_label {
    background: #0000;
    font-size: 20px;
    display: block;
    font-weight: 600;
    color: #1d1d1d;
    letter-spacing: -1px;
    line-height: 1.8;
    margin-bottom: 20px;
}
.plan_variation2 .ved_popup_plan>.ved_pp_price,
.plan_variation3 .ved_popup_plan>.ved_pp_price {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
    color: #1fc16b;
}
.plan_variation2 .ved_popup_plan>.ved_pp_price span,
.plan_variation3 .ved_popup_plan>.ved_pp_price span {
    font-size: 40px;
}
.plan_variation2 .ved_popup_plan>ul>li,
.plan_variation3 .ved_popup_plan>ul>li {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.8;
    color: #3c3c3c;
    font-weight: 300;
}
.plan_variation2 .ved_popup_plan>ul>li strong,
.plan_variation3 .ved_popup_plan>ul>li strong {
    font-weight:600;
}
.plan_variation2 .ved_popup_plan>ul>li span,
.plan_variation3 .ved_popup_plan>ul>li span {
    font-weight: 600;
}
.plan_variation2 .ved_popup_plan .ved_btn.ved_pp_btn,
.plan_variation3 .ved_popup_plan .ved_btn.ved_pp_btn {
    position: relative;
    background: #acf0cc;
    color: #1fc16b;
    top: 0;
    font-size: 14px;
    width: 100%;
    height: unset;
    text-transform: uppercase;
    padding: 20px 24px;
    border-radius: 4px;
    line-height: 1;
    display: block;
    font-weight: 700;
    max-width: 100%;
}
.plan_variation2 .ved_popup_plan:hover .ved_btn.ved_pp_btn,
.plan_variation3 .ved_popup_plan:hover .ved_btn.ved_pp_btn {
    border-color: #acf0cc;
}
.plan_variation2 .ved_popup_plan .ved_btn.ved_pp_btn:hover,
.plan_variation3 .ved_popup_plan .ved_btn.ved_pp_btn:hover {
    background: #1fc16b;
    color: #ffffff;
}
.plan_variation2 .ved_popup_plan.active,
.plan_variation3 .ved_popup_plan.active {
    background: #203be0;
    color: #fff;
    border-color: #263bb8;
}
.plan_variation2 .ved_popup_plan.active .ved_pp_label,
.plan_variation3 .ved_popup_plan.active .ved_pp_label {
    color: #ffffff;
}
.plan_variation2 .ved_popup_plan.active .ved_pp_price,
.plan_variation3 .ved_popup_plan.active .ved_pp_price {
    color: #ffffff;
}
.plan_variation2 .ved_popup_plan.active ul li,
.plan_variation3 .ved_popup_plan.active ul li {
    color: #ffffff;
}
.plan_variation2 .ved_popup_plan.active .ved_btn.ved_pp_btn,
.plan_variation3 .ved_popup_plan.active .ved_btn.ved_pp_btn {
    background: #1fc16b;
    color: #ffffff;
}
.plan_variation2 .ved_popup_plan.active::before,
.plan_variation3 .ved_popup_plan.active::before {
    content: "";
    position: absolute;
    top: -17px;
    right: -10px;
    background-image: url(../images/popular_plan.png);
    background-size: contain;
    width: 120px;
    height: 122px;
}
.plan_variation2 .ved_popup_plan.active:hover .ved_btn.ved_pp_btn,
.plan_variation3 .ved_popup_plan.active:hover .ved_btn.ved_pp_btn {
    border-color: #1fc16b;
}
.variation2_list,
.variation3_list {
    display: none;
}
.plan_variation2 .variation1_list,
.plan_variation3 .variation1_list {
    display: none;
}
.plan_variation2 .variation2_list,
.plan_variation3 .variation3_list {
    display: block;
    min-height: 259px;
}
.plan_variation2 .ved_popup_plan,
.plan_variation3 .ved_popup_plan {
    padding-bottom: 35px;
    padding: 40px 25px 34px;
}
.ved_settings_wrapper .ved_planPopup_wrapper {
    padding: 10px 0 !important;
}
.plan_variation3 .ved_popup_plan>ul>li.bigger {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.3px;
    display: inline-block;
    line-height: 1.2;
    height: 48px;
    margin-top: 10px;
}
.section-brand img {
    margin: 0px 0;
    transform: scale(0.75);
}
.ved_plan_list.container,
.ved_settings_wrapper .container {
    max-width: 1180px;
}
.section-brand {
    margin-top: 20px;
    display: none;
}
.plan_variation2 .section-brand,
.plan_variation3 .section-brand {
    display: block;
    margin: 20px auto 0;
}
.modal-body .container.ved_plan_list {
    /*padding-bottom: 70px;  */
}
.ved_settings_options .ved_planPopup_wrapper .modal-body p {
    font-size: 15px;
    font-weight: 400;
    color: #888;
}
.ved_settings_options .ved_planPopup_wrapper .modal-body h3.title {
    margin-bottom: 10px;
}
#choose_plan_subscription_popup section.section-brand {
    padding-bottom: 50px;
}
#choose_plan_subscription_popup p {
    font-size: 15px;
    font-weight: 400;
    color: #888;
}
#choose_plan_subscription_popup h3.title {
    margin-bottom: 10px;
}
@media (max-width:992px) {
    /* .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle {
        right: 96.4% !important;
    } */
    .section-brand img {
        margin: 5px 4px;
        width: calc(25% - 12px);
    }
    .plan_variation2 .variation2_list,
    .plan_variation3 .variation3_list {
        min-height: unset;
    }
    .plan_variation2 .section-brand,
    .plan_variation3 .section-brand {
        margin: 0 auto;
    }
    .plan_variation3 .ved_popup_plan>ul>li.bigger {
        height: unset;
        margin-top: 0;
    }
    .variation3_dash {
        display: none;
    }
}

/* vishal css start */
.ved_GetplanPopup_wrapper .ved_paypal_button_wrapper {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 30px;
    box-shadow: none;
    font-weight: 600;
    font-size: 16px;
    margin-top: 30px;
}

/* vishal css end */

/*---------- showcase video css start ----------*/
.ved_shwocase_box .ved_select_mediabox {
    /* background: #f9f9f9;
    border: 1px solid #dfdfdf; */
    background: #0000;
    border: none;
    width: 100%;
    /* height: 156px; */
    border-radius: 70px;
    padding: 0 10px;
    position: relative;
    transition: all 0.3s;
    overflow: unset;
    flex: 0 0 25%;
    max-width: 25%;
}
.ved_shwocase_box .ved_select_mediabox video {
    max-width: 100%;
}
.ved_shwocase_layout_step .ved_steps_btn_wrapper.ved_single_btn {
    width: 687px;
}

/* .half_layout_box:before {content: "";width: 1px;height: 100%;position: absolute;top: 0;left: 50%;background: #dfdfdf;}
.half_layout_hr_box:before {content: "";width: 100%;height: 1px;position: absolute;top: 50%;left: 0;background: #dfdfdf;}
.three_layout_hr_box:before {content: "";width: 100%;height: 1px;position: absolute;top: 33.33%;left: 0;background: #dfdfdf;}
.three_layout_hr_box:after {content: "";width: 100%;height: 1px;position: absolute;top: 66.66%;left: 0;background: #dfdfdf;} */
.ved_shwocase_box .ved_select_mediabox:hover video,
.ved_shwocase_box .ved_select_mediabox.active video {
    border-color: var(--primaryColor);
    /* box-shadow: 0 0 30px #01a0c638; */
}

/* .ved_shwocase_box .ved_select_mediabox:before {
    transition: all 0.3s;
}
.ved_shwocase_box .ved_select_mediabox:hover:before,.ved_shwocase_box .ved_select_mediabox:hover:after,.ved_shwocase_box .ved_select_mediabox.active:before,.ved_shwocase_box .ved_select_mediabox.active:after {
    background: var(--primaryColor);
} */
.ved_product_doublevertical_editor .ved_post_img img,
.ved_product_full_editor .ved_post_img img {
    height: 100%;
    max-height:100%;
}

/* .ved_product_doublevertical_editor .ved_post_img svg ,.ved_product_full_editor  .ved_post_img svg{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
.ved_product_doublevertical_editor .ved_edit_wrapper_box .ved_post_img {
    width: 50%;
    flex: 0 0 50%;
    position: relative;
}
.ved_shwocase_box .ved_select_mediabox:after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: 10px;
    border: 2px solid var(--primaryColor);
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}
.ved_shwocase_box .ved_select_mediabox.active:after,
.ved_shwocase_box .ved_select_mediabox:hover:after {
    visibility: visible;
    opacity: 1;
}
.ved_product_doublevertical_editor .ved_edit_wrapper_box {
    flex-direction: row;
}
.ved_product_doublevertical_editor .ved_edit_wrapper_box .ved_post_img:first-child {
    border-right: 1px solid #e3dede;
}
.ved_product_doublehorizontal_editor .ved_post_img img,
.ved_product_tripplehorizontal_editor .ved_post_img img {
    max-height: 100%;
    height: 100%;
}

/* .ved_product_doublehorizontal_editor .ved_post_img svg,.ved_product_tripplehorizontal_editor .ved_post_img svg {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
.ved_product_doublehorizontal_editor .ved_post_img {
    height: 250px;
    position: relative;
}
.ved_product_doublehorizontal_editor .ved_post_img:first-child {
    border-bottom: 1px solid #e3dede;
}
.ved_product_tripplehorizontal_editor .ved_post_img {
    height: 166.66px;
    position: relative;
}
.ved_product_tripplehorizontal_editor .ved_post_img {
    border-bottom: 1px solid #e3dede;
}
.ved_product_tripplehorizontal_editor .ved_post_img:last-child {
    border-bottom: none;
}
.ved_showcase_width_btn {
    width: 402px;
}
.ved_shwocase_layout_step p {
    text-align: center;
}
.ved_editor_placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    transition: all 0.3s;
    outline: 2px dashed transparent !important;
}
.ved_editor_placeholder img {
    position: absolute;
}
.ved_post_img .ved_editor_placeholder p.ved_placeholder_dimenssion {
    position: relative;
    top: auto;
    margin: 0;
}
.ved_editor_placeholder svg {
    top: auto !important;
    position: relative;
    transform: translateY(10px);
    transition: all 0.3s;
}
.ved_split_hover .ved_editor_placeholder svg {
    margin-bottom: 6px;
    transform: none;
}
.ved_split_hover .ved_editor_placeholder svg path,
.ved_split_hover .ved_editor_placeholder svg polygon {
    fill: var(--primaryColor);
}
.ved_product_full_editor .ved_post_img video,
.ved_product_doublevertical_editor video,
.ved_product_doublehorizontal_editor video,
.ved_product_tripplehorizontal_editor video {
    object-fit: cover;
}
.ved_product_doublevertical_editor .ved_edit_wrapper_box .ved_post_img,
.ved_product_doublehorizontal_editor .ved_post_img,
.ved_product_tripplehorizontal_editor .ved_post_img {
    outline: none !important;
}
.ved_product_doublevertical_editor .ved_edit_wrapper_box .ved_post_img.ved_split_hover .ved_editor_placeholder,
.ved_product_doublehorizontal_editor .ved_post_img.ved_split_hover .ved_editor_placeholder,
.ved_product_tripplehorizontal_editor .ved_post_img.ved_split_hover .ved_editor_placeholder {
    outline: 2px dashed var(--primaryColor) !important;
    z-index: 1;
}
.ved_editor_info_svg.ved_showcase_info {
    top: -17px;
}
.ved_shwocase_box .ved_select_mediabox p {
    position: absolute;
    top: -29px;
}
.ved_select_mediabox_wrapper.ved_shwocase_box {
    padding-top: 30px;
    flex-wrap: wrap;
    box-shadow: none;
}
.ved_select_video_type .ved_type_box h2 span {
    height: 20px;
    background: #FF0045;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 100px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding-right: 8px;
}
.ved_select_video_type .ved_type_box h2 span img {
    width: 13px;
    margin-left: 1px;
}
.ved_shwocase_box .ved_select_mediabox .fa-check-circle {
    position: absolute;
    top: 10px;
    right: 20px;
    color: var(--primaryColor);
    font-size: 18px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.ved_shwocase_box .ved_select_mediabox.active .fa-check-circle {
    visibility: visible;
    opacity: 1;
}
.ved_animation_selection .ved_post_img {
    border: none !important;
}
.ved_animation_selection .ved_post_description {
    pointer-events: none;
}
.ved_select_video_type .ved_type_box img.showcase_icon_img {
    display: none;
}
.unsplash_author {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: #000000b3;
    color: #fff;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 20px;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: inline-block;
    margin: 0;
    font-weight: 600;
}
.ved_post_img:hover .unsplash_author {
    visibility: visible;
    opacity: 1;
}
.unsplash_author a {
    color: #ffffff;
    display: inline-block;
}
.unsplash_author a:hover {
    text-decoration: underline;
    color: var(--primaryColor);
}
@media (max-width:768px) {
    .ved_select_video_type .ved_type_box img.showcase_icon_img {
        display: inline-block;
    }
    .ved_select_video_type .ved_type_box h2 span {
        position: static;
        transform: translateY(-2px);
        margin-left: 5px;
    }
    .ved_select_video_type .ved_type_box h2 span img {
        display: inline-block;
    }
}
@media (max-width:575px) {
    .ved_animations_box.active,
    .ved_animations_box:hover {
        border-color: #f1f1f1;
        box-shadow: none;
    }
    .ved_animations_box .ved_checkmark {
        display: none;
    }
    /* .ved_shwocase_box .ved_select_mediabox {
        height: 120px; 
    } */
    .ved_shwocase_box .ved_select_mediabox {
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 20px;
        border: none !important;
        margin: 0 0 20px !important;
    }
    .ved_select_mediabox_wrapper.ved_shwocase_box {
        width: 350px;
        max-width: 100%;
        padding: 0;
    }
    .ved_shwocase_box .ved_select_mediabox p {
        top: 0;
    }
    .ved_product_doublevertical_editor .ved_edit_wrapper_box .ved_post_img.ved_split_hover .ved_editor_placeholder,
    .ved_product_doublehorizontal_editor .ved_post_img.ved_split_hover .ved_editor_placeholder,
    .ved_product_tripplehorizontal_editor .ved_post_img.ved_split_hover .ved_editor_placeholder {
        outline: none !important;
    }
    .ved_split_hover .ved_editor_placeholder svg path,
    .ved_split_hover .ved_editor_placeholder svg polygon {
        fill: #adadad;
    }
    .unsplash_author {
        visibility: visible;
        opacity: 1;
    }
    .ved_shwocase_box .ved_select_mediabox:after {
        top: 21px;
    }
    .ved_shwocase_box .ved_select_mediabox .fa-check-circle {
        top: 30px;
    }
    .pixabay-input-wrapper,
    .unsplash-input-wrapper {
        width: 100%;
        position: relative;
        padding-right: 126px;
    }
    .pixabay-input-wrapper>.uploadcare--input,
    .unsplash-input-wrapper>.uploadcare--input {
        width: 100%;
        border-radius: 8px;
    }
    .pixabay-input-wrapper>.uploadcare--button_primary,
    .unsplash-input-wrapper>.uploadcare--button_primary {
        position: absolute;
        right: 16px;
    }
}
@media (max-width:380px) {
    .ved_shwocase_box .ved_select_mediabox {
        padding-left: 5px;
        padding-right: 5px;
    }
    .ved_shwocase_box .ved_select_mediabox:after {
        right: 8px;
        left: 8px;
        bottom: 0;
    }
    .ved_shwocase_box .ved_select_mediabox:after {
        top: 20px;
    }
}
.ved_post_img.vd_bottom_border_rm {
    border: none !important;
}
.ved_animation_selection .ved_post_img .unsplash_author {
    display: none !important;
}
.ved_anim_step .ved_post_img {
    cursor: auto;
}
.ved_rendered_video_share .ved_rvs_video .ved_rvs_v #ved_finalpreview {
    position: static;
}

/*---------- showcase video css end ----------*/

/*---------- admin images data part css start --------*/
.ved_admin_templates .ved_rvs_video .ved_rvs_v video {
    position: static;
}
.ved_admin_templates .ved_rvs_v.ved_rvs_anim video {
    position: absolute;
    top: 0;
    left: 0;
}
.ved_image_type {
    margin-bottom: 0;
}
.ved_image_type .ved_checkbox {
    display: flex;
}
.ved_image_type .ved_checkbox label {
    display: inline-block;
    width: auto;
}
.ved_image_type .ved_checkbox label p:before {
    display: none;
}
.ved_image_type .ved_checkbox label p {
    padding: 6px 15px;
}
.ved_image_feilds_btn {
    margin-top: 15px;
}
.ved_image_data_tabs .tab-content {
    padding: 20px 30px 30px;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0;
    background: #fafafa;
}
.ved_image_data_tabs ul.nav.nav-tabs li a.active {
    background: #fafafa;
    border-bottom-color: #fafafa;
    color: var(--primaryColor);
}
.ved_image_data_tabs {
    margin-top: 30px;
}
.ved_image_data_tabs ul.nav.nav-tabs li a {
    padding: 10px 15px;
}

.ved_pick_video_frame_wrapper {
    margin-top: 28px;
}

/*---------- admin images data part css end --------*/
.unsplash_image_wrap {
    position: relative;
    cursor: pointer;
}
.unsplash_image_wrap .unsplash_overlay_text {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: linear-gradient(76deg,
    black,
    #05050552);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.unsplash_image_wrap:hover .unsplash_overlay_text {
    visibility: visible;
    opacity: 1;
}
.vd_erros_logs_wrapper ul#PBSTab {
    margin-bottom: 30px;
}
#resume_previous_account_plan .vd_resumePreviousAccount_body h3,
#resume_previous_account_plan .vd_resumePreviousAccount_body p {
    text-align: left;
}
#resume_previous_account_plan .vd_resumePreviousAccount_body {
    padding: 50px 30px 0;
}
#resume_previous_account_plan .modal-footer {
    justify-content: flex-start;
    padding: 0px 30px 40px 30px;
}

/*16-11-2021*/
#vd-cc-detail .package-amount.ved_pp_price:before,
.ved_GetplanPopup_wrapper #vd-cc-detail .package-amount .price,
.ved_GetplanPopup_wrapper #card-errors,
.ved_GetplanPopup_wrapper .package-amount,
.ved_GetplanPopup_wrapper .modal-body p,
.ved_GetplanPopup_wrapper .ved_card_feilds,
.ved_GetplanPopup_wrapper .vd_renew_change_plan_note {
    width: 100%;
    max-width: 370px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*17-11-2021*/

/* Swicth Plan */

/*!
 * Animation
 */
@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-4px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@keyframes floating {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-4px)
    }
    100% {
        transform: translateX(0)
    }
}
.switch-plan {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    display: flex;
    gap: 0 10px;
    align-content: center;
    align-items: center;
    padding-bottom: 45px;
}
.switch-plan span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #5f6476;
}
.switch-plan input[type="checkbox"] {
    width: 0;
    height: 0;
    visibility: hidden;
    float: left;
}
.switch-plan label {
    width: 44px;
    height: 26px;
    display:block;
    background-color: #01a0c6;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    /* transition: all 0.3s linear; */
    box-shadow: 0 0 20px #477a8550;
    overflow: hidden;
    margin: 0;
}
.switch-plan label::after {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #e8f5f7;
    position: absolute;
    border-radius: 70px;
    top: 4px;
    left: 4px;
    transition: all 0.3s linear;
}
.switch-plan input:checked+label:after {
    left: 22px;
    /* transform: translateX(-100%); */
}
.switch-plan input:checked+label {
    background-color: #01a0c6;
}
.switch-plan input+label:active:after {
    width: 22px;
    left: 18px;
}
.plan-tooltip {
    position: absolute;
    background: #ffeb00;
    line-height: 1;
    padding: 8px;
    border-radius: 4px;
    color: var(--color-heading);
    left: 100%;
    margin-left: 15px;
    width: 76px;
    -webkit-animation: floating 1.5s infinite;
    animation: floating 1.5s infinite;
}
.plan-tooltip::before {
    content: '';
    position: absolute;
    border-right: 10px solid #ffeb00;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -4px;
    top: 50%;
    margin-top: -10px;
}
.plan-tooltip p {
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
}
[data-plan="monthly"] span.monthly,
[data-plan="yearly"] span.yearly {
    font-weight: 600;
}

/*end*/
.ved_planPopup_wrapper .modal-body .plan-tooltip p,
#choose_plan_subscription_popup .modal-body .plan-tooltip p {
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
    color: #0b081f;
}
.plan-price {
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0px 0 24px;
    text-align: center;
}
.period,
.plan-period {
    font-size: 16px;
    font-weight: 300;
    font-size: 15px;
    color: var(--color-text);
    letter-spacing: 0;
    position: relative;
    top: -8px;
}
.ved-uploadcare-lable {
    position: absolute;
    left: 80px;
    right: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
.ved-uploadcare-lable li {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 10px;
}
.ved-uploadcare-lable li.ved-acctive {
    color: var(--primaryColor);
    border-bottom: 2px solid var(--primaryColor);
}
.uploadcare--file-sources__items {
    position: relative;
}
span.ved-source_unsplash,
span.ved-source_pixabay {
    position: absolute;
    left: 20px;
    top: 100%;
    font-size: 14px;
    font-weight: 600;
}
span.ved-source_pixabay {
    left: 112px;
}

/* 26-11-2021 */
.ved_btn_white1,
.ved_btn_white1:hover,
.ved_btn_white1:focus {
    background-color: #fff;
    border: 1px solid #fff;
    color: #f54949;
    box-shadow: none;
}
.ved_video_limit_bar>.ved_vlb_inner a.ved_beacon_contact,
.ved_announcement_bar>.ved_announcement_bar_inner a.ved_anct_bar_link {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    line-height: 18px;
    display: inline-block;
}
.ved_video_limit_bar .ved_btn_white1 {
    min-width: 0;
    margin-left: 10px;
    height: 32px;
    line-height: 30px;
    min-width: 104px;
}
.limit_bar_open .ved_video_limit_bar {
    display: block !important;
}
.announcement_bar_open .ved_announcement_bar {
    display: block !important;
}
.announcement_bar_open .ved_animation_sidebar {
    top: 40px;
}
.announcement_bar_open #choose_plan_subscription_popup {
    top: 125px;
}
.announcement_bar_open #ved_music_library_popup {
    top: 132px;
}
@media (min-width: 992px) {
   
    .plan-price {
        margin-bottom: 46px;
    }
    .switch-plan {
        gap: 0 20px;
    }
    .switch-plan label {
        width: 60px;
        height: 32px;
    }
    .switch-plan label::after {
        height: 22px;
        width: 22px;
        top: 5px;
        left: 5px;
    }
    .switch-plan input:checked+label:after {
        left: 32px;
        width: 22px;
    }
    .plan-tooltip {
        width: max-content;
        margin-left: 30px;
    }
}
@media (min-width: 760px) {
    .ved-uploadcare-lable {
        display: none;
    }
}
@media (max-width: 759px) {
    .uploadcare--menu:not(.uploadcare--menu_opened) .uploadcare--menu__item_current:not(.uploadcare--menu__item_tab_file) .uploadcare--menu__icon {
        display: none;
    }
}
@media (max-width: 699px) {
    .ved_video_limit_bar>.ved_vlb_inner {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .ved_video_limit_bar>.ved_vlb_inner>p {
        margin: 0 0 5px;
        font-size: 12px;
        padding: 0 15px;
    }
    .ved_video_limit_bar .ved_btn_white1 {
        margin: 0 5px;
    }
    .ved_video_limit_bar .ved_btn_white1 {
        height: 28px;
        line-height: 26px;
        font-size: 12px;
    }
    .ved_video_limit_bar>.ved_vlb_inner .ved_btn_bar_dismiss {
        position: static;
        margin-left: 10px;
        line-height: 15px;
    }
    .limit_bar_open .ved_header_wrapper {
        top: 74px;
    }
    .limit_bar_open .ved_templates_wrapper {
        padding-top: 105px;
    }
}
@media (max-width: 575px) {
    .switch-plan {
        padding-bottom: 27px;
    }
    .ved_planPopup_wrapper .modal-body p {
        margin-bottom: 25px;
    }
    .ved_video_limit_bar>.ved_vlb_inner>p {
        padding: 0;
    }
}

/* img.lazy {
    background-image: url('https://breakoutclips.com/assets/images/loading/gf-loader-2.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
} */

/* animation resize start */
.ui-resizable-se,
.ui-resizable-ne,
.ui-resizable-sw,
.ui-resizable-nw {
    width: 12px;
    height: 12px;
    background: var(--primaryColor);
    opacity: 0;
    border-radius:100px;
}
.ui-resizable-sw,
.ui-resizable-ne {
    cursor: url('../images/resize.png?1.5') 10 10,
    auto;
}
.ui-resizable-se,
.ui-resizable-nw {
    cursor: url('../images/resize2.png?1.5') 10 10,
    auto;
}
.ved_resize_text {
    background: #fff2df;
    font-size: 12px;
    color: #6e4200;
    font-weight: 500;
    padding: 9px 11px;
    border-radius: 14px;
    position: relative;
    display: none;
    text-align: center;
    width: 402px;
    max-width: 100%;
    margin: 20px auto 0;
}
.ved_resize_text p {
    margin: 0;
}
.ved_resize_text svg {
    margin-right: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}
.ved_resize_text a {
    color: #6e4200;
    position: relative;
}
.ved_resize_text img {
    width: 15px;
}
.ved_resize_text a:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    right: 0;
    background: #b29468;
}
.ved_upgrade_pricing_body .package-amount.ved_pp_price {
    margin-top: 10px;
}
.ved_upgrade_pricing_body .package-amount.ved_pp_price .strikethrough {
    color: #adadad;
    transform: translateY(0px);
}
.ved_upgrade_pricing_body .field input {
    padding: 13px 10px 11px;
    opacity: 0;
}
.ved_upgrade_pricing_body .field .button-input.upgrade-plan-apply-coupon {
    right: 10px;
}
.ved_upgrade_pricing_body .input.has-value .field .button-input.upgrade-plan-apply-coupon {
    right: 3px;
}
.ved_upgrade_pricing_body .field input::-webkit-input-placeholder {
    color: #c7d0e1;
}
.ved_upgrade_pricing_body .input.active .field input {
    opacity: 1;
}
.ved_upgrade_pricing_body .input.has-value .field input {
    opacity: 1;
}
.ved_upgrade_pricing_body .input.active .field::before,
.ved_upgrade_pricing_body .input.has-value .field::before {
    transform: none;
    opacity: 0;
}
.ved_upgrade_pricing_body .input .field::before {
    left: 10px;
    line-height: 18px;
    font-size: 14px;
    display: flex;
    color: #c7d0e1;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform-origin: left top;
    pointer-events: none;
    padding: 0;
    overflow: hidden;
    transition: transform 0.2s cubic-bezier(0.455,
    0.03,
    0.515,
    0.955) 0s,
    color 0.2s cubic-bezier(0.455,
    0.03,
    0.515,
    0.955) 0s;
}
.ved_upgrade_pricing_body #plan-tabNav .nav-item {
    padding: 0 10px;
}
.ved_upgrade_pricing_body .has-value .button-input {
    right: 3px;
}

/*.ui-resizable-se {
    width: 10px;
    height: 10px;
}*/
.ui-resizable-se {
    /*position: absolute;*/
    bottom: -5px;
    right: -4px;
}
.ui-wrapper:hover .ui-resizable-handle {
    opacity: 1;
}
.ui-wrapper {
    overflow:unset !important;
    transition:all 0s;
}
.ui-wrapper:hover {
    cursor: move;
}

/* animation resize end */
#ved_play_video_popup {
    bottom: 0;
    height: unset;
}
#ved_play_video_popup.show .modal-dialog {
    margin-bottom: 0;
}
#ved_play_video_popup .ved_rvs_video .ved_rvs_v video {
    position: static;
}
#ved_play_video_popup .modal-dialog {
    padding-bottom: 40px;
}

/*------ deactive account ----------*/
#ved_confirm_reactivate_popup .modal-body {
    padding: 30px 30px;
}
#ved_confirm_reactivate_popup .modal-body p {
    margin: 0;
}

/*Upgrade Banner alert Desing Points*/
		 
.ved_billing_alert_wrapper {
	width: 100%;
    background-color: #38a16a;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    margin-bottom: 40px;
    gap: 15px;
    flex-wrap: wrap;
}
.ved_billing_alert_wrapper .vd_dash {
    font-weight: 400;
}

.ved_billing_alert_content{
	display: flex;
	align-items: center;
	gap: 25px;
}

.ved_billing_alert_content p {
    margin-bottom: 0;
    color: #fff;
}
.ved_billing_alert_content p span{
    font-weight:600;
}

.ved_blng_alert_close button {
    padding: 5px 10px 3px 10px;
    border: 0;
    border-radius: 5px;
}
.ved_blng_alert_close button span i {
	font-size: 18px;
    color: #8f8f8f;
    font-weight: 300;
}

.ved_billing_alert_content .ved_btn {
    min-width: 100px;
}

.ved_billing_alert_content .ved_btn span {
    font-weight: 500;
}



@media(max-width:768px) {
    .ved_billing_alert_wrapper {
        padding: 15px 15px;
    }
    .ved_blng_alert_close{
        position: absolute;
        top: 15px;
        right: 30px;
    }
    .ved_billing_alert_content p {
        padding-right: 40px;
    }
    .ved_billing_alert_content {
        gap: 15px;
        flex-wrap: wrap;
    }
    #ved_confirm_reactivate_popup {
        padding: 0;
    }
    #ved_confirm_reactivate_popup .modal-footer button {
        width: 100%;
        margin: 0 0 10px;
    }
    #ved_confirm_reactivate_popup .modal-footer {
        padding-bottom: 29px;
    }
}

/*------ deactive account ----------*/
@media(max-width:576px) {
    .ved_upgrade_pricing_body .package-amount.ved_pp_price {
        margin-top: 10px;
        background: #f7f7f7;
        padding: 13px 0 0px;
        border: 1px solid #dcdcdc;
        width: 370px;
        margin: 11px auto;
        max-width: 100%;
    }
    .ved_upgrade_pricing_body #plan-tabNav .nav-item {
        padding: 0;
    }
    .ved_upgrade_pricing_body #plan-tabNav {
        width: 370px;
    }
    .ved_animation_reset_mobile_btn .fal.fa-undo {
        font-size: 10px;
        transform: translateY(1px);
    }
    .ved_overlay_video_thumb .ui-wrapper {
        border: 1px dashed var(--primaryColor) !important;
    }
    .ved_overlay_video_thumb .ui-wrapper .ui-resizable-handle {
        opacity: 1 !important;
    }
    .ui-draggable-disabled.ved_overlay_video_thumb .ui-wrapper {
        border: none !important;
    }
    .ui-draggable-disabled.ved_overlay_video_thumb .ui-wrapper .ui-resizable-handle {
        opacity: 0 !important;
    }
    .ved_resize_text {
        display: none;
    }
    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: auto;
    }
    .ui-resizable-se,
    .ui-resizable-ne,
    .ui-resizable-sw,
    .ui-resizable-nw {
        width: 40px;
        height: 40px;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ui-wrapper .ui-resizable-handle:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        background: var(--primaryColor);
        border-radius: 100px;
    }
    .ved_resize_text {
        width: fit-content;
        margin: 0 auto;
        margin-top: -20px;
        font-size: 10px;
    }
    .ui-resizable-se {
        bottom: -18px;
        right: -18px;
    }
    .ui-resizable-ne {
        top: -18px;
        right: -18px;
    }
    .ui-resizable-sw {
        bottom: -18px;
        left: -18px;
    }
    .ui-resizable-nw {
        left: -18px;
        top: -18px;
    }
}
@media(max-width:768px) {
    /* .announcement_bar_open .ved_announcement_bar {
        display: none !important;
    } */
    /* .announcement_bar_open .ved_header_wrapper {
        top: 0px;
    } */
    .ved_video_limit_bar, .ved_announcement_bar {
        padding: 10px 15px;
    }
    .announcement_bar_open .ved_header_wrapper {
        top: 48px;
    }
    .ved_announcement_bar>.ved_announcement_bar_inner>p{
        font-size: 12px;
    }
    .announcement_bar_open .ved_templates_wrapper {
        padding-top: 70px;
    }
    .announcement_bar_open .ved_settings_wrapper {
        padding-top: 145px;
    }
    .announcement_bar_open .ved_create_wrapper {
        padding-top: 100px;
    }
    .announcement_bar_open .ved_animation_sidebar {
        top: 0px;
    }
    .announcement_bar_open #choose_plan_subscription_popup {
        top: 70px;
    }
    .announcement_bar_open #ved_music_library_popup {
        top: 66px;
    }
    .ved_rendered_video_share>.ved_rvs_share_btn {
        margin-bottom: 60px;
    }
}
.uploadcare--page symbol path {
    transition: unset;
}
.tox-notifications-container {
    left: 15px !important;
    right: 15px !important;
}
#ved_update_animation_cat_popup .ved_anim_cat_update_modal .ved_rvs_share_btn {
    width: 100%;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    text-align: center;
}
#ved_update_animation_cat_popup .modal-dialog-centered {
    max-width: 900px;
}
#ved_update_animation_cat_popup .ved_anim_cat_update_modal .ved_rvs_share_btn .ved_btn {
    width: fit-content !important;
    line-height: 54px;
}
#ved_update_animation_cat_popup .ved_anim_cat_update_modal {
    padding: 30px;
}
.ved_account_open_wrapper .ved_btn.ved_open_account_proceed {
    position: absolute;
    top: 7px;
    right: 7px;
    height: 30px;
    line-height: 26px;
    padding: 0 15px;
    min-width: unset;
}
.ved_account_open_wrapper {
    position: relative;
}
.ved_feild_wrapper>div {
    position: relative;
    width: 100%;
}
.ved_feild_wrapper>div input {
    width: 100%;
    margin: 0;
}
.vd_num_days_notes {
    margin-top:10px;
}

/*------- animated search bar ----------*/
.ved_search_box {
    position: relative;
    overflow: hidden;
}
.ved_search_box .ved_search_placeholders {
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    /* transform: translateY(0px); */
    animation:text 10s ease 0s infinite normal none;
    pointer-events: none;
}
.ved_search_box input:not(:placeholder-shown)~.ved_search_placeholders {
    visibility: hidden;
}
.ved_search_box .ved_search_placeholders p {
    height: 50px;
    line-height: 50px;
    padding: 0 17px;
    margin: 0;
}
@keyframes text {
    0% {
        transform: translateY(0px);
    }
    33% {
        transform: translateY(0px);
    }
    38% {
        transform: translateY(-50px);
    }
    63% {
        transform: translateY(-50px);
    }
    68% {
        transform: translateY(-100px);
    }
    93% {
        transform: translateY(-100px);
    }
    98% {
        transform: translateY(-150px);
    }
    100% {
        transform: translateY(-150px);
    }
}
.ved_animation_sidebar .ved_animation_search_box .ved_search_box .ved_search_placeholders p:first-child {
    display: block;
    font-size: 12px;
    text-align: left;
    height: 42px;
    line-height: 42px;
}
.ved_animation_sidebar .ved_animation_search_box .ved_search_box .ved_search_placeholders {
    animation: none;
    right: 0;
}
.animation_sidebar_open .ved_animation_search_box .ved_search_box .ved_search_placeholders p {
    text-align: left;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
}
/* .animation_sidebar_open .ved_animation_search_box .ved_search_box .ved_search_placeholders {
    animation: text2 10s ease 0s infinite normal none;
}
@keyframes text2 {
    0% {
        transform: translateY(0px);
    }
    33% {
        transform: translateY(0px);
    }
    38% {
        transform: translateY(-42px);
    }
    63% {
        transform: translateY(-42px);
    }
    68% {
        transform: translateY(-84px);
    }
    93% {
        transform: translateY(-84px);
    }
    98% {
        transform: translateY(-126px);
    }
    100% {
        transform: translateY(-126px);
    }
} */

.animation_sidebar_open .ved_animation_search_box .ved_search_box .ved_search_placeholders {
    animation: text2 10s ease 0s infinite normal none;
}
 
 @keyframes text2 {
    0% {
        transform: translateY(0px);
    }
    33% {
        transform: translateY(0px);
    }
    38% {
        transform: translateY(-36px);
    }
    63% {
        transform: translateY(-36px);
    }
    68% {
        transform: translateY(-72px);
    }
    93% {
        transform: translateY(-72px);
    }
    98% {
        transform: translateY(-108px);
    }
    100% {
        transform: translateY(-108px);
    }
} 

@media (max-width:576px) {
    .ved_announcement_bar>.ved_announcement_bar_inner>p {
        font-size: 10px;
        padding-right: 10px;
    }
    .ved_search_box .ved_search_placeholders p {
        font-size: 12px;
        padding: 0 12px;
        height: 42px;
        line-height: 42px;
    }
    .ved_templates_search i {
        right: 4px;
        top: 5px;
    }
    .ved_animation_search,
    .ved_templates_search input {
        padding-left: 11px;
        height: 42px;
        line-height: 42px;
    }
    @keyframes text {
        0% {
            transform: translateY(0px);
        }
        
        33% {
            transform: translateY(0px);
        }
        
        38% {
            transform: translateY(-42px);
        }
        
        63% {
            transform: translateY(-42px);
        }
        
        68% {
            transform: translateY(-84px);
        }
        
        93% {
            transform: translateY(-84px);
        }
        
        98% {
            transform: translateY(-126px);
        }
        
        100% {
            transform: translateY(-126px);
        }
    }
}

/*------- animated search bar ----------*/
.ved_festive_filter {
    padding: 0 0px 10px;
    display: none;
    margin-top: -10px;
}
.animation_sidebar_open .ved_festive_filter {
    padding: 0 15px 10px;
    display: none;
    margin-top: 0px;
}
.ved_festive_filter>a {
    /*     line-height: 21px;
    background: #def9ff;
    border: 1px solid var(--primaryColor);
    border-radius: 4px;
    padding: 0 6px;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    font-size: 11px;
    white-space: nowrap;
    color: #000000; */
    line-height: 35px;
    border-bottom: 1px solid transparent;
    padding: 0 6px;
    margin-bottom: 3px;
    font-size: 11px;
    white-space: nowrap;
    color: #888888;
    flex: 1;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
}
.ved_festive_filter>a:hover {
    color: #000000;
}
.ved_festive_filter>a.active {
    /* background: var(--primaryColor);
    color: #ffffff; */
    color: #000000;
    border-bottom-color: #000000;
}
.animation_sidebar_open .ved_festive_filter a {
    height: 35px;
    line-height: 31px;
    border: 2px solid #eaeaea;
    padding: 0 11px;
    border-radius: 100px;
    margin-bottom: 6px;
    margin-right: 6px;
    display: inline-block;
    transition: all 0.3s;
    background: transparent;
    color: #888888;
    font-size: 13px;
    flex: 0;
}
.animation_sidebar_open .ved_festive_filter>a:hover,
.animation_sidebar_open .ved_festive_filter>a.active {
    color: var(--primaryColor);
    background-color: #d9f4fa;
    border-color: var(--primaryColor);
}
.ved_festive_cat_filter_wrap {
    display: none;
}
.ved_anim_filter_option {
    display: flex;
}
.ved_festive_cat_filter_wrap .ved_btn {
    min-width: unset;
    border: 1px solid #f1f1f1;
    color: #222;
    padding: 0 35px;
    line-height: 50px;
    background-color: transparent;
    height: 50px;
    margin-right: 10px;
}
.ved_festive_cat_filter_wrap .ved_btn:first-child {
    margin-right:6px;
}
.ved_festive_cat_filter_wrap .ved_btn i {
    margin-right: 10px;
    transition: all 0.2s;
}
.ved_festive_cat_filter_wrap .ved_btn i:before {
    transition: all 0s;
}
.ved_festive_cat_filter_wrap .ved_btn span {
    transition: all 0.3s;
}
.ved_festive_cat_filter_wrap .ved_btn:hover,
.ved_festive_cat_filter_wrap .ved_btn.active {
    border-color: var(--primaryColor);
}
.ved_festive_cat_filter_wrap .ved_btn:hover i,
.ved_festive_cat_filter_wrap .ved_btn:hover span,
.ved_festive_cat_filter_wrap .ved_btn.active i,
.ved_festive_cat_filter_wrap .ved_btn.active span {
    color: var(--primaryColor);
}
.ved_admin_user_video>video {
    width: 100%;
    box-shadow: 1px 1px 3px rgba(0,
    0,
    0,
    0.2);
}
.ved_admin_user_video>p {
    margin: 6px 0 30px;
}
.ved_exclude.ved_temp_cat_custom_select .ved_checkbox label p::before {
    display: none;
}
.ved_exclude.ved_temp_cat_custom_select .ved_checkbox label p {
    padding-left: 10px;
    margin: 0;
    text-transform: lowercase;
}
.ved_exclude>p {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    margin: 0 10px 0px 0;
}
.ved_exclude {
    display: flex;
    align-items: center;
}
@media (max-width:576px) {
    .ved_festive_filter>a,
    .ved_festive_filter>a:hover,
    .animation_sidebar_open .ved_festive_filter>a,
    .animation_sidebar_open .ved_festive_filter>a:hover {
        margin: 0;
        flex: 0 0 50%;
        max-width: 50%;
        border-radius: 5px;
        border: none;
        text-align: center;
        line-height: 35px;
        font-weight: 500;
        color: #000000;
        background-color: transparent;
    }
    .ved_festive_filter>a.active,
    .animation_sidebar_open .ved_festive_filter>a.active {
        background: #ffffff;
        color: #000;
    }
    .ved_festive_filter,
    .animation_sidebar_open .ved_festive_filter {
        padding: 5px;
        background: #f3f3f3;
        margin: 0 10px 24px;
        border-radius: 5px;
        display: flex;
    }
}

/**/
.ved_header_wrapper .announcekit-widget-menu .announcekit-widget{
    padding: 36px 0px;
    margin: 0px 20px;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.ved_header_wrapper .announcekit-widget-menu > .announcekit-widget:hover{
    color: var(--primaryColor);
}
.ved_right_menu_wrap{
    display: flex;
}

/*New Animation categuty Style*/

.ved_new_anim_category label p {
    width: max-content !important;
} 
.ved_templates_body {
    min-height: 700px;
}

.ved_new_anim_category_wrapper{
    position: relative;
    padding-left: 45px;
    margin-top: -20px;
    padding-right: 14.6px;
    overflow: hidden;
}

 .ved_new_anim_category {
    display: inline-flex;
    gap: 6px;
    list-style: none;
    overflow-y: hidden;
    width: 100%;
    clear: both;
    margin-bottom: 27px;
    padding-left: 0;
}

.ved_new_anim_category::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.ved_new_anim_category::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
}

.ved_new_anim_category::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

 .ved_new_anim_category label {
    display: flex;
    align-items: center;
    background-color: #F6F6F6;
    margin: 0;
    padding: 6px 10px 6px 6px;
    gap: 5px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
}
 .ved_new_anim_category label input {
    opacity: 0;
    position: absolute;
}
 .ved_new_anim_category label span {
    width: 20px;
    height: 20px;
}
 .ved_new_anim_category label span svg{
    width: 20px;
    height: 20px;
}
 .ved_new_anim_category label p {
    margin-bottom: 0;
    width: 150px;
    max-width: max-content;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    color:#000000;
}

.ved_new_anim_category_wrapper .ved_anim_right_arrow,.ved_new_anim_category_wrapper .ved_anim_left_arrow {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    color: var(--primaryColor);
    height: 32px;
    width: 25px;
    text-align: right;
    line-height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    display: block;
}

.ved_new_anim_category_wrapper .ved_anim_left_arrow {
    right: auto !important;
    left: 30px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 30px !important;
    background: linear-gradient(88deg, #FFFFFF 60.47%, rgba(255, 255, 255, 0) 96.23%);
    z-index: 999;
}

.ved_new_anim_category_wrapper .ved_anim_right_arrow {
    display: flex !important;
    justify-content: flex-end !important;
    background: linear-gradient(270deg, #FFFFFF 60.47%, rgba(255, 255, 255, 0) 96.23%);
    width: 30px !important;
    top: 0;
    right: 0;
    z-index: 999;
}

.ved_new_anim_category_wrapper .ved_anim_right_arrow.d-none{
    display: none !important;
}

/*New Sepretore Style*/

.ved_new_anim_category li[data-ctname="new"] {
    margin-right: 12px;
}
.ved_new_anim_category li[data-ctname="new"]:before {
    position: absolute;
    content: '';
    top: 50%;
    right: -10.3px;
    width: 1px;
    height: 20px;
    background-color: #EBEBEB;
    transform: translateY(-50%);
}

.ved_new_anim_category .ved_anim_category_box[data-category="new"] {
    margin-right: 12px;
}
.ved_new_anim_category .ved_anim_category_box[data-category="new"]:before {
    position: absolute;
    content: '';
    top: 50%;
    right: -9.2px;
    width: 1px;
    height: 20px;
    background-color: #EBEBEB;
    transform: translateY(-50%);
}


/*Only ul li animation bar style */

.ved_new_anim_category li:hover label{
    background-color: #E6E6E6;
}
.ved_new_anim_category li input:checked + label{
    background-color: #585858;
}
.ved_new_anim_category li input:checked + label p{
    color: #fff;
}

.ved_new_anim_category li input:checked + label span svg path{
    stroke: #fff;
}

.ved_new_anim_category li input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}
.ved_new_anim_category li {
    position: relative;
}
.ved_new_anim_category li label {
    position: relative;
}
.ved_new_anim_category li input:checked + label span svg g {
    fill: #fff;
}


/*new css step animation bar*/

.ved_new_anim_category_wrapper.ved_add_animation_step {
    position: relative;
    padding-left: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-right: 0;
}

.ved_new_anim_category_wrapper.ved_add_animation_step .ved_anim_right_arrow {
    top: 0;
    right: 0;
}
.ved_new_anim_category_wrapper.ved_add_animation_step .ved_anim_left_arrow {
    left: 0;
    top: 0;
}

.ved_new_anim_category_wrapper.ved_add_animation_step .ved_new_anim_category {
    padding-bottom: 0 !important;
    border-bottom: 1px solid #0000 !important;
    margin-bottom: 0 !important;
}

/*Change Li to Div fir Step animation bar Style*/

.ved_new_anim_category .ved_anim_category_box:hover label{
    background-color: #E6E6E6;
}
.ved_new_anim_category .ved_anim_category_box input:checked + label{
    background-color: #585858;
}
.ved_new_anim_category .ved_anim_category_box input:checked + label p{
    color: #fff;
}

.ved_new_anim_category .ved_anim_category_box input:checked + label span svg path{
    stroke: #fff;
}
.ved_new_anim_category .ved_anim_category_box input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}
.ved_new_anim_category .ved_anim_category_box {
    position: relative;
}
.ved_new_anim_category .ved_anim_category_box label {
    position: relative;
}

/**/
.animation_sidebar_open.ved_template_animation_box .ved_templates_content_head{
    margin-bottom: 30px;
}

/*Single Page changes Points*/

/* .ved_templates_content_head.ved_animations_head {
    align-items: flex-start;
    margin-bottom: -30px !important;
} */

.ved_templates_content_head.ved_animations_head .select2-container{
    margin-right: 0;
}
.ved_templates_content_head.ved_animations_head .ved_anim_filter_option {
    gap: 10px;
}

/* .ved_templates_content_head.ved_animations_head .ved_template_shuffle.ved_btn {
    background: transparent;
    line-height: 50px;
    border: 1px solid #f1f1f1;
    color: #222;
} */

a.ved_scratch_btn.ved_btn.ved_scartch_mob_btn {
    display: none;
}

/*create Video Page*/

.animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories{
    margin-bottom: 25px;
}

.ved_animations_box_list_parent .ved_templates_content_head.ved_animations_head {
    margin-bottom: 30px;
    padding: 0 16px;
}

/* No records style */
.ved_no_records_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    max-width: 500px;
    margin: 0 auto;
}
.ved_no_records_wrapper .ved_no_records_inner_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: 30px;
    gap: 10px;
}

/* Disable tooltip style */
.ved_animations_box.disable_tooltip:hover {
    border-color: none;
    box-shadow: none;
}
.ved_template_animation_box .ved_animations_box.disable_tooltip:hover p {
    visibility: hidden;
    opacity: 0;
}

/*Free video Referal Section Style*/

.ved-Free-video-Referal-wrapper {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 35px 40px;
    border: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.ved-Free-video-Referal-wrapper .ved-Free-video-Referal-content {
    text-align: left;
}
.ved-Free-video-Referal-content span {
    background-color: #f3f3f3;
    border-radius: 5px;
    min-height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 18px;
    color: #212121;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600;
}
.ved-Free-video-Referal-content p {
    font-size: 15px;
    font-weight: 400;
    /* color: #242424 !important; */
	text-align: left;
    margin-bottom: 0 !important;
}
.ved-vdo-Referal-btn-card p {
    margin-bottom: 2px !important;
}
.ved-vdo-Referal-btn-card button.ved_btn {
    /* background-color: #e0f4fb;
    color: #4ea0c6;
    border-color: #e0f4fb;
    height: 55px;
    line-height: 53px;
    font-size: 14px; */
    margin-bottom: 10px;
    padding: 0 25px;
}
.ved-vdo-Referal-btn-card button i {
    margin: 0 5px;
    display: none;
    pointer-events: none;
}
.ved-vdo-Referal-btn-card button span {
    pointer-events: none;
}
.ved-vdo-Referal-btn-card button.ved_btn:hover{
	box-shadow:none !important;
}
.ved-vdo-Referal-btn-card button.ved_success_btn i {
    display: inline-block;
}

a.ved_normal_link {
    color: var(--primaryColor);
    text-decoration: underline;
}
.ved_success_btn {
    background-color: #09d47c;
    color: #ffffff;
    border-color: #09d47c;
}
.ved_success_btn:hover, .ved_success_btn:focus, .ved_success_btn:active {
    background-color: #09d47c;
    border-color: #09d47c;
}

/*Divider Style*/

.ved_divider_wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.ved_divider_wrapper span {
    width: 100%;
    height: 1px;
    display: inline-flex;
}

.ved_divider_wrapper .ved_divider_right {
    background: linear-gradient(90deg, #EFEFEF 0%, rgb(239 239 239 / 11%) 100.09%);
}

.ved_divider_wrapper .ved_divider_left {
    background: linear-gradient(265deg, #EFEFEF 0%, rgb(239 239 239 / 11%) 100.09%);
}
.ved_divider_wrapper p {
    margin-bottom: 0 !important;
}

.ved_profile_options ul li.vd_get_free_video_menu a{
    line-height: 1.4;
}
.ved_profile_options ul li.vd_get_free_video_menu a i{
    /* margin-top: 0.5px; */
}


/*Earn Credit Video Page Style*/

.ved_earn_credit_video_wrapper {
    padding-top: 160px;
    padding-bottom: 30px;
}
.ved_earn_vdo_inner_container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1180px;
}
.ved_earn_vdo_title_wrapper {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

.ved_earn_vdo_title_wrapper h3 {
    font-size: 18px;
    line-height: 1.4;
    color: #121212;
    font-weight: 600;
    text-align: center;
    margin-bottom: 8px;
    text-transform: capitalize;
}
.ved_earn_vdo_title_wrapper h3 img {
    width: 18px;
    margin-left: 4px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}
.ved_earn_vdo_title_wrapper p {
    font-size: 14px;
    line-height: 1.4;
    color: #949494;
    font-weight: 400;
    text-align: center;
}


.ved_earn_credit_status_wrapper .ved_ern_credit_content h2 {
    font-size: 36px;
    line-height: 1.4;
    color: #0b081f;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}
.ved_earn_credit_status_wrapper .ved_ern_credit_content p {
    font-size: 14px;
    line-height: 1.4;
    color: #888888;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.ved_earn_credit_status_wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
    /* display: flex;
    flex-wrap: wrap; */
}
.ved_earn_credit_status_wrapper .ved_ern_credit_content {
    border-radius: 10px;
    background-color: #ffffff;
    border: 2px solid #efeef4;
    padding: 35px 0;
    flex: 0 0 300px;
}


.ved_earn_info_link {
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
}
.ved_earn_info_link a {
    font-size: 14px;
    line-height: 1.4;
    text-decoration: underline;
    color: #01a0c6;
    font-weight: 600;
    text-align: center;
    display: inline-flex;
    gap: 4px;
}

.ved_ern_info_icon {
    position: absolute;
    top: 9px;
    right: 9px;
}
.ved_ern_info_icon span{
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
    
.ved_ern_info_icon span svg path{
    fill: #828284;
}
.ved_ern_credit_content{
    position: relative;
}

.ved_frd_refer_status_wrapper {
    border-radius: 10px;
    background-color: #ffffff;
    border: 2px solid #efeef4;
    padding: 30px;
    margin-top: 20px;
}

.ved_frd_refer_hdr .ved_frd_refer_heading h5 {
    line-height: 1.4;
    font-size: 16px;
    color: #0b081f;
    font-weight: 500;
    font-family: "Poppins";
}
.ved_frd_refer_hdr .ved_frd_refer_heading h6 {
    font-size: 14px;
    line-height: 1.4;
    color: #01a0c6;
    font-weight: 500;
}

.ved_frd_refer_status_wrapper p{
    font-size: 14px;
    line-height: 1.4;
    color: #888888;
    font-weight: 400;
    margin-bottom: 0;
}
.ved_frd_refer_hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.ved_refer_link_form input {
    height: 36px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #85848e;
    font-weight: 400;
    min-width: 350px;
}
.ved_refer_link_form input:focus {
    border: 1px solid var(--primaryColor);
}
.ved_refer_link_form input::placeholder {
    font-size: 14px;
    line-height: 1.4;
    color: #85848e;
    font-weight: 400;
}

a.ved_btn.ved_earn_copy_link_btn {
    height: 36px;
    border-radius: 6px;
    background-color: #01a0c6;
    line-height: 34px;
    min-width: 98px;
}
.ved_refer_link_form.ved_success_btn a.ved_btn.ved_earn_copy_link_btn{
    background-color: #09d47c !important;
    border-color: #09d47c !important;
}
.ved_refer_link_form.ved_success_btn input{
    border-color: #09d47c !important;
}
.ved_refer_link_form.ved_success_btn {
    background-color: transparent;
}

a.ved_btn.ved_earn_copy_link_btn i{
    margin-right: 5px;
    display: none;
}
a.ved_btn.ved_success_btn.ved_earn_copy_link_btn i{
    display: inline-block;
}

.ved_frd_refer_status_wrapper p.ved_mob {
    display:none;
}
/* .ved_earn_credit_video_wrapper .ved_earn_info_link{
    display:none;
} */

.ved_refer_link_form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ved-vdo-Referal-btn-card p a{
    font-size: 12px;
}

/* Referral table css */
tbody.ved_referral_users_list_inner tr td:nth-child(4) {
    text-transform: capitalize;
}

/*Tooltip Style*/

.tooltip.bs-tooltip-right .tooltip-inner {
    margin-left: 4px;
}
.tooltip.bs-tooltip-right .arrow{
	left: 5px;	
}

.tooltip.bs-tooltip-right .tooltip-inner {
    border-radius: 4px;
    background-color: #272727;
    color: #fff;
}

/**/
.ved_settings_wrapper.ved_referrals_wrapper .ved_tbl_left_wrappo {
    gap: 10px;
}
.ved_settings_wrapper.ved_referrals_wrapper .ved_tbl_search_dropdwn_wrapper {
    flex-wrap: wrap;
    gap: 10px;
}

/* 3D Animation Skeleton Funtionality Style*/

/* .skeleton-main-wrapper {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
} */
.skeleton.skeleton-image {
    width: 100%;
    border: 2px solid #f1f1f1;
    background-color: #DDDBDD;
    border-radius: 5px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    /* cursor: pointer; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* height: 164px; */
}

.skeleton.skeleton-image {
    background: linear-gradient(
      120deg,
      #e5e5e5 30%,
      #f0f0f0 38%,
      #f0f0f0 40%,
      #e5e5e5 48%
    );
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: run 2s infinite;
  }

  .skeleton.skeleton-image .loader {
    background: linear-gradient( 120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0 40%, #e5e5e5 48% );
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: run 2s infinite;
    width: 100%;
    height: 100%;
  }
  
  @keyframes run {
    100% {
      background-position: -100% 0;
    }
  }

/*Case Of Square Style*/

.ved_square .ved_animation_sidebar>.ved_animation_sidebar_inner .skeleton.skeleton-image {
    /* height: 130px; */
}

/*Case Of Full width Sidebar Style*/

/* .animation_sidebar_open .skeleton.skeleton-image {
    display: none !important;
} */


/*Earn Video Review Section Style*/

.ved_ern_vdo_review_wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
    margin-top: 20px;
    margin-bottom:20px;
}

.ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content {
    border-radius: 10px;
    background-color: #ffffff;
    border: 2px solid #efeef4;
    padding: 30px;
}

.ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content h5 {
    font-size: 16px;
    line-height: 1.4;
    color: #0b081f;
    font-weight: 500;
}
.ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content h6 {
    font-size: 14px;
    line-height: 1.4;
    color: #01a0c6;
    font-weight: 500;
    margin-bottom: 15px;
}
.ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content p {
    font-size: 14px;
    line-height: 1.4;
    color: #888888;
    font-weight: 400;
    margin-bottom: 30px;
}

.ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content a.ved_btn {
    height: 36px;
    border-radius: 6px;
    background-color: #01a0c6;
    line-height: 34px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins";
}

/*Refrreal Unlock Video Model Style*/

.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body img {
    margin-bottom: 15px;
}
.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body h3 {
    margin: 0px 0px 10px 0px;
}
.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body button.ved_btn {
    margin-bottom: 15px;
}
.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body button.ved_btn i{
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 1.4;
    background: transparent;
    margin-right: 10px;
    display: none;
}
.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body button.ved_btn.ved_success_btn{
    background-color: #09d47c !important;
    border-color: #09d47c !important;
}
.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body button.ved_btn.ved_success_btn i{
   display: inline-block;
}

.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body p {
    margin-bottom: 0;
}
.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body p.desc {
    margin-bottom: 25px;
    font-size: 14px;
}
.refrreal_unlock_vdo_model .modal-dialog .modal-content .modal-body .ved_btn.ved_success_btn{
    background-color: #09d47c !important;
    border-color: #09d47c !important;
}
.ved_confirmation_popup_wrapper.refrreal_unlock_vdo_model .modal-body.ved_delete_body_wrapper{
    padding: 38px 10px 36px 10px;
}

button.close:hover span i {
    color: #000000;
}

/*Custom Tooltip Style*/

.tooltip-wrapper{
    position: absolute;
    width: 240px;
    background-color: #222222;
    text-align: left;
    padding: 10px;
    z-index: 100;
    border-radius: 0.25rem;
    color: #ffffff;
    top: -18px;
    left: 100%;
    margin-left: 10px;
    transition: all 0.3s;
    line-height: 1.5;
    visibility: hidden;
    opacity: 0;
    cursor: auto;
    display: inline-block;
    font-size: 13px;
}
    
.ved_ern_info_icon span:hover > .tooltip-wrapper{
	visibility: visible;
	opacity: 1;
}

.tooltip-wrapper:before{
	content: "";
	position: absolute;
	top: 19px;
	left: -7px;
	border-top: 7px solid transparent;
	border-right: 7px solid #333333;
	border-bottom: 7px solid transparent;
}

.ved_ern_credit_content.ved_credit_balance_wrapper .tooltip-wrapper{
    width: 230px;
}

/*Download Video Style*/

.ved_rvs_share_btn.ved_free_credits_wrapper button.ved_btn.ved_btn_success.ved_video_download {
    margin-bottom: 0 !important;
}

.ved_rvs_share_btn.ved_free_credits_wrapper .ved_free_credits_available{
    padding: 15px 15px 13px 20px;
    background-color: #fff;
    color: #000;
    border-radius: 0 0 4px 4px;
    line-height: 1.4;
    margin-top: 0;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
}

.ern_link_info{
	font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    color: #01a0c6;
    font-weight: 400;
    text-align: left;
    display: inline-flex;
    gap: 4px;
    align-items: center;
}
.ern_link_info svg{
	width: 14px;
    height: 14px;
}
.ern_link_info span{
	line-height: 1.4;
}
.ern_link_info:hover{
	color: #01a0c6;
}
.ern_link_info:hover svg path {
	color: #01a0c6;
}

/**/
.ved_fixed_categ_size {
    width: 380px;
}


/**/
.ved_animation_sidebar>.ved_animation_sidebar_inner .ved_no_records_wrapper .ved_no_records_inner_wrapper {
    margin-left: 8px;
}

.animation_sidebar_open  .ved_animation_sidebar>.ved_animation_sidebar_inner .ved_no_records_wrapper .ved_no_records_inner_wrapper {
    margin-left: 30px;
}

/* Overlay Text Element Start */
.ved_overlay_content .ved_text_overlay_editor {
    background-color: #f6f6f6;
    border: 1px solid #ececec;
    border-radius: 0px;
    padding: 8px 12px;
    min-height: 100px;
    outline: none;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    line-height: 22px;
}
.ved_overlay_content .ved_text_overlay_editor > div {
    padding: 8px;
    -webkit-user-modify: read-write-plaintext-only;
}
.ved_overlay_content_sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -280px;
    width: 280px;
    z-index: 11;
}
.open-text-overlay-sidebar .ved_overlay_content_sidebar {
    right: 0;
}
.open-text-overlay-sidebar .ved_overlay_content_sidebar,
.ved_overlay_content_sidebar {
    transition: all .3s;
}
.ved_overlay_content_sidebar_inner {
    border: 1px solid #f1f1f1;
    background-color: #fafafa;
    padding: 30px 30px 30px 30px;
    overflow: auto;
    margin-top: 93px;
    height: 100%;
    padding-bottom: 100px;
}
.ved_overlay_title_wrap {
    margin: 0 0 20px;
}
.ved_overlay_content .ved_overlay_text_editor {
    margin-top: 20px;
    display: none;
}
.vd_element-overlay.vd_text {
    position: absolute;
    top: 10px;
    color: #000;
    z-index: 9;
}
.vd_element-overlay.vd_text.active {
     border: 1px dashed #01a0c6 !important;
}
.vd_element-overlay .ui-resizable-handle.ui-resizable-se,.vd_element-overlay .ui-resizable-handle.ui-resizable-ne,
.vd_element-overlay .ui-resizable-handle.ui-resizable-sw,.vd_element-overlay .ui-resizable-handle.ui-resizable-nw{
    background: #fff !important;
}

.vd_element-overlay.vd_text p{
    margin-bottom: 2px;
}
.vd_element-overlay.vd_text p span {
    padding: 8px;
}
.vd_element-overlay.vd_text .vd_element_handler {
    white-space: pre-wrap;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vd_element-overlay.vd_text .vd_element_handler > div {
    text-align: center;
}

.video_editor_action_element {
    position: absolute;
    z-index: 1;
    left: 100%;
    margin-left: 15px;
    width: 50px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    top: 0;
}
.video_editor_action_element .video_editor_action_element_menu {
    border: 1px solid #f1f1f1;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 500;
    border-radius: 5px;
    font-size: 10px;
    width: 50px;
    gap: 1px;
    cursor: pointer;
    margin-bottom: 8px;
    line-height: 1.4;
    user-select: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/* .video_editor_action_element .video_editor_action_element_menu span svg path{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
} */

.video_editor_action_element .video_editor_action_element_menu.active {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
}
.video_editor_action_element .video_editor_action_element_menu.active span svg path{
    stroke: var(--primaryColor);
}
.video_editor_action_element .video_editor_action_element_menu:hover,.video_editor_action_element .video_editor_action_element_menu:active {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
}
.video_editor_action_element .video_editor_action_element_menu:hover span svg path{
    stroke: var(--primaryColor);
}

.video_editor_action_element .video_editor_action_element_menu span svg,
.video_editor_action_element .video_editor_action_element_menu span svg path{
    transition: none;
}
.ved_editor_fixed_mobile_wrapper_main.show {
    display: none;
}
.ved_editor_fixed_mobile_wrapper_main {
    display: none;
}
.ved_animation_selection .video_editor_action_element {
    display: none;
}
/*Show Hide Setting Options Style*/

.vd_styles_group > .colopicker-feilds.vd_text_color{
    display: none;
}
.vd_styles_group > .vd_bg_styles{
    display: none;
}
.vd_styles_group.open > .colopicker-feilds.vd_text_color{
    display: flex;
}
.vd_styles_group.open > .vd_bg_styles{
    display: block;
}

.vd_styles_group > .colopicker-feilds.vd_bg_color{
    display: none;
}
.vd_styles_group .slidecontainer{
    display: none;
}

.vd_styles_group.open > .colopicker-feilds.vd_bg_color{
    display: flex;
}
.vd_styles_group.open .slidecontainer{
    display: block;
}



/*Editor Action Style*/

.editor_act_main {
    margin-bottom: 15px;
}
.editor_act_main label {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
.formating_options_list {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: unset;
    -moz-box-pack: unset;
    justify-content: unset;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.formating_options_list button {
    width: 35px;
    height: 35px;
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #232323;
    background: #fff;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    cursor: pointer;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    border: 1px solid #EFEFEF;
    line-height: 35px;
}
.formating_options_list button span{
    display: flex;
    align-items: center;
    justify-content: center;

}
.formating_options_list button span svg{
    width: 16px;
    height: 16px;
    /* fill: #808080; */
    transition: none;
}
.formating_options_list.stroke_formating_options_list button span svg{
    fill: #808080;
}

.formating_options_list button span svg path{
    transition: none;
}


.formating_options_list button:hover {
    background-color: #E6E6E6;
    border: 1px solid #E6E6E6;
}

.formating_options_list .italic {
    /* font-style: italic; */
    padding-left: 7.8px;
}

.formating_options_list .underline {
    text-decoration: underline;
}
.formating_options_list .vd_toolbar_element.active {
    background-color: #585858;
    border: 1px solid #fafafa;
    color: #fff;
}
.formating_options_list button.active[data-type="text-right"] span svg path,
.formating_options_list button.active[data-type="text-middle"] span svg path,
.formating_options_list button.active[data-type="text-left"] span svg path{
    stroke: #fff;
}

.ved_overlay_text_editor .editor_act_main .ved_text_overlay_editor {
    min-height: 100px;
    outline: none;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    line-height: 22px;
    width: 100%;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 5px 0 5px;
}

/*Stroke Icons List Style*/
.formating_options_list.stroke_formating_options_list .vd_toolbar_element {
    background-color: #E6E6E6;
    /* font-weight: bold; */
}
.black_stroke > span{
    -webkit-text-stroke: 1.5px #000;
    color: #fff !important;
}
.white_stroke > span{
    /* -webkit-text-stroke: 1.5px #fff; */
    color: #000 !important;
}

.editor_act_main.vd_bg_styles .black_stroke > span,.editor_act_main.vd_bg_styles .yellow_stroke > span,.editor_act_main.vd_bg_styles .blue_stroke > span{
    -webkit-text-stroke: unset;
}

.formating_options_list.stroke_formating_options_list button span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    z-index: 22;
    width: 23px;
    height: 23px;
    margin-bottom: 3px;
    margin-left: 1px;
}

.formating_options_list .bg_shap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: -0.9px;
    left: 0;
    background-color: #000;
    border-radius: 4px;
    transform: scale(0.7);
    z-index: 1;
}

.formating_options_list .bg_shap.yellow_stroke::before {
    background-color: #FFDE01;
}

.formating_options_list .no_bg.bg_shap:before{
    background-color: transparent;
}
.formating_options_list .no_bg.bg_shap span {
    margin-top: 2px;
    margin-left: 1px;
}
.formating_options_list .white_stroke.bg_shap:before{
    background-color: #fff;
}

.yellow_stroke > span{
    -webkit-text-stroke: 1.5px #ffff00;
    color: #000 !important;
}

.formating_options_list .bg_shap.blue_stroke::before {
    background-color: #821dff;
}
.blue_stroke > span{
    -webkit-text-stroke: 1.5px #821dff;
    color: #fff !important;
}


/*Colopicker Style*/

.colopicker-wrapper label {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

.colopicker-wrapper .colopicker-feilds {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 1.4 !important;
    cursor: pointer;
    transition: all .3s;
    height: 40px;
    font-size: 14px;
    color: #7D809D;
    min-height: 40px;
    padding: 0 5px 0 20px;
    border-radius: 6px;
    border: 1px solid #EFEFEF;
    background: #ffffff !important;
}
.colopicker-wrapper .colopicker-feilds .sp-replacer.sp-light {
    height: 30px;
    border: 0;
    width: 30px;
    border-radius: 5px;
}
.colopicker-wrapper .colopicker-feilds span {
    color: #000000;
}
.colopicker-wrapper .colopicker-feilds .sp-dd {
    display: none;
}
.colopicker-wrapper .sp-preview-inner {
    border: 1px solid #EFEFEF;
}

.ved_overlay_text_editor .slidecontainer {
    margin-bottom: 20px;
}

.ved_overlay_text_editor .slidecontainer p{
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}
.ved_overlay_text_editor .slidecontainer input,.ved_text_editor_mobile_main .slidecontainer input{
    -webkit-appearance: none;
    width: 100%;
    height: 7px;
    border-radius: 3px;
    outline: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    z-index: 99999999;
    position: relative;
}

/*Label Arrow Style*/
.ved_overlay_text_editor label.drop_icon {
    cursor: pointer;
}
 .ved_overlay_text_editor label {
    display: block;
    width: 100%;
    position: relative;
}
.ved_overlay_text_editor label .top_arrow {
    position: absolute;
    right: 0;
    height: 18px;
    width: 18px;
    cursor: pointer;
}
.ved_overlay_text_editor .vd_styles_group.open .drop_icon .top_arrow{
    transform: rotate(180deg);
}


/*Slider Shap Style*/

.vd_range_shape_slider{
	position: relative;
    width: 100%;
}
.vd_range_shape_slider:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 19px;
    top: -1px;
}
.vd_range_shape_slider:before{
    background-image: url(../images/radius_shap.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

 .vd_range_shape_slider input {
    width: 60%;
    margin: 50px auto;
    -webkit-appearance: none;
    height: 8px;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: rgb(200, 200, 200);
    -webkit-transition: .2s;
    transition: .2s;
}
 .vd_range_shape_slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #01a0c6;
    overflow: visible;
    cursor: pointer;
}

/*Textarea Resize Handle Style*/

.vd_resize-handle {
    width: 10px;
    height: 10px;
    cursor: nwse-resize;
    float: right;
    background-color: transparent;
    position: relative;
    margin-top: -8px;
}
.vd_resize-handle:before {
    position: absolute;
    content: '';
    top: 10px;
    left: -9px;
    width: 98%;
    height: 0.8px;
    background-color: #cccccc;
    transform: rotate(134deg) translatex(-12px);
}
.vd_resize-handle:after {
    position: absolute;
    content: '';
    top: 0;
    right: -1.8px;
    width: 50%;
    height: 0.8px;
    background-color: #cccccc;
    transform: rotate(134deg) translatex(5px);
}


/*Edit Handle Style*/

.vd_element_edit_handler {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 9999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}
.vd_element_edit_handler a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background-color: #01a0c6;
    border-radius: 100%;
}
.vd_element_edit_handler a svg {
    width: 14px;
    height: 14px;
}
.vd_element_edit_handler a svg path{
    stroke: #fff;
}

.vd_element-overlay:hover .vd_element_edit_handler{
    opacity: 1;
    visibility: visible;
}

/*Mobile Delete Icon*/

.vd_element-overlay .delete_icon {
    display: none;
}
.vd_element-overlay .edit_icon {
    display: flex;
}


/*Textarea Placeholder Style*/

.ved_text_overlay_editor [contentEditable="true"]:empty:before, .ved_text_editor_mobile_main [contentEditable="true"]:empty:before{
    content: attr(placeholder);
    color: #888a8c;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 1.3;
}

/*Editor Custom Input Style*/

.editor_act_main .ved_custom_input {
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 1.4 !important;
    cursor: pointer;
    transition: all .3s;
    height: 40px;
    font-size: 14px;
    color: #000000;
    min-height: 40px;
    padding: 0 15px 0 15px;
    border-radius: 6px;
    border: 1px solid #EFEFEF;
    background: #ffffff !important;
    width: 100%;
}

.ved_overlay_content_sidebar_inner .ved_overlay_btn-wrap .ved_btn.ved_add_overlay_text i{
    margin-right: 5px;
}

/*Font Family fonts for Editor Dropdown style*/



/*Font Family Dropdown Style*/

.ved_font_selector .select2-results ul li{
    font-weight: bold;
}
.ved_font_selector .select2-results ul li:nth-child(1){
    font-family: "Lato", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(2){
    font-family: "Raleway", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(3){
    font-family: "Roboto", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(4){
    font-family: "Ubuntu", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(5){
    font-family: "Oxygen", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(6){
    font-family: "Oswald", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(7){
    font-family: "Alfa Slab One", serif;
}
.ved_font_selector .select2-results ul li:nth-child(8){
    font-family: "Arima", system-ui;
}
.ved_font_selector .select2-results ul li:nth-child(9){
    font-family: "Baloo Bhaina 2", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(10){
    font-family: "Fredoka", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(11){
    font-family: "Lobster", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(12){
    font-family: "Passion One", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(13){
    font-family: "Patrick Hand", cursive;
}
.ved_font_selector .select2-results ul li:nth-child(14){
    font-family: "Rock Salt", cursive;
}
.ved_font_selector .select2-results ul li:nth-child(15){
    font-family: "Cabin", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(16){
    font-family: "Overpass", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(17){
    font-family: "Source Code Pro", monospace;
}
.ved_font_selector .select2-results ul li:nth-child(18){
    font-family: "Coiny", system-ui;
}
.ved_font_selector .select2-results ul li:nth-child(19){
    font-family: "Rubik", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(20){
    font-family: "Fjalla One", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(21){
    font-family: "Concert One", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(22){
    font-family: "Abril Fatface", serif;
}
.ved_font_selector .select2-results ul li:nth-child(23){
    font-family: "Cormorant Garamond", serif;
}
.ved_font_selector .select2-results ul li:nth-child(24){
    font-family: "Varela Round", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(25){
    font-family: "Vollkorn", serif;
}
.ved_font_selector .select2-results ul li:nth-child(26){
    font-family: "Glass Antiqua", cursive;
}
.ved_font_selector .select2-results ul li:nth-child(27){
    font-family: "Permanent Marker", cursive;
}
.ved_font_selector .select2-results ul li:nth-child(28){
    font-family: "Rufina", serif;
}
.ved_font_selector .select2-results ul li:nth-child(29){
    font-family: "Dosis", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(30){
    font-family: "Anton", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(31){
    font-family: "Josefin Sans", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(32){
    font-family: "Josefin Slab", serif;
}
.ved_font_selector .select2-results ul li:nth-child(33){
    font-family: "Exo 2", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(34){
    font-family: "Merriweather", serif;
}
.ved_font_selector .select2-results ul li:nth-child(35){
    font-family: "Montserrat Alternates", sans-serif;
}
.ved_font_selector .select2-results ul li:nth-child(36){
    font-family: "Catamaran", sans-serif;
}


.editor_select_main .select2-container {
    width: 100% !important;
}


.editor_select_main .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000;
}

/* Overlay Text Element End */

/* Overlay Image Element style */

.vd_element-overlay.vd_image {
    position: absolute;
    top: 10px;
    color: #000;
    z-index: 9;
}
.vd_element-overlay.vd_image.active {
    border: 1px dashed #01a0c6 !important;
}
.vd_element-overlay.vd_image img{
  width: 100%;
  height: 100%;
}


/* Mobile Setting Options Of Editor Style */

.ved_text_editor_mobile_main .modal-body.ved_delete_body_wrapper{
    border: 1px solid #0000;
    background-color: #fafafa;
    padding: 30px 30px 30px 30px;
    overflow: auto;
    margin-top: 0;
    height: 100%;
    padding-bottom: 100px;
}

.ved_text_editor_tabs_main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}
.ved_text_editor_tabs_main > a{
    transition: 0.3s all;
    position: relative;
    padding: 10px 10px;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0em;
    color: #000000;
}
.ved_text_editor_tabs_main > a::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 70%;
    height: 2px;
    border-radius: 5px;
    background-color: var(--primaryColor);
    z-index: 22;
    opacity: 0; 
    visibility: hidden;
    transform: translate(-50%, 0);
}
.ved_text_editor_tabs_main > a.active,.ved_text_editor_tabs_main > a:hover{
    color: var(--primaryColor);
}
.ved_text_editor_tabs_main > a.active::after{
    opacity: 1; 
    visibility: visible; 
}
.ved_text_editor_mobile_main .modal-header {
    border: none;
    background-color: #fafafa;
    padding: 0;
    padding-top: 10px;
}
.ved_text_editor_mobile_main button.close {
    position: absolute;
    top: 6px;
    right: 15px;
}
.ved_text_editor_mobile_main button.close span i {
    font-size: 15px;
    color: #d4d4d4;
}

.ved_text_editor_mobile_main .modal-dialog {
    padding: 0 0;
    margin: 0;
}
.ved_text_editor_mobile_main .modal-content {
    border: 1px solid #fafafa;
    border-radius: 0;
    height: 100vh;
}
.ved_text_editor_mobile_main .ved_overlay_text_editor{
    display: none;
}
.ved_text_editor_mobile_main .vd_range_shape_slider:before {
    background-image: url(../images/range_slider_bg_1.png);
}

.vd_element-overlay .ui-resizable-handle.ui-resizable-nw {
    background: #fff !important;
}
.vd_element-overlay .ui-resizable-handle.ui-resizable-se {
    width: 12px;
    height: 12px;
    bottom: -5px;
    right: -4px;
}
.vd_element-overlay .ui-resizable-handle.ui-resizable-ne {
    width: 12px;
    height: 12px;
    right: -5px;
    top: -5px;
}
.vd_element-overlay .ui-resizable-handle.ui-resizable-sw {
    width: 12px;
    height: 12px;
    left: -5px;
    bottom: -5px;
}
.vd_element-overlay .ui-resizable-handle.ui-resizable-nw {
    width: 12px;
    height: 12px;
    left: -5px;
    top: -5px;
}

.vd_element-overlay .ui-resizable-handle.ui-resizable-se.vd_resize,
.vd_element-overlay .ui-resizable-handle.ui-resizable-ne.vd_resize,
.vd_element-overlay .ui-resizable-handle.ui-resizable-sw.vd_resize,
.vd_element-overlay .ui-resizable-handle.ui-resizable-nw.vd_resize {
   background: var(--primaryColor) !important;
}

/*Video Size Mobile View Style*/
.video_editor_action_element.vd_mobile {
   display: none;
}

/**/

/*textarea Style*/
 .ved_text_editor_mobile_main .editor_act_main .ved_text_overlay_editor {
    min-height: 100px;
    outline: none;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    line-height: 22px;
    width: 100%;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 5px 0 5px;
}

.ved_text_editor_mobile_main .editor_act_main  .ved_text_overlay_editor > div {
    padding: 8px;
    -webkit-user-modify: read-write-plaintext-only;
}

.ved_text_editor_tabs_content_innner {
    display: none;
}
.ved_text_editor_tabs_content_innner.active {
    display: block;
}

.ved_text_editor_mob_inner .ved_text_editor_mob_top_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.ved_text_editor_mob_inner .ved_text_editor_mob_top_bar .mdl_heading {
    font-size: 16px;
}

.ved_text_editor_mob_inner .ved_text_editor_mob_top_bar .ved_btn.ved_add_overlay_text {
    height: 30px;
    line-height: 28px;
    font-size: 10px;
    min-width: 100px;
}
.ved_text_editor_mob_inner .ved_text_editor_mob_top_bar .ved_btn.ved_add_overlay_text i {
    margin-right: 4px;
}

/*Select 2 options styles*/
.ved_social_editor_box .select2-container .select2-selection:before{
    top: 7px;
    left: 16px;
}

.ved_social_editor_box .select2-container .select2-selection--single, .ved_social_editor_box .select2-container--default .select2-selection--single {
    height: 50px;
}
.ved_social_editor_box .select2-container {
    width: 50px !important;
}
.ved_social_editor_box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}
.ved_social_editor_box .select2-container .select2-selection:hover{
    color: var(--primaryColor);
    border-color: var(--primaryColor);
    padding-left: 45px;
}

.ved_social_editor_box .select2 span.selection:after {
    position: absolute;
    content: 'Size';
    top: 31px;
    left: 16px;
    width: 100%;
    height: 100%;
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 500;
}

.ved_social_editor_box .select2-container.select2-container--open  span.selection:after {
    display: none;
}
.ved_social_editor_box .select2-container.select2-container--open .select2-selection::before{
    top: 15px;
}
.ved_social_editor_box .select2-container.select2-container--open .select2-selection{
    padding-left: 45px !important;
}
.ved_social_editor_box .select2-container .select2-selection:before{
    opacity: 0;
    visibility: hidden;
}
.ved_social_editor_box .select2-container.select2-container--open .select2-selection:before{
    opacity: 1;
    visibility: visible;
}

p.select_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: -52px;
    z-index: 2;
    margin: 0;
}

.ved_social_editor_box .ved_video_size_select_wrapper:hover p.select_icon {
    display: none;
}

.ved_social_editor_box .select2 span.selection:before{
    position: absolute;
    content: '';
    top: 6px;
    left: 13px;
    width: 100%;
    height: 100%;
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 500;
    background-image: url(../images/ratio_icon.svg);
    background-repeat: no-repeat;
    z-index: 2;
}


.ved_social_editor_box .select2-container.select2-container--open span.selection:before{
    opacity: 0;
    visibility: hidden;
}

/*Editor Loader styles*/

.ved_edit_wrapper .ved_loader_wrapper {
    position: absolute;
    min-height: auto;
    height: 100%;
}

.ved_ratio_drop_main {
    position: absolute;
    top: 0;
    right: -208px;
    min-width: 200px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    padding: 12px;
     opacity: 0; 
    visibility: hidden;
    z-index: 1;
}
.ved_ratio_drop_main.show {
    opacity: 1;
    visibility: visible; 
}

.ved_ratio_drop_main ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.ved_ratio_drop_main ul li{
    margin-bottom: 10px;
}
.ved_ratio_drop_main ul li .ved_ratio_drop_menu{
    display: flex;
    align-items: center;
    gap: 0px;
    color: #888888;
    font-weight: 500;
    line-height: 1.4;
    padding: 5px 8px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    border-radius: 4px;
}
.ved_ratio_drop_main ul li .ved_ratio_drop_menu input{
    position: absolute;
    opacity: 0;
}

/* .ved_ratio_drop_main ul li .ved_ratio_drop_menu.active {
    background-color: #E6E6E6;
    border-radius: 4px;
} */
.ved_ratio_drop_main ul li .ved_ratio_drop_menu:hover {
    background-color: #f0f0f0;
}
.ved_ratio_drop_main ul li .ved_ratio_drop_menu:hover .ratio_icon:before {
    background: #c9c9c9;
} 
.ved_ratio_drop_main ul li:last-child{
    margin-bottom: 0;
}
.ved_ratio_drop_main ul li .ved_ratio_drop_menu p{
    margin-bottom: 0;
    color: #2a2a2a;
    font-weight: 500;
    line-height: 1.4;
    margin-left: 5px;
    z-index: 999;
    text-transform: capitalize;
}
.ved_ratio_drop_main ul li .ved_ratio_drop_menu .ratio_icon svg{
    stroke: #888888;
}

.ratio_icon:before {
    content: "";
    width: 16px;
    height: 20px;
    background: #ececec;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 2px;
}
.ratio_icon {
    min-height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-width: 24px;
    position: relative;
    z-index: 999999;
}
.ved_ratio_drop_main ul li:nth-child(2) .ratio_icon:before {
    height: 16px;
    top: 4px;
}
.ved_ratio_drop_main ul li:nth-child(3) .ratio_icon:before {
    height: 24px;
    top: 0px;
}
.ved_ratio_drop_menu p::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #e6e6e6;
    left: 0;
    top: 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
/* .ved_ratio_drop_menu input[type="radio"]:checked ~ p::after {
    opacity: 1;
    visibility: visible;
} */
.ved_ratio_drop_menu p::before {
    position: absolute;
    content: '';
    top: 14px;
    right: 14px;
    width: 8px;
    height: 4px;
    border-left: 2.6px solid #01a0c6;
    border-bottom: 2.6px solid #01a0c6;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    transform: rotate(315deg);
    opacity: 0;
    visibility: hidden;
}
/* .ved_ratio_drop_menu input[type="radio"]:checked ~ p::before {
    opacity: 1;
    visibility: visible;
} */

.ved_ratio_drop_menu .check_icon {
    position: absolute;
    display: flex;
    top: 50%;
    right: 6px;
    width: 24px;
    height: 24px;
    transform: translate(0%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.ved_ratio_drop_menu .check_icon svg path {
    stroke: #01a0c6;
}
.ved_ratio_drop_menu input[type="radio"]:checked ~ .check_icon {
    opacity: 1;
    visibility: visible;
}

.vd_txt_edt_half_model {
    display: none;
}

/*Video Ratio Dropdown Mobile Style*/

.ved_ratio_drop_main.vd_size_mobile_drop_selector {
   display: none;
}


/*Change Layout Select Dropdown Style*/

.ved_cs_sl_dropdown {
    position: relative;
    width: 180px;
}

.ved_cs_sl_dropdown .ved_cs_sl_base{
    border: 1px solid #f1f1f1;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    border-radius: 4px;
    font-size: 10px;
    gap: 1px;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1.4;
    user-select: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 160px;
    position: relative;
    padding-left: 10px;
}

.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu{
    position: absolute;
    top: 40px;
    min-width: 160px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    padding: 12px;
    z-index: 1;
    left: 0;
    visibility: hidden;
    opacity: 0;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu.show_dropdown{
   visibility: visible;
   opacity: 1;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li {
    margin-bottom: 0;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label{
    display: flex;
    align-items: center;
    gap: 3px;
    color: #888888;
    font-weight: 500;
    line-height: 1.4;
    padding: 5px 8px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    border-radius: 4px;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label p{
    margin: 0;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label:hover {
    background-color: #f0f0f0;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li input{
    position: absolute;
    opacity: 0;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label .icon {
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label .icon {
    width: 16px;
    height: 16px;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label .check{
    position: absolute;
    display: flex;
    top: 50%;
    right: 6px;
    width: 24px;
    height: 24px;
    transform: translate(0%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label .check{
    position: absolute;
    display: flex;
    top: 50%;
    right: 6px;
    width: 24px;
    height: 24px;
    transform: translate(0%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label p {
    margin-bottom: 0;
    color: #2a2a2a;
    font-weight: 500;
    line-height: 1.4;
    margin-left: 5px;
    z-index: 999;
    text-transform: capitalize;
}
.ved_cs_sl_dropdown .ved_cs_sl_dropdown_menu ul li label input[type="radio"]:checked ~ .check {
    opacity: 1;
    visibility: visible;
}
.ved_cs_sl_dropdown .ved_cs_sl_base p{
    margin-bottom: 0;
    font-size: 12px;
}

.ved_cs_sl_base span.far.fa-chevron-right {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(0, -50%) rotate(90deg);
}

.ved_editor_header_top_bar {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ved_editor_header_top_bar .vd_template_switcher_wrapper {
    display: flex;
    gap: 6px;
}
.ved_editor_header_top_bar .vd_template_switcher_wrapper > a > i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f0f0f0;
    border-radius: 5px;
    opacity: 0.6;
    background-color: #fff;
}

.ved_editor_header_top_bar .vd_template_switcher_wrapper > a:hover > i,
 .ved_editor_header_top_bar .vd_template_switcher_wrapper > a.active > i {
    background: #f0f0f0;
    color: #2a2a2a;
    opacity: 1;
}

.templateSwitchTooltip .tooltip{
    left: 1px !important;
}

/**/

.ved_create_wrapper{
    /* min-height: 1000px; */
}


/* Billing & Subscription Model Design */

.package-restriction-details-wrapper {
    background: #EEFFF6;
    /* border: 2px dashed #00C461; */
    border-radius: 3px;
    padding: 10px 15px 10px 15px;
    max-width: 370px;
    margin: 25px auto 0 auto;
    border-width: 2.5px;
    border-style: solid;
    border-color: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-slice: 5;
    border-image-repeat: round;
    border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50px' height='50px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 196, 97)' d='M47.500,50.000 L32.350,50.000 C30.969,50.000 29.850,48.881 29.850,47.500 C29.850,46.119 30.969,45.000 32.350,45.000 L42.500,45.000 C43.881,45.000 45.000,43.881 45.000,42.500 L45.000,32.500 C45.000,31.119 46.119,30.000 47.500,30.000 C48.881,30.000 50.000,31.119 50.000,32.500 L50.000,47.500 C50.000,48.881 48.881,50.000 47.500,50.000 ZM47.500,20.000 C46.119,20.000 45.000,18.881 45.000,17.500 L45.000,7.500 C45.000,6.119 43.881,5.000 42.500,5.000 L32.350,5.000 C30.969,5.000 29.850,3.881 29.850,2.500 C29.850,1.119 30.969,0.000 32.350,0.000 L47.500,0.000 C48.881,0.000 50.000,1.119 50.000,2.500 L50.000,17.500 C50.000,18.881 48.881,20.000 47.500,20.000 ZM17.360,50.000 L2.500,50.000 C1.119,50.000 0.000,48.881 0.000,47.500 L0.000,32.500 C0.000,31.119 1.119,30.000 2.500,30.000 C3.881,30.000 5.000,31.119 5.000,32.500 L5.000,42.500 C5.000,43.881 6.119,45.000 7.500,45.000 L17.360,45.000 C18.741,45.000 19.860,46.119 19.860,47.500 C19.860,48.881 18.741,50.000 17.360,50.000 ZM17.360,5.000 L7.500,5.000 C6.119,5.000 5.000,6.119 5.000,7.500 L5.000,17.500 C5.000,18.881 3.881,20.000 2.500,20.000 C1.119,20.000 0.000,18.881 0.000,17.500 L0.000,2.500 C0.000,1.119 1.119,0.000 2.500,0.000 L17.360,0.000 C18.741,0.000 19.860,1.119 19.860,2.500 C19.860,3.881 18.741,5.000 17.360,5.000 Z'/%3E%3C/svg%3E%0A");
}
 .credits_check label{
   font-style: normal;
   font-weight: 700;
   font-size: 13px;
   line-height: 1.4;
   text-align: center;
   color: #000000;
   margin-bottom: 8px;
 }
 .restriction-list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 6px;
    margin-bottom: 8px;
 }
 .restriction-list p{
   font-style: normal;
   font-weight: 500;
   font-size: 13px;
   line-height: 1.4 !important;
   color: #111111;
   max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
 }
 .restriction-list p > span.vd_bold{
    font-weight: 600;
  }
 .restriction-list.expires-offer p{
    color: #FF2A2A;
  }
 

.credits_check {
    text-align: left;
}
.restriction-list span.icon {
    margin-top: 1px;
    width: 13px;
    height: 13px;
}
.restriction-list span.icon img{
    width: 16px;
    height: 16px;
    object-fit: contain;
}
.restriction-list.expires-offer span.icon {
    margin-top: 1px;
    margin-right: 2px;
}
.restriction-list.expires-offer {
    margin: 0;
}



/**/
/*=============================
    Checkbox Style
=============================*/

.sta_custom_checkbox input {
    display: none
}

.sta_custom_checkbox span {
    margin: 0;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    text-align: left;
    letter-spacing: 0.15px;
    user-select: none;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    color: #383737;
    margin-top: 5px;
}

.sta_custom_checkbox span:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
    background: #FFFFFF;
    border: 1px solid #7C7C7C;
    border-radius: 2px;
}

.sta_custom_checkbox span:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3.4px;
    width: 8px;
    height: 4px;
    border-left: 2.6px solid #1F1F1F;
    border-bottom: 2.6px solid #1F1F1F;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.sta_custom_checkbox input:checked~span:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sta_custom_checkbox input:checked~span:before {
    background: #fff;
    border: 1px solid #7C7C7C;
}

.sta_custom_checkbox input:checked~span {
    color: #383737;
}

.sta_custom_checkbox label p {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    color: #383737;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #000000;
}
.sta_custom_checkbox label {
    display: flex;
    user-select: none;
    cursor: pointer;
    margin-bottom: 5px;
}

/*Animation Checkbox Style*/
.anm_checkbox {
    --background: #fff;
    --border: #7C7C7C;
    --border-hover: #7C7C7C;
    --border-active: #1E2235;
    --tick: #fff;
    position: relative;
    margin-bottom: 0;
  }
  .anm_checkbox input,
  .anm_checkbox svg {
    width: 14px;
    height: 14px;
    display: block;
  }
  .anm_checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    outline: none;
    background: var(--background);
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    transition: box-shadow 0.3s;
    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
  }
  .anm_checkbox input:hover {
    /* --s: 2px; */
    --b: var(--border-hover);
  }
  .anm_checkbox input:checked {
    --b: var(--border-active);
  }
  .anm_checkbox svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--stroke, var(--border-active));
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    transform: scale(var(--scale, 1)) translateZ(0);
  }
  .anm_checkbox.path input:checked {
    --s: 1.5px;
    transition-delay: 0.4s;
  }
  .anm_checkbox.path input:checked + svg {
    --a: 16.1 86.12;
    --o: 102.22;
  }
  .anm_checkbox.path svg {
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;
  }
  .package-restriction-details-wrapper .grid .anm_checkbox_label {
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #212121;
    line-height: 2;
    text-transform: uppercase;
    user-select: none;
  }
  .package-restriction-details-wrapper .grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 5px;
}

/**/

.cntr .hidden-xs-up {
    display: none !important;
}
.cntr [type=checkbox] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.cntr input{
    line-height: inherit;
}
 .cntr input, .cntr label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
 input {
    overflow: visible;
}
.cntr input, label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.cntr label {
    display: inline-block;
    margin-bottom: .5rem;
}
.cntr input {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.cntr .cbx {
    position: relative;
    top: 1px;
    width: 14px;
    height: 14px;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
    background-color: #fff;
}
.cntr .cbx:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 4.4px;
    width: 4.4px;
    height: 9px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s;
}
.cntr .lbl {
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #212121;
    line-height: 2;
    text-transform: uppercase;
    user-select: none;
    margin-bottom: 5px;
}
.cntr input:checked ~ .cbx {
  border-color: transparent;
  background: #00C461;
  animation: jelly 0.6s ease;
}
.cntr input:checked ~ .cbx:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
.cntr {
  width: 100%;
  text-align: left;
}
@-moz-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-o-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}

/*Defult Radio Style*/

.brk_default_radio_wrapper .brk_default_radio_button_label {
   border-radius: 50%;
   cursor: pointer;
   display: block;
   padding-left: 25px;
   position: relative;
   margin-top: 0 !important;
}

.brk_default_radio_wrapper .brk_button_indicator {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
}
.brk_default_radio_wrapper .brk_button_indicator::after {
    background-color: #01a0c6;
    border-radius: 50%;
    content: "";
    display: none;
    height: 12px;
    left: 2.4px;
    position: absolute;
    top: 2px;
    width: 12px;
}
.brk_default_radio_wrapper .brk_radio_button_input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.brk_default_radio_wrapper .brk_radio_button_input:focus ~ .brk_button_indicator {
    border-color: #e4e4e4;
}
.brk_default_radio_wrapper .brk_radio_button_input:checked ~ .brk_button_indicator::after {
    display: block;
}
.brk_default_radio_wrapper .brk_radio_button_input:disabled ~ .radio_button_indicator {
    opacity: 0.6;
    pointer-events: none;
}
.brk_default_radio_wrapper h3.brk_label_title {
    font-size: 13px;
    font-weight: 500;
    color: #030303;
    line-height: 1.4;
    margin-left: 4px;
}

/*Spinner Style*/

.Spinner {
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-bottom-color: #0000;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation_spin 1s linear infinite;
}

@keyframes rotation_spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.leader_in{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.ved_btn_flex{
    display: flex;
    align-items: center;
    gap: 8px;
}
.Spinner.Spinner_pp_btn {
    border: 2px solid var(--primaryColor);
    border-bottom-color: #0000;
}
.ved_btn:hover .Spinner.Spinner_pp_btn {
    border: 2px solid #fff;
    border-bottom-color: #0000;
}
.ved_popup_plan:hover .ved_btn .Spinner.Spinner_pp_btn{
    border: 2px solid #fff;
    border-bottom-color: #0000;
}

/* For desktops and larger screens */
@media (hover: hover) and (pointer: fine) {
    .vd_element-overlay .ui-resizable-handle.ui-resizable-se:hover,.vd_element-overlay .ui-resizable-handle.ui-resizable-ne:hover,
    .vd_element-overlay .ui-resizable-handle.ui-resizable-sw:hover,.vd_element-overlay .ui-resizable-handle.ui-resizable-nw:hover{
        background: var(--primaryColor) !important;
    }
}

/*Us Unsplace Gallery Style (New Version)*/

uc-unsplash-source > .uc-content .unsplash-input-search, uc-pixabay-source > .uc-content .pixabay-input-search  {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: 1fr min-content;
    padding: var(--uc-padding);
    padding-top: 0;
}
uc-pixabay-source > .uc-content .pixabay-input-search{
    padding-bottom: 0;
}

uc-unsplash-source .uc-unsplash-results, uc-pixabay-source .uc-pixabay-results {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 370px;
    min-height: 300px;
    background-color: #fff;
    box-shadow: none;
    padding: 0;
}

 uc-unsplash-source,uc-pixabay-source {
    min-width: 780px;
    padding: 0 20px;
}

uc-unsplash-source .unsplash-input-search input {
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 0 10px 1.5px 10px;
}
uc-unsplash-source .unsplash-input-search .uc-primary-btn{
    height: 31.5px;
    line-height: 31.5px;
}

uc-pixabay-source .pixabay-input-search input {
    border-radius: 4px;
}

uc-unsplash-source .uc-primary-btn {
    background-color: #141414;
    line-height: 1.4;
}

uc-unsplash-source input[type=text]:focus,uc-pixabay-source input[type=text]:focus {
    border-color: #141414;
}

uc-unsplash-source > .uc-content .unsplash-input-search{
    display: flex;
    padding-bottom: 0;
}
uc-unsplash-source .unsplash-input-search input {
     width: 40%;
    margin-bottom: 0;
}
uc-unsplash-source .unsplash-input-search.orientation-hide input {
    width: 100%;
   margin-bottom: 0;
}
uc-unsplash-source .unsplash-input-search.orientation-hide .unsplash-select-wrapper{
    display: none;
}
uc-unsplash-source .unsplash-input-search .unsplash-select-wrapper {
    position: absolute;
    right: 37px;
}

uc-cloud-image-editor-activity .uc-controls-row uc-btn-ui .uc-icon{
    color: #141414;
}
uc-cloud-image-editor-activity .uc-controls-row uc-btn-ui button svg:hover use{
    color: #01a0c6 !important;
}
uc-cloud-image-editor-activity .uc-controls-row uc-btn-ui button:hover svg use{
    color: #01a0c6 !important;
}

uc-upload-list .uc-primary-btn {
    background-color: #01a0c6 !important;
}
uc-drop-area:hover {
    background: rgb(20 20 20 / 5%) !important;
    border-color: rgb(20 20 20 / 5%) !important;
}
uc-drop-area:hover .uc-icon-container {
    background-color: rgb(20 20 20 / 5%) !important;
}

uc-source-list uc-source-btn>button:hover {
    background-color: rgb(20 20 20 / 5%) !important;
}

.uc-primary-btn {
    background-color: #141414 !important;
    border-radius: 4px;
}

uc-pixabay-source button.uploadcare-load-pexels {
    margin: 10px auto;
}

uc-unsplash-source .uc-load-unsplash{
    margin: 10px auto;
}
uc-pixabay-source .pixabay-files-wr{
    overflow: hidden !important;
}
uc-pixabay-source .uc-common-link {
    color: var(--primaryColor) !important;
}
/* uc-pixabay-source .pixabay-files-wrapper>video {
    width: 200px !important;
} */

uc-pixabay-source {
    min-height: 516px;
}
uc-pixabay-source .uploadcare_warning_wrapper {
    height: 516px;
}
uc-pixabay-source .uploadcare_warning_wrapper .uc-warning {
    color: var(--uc-foreground);
    font-weight: 500;
    font-size: 1.1em;
    margin: 0 20px 20px 20px;
    width: 80%;
}

uc-unsplash-source .unsplash-input-search .uc-unsplash-orientation-filter {
    height: 32px;
    border-radius: 4px;
    padding: 0 10px 1.5px 10px;
    border: 1px solid #f0f0f0;
    background: #fff;
    width: 130px !important;
    color: #181818 !important;
    appearance: none; /* Hides default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill="%23333" d="M0 3l5 5 5-5z"/></svg>'); /* Custom arrow */
    background-repeat: no-repeat;
    background-position: right 10px center; /* Adjust position */
    cursor: pointer;
}
uc-unsplash-source .unsplash-input-search .uc-unsplash-orientation-filter:focus {
    border: 1px solid #f0f0f0;
    color: #181818 !important;
    outline: none;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill="%23333" d="M0 3l5 5 5-5z"/></svg>'); /* Change arrow color */

}

 uc-pixabay-source img.pixabay-files-image,
 uc-unsplash-source img.unsplash-files-image{
    box-shadow: none !important;
 }

 uc-unsplash-source .upsplash-files-wrapper > span {
    margin-left: 6px;
}
uc-unsplash-source .uploadcare-error-message,uc-pixabay-source .uploadcare-error-message{
    height: max-content;
    margin: 10px 15px 10px 12px;
}
uc-pixabay-source .video_pixbay_duration {
    margin-left: 5px;
    position: absolute;
    bottom: 15px;
    left: 12px;
    background-color: #141414;
    color: #fff;
    padding: 2px 10px 4px 10px;
    border-radius: 6px;
    font-size: 10px;
    line-height: 1.4;
}

uc-cloud-image-editor-block uc-editor-image-cropper.uc-active_from_editor uc-crop-frame>svg,
uc-cloud-image-editor-block uc-editor-image-cropper.uc-active_from_editor uc-crop-frame>svg path,
uc-cloud-image-editor-block uc-editor-image-cropper.uc-active_from_editor uc-crop-frame>svg rect,
uc-cloud-image-editor-block uc-editor-image-cropper.uc-active_from_editor uc-crop-frame>svg polygon{
    -webkit-font-smoothing: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

uc-presence-toggle.uc-sub-toolbar uc-btn-ui.uc-primary button{
    background-color: #141414;
}

 uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner {
    overflow: auto;
    padding-bottom: 5px;
}

 uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 10px;
}

uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner::-webkit-scrollbar-thumb {
	background-color: #141414;
	border-radius: 10px;
} 

uc-progress-bar .uc-progress{
    background-color: #0190b229 !important;
}
uc-file-item .uc-progress-bar {
    top: 0 !important;
    height: 100% !important;
}


uc-line-loader-ui .uc-line{
    background-color: #141414 !important;
}
uc-presence-toggle uc-slider-ui .uc-thumb{
    background-color: #01a0c6;
}

uc-pixabay-source .pixabay-files-wrapper>video {
    width: calc(100% - 20px) !important;
}

uc-pixabay-source .uc-pixabay-results .pixabay-files-wrapper .pixabay_overlay_text{
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: linear-gradient(76deg, black, #05050552);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    z-index: 1;
    cursor: pointer;
    user-select: none;
}
uc-pixabay-source .uc-pixabay-results .pixabay-files-wrapper:hover .pixabay_overlay_text {
    visibility: visible;
    opacity: 1;
}

uc-pixabay-source .uc-pixabay-results .video_pixabay_duration {
    padding: 1px 8px 2px 8px;
    border-radius: 6px;
    background-color: #141414;
    color: #fff;
    font-size: 10px;
    line-height: 1.4;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index:99;
}

uc-custom-file-uploader [uc-modal]>dialog:has(uc-unsplash-source[active]),
uc-custom-file-uploader [uc-modal]>dialog:has(uc-pixabay-source[active]){
    width: 780px !important;
}

/*Real Time Email Validations Style*/

.vd_error_message {
    color: red;
    font-size: 12px;
    margin-top: -14px;
    margin-bottom: 5px;
    display: none;
    text-align: left;
}

.ved_lowres_tooltip_wrap {
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s all;
    border: 1px solid transparent;
    height: 24px;
    padding: 0 6px 0 6px;
    display: flex;
    align-items: center;
    background-color: rgb(0 0 0 / 36%);
    line-height: 24px;
    margin-bottom: 0;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
}


.ved_anim_step .ved_lowres_tooltip_wrap {
    opacity: 1;
    visibility: visible;
}

.bc_single_link {
    color: var(--primaryColor) !important;
}
.bc_single_link:hover {
    color: var(--primaryColor) !important;
}
.bc_underline{
    text-decoration: underline !important;
}

/**/
.ved_plan_cancelling_model{

}
.ved_plan_cancelling_model .modal-body {
    padding: 30px 25px;
}

.ved_primary_bullet {
    display: flex ;
    align-items: flex-start;
    padding: 0 0 0 0;
    gap: 5px;
    flex-direction: column;
    max-width: 100%;
    margin: 15px auto 0 auto;
}
.ved_primary_bullet > p{
    font-weight: bold !important;
}
.ved_primary_bullet > p {
    font-weight: bold;
}
.ved_primary_bullet ul {
    display: flex;
    align-items: flex-start;
    padding: 0px 0;
    gap: 5px;
    flex-direction: column;
    list-style: none;
    margin-bottom: 10px;
}
.ved_primary_bullet ul li {
    display: flex;
    align-items: center;
    margin-left: -7px;
}
.list_icon.white_shades {
    flex-direction: row;
    justify-content: center;
    padding: 0;
    border-radius: 10px;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ved_primary_bullet p {
    margin-bottom: 0 !important;
}
.ved_primary_bullet ul li p {
    text-align: left !important;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #000000;
}
.ved_plan_cancelling_inner_info .ved_primary_bullet + p{
    text-align: left !important;
    margin-bottom: 11px !important;
    font-size: 14px;
}

.ved_btn_wrapper {
    margin: 0 0 15px 0;
}
.ved_btn_wrapper .ved_btn{
    min-width: 100%;
}

.ved_text_info {
    margin: 0 0 15px 0;
}
.ved_text_info p{
    font-size: 14px !important;
}

.ved_plan_cancelling_model .modal-body h3 {
    font-size: 22px !important;
}
.ved_plan_cancelling_model p{
    font-size: 15px;
    color: #000000;
    line-height: 1.4;
    margin-bottom: 0 !important;
} 

.ved_plan_cancelling_inner_info {
    padding: 0 35px;
}

p.info_des {
    color: #222;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 0;
    display: inline-block;
    position: relative;
    padding-left: 33px;
    text-align: left  !important;
    margin-bottom: 0 !important;
    border-bottom: 2px dashed #ffc800;
    padding-bottom: 10px;
    margin: 0 35px;
}
p.info_des img {
    display: inline-block;
    width: 25px;
    position: absolute;
    top: 7px;
    left: 0;
}
.ved_plan_cancelling_inner_info {
    padding: 0 35px;
}
.list_icon svg {
    width: 26px;
    height: 26px;
}

.ved_plan_cancelling_model .md_emoji {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}


.ved_plan_cancelling_model .modal-dialog {
    max-width: 525px;
}

.ved_btn_red:hover .Spinner {
    border: 2px solid #f64c49;
    border-bottom-color: #0000;
}
.ved_plan_list .ved_popup_plan .ved_btn.ved_pp_btn{
    justify-content: center;
}

.mrb_10px{
margin-bottom: 10px !important;
}
.ved_confirmation_popup_wrapper .mrb_10px{
    margin-bottom: 10px !important;
}

.info_des_wrapper {
	margin: 0 35px;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 2px dashed #ffc800;
	gap: 8px;
}

.info_des_wrapper span {
    width: 25px;
    height: 25px;
}

.info_des_wrapper span img {
    max-width: 25px;
    max-height: 25px;
    min-height: 25px;
    min-width: 25px;
}
.info_des_wrapper p {
	color: #222;
	font-weight: 500;
	font-size: 14px;
	text-align: left !important;
}

.ved_animation_sidebar_inner.vd_two_coloumn .ved_click_more_anim_wrap {
    margin-bottom: 90px;
    margin-top: 15px;
    margin-left: 8px;
}

.ved_animation_sidebar_inner.vd_two_coloumn .ved_no_records_wrapper .ved_no_records_inner_wrapper{
    text-align: center;
}

.animation_sidebar_open .ved_animation_sidebar_inner.vd_two_coloumn .ved_click_more_anim_wrap {
    margin-left: 30px;
    margin-top: 15px;
}


/* Responsive Start */

@media (max-width: 1650px){
    .tooltip-wrapper {
        left: auto;
        right: 100%;
        margin-right: 10px;
        margin-left: 0;
    }
    .tooltip-wrapper:before {
        right: -7px;
        transform: rotate(180deg);
        left: 100%;
    }
}

@media (max-width: 1350px){
    .ved_new_anim_category_wrapper {
        padding-left: 30px;
        padding-right: 0px;
    }
    /*Earn Credit Video Page Style*/
    .ved_earn_credit_status_wrapper {
        grid-gap: 20px;
        display: grid;
        /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
    }
}
@media (max-width: 1200px){
    /* .tooltip-wrapper{
        left: calc(50% - 141px);
        top: 28px;
    } */
}

@media (max-width: 991px){
    .ved_plan_cancelling_inner_info {
        padding: 0 0;
    }
    /*Us Unsplace Gallery Style (New Version)*/
    
    uc-unsplash-source, uc-pixabay-source {
        min-width: 100%;
        padding: 0 10px;
    }
    uc-pixabay-source {
        min-height: 100%;
    }
    uc-unsplash-source .uc-unsplash-results, uc-pixabay-source .uc-pixabay-results {
        min-height: auto;
    }
    uc-pixabay-source .pixabay-files-wrapper>video {
        width: calc(100% - 20px) !important;
    }
    uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner::-webkit-scrollbar-track {
        background-color: #f3f3f3;
    }
    uc-editor-toolbar>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner::-webkit-scrollbar-thumb {
        background-color: #141414;
    } 
    uc-unsplash-source .unsplash-input-search .unsplash-select-wrapper {
        position: relative;
        right: 0;
    }
    uc-cloud-image-editor-activity .uc-controls-row uc-btn-ui button:hover svg use{
        color: #141414 !important;
    }
    uc-unsplash-source .unsplash-input-search input {
        width: 50%;
    }
    .ved_create_wrapper{
        min-height: auto;
    }
    .ved_ratio_drop_main {
        top: 55px;
        right: -150px;
    }

    /*Earn Credit Video Page Style*/

    .ved_earn_credit_status_wrapper .ved_ern_credit_content h2 {
        font-size: 30px;
    }
    .ved_earn_credit_video_wrapper .ved_earn_info_link{
        display: block;
    }
 
    /*No Record*/
    .ved_no_records_wrapper .ved_no_records_inner_wrapper{
        margin-left: 0;
    }
    
    /*Single Page changes Points*/

    .ved_templates_content_head.ved_animations_head {
        align-items: flex-start;
        gap: 8px;
    }

    .ved_templates_content_head.ved_animations_head .select2-container {
        margin-right: 0;
        height: 50px;
        line-height: 46px;
        width: 100% !important;
        padding: 0 35px 0 10px;
        margin-bottom: 0;
    }
    .ved_templates_content_head.ved_animations_head .ved_templates_select p {
        background: #fbfbfb;
        height: 50px;
        line-height: 46px;
        padding: 0 15px;
        border: 2px solid #f0f0f0;
        color: #949494;
        border-radius: 5px;
    }

    .ved_templates_content_head.ved_animations_head .ved_template_head_right .ved_template_shuffle.ved_btn {
        height: 50px;
        min-width: 50px;
        line-height: 50px;
        padding: 0;
        display: inline-block !important;
    }


    .ved_new_anim_category_wrapper .ved_anim_left_arrow {
        left: 0;
    }
    .ved_new_anim_category_wrapper .ved_anim_right_arrow {
        width: 30px !important;
        right: 0;
    }
    .ved_new_anim_category_wrapper {
        padding-left: 0;
    }
    /*new step tab */
    .ved_new_anim_category_wrapper.ved_add_animation_step {
        margin: 0 18px;
    }
}
@media (max-width: 1380px){
    /*new step tab */
    .ved_new_anim_category_wrapper.ved_add_animation_step {
        margin: 0 16px;
    }
}

@media (max-width: 767px){
    
     .animation_sidebar_open .ved_animation_sidebar_inner.vd_two_coloumn .ved_click_more_anim_wrap {
        margin-left: 14px;
    }
    
    .info_des_wrapper {
        flex-direction: column;
        margin: 0 0;
    }
    .info_des_wrapper p{
        text-align: center !important;
    }
   .ved_plan_cancelling_model p.info_des{
        margin: 0 0;
    }
   .ved_plan_cancelling_model .ved_primary_bullet > p {
        font-weight: bold !important;
        text-align: left !important;
    }
    .ved_plan_cancelling_model .modal-body h3 {
        font-size: 18px !important;
    }
    .list_icon svg {
        width: 22px;
        height: 22px;
    }
    p.info_des {
        display: inline-flex;
        padding-left: 0;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    p.info_des img {
        display: inline-block;
        width: 25px;
        position: relative;
        top: 0;
        left: 0;
    }
    .ved_plan_cancelling_model p {
        font-size: 14px;
        font-weight: 400;
    }
    .ved_text_info p {
        font-size: 13px !important;
    }
    .ved_primary_bullet ul {
        padding: 0 0;
    }
    .ved_primary_bullet ul li p {
        font-size: 14px;
    }
    .uc-unsplash-source .unsplash_image_wrap:hover .unsplash_overlay_text{
        visibility: hidden;
        opacity: 0;
    }
    .ved_editor_header_top_bar .vd_template_switcher_wrapper > a:hover > i {
      background-color: #fff;
      color: #888888;
    }
    .ved_editor_header_top_bar .vd_template_switcher_wrapper > a.active:hover > i {
        background-color: #f0f0f0;
        color: #2a2a2a;
      }
    .ved_editor_header_top_bar .vd_template_switcher_wrapper > a:hover {
        color: #888888;
      }
    .ved_animation_sidebar>.ved_animation_sidebar_inner .ved_no_records_wrapper {
        align-items: flex-start;
        max-width: 300px;
        margin: 0 auto;
    }
    .ved_animation_sidebar>.ved_animation_sidebar_inner .ved_no_records_wrapper .ved_no_records_inner_wrapper {
        margin-left: 14px !important;
    }

    .ved_confirmation_popup_wrapper.refrreal_unlock_vdo_model .close{
        right: 15px;
        top: 12px;
    }

    .ved_confirmation_popup_wrapper.refrreal_unlock_vdo_model .modal-content{
        margin-top: -55px;
    }
    
    .tooltip-wrapper{
        width: 200px;
    }

    .ved_ern_info_icon span:hover > .tooltip-wrapper{
        visibility: hidden;
        opacity: 0;
    }

    /*Earn Video Review Section Responsive Style*/

    .ved_ern_vdo_review_wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content{
        padding: 20px;
    }
    .ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content h5 {
        margin-bottom: 5px;
    }
    .ved_ern_vdo_review_wrapper .ved_ern_vdo_review_inner_content h6 {
        margin-bottom: 10px;
    }
    /*Earn Credit Video Page Style*/

    .ved_frd_refer_hdr {
        margin-bottom: 0;
    }
    .ved_frd_refer_status_wrapper p.ved_mob {
        display: block !important;
        margin-bottom: 10px;
    }
    .ved_refer_link_form input {
        min-width: auto;
    }
    .ved_frd_refer_status_wrapper p {
        display: none;
    }
    .ved_frd_refer_hdr {
        align-items: flex-start;
        flex-direction: column;
    }
    .ved_earn_credit_status_wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .ved_earn_credit_status_wrapper .ved_ern_credit_content {
        flex: 0 0 100%;
    }
    .ved_earn_vdo_title_wrapper p {
        max-width: 350px;
        margin: 0 auto;
    }
    .ved_earn_vdo_title_wrapper {
        margin-bottom: 25px;
    }
   
    .ved_ern_info_icon {
        position: relative;
        top: 0;
        right: 0;
        margin-left: 10px;
    }
    .ved_earn_credit_status_wrapper .ved_ern_credit_content {
        padding: 15px 15px;
        display: flex;
        align-items: center;
    }
    
    .ved_earn_credit_status_wrapper .ved_ern_credit_content h2 {
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translate(-50%, -50%);
    }

    .ved_earn_credit_video_wrapper {
        padding-top: 100px;
    }
    
    .ved_frd_refer_status_wrapper {
        padding: 20px;
        margin-top: 15px;
    }
    

    /*Free video Referal Section Style*/
    
    .ved-Free-video-Referal-wrapper {
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
        padding: 50px 10px;
        flex-direction: column;
    }
    .ved-Free-video-Referal-content span {
        margin-bottom: 20px;
    }
    .ved-Free-video-Referal-content p{
        margin-bottom: 20px !important;
    }
    .ved-Free-video-Referal-content > p {
        text-align: center !important;
    }
    .ved-Free-video-Referal-wrapper button.ved_btn.ved_copy_referral_link {
        height: 40px;
        line-height: 38px;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .ved-Free-video-Referal-wrapper .ved-Free-video-Referal-content {
        text-align: center;
    }

    /*Single Page changes Points*/
    .ved_templates_content_head.ved_animations_head  .ved_template_head_right .ved_template_shuffle.ved_btn{
        display: block;
    }
    .ved_templates_content_head.ved_animations_head  .ved_anim_filter_option .ved_template_shuffle.ved_btn{
        display: none;
    }

    /*create Video Page*/
    .ved_animations_box_list_parent .ved_templates_content_head.ved_animations_head {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_sidebar_inner>.ved_animation_filter.ved_animation_categories {
        margin-bottom: 15px;
    }
    /*select 2 feedback points*/
    .select2-container--open .select2-dropdown.ved_template_selector.select2-dropdown--below {
        left: 0;
    }

    /*new step tab */
    .ved_new_anim_category_wrapper.ved_add_animation_step {
        margin: 0 11px;
    }
    .announcekit-widget-menu{
        display: none;
    }
    .ved_animation_toggle span.ved_anm_sidebar_arrow {
       display:none;
    }
    .animation_sidebar_open .ved_animation_toggle span.ved_anm_sidebar_arrow {
        margin-left: 16px;
        /* display:block; */
    }
    .ved_add_vd_anims{
        display:none;
    }
    .ved_animation_sidebar .ved_animation_toggle i{
        display: flex;
    }
    .ved_anim_full_model_close{
        display: none;
    }
    
    /*Mobile View Editore Responsive*/
    
    .video_editor_action_element.vd_mobile {
        position: relative;
        left: 0px;
        margin-left: 0;
        width: 100% !important;
        display: flex;
        gap: 8px;
        justify-content: center;
    }
     .video_editor_action_element {
        display: none;
     }
     .video_editor_action_element.vd_mobile .video_editor_action_element_menu{
        margin-bottom: 0;
        height: 35px;
        width: 35px;
    }
    .video_editor_action_element.vd_mobile .video_editor_action_element_menu{
        border:1px solid #f1f1f1;
    }
    .video_editor_action_element.vd_mobile .video_editor_action_element_menu svg path{
        stroke: #888888 !important;
    }
    .video_editor_action_element.vd_mobile .video_editor_action_element_menu.ved_overlay_elm_select span {
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .video_editor_action_element.vd_mobile .video_editor_action_element_menu.ved_overlay_elm_select span svg {
        width: 18px;
        height: 18px;
    }

    .video_editor_action_element.vd_mobile .ved_ratio_drop_main {
        top: -127px;
        right: 0;
        min-width: 180px;
        padding: 5px;
    }
    .video_editor_action_element.vd_mobile .ved_ratio_drop_main ul li {
        margin-bottom: 0px;
    }
    .video_editor_action_element.vd_mobile .ved_ratio_drop_main ul li .ved_ratio_drop_menu p {
        font-size: 12px;
    }
    .ved_anim_step .video_editor_action_element.vd_mobile {
        display: none !important;
    }

    /*Social Post Mobile Style*/
    .video_editor_action_element.vd_social_post.vd_mobile{
        width: 35px !important;
        padding: 0;
        border:1px solid #fff;
    }
    .video_editor_action_element.vd_social_post.vd_mobile .video_editor_action_element_menu.ved_overlay_elm_select{
        position: absolute;
        margin-top: 0;
        width: 40px;
        height: 40.5px;
    }

    .video_editor_action_element.vd_social_post.vd_mobile .ved_ratio_drop_main {
        height: 80px;
        background-color: #fff;
    }
    .video_editor_action_element.vd_social_post.vd_mobile .ved_ratio_drop_main ul li {
        display: block;
    }
    .video_editor_action_element.vd_social_post.vd_mobile:hover {
        border-color: #fff;
        box-shadow: none;
    }
    .video_editor_action_element.vd_social_post.vd_mobile .video_editor_action_element_menu:hover,
     .video_editor_action_element.vd_social_post.vd_mobile .video_editor_action_element_menu:active {
        border: 1px solid #f1f1f1;
        box-shadow: none;
    }
    .video_editor_action_element.vd_social_post.vd_mobile .ved_ratio_drop_main{
        top: -110px;
    }

    /*Mobile Fixed View Style*/

    .ved_editor_fixed_mobile_wrapper_main {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0px -15px 18px 0px rgba(0, 0, 0, 0.09);
        padding: 15px 10px;
        z-index: 10;
        width: 100% !important;
        background: #ffffff;
        transition: all 0.3s;
        display: none;
    }
    .ved_editor_fixed_mobile_wrapper_main.show {
        display: block;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper {
        display: flex;
        gap: 5px;
        width: 400px;
        margin: 0 auto;
        justify-content: center;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper .ved_back_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper .ved_back_btn span {
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        background-color: #F6F6F6;
        border-radius: 100%;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper .ved_back_btn span svg {
        width: 20px;
        height: 20px;
        margin-right: 1px;
    }
   
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper ul {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        list-style: none;
        gap: 10px;
        margin-bottom: 0;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a {
        /* border: 1px solid #f1f1f1; */
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-weight: 500;
        border-radius: 4px;
        font-size: 10px;
        width: 50px;
        gap: 1px;
        cursor: pointer;
        margin-bottom: 0;
        line-height: 1.4;
        user-select: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a[data-content="font_slider"] svg {
        fill: none;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a[data-content="font_slider"] svg path{
        stroke: #888888;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a svg {
        height: 21px;
        width: 21px;
        fill: #808080;
    }

    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a[data-content="font_slider"].active svg{
        fill: none;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a[data-content="font_slider"].active svg path{
        stroke: var(--primaryColor);
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a.active svg {
        fill: var(--primaryColor);
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a.active {
        color: var(--primaryColor);
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a p {
        margin-bottom: 0;
    }
    .ved_editor_fixed_mobile_wrapper_main .ved_editor_mob_setting_tab_wrapper > ul li a span.estting_icon {
        margin-bottom: 4px;
    }

    .ved_setting_mob_tab_con_inner {
        margin-top: 4px;
        margin-bottom: 5px;
        padding: 12px 2px;
        display: none;
        
    }
    
    .ved_setting_mob_tab_con_inner.font_slider ul {
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin: 0;
        max-height: 200px;
        flex-wrap: wrap;
        overflow: auto;
    }
    /* .ved_setting_mob_tab_con_inner.font_slider ul::-webkit-scrollbar-track {
        background-color: #fff;
    }
    .ved_setting_mob_tab_con_inner.font_slider ul::-webkit-scrollbar-thumb {
        background-color: #fff;
    }
    .ved_setting_mob_tab_con_inner.font_slider ul::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    } */
    .ved_setting_mob_tab_con_inner.font_slider ul li {
        display: flex;
        align-items: center;
        background-color: #F6F6F6;
        margin: 0;
        padding: 6px 10px 6px 6px;
        gap: 5px;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: 0em;
        color: #000000;
        font-family: "Poppins", sans-serif;
        cursor: pointer;
    }
    .ved_setting_mob_tab_con_inner.font_slider ul li p {
        margin-bottom: 0;
        display: block;
        white-space: nowrap;
        font-weight: bold;
    }

    /*Range Picker Style*/
     .slidecontainer p {
        color: #000;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .vd_range_shape_slider input {
        -webkit-appearance: none;
        width: 100%;
        height: 7px;
        border-radius: 3px;
        outline: none;
        padding: 0;
        margin: 0;
        background-color: transparent;
        z-index: 99999999;
        position: relative;
    }

    .editor_act_main.vd_bg_styles {
        margin-bottom: 0;
    }
    .ved_setting_mob_tab_con_inner.styles {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 1px;
        margin-top: 5px;
    }

    .vd_range_shape_slider:before {
        background-image: url(../images/range_slider_bg_1.png);
    }
    .sp-palette-container{
        display: none;
    }
    .ved_setting_mob_tab_con_inner.text_color {
        padding-bottom: 0;
        padding-top: 0;
    }
    .ved_setting_mob_tab_con_inner.bg_fill {
        padding-bottom: 10px;
        padding-top: 0;

    }
    .ved_text_editor_mobile_main .modal-body.ved_delete_body_wrapper {
        display: flex;
        align-items: center;
    }
    .ved_text_editor_mobile_main .ved_text_editor_mob_inner {
        width: 100%;
    }
    .vd_element-overlay svg.delete_icon {
        display: block;
    }
    .vd_element-overlay.active .vd_element_edit_handler {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .vd_element-overlay.active .ui-resizable-handle.ui-resizable-se, .vd_element-overlay.active .ui-resizable-handle.ui-resizable-ne,
     .vd_element-overlay.active .ui-resizable-handle.ui-resizable-sw, .vd_element-overlay.active .ui-resizable-handle.ui-resizable-nw {
        opacity: 1 !important;
    }
    

    /*Half Model for Text Module*/

    .vd_txt_edt_half_model{
        position: fixed;
        bottom: 0;
        left: 0;
        box-shadow: 0px -15px 18px 0px rgba(0, 0, 0, 0.09);
        z-index: 10;
        width: 100% !important;
        background: #ffffff;
        display: block;
        transition: all 0.3s;
        transform: translate(0, 150px);
        opacity: 0;
        visibility: hidden;
    }
    .vd_txt_edt_half_model.show{
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
    }
    .vd_txt_edt_half_model_inner_content {
        position: relative;
        padding: 40px 30px 10px 30px;
    }
    .vd_txt_edt_half_model_inner_content .editor_act_main {
        margin-bottom: 10px;
    }
    .vd_txt_edt_half_model_inner_content .formating_options_list {
        margin-bottom: 20px;
        padding-top: 12px;
    }
    .vd_txt_edt_half_model_inner_content  .formating_options_list button span svg {
        width: 14px;
        height: 14px;
    }
    .vd_txt_edt_half_model_inner_content  .formating_options_list button {
        padding: 0;
    }
    /* .vd_txt_edt_half_model_inner_content .formating_options_list .vd_toolbar_element.bold span {
        margin-left: 0.5px;
    }
    .vd_txt_edt_half_model_inner_content .formating_options_list .vd_toolbar_element.underline span {
        margin-left: 0.5px;
    } */

    .vd_txt_edt_half_model_inner_content button.vd_toolbar_element.text-alignment.text-left span{
        margin-bottom: 0.8px;
        margin-right: -3px;
    }
    .vd_txt_edt_half_model_inner_content button.vd_toolbar_element.text-alignment.text-middle span{
        margin-bottom: 1px;
        margin-right: -1.5px;
    }
    .vd_txt_edt_half_model_inner_content button.vd_toolbar_element.text-alignment.text-right span{
        margin-bottom: 1px;
        margin-right: -1.5px;
    }
    
    .vd_txt_edt_half_model_inner_content .formating_options_list button.vd_toolbar_element.wrap span {
        margin-right: -1.8px;
        margin-bottom: 0.2px;
    }
    .vd_txt_edt_half_model_inner_content .formating_options_list button.vd_toolbar_element.delete span {
        margin-right: -1.8px;
        margin-bottom: 0.2px;
    }
    
    .vd_txt_edt_half_model_inner_content .formating_options_list button.vd_toolbar_element.underline span {
        margin-bottom: 1.5px;
        margin-left: 1.5px;
    }

   

    .vd_txt_edt_half_model .ved_popup_close {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: absolute;
        top: 12px;
        right: 12px;
    }
    .vd_txt_edt_half_model .editor_act_main .formating_options_list .editor_act_main.font-size-mobile{
        margin-bottom: 0;
    }
    .vd_txt_edt_half_model .editor_act_main .formating_options_list .ved_custom_input {
        height: 35px;
        min-height: 35px;
    }
    .vd_txt_edt_half_model .ved_popup_close svg path{
        stroke: #121212 !important;
    }
    .vd_txt_edt_half_model .ved_popup_close:hover svg path{
        stroke: #01a0c6 !important;
    }

    .vd_element-overlay .delete_icon {
        display: flex;
    }
    .vd_element-overlay .edit_icon {
        display: none;
    }
    .vd_txt_edt_half_model_inner_content .formating_options_list .italic span{
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .vd_txt_edt_half_model .vd_resize-handle{
        display: none;
    }
    .formating_options_list button:hover {
        background-color: #fff;
        border: 1px solid #EFEFEF;
    }

    .vd_element-overlay .ui-resizable-handle.ui-resizable-nw {
        width: 18px;
        height: 18px;
        left: -9px;
        top: -9px;
    }
    .vd_element-overlay .ui-resizable-handle.ui-resizable-sw {
        width: 18px;
        height: 18px;
        left: -9px;
        bottom: -9px;
    }
    .vd_element-overlay .ui-resizable-handle.ui-resizable-ne {
        width: 18px;
        height: 18px;
        right: -9px;
        top: -9px;
    }
    .vd_element-overlay .ui-resizable-handle.ui-resizable-se {
        width: 18px;
        height: 18px;
        right: -9px;
        bottom: -9px;
    } 

    /*Scroll Sttoper Re-Sizer Bollete styles*/
    /*Image*/
    .vd_element-overlay.vd_image .ui-resizable-handle.ui-resizable-se {
        z-index: 9999 !important;
        width: 24px !important;
        height: 24px !important;
        right: -11px !important;
        bottom: -11px !important;
    }
    .vd_element-overlay.vd_image .ui-resizable-handle.ui-resizable-sw {
        z-index: 9999 !important;
        width: 24px !important;
        height: 24px !important;
        left: -11px !important;
        bottom: -11px !important;
    }
    .vd_element-overlay.vd_image .ui-resizable-handle.ui-resizable-nw{
        z-index: 9999 !important;
        width: 24px !important;
        height: 24px !important;
        left: -11px !important;
        top: -11px !important;
    }

    .vd_element-overlay.vd_image .ui-resizable-handle.ui-resizable-ne{
        width: 24px !important;
        height: 24px !important;
        top: -11px !important;
        right: -11px !important;
        background-color: #01a0c6 !important;
    }
    
    .vd_element-overlay.vd_image.ved_elm_transition_none img{
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .vd_element-overlay.vd_image .vd_element_edit_handler, .vd_element-overlay.vd_text .vd_element_edit_handler  {
        top: -11px;
        right: -11px;
        width: 24px !important;
        height: 24px !important;
    }
    .vd_element-overlay.vd_image .vd_element_edit_handler a,.vd_element-overlay.vd_text .vd_element_edit_handler a{
        width: 24px !important;
        height: 24px !important;
    }
    .vd_element-overlay.vd_image .vd_element_edit_handler a svg,.vd_element-overlay.vd_text .vd_element_edit_handler a svg{
        width: 16px;
        height: 16px;
        margin-left: 0.5px;
        margin-bottom: 0.5px;
    }
    

    /*Text */
    .vd_element-overlay.vd_text .ui-resizable-handle.ui-resizable-se {
        z-index: 9999 !important;
        width: 24px !important;
        height: 24px !important;
        right: -11px !important;
        bottom: -11px !important;
    }
    .vd_element-overlay.vd_text .ui-resizable-handle.ui-resizable-sw {
        z-index: 9999 !important;
        width: 24px !important;
        height: 24px !important;
        left: -11px !important;
        bottom: -11px !important;
    }
    .vd_element-overlay.vd_text .ui-resizable-handle.ui-resizable-nw{
        z-index: 9999 !important;
        width: 24px !important;
        height: 24px !important;
        left: -11px !important;
        top: -11px !important;
    }

    .vd_element-overlay.vd_text .ui-resizable-handle.ui-resizable-ne{
        width: 24px !important;
        height: 24px !important;
        top: -11px !important;
        right: -11px !important;
        background-color: #01a0c6 !important;
    }


    /*Color Picker shades List Style*/
    .color_formating_options_list {
        display: flex;
        align-items: center;
        padding-left: 0;
    }
    .color_formating_options_list .color_shades_option_list {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 0 10px 0;
        flex-wrap: wrap;
    }
    .color_formating_options_list  .color_shades_option_list span {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        padding: 5px;
        border: 2px solid #fff;
        max-width: 36px;
        min-width: 36px;
        outline: 2px solid #fff;
    }
    .color_formating_options_list .color_shades_option_list span.active {
        outline: 2px solid #01a0c6 !important;
    }

    .color_selectore_wrapper .colopicker-feilds{
        position: relative;
    }
    .color_selectore_wrapper .colopicker-feilds .sp-replacer{
        width: 36px;
        height: 36px;
        opacity: 0;
    }
    .color_selectore_wrapper .colopicker-feilds > span{
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        padding: 5px;
        border: 2px solid #fff;
        max-width: 36px;
        min-width: 36px;
        position: absolute;
        top: 0;
        background:linear-gradient(162deg, #f11030 1.7%, #f2ab21 13.3%, #e2f221 24.5%, #0ccf16 34.8%, #4bcdc8 47.2%, #fd3c2e75 58.9%, #9665e5 67.6%, #5006c6 78.1%, #f662f8 89.2%, #f862b5 103.3%, #e48190 113.9%);
    }   
    .color_selectore_wrapper .colopicker-feilds > span svg{
        width: 20px;
        height: 20px;
    }
    .color_selectore_wrapper .colopicker-feilds > span svg path{
      stroke: #fff;
    }
    .ved_editor_mob_setting_tab_content{
        max-width: 400px;
        margin: 0 auto;
    }

    /*Font Size With Slider Style*/
    .vd_text_size_wrapper {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .vd_text_size_wrapper .editor_act_main{
       margin-bottom: 0;
    }
    .vd_text_size_wrapper input.ved_custom_input {
        padding: 8px 15px;
        max-width: 70px;
    }
    .vd_text_size_wrapper .vd_range_shape_slider:before{
        background-image: url(../images/radius_shap.png);
    }
    
    .video_editor_action_element.vd_social_post.vd_mobile .video_editor_action_element_menu svg path {
        stroke: #888888 !important;
    }

    .ved_template_toolbar_menu li.ved_post_mode_effects div i{
        color: #888888;
    }
    .ved_template_toolbar_menu li.ved_post_mode_effects:hover i{
        color: var(--primaryColor) !important;
    }
    
}
@media (min-width: 767px){

    .announcekit-listmenu{
        display: none;
    }
    /*Animation Sidebar Style*/

    /*tab Style*/
    
    .ved_anm_sidebar_tabs {
        position: relative;
        margin-top: 11px;
    }
    .ved_anm_sidebar_tabs ul {
        list-style: none;
        padding: 0;
        display: flex;
        align-items: center;
        gap: 9.9px;
        justify-content: center;
    }
    .ved_anm_sidebar_tabs ul li {
        border-radius: 4px;
        cursor: pointer;
        transition: 0.3s all;
        border: 1px solid #EFEFEF;
        height: 32px;
        line-height: 1.4;
        padding: 0 15px 0 10px;
        display: flex;
        align-items: center;
        gap: 2px;
        background-color: #ffffff;
    }
    .ved_anm_sidebar_tabs ul li span svg {
        line-height: 1.4;
        width: 20px;
        height: 20px;
    }
    .ved_anm_sidebar_tabs ul li p {
        display: block !important;
        line-height: 1.4;
        margin-bottom: 0;
        font-family: Poppins;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0em;
        text-align: left;
        color: #000000;
    }
    .ved_anm_sidebar_tabs ul li:hover {
        background-color: #E6E6E6;
        border: 1px solid #E6E6E6;
        /* color: #fff; */
    }
    
    .ved_anm_sidebar_tabs ul li.active {
        background-color: #585858;
        border: 1px solid #585858;
        color: #fff;
    }
    .ved_anm_sidebar_tabs ul li.active p {
        color: #fff;
    }
    .ved_anm_sidebar_tabs ul li.active span svg path {
        stroke: #fff;
    }

    /*Video Grid Style*/

    .ved_animation_sidebar>.ved_animation_sidebar_inner .ved_animations_box_list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 10px;
    }

    .ved_animation_sidebar .ved_animations_box {
        width: 100%;
        margin-bottom: 0;
    }

    /*hide Grid css for full width Condition*/
    
    .animation_sidebar_open  .ved_animation_sidebar>.ved_animation_sidebar_inner .ved_animations_box_list {
        display: flex;
        grid-template-columns: initial;
        grid-gap: 0;
    }
    .animation_sidebar_open .ved_animation_sidebar .ved_animations_box, .animation_sidebar_open .ved_animation_sidebar .skeleton.skeleton-image {
        width: calc(25% - 30px);
        margin-bottom: 30px;
    }

    /*Sidebar Show Hide Toggle Style*/

    .ved_animation_toggle span.ved_anm_sidebar_arrow {
        width: 29px;
        height: 63px;
        background: #FAFAFA;
        border-radius: 6px 0px 0px 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .ved_animation_toggle:hover span.ved_anm_sidebar_arrow svg path{
        stroke:#01a0c6;
    }
    .ved_animation_sidebar>.ved_animation_toggle {
        top: 50%;
    }

    /*On Full Width Condtion Style For Arrow*/

    /* .animation_sidebar_open .ved_animation_toggle span.ved_anm_sidebar_arrow {
        transform: rotate(180deg);
    } */

    /* .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle {
        right: 98.4%;
    } */

    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle{
        right: auto;
        transform: rotate(180deg);
        box-shadow: inset 0px 0px 0px 1px #F2F2F2;
    }

    .animation_sidebar_open .ved_animation_sidebar>.ved_animation_toggle>img {
        min-width: 65px;
        transform: rotate(-22deg);
    }
    .animation_sidebar_open .ved_anim_full_model_close {
        position: absolute;
        right: 50px;
        top: 124px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 2;
        display: block !important;
    }
    .animation_sidebar_open .ved_anim_full_model_close:hover svg path{
        stroke: #01a0c6;
    }
    .ved_anim_full_model_close{
        display: none;
    }

    /*Add More User*/

    .ved_add_vd_anims {
        width: 100%;
        border: 2px solid #f1f1f1;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin: 0 auto;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
        height: 100%;
        flex-direction: column;
        gap: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ved_add_vd_anims:hover {
        border-color: var(--primaryColor);
        box-shadow: 0 10px 15px 0 rgba(35, 57, 209, 0.1);
    }
    
    .ved_add_vd_anims a{
        color: #479EC2;
        font-weight: 500;
        font-size: 12px;
        line-height: 1.4;
        transition:0.3s all;
        display: none;
    }
    .ved_add_vd_anims:hover a{
        display: block;
    }
    .ved_add_vd_anims:hover svg{
       transition: 0.3s all;
    }
    .ved_add_vd_anims:hover svg path{
        stroke:#01a0c6;
    }
    .animation_sidebar_open .ved_add_vd_anims{
        display: none;
    }
    .ved_animation_sidebar {
        width: 342px;
    }

    /**/
    .ved_animation_sidebar .ved_animation_toggle i{
        display: none;
    }
    
    .animation_sidebar_open.ved_template_animation_box .ved_animation_sidebar .ved_animations_box{
        width: 100%;
    }

    /*checkbox hide on hover*/
    .ved_animation_sidebar .ved_animations_box_list .ved_animations_box:hover .ved_checkmark{
       display: none;
    }

}
@media (max-width: 575px) {
    .ved_GetplanPopup_wrapper .ved_mo_ye_wrapper {
        margin-bottom: 18px;
    }
    .package-restriction-details-wrapper {
        margin:22px auto 20px auto;
    }
    .package-restriction-details-wrapper{
        padding: 10px 10px 10px 10px;
    }
    .package-restriction-details-wrapper .grid .anm_checkbox_label{
        line-height: 1.5;
    }
    /**/
    .ved_text_editor_mobile_main .modal-body.ved_delete_body_wrapper {
        padding: 30px;
    }

    .tooltip-wrapper {
        width: 160px !important;
    }
    /* .tooltip-wrapper{
        left: -20px;
    } */

    .tooltip.bs-tooltip-right .tooltip-inner {
        max-width: 170px;
    }

    /*Single Page changes points*/

    .animation_sidebar_open.ved_template_animation_box .ved_templates_content_head.ved_animations_head {
        margin-bottom: 0px;
    }
    .ved_template_animation_box .ved_animation_sidebar>.ved_animation_sidebar_inner {
        margin-top: 10px !important;
    }
}

@media (max-width: 480px) {
    .ved_plan_cancelling_inner_info .ved_primary_bullet {
        padding: 0 0 0 0;
    }
    .tooltip-inner {
        max-width: 160px;
    }
 /*Single Page changes points*/
 .ved_templates_content_head.ved_animations_head .ved_template_head_right .ved_template_shuffle.ved_btn {
    width: 40px;
    height: 40px;
    min-width: 40px;
    line-height: 37px;
}
.ved_templates_content_head.ved_animations_head .select2-container {
    height: 40px;
    line-height: 37px;
    padding: 0 32px 0 10px;
}
.ved_templates_content_head.ved_animations_head .ved_templates_select p {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.ved_templates_content_head.ved_animations_head .ved_template_head_right .ved_scratch_btn.ved_btn {
    margin-left: 2px;
}

.ved_templates_content_head.ved_animations_head .ved_template_head_right a.ved_scratch_btn.ved_btn {
    display: none;
}
.ved_templates_content_head.ved_animations_head a.ved_scratch_btn.ved_btn.ved_scartch_mob_btn {
    display: block;
    flex: 0 0 100%;
    margin: 10px 0 0;
}

/**/
.tooltip-wrapper {
    left: auto;
    right: 100%;
    margin-right: 10px;
    margin-left: 0;
}
.tooltip-wrapper:before {
    right: -7px;
    transform: rotate(180deg);
    left: 100%;
}

}
@media (max-width: 440px) {

    .ved_billing_alert_wrapper .vd_dash {
        display: none;
    }
    .ved_billing_alert_content p {
        max-width: 347px;
    }
   
}

@media (max-width: 400px) {
    .ved_editor_mob_setting_tab_content {
        max-width: 100%;
    }
}