@import "_reset.css";
@import "_form-field.css";
@import "_select-option.css";
@import "_chosen-custom.css";
@import "_radio.css";
@import "_checkbox.css";
@import "_ie.css";


@font-face {
  font-family: "Gotham-Book";
  src: url("../fonts/Gotham-Book.eot");
  src: url("../fonts/Gotham-Book.otf");
  src: url("../fonts/Gotham-Book.ttf");
  src: url("../fonts/Gotham-Book.woff");
  /* src: url("../fonts/Gotham-Book.svg"); */
}

@font-face {
  font-family: "GothamBold";
  src: url("../fonts/GothamBold.eot");
  src: url("../fonts/GothamBold.otf");
  src: url("../fonts/GothamBold.ttf");
  src: url("../fonts/GothamBold.woff");
  /* src: url("../fonts/GothamBold.svg"); */
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("../fonts/Gotham-Medium.eot");
  src: url("../fonts/Gotham-Medium.otf");
  src: url("../fonts/Gotham-Medium.ttf");
  src: url("../fonts/Gotham-Medium.woff");
  /* src: url("../fonts/Gotham-Medium.svg"); */
}

.mar-t-b-50 {
  margin: 50px 0;
}

.mar-r-20 {
  margin-right: 20px;
}

.padd-r-zero {
  padding-right: 0px;
}

.mar-t-65 {
  margin-top: 65px;
}

input {
  color: #2f333e;
  font-family: "Gotham-Medium";
  font-size: 16px;
}

textarea {
  color: #2f333e;
  font-family: "Gotham-Medium";
  font-size: 16px;
  border: 1px solid #484848;
  border-radius: 14px;
  padding: 20px;
  resize: none;
  width: 100%;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #a4a6aa;
}

:-webkit-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a4a6aa;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a4a6aa;
}

.btn {
  color: #484848;
  font-family: "Gotham-Book";
  font-size: 14px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #484848;
  padding: 8px 30px 6px;
}

.btn--fontgb {
  font-family: "GothamBold";
}

.btn--fontgm {
  font-family: "Gotham-Medium";
}

.bsh-none {
  box-shadow: none !important;
}

.transparent {
  background: transparent;
}

.btn:hover,
.btn.active {
  color: #391f61;
  background: #f5b94b;
}

.s-heading {
  color: #484848;
  font-family: "GothamBold";
  font-size: 16px;
  margin-bottom: 6px;
}

h2 {
  color: #f5b94b;
  font-family: "GothamBold";
  font-size: 18px;
  letter-spacing: 1px;
}

h3 {
  color: #484848;
  font-family: "Gotham-Medium";
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

h6 {
  color: #f5b94b;
  font-family: "Gotham-Medium";
  font-size: 16px;
}

.c-container {
  position: relative;
  min-width: 760px;
  width: 80vw;
  margin: auto;
}


@media (max-width: 780px) {
    .c-container {
        position: relative;
        min-width: 700px;
        width: 800px;
        margin: auto;
        background:rebeccapurple;
    }
}

    .m-auto {
        margin: auto;
    }

    .type-text {
        background: transparent;
    }

    .flex-container {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        width: 100%;
        height: 100%;
    }

    .user-login {
        box-shadow: 0 0 20px #000;
        position: absolute;
        top: calc(50% - 20%);
        /* top: 25%; */
        left: calc(50% - 20%);
        background: #fff;
        border-radius: 20px;
        padding: 50px 30px 30px;
        width: 450px;
        text-align: center;
    }

    .channel-scr .user-login {
        top: initial !important
    }

    .user-login__logo {
        margin-top: -90px;
    }

        .user-login__logo img {
            width: 25%;
        }

    .user--login__text {
        color: #484848;
        font-family: "Gotham-Book";
        font-size: 18px;
        text-align: center;
        margin-top: 10px;
    }

        .user--login__text span {
            font-family: "GothamBold";
        }

    .user-login__creds {
        margin: 50px 0 0;
    }

        .user-login__creds label {
            color: #484848;
            font-size: 12px;
        }

        .user-login__creds .login {
            margin: 50px 0 0;
        }

    /* channel scr start */
    .channel-scr {
        background: url(../images/channel-scr-bg.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        -webkit-background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .channel-scr__list .form-group--custom {
        /* border-bottom: 2px solid #acadb2; */
        padding-bottom: 30px;
    }

    .channel-scr__list .select-oper {
        border-color: #acadb2 !important;
    }

    .channel-scr__list .form-group--custom:last-child {
        border-bottom: transparent;
        padding-bottom: 0px;
    }

    /* channel scr end */

    /* select option basic css start */

    .select-basic .select-styled {
        color: #484848;
        background: #fff;
    }

    .select-basic .select {
        width: 100%;
    }

    .select-basic .select-styled:after {
        background: url(../images/icon/arrow-down.png) right center no-repeat;
        background-size: 15px;
        width: 20px;
        height: 12px;
        border: none;
    }

    .select-styled:active:after,
    .select-styled.active:after {
        background: url(../images/icon/arrow-up.png) right center no-repeat;
        background-size: 15px;
    }

    .select-basic .select-options {
        border-top: none;
        border-radius: 6px;
        box-shadow: 0 0 5px #9a9a9a;
        top: 105%;
        height: 130px;
    }

    /* select option basic css end */

    /* header start */
    header {
        background: url(../images/header-bg.jpg) left top no-repeat;
        position: fixed;
        top: 0;
        width: 100%;
        height: 80px;
        z-index: 99999;
    }

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

    .header-nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        /* justify-content: space-between;
  -webkit-justify-content: space-between; */
        align-items: flex-end;
        width: 100%;
        height: 80px;
        min-width: 1200px;
        margin: auto;
        padding: 0 2%;
    }

    .header-nav__logo {
        width: 10%;
        display: flex;
        align-items: flex-end;
    }

        .header-nav__logo img {
            margin-bottom: -35%;
        }

    .header-nav__inspired {
        width: 28%;
        padding-bottom: 8px;
    }

        .header-nav__inspired i {
            color: #f9cd7c;
            font-size: 18px;
        }

    .search-tag {
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        align-items: flex-end;
        -webkit-align-items: flex-end;
    }

        .search-tag .search-tag__icon {
            position: relative;
            top: -6px;
            left: 20px;
        }

        .search-tag .search-tag__input {
            width: 530px;
        }

        .search-tag .search-tag__scr {
            margin: 0 20px;
            cursor: pointer;
        }

            .search-tag .search-tag__scr i {
                font-size: 22px;
            }

    .header-nav__inspired .bootstrap-tagsinput {
        display: block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #986cc3 !important;
        box-shadow: none;
        border-radius: 0;
        padding-bottom: 10px;
        padding: 4px 30px 5px;
    }

        .header-nav__inspired .bootstrap-tagsinput input {
            color: #fff;
        }

            .header-nav__inspired .bootstrap-tagsinput input::placeholder {
                color: #fff;
                opacity: 1;
            }

    .header-nav__menu {
        width: 80%;
    }

        .header-nav__menu .navigation {
            display: flex;
            justify-content: center;
        }

            .header-nav__menu .navigation li {
                display: inline-block;
                padding: 0 20px;
            }

                .header-nav__menu .navigation li a {
                    font-family: "Gotham-Medium";
                    font-size: 14px;
                    color: #fff;
                    padding-bottom: 5px;
                }

                    .header-nav__menu .navigation li a:hover,
                    .header-nav__menu .navigation li a.active {
                        border-bottom: 4px solid #f5b94b;
                    }

    .search-css-story {
        position: fixed;
        width: 100%;
        top: 0px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        z-index: 9;
    }

        .search-css-story.in {
            top: 79px;
        }

    .search-css {
        background: url(../images/search-css-bg.png) center center no-repeat;
        background-size: 100% 100%;
        max-width: 900px;
        height: 65px;
        margin: auto;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
    }

        .search-css .icon {
            position: relative;
            top: 0px;
            left: 20px;
            z-index: 9;
        }

    .search-css__state {
        border-right: 2px solid #f5b94b;
        border-left: 2px solid #f5b94b;
        margin: 0 12px;
        padding: 0 14px 0 10px;
    }

    .search-css .select-styled:active:after,
    .search-css .select-styled.active:after {
        background-image: none !important;
    }

    .search-css .search-css__channel,
    .search-css .search-css__state,
    .search-css .search-css__scr {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
    }

    .search-css .select-content,
    .search-css .select-oper {
        width: 220px;
        /* display: flex;
  justify-content: center;
  align-items: center; */
    }



    .search-css .select-oper {
        color: #f5b94b;
        background: url(../images/icon/arrow-down-fill-w.png) right center no-repeat #000000;
        background-size: 14px;
        /* background-color: #000000; */
        font-family: "Gotham-Medium";
        font-size: 14px;
        text-align: center;
        text-transform: capitalize;
    }

    .search-css .select-oper {
        overflow: hidden;
    }

        .search-css .select-oper .default-select,
        .search-css .select-oper.default-select {
            color: #fff;
        }

        .search-css .select-oper.in {
            background: url(../images/icon/arrow-up-fill-y.png) right center no-repeat #000000;
            background-size: 14px;
        }

    .search-css .dropdown-select-custom {
        border-top: 4px solid #f5b94b;
        padding: 10px 0;
        height: 250px;
        box-shadow: 2px 2px 3px #9a9a9a;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

        .search-css .dropdown-select-custom p,
        .form-group--custom .dropdown-select-custom p,
        .basic-selopt .dropdown-select-custom p {
            font-size: 13px;
            padding: 8px 40px;
        }

            .search-css .dropdown-select-custom p span,
            .form-group--custom .dropdown-select-custom p span,
            .channel-format.scss .dropdown-select-custom p span,
            .basic-selopt .dropdown-select-custom p span {
                border-bottom: 3px solid transparent;
                padding-bottom: 3px;
            }

            .search-css .dropdown-select-custom p:hover span,
            .form-group--custom .dropdown-select-custom p:hover span,
            .channel-format.scss .dropdown-select-custom p:hover span,
            .basic-selopt .dropdown-select-custom p:hover span {
                border-bottom: 3px solid #f5b94b;
            }


    /* header end */

    /* content start */
    .content {
        height: 100%;
        width: 100%;
        padding: 120px 0 0;
    }

    .storyform-content {
        padding: 50px 0 0;
    }

    /* .container {
  min-width: 1200px;
  width: 1200px;
  margin: 0 auto;
} */

    @media (min-width: 1500px) {
        .container {
            max-width: 1600px;
            margin: auto;
        }
    }

    .user-loged-name {
        margin-bottom: 40px;
        color: #2f333e;
        font-family: "Gotham-Medium";
        font-size: 16px;
    }

    .zee-story-search {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-bottom: 25px;
    }


    .zee-story-search__categories .select-content {
        width: 400px;
    }

    .zee-story-search__categories .explore-subcat__wrap {
        display: flex;
        justify-content: space-between;
        height: 260px;
        overflow-y: scroll;
    }

        .zee-story-search__categories .explore-subcat__wrap::-webkit-scrollbar {
            width: 2px;
            height: 2px;
            background-color: #000000;
        }

        .zee-story-search__categories .explore-subcat__wrap::-webkit-scrollbar-thumb {
            background-color: #f6f6f6;
        }


        .zee-story-search__categories .explore-subcat__wrap::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
            background-color: #000000;
            border-radius: 10px;
        }

    .zee-story-search__categories .explore-subcat {
        border-left: 1px solid grey;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        background: #484848;
        position: absolute;
        left: 250px;
        top: 35px;
        width: 450px;
        height: 350px;
        z-index: 9;
        padding: 25px 0;
        display: none;
    }

        .zee-story-search__categories
        .explore-subcat .explore-subcat__col {
            margin: 0 30px;
        }

    .explore-subcat .checkbox-checkmark {
        border: 2px solid #b8b7b7;
    }

    .explore-subcat .input-checkbox {
        color: #fff;
        font-family: "Gotham-Book";
    }


    .zee-story-search__categories .select-styled,
    .zee-story-search__categories .select-oper {
        color: #fff;
        background-color: #484848;
        background-image: url(../images/icon/arrow-down-w.png);
        background-position: right 12px top 15px;
        background-size: 6%;
        border-radius: 25px;
        text-align: left;
        padding: 2px 20px;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: capitalize;
    }

        .zee-story-search__categories .select-oper.in {
            background-image: url(../images/icon/arrow-up-w.png);
        }

    .zee-story-search__categories
    .dropdown-select-custom {
        position: absolute;
        background: #484848;
        box-shadow: none;
        height: 350px;
        top: 35px !important;
        left: 0px;
        z-index: 15;
        box-sizing: border-box;
        overflow: auto;
        display: none;
        border-left-top-radius: 10px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        padding-top: 20px;
    }

    .zee-story-search__categories .select,
    .zee-story-search__categories .select-oper {
        width: 250px;
    }

    .zee-story-search__categories
    .dropdown-select-custom p {
        color: #fff;
        font-size: 14px;
        padding: 10px 20px;
    }

        .zee-story-search__categories
        .dropdown-select-custom p span {
            border-bottom: 4px solid transparent;
            padding-bottom: 4px;
        }

        .zee-story-search__categories
        .dropdown-select-custom p:hover {
            background: transparent;
            font-family: "gothambold";
        }

            .zee-story-search__categories
            .dropdown-select-custom p:hover span,
            .zee-story-search__categories
            .dropdown-select-custom p.active span {
                border-bottom: 4px solid #f5b94b;
            }

    .zee-story-search__categories
    .mCSB_dragger_bar {
        background-color: #484848 !important;
    }

    .zee-story-search__categories .select-styled:after {
        background: url(../images/icon/arrow-down-w.png) right center no-repeat;
        background-size: 80%;
    }

    .zee-story-search__categories .select-styled:active:after,
    .zee-story-search__categories .select-styled.active:after {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .zee-story-search__sort p {
        color: #2f333e;
    }

        .zee-story-search__sort p strong {
            font-family: "GothamBold";
        }

        .zee-story-search__sort p a {
            color: #2f333e;
            padding-bottom: 2px;
        }

            .zee-story-search__sort p a:hover,
            .zee-story-search__sort p a.active {
                border-bottom: 4px solid #f5b94b;
            }

    .zee-story__searchresult {
        position: relative;
    }

        .zee-story__searchresult .title {
            color: #000000;
            font-family: "Gotham-Medium";
            font-size: 20px;
            padding: 0 0 8px;
        }

            .zee-story__searchresult .title::after {
                content: '';
                background: #f5b94b;
                position: absolute;
                top: 13px;
                right: 0;
                width: 85%;
                height: 3px;
            }

        .zee-story__searchresult .breadcrumb {
            background: transparent;
            margin: 10px 0;
            padding: 0;
        }

            .zee-story__searchresult .breadcrumb ul {
                display: flex;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                -moz-flex-wrap: wrap;
            }

                .zee-story__searchresult .breadcrumb ul li {
                    color: #3a3a3a;
                    font-family: "Gotham-Medium";
                    font-size: 12px;
                    padding: 0 12px 5px;
                    position: relative;
                }

                    .zee-story__searchresult .breadcrumb ul li:first-child {
                        padding-left: 0;
                    }

                    .zee-story__searchresult .breadcrumb ul li::after {
                        color: #3a3a3a;
                        content: '/';
                        position: absolute;
                        top: 0;
                        right: -3px;
                        font-size: 12px;
                    }

                    .zee-story__searchresult .breadcrumb ul li:last-child::after {
                        display: none;
                    }




    .zee-story-column {
        flex: 0 0 23%;
        max-width: 23%;
        margin: 0 1%;
    }

    .story-card {
        width: 100%;
        height: auto;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        box-shadow: 0px 4px 5px #838184;
        border-radius: 10px;
        margin: 30px 0;
        position: relative;
    }

        .story-card:hover .story-card__bookmark,
        .story-card:hover .story-card__caption {
            opacity: 1;
        }

    .story-card__info {
        padding: 15px 20px;
    }

    .story-card__info--top {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        margin-bottom: 15px;
    }

        .story-card__info--top .title {
            color: #e21078;
            font-family: "GothamBold";
            font-size: 20px;
            border-bottom: 2px solid #000000;
            padding-bottom: 10px;
            flex: 0 0 78%;
            max-width: 78%;
        }

        .story-card__info--top .logo {
            flex: 0 0 22%;
            max-width: 22%;
        }

    .story-card__info--bot p {
        color: #504857;
        font-family: "Gotham-Book";
        font-size: 14px;
        margin: 0px;
    }

    .story-card__bookmark,
    .story-card__caption {
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        background: rgba(0, 0, 0, 0.8);
        padding: 10px;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.5s;
    }

    .story-card__caption {
        flex-direction: column;
        -webkit-flex-direction: column;
        min-height: 60px;
    }

        .story-card__bookmark .title,
        .story-card__caption .title {
            color: #fff;
            font-family: "GothamBold";
            font-size: 14px;
            flex: 0 0 70%;
            max-width: 70%;
        }

        .story-card__caption .project-title {
            color: #fff;
            font-size: 12px;
            margin: 10px 0 0;
        }

    .story-card__bookmark .pin {
        flex: 0 0 30%;
        max-width: 30%;
        text-align: right;
    }

        .story-card__bookmark .pin button {
            border: none;
            background: #fff;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            line-height: 30px;
        }

            .story-card__bookmark .pin button i {
                background: url(../images/icon/bm.png) center center no-repeat;
                background-size: 60%;
                display: inline-block;
                width: 18px;
                height: 30px;
                margin: auto;
            }

                .story-card__bookmark .pin button i.bm-active {
                    background: url(../images/icon/bm-active.png) center center no-repeat;
                    background-size: 60%;
                }

    .story-card__vid {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .story-card__vid .vid-control {
            position: absolute;
            top: 35%;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
        }

    .story-card__typo {
        padding: 15px 20px;
    }

        .story-card__typo p {
            color: #fff;
            font-family: "GothamBold";
            font-size: 24px;
        }
    /* content end */

    .paperwork {
        position: absolute;
        right: 0;
        top: 30%;
        text-align: right;
        opacity: .9;
        width: 22%;
    }

    /* dashboard start */

    .detail-format--content {
        margin: 150px 0 0;
    }

    .new-project button {
        color: #fff;
        background: #484848;
        padding: 8px 22px 6px;
    }

    .updow-tabs {
        border-top: 1px solid #000;
        flex: 0 0 60%;
        max-width: 60%;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        margin: 50px 0;
        padding: 20px 0;
    }

        .updow-tabs .tab {
            cursor: pointer;
            font-family: "Gotham-Medium";
            font-size: 16px;
            transition: all 0.8s;
            -webkit-transition: all 0.8s;
            -moz-transition: all 0.8s;
            -ms-transition: all 0.8s;
            -o-transition: all 0.8s;
        }

            .updow-tabs .tab:hover {
                font-family: "GothamBold";
            }
    /* dashboard end */

    /*zee popup start */
    .zee-popup {
        display: none;
    }

    .zee-popup__wrapper {
        cursor: pointer;
        background: rgba(255, 255, 255, 0.9);
        width: 100%;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
    }

    .close-c {
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .close-c img {
            width: 70%;
        }

    .newproject-popup,
    .delcategory-popup,
    .newcatupdate-popup {
        position: relative;
        border-radius: 10px;
        background-color: #484848;
        /* background: url(images/linear_bg_2.png); */
        /* background-repeat: repeat-x; */
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient( linear, 0% 0%, 0% 50%, from(#484848), to(#000000) );
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #484848, #000000);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #484848, #000000);
        /* IE 10 */
        background: -ms-linear-gradient(top, #484848, #000000);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #484848, #000000);
        z-index: 1;
        max-width: 600px;
        width: 100%;
    }


    .popup-gradient {
        border-radius: 10px;
        background-color: #484848;
        /* background: url(images/linear_bg_2.png); */
        /* background-repeat: repeat-x; */
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient( linear, 0% 0%, 0% 50%, from(#484848), to(#000000) );
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #484848, #000000);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #484848, #000000);
        /* IE 10 */
        background: -ms-linear-gradient(top, #484848, #000000);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #484848, #000000);
        z-index: 1;
        max-width: 600px;
        width: 100%;
        /* margin: auto; */
        padding: 50px;
        position: relative;
    }

    .newproject-popup__top,
    .newproject-popup__mid,
    .newproject-popup__bot {
        display: flex;
        justify-content: space-between;
    }

    .newproject-popup__top {
        margin: 10px;
    }

    .info button,
    .close button {
        background: transparent;
        border: none;
    }

    .newproject-popup i {
        color: #fff;
        font-size: 24px;
    }

    .newproject-popup__mid {
        flex: 0 0 90%;
        max-width: 90%;
        margin: 50px auto 30px;
    }

    .format-ask {
        margin: 0 50px;
    }

        .format-ask p {
            color: #fff;
            font-family: "Gotham-Book";
            font-size: 18px;
        }

    .newproject-popup__bot {
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        margin: 20px 0 40px;
    }

        .newproject-popup__bot input {
            font-size: 18px;
        }

    .delcategory-popup {
        text-align: center;
        padding: 80px 0 30px;
    }

        .delcategory-popup .info {
            color: #f5b94b;
            font-size: 18px;
        }

        .delcategory-popup .confirm {
            font-size: 18px;
            color: #fff;
            margin: 35px 0 60px;
        }

    .zee-popup .action button {
        font-family: "Gotham-Medium";
        margin: 0 5px;
    }

        .zee-popup .action button:hover {
            color: #391f61;
            background: #f5b94b;
        }

    .delcategory-popup .art-work {
        position: absolute;
        bottom: 40px;
        width: 18%;
    }

        .delcategory-popup .art-work.left {
            left: 50px;
        }

        .delcategory-popup .art-work.right {
            right: 50px;
        }

    .newcatupdate-popup {
        padding: 50px 50px 25px;
    }

        .newcatupdate-popup .newcatupdate-popup__feild,
        .popup-feild {
            margin: 0px 0 40px;
        }

            .newcatupdate-popup label,
            .popup-feild label {
                font-family: "Gotham-Medium";
                font-size: 14px;
                color: #fff;
                letter-spacing: 1px;
                border-bottom: 1px dotted #a9a7b1;
                display: block;
                padding-bottom: 5px;
                margin-bottom: 15px;
            }

            .newcatupdate-popup .attach-file,
            .popup-feild .attach-file {
                background: #fff;
                border: 1px dotted #a9a7b1;
                border-radius: inherit;
            }

        .newcatupdate-popup .action {
            display: flex;
            justify-content: center;
            margin: 65px 0 0;
        }

            .newcatupdate-popup .action button {
                margin: 0 5px;
            }

    .exitags-popup {
        background: #484848;
        border-radius: 14px;
        width: 100%;
        max-width: 750px;
        padding: 10px 30px;
        position: relative;
    }

    /* .exitags-popup {
  position: fixed;
    top: 50%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    display: none;
} */

    /* .exitags-popup.in {
  display: flex;
} */

    /* .exitags-popup__wrap {
  background: #484848;
  border-radius: 14px;
  width: 100%;
  max-width: 750px;
  padding: 10px 30px;
  position: relative;
} */

    .exitags__search,
    .exitags__letter {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
    }

    .exitags__search {
        border-bottom: 1px dotted #7f7f8b;
        flex: 0 0 85%;
        max-width: 85%;
        padding: 10px 0;
        align-items: center;
    }

        .exitags__search .label {
            color: #f5b94b;
            font-size: 14 px;
            flex: 0 0 22%;
            max-width: 22%;
        }

        .exitags__search .search-tags {
            flex: 0 0 60%;
            max-width: 60%;
        }

    .search-tags .search-tags__wrap {
        position: relative;
        border-radius: 16px;
        background: #fff;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

        .search-tags .search-tags__wrap input[type="text"] {
            width: 96%;
            background: transparent;
            border: none;
            padding: 0 20px;
        }

        .search-tags .search-tags__wrap input[type="submit"] {
            background: url(../images/icon/search-le.png) right center no-repeat;
            background-size: 16px;
            position: absolute;
            top: 5px;
            right: 10px;
            width: 20px;
            height: 20px;
            border: 0;
        }

    .exitags__letter {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        align-items: baseline;
        -webkit-align-items: baseline;
        margin: 15px 0 0;
    }

        .exitags__letter .letter {
            cursor: pointer;
            color: #fff;
            font-family: "Gotham-Book";
            font-size: 12px;
            padding: 0 4px;
        }

            .exitags__letter .letter.active {
                font-family: "gothambold";
                font-size: 16px;
            }

    .exitags__tags {
        margin: 10px 0 0;
    }

    .exitags__tags--wrap {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
        padding-right: 20px;
    }

    .exitags__tags ul li {
        cursor: pointer;
        color: #d5d6d8;
        font-size: 14px;
        margin: 15px 0 0;
    }

        .exitags__tags ul li:hover {
            color: #f5b94b;
        }

    .pop-tab .tab-nav {
        border-bottom: 1px dotted #a9a7b1;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        margin-bottom: 30px;
    }

        .pop-tab .tab-nav ul li {
            padding: 0 100px 5px 0;
        }

            .pop-tab .tab-nav ul li a,
            .pop-tab .tab-nav ul li a:hover {
                color: #fff;
                padding: 0 0 7px;
            }

            .pop-tab .tab-nav ul li.ui-state-active a {
                color: #fff !important;
            }

    .pop-tab .pop-tab__content {
        min-height: 250px;
    }

    .themeupl-popup {
        max-width: 650px;
    }

    .theme-images {
        display: block;
        margin-bottom: 50px;
    }

        .theme-images p {
            color: #fff;
            margin-bottom: 5px;
        }

        .theme-images .theme-images__wrap {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
        }

        .theme-images .theme-img {
            position: relative;
            border: 5px solid transparent;
            width: 160px;
        }

            .theme-images .theme-img.active {
                border: 5px solid #f5b94b;
                height: 197px;
            }

            .theme-images .theme-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: top center;
            }

            .theme-images .theme-img input[type="radio"] {
                display: none;
            }

    .congratulations-img {
        margin: 0px 0 20px;
    }

    .warning-popup .warning-popup__content {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        flex-direction: column;
        text-align: center;
        margin: 0 0 30px;
    }

        .warning-popup .warning-popup__content p {
            color: #fff;
            font-size: 18px;
            margin-bottom: 20px;
        }

        .warning-popup .warning-popup__content img {
            width: 75%;
            margin: auto;
        }

    .delete.warning-popup .warning-popup__content img {
        width: 90%;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }

    .delete.warning-popup .art-work {
        position: relative;
        min-height: 190px;
    }

    .addfiles-popup .art-work {
        position: relative;
        min-height: 180px;
    }

        .addfiles-popup .art-work img {
            position: absolute;
            width: 60%;
            top: -30px;
            left: -30px;
        }

    /*see popup end */

    /* content uploader start */
    .content--uploader, .content-bg {
        background: #fbf9fe;
        /* display: none; */
    }

    .content-wrapper {
        background: #fff;
        border-radius: 10px;
        /* box-shadow: 0 0 10px #9d9ba0; */
        box-shadow: 0px 4px 5px #838184;
        padding: 30px 20px;
        margin: 25px 0;
        position: relative;
    }

    .pop-newpropage,
    .popstate-btn {
        position: absolute;
        top: 20px;
        left: -60px;
        display: inline-block;
    }

        .pop-newpropage button,
        .popstate-btn button {
            border: none;
            background: #b7b7b7;
            border-radius: 50%;
            width: 40px;
            height: 40px;
        }

            .pop-newpropage button:hover,
            .popstate-btn button:hover {
                background: #f5b94b;
            }

    .uploader-share p {
        color: #2f333e;
        font-family: "GothamBold";
        font-size: 18px;
    }

    .uploader-share__card {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        margin: 26px 0 10px;
    }

        .uploader-share__card .label {
            background: #484848;
            color: #fff;
            padding: 8px 30px 6px;
            border-radius: 20px;
        }

        .uploader-share__card .format {
            margin-left: 20px;
        }

        .uploader-share__card .input-radio {
            color: #2f333e;
            font-family: "Gotham-Book";
            margin: 0;
        }

            .uploader-share__card .input-radio .checkmark {
                border-color: #484848;
            }

    .about-story {
        margin: 60px 0 0;
    }

        .about-story h2 {
            padding: 0 30px;
        }

        .about-story input {
            box-shadow: 0 2px 0 0 #484848;
        }

    .about-story__img .story-imgadd {
        background: #e6e6e6;
        max-width: 380px;
        height: 325px;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        flex-direction: column;
        -webkit-flex-direction: column;
        margin-top: 25px;
    }

        .about-story__img .story-imgadd .uploadimg,
        .about-story__img .story-imgadd .story-img,
        .about-story__img .story-imgadd .story-vid {
            display: none;
        }

        .about-story__img .story-imgadd .uploadimg {
            overflow: hidden;
            width: 100%;
            height: 350px;
        }

            .about-story__img .story-imgadd .uploadimg img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .about-story__img .story-imgadd label {
            cursor: pointer;
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            align-items: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            /* position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; */
        }

    .story-imgadd .vid-play {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
    }

    .about-story__info .tab-nav {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        margin-bottom: 25px;
    }

    .about-story__info .select-basic .select {
        border-bottom: 2px solid #484848;
    }

    .about-story__info .select-basic .select-styled,
    .form-group--custom .select-oper {
        font-family: "Gotham-Medium";
        font-size: 16px;
        color: #000000;
        text-align: left;
        text-transform: capitalize;
    }

        .form-group--custom .select-oper .default-select {
            font-family: "Gotham-Book";
            color: #82858b
        }

    .form-group--custom .select-oper {
        font-size: 14px;
        text-transform: capitalize;
        /* padding: 0 12px; */
    }

    .form-group--custom .select-content,
    .form-group--custom .select-oper {
        width: 100%;
    }

    .form-group--custom .select-oper {
        border-bottom: 2px solid #484848;
        background: url(../images/icon/arrow-down.png) right 10px center no-repeat;
        background-size: 15px;
    }

        .form-group--custom .select-oper.in {
            background: url(../images/icon/arrow-up.png) right 10px center no-repeat;
            background-size: 15px;
        }

    .form-group--custom .select-content .dropdown-select-custom {
        width: 100% important;
        top: 36px !important;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        box-shadow: 0 0 5px #9a9a9a;
    }

    /* dropdown active line */
    .form-group--custom .select-oper.seleted {
        border-bottom: 2px solid #f5b94b !important;
    }


    .about-story__action,
    .subcat-info__actions {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        padding: 25px 0;
    }

        .about-story__action .action,
        .subcat-info__actions .action {
            margin: 0 10px;
        }
    /*
.description,
.other-category {
  display: none;
} */

    .card-preview {
        padding: 25px 0px;
    }

        .card-preview .story-card {
            margin: 0;
        }

        .card-preview .story-details__nl .name {
            font-size: 20px;
        }

        .card-preview .story-details__date ul li {
            font-size: 13px;
        }

        .card-preview .story-details__des {
            width: 100%;
        }


        .card-preview .tag {
            font-size: 12px;
        }

        .card-preview .s-heading {
            font-size: 15px;
        }

        .card-preview .story-details__des p {
            font-size: 14px;
        }

        .card-preview .story-details__catsub ul li {
            font-size: 14px
        }

        .card-preview .story-details__dwsh {
            display: none;
        }

        .card-preview .story-view__gallery--card .story-card__info--top .title {
            font-size: 13px;
            flex: 0 0 80%;
            max-width: 80%;
        }

        .card-preview .story-view__gallery--card .story-card__info--bot p {
            font-size: 12px;
        }

        .card-preview .story-down {
            display: none;
        }

    .detail-format .story-view.zee {
        background: none;
        padding: 0;
    }

    /* content uploader end */

    /* tab css start */
    .tab-nav {
        border-bottom: 1px solid #999999;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
    }

        .tab-nav ul {
            margin-bottom: 0;
        }

            .tab-nav ul li {
                display: inline-block;
                padding: 0 25px 5px;
            }

                .tab-nav ul li a {
                    border-bottom: 4px solid transparent;
                    padding-bottom: 5px;
                }

                    .tab-nav ul li.ui-state-active a,
                    .tab-nav ul li a:hover,
                    .tab-nav ul li a.active {
                        color: #484848;
                        border-bottom: 4px solid #f5b94b;
                    }

            .tab-nav .tab,
            .tab-nav ul a {
                cursor: pointer;
                color: #b8b7b7;
                border-bottom: 2px solid transparent;
                font-family: "Gotham-Medium";
                font-size: 16px;
                letter-spacing: 1px;
                transition: all 0.2s;
                -webkit-transition: all 0.2s;
                padding: 0 10px;
            }

                .tab-nav .tab:hover,
                .tab-nav .tab.active {
                    color: #484848;
                    border-bottom: 2px solid #f5b94b;
                }

    .form-divider {
        margin: 10px 0;
        padding: 20px 0;
        border-bottom: 2px dotted #b8b7b7;
    }

        .form-divider.form-divider--no {
            border-bottom: none;
        }

    .lang {
        cursor: pointer;
        position: absolute;
        top: 4px;
        right: 10px;
        z-index: 99;
    }

        .lang:hover .tool-tip.language {
            display: block;
        }

    .tool-tip.language {
        position: absolute;
        right: -80px;
        bottom: -35px;
    }

        .tool-tip.language .tool-tip__cont {
            position: relative;
            color: #fff;
            font-family: "Gotham-Medium";
            font-size: 10px;
            background: #38334d;
            border-radius: 10px;
            padding: 6px 20px;
            width: 180px;
            text-transform: capitalize;
        }

    .custom-label {
        color: #484848;
        font-family: "Gotham-Medium";
        font-size: 14px;
    }

    .custom-tag .bootstrap-tagsinput {
        box-shadow: none;
        border: 1px solid #484848;
        width: 100%;
        min-height: 100px;
        border-radius: 16px;
        padding: 20px;
    }

    .custom-tag.custom-tag--integrated .bootstrap-tagsinput {
        border-color: #f5b94b;
    }

    .custom-tag span {
        margin-bottom: 5px;
    }

    .custom-tag .bootstrap-tagsinput input {
        box-shadow: none;
        padding: 0;
    }

    .attach-file {
        border: 1px solid #484848;
        border-radius: 16px;
        width: 100%;
        height: 35px;
        position: relative;
    }

        .attach-file.attach-file--uploaded {
            border-color: #f5b94b;
        }

        .attach-file input[type="file"] {
            cursor: pointer;
            opacity: 0;
            width: 100%;
            height: 35px;
            /* position: relative; */
            position: absolute;
            z-index: 9;
        }

    .uplfile-name {
        padding: 8px 40px 0 15px;
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* tab css end */

    /* suggestion request start */
    .suggestion-box {
        width: 420px;
        position: fixed;
        top: 200px;
        right: 20px;
        z-index: 9;
    }

    .suggestion-box__button {
        position: absolute;
        top: 15px;
        right: 5px;
    }

        .suggestion-box__button button {
            border: none;
            background: url(../images/icon/suggestion.png) no-repeat;
            background-size: 100%;
            width: 60px;
            height: 60px;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

            .suggestion-box__button button:hover {
                background: url(../images/icon/suggestion-active.png) no-repeat;
                background-size: 100%;
                width: 60px;
                height: 60px;
            }

        .suggestion-box__button:hover .tool-tip {
            display: block;
        }

    .suggestion-box__view {
        border-radius: 16px;
        background: #484848;
        padding: 15px 20px 0;
        display: none;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        .suggestion-box__view.in {
            display: block;
        }

    .request-form label {
        color: #fff;
        margin-bottom: 12px;
    }

    .request-form .form-group--custom {
        margin-bottom: 10px;
    }

    .request-form {
        padding: 0 10px;
        margin: 15px 0 0;
    }

        .request-form input {
            box-shadow: none;
            background: #d5d6d8;
            border-radius: 10px;
            padding: 10px 10px 5px;
        }

            .request-form input[type="submit"] {
                font-family: "Gotham-Book";
                font-size: 13px;
                color: #484848;
                background: #fff;
                border-radius: 20px;
                padding: 10px 0 8px;
                margin: 32px 0 0;
                text-transform: capitalize;
            }

    .request-form__mandatory p {
        color: #fff;
        font-family: "Gotham-Book";
        font-size: 10px;
        padding: 10px 0 5px;
    }

    .pad5 {
        padding: 0 5px;
    }

    .tool-tip {
        transition: all .5s;
        -webkit-ransition: all .5s;
        display: none;
    }

        .tool-tip .tool-tip__cont {
            position: relative;
            color: #fff;
            font-family: "Gotham-Medium";
            font-size: 10px;
            background: #38334d;
            border-radius: 10px;
            padding: 4px 20px;
            text-transform: capitalize;
        }

            .tool-tip .tool-tip__cont::after {
                position: absolute;
                left: 0;
                right: 0;
                top: -8px;
                content: '';
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #38334d;
                margin: auto;
                text-align: center;
            }

    .suggestion-box .tool-tip {
        position: absolute;
        left: -17px;
    }

    /* suggestion request end */

    /* single view start */
    .story-view {
        background: url(../images/view-bg.jpg) left top no-repeat;
        padding: 130px 0 0;
        background-size: 100% 50%;
    }

    .story-view__space {
        padding: 0 30px;
    }

    .story-view__gallery--card .story-card__info--top .title {
        font-size: 28px;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .story-view__gallery--card .story-card__info--top {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

        .story-view__gallery--card .story-card__info--top .logo {
            flex: 0 0 25%;
            max-width: 25%;
        }

            .story-view__gallery--card .story-card__info--top .logo img {
                width: 100%;
            }

    .story-view__gallery--card .story-card__info--bot p {
        font-size: 22px;
    }

    .story-down {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .story-details__nl {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
    }

        .story-details__nl .name {
            font-family: "GothamBold";
            font-size: 26px;
            border-bottom: 1px dotted #000;
            padding-bottom: 10px;
            flex: 0 0 60%;
            max-width: 60%;
        }

    .story-details__date {
        margin: 10px 0;
    }

        .story-details__date ul li {
            color: #2f333e;
            display: inline-block;
            font-size: 14px;
            padding: 0 4px;
        }

        .story-details__date .belong {
            position: relative;
            padding-left: 8px;
        }

            .story-details__date .belong::before {
                content: "";
                width: 8px;
                height: 8px;
                background: #82858b;
                border-radius: 50%;
                position: absolute;
                left: -5px;
                top: 5px;
            }

    .story-details__tags {
    }

    .tag {
        margin: 5px 0;
        background: #484848;
        color: #fff;
        font-size: 14px;
        border-radius: 20px;
        padding: 5px 10px;
        display: inline-block;
    }

    .story-details__des {
        margin: 50px 0;
        width: 60%;
    }

        .story-details__des p {
            color: #2f333e;
            font-family: "Gotham-Medium";
        }

    .story-details__catsub ul li {
        color: #2f333e;
        position: relative;
        padding-left: 20px;
        margin: 4px 0;
    }

        .story-details__catsub ul li::before {
            content: "";
            width: 8px;
            height: 8px;
            background: #82858b;
            border-radius: 50%;
            position: absolute;
            left: 2px;
            top: 8px;
        }

    .story-details__dwsh {
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .story-details__dwsh .s-down,
        .story-details__dwsh .s-share {
            text-align: right;
            margin: 16px 0;
        }

            .story-details__dwsh .s-down a,
            .story-details__dwsh .s-share a {
                font-family: "GothamBold";
                color: #484848;
            }

        .story-details__dwsh a img {
            margin-right: 5px;
        }


        .story-details__dwsh a:hover {
            color: #f5b94b;
        }

    .zee-storypop .zee-popup__wrapper {
        background: rgba(0, 0, 0, 0.8);
    }

    .zee-storypop__video {
        max-width: 700px;
    }

    .share-email {
        display: flex;
        border: 2px solid #484848;
        background: #2f333e;
        border-radius: 16px;
        padding: 10px 15px 12px;
        width: 370px;
        position: relative;
        top: 10px;
    }

        .share-email form {
            width: 100%;
            display: flex;
            justify-content: space-around;
        }

        .share-email .share-email__input {
            flex: 0 0 80%;
            max-width: 80%;
        }

            .share-email .share-email__input input {
                width: 100%;
                height: 30px;
                border: none;
                padding: 0 10px;
            }

        .share-email .share-email__submit {
            flex: 0 0 15%;
            max-width: 15%;
        }

            .share-email .share-email__submit input[type="submit"] {
                background: url(../images/icon/share-btn.png) center center no-repeat;
                background-size: 37px;
                width: 51px;
                height: 30px;
                border: none;
            }
    /* single view end */


    /* details format start */
    .detail-format__instruction {
        margin-bottom: 60px;
    }

        .detail-format__instruction .title {
            color: #2f333e;
            font-family: "GothamBold";
            font-size: 20px;
        }

        .detail-format__instruction p {
            font-family: "Gotham-Book";
            font-size: 12px;
            color: #82858b;
        }



    .list-cat__wrapper {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 25px;
    }

    .l-cat {
        background: url(../images/l-cat.jpg) no-repeat;
        background-size: 100%;
        width: 230px;
        height: 230px;
        position: relative;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        transition: all 0.2s;
        margin: 25px 0;
    }

        .l-cat a {
            display: inline-block;
            width: 100%;
            height: 100%;
            padding: 10px;
        }

        .l-cat:hover {
            background: url(../images/l-cat-active.jpg) no-repeat;
            background-size: 100%;
            width: 230px;
            height: 230px;
        }

            .l-cat:hover .l-cat__name {
                font-family: "gothambold";
                color: #fff;
            }

    .l-cat__name {
        color: #2f333e;
        font-family: "Gotham-Book";
        font-size: 14px;
    }

    .l-cat__art {
        position: absolute;
        bottom: 20px;
    }

        .l-cat__art.add-ppl {
            right: -95px;
            bottom: 5px;
        }

        .l-cat__art.rel-dy {
            bottom: 5px;
        }

        .l-cat__art.add-cul {
            bottom: 5px;
            right: -60px;
        }

        .l-cat__art.add-fest {
            left: 0;
            right: 0;
            bottom: 5px;
        }

        .l-cat__art.sets {
            right: 8px;
            bottom: 15px;
        }

        .l-cat__art.add-const {
            left: 0;
            right: 0;
            bottom: 5px;
        }

        .l-cat__art.new-cat-def {
            right: -100px;
            bottom: 5px;
        }

    /* details format end */


    /* Categories form css start */
    .categories-name {
        padding: 0 25px;
    }

        .categories-name h2 {
            font-size: 20px;
            text-transform: uppercase;
        }

    .subcat-heading {
        color: #82858b;
        font-family: "Gotham-Book";
        font-size: 14px;
    }

    .subcat-dropdown {
        border-radius: 20px;
        color: #fff;
        background: #484848;
        padding: 10px 20px;
        margin: 30px 0;
    }

    .subcat-dropdown__select {
        font-size: 15px;
        background: url(../images/icon/arrow-up-w.png) right center no-repeat;
        background-size: 7%;
        cursor: pointer;
    }

        .subcat-dropdown__select.in {
            background: url(../images/icon/arrow-down-w.png) right center no-repeat;
            background-size: 7%;
        }

    .subcat-dropdown .cat {
        padding: 0 20px;
        margin: 15px 0;
    }

        .subcat-dropdown .cat span,
        .subcat-dropdown .cat a {
            border-bottom: 2px solid transparent;
            cursor: pointer;
            display: inline-block;
            color: #fff;
            font-family: "Gotham-Book";
            font-size: 14px;
            /* -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; */
        }

        .subcat-dropdown .cat:hover span,
        .subcat-dropdown .cat:hover a,
        .subcat-dropdown .cat.ui-state-active a,
        .subcat-dropdown .cat.active a {
            border-bottom: 2px solid #f5b94b;
            color: #fff;
            font-family: "gothambold";
            font-size: 16px;
        }

    .subcat-info {
        margin: 50px 0;
        padding: 0 0 20px;
        border-bottom: 2px dotted #b8b7b7;
    }

        .subcat-info .othercat-subsec {
            margin: 0 0 50px;
        }

            .subcat-info .othercat-subsec .select-content,
            .subcat-info .othercat-subsec .select-oper {
                width: 300px;
            }

            .subcat-info .othercat-subsec .label {
                margin-right: 25px;
            }

        .subcat-info .subcat-info__mark {
            margin-bottom: 35px;
            padding: 0 33px;
        }


        .subcat-info .tab-nav {
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            -moz-justify-content: flex-start;
        }

            .subcat-info .tab-nav .tab {
                margin: 0 25px;
            }

        .subcat-info .form-divider {
            padding: 40px 33px 0px;
            border-bottom: none;
        }

        .subcat-info h3 {
            border-bottom: 2px dotted #b8b7b7;
            padding-bottom: 8px;
            margin-bottom: 50px;
        }

    .subcat-left-divider {
        border-left: 1px solid #82858b;
    }

    /* Categories form css end */

    /* add person category css start */
    .person--img {
    }

    .subcat-info__field--people .story-imgadd {
        height: 280px;
        margin-top: 0px;
    }

    .subcat-info__field--people input {
        font-family: "Gotham-Medium";
        font-size: 14px;
        box-shadow: 0 2px 0 0 #484848;
    }

    .people-cat_name {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        height: 70px;
    }

        .people-cat_name .name {
            color: #000000;
            font-family: "GothamBold";
            font-size: 16px;
        }

        .people-cat_name .collapsed-removed-btn {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            justify-content: center;
            -moz-justify-content: space-between;
            -webkit-justify-content: space-between;
            flex: 0 0 6.2%;
            max-width: 6.2%;
        }

    .person-count {
        color: #a1a3ac;
        font-family: "Gotham-Book";
        font-size: 12px;
        margin-bottom: 10px;
    }

    .people-cat--info {
        -webkit-transition: height .5s; /* For Safari 3.1 to 6.0 */
        transition: height .5s;
        /* overflow: hidden; */
    }


    .othercat-subsec {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

        .othercat-subsec .label {
            color: #484848;
            font-family: "Gotham-Book";
            font-size: 16px;
            margin-right: 10px;
        }
        /*
.othercat-subsec .select-content {
    width: 214px;
} */

        .othercat-subsec .select-oper,
        .channel-format .select-oper {
            font-family: "Gotham-Medium";
            /* width: 214px; */
            color: #acadb2;
            border: 2px solid #484848;
            background-color: transparent;
            background-image: url(../images/icon/arrow-down-le.png);
            background-position: right 12px top 15px;
            background-size: 6%;
            border-radius: 25px;
            text-align: center;
            /* padding: 0 20px; */
            font-size: 14px;
            letter-spacing: 1px;
            text-transform: capitalize;
            height: 42px;
            line-height: 42px;
        }

    .channel-format .select-oper {
        background-position: right 12px top 14px;
    }

    .channel-format .select-content,
    .channel-format .select-oper {
        width: 300px;
    }


    .othercat-subsec .dropdown-select-custom,
    .channel-format .dropdown-select-custom {
        position: absolute;
        background: #fff;
        box-shadow: 0px 0px 15px -6px;
        height: 140px;
        top: 42px !important;
        left: 4px;
        z-index: 15;
        box-sizing: border-box;
        overflow: auto;
        display: none;
        border-radius: 10px;
        padding: 10px 0;
    }

        .othercat-subsec .dropdown-select-custom p,
        .channel-format .dropdown-select-custom p {
            color: #484848;
            font-family: "Gotham-Book";
            font-size: 14px;
            padding: 10px 20px;
            text-transform: capitalize;
        }

            .othercat-subsec .dropdown-select-custom p:hover,
            .channel-format .dropdown-select-custom p:hover {
                font-family: "gothambold";
                background: transparent;
                color: #484848;
            }

    .othercat-subsec .mCSB_dragger_bar,
    .channel-format .mCSB_dragger_bar {
        background-color: #484848 !important;
    }


    .story-view--preview {
        background-size: 100% 100%;
        padding-bottom: 25px;
    }

        .story-view--preview .content-wrapper {
            margin: 0;
            padding: 25px;
            box-shadow: 0px 4px 5px #838184;
        }

        .story-view--preview .story-details__nl .name {
            border-bottom: 1px solid #d9d9d9;
            flex: 0 0 80%;
            max-width: 80%;
            margin-top: 50px;
        }

        .story-view--preview .story-details__des {
            width: 80%;
            margin: 10px 0;
        }

            .story-view--preview .story-details__des p {
                font-size: 14px;
            }

        .story-view--preview .popstate-btn button {
            background: #464646;
            border: 1px solid #fff;
        }

    /* add person category css end */


    /* uploader and downloader data start */
    .updown-data .tab-nav {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex: 0 0 100%;
        max-width: 100%;
        border-top: 1px solid #252627;
        border-bottom: none;
        margin: 25px 0;
        padding: 20px 0;
    }

        .updown-data .tab-nav ul {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            width: 100%;
        }

            .updown-data .tab-nav ul li {
                padding: 0;
            }

            .updown-data .tab-nav ul a {
                border-bottom: 4px solid transparent;
                color: #2f333e;
                padding: 0 0 7px;
            }

            .updown-data .tab-nav ul li.ui-state-active a,
            .updown-data .tab-nav ul li a.active {
                color: #2f333e;
                border-bottom: 4px solid #f5b94b;
                font-family: "GothamBold";
            }

    .updown-data .unpub {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .updown-data .subm,
    .updown-data .publs {
        flex: 0 0 75%;
        max-width: 75%;
    }
    /* uploader and downloader data end */

    /* zee data table start */
    .data-table {
        width: 100%;
    }

        .data-table .thead {
            font-family: "gothambold";
            color: #fff;
            border-radius: 10px;
            /* Safari 4-5, Chrome 1-9 */
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#484848), to(#000000));
            /* Safari 5.1, Chrome 10+ */
            background: -webkit-linear-gradient(top, #484848, #000000);
            /* Firefox 3.6+ */
            background: -moz-linear-gradient(top, #484848, #000000);
            /* IE 10 */
            background: -ms-linear-gradient(top, #484848, #000000);
            /* Opera 11.10+ */
            background: -o-linear-gradient(top, #484848, #000000);
            margin-bottom: 25px;
        }

        .data-table .bor-b {
            color: #2f333e;
            font-family: "Gotham-Medium";
            background: #fff;
            vertical-align: top;
        }

        .data-table .author,
        .data-table .sub-title {
            color: #82858b;
            font-family: "Gotham-Book";
            font-size: 12px;
            text-transform: uppercase;
        }

    .updown-data .project-data {
        width: -webkit-fit-content;
        overflow: hidden;
    }

    .updown-data .title,
    .updown-data .author {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .data-table .status.approve {
        color: #56bb48;
    }

    .data-table .action {
        cursor: pointer;
        display: flex;
        justify-content: space-around;
        width: 80%;
    }

    .data-table .action-text,
    .categories .action-text {
        font-family: "Gotham-Book";
        color: #acadb2;
        font-size: 12px;
        margin-top: 5px;
    }

    .data-table .action .icon,
    .categories .categories__action .icon {
        cursor: pointer;
        background: url(../images/action-sprite.png) left top no-repeat;
        width: 32px;
        height: 32px;
        margin: auto;
        /* -webkit-ransition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; */
    }

    .data-table .action .approve .icon {
        background-position: 0 0px;
    }

    .data-table .action .approve:hover .icon {
        background-position: 0 -37px;
    }

    .data-table .action .reject .icon {
        background-position: -60px 0;
    }

    .data-table .action .reject:hover .icon {
        background-position: -60px -37px;
    }

    .data-table .action .edit .icon,
    .categories .categories__action .edit .icon {
        background-position: -120px 0px;
    }

    .data-table .action .edit:hover .icon,
    .categories .categories__action .edit:hover .icon {
        background-position: -120px -37px;
    }


    .data-table .action .approve:hover .action-text {
        color: #56bb48;
    }

    .data-table .action .reject:hover .action-text {
        color: #ef0a30;
    }

    .data-table .action .edit:hover .action-text,
    .data-table .action .delete:hover .action-text,
    .categories .categories__action .edit:hover .action-text {
        color: #000000;
    }


    .data-table .action .delete .icon,
    .categories .categories__action .delete .icon {
        background-position: -180px 0;
    }

    .data-table .action .delete:hover .icon,
    .categories .categories__action .delete:hover .icon {
        background-position: -180px -37px;
    }

    .categories .categories__action .subcat .icon {
        background-position: -240px 0;
    }

    .categories .categories__action .subcat:hover .icon {
        background-position: -240px -37px;
    }

    .data-table th, td {
        padding: 15px 5px;
    }

    .data-table thead .bor-tbl {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .data-table thead .bor-tbr {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }


    .bor-tbl {
        border-top-left-radius: 10px;
        -ms-border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -ms-border-bottom-left-radius: 10px;
    }

    .bor-tbr {
        border-top-right-radius: 10px;
        -ms-border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -ms-border-bottom-right-radius: 10px;
    }


    .table-divider {
        height: 20px;
    }

    .pagi {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }

    .pagi__number {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }

        .pagi__number li {
            margin: 0 2px;
        }

            .pagi__number li a {
                font-family: "Gotham-Medium";
                font-size: 13px;
                color: #000000;
                width: 15px;
                height: 18px;
                line-height: 22px;
                display: inline-block;
                text-align: center;
            }

                .pagi__number li a:hover, .pagi__number li a.active {
                    background: #f5b94b;
                }

    .pagi__action {
        display: flex;
    }

        .pagi__action li {
            padding: 0 10px;
        }

            .pagi__action li a {
                font-family: "Gotham-Medium";
                color: #2f333e;
            }
    /* zee data table end */

    /* settings pages css start */
    .user-details {
        color: #484848;
        font-family: "gothambold";
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
    }

    .user-details__lable {
        color: #000000;
    }

    .user-details__creds {
        font-size: 16px;
    }

    .user-details__art {
        text-align: right;
    }

        .user-details__art img {
            width: 75%;
        }

    .admin-content-left-divider {
        border-left: 1px dotted #000;
    }


    .admin-content__nav {
        font-family: "gotham-Book";
        width: 60%;
    }



        .admin-content__nav ul li {
            margin: 10px 0;
        }

    .admin-content__nav-identity {
        color: #484848;
        font-family: "gothambold";
        font-size: 16px;
        /* margin:0 0 25px !important; */
    }


        .admin-content__nav-identity.mt {
            margin-top: 50px;
        }



    .admin-content__nav ul li a {
        color: #acadb2;
        border-bottom: 4px solid transparent;
        font-size: 14px;
        padding-bottom: 5px;
    }


        .admin-content__nav ul li a:hover,
        .admin-content__nav ul li a.active,
        .admin-content__nav ul li.ui-state-active a {
            font-family: "Gotham-Medium";
            color: #000000;
            border-bottom: 4px solid #f5b94b;
        }

    .admin-content__nav ul li.pages-analysis a {
        font-size: 12px;
    }

        .admin-content__nav ul li.pages-analysis a:hover,
        .admin-content__nav ul li.pages-analysis a.active {
            color: #000000;
            font-family: "gotham-Book";
            border-bottom: none;
        }

    .admin-content__info .data-table .thead {
        font-family: "Gotham-Medium";
        font-size: 14px;
    }

    /* .admin-content__info {
  padding: 0 10px;
} */

    .project-indetails h2 {
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .user-find {
        width: 440px;
    }

        .user-find .user-search {
            position: relative;
            background: #fff;
            border: 1px solid #484848;
            border-radius: 16px;
            padding: 2px 0 3px;
        }

            .user-find .user-search.user-search--filled {
                border-color: #f5b94b;
            }

            .user-find .user-search input[type="text"] {
                background: transparent;
                border: 0;
                padding: 0 20px;
            }

            .user-find .user-search input[type="submit"] {
                background: url(../images/icon/search-le.png) right center no-repeat;
                background-size: 16px;
                position: absolute;
                top: 5px;
                right: 10px;
                width: 20px;
                height: 20px;
                border: 0;
            }

        .user-find .user-find__letter {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            align-items: baseline;
            -webkit-align-items: baseline;
            margin: 15px 0 0;
        }


            .user-find .user-find__letter .user-letter {
                cursor: pointer;
                color: #484848;
                font-family: "Gotham-Book";
                font-size: 12px;
                padding: 0 4px;
            }

                .user-find .user-find__letter .user-letter.active {
                    font-family: "gothambold";
                    font-size: 16px;
                }

    .project-indetails {
        padding: 0 10px;
        margin-bottom: 25px;
    }

        .project-indetails .input-checkbox {
            display: inline;
            margin-bottom: 0;
        }

        .project-indetails .project-data {
            width: 200px;
            overflow: hidden;
        }

        .project-indetails .data-table .title.name {
            text-transform: capitalize;
        }

        .project-indetails .data-table .sub-title {
            color: #000000;
            text-transform: capitalize;
        }

        .project-indetails.submitted-projects .data-table .title.name,
        .project-indetails.submitted-projects .data-table .sub-title,
        .project-indetails.channel-highlights .data-table .title.name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .project-indetails__action {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin: 30px 0;
    }

    .channel-format {
        margin: 0 0 40px;
    }

        .channel-format .select-content:first-child {
            margin-left: 12px;
        }

        .channel-format .select-content {
            margin-right: 30px;
        }

    .project-indetails .data-table td {
        font-size: 14px;
    }

    .project-indetails .data-table .action {
        width: 100%;
    }

    .project-indetails .tickmark .checkbox-checkmark {
        background-color: #d5d6d8;
        border-width: 1px;
    }

    .project-indetails .tickmark .input-checkbox .checkbox-checkmark:after {
        top: 2px;
    }

    .project-indetails .attach-file {
        background: #fff;
    }

    .current-cover {
        margin: 30px 0;
    }

    .heading-panel {
        border-radius: 15px;
        color: #fff;
        font-family: "Gotham-Medium";
        font-size: 14px;
        letter-spacing: 1px;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#484848), to(#000000));
        background: -webkit-linear-gradient(top, #484848, #000000);
        background: -moz-linear-gradient(top, #484848, #000000);
        background: -ms-linear-gradient(top, #484848, #000000);
        background: -o-linear-gradient(top, #484848, #000000);
        padding: 12px 40px;
        margin: 0 0 20px;
    }

    .current-cover__img {
        /* display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between; */
        display: block;
        width: 100%;
    }

    .cover-box {
        position: relative;
        /* flex: 0 0 32%; */
        max-width: 32%;
        float: left;
        margin: 5px;
    }

        .cover-box .cover-img {
        }

        .cover-box .cover-remove {
            cursor: pointer;
            position: absolute;
            top: 5px;
            right: 5px;
            z-index: 9;
        }

    .tag-box {
        box-shadow: 2px 2px 5px #9d9ba0;
        border-radius: 10px;
        background: #fff;
        padding: 0 20px;
        margin: 25px 0;
    }

        .tag-box .tag-box__heading {
            color: #484848;
            font-size: 14px;
            position: relative;
            padding: 10px 30px 0;
        }

            .tag-box .tag-box__heading::after {
                border-bottom: 2px dotted #c9cacd;
                content: '';
                position: absolute;
                left: 0;
                bottom: -3px;
                width: 50%;
            }

        .tag-box .tag-box__tags {
            padding: 20px 5px;
        }

    .tags {
        position: relative;
        margin: 15px 0;
    }

        .tags .tags__name {
            font-size: 14px;
            color: #484848;
            border-radius: 5px;
            background: #f9cd7c;
            padding: 8px 15px;
        }

        .tags .tags__remove {
            cursor: pointer;
        }

        .tags .tags__edit {
            cursor: pointer;
            margin-left: 5px;
        }

            .tags .tags__edit img {
                width: 15px;
            }

    .project-indetails .new-category {
        justify-content: flex-start;
        padding: 0;
    }

    .project-indetails .new-cat {
        margin: 12px 30px;
    }

        .project-indetails .new-cat .l-cat {
            margin: 10px 0;
        }

        .project-indetails .new-cat .action {
            justify-content: space-between;
            -webkit-justify-content: space-between;
            width: 30%;
            margin: auto;
        }

    .project-indetails .addnew-cat {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .channel-format.scss {
    }

        .channel-format.scss .select-content,
        .channel-format.scss .select-oper {
            width: 280px;
            float: none;
        }

        .channel-format.scss .select-oper {
        }

        .channel-format.scss .dropdown-select-custom {
            color: #fff;
            background: #484848;
            height: 200px;
        }

            .channel-format.scss .dropdown-select-custom p {
                color: #fff;
            }

    .category-wrapper {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }

    .category-box {
        width: 50%;
        border: 1px solid #484848;
        border-radius: 16px;
        background: #fff;
        padding: 20px 15px;
        margin-right: 15px;
    }

        .category-box .c-scroll {
            height: 350px;
        }

    .category-box__wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }


    .category-box .title {
        font-family: "Gotham-Medium";
        font-size: 14px;
        color: #000000;
        margin-bottom: 10px;
    }

        .category-box .title .cat-name {
            padding: 5px 0;
        }

    .category-box__list {
        width: 100%;
    }

    .category-wrap {
        font-family: "Gotham-Medium";
        padding: 0 20px;
    }


        .category-wrap .categories {
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            margin: 10px 0;
        }

        .category-wrap td:first-child {
            width: 80%;
        }

        .category-wrap td:last-child {
            width: 20%;
        }

    .categories__name {
        font-size: 14px;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .categories__action {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        flex: 0 0 40%;
        max-width: 40%;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        text-align: center;
    }

        .categories__action .icon {
            margin: 0 2px !important;
        }

    .categories-update {
        border-radius: 16px;
        background: #484848;
        margin: 20px 0 15px;
        padding: 40px 20px 20px;
    }

        .categories-update input[type="text"] {
            color: #fff;
            width: 100%;
            background: transparent;
            border: 0;
            border-bottom: 1px solid #fff;
            padding: 0 10px;
        }

        .categories-update input[type="submit"] {
            color: #484848;
            border: 1px solid #8856ba;
            border-radius: 16px;
            font-family: "Gotham-Medium";
            padding: 5px 20px;
            margin: 30px 0 0;
        }

            .categories-update input[type="submit"]:hover {
                background: #f5b94b;
            }

    .category-box .add-categories {
        cursor: pointer;
        color: #2f333e;
        font-family: "Gotham-Book";
        font-size: 14px;
        margin-bottom: 15px;
    }

        .category-box .add-categories img {
            margin-right: 5px;
        }

    .chanstatescr .categories__action {
        flex: 0 0 30%;
        max-width: 30%;
        margin-left: 0px !important;
    }

    .chanstatescr .categories__name {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .channel-format.scss .scr-dropdown {
        height: 500px;
    }

    /* settings pages css end */

    /* View downloader start */
    .story-view.zee {
        position: relative;
        background-color: #7944b6;
        /* background: url(images/linear_bg_2.png); */
        /* background-repeat: repeat-x; */
        background: -webkit-gradient( linear, 0% 0%, 0% 50%, from(#7944b6), to(#3c1f66) );
        background: -webkit-linear-gradient(top, #7944b6, #3c1f66);
        background: -moz-linear-gradient(top, #7944b6, #3c1f66);
        background: -ms-linear-gradient(top, #7944b6, #3c1f66);
        background: -o-linear-gradient(top, #7944b6, #3c1f66);
    }

    .story-details__dwsh.downloader {
        display: flex;
        bottom: -25px;
    }

        .story-details__dwsh.downloader .s-down,
        .story-details__dwsh.downloader .s-share {
            padding: 8px;
        }

    .category-details {
        margin: 50px 0;
    }

    .category-list {
    }

        .category-list .selectcat-lable {
            font-family: "Gotham-Medium";
            color: #484848;
            font-size: 14px;
        }

    .category-dropdown {
        margin: 25px;
    }

        .category-dropdown .category-name {
            color: #484848;
            font-family: "GothamBold";
            font-size: 16px;
            margin-bottom: 20px;
            position: relative;
        }

            .category-dropdown .category-name.active::after {
                content: '';
                position: absolute;
                top: 10px;
                right: 0px;
                background: url(../images/icon/arrow-down.png) right center no-repeat;
                background-size: 16px;
                width: 20px;
                height: 12px;
                transform: rotate(270deg);
            }

            .category-dropdown .category-name span {
                border-bottom: 4px solid transparent;
                padding-bottom: 5px;
            }

            .category-dropdown .category-name.active {
            }

                .category-dropdown .category-name.active span {
                    border-bottom: 4px solid #f5b94b;
                }

        .category-dropdown ul li {
            padding: 6px 0;
        }

            .category-dropdown ul li a {
                color: #484848;
                font-size: 14px;
            }

                .category-dropdown ul li a:hover {
                    color: #f5b94b;
                }

    .category-info {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 5px #9d9ba0;
        padding: 20px;
        margin: 12px 0;
        position: relative;
        float: left;
        width: 100%;
    }

        .category-info .category-title {
            color: #f5b94b;
            font-family: "GothamBold";
            font-size: 20px;
            letter-spacing: 1px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }


    .category-data {
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }

    .category-data__gallery {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

        .category-data__gallery .slick-prev,
        .category-data__gallery .slick-next {
            top: initial;
            bottom: -14%;
        }

        .category-data__gallery .slick-prev {
            left: 32%;
        }

        .category-data__gallery .slick-next {
            right: 32%;
        }

            .category-data__gallery .slick-prev:before,
            .category-data__gallery .slick-next:before {
                content: '';
                background: url(../images/icon/arrow-up.png) no-repeat;
                width: 20px;
                height: 12px;
                display: inline-block;
                opacity: 1;
            }

        .category-data__gallery .slick-prev:before {
            transform: rotate(-90deg);
        }

        .category-data__gallery .slick-next:before {
            transform: rotate(90deg);
        }

    .cat-img {
        position: relative;
    }

        .cat-img .img {
            height: 300px;
            display: flex;
            align-items: center;
            min-height: 300px;
            justify-content: center;
        }

            .cat-img .img img {
                object-fit: cover;
                object-position: top center;
                /* width: 100%;
  height: 100%; */
            }

    .cat-img__down {
        cursor: pointer;
        position: absolute;
        right: 5px;
        bottom: 5px;
        width: 10%;
    }

    .category-data__info {
        color: #2f333e;
        float: left;
        width: 65%;
    }

    .people-info .name {
        font-family: "GothamBold";
        font-size: 24px;
    }

    .people-info .int {
        font-size: 14px;
        border-bottom: 1px dotted #aaaaaa;
        padding-bottom: 5px;
    }

    .people-info .tags {
    }

        .people-info .tags .tag {
            margin: 5px;
        }

    .people-info .basic-info {
        border-top: 1px dotted #aaaaaa;
        padding-top: 5px;
    }

        .people-info .basic-info ul li {
            display: inline-block;
            font-size: 14px;
            padding: 0 5px;
            position: relative;
        }

            .people-info .basic-info ul li::after {
                content: '';
                position: absolute;
                top: 3px;
                right: -2px;
                width: 1px;
                height: 12px;
                background: #2f333e;
            }

            .people-info .basic-info ul li:last-child::after {
                display: none;
            }

    .people-info .people-info__more {
        display: block;
        margin: 0 0 50px;
    }

        .people-info .people-info__more .moredata-lable {
            border-bottom: 1px dotted #aaaaaa;
            font-family: "gothambold";
            color: #484848;
            font-size: 14px;
            padding-bottom: 2px;
            margin: 0 0 10px;
        }

        .people-info .people-info__more p {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .people-info .people-info__more .list li {
            font-size: 16px;
            margin: 5px 0;
            /* list-style-type:decimal; */
            list-style-position: inside;
        }

    .people-info .subcatsec-name {
        color: #f5b94b;
        font-family: "GothamBold";
        font-size: 16px;
        letter-spacing: 1px;
        margin-bottom: 60px;
        text-transform: uppercase;
    }

    /* .category-data.subcat-data {
  margin-bottom: 50px;
} */

    /* View downloader end */

    /* tools page css */
    .ip-link {
        position: absolute;
        top: 15%;
        right: 2%;
    }

        .ip-link a {
            border-radius: 15px;
            font-family: "Gotham-Medium";
            font-size: 14px;
            color: #f5b94b;
            background: #484848;
            padding: 15px 32px;
        }

    .project-indetails.tools h2 {
        font-size: 20px;
        border-bottom: 1px dotted #aaaaaa;
        padding-bottom: 10px;
        width: 60%;
    }

    .project-indetails.tools .data-table .action {
        width: 75%;
    }

        .project-indetails.tools .data-table .action .view {
            display: flex;
            align-items: center;
        }

            .project-indetails.tools .data-table .action .view a {
                font-family: "Gotham-Book";
                font-size: 16px;
                color: #000000;
            }

                .project-indetails.tools .data-table .action .view a:hover {
                    color: #f5b94b;
                }

    .project-indetails.tools .data-table p {
        font-family: "Gotham-Book";
    }

    .project-indetails.tools .art-work {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        position: relative;
        min-height: 110px;
        text-align: right;
    }

        .project-indetails.tools .art-work img {
            width: 38%;
            position: absolute;
            right: 0;
        }

    .project-indetails.tools .channel-format .select-oper {
        background-position: right 12px top 14px;
        font-family: "Gotham-Book";
        color: #acadb2;
        font-size: 13px;
        border: 2px solid #484848;
        height: 42px;
        line-height: 42px;
    }

    .project-indetails.tools .channel-format .dropdown-select-custom {
        top: 42px !important;
    }

    /* tools pages css */


    .editupd-popup {
        width: 300px;
        position: relative;
    }

        .editupd-popup .close-c {
            position: absolute;
            top: 25px;
            right: 5px;
        }

    /* faqs start */

    .faq {
        position: fixed;
        top: 15%;
        right: 2%;
        width: 4%;
    }

    .faqs-title {
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 0 20px;
    }

    .faqs-search {
        display: none;
        border-bottom: 1px solid #484848;
    }

    .faqs-search__input {
        width: 100%;
    }

        .faqs-search__input input {
            background: transparent;
            border: none;
            padding: 10px 20px;
            width: 100%;
        }

            .faqs-search__input input::placeholder {
                color: #acadb2;
            }

    .faqs-search__submit {
        position: absolute;
        right: 10px;
    }

        .faqs-search__submit input {
            cursor: pointer;
            background: url(../images/icon/search-big.png) right center no-repeat;
            width: 33px;
            height: 33px;
            background-size: 70%;
            border: 0;
        }

    .faqs-content {
        margin: 50px 0 0;
    }

        .faqs-content .heading-panel {
            font-size: 16px;
            padding: 12px 25px;
            margin: 0 0 40px;
        }

    .faqs-quiz {
        margin: 25px auto 0;
        width: 97%;
    }

    .faqs-quiz__que {
        cursor: pointer;
        font-family: "Gotham-Book";
        color: #28232c;
        border-bottom: 1px solid #484848;
        font-size: 16px;
        padding: 8px 5px;
        position: relative;
    }

    .faqs-quiz__que--active {
        color: #f5b94b;
    }

    .faqs-quiz__que::after {
        content: '';
        background: url(../images/icon/arrow-down--black.png) right center no-repeat;
        background-size: 85%;
        width: 20px;
        height: 12px;
        position: absolute;
        top: 12px;
        right: 15px;
    }

    .faqs-quiz__que--active::after {
        right: 12px;
        transform: rotate(180deg);
        -webkit-ransform: rotate(180deg);
    }

    .faqs-quiz__ans {
        display: none;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0px 4px 5px #838184;
        padding: 20px 25px 30px;
        margin: 15px 0;
    }

        .faqs-quiz__ans .title {
            color: #7738a3;
            font-family: "GothamBold";
            font-size: 17x;
            margin-bottom: 8px;
        }

        .faqs-quiz__ans p {
            font-size: 16px;
        }

    .faqs-img {
        margin: 100px 0 0;
    }

    .faqs-guide, .guide-access {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        /* align-items: center; */
        -webkit-align-items: center;
    }

    .faqs-guide {
        margin-top: 40px;
    }

        .faqs-guide p {
            font-size: 16px;
            margin: 0;
            padding: 0;
        }

    .faqs-guide__ele:first-child {
        padding: 0;
    }

        .faqs-guide__ele:first-child::after,
        .faqs-guide__ele:last-child::after {
            display: none;
        }

    .faqs-guide__ele {
        padding: 0 35px;
        position: relative;
    }

        .faqs-guide__ele::after {
            background: #aeaeae;
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 2px;
            height: 25px;
        }


    .guide-access {
        color: #000000;
    }

    .guide-access__name {
        color: #852ec5;
        font-family: "GothamBold";
        font-size: 16px;
        padding-right: 10px;
    }

    .guide-access__view a {
        color: #000000;
        font-size: 13px;
        padding: 0 5px;
    }

    .guide-access__down {
        padding: 0 5px;
    }
    /* faqs end */



    /* indicator start */

    .indicator {
        position: fixed;
        right: 20px;
        bottom: 50px;
        text-align: right;
    }


        .indicator.go-top {
            cursor: pointer;
            display: none;
        }


        .indicator img {
            width: 80%;
        }

        .indicator.skip-top img {
            width: 60%;
        }

    /* indicator end */

    /* analytics start */

    .analytics-results {
    }

    .analytics .user-details {
        margin: 0 0 80px;
    }

    .analyticsres-data {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        align-items: center;
        -webkit-align-items: center;
    }

    .analyticsres-data__reset {
        cursor: pointer;
        position: absolute;
        top: -25px;
        right: 20px;
        font-size: 13px;
        text-decoration: underline;
        z-index: 999;
    }

    .analyticsres-data__dd {
        background: url(../images/header-bg.jpg) left top no-repeat #484848;
        height: 70px;
        border-radius: 15px;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        align-items: center;
        -webkit-align-items: center;
        position: relative;
    }

        .analyticsres-data__dd .form-group--custom {
            margin: 0;
        }

        .analyticsres-data__dd .custome-select {
            border-bottom: 1px solid #fff;
            width: 200px;
            margin: 0 15px;
        }

        .analyticsres-data__dd .select-selected {
            background: transparent;
            text-align: left;
        }

        .analyticsres-data__dd .custome-select .select-selected:after {
            right: 0;
        }

        .analyticsres-data__dd .form-group--custom + .form-group--custom {
            margin-top: 0;
        }

    .analyticsres-data__downreport button {
        color: #28232c;
        font-family: "Gotham-Medium";
        background: #f5b94b;
    }

    .analyticsres-tml {
        display: flex;
        justify-content: flex-end;
    }

    .analyticsres-count {
        background: #484848;
        border-radius: 20px;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        align-items: center;
        -webkit-align-items: center;
        width: 100%;
        height: 250px;
        padding: 0 50px;
        position: relative;
    }

    .analyticsres-count__res {
        text-align: center;
        position: relative;
    }

        .analyticsres-count__res .name {
            color: #fff;
            font-family: "Gotham-Medium";
            font-size: 12px;
        }

            .analyticsres-count__res .name span {
                cursor: pointer;
                font-size: 12px;
                border: 2px solid #fff;
                width: 20px;
                height: 20px;
                line-height: 16px;
                border-radius: 50%;
                display: inline-block;
            }

                .analyticsres-count__res .name span.analytics-info--active {
                    color: #f5b94b;
                    border: 2px solid #f5b94b;
                }

    .analyticsres-count__info {
        display: none;
        color: #fff;
        border-radius: 10px;
        font-size: 10px;
        line-height: 26px;
        position: absolute;
        top: -5px;
        right: -230px;
        background: #8b44bd;
        box-shadow: 0 0 20px #432664;
        width: 250px;
        height: 150px;
        padding: 15px 5px 15px 10px;
        overflow-y: scroll;
    }

        /* .analyticsres-count__info::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f6f6f6;
  border-radius: 10px;
}

.analyticsres-count__info::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.analyticsres-count__info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  background-color: #f6f6f6;
  border-radius: 10px;
} */

        .analyticsres-count__info.analyticsres-count__info--view {
            display: block;
        }

    .analyticsres-count__res .count {
        color: #f5b94b;
        font-family: "Gotham-Medium";
        font-size: 62px;
    }

    .analyticsres-count__img img {
        width: 70%;
    }

    .analyticsres-detail {
        margin: 50px 0;
    }

        .analyticsres-detail h3 {
            color: #000;
            margin: 0 0 30px;
        }

    .analyticsres-detail__sorting {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin: 20px 0;
    }



        .analyticsres-detail__sorting ul li {
            display: inline-block;
            position: relative;
            padding: 0 5px;
        }

            .analyticsres-detail__sorting ul li:first-child {
                padding-left: 0;
            }

            .analyticsres-detail__sorting ul li::after {
                content: '';
                background: #88858a;
                width: 1px;
                height: 15px;
                position: absolute;
                top: 6px;
                right: 0;
            }

            .analyticsres-detail__sorting ul li:last-child::after {
                display: none;
            }

            .analyticsres-detail__sorting ul li a {
                color: #88858a;
                font-size: 12px;
                padding: 8px 3px;
            }

                .analyticsres-detail__sorting ul li a:hover,
                .analyticsres-detail__sorting ul li a.active {
                    color: #000;
                    font-family: "GothamBold";
                    background: #f5b94b;
                }

        .analyticsres-detail__sorting .date {
            font-family: "GothamBold";
            font-size: 14px;
        }

    .analyticsres-count__info .mCSB_scrollTools {
        background-color: transparent !important;
    }

    .analyticsres-count__info .mCustomScrollBox {
        padding-right: 10px;
    }

    /* analytics end */


    /* footer start */
    footer {
        background: #484848;
        height: 50px;
        display: none;
    }

    /* footer end */



    /* multiple file upload css */
    #file-list {
        margin: 20px 0;
        padding: 0 20px;
    }

        #file-list li {
            display: flex;
            position: relative;
            font-size: 14px;
            padding: 5px 0;
            flex-direction: row-reverse;
            justify-content: flex-end;
        }

            #file-list li span {
                cursor: pointer;
                margin-right: 8px;
            }
    /* multiple file upload css */



    /* temparary css */

    .custom-tag .bootstrap-tagsinput span[data-role="remove"] {
        display: none;
    }


    .preview-example {
        margin-top: 25px;
        box-shadow: 0px 4px 5px #838184;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .preview-example .vid-play {
            position: absolute;
            z-index: 99;
        }

    .card-video-view .story-view__info {
        margin-top: 30px;
    }

    .card-video-view .story-details__nl .logo {
        text-align: right;
        position: relative;
        top: -30px;
    }

    .group-tick {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .group-tick h2 {
            display: inline-block;
            margin-bottom: 0;
        }

        .group-tick .group-tick__action {
            width: 225px;
            display: inline-block;
            margin-left: 30px;
        }

            .group-tick .group-tick__action .action {
                width: auto;
            }

    .tools .down {
        display: flex;
        align-items: center;
        margin: 0 4px;
    }


    .search-tag__input .tag [data-role="remove"] {
        float: left;
        margin-left: 0;
        margin-right: 5px;
    }

    .search-tag__input .bootstrap-tagsinput .label-info {
        padding: 5px 8px;
    }

    #html5-watermark {
        display: none !important;
    }


    /* temparary css */


    /*custom category dropdown start*/
    .select-option {
        width: 250px;
        color: #fff;
        position: relative;
        z-index: 9;
    }

    .selected-option {
        background: url(../images/icon/arrow-down-w.png) right 12px center #484848 no-repeat;
        background-size: 16px;
        cursor: pointer;
        font-size: 14px;
        width: 250px;
        border-radius: 20px;
        padding: 8px 20px;
    }

    .select-option.in .selected-option {
        background: url(../images/icon/arrow-up-w.png) right 12px center #484848 no-repeat;
        background-size: 16px;
    }

    .dropdown-option, .sub-option {
        width: 250px;
        height: 375px;
        background: #484848;
        padding: 10px 20px;
        position: absolute;
    }

    .dropdown-option {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .option {
        cursor: pointer;
        font-size: 14px;
        margin: 20px 0;
    }

        .option span {
            border-bottom: 4px solid transparent;
            padding-bottom: 5px;
        }

        .option:hover span,
        .option.active span {
            border-bottom: 4px solid #f5b94b;
        }

    .explore-cat-input {
        visibility: hidden;
    }

    .dropdown-option {
        display: none;
    }

    .sub-option {
        border-left: 1px solid grey;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        display: none;
        top: 37px;
        width: 400px;
        right: -400px;
        padding: 30px 20px;
    }

        .sub-option button {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }

            .sub-option button:hover {
                background: #f5b94b;
            }

        .sub-option .input-checkbox {
            color: #fff;
            font-family: "Gotham-Book";
        }

        .sub-option .checkbox-checkmark {
            border: 2px solid #b8b7b7;
        }
    /*custom category dropdown end*/





    @media screen and (max-width : 1370px) {
        .suggestion-box {
            right: 0px;
        }

        .ip-link {
            top: 18%;
        }
    }





    /* 03-02-20 */

    @-moz-document url-prefix() {
        .dropdown-select-custom {
            width: 100%;
        }


        .form-divider br {
            margin-bottom: 30px;
        }
    }

    .story-view--preview .story-view__gallery {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 300px;
    }

    .story-view .story-details__nl .logo,
    .story-view--preview .story-details__nl .logo {
        text-align: right;
    }

        .story-view--preview .story-details__nl .logo img,
        .story-view .story-details__nl .logo img {
            width: 80%;
        }

    .tag-box .tag-box__tags {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .ellipse-shape {
        display: none;
        position: absolute;
        right: 15px;
        top: 12px;
        z-index: 9;
        width: 160px;
    }


    .groupattachment {
        margin: 20px 0 20px 120px;
        display: grid;
    }

        .groupattachment .uplfile-name {
            margin: 6px 0;
        }

            .groupattachment .uplfile-name b {
                font-weight: normal;
            }


    /* validation style */
    .field-validation-error {
        color: #ed1c24;
        font-family: "Gotham-Book";
        font-weight: bold;
        font-size: 12px;
        margin: 12px 0 0;
        display: inline-block;
        text-align: left;
        width: 100%;
    }

        .field-validation-error.asterisk-validation-error {
            position: absolute;
            margin: 0 0 0;
            text-align: right;
            font-size: 14px;
            width: auto !important;
        }


    .loader {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 999999;
        background: #f8f8f8;
    }

        .loader img {
            width: 30%;
        }

    .tags__remove {
        color: red;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        z-index: 9;
    }

    .mendatory, .note {
        color: #82858b;
        font-size: 12px;
        position: relative;
        top: -12px;
        left: 20px;
    }

    .note {
        left: 0;
        top: 0;
        margin-top: 5px;
    }

    /* valiation css */

    .tooltip {
        font-family: "Gotham-Book";
    }

    .tooltip-inner {
        background-color: #484848;
    }

    .tooltip.right .tooltip-arrow {
        border-right-color: #484848;
    }

    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #484848;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: #484848;
    }

    .tooltip.bottom {
        right: 0;
        left: initial !important;
    }

    .custom-validation-tooltip {
        opacity: 1;
        right: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

        .custom-validation-tooltip.top {
            top: -35px;
        }

    /* valiation css */


    /* for safari css */
    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance:none) and (stroke-color:transparent) {

            .user-find .user-search input[type="text"] {
                position: relative;
                top: 2px;
            }
        }
    }

    /* for safari css */



    /* validation for selopt css */
    .form-selopt {
        padding: 12px 10px 5px 10px;
        border-bottom: 2px solid #484848;
    }

        .form-selopt select {
            -webkit-appearance: none;
            color: #a4a6aa;
            background: transparent;
            border: none;
            font-family: "Gotham-Book";
            font-size: 14px;
            background: url(../images/icon/arrow-down-le.png) right 0px center no-repeat;
            background-size: 14px;
            width: 100%;
        }

        .form-selopt .tooltip {
            top: 37px !important;
        }

    /* validation for selopt css */


    /* sweet alert css */
    .swal-modal-custom {
        color: #fff;
        border-radius: 10px;
        background-color: #484848;
        background: -webkit-gradient( linear, 0% 0%, 0% 50%, from(#484848), to(#000000) );
        background: -webkit-linear-gradient(top, #484848, #000000);
        background: -moz-linear-gradient(top, #484848, #000000);
        background: -ms-linear-gradient(top, #484848, #000000);
        background: -o-linear-gradient(top, #484848, #000000);
        z-index: 1;
    }

    .swal-modal.swal-modal-custom .swal-icon--info {
        border-color: #ffffff;
    }

    .swal-modal-custom .swal-icon {
        width: 20px;
        height: 20px;
        border-width: 2px;
        margin: 0px 10px;
    }

        .swal-modal-custom .swal-icon:first-child {
            margin-top: 15px;
        }

    .swal-modal-custom .swal-icon--info:before {
        width: 2px;
        height: 7px;
        bottom: 9px;
        border-radius: 2px;
        margin-left: -1px
    }

    .swal-modal-custom .swal-icon--info:after {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        margin-left: -2px;
        top: 14px;
    }

    .swal-modal-custom .swal-icon--info:after,
    .swal-modal-custom .swal-icon--info:before {
        background-color: #fff;
    }

    .swal-modal-custom .swal-title {
        color: #fff;
        font-size: 14px;
    }

    .swal-button:not([disabled]):hover {
        color: #391f61;
        background: #f5b94b;
    }

    .swal-overlay {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .swal-footer {
        text-align: center;
    }
    /* sweet alert css */