/* Fonts */

@font-face {
    font-family: Degular;
    src: url(../fonts/Degular-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Degular;
    src: url(../fonts/Degular-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: Degular;
    src: url(../fonts/Degular-SemiBold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: Degular;
    src: url(../fonts/Degular-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: Degular;
    src: url(../fonts/Degular-Black.ttf);
    font-weight: 900;
}


body {

    font-family: Degular;

    font-weight: 400;

    width: 100%;

    height: 100%;

    color: #2C2C2C;

    /* overflow: hidden; */

}

body.notifiActive {
    overflow: hidden;
}

body.notifiActive::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 70%);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}


p {

    margin: 0;

}

.modal-content
{
    border-radius: 20px;
}

a {

    text-decoration: none;

}

.error {
    color: red;
    padding: 4px;
    font-size: 14px;
}

#creatorRegistrationDetails .error {
    color: #dc3545;
    font-weight: bold;
}

#brandRegistrationDetails .error {
    color: #dc3545;
    font-weight: bold;
}
#brand-video-brief .error {
    color: #dc3545;
    font-weight: bold;
}
#brand-video-brief .error-field{
    color: #dc3545;
    font-weight: bold;
}
.videoScenesInnerBox label.error {
    position: absolute;
    bottom: -20px;
}


.alert button {
    padding: 0 !important;
    right: 20px !important;
    height: 100%;
}

h1,
h2,
h3 {
    font-weight: 700;
}

:root {
    --bs-primary-rgb: 103, 75, 255;
}

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


.alert .custom-close {
    background: none !important;
    border: none !important;
    font-size: 1.5rem !important;
    color: inherit !important; 
    padding: 0 !important;
    position: absolute !important;
    top: 1rem !important;
    right: 0.75rem !important; 
    cursor: pointer !important;
    outline: none !important; 
    line-height: 1 !important;
}

.custom-close:hover {
    color: inherit; /* Keep hover color same as text color */
}

img {
    max-width: 100%;
}


/* Header start */
.site_dashboard_header {
    padding: 6px 0px;
    z-index: 999;
}

.profilePicture {
    position: relative;
}

.addProfilePic {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}
span.addProfilePic svg path {
    fill: #ffffff;
}
span.addProfilePic svg {
    width: 24px;
    height: 24px;
    fill: #5d39c7;
}
span.addProfilePic svg {
    width: 24px;
    height: 24px;
}
span.addProfilePic svg path {
    fill: #5d39c7;
}
span.addProfilePic svg circle, .removeProfilePic svg circle {
    opacity: 1 !important;
}

.removeProfilePic {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}
span.removeProfilePic svg path {
    fill: #ffffff;
}
span.removeProfilePic svg {
    width: 24px;
    height: 24px;
    fill: #5d39c7;
}
.site_user_dropdown .dropdown-toggle {

    display: flex;
    gap: 20px;
    align-items: center;
    font-weight: 700;

}


.site_user_dropdown .dropdown-toggle::after {

    background-image: url(../../images/portal/dropdown-arrow.svg);
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    border: none;

}


.site_dashboard_header .dropdown-menu {
    border-radius: 20px;
    min-width: 255px;
    background-color: #fff;
    left: auto;
    right: 0px;
    padding: 15px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}


.site_dashboard_header .dropdown-menu li a {
    color: #2C2C2C;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 14px;
}

.site_dashboard_header .dropdown-menu li a:hover,
.site_dashboard_header .dropdown-menu li a:focus {
    color: #674BFF;
    background-color: transparent !important;
}

.site_mobile_notificaiton {
    display: none;

 }

.notif_head_bar_title {
    font-weight: 700;
    font-size: 24px;
}

.site_notification {
    background-image: url(../../images/portal/announcement-icon.svg);

    background-size: contain;

    background-repeat: no-repeat;

    width: 25px;

    height: 25px;

}

.site_bullhorn {

    background-image: url(../../images/portal/notification.svg);


    background-size: contain;

    background-repeat: no-repeat;

    width: 25px;

    height: 25px;

}

.admin_message_notification {

    background-image: url(../../images/portal/chat-icon.svg);

    background-size: contain;

    background-repeat: no-repeat;

    width: 25px;

    height: 25px;

}

.admin_message_notification span {
    background-color: #F93C65;
    width: 16px;
    height: 16px;
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    top: -15px;
    right: -6px;
    font-size: 12px;
    text-align: center;
}

/* .site_dashboard_header .dropdown-menu li.active {
    color: #674BFF;
} */

.site_dashboard_header .dropdown-menu li.active a,
.site_dashboard_header .dropdown-menu li.active:hover a {
    color: #674BFF
}

.site_notification span,
.site_bullhorn span {

    background-color: #F93C65;

    width: 16px;

    height: 16px;

    display: flex;

    border-radius: 100%;

    align-items: center;

    justify-content: center;

    color: #fff;

    position: relative;

    top: -15px;

    right: -6px;

    font-size: 9px;

    text-align: center;

}





.site_search span {

    display: flex;

    gap: 20px;

    align-items: center;

    color: #ffffff;



}

.site_search button:before {

    content: "";

    display: inline-block;

    width: 21px;

    height: 21px;

    background-image: url(../../images/portal/search-icon.svg);

    background-size: cover;

    background-position: center;

}


.site_search span:before {

    content: "";

    display: inline-block;

    width: 21px;

    height: 21px;

    background-image: url(../../images/portal/search-icon.svg);

    background-size: cover;

    background-position: center;

}

.creatoOrderImage {
    backdrop-filter: blur(20px);
}


.site_order span,
.nav-item .nav-link span {

    display: flex;

    gap: 10px;

    align-items: center;

    color: #ffffff;

}


.site_order span:before {

    content: "";

    display: inline-block;

    width: 28px;

    height: 28px;

    background-image: url(../../images/portal/icon-orders.svg);

    background-size: cover;

    background-position: center;

}

.site_create_order_icon span:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(../../images/portal/creator-order-icon.svg);
    background-size: cover;
    background-position: center;
}

/* .site_package_icon span:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../../storage/app/public/our-portal-images/icon-package.svg);
    background-size: cover;
    background-position: center;
} */
.site_walet_icon span:before {
    content: "";
    display: inline-block;
    /* width: 28px; */
    /* height: 26px; */
    width: 31px; 
    height: 32px;
    /* background-image: url(../../storage/app/public/our-portal-images/wallet-icon.svg); */
    background-image: url(../../images/portal/package.svg);
    background-size: cover;
    background-position: center;
}

/* .site_walet_icon span:after {
    content: "";
    width: 70px;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="63" height="12" viewBox="0 0 63 12" fill="none"><rect width="63" height="12" rx="6" fill="%232005B7"/><path d="M6.57852 9.11965C4.74852 9.11965 3.72852 7.89965 3.72852 5.98965C3.72852 4.07965 4.80852 2.87965 6.60852 2.87965C8.13852 2.87965 9.07852 3.72965 9.28852 5.13965L8.41852 5.30965C8.20852 4.26965 7.63852 3.68965 6.59852 3.68965C5.24852 3.68965 4.64852 4.62965 4.64852 5.98965C4.64852 7.41965 5.25852 8.31965 6.57852 8.31965C7.69852 8.31965 8.23852 7.71965 8.44852 6.64965L9.31852 6.80965C9.10852 8.23965 8.16852 9.11965 6.57852 9.11965Z" fill="white"/><path d="M12.299 9.11965C10.819 9.11965 9.95898 8.16965 9.95898 6.64965C9.95898 5.11965 10.889 4.20965 12.299 4.20965C13.709 4.20965 14.639 5.11965 14.639 6.64965C14.639 8.16965 13.779 9.11965 12.299 9.11965ZM12.299 4.95965C11.339 4.95965 10.829 5.58965 10.829 6.63965C10.829 7.68965 11.299 8.35965 12.289 8.35965C13.289 8.35965 13.769 7.68965 13.769 6.63965C13.769 5.58965 13.259 4.95965 12.299 4.95965Z" fill="white"/><path d="M16.4213 4.32965V5.53965H16.5112C16.7812 4.69965 17.3713 4.20965 18.2013 4.20965C19.1213 4.20965 19.5713 4.75965 19.6512 5.60965H19.7513C19.9813 4.73965 20.5312 4.20965 21.4513 4.20965C22.4912 4.20965 22.9813 4.89965 22.9813 5.90965V8.99965H22.1112V6.11965C22.1112 5.47965 21.8212 4.99965 21.1012 4.99965C20.2512 4.99965 19.7113 5.52965 19.7113 6.32965V8.99965H18.8413V6.11965C18.8413 5.47965 18.5513 4.99965 17.8313 4.99965C16.9913 4.99965 16.4412 5.52965 16.4412 6.32965V8.99965H15.5712V4.32965H16.4213Z" fill="white"/><path d="M25.125 4.32965V8.99965H24.255V4.32965H25.125ZM25.195 2.63965V3.42965H24.195V2.63965H25.195Z" fill="white"/><path d="M27.2904 4.32965V5.53965H27.3804C27.6304 4.70965 28.2604 4.20965 29.0704 4.20965C30.1104 4.20965 30.5804 4.89965 30.5804 5.90965V8.99965H29.7104V6.11965C29.7104 5.47965 29.4504 4.99965 28.7004 4.99965C27.8604 4.99965 27.3104 5.52965 27.3104 6.32965V8.99965H26.4404V4.32965H27.2904Z" fill="white"/><path d="M32.2131 7.60965L32.5731 7.37965C31.8931 7.14965 31.5331 6.64965 31.5331 5.95965C31.5331 4.88965 32.2831 4.32965 33.5531 4.32965H35.8231V5.01965H35.2631C35.0131 5.01965 34.7231 4.99965 34.2931 4.95965V5.04965C34.9331 5.16965 35.4631 5.44965 35.4631 6.12965C35.4631 6.99965 34.7731 7.51965 33.4831 7.51965C33.1931 7.51965 32.9331 7.48965 32.7031 7.41965L32.5631 7.62965C32.4831 7.75965 32.4231 7.83965 32.4231 7.94965C32.4231 8.13965 32.5831 8.22965 32.9131 8.22965C33.4331 8.22965 33.9931 8.21965 34.5031 8.21965C35.4631 8.21965 35.9431 8.62965 35.9431 9.33965C35.9431 10.2496 35.3431 10.7096 33.5431 10.6896C31.7731 10.7096 31.2631 10.2996 31.2631 9.68965C31.2631 9.28965 31.6631 8.99965 32.3131 8.84965V8.80965C31.9631 8.72965 31.7331 8.52965 31.7331 8.20965C31.7331 7.96965 31.9331 7.75965 32.2131 7.60965ZM33.4831 5.01965C32.6731 5.01965 32.3331 5.39965 32.3331 5.95965C32.3331 6.54965 32.6531 6.88965 33.5031 6.88965C34.3431 6.88965 34.7031 6.54965 34.7031 5.95965C34.7031 5.38965 34.2931 5.01965 33.4831 5.01965ZM34.4931 8.83965H32.8131C32.2231 8.83965 31.9631 9.14965 31.9631 9.43965C31.9631 9.86965 32.3131 10.0396 33.5731 10.0396C34.9131 10.0396 35.2231 9.80965 35.2231 9.36965C35.2231 9.05965 35.0131 8.83965 34.4931 8.83965Z" fill="white"/><path d="M40.9567 9.11965C39.2367 9.09965 38.5167 8.29965 38.3567 7.12965L39.2267 6.93965C39.3867 7.86965 39.9567 8.35965 40.9867 8.35965C41.9467 8.35965 42.3567 7.98965 42.3567 7.42965C42.3567 6.85965 41.9767 6.55965 40.7767 6.35965C39.1367 6.05965 38.6067 5.45965 38.6067 4.54965C38.6067 3.53965 39.3467 2.87965 40.8167 2.87965C42.2967 2.87965 42.9067 3.59965 43.1267 4.65965L42.2167 4.83965C42.0267 4.03965 41.7067 3.62965 40.7767 3.62965C39.9267 3.62965 39.5167 3.96965 39.5167 4.49965C39.5167 4.99965 39.7867 5.33965 41.1067 5.57965C42.8467 5.91965 43.2767 6.51965 43.2767 7.36965C43.2767 8.41965 42.5967 9.11965 40.9567 9.11965Z" fill="white"/><path d="M46.2834 9.11965C44.8034 9.11965 43.9434 8.16965 43.9434 6.64965C43.9434 5.11965 44.8734 4.20965 46.2834 4.20965C47.6934 4.20965 48.6234 5.11965 48.6234 6.64965C48.6234 8.16965 47.7634 9.11965 46.2834 9.11965ZM46.2834 4.95965C45.3234 4.95965 44.8134 5.58965 44.8134 6.63965C44.8134 7.68965 45.2834 8.35965 46.2734 8.35965C47.2734 8.35965 47.7534 7.68965 47.7534 6.63965C47.7534 5.58965 47.2434 4.95965 46.2834 4.95965Z" fill="white"/><path d="M51.6056 9.11965C50.1256 9.11965 49.2656 8.16965 49.2656 6.64965C49.2656 5.11965 50.1956 4.20965 51.6056 4.20965C53.0156 4.20965 53.9456 5.11965 53.9456 6.64965C53.9456 8.16965 53.0856 9.11965 51.6056 9.11965ZM51.6056 4.95965C50.6456 4.95965 50.1356 5.58965 50.1356 6.63965C50.1356 7.68965 50.6056 8.35965 51.5956 8.35965C52.5956 8.35965 53.0756 7.68965 53.0756 6.63965C53.0756 5.58965 52.5656 4.95965 51.6056 4.95965Z" fill="white"/><path d="M55.7279 4.32965V5.53965H55.8179C56.0679 4.70965 56.6979 4.20965 57.5079 4.20965C58.5479 4.20965 59.0179 4.89965 59.0179 5.90965V8.99965H58.1479V6.11965C58.1479 5.47965 57.8879 4.99965 57.1379 4.99965C56.2979 4.99965 55.7479 5.52965 55.7479 6.32965V8.99965H54.8779V4.32965H55.7279Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    top: -10px;
    position: relative;
    margin-left: -10px;
}
 */


.site_dashboard_header .navbar-nav {

    gap: 50px;
    width: 95%;
    display: flex;
    justify-content: space-between;
}


.site_dashboard_header .navbar-nav .nav-items1 {
    display: flex;
    align-items: center;
    gap: 40px;
}

.site_dashboard_header .navbar-nav .nav-items2 {
    display: flex;
    align-items: center;
    gap: 50px;
}




.site_dashboard_header .navbar-nav .nav-link {

    color: #fff;

}


.site_dashboard_header .navbar-nav .nav-link svg {
    margin-right: 5px;
    margin-top: -3px;
}

.site_admin_name {
    display: block !important;
    line-height: normal;

}
.creditText {
    font-weight: normal !important;
}
.site_admin_name div {
    font-size: 12px;
}

/* Header end */



/* Mobile sidebar start */

.offcanvas
{
    border: none !important;
}

.offcanvasMobile
{
    width: 100% !important;
    background-color: #674bff;
}

.offcanvasMobile .offcanvas-header {
    padding: 10px 15px;
}

.offcanvasMobile .btn-close {
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23fff"><path d="M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z"/></svg>');
    --bs-btn-close-opacity: 1;
    margin-left: 15px;
    background-size: 20px;
}

.navbarMobile
{
    height: 100%;
}


.navbarMobile li{
    margin-bottom: 20px;
}

.navbarMobile span, .navbarMobile .nav-link span {
    gap: 20px;

}


.navbarMobile li a, .navbarMobile li a:hover
{
    color: #ffffff;
}

.navbarMobile li a svg{
    margin-right: 15px;
    width: 25px;
    height: 25px;
}

.offcanvasMobile  .offcanvas-body {
    padding: 0px;
}

.navbarMobile .site_user_dropdown
{
    background-color: #fff;
    padding: 10px 20px;
    margin-bottom: 0px;
}

.navbarMobile .nav-items1
{
    padding: 20px;
}

.navbarMobile .site_user_dropdown .dropdown-toggle::after 
{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 19.1C15.0258 19.1 19.1 15.0258 19.1 10C19.1 4.97421 15.0258 0.9 10 0.9C4.97421 0.9 0.9 4.97421 0.9 10C0.9 15.0258 4.97421 19.1 10 19.1Z" stroke="%23674BFF" stroke-width="0.2"/><path d="M10 10.7929L7.73162 8.14645C7.56425 7.95118 7.29289 7.95118 7.12553 8.14645C6.95816 8.34171 6.95816 8.65829 7.12553 8.85355L9.69695 11.8536C9.86432 12.0488 10.1357 12.0488 10.303 11.8536L12.8745 8.85355C13.0418 8.65829 13.0418 8.34171 12.8745 8.14645C12.7071 7.95118 12.4358 7.95118 12.2684 8.14645L10 10.7929Z" fill="%23674BFF"/><mask id="mask0_519_1173" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="7" y="8" width="6" height="4"><path d="M10 10.7929L7.73162 8.14645C7.56425 7.95118 7.29289 7.95118 7.12553 8.14645C6.95816 8.34171 6.95816 8.65829 7.12553 8.85355L9.69695 11.8536C9.86432 12.0488 10.1357 12.0488 10.303 11.8536L12.8745 8.85355C13.0418 8.65829 13.0418 8.34171 12.8745 8.14645C12.7071 7.95118 12.4358 7.95118 12.2684 8.14645L10 10.7929Z" fill="white"/></mask><g mask="url(%23mask0_519_1173)"></g></svg>');
    margin-left: auto;
}

.navbarMobile .site_user_dropdown span
{
    color: #674bff;
}

.navbarMobile .site_user_dropdown .dropdown-menu
{
    position: relative !important;
    transform: unset !important;
    border-radius: 0px;
    border: none;
}

.navbarMobile .site_user_dropdown .dropdown-menu li
{
    border-bottom: solid 1px #BDBDBD;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 55px;
}

.navbarMobile .site_user_dropdown .dropdown-menu li a
{
    font-weight: 700;
    color: #2C2C2C;
    font-size: 14px;
}

.navbarMobile .site_user_dropdown .dropdown-menu li a:hover,
.navbarMobile .site_user_dropdown .dropdown-menu li a:active
{
    background-color: transparent;
}

.navbarMobile .site_user_dropdown .dropdown-menu li:last-child
{
    border-bottom: none
}

.offcanvas-header  .text-reset[data-bs-dismiss]
{
    cursor: pointer;
}

/* Mobile sidebar end */

/* Login Page */

.site_login_section .site_login_box .mb-4 ul
{
    list-style-type: none;
    padding-left: 0px;
    color: red;
}

.site_guest_header {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50px;
}

.site_guest_header_inner {
    background-color: rgb(255 255 255 / 80%);
    padding: 11px 15px;
    border-radius: 100px;
    display: flex;
    align-items: center;
}

.site_guest_header {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50px;
}

.site_guest_reg {
    background: rgb(134, 57, 254);
    background: linear-gradient(90deg, rgba(134, 57, 254, 1) 0%, rgba(103, 75, 255, 1) 92%);
    color: #fff;
    padding: 7px 50px;
    border-radius: 100px;
    margin-left: 50px;
    font-weight: 700;
    border: solid 2px #674BFF;
    transition: all .3s ease-in-out;
}

.site_guest_reg:hover {
    background: transparent;
    color: #674BFF;
}


.site_login_section {
    position: relative;
    background-image: url(../../images/portal/login-bg.jpg);
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.site_login_section .row{
    padding: 100px 0 0;
}

/* .site_login_section::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(103 75 255 / 85%);
    z-index: 0;
} */

.site_login_box {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
}

.site_login_title {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 65px;
    margin-bottom: 20px;

}

.site_registered_link {
    text-align: center;
    font-size: 16px;
    margin-top: -15px;
    padding-bottom: 20px;
}

.site_registered_link a {
    font-weight: bold;
    color: #2C2C2C;
}

.site_forgot_link {
    color: #2C2C2C;
}

.site_rememberme_checkbox input[type="checkbox"] {
    border-radius: 50px;
}

.site_login_box form label {
    font-size: 16px;
}


/* Login page end */

/* Resister page start */



.userWrapper {
    background-image: url(../../images/portal/bg-group.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center !important;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 1px;
}

.userWrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../images/portal/rectangle-45.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    top: 0;
    left: 0%;
    z-index: -1;
}

.userWrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../images/portal/rectangle-55.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    top: 0;
    right: 0;
    z-index: -1;
}

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

.brandsBox {
    /* background-color: #6D48FF; */
    border-radius: 50%;
    width: 470px;
    height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    flex-direction: column;
    color: #674BFF;
    transition: all .3s ease-in-out;
}

.brandsBox .creatorDesc {
    color: #2c2c2c;
}


.brandsBox:hover {
    background-color: #6D48FF;
}

.brandsBox h2 {
    font-size: 65px;
    font-weight: 700;
}

.brandsBox:hover h2,
.brandsBox:hover .creatorDesc {
    color: #fff;
}

.brandsBox:hover .brandsBtn {
    background-color: transparent;
    border-color: #fff !important;
    color: #fff !important;
}

.brandsBtn {
    padding: 13px 36px !important;
    border-radius: 20px;
    /* display: inline-block; */
    font-weight: 600;
    font-size: 24px;
    transition: .2s ease-in-out;
}

.creatorDesc {
    margin-bottom: 30px;
}

.brandsBox:hover .brandsBtn svg path {
    fill: #fff !important;
}

 .phoneFlag
{
    position: relative;
}

.phoneFlag #phone
{
    padding-left: 50px;
}


 .phoneFlag::after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 20px;
    height: 15px;
    background-image: url(../../images/portal/it-flag.svg);
    background-size: cover;

}



/* Resgister page end */


/* Creator register start */

.page-creator-register main.py-5,
.page-brand-register  main.py-5 {
    padding: 0px !important;
}

div.tagsinput {
    border-radius: 10px;
    width: 100% !important;
    height: 100px;
    padding: 15px 20px !important;
}


div.tagsinput span.tag {
    border: 1px solid #674bff;
    background: #674bff;
    color: #fff;
    border-radius: 10px;
    padding: 7px 15px;
}

div.tagsinput span.tag a {
    color: #d1c8ff;
}

div.tagsinput input {
    width: 100% !important;
    font-family: inherit !important;
    border: 2px dashed #bdbdbd !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
}


div.tagsinput input:focus {
    border-color: #674BFF !important
}

.my_ugc_video_wrap
{
    position: relative;
    margin-top: 20px;
}

.my_ugc_video_wrap svg
{
    position: absolute;
    width: 25px;
    right: -30px;
    top: 0;
    cursor: pointer;
    
}

.profilePicture
{
    position: relative;
}

.profilePicture .invalid-feedback {
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    text-align: center;
}


#brand_vat_select {
    background-size: 26px 26px;
}

.site_reg_header
{
    position: relative;
    z-index: 1;
}

/* Creator register end */




.relative {
    position: relative;
}


.pass_show,
.pass_hide,
.conf_pass_show,
.conf_pass_hide,
.password_show_hide {
    position: absolute;
    top: 47px;
    right: 18px;
    display: none;
}

/* Buttons start */

.darkBtn {
    background-color: #2005B7;
    border: 1px solid #2005B7 !important;
    color: #ffffff;
    padding: 12px 30px !important;
    border-radius: 20px;
    font-weight: 600;
    font-size: 18px;
    transition: .2s ease-in-out;
    display: inline-block;
}

.darkBtn:hover {
    background-color: transparent;
    color: #2005B7 !important;
}
.darkBtn:hover i {
    color: #2005B7 !important;
}

.darkBtn:hover svg path {

    fill: #2005B7;

}

.btn-light{
    background-color: #674BFF;
    border: 1px solid #674BFF !important;
    color: #ffffff;
    padding: 6px 10px !important;
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
    transition: .2s ease-in-out;
    display: inline-block;
}

.darkBtn.disabled {
    pointer-events: none;
    opacity: .3;
    display: inline-block;
}

.darkBtn.backBtn svg {
    margin-left: 0px;
    transform: rotate(180deg);
}

.backBtn {
    display: flex;
    align-items: center;
    gap: 20px;
    /* width: 150px; */
    width: fit-content;
    margin-left: auto;
    background-color: transparent;
    color: #2005B7;
}

.backBtn svg path {
    fill: #2005B7;
}


.backBtn:hover {
    color: #fff !important;
    background-color: #2005B7;
}

.backBtn:hover svg path {
    fill: #fff;
}

.lightBtn {

    background-color: #FFFFFF;

    border: 1px solid #FFFFFF;

    color: #2005B7;

    padding: 8px 52px;

    border-radius: 20px;

    font-weight: 600;

    font-size: 24px;

    transition: .2s ease-in-out;

    display: inline-block;

    /* max-height: 54px; */

    /* min-width: 375px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: fit-content; */

}

.lightBtn:hover {

    background-color: transparent;

    color: #ffffff;

}

.lightBtn:hover svg path {

    fill: #ffffff;

}

.brandsBtn {

    padding: 13px 36px !important;

    border-radius: 20px;

    /* display: inline-block; */

    font-weight: 600;

    font-size: 24px;

    transition: .2s ease-in-out;

    /* min-width: auto;

    margin: 0 auto; */

}

.creatorBtn {

    padding: 13px 36px;

    border-radius: 20px;

    /* display: inline-block; */

    font-weight: 600;

    font-size: 24px;

    transition: .2s ease-in-out;

    /* min-width: auto;

    margin: 0 auto; */

}

.darkBtn .package_loader_wrapper svg {
    margin-left: 0px;
}

.darkBtn svg,
.lightBtn svg {

    margin-left: 30px;

}


/* Buttons end */



/* Brand Registration start*/

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

/* .site_guest_logo {
    margin-left: 15px;
} */

.site_guest_reg_header {
    margin-top: 30px;
    margin-bottom: 50px;
}

.site_guest_reg_header .site_guest_header_inner {
    background-color: #674BFF;
}

.site_guest_header_inner {
    background-color: rgb(255 255 255 / 80%);
    padding: 11px 15px;
    border-radius: 100px;
    display: flex;
    align-items: center;
}

.site_guest_reg_header .site_guest_login {
    color: #ffffff;
    font-weight: 700;
}

.site_reg_box {
    min-height: 450px;
    background-color: #F3F4F6;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.site_guest_reg_header .site_guest_reg {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 92%);
    color: #674bff;
    padding: 7px 50px;
    border-radius: 100px;
    margin-left: 50px;
    font-weight: 700;
    border-color: #fff;
    border: solid 2px
}

.site_heading_section {
    text-align: center;
}

.site_regsiter_title {
    color: #674BFF;
    font-size: 65px;
    font-weight: 700;
}

.site_guest_reg_header .site_guest_reg:hover {
    background: transparent;
    color: #fff;
}


.site_guest_reg {
    background: rgb(134, 57, 254);
    background: linear-gradient(90deg, rgba(134, 57, 254, 1) 0%, rgba(103, 75, 255, 1) 92%);
    color: #fff;
    padding: 7px 50px;
    border-radius: 100px;
    margin-left: 50px;
    font-weight: 700;
    border: solid 2px #674BFF;
    transition: all .3s ease-in-out;
}

.site_guest_reg:hover {
    background: transparent;
    color: #674BFF;
}


.site_guest_login {
    font-weight: 700;
    color: #2c2c2c;
}

.page-creator-register .yourLocationRow .genericLable {
    color: #ffffff;
}

.site_select_dropdown .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 2px dashed #674bff;
    border-radius: 10px;
    height: auto;
    padding: 10px 15px;
    outline: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #674bff !important;
    color: white;
}

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

.genericLable {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
}

.profileBox {
    background-color: #F3F4F6;
    padding: 10px;
    border-radius: 20px;
}

.textFieldGeneric {
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    padding: 15px 20px;
}

.textFieldGeneric:focus
{
    border-color: #674BFF !important;
    outline: none !important;
}

.labelForm {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2C2C2C;
    padding: 0 15px;
}

.form-select {
    background-position: right 1.3rem center;
    background-size: 21px 21px;
    background-image: url(../../images/portal/dropdown-icon.svg);
}

.form-select option:hover
{
    background-color: #2005B7 !important;
}

.yourLocationRow {
    background-color: #2005B7;
    padding: 20px 30px;
    border-radius: 20px;
}

.step_three .site_form_steps_links {
    padding: 0 20px;
}

.site_form_steps_links {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.cameraTypeRow .videoCustomizeOption {
    background-color: #ffffff;
    padding: 14px 40px;
    border-radius: 10px;
    min-width: 140px;
    text-align: center;
    margin-right: 15px;
    font-weight: 700;
    border: 1px solid #BDBDBD;
}

.videoCheckboxInput:checked+.videoCheckboxLabel {
    background-color: #6c63ff;
    border-color: #6c63ff;
    color: #fff;
}

.profileHead {
    display: flex;
    align-items: center;
    /* padding-left: 60px; */
    padding-bottom: 30px;
    gap: 30px;
}


.newBanner {
    background-color: #5F29B3;
    /* background-image: url(../assets/img/bg-shape-banner.png); */
    padding: 150px 0;
    text-align: center;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}



.custom-file-upload input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}


.selectProfile {
    height: 170px;
    width: 170px;
    background-color: #5f29b3;
    border: 4px solid #ffffff;
    border-radius: 50%;
}

.profilePicture {
    border: 2px solid #F3F4F6;
    border-radius: 100%;
    margin-top: -80px;
    background-color: #fff;
}

.selectImageBtn {
    background-color: #2005B7;
    width: auto;
    height: auto;
    border: none !important;
    color: #ffffff;
    padding: 15px 24px;
    font-weight: 700;
    border-radius: 10px;
}

.custom-file-upload {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    position: relative;
}

.selectImageBtn span svg {
    margin-left: 30px;
}

.brandLogosRow {
    border: 2px dashed #BDBDBD;
    background-color: #F3F4F6;
    border-radius: 10px;
    padding: 12px 30px;
    overflow: hidden !important;
}

.cameraTypeRow .videoCheckboxInput {
    width: auto !important;
}

.videoCheckbox {
    position: relative;
}

.videoCheckboxInput {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 175px;
    left: 0;
    right: 0;
    display: inline-block;
}

.yourLocationRow .labelForm {
    color: #ffffff !important;
}

.cameraTypeRow h6 {
    font-weight: 700;
}

.profileBox {
    background-color: #F3F4F6;
    padding: 10px;
    border-radius: 20px;
}

.cameraTypeRow {
    padding: 20px 30px !important;
}

.userNameRow {
    padding: 20px 30px !important;
}

input:focus,
select:focus {
    box-shadow: none !important;
    border-color: #674BFF !important;
}

.profileFormWrapper {
    padding: 0px 20px;
}

.sidebarDetailsBox .price span:before {
    content: '';
    display: inline-block;
    position: relative;
    left: 50%;
    height: 27px;
    width: 1px;
    transform: translatey(-100%);
    /* transform: translateX(30px) translatey(-100%); */
    border-left: 1px dashed #C6BBFF;
    top: 11px;
}

.sidebarDetailsBox .price span:nth-child(2):before {
    display: none;
}

.sidebarDetailsBox .price {
    display: flex !important;
    justify-content: space-between !important;
    font-weight: 700;
    align-items: end;
}

.selectBanner {
    height: auto;
    background-color: transparent;
    border: none;
    color: #ffffff;
}

.selectBanner span svg {
    margin-right: 10px;
}

.userTitle h4 {
    font-size: 45px;
    font-weight: 700;
    margin: 0;
}

.userTitle p {
    color: #D9D9D9;
}

.sidebarDetailsBox {
    background-color: #F3F4F6;
    border-radius: 20px;
    padding: 30px 20px;
}

.site_filter_box {
    position: relative;
}

.site_filter_box span.thumb {
    position: absolute;
    left: auto !important;
    right: 15px !important;
    margin: auto !important;
    top: 0px !important;
    width: auto !important;
    color: #8639fe;
}


.datepicker-modal {
    height: auto;
    top: 30% !important;
    transform: translateX(-50%) !important;
    left: 50%;
}

.site_select_dropdown .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 26px;
    background-image: url(../../images/portal/dropdown-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.custom_register_alert{
    margin: 0 auto;
}
.margin-auto {
    margin: 0 auto;
}
@media( min-width:993px ) {
    .custom_register_alert {
        margin-top: 100px;
    }
}


.select2-search__field {
    outline: none;
}

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

.site_brands_title {
    font-weight: 700;
}

/* Brand Registration end */

/* Input field start */

.genericInputFiled {
    border: 2px dashed #674BFF;
    padding: 12px 20px;
    border-radius: 10px;
    outline: none !important;
    box-shadow: none !important;
    border-color: #674BFF !important;
}

/* Input field end */

/* All Notification start */

.siteGrayBox
{
    padding: 18px 24px;
    background-color: #F3F4F6;
    border-radius: 20px;
}

.notification_wrapper
{
    padding: 20px 25px;
    background-color: #fff;
    margin-bottom: 8px;
    border-radius: 10px;
}

.siteNotificationBar
{
    /* display: flex; */
}

.siteNotificationAction
{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    font-size: 14px;
    border-top: 1px dashed #674BFF;
    padding-top: 15px;
    margin-top: 15px;
}

.siteNotificationAction svg
{
    width: 15px;
}

.siteNotificationAction .date {
    display: flex;
    gap: 7px;
    line-height: normal;
    align-items: center;
}

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

.siteNotificationDesc
{
    padding-right: 20px;
}

.siteNotificationLink svg
{
margin-left: 10px;
}

.siteNotificationLink
{
    color: #8639FE;
    font-weight: 600;
}

/* All Notification end */


/* Admin Dashoard start */



.site_input_group_search {

    position: relative;

    max-width: 555px;

}



.btn-blue {

    position: absolute;

    right: 7px;

    top: 7px;

    background-color: #2005B7;

    border-radius: 25px !important;

    color: #fff;

    padding: 13px 65px 13px 30px;

    border: solid 1px #2005B7;

    font-weight: 700;

}



.btn-blue:hover {

    background-color: transparent;

    color: #fff;

    border: solid 1px #2005B7;

    color: #2005B7;



}



.site_input_group_search .form-control {

    padding: 20px;

    border-radius: 32px;

}



.icon-white::after {

    content: "";

    display: inline-block;

    width: 20px;

    height: 20px;

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M10.5 0C16.275 0 21 4.725 21 10.5C21 16.275 16.275 21 10.5 21C4.725 21 0 16.275 0 10.5C0 4.725 4.725 0 10.5 0ZM7.35 11.55H11.13L9.765 12.915C9.345 13.335 9.345 13.965 9.765 14.385C10.185 14.805 10.815 14.805 11.235 14.385L14.385 11.235C14.805 10.815 14.805 10.185 14.385 9.765L11.235 6.615C10.815 6.195 10.185 6.195 9.765 6.615C9.345 7.035 9.345 7.665 9.765 8.085L11.13 9.45H7.35C6.72 9.45 6.3 9.87 6.3 10.5C6.3 11.13 6.72 11.55 7.35 11.55Z" fill="white"/></svg>');

    position: absolute;

    top: 50%;

    background-size: cover;

    transform: translateY(-50%);

    right: 25px;

}



.icon-white::after {

    content: "";

    display: inline-block;

    width: 20px;

    height: 20px;

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M10.5 0C16.275 0 21 4.725 21 10.5C21 16.275 16.275 21 10.5 21C4.725 21 0 16.275 0 10.5C0 4.725 4.725 0 10.5 0ZM7.35 11.55H11.13L9.765 12.915C9.345 13.335 9.345 13.965 9.765 14.385C10.185 14.805 10.815 14.805 11.235 14.385L14.385 11.235C14.805 10.815 14.805 10.185 14.385 9.765L11.235 6.615C10.815 6.195 10.185 6.195 9.765 6.615C9.345 7.035 9.345 7.665 9.765 8.085L11.13 9.45H7.35C6.72 9.45 6.3 9.87 6.3 10.5C6.3 11.13 6.72 11.55 7.35 11.55Z" fill="white"/></svg>');

    position: absolute;

    top: 50%;

    background-size: cover;

    transform: translateY(-50%);

    right: 25px;

}



.icon-white:hover::after {

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M10.5 0C16.275 0 21 4.725 21 10.5C21 16.275 16.275 21 10.5 21C4.725 21 0 16.275 0 10.5C0 4.725 4.725 0 10.5 0ZM7.35 11.55H11.13L9.765 12.915C9.345 13.335 9.345 13.965 9.765 14.385C10.185 14.805 10.815 14.805 11.235 14.385L14.385 11.235C14.805 10.815 14.805 10.185 14.385 9.765L11.235 6.615C10.815 6.195 10.185 6.195 9.765 6.615C9.345 7.035 9.345 7.665 9.765 8.085L11.13 9.45H7.35C6.72 9.45 6.3 9.87 6.3 10.5C6.3 11.13 6.72 11.55 7.35 11.55Z" fill="white" style="&%2310; fill: %232005B7;&%2310;"/></svg>');

}



.site_popular_categories_list li a {

    padding: 8px 20px;

    background-color: #F3F4F6;

    border-radius: 25px;

    color: #2C2C2C;

    font-size: 14px;

}





.site_ugc_content_subtitle {

    font-size: 24px;

}



/* .site_ugc_content_title {

    font-size: 90px;

    line-height: 70px;

} */


/* 
.purpleText {

    color: #8639FE;

} */



.site_admin_dashboard_section {

    /* height: calc(100dvh - 76px); */

    /* display: flex;

    align-items: center; */

}



.site_popular_title {

    font-weight: 700;

}



.site_ugc_content_subtitle {
    font-weight: 400;
}
.site_vertical_swiper {
    width: 214px;
    height: 900px;
    margin: 0 15px;
}
.site_vertical_swiper .swiper-wrapper {
    transition-timing-function: linear !important;
    pointer-events: none;
}
.site_vertical_swiper .swiper-slide {
    height: auto !important;
}
.site_vertical_swiper .swiper-slide iframe {
    height: 367px;
    width: 100%;
    border-radius: 20px;
    border: solid #674bfe;
    background: #000;
}

/* Admin Dashoard end */





/* Admin Dashoard 1 start */

#search_loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 600px;
    width: 100%;
}

.loader_wrapper {
    display: block;
}

.creators_wrapper {
    display: none;
}

.camera_wrappers {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mandatoryVideoText {
    color: white;
}

@media(min-width:1365px) {

    .site_ad_filter_col_3 {

        width: 23%;

    }



    .site_creator_grid_col_9 {

        width: 77%;

    }

}






.form-check-input[type=checkbox] {
    border-radius: 50%;
}

.form-check label {
    font-weight: 400 !important;
}



/* .site_ad_section {

    padding: 50px 0;

} */



.site_ad_filter {

    background-color: #F3F4F6;

    border-radius: 15px;

    padding: 20px
}



.site_cfilter_btn {

    background-color: #DCDCDC;

    color: #2C2C2C;

    padding: 5px 10px;

    border-radius: 25px;

    font-size: 12px;

}


button.site_cfilter_btn {
    background-color: #2005B7;
    color: #fff;
    border-color: #2005B7;
    padding: 7px 30px !important;
}

button.site_cfilter_btn:hover {
    background-color: transparent;
    color: #2005B7;
}


.site_flex_title {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.site_filter_title {

    font-weight: 700;

}



.site_filter_serach {

    border-radius: 25px;

}



.site_filter_label {

    font-weight: 700;

    margin-bottom: 5px;

}



.form-check-input {

    border-color: #2005B7;

}



.site_filter_count {

    float: right;

    margin-right: 10px;

}



.form-check-input:focus {

    box-shadow: none;

}



.form-check-input:checked {

    background-color: #2005B7;

    border-color: #2005B7;

}



.form-range::-webkit-slider-thumb {

    position: relative;
    z-index: 1;
    margin-top: -.35rem;

}



.form-range::-webkit-slider-thumb,
.form-range:focus::-webkit-slider-thumb {

    background-color: #8639FE;

    box-shadow: 0 0 0 0px #fff, 0 0 0 .25rem rgb(134 57 254 / 50%);

}



.form-range::-webkit-slider-runnable-track {

    background: rgb(134, 57, 254);

    background: linear-gradient(90deg, rgba(134, 57, 254, 1) 0%, rgba(80, 34, 152, 1) 100%);

    height: 0.3rem;

}



/* Firefox: Thumb styling */
.form-range::-moz-range-thumb {
    background-color: #8639FE;
    box-shadow: 0 0 0 0.25rem rgba(134, 57, 254, 0.5);
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Firefox: Track styling */
.form-range::-moz-range-track {
    background: linear-gradient(90deg, rgba(134, 57, 254, 1) 0%, rgba(80, 34, 152, 1) 100%);
    height: 0.3rem;
    border-radius: 0.15rem;
}

/* Firefox: Focus state for thumb */
.form-range:focus::-moz-range-thumb {
    background-color: #8639FE;
    box-shadow: 0 0 0 0.25rem rgba(134, 57, 254, 0.5);
}










/* Admin Dashoard 1 end */







/* Admin Dashboard single start */



.site_cbs_email {

    color: #D9D9D9;

}



.site_cbs_rating {

    font-size: 14px;

}





.site_cbs_rating span {

    color: #D9D9D9;



}



.site_cbs_rating img {

    margin-right: 3px;

    position: relative;

    top: -2px;

}







.site_creator_tags {

    color: #CFCFCF;

}



.clientLogoSwiper3 .swiper-wrapper {

    transition-timing-function: linear !important;

    pointer-events: none;

    align-items: center;

    text-align: center;

}






.site_brands_bordered_title {

    padding: 20px;

    border: dashed 2px #BDBDBD;

    border-radius: 10px;

    font-size: 16px;

    font-weight: 700;

}



/* Admin Dashboard single end */

.country_search {
    border: 1px solid #BBBBBB;
    border-radius: 29px;
    text-align: center;
    width: 100%;
}

.hide {
    display: none !important;
}

.disabled {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.disabled .swiper-slide {
    opacity: 0.3;
}

.slider_text {
    font-weight: 700;
    position: absolute;
    color: black;
    font-size: 16px;
}

.creator_birthday {
    border-radius: 10px !important;
}

.gj-datepicker-bootstrap button {
    position: absolute !important;
    right: 13px;
    top: 13px;
    border: none;
    padding: 0;
}

.gj-datepicker-bootstrap button:hover {
    background-color: transparent;
}

.gj-datepicker-bootstrap button:active {
    background-color: transparent !important;
    border: none;
}

.gj-datepicker-bootstrap button img {
    width: 26px;
    height: 26px;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    color: #fff;
    background-color: #2005B7 !important;
    border-color: #122b40;
    border-radius: 50% !important;
}

.gj-picker-bootstrap table tr td.today div {
    color: #2005B7 !important;
    font-weight: 700;
}

/* 
.enabled .swiper-slide {
    height: 180px !important;
}

.enabled .swiper-slide img {
    object-fit: contain !important;
    height: 150px !important;
} */

.profile_pic img {
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
}


.proposal_wrapper {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 30px;
}

.proposal_wrapper .proposal_row1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.proposal_wrapper .creator_info,
.proposal_wrapper .brand_action,
.proposal_wrapper .creator_comment {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.proposal_wrapper .proposal_section {
    display: flex;
    align-items: center;
    gap: 20px;
}

.proposal_wrapper .section_tag h5 {
    font-size: 24px;
    font-weight: 600;
}

.proposal_wrapper .proposal_section a {
    color: white;
    background-color: #2005B7;
    border: 1px solid #2005B7;
    border-radius: 10px;
    padding: 6px 28px;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.proposal_wrapper .proposal_section a:hover {
    color: #2005B7;
    background-color: transparent;
    /* border: 1px solid #2005B7 !important; */
}

.brand-order-brief-submit-message {
    display: none;
}

#brand_product,
#product_features,
#promo,
#cta {
    position: absolute;
    left: -99999px;
}

.hookTagsRow .productTag input {
    width: 0;
    height: 0;
    visibility: hidden;
}


.hookTagsRow .productTag.active {
    background-color: #674BFF;
    color: #ffffff;
}

.header_profile_pic {
    border-radius: 100%;
    object-fit: cover;
    background-color: #fff;
    height: 50px;
    width: 50px;
}

.site_dashboard_header .navbar-nav .nav-link span div {
    font-weight: 400;
}

.creator_dashboard_wrappers {
    display: none;
}

.creator_dashboard_wrappers:first-of-type {
    display: block;
}

.myApplicationBox .nav-link.active {
    color: #674BFF !important;
}

.proposal_wrapper .proposal_section a.view_proposal {
    background: #d63384;
    font-size: 20px;
    color: #fff;
    border-radius: 20px;
    padding: 12px 30px;
    border: none;
    line-height: normal;
    min-width: 220px;
    text-align: center;
    font-weight: 600;
}

.proposal_wrapper .proposal_section a.accept_proposal {
    background-color: #674BFF;
    border: 1px solid #674BFF;
}

.proposal_wrapper .proposal_section a.reject_proposal {
    background-color: #2C2C2C;
    border: 1px solid #2C2C2C;
}

.proposal_wrapper .proposal_section a.proposal_actions {
    border-radius: 20px;
    font-size: 20px;
    color: white;
    padding: 12px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 220px;
    line-height: normal;
    font-weight: 600;
}

/* datepicker css */
/* Modal */
.datepicker-modal {
    max-width: 325px;
    min-width: 300px;
    max-height: none;
}

.datepicker-container.modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
}

.datepicker-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 280px;
    margin: 0 auto;
}

.datepicker-controls .selects-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.datepicker-controls .select-wrapper input {
    border-bottom: none;
    text-align: center;
    margin: 0;
}

.datepicker-controls .select-wrapper input:focus {
    border-bottom: none;
}

.datepicker-controls .select-wrapper .caret {
    display: none;
}

.datepicker-controls .select-year input {
    width: 50px;
}

.datepicker-controls .select-month input {
    width: 70px;
}

.month-prev,
.month-next {
    margin-top: 4px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    background-color: #674bff;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.month-prev svg,
.month-next svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}


.acedmyVideoWrapper {
    position: relative;
}

.close_academy_video_overlay {
    z-index: 99999;
}

.close_academy_video {
    z-index: 999999;
}

.closeAcademyVideo {
    position: absolute; 
    top: -20px; 
    right: -20px; 
    background-color: red; 
    color: white; 
    border: none; 
    border-radius: 50%; 
    width: 40px; 
    height: 40px; 
    font-size: 20px; 
    font-weight: bold; 
    text-align: center; 
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* Date Display */
.datepicker-date-display {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    background-color: #674BFF;
    color: #fff;
    padding: 20px 22px;
    font-weight: 500;
}

.datepicker-date-display .year-text {
    display: block;
    font-size: 1.5rem;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.7);
}

.datepicker-date-display .date-text {
    display: block;
    font-size: 2.8rem;
    line-height: 47px;
    font-weight: 500;
}

/* Calendar */
.datepicker-calendar-container {
    -webkit-box-flex: 2.5;
    -webkit-flex: 2.5 auto;
    -ms-flex: 2.5 auto;
    flex: 2.5 auto;
    padding: 20px 0px;
}

.datepicker-table {
    width: 280px;
    font-size: 1rem;
    margin: 0 auto;
}

.datepicker-table thead {
    border-bottom: none;
}

.datepicker-table th {
    padding: 10px 5px;
    text-align: center;
}

.datepicker-table tr {
    border: none;
}

.datepicker-table abbr {
    text-decoration: none;
    color: #999;
}

.datepicker-table td {
    border-radius: 50%;
    padding: 0;
}

.datepicker-table td.is-today {
    color: #674BFF;
}

.datepicker-table td.is-selected {
    background-color: #674BFF;
    color: #fff;
}

.datepicker-table td.is-outside-current-month,
.datepicker-table td.is-disabled {
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.datepicker-day-button {
    background-color: transparent;
    border: none;
    line-height: 38px;
    display: block;
    width: 100%;
    border-radius: 50%;
    padding: 0 5px;
    cursor: pointer;
    color: inherit;
}

.datepicker-day-button:focus {
    background-color: rgba(102, 75, 255, 0.25);
}

.datepicker-select {
    border: none;
    margin: 5px 20px;
}

.confirmation-btns {
    display: none !important;
}

/* Footer */

.footerWrapper {
    border-top: 2px dashed #000000;
    padding-top: 30px;
    padding-bottom: 10px;
}

.copyright {
    font-weight: 600;
}

.socialIcons span {
    font-weight: 600;
    margin-top: 2px;
}

.socialIcons ul {
    padding-left: 0;
    list-style-type: none;
}

.socialIcons ul li {
    padding-left: 30px
}

.datepicker-footer {
    width: 280px;
    margin: 0 auto;
    padding-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
    color: #674BFF;
    padding: 0 1rem;
}

.datepicker-clear {
    color: #F44336;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
    .datepicker-modal {
        max-width: 625px;
    }

    .datepicker-container.modal-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .datepicker-date-display {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 270px;
        -ms-flex: 0 1 270px;
        flex: 0 1 270px;
    }

    .datepicker-controls,
    .datepicker-table,
    .datepicker-footer {
        width: 320px;
    }

    .datepicker-day-button {
        line-height: 44px;
    }
}

.modal-overlay {
    position: fixed;
    z-index: 999;
    top: -25%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    display: none;
    will-change: opacity;
}

.btn-flat {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.btn-flat {
    font-size: 14px;
    outline: 0;
}

.btn-flat:focus,
.btn-flat:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-flat:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

.btn-flat.disabled,
.btn-flat.btn-flat[disabled] {
    background-color: transparent !important;
    color: #b3b2b2 !important;
    cursor: default;
}

.modal .modal-footer .btn-flat {
    margin: 6px 0;
}

.dropdown-trigger {
    display: none;
}

.dropdown-content {
    display: none;
}


/* Admin Setting */

.footer-link-title {
    font-size: 24px;
    font-weight: 700;
}


/* Announcement Css */

/* .notif_wrappers {
    width: 400px;
    position: fixed;
    height: 100vh;
    top: 0;
    right: -400px;
    background: white;
    z-index: 1;
    transition: right 1s ease-in-out;
    padding: 20px;
    z-index: 10;
    overflow-y: auto;
} */

/* width */
.offcanvas-body::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.offcanvas-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.offcanvas-body::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.announcement_actions .date {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.announcement_actions .date svg {
    width: 15px;
}

.announcement_actions .btnMarkRead svg {
    width: 15px;
}

.btnMarkRead {
    background-color: transparent;
    border: none;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.notif_close {
    cursor: pointer;
}

.offcanvas-body {
    display: flex !important;
    flex-direction: column !important;
}

.offcanvas-body .announcements {
    padding: 15px 0px;
    /* border-bottom: 2px dashed #674BFF; */
    background-color: #f3f4f6;
    margin-bottom: 10px;
    border-radius: 15px;
    margin-top: 10px;
}

.offcanvasAnnouncements .offcanvas-body img {
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
    height: 150px;
    object-fit: cover;
}

.offcanvas-body .announcement_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    border-top: 1px dashed #674BFF;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.offcanvas-body .announcement_actions .mark_as_read {
    cursor: pointer;
}

.offcanvas-body .announcements .announcements_content {
    padding-left: 20px;
    padding-right: 20px;
}

.offcanvas-body .announcements_content .announcement_title {
    font-size: 20px;
    font-weight: 600;
}

.offcanvas-body .announcements_content .announcement_desc {
    font-size: 14px;
}

.announcements .announcements_content a
{
    background-color: #2005B7;
    border: 1px solid #2005B7;
    color: #ffffff;
    padding: 4px 20px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    transition: .2s ease-in-out;
    display: inline-block;
    margin-top: 10px;

}

.announcements .announcements_content a:hover {
    background-color: transparent;
    color: #2005B7 !important;
}

/* Brand Setting */

.greyBox2 {
    border-radius: 20px;
    background-color: #F3F4F6;
    padding: 20px 25px;
}

.greyBoxField label {
    font-weight: bold;
}

.greyBoxTitle h4 {
    font-size: 24px;
    font-weight: 700;
}

.greyBoxSubTitle h5 {
    font-weight: 700;
}

/* Brand Payment */

.site_table tbody {
    vertical-align: middle;
}


/* Pricing */

/* .site_packages_card .list-group a {
    color: #2005B7;
    font-family: 700;
}

.site_packages_card .site_packages_top_card {
    background-color: rgb(103 75 255);
    color: #fff;
}

.site_packages_top_card .card-title {
    font-size: 34px;
}

.site_packages_card .list-group-flush {
    border-top: inherit;
    border-bottom: inherit;
    font-size: 14px;
} */

.site_pack_action_icon {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    display: flex;
    align-items: center;
}

.site_card_body_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.site_pack_action_icon_wrap {
    gap: 10px
}

#reviewForm {
    text-align: left;
}

.rated {
    display: flex;
}

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

.brand_vatDropdown .fieldsWrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.brand_vatDropdown .fieldsWrap .brand_vat_select {
    width: 100%;
    border: 2px dashed #674BFF;
    padding: 12px 20px;
    border-radius: 10px;
    outline: none !important;
    box-shadow: none !important;
    border-color: #674BFF !important;
}

.offcanvas .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offcanvas .offcanvas-header .header-title {
    display: flex;
    align-items: center;
}

.offcanvas .offcanvas-header .header-title h5 {
    font-size: 26px;
    padding: 0;
    margin: 0;
    font-weight: 600;
}

#announcements .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#announcements .offcanvas-header .header-title {
    display: flex;
    align-items: center;
}

#announcements .offcanvas-header .header-title h5 {
    font-size: 26px;
    padding: 0;
    margin: 0;
    font-weight: 600;
}


/* Intro page */






/* Login Page */

.site_intro_section {
    position: relative;
    background-image: url(../../images/portal/login-bg.jpg);
    background-size: cover;
    height: 100dvh;
    display: flex;
    align-items: center;
    background-position: center center;
}

.site_intro_section::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(103 75 255 / 85%);
    z-index: 0;
}

.site_intro_title {
    font-size: 86px;
    font-weight: 700;
    color: #8639FE;
    line-height: 80px;
    margin-bottom: 24px;
}

.site_intro_title span {
    color: #000;
}

.site_intro_subtitle {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
}

.site_intro_section .container-fluid {
    z-index: 1;
}

.site_intro_content {
    background-color: rgb(255 255 255 / 70%);
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 10rem;
    height: 100%;
    align-items: start;
}


.site_intro_btn {
    background: rgb(134, 57, 254);
    background: linear-gradient(90deg, rgba(134, 57, 254, 1) 0%, rgba(103, 75, 255, 1) 92%);
    color: #fff;
    padding: 7px 50px;
    border-radius: 100px;
    font-weight: 700;
    border: solid 2px #674BFF;
    transition: all .3s ease-in-out;
}

.site_intro_btn:hover {
    background: transparent;
    color: #674BFF;
}

.site_intro_subtitle_top {
    font-size: 24px;
}

.site_intro_subtitle_top span {
    color: #8639FE;
}

.site_intro_content p {
    font-size: 20px;
}


#myVideo {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.showing_results {
    font-weight: 500;
    margin-top: 15px;
    text-align: center;
}

.showing_results span {
    padding: 0 10px;
    font-weight: 700;
    color: #8e45fe;
}

.ordersPagination .pagination {
    gap: 10px;
    flex-wrap: wrap;
}

.ordersPagination .pagination li a {
    border-radius: 100% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2C2C2C;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    font-weight: 400;
    font-size: 20px;
}
.page-item.disabled a {
    opacity: 0.5;
}

.ordersPagination .pagination li.active a {
    background-color: transparent !important;
    color: #8639FE;
    font-weight: 700;

}
.page-item:first-child a{
    background: url('../../images/portal/left-arrow.svg') no-repeat center center;
    border: none !important;
    font-size: 0px !important;
}
.page-item:first-child a svg{
    display: none;
}
.page-item:last-child a{
    background: url('../../images/portal/right-arrow.svg') no-repeat center center;
    border: none !important;
    font-size: 0px !important;
}
.page-item:last-child a svg{
    display: none;
}

.ordersPagination .pagination li a:focus {
    box-shadow: none;
}

.greyBoxCreator {
    background-color: #F3F4F6;
    border-radius: 20px;
    padding: 20px 30px;
    margin-top: 20px;
}

.contactHead h4 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0;
}


/**  Files Css **/

div#files-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 30px;
}
.file {
    width: 15%;
    text-align: center;
    border: 1px solid #2005B7 !important;
    padding: 12px 30px !important;
    border-radius: 20px;
    background-color: #F1F1F1 !important;
    position: relative;
}
.removeAttachment {
    background-color: red;
    color: #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
}
.fileName {
    font-size: 14px;
    padding-top: 10px;
    display: block;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/**  Files Css **/

.site_add_portfolio_btn{
    position: absolute; 
    top: -10px;  
    right: 10px; 
    background-color: red;  
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.site_delete_video_btn
{
    position: absolute; 
    top: 10px; 
    right: -12px; 
    background-color: red; 
    color: white; 
    text-align: center;
    border: none; 
    border-radius: 50%; 
    width: 30px; 
    height: 30px; 
    line-height: 30px;
    font-size: 16px; 
    font-weight: bold; 
    cursor: pointer; 
    display: none;
}

/* Responsive start */


@media(max-width:1400px) {

    .site_dashboard_header .navbar-nav .nav-items1
    {
        gap: 15px;
    }

}

@media(max-width:1200px) {

    .site_dashboard_header .navbar-nav .nav-link svg,
    .site_dashboard_header .navbar-nav .nav-link span::before
    {
        display: none;
    }

    .userWrapper:before,
    .userWrapper::after {
        display: none;
    }

    .site_intro_content
    {
        padding: 0 2rem;
    }

    .site_intro_section .col-lg-6
    {
        height: 100%;
    }
    .site_profile_thumb > .creator-request-portfolio {
    margin-bottom: 20px;
    }
}
@media (max-width: 1199px) {
    .site_dashboard_header .navbar-nav .nav-items2 {
        gap: 30px;
    }
    .site_dashboard_header .navbar-nav .nav-items1 {
        gap: 30px;
    }
    .site_dashboard_header .navbar-nav .nav-link {
        padding: 8px 0;
    }
    .file {
        width: 18%;
    }
}




@media(max-width:992px) {

    .datepicker-select {
        margin: 5px 15px;
    }

    .file {
        width: 22%;
    }
    #gt_float_wrapper
    {
        display: none !important;
    }


    .userWrapper {
        position: relative;
        padding: 50px 0;
        height: auto;
    }


    .site_reg_boxes {
        flex-flow: column;
    }

    .brandsBox h2 {
        font-size: 40px;
        font-weight: 700;
    }

    .brandsBox {
        width: 350px;
        height: 350px;
    }

    .brandsBtn {
        padding: 13px 15px !important;
        font-size: 16px;

    }

    .datepicker-controls {
        width: auto;
        justify-content: center;
    }

    .site_regsiter_title {
        font-size: 40px;
    }

    .page-creator-register .profileBox .profileHead {
        flex-flow: column;
    }

    .cameraTypeRow .d-flex
    {
        flex-flow: column;
        gap: 15px;
    }

    .page-creator-register .profilePicture .userTitle
    {
        text-align: center;
    }

    .cameraTypeRow .videoCustomizeOption
    {
        min-width: 100%;
        margin-right: 0px;
    }

    .brandLogosRow .brandLogosInner
    {
        flex-flow: column;
        gap: 20px;
    }

    .step_three .site_ad_section .col-lg-3.px-0
    {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .site_intro_title {
        font-size: 50px;
        line-height: 50px;

    }

    .site_intro_section
    {
        overflow: hidden;
    }

    .site_intro_content p {
        font-size: 16px;
    }

    .siteNotificationLink {
        text-align: center;
    }
    .siteNotificationLink svg {
        margin-left: 0px;
    }
    .site_login_section .row {
        padding: 0;
    }

    .site_rf_group{
        flex-flow: column;
        gap: 10px;
    }

}


@media(max-width:991px) {
    .navbar-toggler
    {
        border: none;
        padding: 0px;
        box-shadow: none !important;
    }

    .site_mobile_notificaiton {
    
        display: flex;
        align-items: center;
        margin-top: 15px;
        gap: 20px;
        margin-left: auto;
        margin-right: 20px;
    }

    .site_notification span, .site_bullhorn span
    {
        font-size: 8px;
    }

    .hide-992
    {
        display: none;
    }

    .site_dashboard_header .navbar-nav {
        gap: 0px;
        width: 100%;
        display: flex;
        align-items: stretch !important;
        padding: 15px 0;
    }

    .site_dashboard_header .navbar-nav .nav-items1,
    .site_dashboard_header .navbar-nav .nav-items2 {
        display: flex;
        align-items: start;
        gap: 0px;
        flex-flow: column;
    }

    .site_dashboard_header .navbar-nav .nav-items2>li {
        padding-top: 20px;
    }

    .site_guest_header {
        position: relative;
        top: 0px;
    }

    .site_guest_header_inner {

        /* padding: 11px 0px; */

    }

    .site_guest_reg {
        padding: 7px 20px;
        margin-left: 15px;
    }

    .site_guest_reg_header .site_guest_reg {

        padding: 7px 15px;
        margin-left: 15px;
        font-size: 14px;
    }

}


@media(max-width:768px) {
    .copyright {
        text-align: center;
        margin-bottom: 15px;
    }

    .socialIcons {
        justify-content: center !important;
    }
    .file {
        width: 30%;
    }

    .custom-modal-content
    {
        width: 80%;
    }

}
@media(max-width:640px) {
    .site_vertical_swiper {
        height: 250px;
        width: 100%;
        margin-top: 15px;
    }
    .site_vertical_swiper .swiper-slide iframe {
        height: 230px;
    }
    #slider2{
        display: none;
    }
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) 
{
    .site_login_section
    {
        min-height: auto;
        padding: 50px 0;
    }
    
    .site_intro_section
    {
        height: auto;
    }

    .site_intro_content {
        padding: 2rem 2rem;
    }
}

@media(max-width:575px) {
    /* .my_ugc_image.position-relative.d-flex.flex-column {
        width: 100%;
    } */
    /* .my_ugc_video_wrap {
        max-width: 200px !important;
    } */
    .brandLogosRow {
        padding: 12px 15px !important;
    }
    .deletePortfolio1, .addPortfolio3, .addPortfolio2, .addPortfolio1, .deletePortfolio3, .deletePortfolio2, #deleteVideoBtn {
        width: 20px !important;
        height: 20px !important;
        line-height: normal !important;
    }
    .ordersPagination .pagination li a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        padding: 6px;
    }

    .page-brand-register  .site_form_steps_links .darkBtn
    {
        padding: 12px 14px !important;
    }



    .site_forgot_btn .darkBtn
    {
        font-size: 15px;
    }

    .site_intro_subtitle {
        font-size: 28px;
    }


}

@media (max-width:480px){
    .file {
        width: 46%;
    }
}

@media(max-width:370px) {

    .site_forgot_btn .darkBtn
    {
        padding: 12px 15px !important;
        font-size: 13px;
    }

    .site_guest_reg {
        padding: 7px 15px;
        font-size: 12px;
    }

    .site_guest_logo {
        margin-left: 0px;
        padding-right: 20px;
    }

    .brandsBox {
        width: 270px;
        height: 270px;
    }

    .creatorDesc br {
        display: none;
    }

    .brandsBox .brandsBtn {
        zoom: .8;
    }

    .my_ugc_video_wrap video
    {
        width: 100% !important;
    }

    .site_intro_title {
        font-size: 40px;
        line-height: 40px;
    }
}

@media (max-width: 320px) {
    /* .my_ugc_video_wrap {
        width: 80% !important;
    } */
}

/* Responsive end */

.phone_number_wrapper {
    display: flex;
    align-items: center;
    border: 2px dashed #674BFF;
    border-radius: 10px;
    padding: 0;
    position: relative;
    /* z-index: 999999 !important; */
}

.phone_number_wrapper .custom_select {
    cursor: pointer;
    background-color: #f5f5f5;
    width: 70px;
    padding: 10px 12px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    text-align: center;
}

.phone_number_wrapper .custom_select_options {
    display: none;
    border: 1px solid black;
    height: 239px;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 48px;
    background: white;
    z-index: 999;
    width: 78px;
    padding: 0px 10px;
    left: 0;
    border-radius: 9px;
    
}

.phone_number_wrapper .custom_select_options p {

    cursor: pointer;
}

.phone_number_wrapper .custom_select_options::-webkit-scrollbar {
    width: 5px; /* Set the width of the scrollbar */
}

.phone_number_wrapper .custom_select_options::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
}

.phone_number_wrapper .custom_select_options::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners */
}

.phone_number_wrapper .custom_select_options::-webkit-scrollbar-thumb:hover {
    background: #555; /* Darker color when hovered */
}

.custom_select_options .search_phone_code {
    /* Hide the spinner for all browsers */
    -moz-appearance: textfield; /* For Firefox */
    -webkit-appearance: none; /* For Chrome, Safari, and Edge */
    appearance: none; /* Modern browsers */
}

/* Remove the spinners for WebKit browsers */
.custom_select_options .search_phone_code::-webkit-inner-spin-button,
.custom_select_options .search_phone_code::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

.phone_number_wrapper input {
    border: none; 
    flex: 1; 
    padding: 8px; 
    outline: none;
}

.custom_select_options .search_phone_code
{
    padding-left: 0px;
    width: 60px; 
}

/* Chrome, Safari, Edge, Opera */
.custom_select_options .search_phone_codeinput::-webkit-outer-spin-button,
.custom_select_options .search_phone_codeinput::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important; 
}

/* Firefox */
.custom_select_options .search_phone_codeinput[type=number] {
  -moz-appearance: textfield !important;
}

.offcanvas-body #offcanvasRightLabel {
    display: flex;
    font-size: 26px;
    font-weight: 600;
    align-items: center;
    gap: 4px;
}

input[type="password"] {
    -moz-font-feature-settings: "liga" 0;
    font-family: Arial, sans-serif;
}

.tutorial_button {
    position: sticky;
    left: 19px; 
    top: 100px;
    margin-left: 20px;
    background-color: #fff; 
    border-radius: 5px; 
    padding: 12px 20px;
    font-size: 16px; 
    font-weight: bold; 
    color: #674bff; 
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    cursor: pointer; 
    transition: all 0.3s ease;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    z-index:999999999;
    
}
.tutorial_button a{
     color: #674bff; 
}

/* Hover effect */
.tutorial_button:hover {
    background-color: #f1f1f1; 
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); 
    transform: translateY(-2px);
}

/* Focused button styling */
.tutorial_button:focus {
    outline: none; 
    border: 2px solid #007bff; 
}

/* Optional: If you are using an icon inside the button */
.tutorial_button i {
    margin-right: 5px;
}


.tooltip {
        z-index: 999999999 !important;
    }


.orderVideoSwiper {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
}


.creator_portfolio_videos {
    height: 300px;
    width: 100%;
    object-fit: cover;
}


.custom-modal-overlay {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Dark transparent background */
    z-index: 9999;
}

/* Modal content container */
.custom-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    max-width: 80%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 75vh;
}

/* Video player styles */
.custom-video-player {
    width: 100%;
    height: 70vh;
    border-radius: 5px;
    outline: none;
}

/* Close button */
.custom-modal-close {
    margin-top: 15px;
    background: #e74c3c;
    color: #fff;
    border: none;
    padding: 0px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 28px;
    position: absolute;
    top: -38px;
    right: -25px;
    border-radius:50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;    
}


/* .site_walet_icon span {
    opacity: 0.5;
} */

a.site_video_thumb_link.creator_video_cover_play_button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #323232;
    border-radius: 20px;
    padding: 0;
}

.page-creator-register .portfolioRow {
    padding: 50px 0;
}

.page-creator-register .portfolioTitle {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px;
}

.page-creator-register .portfolioBox {
    background-color: #F1F1F1;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-radius: 15px;
    padding: 20px 0;
}

.page-creator-register .portfolioImage {
    padding: 0 20px;
    height: 300px;
}

.page-creator-register .portfolioImage img {
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
}

.portfolioBox .custom-file-upload {
    padding-top: 20px !important;
    cursor: pointer;
}

.page-creator-register .portfolioUpload {
    width: 100%;
    border: none !important;
    height: unset !important;
}

.page-creator-register .uploadBtn {
    border: 1px solid #2005B7;
    background-color: #2005B7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    padding: 13px 20px;
    position: relative;
    cursor: pointer;
}

.page-creator-register .custom-file-upload input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

.page-creator-register .uploadBtn svg {
    margin-left: 30px;
}

.page-creator-register .portfolioImage video {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
}

.portfolioRow .invalid-feedback {
    text-align: center;
}

.requestAssig{
    color: white !important;
    background-color:#674BFF !important;
    border: 1px solid #674BFF !important;
}
.requestAssig:hover{
    background-color: white !important;
    color:#674BFF !important;
    border: 1px solid #674BFF !important;
}

.termsCondition li,
.termsCondition ol,
.termsCondition ul,
.termsCondition p {
    margin-bottom: 15px;
}
/* .register_phone_num_field .genericInputFiled {
    z-index: 99999999999 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
} */
/* .datepicker-calendar .month-prev {
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    box-sizing: border-box;
    aspect-ratio: 1 / 1;
    overflow: hidden;
} */


.terms-condition-link{
    cursor: pointer;
    text-decoration: underline;
    color: #2005B7;
}
@media(max-width: 1850px) {
    .page-brand-order .site_admin_dashboard_section {
        min-height: 100vh;
    }
    .startImgBox{
        margin-top: 25px;
    }

}
.btn-yellow{
    background-color: #FFEB00 !important;
}

.creator-request-portfolio{
    border-radius: 20px;
     object-fit: cover;
     object-position:top;
     height:230px;
     width:200px;
}


#firstNextBtn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pay-now-btn {
    background-color:  #674bff;
    color:white;
    border: 1px solid white;
    font-weight: 700;
    border-radius: 34px;
    padding: 3px 31px;
}