@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

:root {
    --first-color: #CD2990;
    --first-color-alt: #E10087;
    --second-color: #007AFF;
    --second-color-alt: #007AFF;
    --gray-color-dark: #212121;
    --gray-color-mid: #585858;
    --gray-color-light: #909090;
    --gradient-bg: linear-gradient(89.39deg, #E10087 -29.61%, #007AFF 135.34%);
    --body-color-bg-light: #FFFFFF;
    --body-color-bg: #FAFAFB;
    --body-color-bg-dark: #E5E5E5;
    --border-color-input: #E9E9E9;
    --white-color: #FFFFFF;
    --black-color: #000000;
}

.i-icons {
    color: var(--gray-color-light);
}

.i-icons:hover {
    color: var(--first-color);
}

.container-body {
    background: var(--body-color-bg);
}

.container-center {
    background: var(--body-color-bg);
}

.background-container {
    background-image: url("../../static/img/banner.png");
    /*linear-gradient(90deg, #E10087 -0.47%,rgba(96, 1, 98, 0.4));*/
    background-position: 75% 50%;
    ;
    background-size: cover;
    height: 400px;
    border-radius: 6px;
}

.bg-box {
    background-image: url("../../static/img/Eventlinez_promoter.png");
    width: 42vw;
    height: 119px;
    margin: 5vh auto auto auto;
    background-repeat: no-repeat;
    background-size: 100%;

}

.box-content {
    padding: 100px 60px 70px 50px;
    text-align: left;
}

.dpt {
    padding-top: 3rem;
}

@media (max-width: 330px) {
    .dpt {
        padding-top: 1rem !important;
    }
}


@media (max-width: 980px) {
    .dpt {
        padding-top: 4rem;
    }
}

@media (max-width: 920px) {
    .bg-box {
        margin: 5vh auto auto auto;
        width: 80vw;
    }
}

/*@media (min-width: 1600px){*/
/*    .background-container {*/
/*        height: 300px;*/
/*    }*/
/*}*/

@media (max-width: 980px) {
    .background-container {
        border-radius: 0;
        height: 40vh;
    }
}


.swiper-container {
    -webkit-tap-highlight-color: transparent;
}

.swiper-slide {
    height: 225px;
    padding: 0;
}

.m-slider {
    overflow: hidden;
    margin: 0 auto;
    padding: 60px;
    background-color: var(--body-color-bg);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.m-slider .m-slider__item {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    background-color: var(--body-color-bg);
}

.m-card {
    display: flex;
    flex-direction: column;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 6px;
    background-color: var(--body-color-bg-light);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    transition-duration: 0.3s;
    transition-property: box-shadow;
}

.m-card .m-card__header {
    height: 70%;
    width: 255px;
    border-radius: 6px 6px 0 0;
}

.m-card .m-card__body {
    height: 170px;
    padding: 0 20px !important;
    text-decoration: none;
    background: var(--body-color-bg-light);
    border-radius: 0 0 6px 6px;
}

.m-img-card {
    width: 100%;
    height: 9rem;
    border-radius: 6px 6px 0 0;
}

.m-img-card-banner {
    object-fit: cover;
    /*height: 25rem;*/
    width: 100%;
    border-radius: 6px;
}

@media (max-width: 790px) {
    .m-img-card-banner {
        height: 240px;
        border-radius: 0;
    }

    .div-article {
        /*height: 6.25rem;*/
        padding: 0 !important;
    }
}


@media (max-width: 375px) {
    .m-img-card-banner {
        height: 211px;
    }
}

@media (max-width: 320px) {
    .m-img-card-banner {
        height: 184px;
    }
}

.m-card:active {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.slider {
    margin: 0;
    /*margin: 0 -30px;*/
}

.cards {
    margin-top: 30px;
}

.cards .cards__note {
    margin-top: 30px;
}

.cards .cards__body {
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .cards .cards__body {
        display: flex;
    }
}

.cards .cards__item {
    display: flex;
    flex: 0 1 auto;
    margin-top: 30px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .cards .cards__item {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .cards .cards__item:not(:last-of-type) {
        margin-left: 30px;
    }

    .m-card .m-card__header {
        width: 100%;
    }
}

/*.div-home-banner{*/
/*   */
/*}*/

.div-banner-home {
    height: 22rem;
    background: linear-gradient(to right, #FAFAFB 17%, #E5E5E5 17%, #E5E5E5 60%, #E5E5E5 80%);
    /*background: linear-gradient(to right,  #FAFAFB 0%,#FAFAFB 20%,#E5E5E5 80%,#E5E5E5 100%);*/
    border-radius: 6px 0 0 6px;
}



.subcribe {
    min-height: 400px;
    background-image: url("../../static/img/party-concert.png"),
        linear-gradient(89.39deg, #E10087 -29.61%, #007AFF 135.34%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.subcribe-intern {
    margin: auto;
    width: 52%;
    padding: 10% 0 30px 0;
}

.input-subcribe {
    height: 45px;
    background: #FFFFFF;
    border-radius: 6px;
    border-color: var(--border-color-input);
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: normal;
    font-size: var(--normal-font-size);
    line-height: 17px;
    padding: 0 10px;
    color: var(--gray-color-light);
}

.center-block {
    margin: auto;
    display: block;
}

.t-center {
    text-align: center;
}



/* medias queries   */
@media (min-width: 1200px) {
    .subcribe-intern {
        padding: 5% 0 30px 0;
    }
}

@media(max-width: 920px) {
    .box-content {
        display: none;
        padding: 25px 15px 70px 25px;
    }
}

@media(max-width: 768px) {
    .subcribe-intern {
        width: 100%;
    }
}


@media (max-width: 576px) {
    .nav-link {
        padding-left: 0.3rem !important;
    }

}


/*navbar new */
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: var(--first-color);
}

.nav-item {
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
}

.nav-link:hover {
    color: var(--first-color) !important;
}

.form-control:focus {
    color: var(--first-color) !important;
    border-color: var(--first-color) !important;
    box-shadow: 0 0 0 0 var(--first-color) !important;
}


/*FOOOTER */
#myFooter-new {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    background: var(--gray-color-dark);
    height: 137px;
    padding-top: 1.5rem;
}


#myFooter-new .container {
    text-align: center;
    padding-top: inherit;
}

.column {
    float: left;
    width: 33.33%;
}

@media(max-width:700px) {
    .column {
        float: none;
        width: 100%;
    }
}

#myFooter-new .footer-copyright {
    margin-bottom: 35px;
    text-align: center;
    color: #777;
    font-size: 12px;
}


@media (max-width: 400px) {
    #myFooter-new {
        padding-bottom: 5px !important;
        height: 100% !important;
    }
}

#myFooter-new ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 18px;
}


#myFooter-new li {
    display: inline-block;
    margin: 0 15px;
    line-height: 2;
}

#myFooter-new .footer-social {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background: var(--gray-color-dark);
}

#myFooter-new .fa {
    font-size: 36px;
    margin-right: 15px;
    margin-left: 20px;
    background-color: var(--gray-color-light);
    color: #d0d0d0;
    border-radius: 51%;
    padding: 10px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 43px;
    text-decoration: none;
    transition: color 0.2s;
}

#myFooter-new .fa-facebook-b:hover {
    color: #d90075;
    text-decoration: #d90075;
}

#myFooter-new .fa-facebook:focus {
    color: #d90075;
}

#myFooter-new .fa-instagram:hover {
    color: #d90075;
    text-decoration: #d90075;
}

#myFooter-new .fa-instagram:focus {
    color: #d90075;
}

@media (max-width: 968px) {
    .div-banner-home {
        height: 100%;
    }
}

@media (max-width: 800px) {
    .desktop {
        display: none;
    }
}

@media (min-width: 800px) {
    .mobile {
        display: none;
    }
}


@media (min-width: 400px) and (max-width: 920px) {
    .row-top {
        margin-top: -25px !important;
    }
}



/* details*/
.card-details {
    background: #FFFFFF;
    margin-left: 30px;
    padding: 0 !important;
    height: 645px;
}

.h1-banner-home {
    width: 60%;
    color: #FFFFFF !important;
    /*background: linear-gradient(89.39deg, #E10087 -29.61%, #007AFF 135.34%);*/
    background: linear-gradient(90deg, #E10087 -0.47%, rgba(96, 1, 98, 0.4));
}

@media (min-width: 1600px) {
    .h1-banner-home {
        margin-top: 5%;
    }
}

.pl-5px {
    padding: 5px !important;
}


@media (max-width: 800px) {
    .d-justy {
        display: flex;
        justify-content: flex-end;
    }

    .pl-5px {
        padding: 0;
    }

    .card-details {
        margin-left: 0px !important;
    }

    h1-banner-home {
        font-size: 1.5rem !important;
    }
}

@media(max-width: 900px) {
    .m-reset {
        margin: 6rem auto;
    }
}

@media(min-width: 900px) {
    .m-reset {
        margin: 4rem auto;
    }
}

.link-order {
    color: var(--first-color);
    font-size: 0.8rem;
}

@media(min-width: 1600px) {
    .m-reset {
        margin: 10rem auto;
    }
}

/* NAVBAR*/
.dropdown-item-new {
    padding: 0 1rem !important;
}

.dropdown-menu-new {
    min-width: 1rem !important;
    text-align: center !important;
}


.mh-65 {
    min-height: 70vh;
}

@media(min-width: 1600px) {
    .mh-65 {
        min-height: 80vh;
    }
}