@font-face {
    font-family: 'HeroNew';
    src: url("../webfonts/HeroNew/HeroNew-Light.otf") format("opentype");
    font-weight: 300;
}
@font-face {
    font-family: 'HeroNew';
    src: url("../webfonts/HeroNew/HeroNew-Regular.otf") format("opentype");
    font-weight: 400;
}
@font-face {
    font-family: 'HeroNew';
    src: url("../webfonts/HeroNew/HeroNew-Medium.otf") format("opentype");
    font-weight: 500;
}
@font-face {
    font-family: 'HeroNew';
    src: url("../webfonts/HeroNew/HeroNew-SemiBold.otf") format("opentype");
    font-weight: 600;
}
@font-face {
    font-family: 'HeroNew';
    src: url("../webfonts/HeroNew/HeroNew-Bold.otf") format("opentype");
    font-weight: 700;
}
@font-face {
    font-family: 'HeroNew';
    src: url("../webfonts/HeroNew/HeroNew-ExtraBold.otf") format("opentype");
    font-weight: 800;
}
@font-face {
    font-family: 'HeroNew';
    src: url("../webfonts/HeroNew/HeroNew-Super.otf") format("opentype");
    font-weight: 900;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    font-family: 'HeroNew', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    background-color: #ffffff;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.wow {
    visibility: hidden;
}
a,
button,
.btn {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
a {
    text-decoration: none;
}
p:last-child {
    margin-bottom: 0;
}
.owl-carousel .owl-item img {
    width: auto;
}

::-webkit-input-placeholder {
    color: #bdbdbd !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
::-moz-placeholder {
    color: #bdbdbd !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
:-ms-input-placeholder {
    color: #bdbdbd !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
:-moz-placeholder {
    color: #bdbdbd !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
::placeholder {
    color: #bdbdbd !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
.select2-selection__placeholder {
    color: #bdbdbd !important;
}


.nice-select span.current {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    word-break: break-all;
}
.nice-select .list {
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}
.nice-select .list .option {
    min-height: auto;
    line-height: 1.6;
    padding: 10px 10px;
    white-space: initial;
}


.help-block {
    display: none;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    color: #dc3545;
}
.help-block.show {
    display: block;
}

.no-data-row {
    display: none;
}

.dropdown-menu-center {
    right: auto !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 60px) !important;
    -o-transform: translate(-50%, 60px) !important;
    transform: translate(-50%, 60px) !important;
}

.invalid-feedback {
    font-size: .775em;
}

.iti-flag {
    background-image: url('../images/flags.png');
}

/* ===== Common Style :start ===== */
.ls-1px {
    letter-spacing: 1px;
}
.ls-5px {
    letter-spacing: 5px;
}

.text-color-1 {
    color: #7c00ff !important;
}
.text-color-2 {
    color: #ff444e !important;
}
.text-color-3 {
    color: #1cd1c1 !important;
}
.bg-color-1 {
    background-color: #7c00ff !important;
}
.bg-color-2 {
    background-color: #ff444e !important;
}
.bg-color-3 {
    background-color: #1cd1c1 !important;
}

.fs-10px {
    font-size: 10px;
}
.fs-12px {
    font-size: 12px;
}
.fs-14px {
    font-size: 14px;
}
.fs-16px {
    font-size: 16px;
}
.fs-18px {
    font-size: 18px;
}
.fs-20px {
    font-size: 20px;
}


.opacity-25 {
    opacity: 0.25 !important;
}
.opacity-50 {
    opacity: 0.5 !important;
}
.opacity-75 {
    opacity: 0.75 !important;
}
.opacity-100 {
    opacity: 1 !important;
}

/* btn-style-1 :start */
.btn-style-1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: #ff444e;
    border: 2px solid #ff444e;
    border-radius: 50px;
    padding: 8px 22px;
}
.btn-style-1:hover {
    color: #fff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}

.btn-style-1.c2 {
    color: #ffffff;
    background-color: #1cd1c1;
    border-color: #1cd1c1;
}
.btn-style-1.c2:hover {
    color: #fff;
    background-color: #11b1a3;
    border-color: #11b1a3;
}

.btn-style-1.c3 {
    color: #ffffff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}
.btn-style-1.c3:hover {
    color: #fff;
    background-color: #5901b9;
    border-color: #5901b9;
}
/* btn-style-1 :end */

/* btn-style-2 :start */
.btn-style-2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #1cd1c1;
    background-color: transparent;
    border: 2px solid #1cd1c1;
    border-radius: 50px;
    padding: 12px 35px;
}
.btn-style-2:hover {
    color: #fff;
    background-color: #1cd1c1;
    border-color: #1cd1c1;
}
.btn-style-2.c2 {
    color: #ff444e;
    border-color: #ff444e;
}
.btn-style-2.c2:hover {
    color: #fff;
    background-color: #ff444e;
    border-color: #ff444e;
}

.btn-style-2.c3 {
    color: #7b00ff;
    border-color: #7b00ff;
}
.btn-style-2.c3:hover {
    color: #fff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}

.btn-style-2.c4 {
    color: #a6a6a6;
    border-color: #a6a6a6;
}
.btn-style-2.c4:hover {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
/* btn-style-2 :end */

/* btn-style common :start */
.btn-style-md {
    font-size: 14px;
    padding: 10px 22px;
}
.btn-style-sm {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 20px;
    border-width: 1px;
}
.btn-style-xs {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 15px;
    border-width: 1px;
}

.button-wrap {
    display: flex;
    gap: 15px
}
/* btn-style common :end */

/* title-wrap-1 :start */
.title-wrap-1 {
    width: 100%;
    margin-bottom: 15px;
}
.title-wrap-1 h3 {
    font-size: 65px;
    font-weight: 700;
    line-height: 1.1;
    color: #350e6a;
    margin-bottom: 0;
}
.title-wrap-1 h3 span {
    color: #1cd1c1;
}
.title-wrap-1 h5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1.2px;
    line-height: 1.2;
    color: #1cd1c1;
    margin-bottom: 10px;
}
/* title-wrap-1 :end */

/* checkbox and radio box style-1 :start */
.checkbox-style-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #000000;
    display: flex;
    gap: 10px;
    padding-left: 0;
    margin-bottom: 5px;
}
.checkbox-style-1 .form-check-input {
    flex-shrink: 0;
    flex-grow: 0;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-left: 0;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    cursor: pointer;
}
.checkbox-style-1 .form-check-input:hover {
    background-color: #e8e7e7;
}
.checkbox-style-1 .form-check-input:checked {
    background-color: transparent;
    border-color: #cdcdcd;
}
.checkbox-style-1 .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: #1cd1c1;
    border-color: #1cd1c1;
}
.checkbox-style-1 .form-check-input:focus {
    border-color: #cdcdcd;
    outline: 0;
    box-shadow: none;
}
.checkbox-style-1 .form-check-label {
    display: flex;
    align-items: center;
    padding-top: 5px;
    margin: 0;
    cursor: pointer;
}


.checkbox-style-1 .form-check-input[type=radio] {
    border-width: 2px;
    border-radius: 100%;
}
.checkbox-style-1 .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 426.667 426.667;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M213.333,106.667c-58.88,0-106.667,47.787-106.667,106.667S154.453,320,213.333,320S320,272.213,320,213.333 S272.213,106.667,213.333,106.667z' fill='%231cd1c1'/%3E%3Cpath d='M213.333,0C95.467,0,0,95.467,0,213.333s95.467,213.333,213.333,213.333S426.667,331.2,426.667,213.333 S331.2,0,213.333,0z M213.333,384c-94.293,0-170.667-76.373-170.667-170.667S119.04,42.667,213.333,42.667 S384,119.04,384,213.333S307.627,384,213.333,384z' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    border-color: #1cd1c1;
}


.checkbox-style-1.c2 .form-check-input:checked[type=checkbox] {
    background-color: #ff444e;
    border-color: #ff444e;
}
.checkbox-style-1.c2 .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 426.667 426.667;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M213.333,106.667c-58.88,0-106.667,47.787-106.667,106.667S154.453,320,213.333,320S320,272.213,320,213.333 S272.213,106.667,213.333,106.667z' fill='%23ff444e'/%3E%3Cpath d='M213.333,0C95.467,0,0,95.467,0,213.333s95.467,213.333,213.333,213.333S426.667,331.2,426.667,213.333 S331.2,0,213.333,0z M213.333,384c-94.293,0-170.667-76.373-170.667-170.667S119.04,42.667,213.333,42.667 S384,119.04,384,213.333S307.627,384,213.333,384z' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    border-color: #ff444e;
}
/* checkbox and radio box style-1 :end */

/* breadcrumb-style-1 :start */
.breadcrumb-style-1 .breadcrumb {
    padding: 0;
    margin: 0;
}
.breadcrumb-style-1 .breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #46454b;
}
.breadcrumb-style-1 .breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 10px;
}
.breadcrumb-style-1 .breadcrumb .breadcrumb-item a {
    color: inherit;
}
.breadcrumb-style-1 .breadcrumb .breadcrumb-item a:hover {
    color: #1cd1c1;
}
.breadcrumb-style-1 .breadcrumb .breadcrumb-item.active {
    color: #ef4751;
}
.breadcrumb-style-1 .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    padding-right: 10px;
}
/* breadcrumb-style-1 :end */

/* form-style-1 :start */
.form-style-1 .form-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #350e6a;
    margin-bottom: 10px;
    display: block;
}
.form-style-1 .form-control {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.5;
    color: #000000;
    border: 2px solid #c5c5c5;
    border-radius: 50px;
    padding: 3px 30px;
    box-sizing: border-box;
}
.form-style-1 textarea.form-control {
    line-height: 1.5;
    padding: 20px 30px;
    border-radius: 30px;
    resize: none;
}
.form-style-1 input[type="password"] {
    letter-spacing: 2px;
}
.form-style-1 .form-control:focus {
    box-shadow: none;
    border-color: #7c00ff;
}
.form-style-1 .intl-tel-input {
    width: 100%;
}
.form-style-1 .frm-link {
    display: inline-flex;
    align-items: center;
}
.form-style-1 .frm-link svg path {
    fill: #7c00ff;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.form-style-1 .frm-link:hover svg path {
    fill: #ff444e;
}


.form-style-1 .form-control + .select2 {
    width: 100% !important;
    /* min-height: 50px; */
}
.form-style-1 .form-control + .select2 .selection .select2-selection {
    height: auto;
    border: 2px solid #c5c5c5;
    border-radius: 30px;
    padding: 3px 30px;
}
.form-style-1 .form-control + .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    line-height: 2.5;
    padding: 0;
}
.form-style-1 .form-control + .select2 .selection .select2-selection .select2-selection__arrow {
    width: 30px;
    height: 100%;
    border: 0;
}
.form-style-1 .form-control + .select2 .selection .select2-selection .select2-selection__arrow b {
    width: 8px;
    height: 8px;
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    margin-left: -17px;
    margin-top: -6px;
}
.form-style-1 .form-control + .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b {
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -5px;
}
.form-style-1 .form-control + .select2.select2-container--open .selection .select2-selection {
    box-shadow: none;
    border-color: #7c00ff;
}



.form-style-1 .form-control[multiple] + .select2 .selection .select2-selection {
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 25px;
}
.form-style-1 .form-control[multiple] + .select2 .selection .select2-selection .select2-selection__rendered {
    padding: 0;
    margin: 0;
}
.form-style-1 .form-control[multiple] + .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
    font-size: 12px;
    font-weight: 400;
}
.form-style-1 .form-control[multiple] + .select2 .selection .select2-selection .select2-selection__rendered + .select2-search .select2-search__field {
    font-size: 14px;
    font-weight: 400;
    min-height: 32px;
    padding: 7px 5px;
    border: 0 !important;
}



.form-style-1 .fsbtn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
}

.form-style-1.fscolumn .form-label {
    font-size: 14px;
    padding-top: 15px;
    margin-bottom: 0;
}
/* form-style-1 :end */

/* form style sub style :start */
.fieldview-wrap {
    position: relative;
}
.fieldview-wrap .form-control {
    padding-right: 45px;
}
.fieldview-wrap .field-data {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: auto;
    /* height: 100%; */
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    cursor: pointer;
}
.fieldview-wrap .field-data.show {
    opacity: 1;
}

.fieldphone-wrap {
    position: relative;
}
.fieldphone-wrap input {
    padding-left: 75px !important;
}
.fieldphone-wrap .dialcode {
    position: absolute;
    top: 10px;
    /* bottom: 10px; */
    left: 10px;
    width: 55px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: #000000;
    padding: 0px 8px;
    background-color: #f5f5f5;
    border: 1px solid #e2e2e2;
    border-radius: 100px;
    overflow: hidden;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* .fieldphone-wrap .dialcode::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -1px;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
} */

.inputlocate-wrap {
    position: relative;
}
.inputlocate-wrap .form-control {
    padding-right: 130px !important;
}
.inputlocate-wrap .locatemeBtn {
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #372468;
    background-color: #f5f5f5;
    border: 1px solid #e2e2e2;
    border-radius: 50px;
    padding: 5px 10px 5px 15px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inputlocate-wrap .locatemeBtn img {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inputlocate-wrap .locatemeBtn:hover {
    color: #ffffff;
    background-color: #350e6a;
    border-color: #350e6a;
}
.inputlocate-wrap .locatemeBtn:hover img {
    filter: invert(1) brightness(2);
}

.addamount-wrap {
    position: relative;
}
.addamount-wrap .form-control {
    padding-left: 40px !important;
}
.addamount-wrap::before {
    content: '\f156';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff444e;
    position: absolute;
    top: 0;
    /* bottom: 0; */
    left: 20px;
    height: 50px;
    display: flex;
    align-items: center;
}

.form-note {
    width: 100%;
}
.form-note p {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.6;
    color: #000000;
}
.form-text {
    margin-top: 0.35rem;
    font-size: .775em;
    font-weight: 400;
    font-style: italic;
    color: #6c757d;
}

.frmsocialmedia-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.frmsocialmedia-wrap > div {
    width: calc(50% - 5px);
    align-items: center;
}
.frmsocialmedia-wrap .form-check-label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-style-1.frm-fs14px .form-control {
    font-size: 14px;
    font-weight: 400;
    padding: 5.5px 30px;
}
.form-style-1.frm-fs14px textarea.form-control {
    padding: 20px 30px;
}
.form-style-1.frm-fs14px .form-control + .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 14px;
}
/* form style sub style :end */

/* intltel-custom-1 :start */
.intltel-custom-1 .intl-tel-input.allow-dropdown .flag-container {
    top: 10px;
    bottom: 10px;
    left: 10px;
}
.intltel-custom-1 .intl-tel-input .selected-flag .iti-flag {
    display: none;
}
.intltel-custom-1 .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
    font-size: 13px;
    padding-left: 0;
}
.intltel-custom-1 .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
    background-color: #f5f5f5 !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 100px;
    overflow: hidden;
}
.intltel-custom-1 .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag:hover {
    background-color: #e2e2e2 !important;
}
.intltel-custom-1 .intl-tel-input .selected-flag {
    width: 65px !important;
}
.intltel-custom-1 .intl-tel-input .selected-flag .iti-arrow {
    border: 0 !important;
    position: relative;
    padding-right: 3px;
}
.intltel-custom-1 .intl-tel-input .selected-flag .iti-arrow::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: -1px;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.intltel-custom-1 .intl-tel-input .phonewithcode {
    padding-left: 85px !important;
}
.intltel-custom-1 .intl-tel-input .country-list {
    min-width: 320px;
    max-width: 320px;
    white-space: normal;
}
/* intltel-custom-1 :end */

/* sidemenu-btnwrap-1 :start */
.sidemenu-btnwrap-1 {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 17px;
}
.sidemenu-btnwrap-1 .mobfilter a {
    padding: 5px 30px;
}
/* sidemenu-btnwrap-1 :end */

/* .hdwrap-style-1 :start */
.hdwrap-style-1 {
    margin-bottom: 8px;
}
.hdwrap-style-1 h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #372468;
    margin-bottom: 0px;
}
.hdwrap-style-1 h3 span {
    color: #47c0b7;
}
/* .hdwrap-style-1 :end */

/* right content wrap :start */
.rightcontent-wrap {
    background-color: #ffffff;
    padding: 30px 35px 35px 35px;
}
/* right content wrap :end */

/* Rating style 2 :start */
.rating-wrap-2 {
    display: flex;
    align-items: center;
    gap: 10px 20px;
}

.rating-wrap-2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 5px;
}
.rating-wrap-2 ul li {
    cursor: pointer;
}
.rating-wrap-2 ul li i {
    font-size: 30px;
    color: #fabc28;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}

.rating-wrap-2 ul li.active ~ li i,
.rating-wrap-2 ul li.active i {
    font-weight: 900;
}
.rating-wrap-2 ul:hover li i {
    font-weight: 400 !important;
}
.rating-wrap-2 ul li:hover ~ li i,
.rating-wrap-2 ul li:hover i {
    font-weight: 900 !important;
}


.rating-wrap-2 .btn-rclear {
    font-size: 14px;
    padding: 5px 18px;
    border-width: 1px;
}
/* Rating style 2 :end */

/* no data section :start */
.nodata-wrap {
    width: 100%;
    height: 300px;
    color: #bdbdbd;
    background-color: #ebebeb;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nodata-wrap p {
    font-size: 14px;
    font-weight: 300;
}
/* no data section :end */

/* icontext-wrap-1 :start */
.icontext-wrap-1 {
    width: 100%;
    height: auto;
}
.icontext-wrap-1 > ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 15px;
}
.icontext-wrap-1 > ul > li {
    width: calc((100% / 3) - 10px);
    /* flex: 1; */
    display: flex;
    align-items: flex-start;
    gap: 10px 15px;
}
.icontext-wrap-1 > ul > li > div:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    height: 24px;
}
.icontext-wrap-1 > ul > li > div:first-child img {
    max-width: 100%;
    height: auto;
}
.icontext-wrap-1 > ul > li > div:last-child h5 {
    font-size: 12px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 5px;
}
.icontext-wrap-1 > ul > li > div:last-child h3 {
    font-size: 16px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 0px;
    word-wrap: break-word;
    word-break: break-all;
}
.icontext-wrap-1 > ul > li > div:last-child h2 {
    font-size: 22px;
    font-weight: 600;
    color: #ff444e;
    margin-bottom: 0px;
}
.icontext-wrap-1 > ul > li > div:last-child p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
    margin-bottom: 0px;
    word-break: break-word;
}
/* icontext-wrap-1 :end */

/* txt-wrap-1 :start */
.txt-wrap-1 {
    width: 100%;
}
.txt-wrap-1 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
}
/* txt-wrap-1 :end */

/* modal-style-1 :start */
.modal-style-1 .modal-content {
    border-radius: 30px;
}
.modal-style-1 .modal-header {
    align-items: flex-start;
    padding: 30px 30px 10px 30px;
    border: 0;
}
.modal-style-1 .modal-header .modal-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #350e6a;
}
.modal-style-1 .modal-header h3.modal-title {
    font-size: 26px;
    font-weight: 700;
}
.modal-style-1 .modal-header .btn-close {
    flex-grow: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-size: 10px;
    background-color: #eaeaea;
    border-radius: 100%;
    padding: 0;
    z-index: 9;
}

.modal-style-1 .modal-body {
    padding: 0px 30px 30px 30px;
    /* margin: 0px 0px 10px 0px; */
}
.modal-style-1 .modal-body .modalDescribe {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.modal-style-1 .modal-body .modalDescribe p {
    font-size: 14px;
    line-height: 1.4;
    color: #2b2b2b;
}
/* modal-style-1 :end */

/* modal-style :start */
.modalsec-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}
.modalsec-head h3 {
    font-size: 20px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 0;
}
/* modal-style :end */

/* table-style-1 :start */
.table-style-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
}
.table-style-1 > :not(caption) > * > * {
    padding: 10px 10px;
}
.table-style-1 thead {
    color: #ffffff;
    background-color: #7b00ff;
    border-color: #7815e1;
    white-space: nowrap;
}
.table-style-1 thead th {
    font-size: 16px;
    font-weight: 600;
}
.table-style-1 tbody tr {
    border-color: #e1e1e1;
}
/* table-style-1 :end */

/* .tost-style-1 :start */
.tost-style-1 {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9;
}
/* .tost-style-1 :end */

/* tooltip btn :start */
.tooltipBtn {
    font-size: 12px;
    color: #ff444e;
}
.tooltipBtn:hover {
    color: #7b00ff;
}
/* tooltip btn :end */

/* ===== Common Style :End ===== */

/* Header Section :start */
.navbar-content {
    display: none;
}
.navbar-content2 {
    display: block;
}

header {
    background-color: #fff;
    padding: 10px 0px;
    box-shadow: 0px 5px 15px -10px rgba(32, 33, 36, 0.28);
    position: relative;
    z-index: 2;
}
.navcon-wrap {
    display: block;
    height: 100%;
}
.navcon-wrap-mob {
    display: none;
    align-items: center;
    width: 100%;
    max-width: 500px;
    height: 100%;
}

header .navcon-wrap-mob .search .searchIcon {
    left: 0;
    right: initial;
    padding: 0;
}
header .navcon-wrap-mob .search input {
    padding: 10px 50px 10px 50px;
}

header .navcon-wrap-mob .search .closeIcon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    padding-right: 10px;
}
header .navcon-wrap-mob .search .closeIcon a img {
    background-color: transparent;
    padding: 5px;
    border-radius: 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
header .navcon-wrap-mob .search .closeIcon a:hover img {
    background-color: #dddddd;
}


.navbar-wrapper {
    display: flex;
    /* justify-content: space-between; */
}
.navbar-wrapper .navbar-logo {
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 10px;
}
.navbar-wrapper .navbar-logo .logo {
    width: 100px;
    height: 93px;
}
.navbar-wrapper .navbar-logo img {
    width: 100px;
    max-width: 100%;
    max-height: 100%;
}
.navbar-wrapper .navbar-logo svg {
    width: 100px;
    max-width: 100%;
    max-height: 100%;
}
.navbar-content {
    flex-shrink: 0;
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.navbar-content ul.navcont-list {
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.navbar-content ul.navcont-list > li {
    margin-left: 20px;
    flex-shrink: 0;
}
.navbar-content ul.navcont-list > li:first-child {
    margin-left: 0px;
}

header .search {
    position: relative;
    width: 490px;
}
header .search input {
    font-size: 14px;
    border: 2px solid #d6d4d5;
    border-radius: 50px;
    padding: 10px 50px 10px 30px;
}
header .search .searchIcon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    padding-right: 10px;
}

header .search-mini .searchIcon {
    width: 42px;
    height: 42px;
    background-color: #ff444e;
    border: 1px solid #ff444e;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
header .search-mini .searchIcon img {
    filter: brightness(2);
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
header .search-mini .searchIcon:hover {
    background-color: #7c00ff;
    border-color: #7c00ff;
}

.nav-notification .notifi-btn {
    position: relative;
    padding: 10px 10px;
    background: transparent;
    border-radius: 8px;
}
.nav-notification .notifi-btn:hover {
    background: #ececec;
}
.nav-notification.active a.notifi-btn::after {
    content: "\f111";
    font-family: "Font Awesome 5 Free"; 
    font-size: 8px;
	font-weight: 900;
    color: #ff444e;
    position: absolute;
    top: 3px;
    right: 7px;
}
.notification-dropdown {
    width: 415px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2));
}
.notification-dropdown::before {
    content: '';
    border-top: 0px solid rgb(255 255 255 / 0%);
    border-left: 15px solid rgb(255 255 255 / 0%);
    border-bottom: 15px solid #d3d3d3;
    border-right: 15px solid rgb(255 255 255 / 0%);
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    width: 0px;
    margin: 0 auto;
}
.notification-dropdown::after {
    content: '';
    border-top: 0px solid rgb(255 255 255 / 0%);
    border-left: 15px solid rgb(255 255 255 / 0%);
    border-bottom: 15px solid #ffffff;
    border-right: 15px solid rgb(255 255 255 / 0%);
    position: absolute;
    top: -12.5px;
    left: 0;
    right: 0;
    width: 0px;
    margin: 0 auto;
}
.notification-dropdown .notification-dropdown-inner {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    overflow: hidden;
}
.notification-dropdown .notification-count {
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.notification-dropdown .notification-count p {
    font-size: 20px;
    font-weight: 700;
    color: #350d6d;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.notification-dropdown .notification-count p span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #ffffff;
    background-color: #1cd1c0;
    border-radius: 100%;
    padding: 5px 5px;
    margin-right: 10px;
    width: 38px;
    height: 38px;
}
.notification-dropdown .notification-list-wrap {
    list-style: none;
    padding: 0;
    margin: 0;
}
.notification-dropdown .notification-list-wrap a {
    display: initial;
}
.notification-dropdown .notification-list-wrap .notification-block {
    display: flex;
    align-items: flex-start;
    padding: 15px 20px;
    border-top: 1px solid #e4e4e4;
}
.notification-dropdown .notification-list-wrap .notification-block .details h4 {
    font-size: 16px;
    font-weight: 600;
    color: #360d69;
    margin-bottom: 3px;
}
.notification-dropdown .notification-list-wrap .notification-block .details p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #898989;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  	text-overflow: ellipsis;
}
.notification-dropdown .notification-list-wrap .notification-block .details time {
    font-size: 12px;
    font-weight: 400;
    color: #898989;
}
.notification-dropdown .notification-list-wrap .notification-block.read {
    background-color: #f0f4f6;
}
.notification-dropdown .notification-list-wrap .notification-block.read .details h4 {
    color: #898989;
}
.notification-dropdown .notification-list-wrap .notification-block:hover {
    background-color: #f5f5f5;
}

.notification-dropdown .notification-viewall {
    border-top: 1px solid #d3d3d3;
}
.notification-dropdown .notification-viewall a {
    display: block;
    width: 100%;
    padding: 15px 15px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #350d6d;
    text-align: center;
}
.notification-dropdown .notification-viewall a:hover {
    color: #fff;
    background-color: #350d6d;
}

.nav-community a {
    font-size: 14px;
    font-weight: 500;
    color: #ff444e;
    border: 2px solid #ff444e;
    border-radius: 50px;
    padding: 10px 30px;
    display: inline-block;
}
.nav-community a:hover {
    color: #fff;
    background-color: #ff444e;
}

.current-user {
    display: flex;
    align-items: center;
    border: 1px solid #d6d4d5;
    border-radius: 50px;
    padding: 3px 10px 3px 3px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
     -ms-transition: 0.5s;
      -o-transition: 0.5s;
         transition: 0.5s;
}
.current-user img {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}
.current-user p {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}
.current-user i {
    font-size: 14px;
    color: #a49fab;
}
.current-user:hover {
    background-color: #d6d4d5;
}
.currentusr-wrap .dropdown-menu {
    padding: 0;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    margin-top: 15px !important;
    filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.102));
    width: 250px;
}
.currentusr-wrap .dropdown-menu::before {
    content: '';
    border-top: 0px solid rgb(255 255 255 / 0%);
    border-left: 15px solid rgb(255 255 255 / 0%);
    border-bottom: 15px solid #ffffff;
    border-right: 15px solid rgb(255 255 255 / 0%);
    position: absolute;
    top: -15px;
    right: 12px;
    width: 0px;
    margin: 0 auto;
}
.currentusr-wrap .dropdown-menu > li {
    border-bottom: 2px solid #f2f2f2;
}
.currentusr-wrap .dropdown-menu > li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.currentusr-wrap .dropdown-menu > li:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.currentusr-wrap .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 500;
    color: #606060;
    padding: 15px 20px;
}
.currentusr-wrap .dropdown-menu .dropdown-item:focus, 
.currentusr-wrap .dropdown-menu .dropdown-item:hover, 
.currentusr-wrap .dropdown-menu .dropdown-item.active {
    color: #fff;
    background-color: #f22354;
}
/* hamburger :start */
.hamburger-wrap {
    display: none;
}
#hamburger-btn {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#hamburger-btn span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#hamburger-btn span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#hamburger-btn span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#hamburger-btn span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#hamburger-btn.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 5px;
}

#hamburger-btn.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#hamburger-btn.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 5px;
}
/* --- hamburger :end ---*/

.navbar-content2 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navbar-content2 .navcon-wrap {
    height: auto;
}




.extra-nav {
    list-style: none;
    padding: 0;
    margin: 0px 0px 0px 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.breakpoint-on .extra-nav {
    margin-left: 0;
}


button.navstyl2,
a.navstyl2 {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    background-color: #1cd1c1;
    border: 1px solid #1cd1c1;
    border-radius: 50px;
    padding: 10px 26px;
}
button.navstyl2:hover, 
button.navstyl2.active,
a.navstyl2:hover, 
a.navstyl2.active {
	background-color: #7b00ff;
	border-color: #7b00ff;
}
button.navstyl2:hover::before, 
button.navstyl2.active::before,
a.navstyl2:hover::before, 
a.navstyl2.active::before {
	display: none;
}

.loginwithdrop-wrap {
    display: flex;
    gap: 6px;
}
.login-with-drop .dropdown-toggle {
    box-shadow: none;
}
.login-with-drop .dropdown-toggle::after {
    width: 12px;
    height: 12px;
    background-image: url('../images/select-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    border: 0;
}
.login-with-drop .dropdown-menu {
    padding: 0;
    right: 0 !important;
    left: auto !important;
    border-radius: 15px 0px 15px 15px;
    margin-top: 3px !important;
    overflow: hidden;
}
.login-with-drop .dropdown-menu .dropdown-item {
    padding: 10px 20px;
    font-size: 18px;    
}
.login-with-drop .dropdown-menu .dropdown-item:hover {
    background: #7c00ff;
    color: #fff;
}

.login-with-drop.register .dropdown-toggle:not(:hover) {
    background-color: #ff444e;
    border-color: #ff444e;
}
/* Header Section :end */

/* Home Banner After Login Section :start */
.loginhomebanner-section {
    width: 100%;
    height: auto;
}
.loginhomebanner-section img {
    width: 100%;
    height: auto;
}
/* Home Banner After Login Section :end */

/* home top section :start */
.hometop-section {
    overflow: hidden;
}
.hometop-section .homtopsec-block {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 30px;
}
.hometop-section .homtopsec-block .htsec-block {
    max-width: 560px;
}
.hometop-section .homtopsec-block .htsec-block h3 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 15px;
}
.hometop-section .homtopsec-block .htsec-block p {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: #ffffff;
    margin-bottom: 0;
}
.hometop-section .homtopsec-block.htsleft {
    background-image: url('../images/hometopsec-bg-1.jpg');
    background-position: center right;
}
.hometop-section .homtopsec-block.htsright {
    background-image: url('../images/hometopsec-bg-2.jpg');
    background-position: center left;
}

.hometop-section .homtopsec-block.htsright .htsec-block .btn {
    background-color: #7b00ff;
    border-color: #7b00ff;
}
.hometop-section .homtopsec-block .htsec-block .btn {
    font-size: 18px;
    padding: 12px 55px;
    margin-top: 30px;
}
.hometop-section .homtopsec-block .htsec-block .btn:hover {
    background-color: #000000;
    border-color: #000000;
}
/* home top section :end */

/* who we are new section :start */
.whowearenew-section {
    padding: 130px 0px;
}
.whowearenew-section .wwan-left {
    text-align: center;
}
.whowearenew-section .wwan-left img {
    width: 100%;
    height: auto;
}
.whowearenew-section .wwan-right .wwatext p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #350e6a;
    margin-bottom: 24px;
}
/* who we are new section :end */

/* features section :start */
.features-section {
    padding: 120px 0px;
    background-color: #f2f2f2;
}
.features-block {
    width: 100%;
    height: 100%;
    /* padding: 12px 0px; */
}
.features-block > div {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 30px;
    padding: 50px 30px;
    box-shadow: 0px 0px 20px -10px rgba(32, 33, 36, 0.3);
}
.features-block .image {
    margin-bottom: 40px;
}
.features-block h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}
.features-block.fbox-1 h3 {
    color: #7c00ff;
}
.features-block.fbox-2 h3 {
    color: #ff444e;
}
.features-block.fbox-3 h3 {
    color: #1cd1c1;
}
.features-block p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}
/* features section :end */

/* whatwedo section :start */
.whatwedo-section {
    padding: 120px 0px;
    background-color: #350e6a;
}
.whatwedo-head {
    margin-bottom: 60px;
}
.whatwedo-section .whatwedo-head h3 {
    color: #fff;
}


.whatwedo-block .image {
    width: 100%;
    height: auto;
}
.whatwedo-block .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.whatwedo-block .details {
    background-color: #350e6a;
    display: flex;
    color: #fff;
    margin-top: -90px;
    padding: 30px 10px 10px 10px;
    position: relative;

    background: rgb(53,14,106);
    background: -moz-linear-gradient(0deg, rgba(53,14,106,1) 0%, rgba(53,14,106,1) 70%, rgba(53,14,106,0.7343312324929971) 80%, rgba(53,14,106,0.577468487394958) 85%, rgba(53,14,106,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(53,14,106,1) 0%, rgba(53,14,106,1) 70%, rgba(53,14,106,0.7343312324929971) 80%, rgba(53,14,106,0.577468487394958) 85%, rgba(53,14,106,0) 100%);
    background: linear-gradient(0deg, rgba(53,14,106,1) 0%, rgba(53,14,106,1) 70%, rgba(53,14,106,0.7343312324929971) 80%, rgba(53,14,106,0.577468487394958) 85%, rgba(53,14,106,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#350e6a",endColorstr="#350e6a",GradientType=1);
}
.whatwedo-block .details .details-icon {
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 30px;
}
.whatwedo-block .details .details-icon img {
    width: 100%;
    height: auto;
}
.whatwedo-block .details .details-txt {
    padding-top: 40px;
}
.whatwedo-block .details .details-txt h3 {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 15px;
}
.whatwedo-block .details .details-txt h3 strong {
    font-weight: 700;
    display: block;
}
.whatwedo-block .details .details-txt h3 span {
    color: #1cd1c1;
}
.whatwedo-block .details .details-txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #ffffff;
    margin-bottom: 0px;
}
/* whatwedo section :end */

/* benefits section :start */
.benefits-section {
    background-color: #ffffff;
    padding: 120px 0px;
}
.benefits-section .benefitsec-head {
    margin-bottom: 45px;
}
.benefits-section .benefitsec-head h3 {
    font-size: 66px;
    font-weight: 700;
    line-height: 69px;
    color: #350e6a;
    margin-bottom: 0px;
}
.benefits-section .benefitsec-head h3 span {
    color: #1cd1c1;
}
.benefits-block {
    width: 100%;
    height: 100%;
    /* padding: 25px 0px; */
}
.benefits-block .benefits-inner {
    width: 100%;
    height: 100%;
    border: 2px solid #7c00ff;
    border-radius: 20px;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.benefits-block .benefits-inner .image {
    flex-grow: 0;
    flex-shrink: 0;
}
.benefits-block .benefits-inner .text h3 {
    font-size: 16px;
    font-weight: 500;
    color: #7c00ff;
    margin-bottom: 0px;
}

.benefits-description {
    margin-top: 40px;
}
.benefits-description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #2b2b2b;
    margin-bottom: 0px;
}
/* benefits section :end */

/* Parts section :start */
.parts-section {
    background-image: url('../images/parts-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0px;
}
.parts-section .partsec-head {
    margin-bottom: 45px;
}
.parts-section .partsec-head h3 {
    font-size: 66px;
    font-weight: 700;
    line-height: 69px;
    color: #fff;
    margin-bottom: 0px;
}

.partsec-block {
    height: 100%;
    padding: 24px 0px 0px 0px;
}
.partsec-block .partsec-inner {
    height: 100%;
    background-color: #fff;
    padding: 40px 40px;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}
.partsec-block h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}
.partsec-block.psbox-1 h3 {
    color: #7c00ff;
}
.partsec-block.psbox-2 h3 {
    color: #ff444e;
}
.partsec-block.psbox-3 h3 {
    color: #1cd1c1;
}
.partsec-block p {
    font-size: 16px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 0px;
}
.partsec-block .btn-joinnow {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 50px;
    padding: 13px 53px;
    margin-top: 30px;
}
.partsec-block .btn-joinnow:hover {
    color: #fff;
    background-color: #000 !important;
}
/* Parts section :start */

/* Footer section :start */
.log-footer {
    background-image: url('../images/footer-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding: 70px 0px 20px 0px;
}
.log-footer .logf-left {
    width:269px;
    height:106px
}
.log-footer .logf-left img {
    max-width: 100%;
}
.log-footer .logf-left svg {
    max-width: 100%;
}
.log-footer .logf-right {
    border-left: 1px solid #fff;
    padding-left: 40px;
}
.log-footer .logf-right h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}
.log-footer .logf-right p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
}

.log-footer .socialmedia {
    margin-top: 20px;
}
.log-footer .socialmedia ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.log-footer .socialmedia ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.log-footer .socialmedia ul li {
    margin-right: 7px;
}
.log-footer .socialmedia ul li a {
    width: 34px;
    height: 34px;
    font-size: 12px;
    color: #ff444e;
    border: 1px solid #ffffff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.log-footer .socialmedia ul li a.fb:hover {
    background-color: #fff;
    color: #4267B2;
}
.log-footer .socialmedia ul li a.insta:hover {
    background-color: #fff;
    color: #C13584;
}
.log-footer .socialmedia ul li a.tweet:hover {
    background-color: #fff;
}
.log-footer .socialmedia ul li a i {
    display: flex;
    justify-content: center;
    align-items: center;
}
.log-footer .socialmedia ul li a i svg {
    width: 13px;
}
.log-footer .socialmedia ul li a i svg path {
    fill: #ff444e;
}
.log-footer .socialmedia ul li a.tweet:hover i svg path {
    fill: #000;
}
.log-footer .inner {
    width: 100%;
    height: auto;
    min-height: 50px;
    border-top: 1px solid #8e2ca7;
    margin-top: 70px;
    /* margin-bottom: -50px; */
    position: relative;
    text-align: center;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; */
}
.log-footer .inner ul {
    margin: 20px auto 0 auto;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    font-size: 16px;
    font-weight: 300;
}
.log-footer .inner ul li {
    float: left;    
    position: relative;
}
.log-footer .inner ul li:last-child::after {
    display: none;
}
.log-footer .inner ul li::after {
    width: 1px;
    height: 20px;
    background-color: #c451e1;
    content: '';
    position: absolute;
}
.log-footer .inner ul li a {
    color: #db92ff;
    padding: 0 15px;
}
.log-footer .inner ul li a:hover {
    text-decoration: underline;
}
/* Footer section :end */

/* list-page-wrap :start */
.list-page-wrap {
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
    padding: 25px 0px 60px 0px;
}
  
.list-page-wrap .left-list {
    width: 275px;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}
.list-page-wrap .right-list {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /* background: #fff; */
    /* margin-left: 25px; */
    /* padding: 20px 25px; */
    max-width: calc(100% - 295px);
    height: fit-content;
}
/* list-page-wrap :end */

/* Inner page common :start */
.inner-page {
    background-color: #f1f1f1;
}

.innerpg-head {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.innerpg-head .ipgh-left h3 {
    font-size: 30px;
    font-weight: 700;
    color: #350e6a;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    word-break: break-all;
}
.innerpg-head .ipgh-left h3 span {
    color: #1cd1c1;
}

.innerpg-head .ipgh-right {
    display: flex;
    align-items: center;
}

/* Inner page common :end */



/* Creators List page :start */
.filter-wrap-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px 10px;
    background-color: #ffffff;
    padding: 20px 20px;
}
.filter-wrap-1 .fwrap-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.filter-wrap-1 .fwrap-left h6 {
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 0;
}

.filtersearch-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.filtersearch-wrap > p {
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
.filtersearch-wrap > input.form-control {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #2b2b2b;
    margin-bottom: 0;
    width: 250px;
    height: 35px;
    border: 1px solid #d7d4d5;
    border-radius: 50px;
    padding: 8px 10px 8px 10px;
}
.filtersearch-wrap > input.form-control:focus {
    box-shadow: none;
    border-color: #7c00ff;
}


.sortby-s1 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sortby-s1 > p {
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 0;
    white-space: nowrap;
}
.sortby-s1 .nice-select {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #2b2b2b;
    margin-bottom: 0;
    width: 160px;
    height: 35px;
    border: 1px solid #d7d4d5;
    border-radius: 50px;
    padding: 8px 30px 8px 20px;
}
.sortby-s1 .nice-select.open {
    border-color: #7c00ff;
}




.creatorslist-wrap {
    margin-top: 24px;
}



.creatorlist-block {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid transparent;
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}
.creatorlist-block .featured {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 12px;
    color: #ff444e;
}
.creatorlist-block .featured i {
    font-size: 11px;
    margin-left: 2px;
}
.creatorlist-block .clb-head {
    width: 100%;
    display: flex;
    gap: 15px;
}
.creatorlist-block .clb-head .clhimage {
    flex-grow: 0;
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    position: relative;
}
.creatorlist-block .clb-head .clhimage .medal-icon {
    position: absolute;
    right: 8px;
    bottom: 0;
    transform: translateY(40%);
    display: none;
}
.creatorlist-block .clb-head .clhimage .chimg {
    width: 100%;
    height: 100%;
    border: 2px solid #b8b8b8;
    border-radius: 10px;
    overflow: hidden;
}
.creatorlist-block .clb-head .clhimage .chimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.creatorlist-block .clb-head .clhtext h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #ff444e;
    margin-bottom: 15px;
}
.creatorlist-block .clb-head .clhtext h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #2b2b2b;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.creatorlist-block .clb-head .clhtext h3 span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.creatorlist-block .clb-head .clhtext h3::after {
    content: '';
    flex-grow: 0;
    flex-shrink: 0;
    display: inline-flex;
    width: 18px;
    height: 18px;
    background-image: url('../images/verify-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}
.creatorlist-block .clb-head .clhtext h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #2b2b2b;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.creatorlist-block .clb-head .clhtext h6 i {
    color: #1cd1c1;
}

/* Rating style 1 :start */
.rating-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.rating-wrap > p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6a6a6a;
    margin-bottom: 0;
}
.rating-wrap .rating-stars {
    display: flex;
    align-items: center;
    gap: 1px;
}
.rating-wrap .rating-stars i {
    font-size: 12px;
    color: #fabc28;
}
/* Rating style 1 :end */

/* Rating style 2 :start */
.rating-wrap-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.rating-wrap-2 > h4 {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    background-color: #7b00ff;
    padding: 5px 5px;
    margin: 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.rating-wrap-2 > h4 i {
    font-size: 9px;
}
.rating-wrap-2 > p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #6a6a6a;
    margin-bottom: 0;
}
/* Rating style 2 :end */

.creatorlist-block .clb-tag {
    width: 100%;
    margin-top: 27px;
    margin-bottom: 25px;
}
.creatorlist-block .clb-tag ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.creatorlist-block .clb-tag ul li p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #7b00ff;
    margin-bottom: 0;
    border: 1px solid #7b00ff;
    border-radius: 10px;
    padding: 3px 10px;
}

.creatorlist-block .clb-myreach {
    margin-top: auto;
}
.creatorlist-block .clb-myreach h3 {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #ff444e;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.creatorlist-block .clb-myreach h3 span {
    white-space: nowrap;
}
.creatorlist-block .clb-myreach h3::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e2e2e2;
}
.creatorlist-block .clb-myreach ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
}
.creatorlist-block .clb-myreach ul li {
    width: calc(50% - 5px);
}
.creatorlist-block .clb-myreach ul li p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #46454c;
    display: flex;
    align-items: center;
    gap: 10px;
}
.creatorlist-block .clb-myreach ul li p span:first-child {
    width: 25px;
    text-align: center;
}
.creatorlist-block .clb-myreach ul li p span:first-child img {
    max-width: 100%;
}

.creatorlist-block:hover {
    border-color: #dedede;
    box-shadow: 0px 0px 20px -10px rgba(32, 33, 36, 0.2);
}


.creatorlist-block.creator-verify .clb-head .clhtext h3::after {
    display: inline-flex;
}
.creatorlist-block.creator-medal .clb-head .clhimage .medal-icon {
    display: block;
}
.creatorlist-block.creator-medal .clb-head .clhimage .chimg {
    border-color: #1cd1c1;
}



.paymentsummaryModal .modal-header .modal-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    color: #350e6a;
}

.paymentsummaryModal .modal-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
}

.paymentsummaryModal .paysummary-details {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 15px 24px;
    margin-top: 30px;
}
.paymentsummaryModal .paysummary-details .psdetails-block {
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    padding: 10px 15px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.paymentsummaryModal .paysummary-details .psdetails-block h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
    margin-bottom: 0px;
}
.paymentsummaryModal .paysummary-details .psdetails-block h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: #2b2b2b;
    margin-bottom: 0px;
}
.paymentsummaryModal .paysummary-details .psdetails-block h3 span {
    color: #1cd1c1;
}

.paymentsummaryModal .paysummary-details .psdetails-block.psbcount h3 {
    color: #7b00ff;
}
.paymentsummaryModal .paysummary-details .psdetails-block.psbamount h3 {
    color: #ff444e;
}

/* Creators List page :end */



/* pagination-style-1 :start */
.pagination-style-1 {
    gap: 10px;
    padding: 0;
    margin: 0;
}
.pagination-style-1 .page-item .page-link {
    width: 32px;
    height: 32px;
    font-size: 16px;
    color: #747475;
    border-radius: 5px;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    padding: 3px 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination-style-1 .page-item:hover .page-link {
    color: #747475;
    background-color: #e8e7e7;
}
.pagination-style-1 .page-item.active .page-link {
    color: #ffffff;
    background-color: #56c3bd;
}
.pagination-style-1 .page-item.disabled {
    pointer-events: none;
    opacity: 0.3;
}
/* pagination-style-1 :end */


/* sidemenu-1.php :start */
.sidemenu-wrap {
    background-color: #fff;
}
.sidemenu-wrap .sidemenu-title {
    padding: 30px 20px 15px 20px;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidemenu-wrap .sidemenu-title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #350e6a;
    margin-bottom: 0;
}
.sidemenu-wrap .sidemenu-title h3 span {
    color: #1cd1c1;
}
.sidemenu-wrap .sidemenu-title .clear-btn {
    color: #000000;
    font-size: 16px;
    padding: 0px 10px;
}
.sidemenu-wrap .sidemenu-title .clear-btn:hover {
    color: #ff444e;
}

.sidemenu-wrap .sidemenu-content {
    width: 100%;
}

.sidemenu-wrap .sidemenu-content .smcontent-block {
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 20px;
}
.sidemenu-wrap .sidemenu-content .smcontent-block:last-child {
    border-bottom: 0;
}
.sidemenu-wrap .sidemenu-content .smcontent-block .fltr-head {
    width: 100%;
}
.sidemenu-wrap .sidemenu-content .smcontent-block .fltr-head h4 {
    font-size: 15px;
    font-weight: 500;
    color: #350e6a;
    margin-bottom: 15px;
}
.sidemenu-wrap .sidemenu-content .smcontent-block .fltr-search {
    margin-bottom: 15px;
    position: relative;
}
.sidemenu-wrap .sidemenu-content .smcontent-block .fltr-search input {
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #5d6a7e;
    font-weight: 400;
    padding: 0px 35px 0px 15px;
    margin-bottom: 0px;
    outline: none;
    border: 2px solid #d8d8d8;
    -webkit-border-radius: 16px;
            border-radius: 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.sidemenu-wrap .sidemenu-content .smcontent-block .fltr-search .fsearch-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 100%;
    padding: 0px 0px 0px 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 0;
    background-color: transparent;
}
.sidemenu-wrap .sidemenu-content .smcontent-block .fltr-search .fsearch-btn img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.sidemenu-wrap .sidemenu-content .smcontent-block .fltr-search .fsearch-btn:hover img {
    filter: brightness(0%);
}

.sidemenu-wrap .sidemenu-content .fltr-items {
    width: 100%;
}
.sidemenu-wrap .sidemenu-content .fltr-items .form-check-input[type=checkbox] {
    width: 15px;
    height: 15px;
}

.sidemenu-wrap .sidemenu-content .fltr-seemore {
    width: 100%;
    margin-top: 20px;
}
.sidemenu-wrap .sidemenu-content .fltr-seemore a {
    font-size: 14px;
    font-weight: 400;
    color: #ff444e;
    margin-bottom: 0px;
}


.sidemenu-wrap .filter-footer {
    width: 100%;
    padding: 15px 20px;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: #FFF;
}
.sidemenu-wrap .filter-footer .clear-btn {
    height: 40px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    background: #d3d4d4;
    color: #474747;
    border: 0px;
    outline: none;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.sidemenu-wrap .filter-footer .clear-btn:hover {
    color: #ffffff;
    background-color: #1cd1c1;
}


.clearfilter-btn {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1;
    color: #000000;
    background-color: #e5e5e5;
    border: 0;
    border-radius: 20px;
    padding: 5px 10px;
    margin: 0px 0px 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clearfilter-btn:hover {
    color: #ffffff;
    background-color: #ff444e;
    border-color: #ff444e;
}


.mobfilter {
    display: none;
}
.mobfilter a {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #7c00ff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.mobfilter a:hover {
    background-color: #1cd1c1;
}
/* sidemenu-1.php :end */

/* sidemenu-2.php :start */
.smcontent-block-2 {
    padding: 5px 20px;
}

.sidemenu-accordion {
    width: 100%;
    height: auto;
}
.sidemenu-accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid #e4e4e4;
}
.sidemenu-accordion .accordion-item:last-child {
    border-bottom: 0;
}
.sidemenu-accordion .accordion-item .accordion-header {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.sidemenu-accordion .accordion-item .accordion-header h2 {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #666666;
    padding: 20px 0px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.sidemenu-accordion .accordion-item .accordion-header h2.active::after {
    content: url('../images/active-dots-1.png');
    opacity: 1;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.sidemenu-accordion .accordion-item .accordion-header .accordion-arrow {
    flex-grow: 0;
    flex-shrink: 0;
    width: 30px;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.sidemenu-accordion .accordion-item .accordion-header .accordion-arrow::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .2s ease-in-out;
    transform: rotate(0deg);
}
.sidemenu-accordion .accordion-item .accordion-header:not(.collapsed) .accordion-arrow::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.sidemenu-accordion .accordion-item .accordion-header:hover h2 {
    color: #7c00ff;
}
.sidemenu-accordion .accordion-item .accordion-header.active h2 {
    color: #7c00ff;
}

.sidemenu-accordion .accordion-item .accordion-body {
    padding: 0px 0px 0px 15px;
}
.sidemenu-accordion .accordion-item .accordion-body > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidemenu-accordion .accordion-item .accordion-body > ul > li {
    width: 100%;
}
.sidemenu-accordion .accordion-item .accordion-body > ul > li a {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #666666;
    padding: 10px 0px;
    margin-bottom: 0;
}
.sidemenu-accordion .accordion-item .accordion-body > ul > li:first-child a {
    padding-top: 0px;
}
.sidemenu-accordion .accordion-item .accordion-body > ul > li a::after {
    content: url('../images/active-dots-1.png');
    opacity: 0;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.sidemenu-accordion .accordion-item .accordion-body > ul > li a:hover {
    color: #350e6a;
}
.sidemenu-accordion .accordion-item .accordion-body > ul > li a.active {
    color: #350e6a;
}
.sidemenu-accordion .accordion-item .accordion-body > ul > li a.active::after {
    opacity: 1;
}
/* sidemenu-2.php :end */

/* sidemenu-3.php :start */
.sidemenu-wrap .submenu-list {
    background-color: #fff;
    padding: 0px 20px 0px 20px;
}
.sidemenu-wrap .submenu-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidemenu-wrap .submenu-list ul li {
    border-bottom: 1px solid #e4e4e4;
}
.sidemenu-wrap .submenu-list ul li:last-child {
    border-bottom: 0;
}
.sidemenu-wrap .submenu-list ul.sub li:last-child {
    border-bottom: 1px solid #e4e4e4;
}
.sidemenu-wrap .submenu-list ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    padding: 20px 0px;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}
.sidemenu-wrap .submenu-list ul.sub li a {
    padding: 20px 30px;
}
.sidemenu-wrap .submenu-list ul li a::after {
    content: '';
    /* position: absolute; */
    /* right: 0; */
}
.sidemenu-wrap .submenu-list ul li a:hover {
    color: #350e6a;
}
.sidemenu-wrap .submenu-list ul li a.active::after {
    content: url('../images/active-dots-1.png');
}
/* sidemenu-3.php :end */


/* Registration page :start */
.registration-pg {
    background-color: #ffffff;
}

.regpg-section .rpgsec-left {
    width: 100%;
    height: 100%;
    padding: 80px 0px;
}
.regpg-section .rpgsec-left .rpsl-inner {
    width: 100%;
}
.regpg-section .rpgsec-left .regleft-block {
    margin-bottom: 60px;
}
.regpg-section .rpgsec-left .regleft-block:last-child {
    margin-bottom: 0;
}
.regpg-section .rpgsec-left .regleft-block h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: #1cd1c1;
    margin-bottom: 14px;
}
.regpg-section .rpgsec-left .regleft-block h3 span {
    color: #ff444e;
}
.regpg-section .rpgsec-left .regleft-block p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #2b2b2b;
    margin-bottom: 0px;
}
.regpg-section .rpgsec-left .regleft-block a {
    margin-top: 24px;
}

.regpg-section .rpgsec-left .regleft-block.s2 h3 {
    color: #ff444e;
}
.regpg-section .rpgsec-left .regleft-block.s2 h3 span {
    color: #7b00ff;
}
.regpg-section .rpgsec-left .regleft-block.s3 h3 {
    color: #7b00ff;
}
.regpg-section .rpgsec-left .regleft-block.s3 h3 span {
    color: #1cd1c1;
}


.regpg-section .rpgsec-right {
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
    position: relative;
    display: flex;
    align-items: center;
}
.regpg-section .rpgsec-right .regsecBg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: inherit;
    background-image: url('../images/registration-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.regpg-section .rpgsec-right .rpsright-inner {
    width: 100%;
    height: auto;
    padding: 60px 30px;
    position: relative;
}
.regpg-section .rpgsec-right .rpsright-inner .timmer {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    margin-top: 24px;
}

.regpg-section .rpgsec-right .regsec-title {
    text-align: center;
}
.regpg-section .rpgsec-right .regsec-title h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 0.9;
    color: #350e6a;
    margin-bottom: 16px;
}
.regpg-section .rpgsec-right .regsec-title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #7a7a7a;
    margin-bottom: 0px;
}
.regpg-section .rpgsec-right h2 span {
    color: #ff444e;
}

.regpg-section .rpgsec-right .form-wrap {
    width: 100%;
    height: auto;
    max-width: 400px;
    background-color: #ffffff;
    padding: 40px 30px;
    margin: 25px auto 0 auto;
    border-radius: 30px;
}
.regpg-section .rpgsec-right .btnRegister {
    min-height: 50px;
}
.regpg-section .rpgsec-right .btnLogin {
    min-height: 50px;
}

.regpg-section .rpgsec-right .alreadyaccount {
    width: 100%;
    height: auto;
    max-width: 400px;
    text-align: center;
    padding: 0px 30px;
    margin: 25px auto 0 auto;
}
.regpg-section .rpgsec-right .alreadyaccount h5 {
    font-size: 16px;
    font-weight: 500;
    color: #2b2b2b;
    margin-bottom: 10px;
}



.logfrm-extra {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.logfrm-extra .fpassword-btn {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #350e6a;
    text-decoration: underline;
}
.logfrm-extra .fpassword-btn:hover {
    color: #ff444e;
}
.logfrm-extra .rememberme-check {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #505050;
}
.logfrm-extra .rememberme-check .form-check-input {
    width: 15px;
    height: 15px;
}


.regpg-section .rpgsec-right .bottom-label {
    margin-top: 20px;
}
.regpg-section .rpgsec-right .bottom-label p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin: 0px;
}
.regpg-section .rpgsec-right .bottom-label p a {
    font-weight: 500;
    color: #1cd1c1;
    text-decoration: underline;
    display: inline-flex;
}
.regpg-section .rpgsec-right .bottom-label p a:hover {
    color: #ff444e !important;
}
/* Registration page :end */

/* select2-container :start */
.select2-container .select2-results__option {
    font-size: 14px;
    padding: 8px 15px;
    text-transform: capitalize;
}
.select2-container .select2-results__option--selected {
    color: #fff;
    background-color: #f42455;
}
.select2-container .select2-results__option--highlighted.select2-results__option--selectable {
    color: #fff;
    background-color: #f42455;
}
.select2-container .select2-dropdown {
    background-color: #fff;
    border: 0;
    border-radius: 5px !important;
    box-shadow: 0px 4px 10px 0px rgba(32, 33, 36, 0.3);
    overflow: hidden;
}
.select2-container .select2-search__field {
    height: 36px;
    border: 1px solid rgb(68 68 68 / 11%) !important;
    border-radius: 5px;
}
.select2-container .select2-search__field:focus {
    outline: none;
}
/* select2-container :end */

/* Creator Catalog List Page :start */
.creatorcatlist-wrap {
    background-color: #ffffff;
    padding: 30px 35px 35px 35px;
}
.creatorcatlist-wrap .ccsidemenubtn-wrap {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 17px;
}
.creatorcatlist-wrap .ccsidemenubtn-wrap .mobfilter a {
    padding: 5px 30px;
}
.creatorcatlist-wrap .cclw-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.creatorcatlist-wrap .cclw-head .cchleft h3 {
    font-size: 20px;
    font-weight: 700;
    color: #372468;
    margin-bottom: 0;
}
.creatorcatlist-wrap .cclw-head .cchleft h3 span {
    color: #47c0b7;
}


.creatorcatalog-block {
    border: 2px solid #e1e1e1;
    border-radius: 20px;
    padding: 20px 20px 25px 20px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorcatalog-block .ccb-head {
    width: 100%;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}
.creatorcatalog-block .ccb-head .chleft {
    width: 100%;
}
.creatorcatalog-block .ccb-head .chleft h3 {
    font-size: 16px;
    font-weight: 600;
    color: #372468;
    margin-bottom: 0;
    line-height: 1.3;
    word-break: break-word;
}
.creatorcatalog-block .ccb-head .chleft h3 a {
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
}
.creatorcatalog-block .ccb-head .chleft h3 a svg path {
    fill: #1cd1c1;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorcatalog-block .ccb-head .chleft h3 a:hover svg path {
    fill: #ff444e;
}

.creatorcatalog-block .ccb-head .chright {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    top: -10px;
    right: -10px;
}
.creatorcatalog-block .ccb-head .chright .ccdeletBtn {
    width: 33px;
    height: 33px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: #ff444e;
    border: 1px solid #ff444e;
    border-radius: 50px;
    padding: 5px 5px;
    opacity: 0;
}
.creatorcatalog-block .ccb-head .chright .ccdeletBtn:hover {
    background-color: #7b00ff;
    border: 1px solid #7b00ff;
}

.creatorcatalog-block .ccb-text {
    width: 100%;
}
.creatorcatalog-block .ccb-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
}

.creatorcatalog-block .ccb-socialmedia {
    margin-top: 15px;
}
.creatorcatalog-block .ccb-socialmedia ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.creatorcatalog-block .ccb-socialmedia ul li {
    width: calc((100% / 5) - 8px);
}
.creatorcatalog-block .ccb-socialmedia ul li > div {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    border: 2px solid #e1e1e1;
    border-radius: 10px;
    padding: 10px 15px;
}
.creatorcatalog-block .ccb-socialmedia ul li > div span:first-child {
    flex-grow: 0;
    flex-shrink: 0;
}
.creatorcatalog-block .ccb-socialmedia ul li > div span:first-child {
    max-width: 100%;
    height: auto;
}
/* .creatorcatalog-block .ccb-socialmedia ul li > div span img {
    opacity: 0.4;
} */

.creatorcatalog-block .ccb-specs {
    width: 100%;
    height: auto;
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
    margin-top: 20px;
}
.creatorcatalog-block .ccb-specs ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
}
.creatorcatalog-block .ccb-specs ul li {
    width: calc((100% / 3) - 7px);
    /* flex: 1; */
    display: flex;
    align-items: flex-start;
    gap: 10px 15px;
}
.creatorcatalog-block .ccb-specs ul li > div:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    height: 24px;
}
.creatorcatalog-block .ccb-specs ul li > div:first-child img {
    max-width: 100%;
    height: auto;
}
.creatorcatalog-block .ccb-specs ul li > div:last-child h5 {
    font-size: 12px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 5px;
}
.creatorcatalog-block .ccb-specs ul li > div:last-child h3 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2b2b;
    margin-bottom: 0px;
}
.creatorcatalog-block .ccb-specs ul li > div:last-child h2 {
    font-size: 21px;
    font-weight: 600;
    color: #ff444e;
    margin-bottom: 0px;
}


.creatorcatalog-block .ccb-status {
    width: 100%;
    height: auto;
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
    margin-top: 20px;
}
.creatorcatalog-block .ccb-status ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.creatorcatalog-block .ccb-status ul li:last-child {
    margin-left: auto;
}
.creatorcatalog-block .ccb-status ul .cstatus-block {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border: 1px solid #a8a8a8;
    border-radius: 100px;
    padding: 5px 10px;
    cursor: pointer;
}
.creatorcatalog-block .ccb-status ul .cstatus-block p {
    font-size: 14px;
    font-weight: 400;
    color: #a8a8a8;
    margin-bottom: 0;
    white-space: nowrap;
}
.creatorcatalog-block .ccb-status ul .cstatus-block h5 {
    font-size: 10px;
    color: #ffffff;
    background-color: #a8a8a8;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

.creatorcatalog-block .ccb-status ul .cstatus-block.c1 {
    border-color: #1cd1c1;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c1 p {
    color: #1cd1c1;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c1 h5 {
    background-color: #1cd1c1;
}

.creatorcatalog-block .ccb-status ul .cstatus-block.c2 {
    border-color: #ff444e;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c2 p {
    color: #ff444e;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c2 h5 {
    background-color: #ff444e;
}

.creatorcatalog-block .ccb-status ul .cstatus-block.c3 {
    border-color: #7b00ff;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c3 p {
    color: #7b00ff;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c3 h5 {
    background-color: #7b00ff;
}

.creatorcatalog-block .ccb-status ul .cstatus-block.c4 {
    border-color: #ffa700;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c4 p {
    color: #ffa700;
}
.creatorcatalog-block .ccb-status ul .cstatus-block.c4 h5 {
    background-color: #ffa700;
}

.creatorcatalog-block:hover {
    box-shadow: 0px 1px 16px 0px rgba(32, 33, 36, 0.2);
}
.creatorcatalog-block:hover .ccb-head .chright .ccdeletBtn {
    opacity: 1;
}



/* .creatorcatalog-block .ccb-head .chright {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.creatorcatalog-block .ccb-head .chright .ccfeatured {
    font-size: 20px;
    color: #ff6f00;
    padding: 0px;
    margin: 0px 0px;
}
.creatorcatalog-block .ccb-head .chright .ccfeatured.active i, 
.creatorcatalog-block .ccb-head .chright .ccfeatured:hover i {
    font-weight: 900;
}
.creatorcatalog-block .ccb-head .chright .ccfeatured.active:hover i {
    font-weight: 400;
} */
/* Creator Catalog List Page :end */

/* creator details page :start */
.creatorsdetails-wrap {
    background-color: #ffffff;
    padding: 35px 35px;
}

.creatorsdetails-wrap .creatorsdetails-head {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head {
    width: 100%;
    display: flex;
    gap: 15px;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhimage {
    flex-grow: 0;
    flex-shrink: 0;
    width: 126px;
    height: 126px;
    position: relative;
    margin-bottom: 20px;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhimage .medal-icon {
    position: absolute;
    right: 8px;
    bottom: 0;
    transform: translateY(40%);
    width: 46px;
    display: none;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhimage .chimg {
    width: 100%;
    height: 100%;
    border: 2px solid #b8b8b8;
    border-radius: 10px;
    overflow: hidden;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhimage .chimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhtext h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #ff444e;
    margin-bottom: 18px;
    margin-top: 3px;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhtext h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    color: #2b2b2b;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhtext h3 span em {
    color: #1cd1c1;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhtext h3::after {
    content: '';
    flex-grow: 0;
    flex-shrink: 0;
    display: inline-flex;
    width: 18px;
    height: 18px;
    background-image: url('../images/verify-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhtext h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #2b2b2b;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head .clhtext h6 i {
    color: #1cd1c1;
}


.creatorsdetails-wrap .creatorsdetails-head .clb-head.creator-verify .clhtext h3::after {
    display: inline-flex;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head.creator-medal .clhimage .medal-icon {
    display: block;
}
.creatorsdetails-wrap .creatorsdetails-head .clb-head.creator-medal .clhimage .chimg {
    border-color: #1cd1c1;
}


.creatorsdetails-wrap .creatorsdetails-head .creator-follows ul {
    list-style: none;
    padding: 0;
    margin: 10px 0px;
    display: flex;
    justify-content: flex-end;
    gap: 50px;
}
.creatorsdetails-wrap .creatorsdetails-head .creator-follows ul li:last-child {
    margin-right: 0;
}
.creatorsdetails-wrap .creatorsdetails-head .creator-follows ul li p {
    font-size: 18px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 10px;
    color: #6a6a6a;
    margin-bottom: 0;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorsdetails-wrap .creatorsdetails-head .creator-follows ul li p span {
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
    color: #46454c;
    display: block;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorsdetails-wrap .creatorsdetails-head .creator-follows ul li p:hover, 
.creatorsdetails-wrap .creatorsdetails-head .creator-follows ul li p:hover span {
    color: #f42455;
}


.creatorsdetails-body .secblock,
.creatorsdetails-body .affiliate {
    margin-top: 30px;
}
.creatorsdetails-body .affiliate .cell {
    border-top: 2px solid #ededed;
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 16px;
    color: #2b2b2b;
    line-height: 22px;
}
.creatorsdetails-body .affiliate .cell img {
    margin: 0 0 10px 0;
    display: block;
}


.creatorsdetails-body .affiliate.affistyle2 .cell {
    display: flex;
    align-items: flex-start;
    gap: 10px 15px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorsdetails-body .affiliate.affistyle2 .cell .affimg {
    flex-grow: 0;
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    border: 2px solid #c5c5c5;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorsdetails-body .affiliate.affistyle2 .cell .affimg img {
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorsdetails-body .affiliate.affistyle2 .cell .affimg.noimage {
    padding: 0;
}
.creatorsdetails-body .affiliate.affistyle2 .cell .affimg.noimage img {
    width: 100%;
    height: 100%;
}
.creatorsdetails-body .affiliate.affistyle2 .cell .afftxt {
    font-size: 14px;
    color: #2b2b2b;
    line-height: 1.5;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorsdetails-body .affiliate.affistyle2 .cell .afftxt h6 {
    font-size: 16px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 1.5;
    word-wrap: break-word;
    word-break: break-word;
    margin-bottom: 8px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}

.creatorsdetails-body .affiliate.affistyle2 .cell:hover .affimg img {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}
.creatorsdetails-body .affiliate.affistyle2 .cell:hover .affimg {
    border-color: #ff444e;
}
.creatorsdetails-body .affiliate.affistyle2 .cell:hover .afftxt {
    color: #ff444e;
}




.creatorsdetails-body .secblock.urlsec {
    gap: 10px 0px;
}
.creatorsdetails-body .secblock.urlsec p {
    margin-bottom: 0;
}

.creatorsdetails-body h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #2b2b2b;
    margin: 0px 0px 10px 0px;
}
.creatorsdetails-body h2:last-child {
    margin-bottom: 0;
}

.creatorsdetails-body .urlsec p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #2b2b2b;
    margin: 0px 0px 10px 0px;
    word-break: break-all;
}
.creatorsdetails-body .urlsec p b {
    font-weight: 700;
}
.creatorsdetails-body .contblock {
    display: flex;
    gap: 15px;
}
.creatorsdetails-body .contblock div:first-child {
    flex-grow: 0;
    /* flex-shrink: 0; */
}
.creatorsdetails-body .contblock h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: #2b2b2b;
    margin-bottom: 5px;
}
.creatorsdetails-body .contblock h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #2b2b2b;
    margin-bottom: 0;
}

.item-list-1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 7px;
}
.item-list-1 ul > li {
    /* padding: 5px 0px; */
    /* margin-right: 7px; */
}
.item-list-1 ul > li .item-block {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #ff444e;
    border: 1px solid #ff444e;
    border-radius: 50px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
}
.item-list-1 ul > li .item-block p {
    padding: 0px 5px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.item-list-1 ul > li .item-block p + a img {
    width: 0;
    height: 0;
    transition: 0.3s;
}
.item-list-1 ul > li .item-block:hover p + a img {
    width: 19px;
    height: 19px;
    background-color: #ff444e;
    border-radius: 100%;
}

.item-list-1 ul li .item-block.add {
    padding: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.item-list-1 ul li .item-block.add p {
    padding: 0;
    font-size: 20px;
    line-height: 1;
}
.item-list-1 ul li .item-block.add svg {
    width: 16px;
}
.item-list-1 ul li .item-block.add svg path {
    fill: #ff444e;
}
.item-list-1 ul li .item-block.add:hover {
    border: 1px solid #ff444e;
    background-color: #ff444e;
}
.item-list-1 ul li .item-block.add:hover p {
    color: #fff;
}
.item-list-1 ul li .item-block.add:hover svg path {
    fill: #fff;
}


.for-new-item .item-add-dropdown {
    width: 280px;
    height: auto;
    padding: 10px 20px;
    margin: 10px 0px !important;
    border-radius: 20px;
    overflow: hidden;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
}
.for-new-item .item-add-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 270px;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    display: block;
}
.for-new-item .item-add-dropdown ul li {
    border-bottom: 1px solid #e4e4e4;
}
.for-new-item .item-add-dropdown ul li .new-item-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
}
.for-new-item .item-add-dropdown ul li .new-item-block .form-check-label {
    font-size: 16px;
    font-weight: 500;
}
.for-new-item .item-add-dropdown ul li .new-item-block .form-check-input {
    min-width: 18px;
    min-height: 18px;
    border-radius: 100%;
    margin: 0px 5px 0px 12px;
}
.for-new-item .item-add-dropdown ul li .new-item-block .form-check-input:focus {
    border-color:inherit;
    box-shadow: none;
}
.for-new-item .item-add-dropdown ul li .new-item-block .form-check-input:checked {
    background-color: #ff444e;
    border-color: #ff444e;
}
.for-new-item .item-add-dropdown .new-item-btns {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}
.for-new-item .item-add-dropdown .new-item-btns .btn {
    font-size: 12px;
    font-weight: 500;
    color: #868686;
    border: 1px solid currentColor;
    border-radius: 50px;
    padding: 7px 22px;
    margin: 5px 10px 5px 0px;
}
.for-new-item .item-add-dropdown .new-item-btns .btn:last-child {
    margin-right: 0px;
}
.for-new-item .item-add-dropdown .new-item-btns .btn:focus {
    box-shadow: none;
}
.for-new-item .item-add-dropdown .new-item-btns .btn:hover {
    color: #fff;
    background-color: #868686;
}
.for-new-item .item-add-dropdown .new-item-btns .btn.save {
    color: #ff444e;
    border-color: currentColor;
}
.for-new-item .item-add-dropdown .new-item-btns .btn.save:hover {
    color: #fff;
    background-color: #ff444e;
}
.for-new-item .item-add-dropdown .simplebar-track.simplebar-vertical {
    right: -15px;
}


.creatorsdetails-body .profile-sectitle-1 .add {
    color: #7b00ff;
    border: 1px solid #7b00ff;
}
.creatorsdetails-body .profile-sectitle-1 .add:hover {
    color: #fff;
    background-color: #7b00ff;
}
.item-list-1.c2 ul li .item-block {
    color: #7b00ff;
    border: 1px solid #7b00ff;
}
.item-list-1.c2 ul li .item-block a.close {
    color: #7b00ff;
}
.item-list-1.c2 ul li .item-block.add svg path {
    fill: #7b00ff;
}
.item-list-1.c2 ul li .item-block.add:hover {
    border-color: #7b00ff;
    background-color: #7b00ff;
}
.item-list-1.c2 ul > li .item-block:hover p + a img {
    background-color: #7b00ff;
}
.item-list-1.c2 ul li .item-block.add:hover svg path {
    fill: #ffffff;
}



.item-list-1.c2 li .item-block {
    color: #7b00ff;
    border: 1px solid #7b00ff;
}
.item-list-1.c2 li .item-block a.close {
    color: #7b00ff;
}
.item-list-1.c2 li .item-block.add:hover {
    color: #fff;
    background-color: #7b00ff;
}
.item-list-1.c2 .for-new-item .item-add-dropdown .new-item-btns .btn.save {
    color: #7b00ff;
    border-color: currentColor;
}
.item-list-1.c2 .for-new-item .item-add-dropdown ul > li .new-item-block .form-check-input:checked {
    background-color: #7b00ff;
    border-color: #7b00ff;
}
.item-list-1.c2 .for-new-item .item-add-dropdown .new-item-btns .btn.save:hover {
    color: #fff;
    background-color: #7b00ff;
}


.profile-socialmedia {
    margin-top: 24px;
}
.profile-socialmedia .prosm-block {
    width: 100%;
    height: 100%;
}
.profile-socialmedia .prosm-block > div {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 30px 15px;
    border: 2px solid #ededed;
    border-radius: 20px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.profile-socialmedia .prosm-block:hover > div {
    border-color: #ff444e;
}
.profile-socialmedia .prosm-block > div .psmbimage {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
.profile-socialmedia .prosm-block > div .psmbimage img {
    max-width: 100%;
}
.profile-socialmedia .prosm-block > div h3 {
    font-size: 16px;
    font-weight: 500;
    color: #2b2b2b;
    margin: 15px 0px 0px 0px;
    word-wrap: break-word;
}
.profile-socialmedia .prosm-block > div h3 sub {
    display: block;
    line-height: 1;
    color: #ff444e;
    position: relative;
    margin-top: -1px;
}

.profile-socialmedia .prosm-block.disabled {
    /* pointer-events: none; */
    cursor: default;
}
.profile-socialmedia .prosm-block.disabled > div .psmbimage img {
    filter: invert(0.5) sepia(0) saturate(1) hue-rotate(0deg) brightness(1.2);
}
.profile-socialmedia .prosm-block.disabled > div h3 {
    color: #bcbcbc;
}
.profile-socialmedia .prosm-block.edit {
    min-height: 159px;
    cursor: pointer;
}
.profile-socialmedia .prosm-block.edit .edit-btn-1 {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
.profile-socialmedia .prosm-block.edit:hover .edit-btn-1 {
    display: flex;
}
.social-link-add {
    height: 30px;
    width: 100%;
    margin-top: 5px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #c5c5c5;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
}
.profile-socialmedia .btn-style-1 {
    padding: 0 7px;
    line-height: normal;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
}
.profile-socialmedia .btn-style-1.c-1 {
    border: 1px solid #ff444e;
    color: #ff444e;
    background: none;
}
.profile-socialmedia .btn-style-1.c-1:hover {
    color: #fff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}






.creatorsdetails-title-2 {
    margin-bottom: 15px;
}
.creatorsdetails-title-2 h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #372468;
    margin-bottom: 0px;
}
.creatorclog-wrap .cclog-head h3 span {
    color: #47c0b7;
}


.creatorclog-wrap .creatorcatalog-block-2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 2px solid #e1e1e1;
    border-radius: 20px;
    padding: 24px 20px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-head {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-head .chleft {
    width: 100%;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-head .chleft h3 {
    font-size: 16px;
    font-weight: 600;
    color: #372468;
    margin-bottom: 0;
    line-height: 1.3;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-head .chleft h3 a {
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-head .chleft h3 a svg path {
    fill: #1cd1c1;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-head .chleft h3 a:hover svg path {
    fill: #ff444e;
}


.creatorclog-wrap .creatorcatalog-block-2 .ccb-text {
    width: 100%;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
}

.creatorcatalog-block-2 .ccb-socialmedia {
    margin-top: 24px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-socialmedia ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-socialmedia ul li {
    width: calc((100% / 2) - 5px);
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-socialmedia ul li div {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    border: 2px solid #e1e1e1;
    border-radius: 10px;
    padding: 10px 15px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-socialmedia ul li div span:first-child {
    flex-grow: 0;
    flex-shrink: 0;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-socialmedia ul li div span:first-child img {
    max-width: 100%;
    max-height: 100%;
}

.creatorcatalog-block-2 .ccb-socialmedia .nodata-wrap {
    background-color: #f3f3f3;
    border-radius: 10px;
}

.creatorcatalog-block-2 .top-split {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.creatorcatalog-block-2 .top-split a {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    color: #525151;
    min-width: 95px;
    display: table;
}
.creatorcatalog-block-2 .top-split a i {
    margin-left: 3px;
}
.creatorcatalog-block-2 .top-split a:hover {
    border: 1px solid #7C00FF;
    color: #7C00FF;
}


.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs {
    width: 100%;
    height: auto;
    padding-top: 24px;
    /* margin-top: auto; */
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px 10px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul li {
    width: calc((100% / 2) - 5px);
    display: flex;
    align-items: flex-start;
    gap: 10px 15px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul li > div:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    width: 25px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul li > div:first-child img {
    max-width: 100%;
    height: auto;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul li > div:last-child h5 {
    font-size: 12px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 5px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul li > div:last-child h3 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2b2b;
    margin-bottom: 0px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul li > div:last-child h2 {
    font-size: 21px;
    font-weight: 600;
    color: #ff444e;
    margin-bottom: 0px;
}
.creatorclog-wrap .creatorcatalog-block-2 .ccb-specs ul li > div:last-child .sendrequestBtn {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 6px 15px;
    border-width: 1px;
}


/* ============================================== */

/* ============================================== */


.ratingneviews-wrap .creatorsdetails-title-2 {
    margin-bottom: 8px;
}

.ratingneviews-block {
    border-top: 1px solid #e4e4e4;
    padding-top: 24px;
}
.ratingneviews-block .rnr-content {
    width: 100%;
}
.ratingneviews-block .rnr-content h3 {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    line-height: 1.4;
    margin-bottom: 10px;
}
.ratingneviews-block .rnr-content p {
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    line-height: 1.4;
    word-break: break-word;
}
.ratingneviews-block .rnr-author {
    display: flex;
    gap: 10px 15px;
    margin-top: 20px;
}
.ratingneviews-block .rnr-author .auth-userpic {
    flex-shrink: 0;
    flex-grow: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #cdcdcd;
    border-radius: 100%;
    overflow: hidden;
}
.ratingneviews-block .rnr-author .auth-userpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ratingneviews-block .rnr-author .auth-userdet {
    width: 100%;
}
.ratingneviews-block .rnr-author .auth-userdet h3 {
    font-size: 14px;
    font-weight: 400;
    color: #ff444e;
    line-height: 1.4;
    margin-bottom: 5px;
}
.ratingneviews-block .rnr-author .auth-userdet time {
    font-size: 12px;
    font-weight: 400;
    color: #979797;
    line-height: 1.4;
}

.ratingneviews-block .rnr-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.ratingneviews-block .rnr-bottom .rnrb-right {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto;
}
.ratingneviews-block .btnReport {
    font-size: 12px;
    padding: 2px 8px;
}


.cdetails-block {
    margin-top: 25px;
}

.modalservice-block {
    border: 1px solid #b2b3b2;
    border-radius: 20px;
    padding: 15px 15px 20px 15px;
    width: 100%;
}
.modalservice-block .with-status {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.modalservice-block .with-status span.rejected,
.modalservice-block .with-status span.approved,
.modalservice-block .with-status span.completed,
.modalservice-block .with-status span.payment-rejected,
.modalservice-block .with-status span.ongoing,
.modalservice-block .with-status span.work-update-submitted,
.modalservice-block .with-status span.cancel-requested {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 5px;
}

.modalservice-block .with-status span.rejected {
    border: 1px solid #CC0000;
    color: #FF4D4D;
}
.modalservice-block .with-status span.approved {
    border: 1px solid #388E3C;
    color: #4CAF50;
}
.modalservice-block .with-status span.completed {
    border: 1px solid #1976D2;
    color: #2196F3;
}
.modalservice-block .with-status span.payment-rejected {
    border: 1px solid #BF360C;
    color: #FF7043;
}
.modalservice-block .with-status span.ongoing {
    border: 1px solid #FFC107;
    color: #cdb800;
}
.modalservice-block .with-status span.work-update-submitted {
    border: 1px solid #7B1FA2;
    color: #9C27B0;
}
.modalservice-block .with-status span.cancel-requested {
    border: 1px solid #616161;
    color: #BDBDBD;
}






/* creator details page :end */

/* Toggle Button: Start */
.switch-toggle {
    margin: 0px 15px;
    position: relative;
    margin-top: -3px;
}
.tgl-1 {
    display: table;
}

.tgl-1 .toggle {
    width: 200px !important;
}

.tgl-1.w-2 .toggle {
    width: 100px !important;
}

.tgl-1.w-3 .toggle {
    width: 90px !important;
}

.tgl-1 label {
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
}

.tgl-1 .toggle-handle {
    background: #fff;
}

.tgl-1 .toggle.btn-primary {
    border: 1px solid #7b00ff;
    background: #7b00ff !important;
}

.tgl-1 .btn-primary.toggle-on {
    background: none;
    color: #fff;
    cursor: pointer;
    padding-right: 30px;
}

.tgl-1 .toggle-off {
    cursor: pointer;
    padding-left: 30px;
}

.tgl-1 .toggle.btn-default.off {
    border: 1px solid #dedede;
    background: #f1f1f1;
}

.tgl-1 .btn-default.off .toggle-handle {
    background: #FFF !important;
}

.tgl-1 .btn-default.off .toggle-handle::focus {
    background: #FFF !important;
}

/* Toggle button style two */
.styl-2 .btn-primary .toggle-handle {
    border-radius: 50%;
    width: 23px !important;
    height: 23px !important;
    padding: 0;
    left: -14px;
    top: 1px;
}

.styl-2 .btn-default.off .toggle-handle {
    border-radius: 50%;
    width: 23px !important;
    height: 23px !important;
    padding: 0;
    left: 13px;
    top: 1px;
    background: #ADB5BD !important;
}

.styl-2 .btn-primary,
.styl-2 .btn-default.off {
    border-radius: 50px;
    background: #FFF;
    height: 30px;
    min-height: 30px;
}

.styl-2 .toggle-group .btn.btn-primary,
.styl-2 .toggle-group .btn.btn-default {
    padding-top: 0;
    padding-bottom: 0;
    height: 25px;
}
/* Toggle Button: End */


.form-style-1 hr {
    background-color: #e1e1e1;
    opacity: 1;
    margin: 0;
}

.form-style-1 .form-subhead-1 h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #2b2b2b;
    margin-bottom: 0;
}
.form-style-1 .form-subhead-2 h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #2b2b2b;
    margin-bottom: 0;
}

.creatorprofilefrm-wrap .form-style-1 .creator-profilepic {
    width: 130px;
    height: 130px;
    margin-bottom: 15px;
    position: relative;
}
.creatorprofilefrm-wrap .form-style-1 .creator-profilepic .cpp-img {
    width: 100%;
    height: 100%;
    border: 2px solid #1cd1c1;
    border-radius: 20px;
    overflow: hidden;
}
.creatorprofilefrm-wrap .form-style-1 .creator-profilepic .cpp-uploadbtn {
    position: absolute;
    bottom: -15px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1cd1c1;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 6px 6px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.creatorprofilefrm-wrap .form-style-1 .creator-profilepic .cpp-uploadbtn [type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.creatorprofilefrm-wrap .form-style-1 .creator-profilepic .cpp-uploadbtn [type="file"]::after {
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


.creatorprofilefrm-wrap .form-style-1 .creator-profilepic .cpp-uploadbtn img {
    max-width: 100%;
    max-height: 100%;
}
.creatorprofilefrm-wrap .form-style-1 .creator-profilepic .cpp-uploadbtn:hover {
    background-color: #7c00ff;
}

.creatorprofilefrm-wrap .form-style-1 .creator-profilepic .cpp-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.creatorprofilefrm-wrap .form-style-1 .form-label {
    font-size: 14px;
    padding-top: 15px;
    margin-bottom: 0;
}
.form-style-1 .form-control + .select2 .selection .select2-selection {
    padding: 5.5px 30px;
}
.creatorprofilefrm-wrap .form-style-1 .form-control + .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
}
.creatorprofilefrm-wrap .form-style-1 .form-control {
    font-size: 14px;
    font-weight: 400;
}
.creatorprofilefrm-wrap .form-style-1 input.form-control {
    padding: 5.5px 30px;
}

.creatorprofilefrm-wrap .form-style-1 .btn {
    padding: 10px 40px;
}

/* createcatalog :start */
.createcatalog {
    background-color: #ffffff;
    padding: 30px 35px 35px 35px;
}
/* createcatalog :end */


.tablist-wrap {
    background-color: #f2f2f2;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    padding: 7px 7px;
    margin-bottom: 5px;
}
.tablist-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.tablist-wrap ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #666766;
    background-color: transparent;
    padding: 7px 17px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tablist-wrap ul li a.active, 
.tablist-wrap ul li a:hover {
    color: #ffffff;
    background-color: #ff444e;
}



/* Search Popup :start */

.searchPopup .modal-dialog {
    padding: 40px 40px;
}
.searchPopup .modal-dialog .modal-content {
    height: auto;
    border-radius: 20px;
    overflow: hidden;
}
.searchPopup .modal-body {
    padding: 48px 48px;
    position: relative;
}
.searchPopup .modal-body .btn-close {
    width: 42px;
    height: 42px;
    background-color: rgb(234, 234, 234);
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 20px;
}

.searchPopup .modal-body .stlist-wrap {
    margin-top: 40px;
}
.searchPopup .modal-body .stlist-wrap .stlw-block {
    width: 100%;
    height: auto;
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.17);
    padding: 25px 25px;
}

.searchPopup .stlist-header .shead-title {
    font-size: 22px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 15px;
}  

.searchPopup .stlw-block > h3 {
    font-size: 22px;
    font-weight: 600;
    color:#350e6a;
    margin-bottom: 20px;
}
.searchPopup .stlw-block > h3 span {
    color: #1cd1c1;
}
.searchPopup .tlwlist {
    list-style: none;
    padding: 0;
    margin: 0;
}
.searchPopup .tlwlist li .tlwrap-block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.searchPopup .tlwlist li:last-child {
    margin-bottom: 0;
}
.searchPopup .tlwlist li:last-child .tlwrap-block {
    margin-bottom: 0;
}
.searchPopup .tlwlist li .tlwrap-block > div:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    top: 1466px;
    width: 48px;
    height: 48px;
    border: 2px solid #ededed;
    border-radius: 100%;
    box-shadow: 0px 0px 17.43px 3.57px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.searchPopup .tlwlist li .tlwrap-block > div:first-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.searchPopup .tlwlist li .tlwrap-block h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.searchPopup .tlwlist li .tlwrap-block p {
    font-size: 14px;
    font-weight: 400;
    color: #979696;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.searchPopup .tlwlist li .tlwrap-block:hover h4 {
    color: #350e6a;
}
.searchPopup .tlwlist li .tlwrap-block:hover > div:first-child {
    border-color: #350e6a;
}
/* .searchPopup .tlwlist li .tlwrap-block:hover > div:first-child img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
} */


.searchPopup .resoult-tab {
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    /* height: 0px; */
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    /* transition: height 0.8s cubic-bezier(0.27, 0.7, 0, 0.99); */
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.17);
    margin-top: 10px;
}
/* .searchPopup .resoult-tab-active {
    height: 450px;
    transition: height 0.8s cubic-bezier(0.27, 0.7, 0, 0.99);
    overflow-x: hidden;
    overflow-y: auto;
} */
.searchPopup .resoult-tab .retab-inner {
    padding: 30px 25px;
}

.searchPopup .search-field {
    width: 100%;
    height: 60px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
}
.searchPopup .search-field .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #6e80a5;
    opacity: .8;
    width: 70px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchPopup .search-field .search-placeholder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 70px;
    z-index: 1;
    color: #727272;
    opacity: .8;
    font-size: 14px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.searchPopup .search-field form {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
}
.searchPopup .search-field form .text-field {
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 14px;
    color: #3f3f3f;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 5px 5px 5px 70px;
    caret-color: #79a6ff;
    line-height: 2em;
}
/* Search Popup :end */

/* rating and review list page :start */

.rnrlist-wrap .addreview-section {
    margin-top: 30px;
}
.rnrlist-wrap .addreview-section .ars-title {
    padding-bottom: 8px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
}

.rnrlist-wrap .ratingandreviews-section {
    margin-top: 60px;
}
/* rating and review list page :end */

/* Service Request send View Details With Pay button page :start */
.paymentdetails-table {
    width: 100%;
}
.paymentdetails-table .pdetail-1 {
    width: 40px;
    min-width: 30px;
    max-width: 40px;
    text-align: center;
}
.paymentdetails-table .pdetail-3 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.paymentdetails-table .pdetail-4 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.paymentdetails-table .pdetail-5 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.paymentdetails-table .totalrow {
    font-size: 16px;
    font-weight: 600;
    background-color: #ebebeb;
}
.paymentdetails-table .finaltotalrow {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    background-color: #350e6a;
}

.paymentdetails-table tbody tr td:nth-child(1) {
    text-align: center;
}
.paymentdetails-table tbody tr td:nth-child(3) {
    text-align: center;
}
.paymentdetails-table tbody tr td:nth-child(4) {
    text-align: right;
}
.paymentdetails-table tbody tr td:nth-child(5) {
    text-align: right;
}

.servicereq-personalinfo .sreq-userstatus {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
}
.servicereq-personalinfo .sreq-userstatus .ustatus p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #ff444e;
    border-radius: 10px;
    padding: 7px 14px;
}
.servicereq-personalinfo .sreq-user h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    color: #2b2b2b;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.servicereq-personalinfo .sreq-user h3 span em {
    color: #1cd1c1;
}
.servicereq-personalinfo .sreq-user h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #2b2b2b;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.servicereq-personalinfo .sreq-user h6 i {
    color: #1cd1c1;
}
.servicereq-personalinfo .sreq-url {
    margin-top: 24px;
}
.servicereq-personalinfo .sreq-url h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #2b2b2b;
    white-space: wrap;
    word-break: break-all;
    margin-bottom: 0;
}
.servicereq-personalinfo .sreq-url h3 b {
    font-weight: 600;
}

.servicereq-catalogdetails {
    margin-top: 30px;
}

.servicereq-servicerequest {
    margin-top: 30px;
}

.servicereq-note {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e1e1e1;
}
.servicereq-note p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #2b2b2b;
}

.servicereq-paymentdetails {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e1e1e1;
}

.servicereq-termsnconditions {
    margin-top: 40px;
}
.servicereq-termsnconditions h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #2b2b2b;
    margin-bottom: 5px;
}
.servicereq-termsnconditions .tnc-checkbox .form-check-input {
    width: 16px;
    height: 16px;
}
.servicereq-termsnconditions .tnc-checkbox .form-check-label {
    color: #7a7a7a;
}
/* Service Request send View Details With Pay button page :end */

/* Creator Service Request :start */
.servicerequest-accordion {
    width: 100%;
}
.servicerequest-accordion .accordion-item {
    border: 0;
    border-radius: 0px;
}
.servicerequest-accordion .accordion-item .accordion-top {
    display: flex;
    align-items: center;
    gap: 10px;
}
.servicerequest-accordion .accordion-item .accordion-top .accStatus {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #000000;
    background-color: #e1e1e1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 7px 14px 17px 14px;
    margin-bottom: -10px;
}
.servicerequest-accordion .accordion-item .accordion-top time {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
}
.servicerequest-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    font-weight: 600;
    color: #350e6a;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 14px 20px;
}
.servicerequest-accordion .accordion-item .accordion-header .accordion-button::after {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237b00ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 12px;
    background-position: center;
    border: 1.5px solid #7b00ff;
    border-radius: 100%;
}
.servicerequest-accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}
.servicerequest-accordion .accordion-item .accordion-collapse {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    margin-top: 10px;
}


.servicerequest-accordion.c1 .accordion-item .accordion-top .accStatus {
    color: #ffffff;
    background-color: #7b00ff;
}
.servicerequest-accordion.c1 .accordion-item .accordion-header .accordion-button {
    border-color: #7b00ff;
}
.servicerequest-accordion.c1 .accordion-item .accordion-header .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237b00ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    border-color: #7b00ff;
}
.servicerequest-accordion.c1 .accordion-item .accordion-collapse {
    border-color: #7b00ff;
}


.servicerequest-accordion.c2 .accordion-item .accordion-top .accStatus {
    color: #ffffff;
    background-color: #1cd1c1;
}
.servicerequest-accordion.c2 .accordion-item .accordion-header .accordion-button {
    border-color: #1cd1c1;
}
.servicerequest-accordion.c2 .accordion-item .accordion-header .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231cd1c1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    border-color: #1cd1c1;
}
.servicerequest-accordion.c2 .accordion-item .accordion-collapse {
    border-color: #1cd1c1;
}
/* Creator Service Request :end */

/* Invoice View Page :start */
.invoiceview-wrap .invoicedata-block .form-label {
    margin-bottom: 5px;
}
.invoiceview-wrap .invoicedata-block p {
    font-size: 14px;
    color: #000000;
}

.table-wrap .invoicedata-table {
    font-size: 13px;
    font-weight: 400;
    border: 0;
}
.table-wrap .invoicedata-table thead {
    vertical-align: middle;
    white-space: nowrap;
}
.table-wrap table tr th, 
.table-wrap table tr td {
    padding: 10px 10px;
}
.table-wrap .invoicedata-table thead th {
    font-weight: 400;
}
.table-wrap .invoicedata-table tr td {
    background-color: transparent !important;
    border: 0;
}
.table-wrap .invoicedata-table tr td.ivb-border {
    border-top: 1px solid #372165;
}
/* Invoice View Page :emd */









/* ========== .inner-v1 styles :start ==========  */

.inner-v1 .hd-typ-1 {
    font-weight: 700;
    font-size: 30px;
}
.inner-v1 .hd-typ-1 span {
    color: #ff444e;
}


.inner-v1 .current-session {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-v1 .current-session .currentsec-title h3 {
    font-size: 26px;
    font-weight: 700;
    color: #350e6a;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    word-break: break-all;
}
.inner-v1 .current-session {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-v1 .current-session .currentsec-title h3 {
    font-size: 26px;
    font-weight: 700;
    color: #350e6a;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    word-break: break-all;
}

.inner-v1 .cursec-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.inner-v1 .cursec-nav li {
    margin-right: 10px;
}
.inner-v1 .cursec-nav li:last-child {
    margin-right: 0px;
}
.inner-v1 .cursec-nav li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #7b00ff;
    border: 1px solid #7b00ff;
    border-radius: 50px;
    padding: 7px 19px;
}
.inner-v1 .cursec-nav li a.active, 
.inner-v1 .cursec-nav li a:hover {
    color: #fff;
    background-color: #7b00ff;
}



.inner-v1 ul.list-style-1 {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}
.inner-v1 ul.list-style-1 li {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
}
.inner-v1 ul.list-style-1 li::after {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: #c5c5c5;
}
.inner-v1 ul.list-style-1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.inner-v1 ul.list-style-1 span {
    font-weight: 700;
    color: #ff444e;
}
.inner-v1 span.red-title {
    font-size: 18px;
    font-weight: 700;
    color: #ff444e;
    margin: 15px 0 10px 0;
    display: block;
}



.inner-v1 .accordion.CreateLine {
    margin-bottom: 40px;
}
.inner-v1 .accordion.CreateLine .accordion-button::after {
    width: 17px;
    height: 10.5px;
    background-image: url("../images/arrow-2.png");
    background-size: 17px 10.5px;
}
.inner-v1 .accordion.CreateLine .accordion-button:not(.collapsed)::after {
    background-image: url("../images/arrow-2-top.png");
    transform: rotate(-180deg);
}
.inner-v1 .accordion.CreateLine .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #7b00ff;
}



.inner-v1 .download-sec {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    margin-top: 15px;
}
.inner-v1 .download-sec a {
    /* width: 100px; */
    /* height: 40px; */
    -webkit-border-radius: 27px;
            border-radius: 27px;
    background: #000;
    padding: 15px 30px 16px 55px;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    font-size: 14px;
    position: relative;
    
    background: #ffffff;
    -webkit-box-shadow: 5px 5px 17px #d9d9d9, -5px -5px 17px #ffffff;
    box-shadow: 5px 5px 17px #d9d9d9, -5px -5px 17px #ffffff;
    border: 1px solid #eaeaea;
}
.inner-v1 .download-sec span {
    line-height: 6px;
    display: block;
    font-weight: 700;
    color: #373737;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .download-sec span sup {
    display: block;
    line-height: normal;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 300;
}
.inner-v1 .download-sec i {
    font-size: 20px;
    margin-right: 15px;
    position: absolute;
    top: 15px;
    left: 25px;
    color: #7b00ff;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .download-sec a.apple i {
    font-size: 25px;
    top: 12px;
    left: 25px;
}
.inner-v1 .download-sec a:hover {
    background: #7b00ff;
}
.inner-v1 .download-sec a:hover i {
    color: #fff;
}
.inner-v1 .download-sec a:hover span {
    color: #fff;
}

/* =================== */

/* .inner-v1 .pagination-block :start */
.inner-v1 .pagination-block {
    padding: 28px 0px 20px 0px;
}
.inner-v1 .pagination-block .pagination {
    margin: 0;
}
.inner-v1 .pagination-block .pagination .page-item {
    margin-right: 10px;
    border: 0;
}
.inner-v1 .pagination-block .pagination .page-item:last-child {
    margin-right: 0;
}
.inner-v1 .pagination-block .pagination .page-item span,
.inner-v1 .pagination-block .pagination .page-item .page-link {
    width: 34px;
    height: 34px;
    font-size: 16px;
    font-weight: 400;
    line-height: initial;
    color: #898989;
    border: 1px solid #a2a2a2;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.inner-v1 .pagination-block .pagination .page-item.disabled.page-link {
    padding: 0;
}
.inner-v1 .pagination-block .pagination .page-item.active .page-link {
    color: #fff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}
/* .inner-v1 .pagination-block :end */

/* invite and earn section :start */
.inner-v1 .invitenearn-section {
    padding: 0px 0px 30px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-v1 .invitenearn-section .inesec-block h3 {
    font-size: 22px;
    font-weight: 700;
    color: #ff444e;
    margin-bottom: 10px;
}
.inner-v1 .invitenearn-section .inesec-block p {
    font-size: 14px;
    font-weight: 400;
    color: #898989;
    margin-bottom: 10px;
}
.inner-v1 .invitenearn-section .inesec-block .coupon {
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.inner-v1 .invitenearn-section .inesec-block .coupon .coupon-code {
    font-size: 16px;
    font-weight: 600;
    color: #4e4d53;
    background-color: #f2f2f2;
    padding: 8px 20px;
    margin: 0px 10px 0px 0px;
    display: inline-block;
    border-radius: 50px;
}
.inner-v1 .invitenearn-section .inesec-block .coupon .coupon-share {
    width: 32px;
    height: 32px;
    color: #fff;
    background-color: #7c00ff;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.inner-v1 .invitenearn-section .inesec-block .coupon .coupon-share:hover {
    background-color: #f42455;
}
/* invite and earn section :start */

/* Recent Transactions :start */
.inner-v1 .recenttrans-block {
    padding: 12px 0px;
    width: 100%;
    height: 100%;
}
.inner-v1 .recenttrans-block .rtb-inner {
    display: flex;
    align-items: center;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
}
.inner-v1 .recenttrans-block .rtb-inner .icon {
    flex-shrink: 0;
    margin-right: 15px;
}
.inner-v1 .recenttrans-block .rtb-inner .icon span {
    font-size: 14px;
    font-weight: 600;
    width: 50px;
    height: 50px;
    background-color: #e9e9e9;
    border: 1px solid #cdbae6;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.inner-v1 .recenttrans-block .rtb-inner .details {
    flex: 1;
}
.recenttrans-block .rtb-inner .details h3 {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 5px;
}
.inner-v1 .recenttrans-block .rtb-inner .details h4 {
    font-size: 14px;
    font-weight: 400;
    color: #898989;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
.inner-v1 .recenttrans-block .rtb-inner .details h4 i {
    font-size: 16px;
    margin-right: 8px;
}
.inner-v1 .recenttrans-block .rtb-inner .details h4 i.yt {
    color: #FF0000;
}
.inner-v1 .recenttrans-block .rtb-inner .details h4 i.insta {
    color: #C13584;
}
.inner-v1 .recenttrans-block .rtb-inner .details h4 i.fb {
    color: #4267B2;
}
.inner-v1 .recenttrans-block .rtb-inner .details h4 i.tweet {
    color: #1DA1F2;
    font-size: 0;
}
.inner-v1 .recenttrans-block .rtb-inner .details h4 i.tweet svg {
    width: 14px;
}
.recenttrans-block .rtb-inner .details h4 i.cash {
    color: #795548;
}
.inner-v1 .recenttrans-block .rtb-inner .details time {
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    margin-bottom: 0px;
}
.inner-v1 .recenttrans-block .rtb-inner .reward {
    flex-shrink: 0;
}
.inner-v1 .recenttrans-block .rtb-inner .reward {
    display: flex;
    align-items: center;
}
.inner-v1 .recenttrans-block .rtb-inner .reward .coin {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.inner-v1 .recenttrans-block .rtb-inner .reward .coin img {
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.inner-v1 .recenttrans-block .rtb-inner .reward .coin .plus {
    color: #11b404;
}
.inner-v1 .recenttrans-block .rtb-inner .reward .coin .minus {
    color: #f44336;
}
.inner-v1 .recenttrans-block .rtb-inner .reward .coin i {
    font-size: 22px;
    color: #ffc107;
    margin-left: 3px;
}
/* Recent Transactions :End */

/* .inner-v1 .box-wrapper-1 :Start */
.inner-v1 .box-wrapper-1 {
    padding: 12px 0px;
}
.inner-v1 .box-wrapper-1 .image-block {
    width: 100%;
    height: 225px;
    border-radius: 15px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0, 0);
    -moz-transform: translate3d(0, 0,0);
    margin-bottom: 10px;
    position: relative;
}
.inner-v1 .box-wrapper-1 .image-block .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .box-wrapper-1 .image-block .video-length {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background-color: #000;
    padding: 0px 5px;
}
.inner-v1 .box-wrapper-1:hover .image-block .image {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.inner-v1 .box-wrapper-1 .details-block time {
    font-size: 14px;
    font-weight: 400;
    color: #1cd1c1;
    margin-bottom: 10px;
    display: inline-block;
}
.inner-v1 .box-wrapper-1 .details-block h3 {
    font-size: 18px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 10px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .box-wrapper-1 .details-block h3 span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 10px;
}
.inner-v1 .box-wrapper-1 .details-block h3:hover {
    color: #f42455;
}
.inner-v1 .box-wrapper-1 .details-block h4 {
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    margin-bottom: 10px;
}
.inner-v1 .box-wrapper-1 .details-block h4 span {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .box-wrapper-1 .details-block h4 span:hover {
    color: #f42455;
}
.inner-v1 .box-wrapper-1 .details-block p {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 10px;
}
.inner-v1 .box-wrapper-1 .buttons-block {
    padding-top: 10px;
}
.inner-v1 .box-wrapper-1 .buttons-block a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: #ff444e;
    border-radius: 50px;
    padding: 8px 22px;
}
.inner-v1 .box-wrapper-1 .buttons-block a img {
    margin-left: 7px;
}
.inner-v1 .box-wrapper-1 .buttons-block a:hover {
    background-color: #7b00ff;
}
/* .inner-v1 .box-wrapper-1 :End */


/* .inner-v1 .youtube-details :start */
.inner-v1 .submitted-section {
    padding: 20px 10px;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
}
.inner-v1 .submitted-section>div {
    margin-right: 50px;
}
.inner-v1 h4.style-1 {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
    margin: 0 0 10px 0;
}
.inner-v1 .submitted-section .date-time {
    font-weight: 400;
    font-size: 16px;
    display: flex;
}
.inner-v1 .submitted-section .date-time span {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    color: #afafaf;
    margin: 0 15px 0 0;
}
.inner-v1 .submitted-section .date-time span i {
    margin: 0 5px 0 0;
    color: #5900b8;
    position: relative;
}
.inner-v1 .screenshots-sec {
    padding: 0 10px 15px 10px;
}
.inner-v1 .screenshots-sec .cell-row {
    margin: 0;
    padding: 0;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.inner-v1 .screenshots-sec .cell-row .cell {
    height: 150px;
    -webkit-flex: 1 0 20%;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
    background: #f2f2f2;
    margin: 0 0 0 0;
    width: 25%;
}
.inner-v1 .screenshots-sec .cell-row .cell img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.inner-v1 .youtube-details {
    margin-top: 12px;
}
.inner-v1 .youtube-details .image-block {
    width: 100%;
    min-height: 210px;
    border-radius: 15px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0, 0);
    -moz-transform: translate3d(0, 0,0);
    position: relative;
}
.inner-v1 .youtube-details .image-block .image {
    width: 100%;
    min-height: 210px;
}
.inner-v1 .youtube-details .image-block .video-length {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background-color: #000;
    padding: 0px 5px;
}

.inner-v1 .youtube-details .details-block h5 {
    font-size: 16px;
    font-weight: 700;
    color: #4e4d53;
    margin-bottom: 10px;
}
.inner-v1 .youtube-details .details-block .video-name h3 {
    font-size: 22px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 10px;
    padding-right: 50px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .youtube-details .details-block .video-name h3:hover {
    color: #ff444e;
}
.inner-v1 .youtube-details .details-block .video-name {
    position: relative;
}
.inner-v1 .youtube-details .details-block .video-name .name-copy {
    position: absolute;
    top: 0;
    right: 0;
}
.inner-v1 .youtube-details .details-block .video-name .name-copy span {
    width: 45px;
    height: 45px;
    background-color: #f2f2f2;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .youtube-details .details-block .video-name .name-copy:hover span {
    background-color: #ddd;
}
.inner-v1 .youtube-details .details-block time {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #9c9c9c;
    margin-bottom: 10px;
}
.inner-v1 .youtube-details .details-block h4 {
    font-size: 14px;
    font-weight: 400;
    color: #898989;
    margin-bottom: 10px;
}
.inner-v1 .youtube-details .details-block h4 span {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .youtube-details .details-block h4 span:hover {
    color: #ff444e;
}

.inner-v1 .youtube-details .count {
    padding-top: 10px;
}
.inner-v1 .youtube-details .count ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.inner-v1 .youtube-details .count ul li {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #4e4d53;
    padding-right: 30px;
}
.inner-v1 .youtube-details .count ul li:last-child {
    padding-right: 0;
}
.inner-v1 .youtube-details .count ul li span {
    font-size: 26px;
    font-weight: 700;
    display: block;
}

.inner-v1 .youtube-details .channelname-block {
    padding: 24px 0px 0px 0px;
}
.inner-v1 .youtube-details .channelname-block h3 {
    font-size: 20px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 10px;
}
.inner-v1 .youtube-details .channelname-block p {
    font-size: 16px;
    font-weight: 600;
    color: #4e4d53;
    background-color: #f2f2f2;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 50px;
}
.inner-v1 .youtube-details .channelname-block .channelname-copy img {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
/* .inner-v1 .youtube-details .channelname-block .channelname-copy:hover img {
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
} */

.inner-v1 .youtube-details .note-block {
    padding: 24px 0px 0px 0px;
}
.inner-v1 .youtube-details .note-block h3 {
    font-size: 20px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 10px;
}
.inner-v1 .youtube-details .note-block p {
    font-size: 16px;
    font-weight: 400;
    color: #898989;
    margin-bottom: 10px;
}
.inner-v1 .youtube-details .note-block p:last-child {
    margin-bottom: 0;
}
.inner-v1 .youtube-details .note-block ul {
    font-size: 16px;
    font-weight: 400;
    color: #898989;
    margin: 0;
    padding: 0;
    list-style: none;
}
.inner-v1 .youtube-details .note-block ul li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0 0 0 20px;
}
.inner-v1 .youtube-details .note-block ul li::after {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: #9b67ff;
}

.inner-v1 .youtube-details .confirmed-block {
    margin-top: 24px;
}
.inner-v1 .youtube-details .confirmed-block .confirmb-title {
    font-size: 20px;
    font-weight: 600;
    color: #ff444e;
    margin-bottom: 15px;
}
.inner-v1 .youtube-details .confirmed-block .confirmb-title .number {
    color: #fff;
    background-color: #ef1424;
    border-radius: 50px;
    padding: 3px 15px;
    margin-left: 10px;
    display: inline-block;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li {
    width: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0px;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-details {
    display: flex;
    align-items: center;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-details .image {
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 10px;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-details .image .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    color: #2f2f2f;
    background-color: #e9e9e9;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-details .image .icon:hover {
    background-color: #d5d5d5;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-details .name h3 {
    font-size: 16px;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 0px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-details .name h3:hover {
    color: #ff444e;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-details .name p {
    font-size: 14px;
    font-weight: 500;
    color: #7b00ff;
    margin-bottom: 0px;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-button {
    display: flex;
    align-items: center;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-button a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 5px 15px;
    margin-left: 10px;
    display: inline-block;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-button a.followAccount {
    color: #ff444e;
    border: 1px solid #ff444e;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-button a.followAccount:hover {
    color: #fff;
    background-color: #ff444e;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-button a.btn-perform {
    padding: 0;
    margin: 0;
    color: #1cd1c1;
    border: 0;
}
.inner-v1 .youtube-details .confirmed-block .confirmed-list li .clist-button a.btn-perform:hover {
    color: #ff444e;
}
.inner-v1 .youtube-details hr {
    background-color: #bfbfbf;
}
/* .inner-v1 .youtube-details :end */










.inner-v1 .addquestion-user {
    display: flex;
    align-items: center;
    padding: 15px 0px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-v1 .addquestion-user .usrimage {
    width: 24px;
    height: 24px;
    border: 1px solid #593984;
    border-radius: 100%;
    margin-right: 10px;
}
.inner-v1 .addquestion-user .usrname {
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    color: #350e6a;
}



.inner-v1 .form-style-1 .field input + label::before, 
.inner-v1 .form-style-1 .field textarea + label::before, 
.inner-v1 .form-style-1 .label-before, 
.inner-v1 .form-style-1 .field input:focus + label::before, 
.inner-v1 .form-style-1 .field input:valid + label::before, 
.inner-v1 .form-style-1 .field textarea:focus + label::before, 
.inner-v1 .form-style-1 .field textarea:valid + label::before, 
.inner-v1 .form-style-1 .field .nice-select.form-field + label::before {
    line-height: 20px;
    font-size: 12px;
    /* background: #fff; */
    top: 0px;
    left: 0px;
}
.inner-v1 .form-style-1 .field {
    position: relative;
    margin-bottom: 15px;
    padding-top: 22px;
}
.inner-v1 .form-style-1 .field label {
    display: initial;
}
.inner-v1 .form-style-1 .field label::before {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 30px;
    line-height: 50px;
    font-size: 14px;
    color: #707070;
    transition: 300ms all;
}
.inner-v1 .form-style-1 .field .form-field {
    width: 100%;
    line-height: 40px;
    padding: 3px 30px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    border: 2px solid #dbdbdb;
    border-radius: 50px;
}
.inner-v1 .form-style-1 .field textarea.form-field {
    resize: none;
    border-radius: 20px;
}
.inner-v1 .form-style-1 .field .form-field:focus {
    outline: 0;
    border-color: #7c00ff;
}
.inner-v1 .form-style-1 .field .nice-select.form-field + label::before, 
.inner-v1 .form-style-1 .field input:valid + label::before, 
.inner-v1 .form-style-1 .field textarea:valid + label::before {
    content: attr(data-title);
}
.inner-v1 .form-style-1 .field .nice-select.form-field:focus + label::before, 
.inner-v1 .form-style-1 .field input:focus + label::before, 
.inner-v1 .form-style-1 .field textarea:focus + label::before {
    color: #7c00ff;
}
.inner-v1 .form-style-1 .field .nice-select {
    height: 50px;
}
.inner-v1 .form-style-1 .field .nice-select::after {
    width: 10px;
    height: 10px;
    right: 20px;
    margin-top: -8px;
}
.inner-v1 .form-style-1 .field .nice-select .list {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    max-height: 200px;
    overflow-y: auto;
}
.inner-v1 .nice-select .option.selected {
    font-weight: inherit;
}

.inner-v1 .addquestion-frm-wrap .buttons {
    display: flex;
    justify-content: flex-end;
}
.inner-v1 .addquestion-frm-wrap .buttons .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    border: 1px solid #666666;
    background-color: transparent;
    border-radius: 50px;
    padding: 8px 22px;
    margin-left: 7px;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .addquestion-frm-wrap .buttons .btn:hover {
    color: #fff;
    background-color: #666666;
}
.inner-v1 .addquestion-frm-wrap .buttons .btn.btn-addquestion {
    color: #fff;
    background-color: #ff444e;
    border-color: #ff444e;
}
.inner-v1 .addquestion-frm-wrap .buttons .btn.btn-addquestion:hover {
    color: #fff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}

.third-column.inner-v1 {
    width: 250px;
    height: auto;
    /* margin-left: 25px; */
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.inner-v1 .downloadapp-widget {
    padding: 20px;
    background-color: #fff;
    overflow: hidden;
}
.inner-v1 .downloadapp-widget .title {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}
.inner-v1 .downloadapp-widget .title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #350e6a;
    margin-bottom: 2px;
}
.inner-v1 .downloadapp-widget .title h4 {
    font-size: 14px;
    font-weight: 500;
    color: #350e6a;
    margin-bottom: 0;
}
.inner-v1 .downloadapp-widget .app-links {
    display: flex;
    flex-direction: column;
}
.inner-v1 .downloadapp-widget .app-links a {
    display: inline-block;
    margin-bottom: 10px;
}
.inner-v1 .downloadapp-widget .app-links a:last-child {
    margin-bottom: 0px;
}
.inner-v1 .downloadapp-widget .app-links a img {
    width: 100%;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .downloadapp-widget .app-links a:hover img {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}


.inner-v1 .community-block {
    padding: 15px 0px;
    border-top: 1px solid #e4e4e4;
     word-break: break-all;
}
.inner-v1 .community-block .comb-title {
    font-size: 18px;
    font-weight: 400;
    color: #7c00ff;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.inner-v1 .community-block .comb-title:hover {
    color: #ff444e;
}
.inner-v1 .community-block .comb-details {
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    color: #2b2b2b;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inner-v1 .community-block .comb-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.inner-v1 .community-block .comb-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.inner-v1 .community-block .comb-bottom ul li.author {
    display: flex;
    align-items: center;
}
.inner-v1 .community-block .comb-bottom ul li.author img {
    width: 24px;
    height: 24px;
    border: 1px solid #593984;
    border-radius: 100%;
    margin-right: 10px;
}
.inner-v1 .community-block .comb-bottom ul li.author span {
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    color: #350e6a;
}
.inner-v1 .community-block .comb-bottom ul li:after {
    content: '|';
    font-size: 14px;
    color: #898989;
    margin: 0px 10px;
}
.inner-v1 .community-block .comb-bottom ul li:last-child::after {
    display: none;
}
.inner-v1 .community-block .comb-bottom ul li.time {
    font-size: 14px;
    color: #898989;
}
.inner-v1 .community-block .comb-bottom .answers-count a {
    font-size: 14px;
    color: #898989;
    margin: 0px 10px;
    display: flex;
    align-items: center;
}
.inner-v1 .community-block .comb-bottom .answers-count a img {
    margin-right: 7px;
}
.inner-v1 .community-block .comb-bottom .answers-count a {
    color: #898989;
}
.inner-v1 .community-block .comb-bottom .answers-count a:hover {
    color: #1cd1c1;
}

.inner-v1 .cursec-nav-2 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.inner-v1 .cursec-nav-2 > li {
    margin-right: 10px;
}
.inner-v1 .cursec-nav-2 > li:last-child {
    margin-right: 0px;
}
.inner-v1 .cursec-nav-2 .csn-filter-wrap .dropdown-menu {
    padding: 0;
    border: 1px solid #d6d4d5;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.102));
    width: 150px;
    overflow: hidden;
}
.inner-v1 .cursec-nav-2 .csn-filter-wrap .dropdown-menu > li {
    border-bottom: 1px solid #f2f2f2;
}
.inner-v1 .cursec-nav-2 .csn-filter-wrap .dropdown-menu > li:last-child {
    border-bottom: 0;
}
.inner-v1 .cursec-nav-2 .csn-filter-wrap .dropdown-menu > li .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    color: #606060;
    padding: 10px 15px;
}
.inner-v1 .cursec-nav-2 .csn-filter-wrap .dropdown-menu > li .dropdown-item:focus, 
.inner-v1 .cursec-nav-2 .csn-filter-wrap .dropdown-menu > li .dropdown-item:hover, 
.inner-v1 .cursec-nav-2 .csn-filter-wrap .dropdown-menu > li .dropdown-item.active {
    color: #fff;
    background-color: #f22354;
}
.inner-v1 .cursec-nav-2 .csnav-filter {
    width: 45px;
    height: 45px;
    color: #808081;
    background-color: #ebebec;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.inner-v1 .cursec-nav-2 .csnav-filter:hover {
    color: #fff;
    background-color: #ff444e;
}

.inner-v1 .csnav-askquestion .btn-aaskq {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #ff444e;
    border-radius: 50px;
    padding: 10px 10px 10px 20px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.inner-v1 .csnav-askquestion .btn-aaskq:hover {
    background-color: #ed3741;
}
.inner-v1 .csnav-askquestion .btn-aaskq:focus {
    box-shadow: none;
}
.inner-v1 .csnav-askquestion .btn-aaskq.dropdown-toggle {
    padding: 10px 12px 10px 8px;
    background-color: #ed3741;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.inner-v1 .csnav-askquestion .btn-aaskq.dropdown-toggle:hover {
    background-color: #ff444e;
}
.inner-v1 .csnav-askquestion .btn-aaskq.dropdown-toggle::after {
    display: none;
}
.inner-v1 .csnav-askquestion .dropdown-menu {
    padding: 0;
    border: 1px solid #d6d4d5;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.102));
    width: 150px;
    overflow: hidden;
}
.inner-v1 .csnav-askquestion .dropdown-menu > li {
    border-bottom: 1px solid #f2f2f2;
}
.inner-v1 .csnav-askquestion .dropdown-menu > li:last-child {
    border-bottom: 0;
}
.inner-v1 .csnav-askquestion .dropdown-menu > li .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    color: #606060;
    padding: 10px 15px;
}
.inner-v1 .csnav-askquestion .dropdown-menu > li .dropdown-item:focus, 
.inner-v1 .csnav-askquestion .dropdown-menu > li .dropdown-item:hover, 
.inner-v1 .csnav-askquestion .dropdown-menu > li .dropdown-item.active {
    color: #fff;
    background-color: #f22354;
}

.inner-v1 .delete-it {
    font-size: 16px;
    color: #ff444e;
    display: table;
    position: relative;
    margin-left: 10px;
    border: 0px;
    outline: none;
    background: none;
}
.inner-v1 .delete-it::after {
    left: -15px;
    width: 1px;
    height: 100%;
    position: absolute;
    left: -10px;
    top: 0;
    background: #e1e1e1;
    content: "";
}
.inner-v1 .delete-it:hover {
    color: #000;
}
/* ========== .inner-v1 styles :end ==========  */

/* ========== terms-privacy styles :end ==========  */
.priv-head {
    color: #1d1b1b;
    font-size: 20px;
    font-weight: bold;
}
.priv-sec ul {
    list-style: disc;
    padding-left: 18px;
}
.priv-sec ul li {
	padding-bottom: 10px;
	color: #4f4f4f;
}

.termsprivacy-page .rightcontent-wrap .container {
    padding-left: 0;
    padding-right: 0;
}
/* ==========terms-privacy :end ==========  */

/* forgot password page :start */
.forgotpassword-section {
    overflow: hidden;
}
.forgotpassword-section .rpgsec-left.fpass-imgwrap {
    width: 100%;
    height: 100%;
    min-height: 600px;
    padding: 0;
    margin: 0;
}
.forgotpassword-section .rpgsec-left.fpass-imgwrap .fpimgblock {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
}
.forgotpassword-section .rpgsec-left.fpass-imgwrap .fpimgblock img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* forgot password page :end */

/* notifications filter section :start */
.notifilter-wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #e4e4e4;
}


.notifilter-wrap .nfw-status {
    display: flex;
    align-items: center;
    gap: 10px;
}
.notifilter-wrap .nfw-status > p {
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    margin-bottom: 0;
    white-space: nowrap;
}
.notifilter-wrap .nfw-status .nice-select {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #2b2b2b;
    margin-bottom: 0;
    width: 110px;
    height: 34px;
    border: 1px solid #d7d4d5;
    border-radius: 50px;
    padding: 7px 25px 7px 15px;
}
.notifilter-wrap .nfw-status .nice-select.open {
    border-color: #7c00ff;
}


.notifilter-wrap .nfw-date {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: row;
    gap: 7px 10px;
}
.notifilter-wrap .nfw-date input {
    font-size: 13px;
    color: #000;
    width: 140px;
    height: 34px;
    border: 1px solid #d7d4d5;
    border-radius: 17px;
    padding: 0 35px 0 15px;
    background: url('../images/cal-icon.png') right 15px center no-repeat;
}
.notifilter-wrap .nfw-date span {
    font-size: 13px;
    color: #666666;
}
.notifilter-wrap .nfw-date .btn {
    font-size: 14px;
    padding: 4.5px 15px;
}

.notifilter-wrap .nfw-clear .clearbtn {
    /* font-size: 14px; */
    /* padding: 4.5px 15px; */
    font-weight: 400;
    font-size: 13px;
    color: #707070;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    line-height: normal;
    padding-left: 10px;
}
.notifilter-wrap .nfw-clear .clearbtn:hover {
    color: #ff444e;
}
/* notifications filter section :end */

/* Sample Page Modal :start */
.prefillsample-wrap {
    position: absolute; 
    top: 10px; 
    right: 10px;
}
.prefillsample-wrap .pfsampleBtn {
    font-size: 18px;
    padding: 0;
}
.prefillsample-wrap .pfsampleBtn > span {
    padding: 1px 1px;
}

.pfsampleimgModal .pfsimg-block {
    width: 100%;
    height: auto;
    text-align: center;
}
.pfsampleimgModal .pfsimg-block img {
    max-width: 100%;
    height: auto;
}
/* Sample Page Modal :end */


/* ======================================================================================= */

/* Invoice view new :start */
.invoiceviewnew-wrap {
    /* font-family: 'Open Sans', sans-serif; */
    font-weight: 400;
    font-size: 12px;
}
.invoiceviewnew-wrap .h1, 
.invoiceviewnew-wrap .h2, 
.invoiceviewnew-wrap .h3, 
.invoiceviewnew-wrap .h4, 
.invoiceviewnew-wrap .h5, 
.invoiceviewnew-wrap .h6, 
.invoiceviewnew-wrap h1, 
.invoiceviewnew-wrap h2, 
.invoiceviewnew-wrap h3, 
.invoiceviewnew-wrap h4, 
.invoiceviewnew-wrap h5, 
.invoiceviewnew-wrap h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.invoiceviewnew-wrap .h4, 
.invoiceviewnew-wrap h4 {
    font-size: 1.5rem;
}
.invoiceviewnew-wrap .row {
    /* --bs-gutter-x: 1.5rem; */
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
/* Table start*/
.invoiceviewnew-wrap table {
    caption-side: bottom;
    border-collapse: collapse;
}
.invoiceviewnew-wrap .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
}
.invoiceviewnew-wrap tbody, 
.invoiceviewnew-wrap td, 
.invoiceviewnew-wrap tfoot, 
.invoiceviewnew-wrap th, 
.invoiceviewnew-wrap thead, 
.invoiceviewnew-wrap tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.invoiceviewnew-wrap .table>thead {
    vertical-align: bottom;
}
.invoiceviewnew-wrap .table-bordered>:not(caption)>* {
    border-width: 1px 0;
}
.invoiceviewnew-wrap .table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor;
}
.invoiceviewnew-wrap .table>tbody {
    vertical-align: inherit;
}
.invoiceviewnew-wrap tbody, 
.invoiceviewnew-wrap td, 
.invoiceviewnew-wrap tfoot, 
.invoiceviewnew-wrap th, 
.invoiceviewnew-wrap thead, 
.invoiceviewnew-wrap tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
/* Table end*/



.invoiceviewnew-wrap {
    width: 100%;
    height: auto;
}
.invoiceviewnew-wrap .top-left {
    margin: 0 0 20px 0;
}
.invoiceviewnew-wrap .top-left p {
    margin: 0 0 5px 0;
}
.invoiceviewnew-wrap .top-right {
    background-color: #f7f7f7;
    padding: 15px;
}
.invoiceviewnew-wrap .top-right table {
    width: 100%;
}
.invoiceviewnew-wrap .top-right table tr td {
    padding-bottom: 7px;
}
.invoiceviewnew-wrap .top-right table tr td:first-child {
    font-weight: bold;
}
.invoiceviewnew-wrap .table-footer {
    border-top: 2px solid #888;
    padding-top: 15px;
    margin: 40px 0 0 0;
}

.invoiceviewnew-wrap p:last-child {
    margin-bottom: 0 !important;
}
.invoiceviewnew-wrap .table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
}
.invoiceviewnew-wrap .table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.invoiceviewnew-wrap table {
    width: 100%;
    margin-bottom: 24px;
    background-color: transparent;
    border: 1px solid #dee2e6;
    border-collapse: collapse;
    text-align: left;
}
.invoiceviewnew-wrap table th {
    background-color: #f0f0f0;
}
.invoiceviewnew-wrap table td,
.invoiceviewnew-wrap table th {
    padding: 15px 15px;
    vertical-align: middle;
    /* border: 1px solid #dee2e6 !important; */
}

.invoiceviewnew-wrap .ads-block {
    width: 100%;
    height: auto;
    margin-top: 24px;
    text-align: center;
}
.invoiceviewnew-wrap .ads-block img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.invoiceviewnew-wrap .bankdetails {
    width: 100%;
    height: auto;
    margin-top: 15px;
}
.invoiceviewnew-wrap .bankdetails p {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin: 0px 0px 10px 0px;
}
.invoiceviewnew-wrap .bankdetails p:last-child {
    margin-bottom: 0;
}
.act-in {
    opacity: 0.6;
}
.act-in.new {
    opacity: 1;
}

/* ---- table border radius :start ---- */
.invoiceviewnew-wrap .tableradius {
    width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 24px 0px;
    /* overflow: hidden; */
}
.invoiceviewnew-wrap .tableradius > table {
    border: 0;
    padding: 0;
    margin: 0;
}
.invoiceviewnew-wrap .tableradius > table th:first-child, 
.invoiceviewnew-wrap .tableradius > table td:first-child {
    border-left: 0 !important;
}
.invoiceviewnew-wrap .tableradius > table th:last-child, 
.invoiceviewnew-wrap .tableradius > table td:last-child {
    border-right: 0 !important;
}
.invoiceviewnew-wrap .tableradius > table tr:last-child td {
    border-bottom: 0 !important;
}
/* ---- table border radius :end ---- */


.invoiceviewbtns {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* Invoice view new :end */



/* userimg-wrapper :start */
.userimg-wrapper {
    width: 126px;
    height: 126px;
    border: 2px solid #1cd1c1;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.userimg-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.userimg-wrapper .uiweditbtn {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 30px;
    height: 30px;
    background-color: #ef4751;
    border-radius: 100%;
    box-shadow: 0px 0px 15px -10px rgba(32, 33, 36, 0.28);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.userimg-wrapper .uiweditbtn svg {
    width: 13px;
}
.userimg-wrapper .uiweditbtn svg path {
    fill: #ffffff;
}
.userimg-wrapper .uiweditbtn input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
.userimg-wrapper .uiweditbtn input::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.userimg-wrapper .uiweditbtn:hover {
    background-color: #7a00f7;
}
/* userimg-wrapper :end */

/* sortable table :start */
.sortTable-1 tbody tr {
    cursor: move;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.sortTable-1 tbody tr:hover {
    background-color: #f1f1f1;
}
.sortTable-1 tbody .catalognameCol p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
/* sortable table :end */

.affiliatedlink-table .slnoCol {
    width: 40px;
}
.affiliatedlink-table .actionsCol {
    width: 200px;
}


#requestDateModal .modal-dialog {
    max-width: 400px;
}
.request-date-modal-wrap input {
    width: 100%;
    border: 1px solid #dfdfdf;
    padding: 8px 20px;
    margin-top: 10px;
    border-radius: 21px;
}
.request-date-modal-footer .btn {
    /* width: 100%; */
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 6px 15px;
    border-width: 1px;
}

.select-service {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-bottom: 25px;
}
.select-service .box {
    border: 1px solid #b2b3b2;
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
}
.select-service .box h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    margin: 0 0 10px 0;
}
/* for an issue fix */
.bigText{
    font-size: 15px;
}
.alert{
    z-index: 1;
}

/* Events section :start */
.events-section {
    padding: 100px 0px;
    background-color: #f2f2f2;
}
.events-section .lehead {
    margin-bottom: 50px;
}

.latestevent-block {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
    padding: 24px 24px;
}
.latestevent-block .lebleft {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
}
.latestevent-block .lebleft .levent-image {
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
}
.latestevent-block .lebleft .levent-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.latestevent-block .lebright {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 10px;
}
.latestevent-block .lebright .ler-head {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}
.latestevent-block .lebright .ler-head h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    color: #350e6a;
    margin-bottom: 0px;
}
.latestevent-block .lebright .ler-head h2 span {
    color: #1cd1c1;
}
.latestevent-block .lebright .ler-body {
    width: 100%;
    height: auto;
}
.latestevent-block .lebright .ler-body p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #350e6a;
    margin-bottom: 15px;
}
.latestevent-block .lebright .ler-body :last-child {
    margin-bottom: 0;
}
.latestevent-block .lebright .ler-btns {
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.latestevent-block .lebright .ler-btns .btn {
    padding-left: 40px;
    padding-right: 40px;
}
/* Events section :end */

/* Trusted by Influencers & Creators section :start */
.trustedby-section {
    padding: 100px 0px;
    background-color: #FF444E;
}
.trustedby-section .tbsec-title {
    text-align: center;
}
.trustedby-section .tbsec-title h3 {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 5px;
}
.trustedby-section .tbsec-title p {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 0;
}


.tblist-wrap {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
.tblist-wrap .tby-col {
    flex-grow: 0;
    flex-shrink: 0;
}
.tblist-wrap .tby-col .tbimg {
    width: 190px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 100%;
    overflow: hidden;
    pointer-events: none;
}
.tblist-wrap .tby-col .tbimg.big {
    width: 380px;
}
.tblist-wrap .tby-col .tbimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* Trusted by Influencers & Creators section :end */


/* ---- Custom marquee :start ---- */
.marquee {
    width: 100%;
    height: auto;
    display: flex;
    gap: 0px;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.marquee .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0px;
    -webkit-animation: scroll-x 50s linear infinite;
            animation: scroll-x 50s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}
.marquee .marquee__group.quick {
    -webkit-animation: scroll-x 90s linear infinite;
            animation: scroll-x 90s linear infinite;
}
.marquee .marquee__group.running {
    -webkit-animation-play-state: running;
            animation-play-state: running;
}
.marquee .marquee__group .marquee-item {
    width: auto;
}

/* @media (prefers-reduced-motion: reduce) {
    .marquee__group {
        -webkit-animation-play-state: paused;
                animation-play-state: paused;
    }
} */

@keyframes scroll-x {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
/* ---- Custom marquee :start ---- */

/* Events Detail Page :start */
.eventdetails-banner {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.eventdetails-banner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.eventdetails-banner img {
    width: 100%;
    height: auto;
    /* object-fit: cover; */
    /* object-position: center; */
}
.eventdetails-banner .edbtext {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
    color: #ffffff;
    padding: 10px 0px 110px;
    z-index: 2;
}
.eventdetails-banner .edbtext :last-child {
    margin-bottom: 0;
}
.eventdetails-banner .edbtext h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 15px;
}


.eventsdetail-pg {
    padding: 90px 0px;
}

.eventsdetail-block {
    width: 100%;
    height: auto;
}
.eventsdetail-block .edblock-head {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.eventsdetail-block .edblock-head time {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    color: #aeaeae;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
}
.eventsdetail-block .edblock-head h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px;
}

.eventsdetail-block .edblock-image {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.eventsdetail-block .edblock-image img {
    width: 100%;
    height: auto;
}

.eventsdetail-block .edblock-text {
    width: 100%;
    height: auto;
}
.eventsdetail-block .edblock-text :last-child {
    margin-bottom: 0;
}
.eventsdetail-block .edblock-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 15px;
}



.gallery-slider-outer {
    width: 100%;
    height: auto;
}
.gallery-slider-outer .item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.gallery-slider-outer .galblock {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    background-color: #000000;
    position: relative;
    cursor: zoom-in;
}
.gallery-slider-outer .galblock img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
    opacity: 0.8;
}
.gallery-slider-outer .galblock.gvideo::after {
    content: '\f144';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 40px;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    transition: 0.5s;
}
.gallery-slider-outer .galblock:hover img {
    opacity: 0.3;
}
.gallery-slider-outer .galblock.gvideo:hover::after {
    opacity: 1;
}
/* Events Detail Page :end */