@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lexend:wght@100..900&display=swap');

img {
    width: 100%;
}

.p-0 {
    padding: 0;
}

/* .event_formate {
    background: url("../img/event_background.png") no-repeat center center;
    background-size: cover;
  
    width: 100%;
    min-height: 2505px;
 
} */

.event_formate {
    padding-bottom: 50px;
}

.event_formate {
    position: relative;
    min-height: 550px;
    background: url(../img/event_background_right.png) no-repeat left center;
    background-size: auto;
}

.event_formate::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 11%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background: url(../img/bee.png) no-repeat center center;
    background-size: contain;
    z-index: 2;
}

.event_formate::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 375px; 
    height: 100%;
    background: url("../img/right_image.png") no-repeat center center;
    background-size: contain;
    z-index: 1;
}


.event_formate h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(90deg, #D73466 0%, #322E73 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.event_formate .left_side h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    /* 700 = Bold */
    font-size: 23px;
    text-align: right;
    color: #000000;
}

.event_formate .left_side p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    color: #000000;
}

.event_formate .right_side h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    /* 700 = Bold */
    font-size: 23px;
    text-align: left;
    color: #000000;
}

.event_formate .right_side p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #000000;
}


.event_formate_left_third h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 23px;
    text-align: right;
    color: #000000;
}

.event_formate_left_third p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    color: #000000;
}

.event_formate_right_third h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 23px;
    text-align: left;
    color: #000000;
}

.event_formate_right_third p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #000000;
}


.pos_relavtive {
    position: relative;
}

.left_side .event_formate_left_first {
    position: absolute;
    top: 8pc;
    right: -10pc;
    width: 16pc;

}

.left_side .event_formate_left_second {
    position: absolute;
    top: 26pc;
    right: 0pc;
    width: 9pc;
}

.event_formate_left_third {
    position: absolute;
    bottom: 2pc;
    left: -9pc;
    width: 9pc;
}

.right_side .event_formate_right_first {
    position: absolute;
    top: 7pc;
    right: 11pc;
    width: 7pc;
}

.right_side .event_formate_right_second {
    position: absolute;
    top: 25pc;
    right: 14pc;
    width: 15pc;
}

.event_formate_right_third {
    position: absolute;
    bottom: 20pc;
    left: 38pc;
    width: 8pc;
}

.pleasenote_div {
    padding-top: 5pc;
}

.pleasenote_div p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;

    font-size: 20px;
    text-align: center;
    color: #000;
}

.footer_champion_inner {
    position: absolute;
    width: 53%;
    top: 15pc;
    left: -6pc;
    z-index: 99;
}

.footer_champion_inner h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 82px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #D73466 0%, #322E73 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.footer_champion_inner p {
    font-family: Lato;
    font-weight: 400;
    font-size: 35px;
    color: #000000;
    width: 59%;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

@media (max-width: 1440px) {

    .footer_champion_inner {

        top: 11pc;
        left: -3pc;
    }

}

@media (max-width: 1199px) {
    .left_side .event_formate_left_second {
        top: 21pc;
    }

    .left_side .event_formate_left_first {
        top: 6pc;
        right: -8pc;
    }

    .right_side .event_formate_right_first {
        top: 6pc;
        right: 7pc;
    }

    .event_formate_left_third {
        bottom: 0pc;
    }

    .right_side .event_formate_right_second {
        top: 20pc;
        right: 9pc;
    }

    .event_formate_right_third {
        bottom: 14pc;
        left: 30pc;
    }

    .footer_champion_inner {
        top: 4pc;
        left: 0pc;
    }
}

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

    .mobile {
        display: block;
    }

    .event_formate h1 {
        font-size: 35px;
    }

    .event_formate::before,
    .event_formate::after {
        content: unset;
    }

    .event_formate {

        background: unset;
    }

    .event_formate_inner {
        border: 3px dotted transparent;
        border-image: linear-gradient(90deg, #D73466 0%, #322E73 100%);
        border-image-slice: 1;
        margin-block: 10px;
        padding: 10px 15px;
    }

    .event_formate.mobile h4 {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-size: 23px;
        text-align: center;
        color: #000000;
    }

    .event_formate.mobile p {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        color: #000000;
    }

    .pleasenote_div {
        padding-top: 2pc;
    }

    .footer_champion_inner {
        position: unset;
        width: 100%;
    }

    .footer_champion_inner h3 {
        font-size: 40px;
        text-align: center;
    }

    .footer_champion_inner p {
        text-align: center;
        width: 100%;
        font-size: 22px;
    }
}