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

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
}

.publisher_m {
    display: none;
}

.publisher_btn {
    outline: 2px solid white;
    color: white !important;
}

.publisher_btn:hover {
    background-color: white;
    color: rgb(0, 0, 0) !important;
}

.publisher_btn:active {
    outline: 2px solid white;
    color: rgb(255, 255, 255) !important;
}

.text-color {
    color: white !important;
}

.background__blur{
    filter: blur(5px);
}



@media screen and (max-width: 575.98px) {
    .navbar a {
        font-size: calc(1rem + .6vw);
    }

    .service__dropdown-mega {
        display: none;
    }


    .i__gaming.show .dropend .dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .dropdown-menu .dropdown-submenu {
        display: none;
        position: unset !important;
    }

    .dropend li {
        padding-left: .7em;
    }

    .dropend .dropdown-menu {
        border: none !important;
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        position: relative;
        top: 0px;
        transform: rotate(90deg);
        left: 2px;
    }

    .publisher_btn {
        display: none;
    }

    .publisher_m {
        display: block;
    }

}

@media screen and (min-width: 576px) and (max-width: 767.98px) {

    .i__gaming.show .dropend .dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .service__dropdown-mega {
        display: none;
    }


    .dropdown-menu .dropdown-submenu {
        display: none;
        position: unset !important;
    }

    .dropend li {

        padding-left: .7em;
    }

    .dropend .dropdown-menu {
        border: none !important;
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        position: relative;
        top: 0px;
        transform: rotate(90deg);
        left: 2px;
    }

    .navbar a {
        font-size: calc(1rem + .6vw);
    }

    .publisher_btn {
        display: none;
    }

    .publisher_m {
        display: block;
    }

}


@media screen and (min-width: 768px) and (max-width: 991.98px) {


    .i__gaming.show .dropend .dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .service__dropdown-mega{
        display: none;
    }

    .dropdown-menu .dropdown-submenu {
        display: none;
        position: unset !important;
    }

    .dropend li {
        padding-left: .7em;
    }

    .dropend .dropdown-menu {
        border: none !important;
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        position: relative;
        top: 0px;
        transform: rotate(90deg);
        left: 2px;
    }

    .navbar a {
        font-size: calc(1rem + .6vw);
    }

    .publisher_btn {
        display: none;
    }

    .publisher_m {
        display: block;
    }

    /* Mega menu  */

    
    /* Mega menu end */
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {

   
    .service-drop-mobile{
        display: none;
    }

    .service__dropdown-mega {
        position: unset;
    }

    .mega__title {
        font-family: Poppins;
        font-size: 44px;
        font-weight: 400;
        line-height: 44px;
        margin-block: 2rem;
        color: #9A9EA6;
    }

    .service__dropdown__menu {
        width: 100%;
        background-color: black;
        border: none;
        margin: 0 !important;
    }

    .mega_menu_box {
        height: 100%;
    }

    .mega_menu_list{
        margin-block: 1rem;
        padding-left: 0px !important;
    }

    .mega_menu_list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* Adjusts columns to fit within the container */
        gap: 20px;
        justify-content: space-between;
    }

    .mega_menu_wrapper li {
        list-style: none;
        margin: 0px;       
    }

    .mega_menu_wrapper li a {
        padding-inline: unset;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 600;
        line-height: 14px;
        color: #9A9EA6;
        margin-block:.5rem
    }

    .mega_menu_wrapper li p {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;    
        color: #9A9EA6;
    }


}

@media screen and ((min-width: 1200px) and (max-width: 1399.98px)) {

    
    .service-drop-mobile{
        display: none;
    }

    .service__dropdown-mega {
        position: unset;
    }

    .mega__title {
        font-family: Poppins;
        font-size: 44px;
        font-weight: 400;
        line-height: 44px;
        margin-block: 2rem;
        color: #9A9EA6;
    }

    .service__dropdown__menu {
        width: 100%;
        background-color: black;
        border: none;
        margin: 0 !important;
        /* pointer-events: none; */
    }

    .mega_menu_box {
        height: 100%;
    }

    .mega_menu_list{
        margin-block: 1rem;
        padding-left: 0px !important;
    }

    .mega_menu_list {
        display: grid;
        grid-template-columns: repeat(3, 330px);
        gap: 20px; 
        justify-content: space-between;
    }

    .mega_menu_wrapper li {
        list-style: none;
        margin: 0px;       
    }

    .mega_menu_wrapper li a {
        padding-inline: unset;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 600;
        line-height: 14px;
        color: #9A9EA6;
        margin-block:.5rem
    }

    .mega_menu_wrapper li p {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;    
        color: #9A9EA6;
    }

}

@media screen and ((min-width: 1400px)) {

    /* mega menu  */

    .service-drop-mobile{
        display: none;
    }

    .service__dropdown-mega {
        position: unset;
    }

    .mega__title {
        font-family: Poppins;
        font-size: 44px;
        font-weight: 400;
        line-height: 44px;
        margin-block: 2rem;
        color: #9A9EA6;
    }

    .service__dropdown__menu {
        width: 100%;
        background-color: black;
        border: none;
        margin: 0 !important;
    }

    .mega_menu_box {
        height: 100%;
    }

    .mega_menu_list{
        margin-block: 1rem;
        padding-left: 0px !important;
    }

    .mega_menu_list {
        display: grid;
        grid-template-columns: repeat(3, 330px);
        gap: 20px; 
        justify-content: space-between;
    }

    .mega_menu_wrapper li {
        list-style: none;
        margin: 0px;       
    }

    .mega_menu_wrapper li a {
        padding-inline: unset;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 600;
        line-height: 14px;
        color: #9A9EA6;
        margin-block:.5rem
    }

    .mega_menu_wrapper li p {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;    
        color: #9A9EA6;
    }

    /* Mega - menu end  */

}