/*90%*/
        @media (width: 1777.79px){
            .nav-ul-menu {
                margin-top: 1px;
            }
        }
        /*110%*/
        @media (width: 1454.53px){
            .nav-h3-1 {
                line-height: 1;
                top: 4px !important;
            }
        }
        /*75%*/
        @media (width: 2133.32px){
            .nav-h3-1 {
                line-height: 1.08;
                top: 5px !important;
            }
        }
        /*67%*/
        @media (width: 2400px){
            .nav-h3-1 {
                top: 4px !important;
            }
        }

        /*125%*/
        @media (width: 1280px) {
            .menu>.button_top>a {
                display: flex;
            }
            .nav-h3-1 {
                line-height: 1.06;
                top: 4px !important;
            }
        }

        /*133%*/
        @media (width: 1199.99px) {
            .menu>.button_top>a {
                display: flex;
            }
            .nav-h3-1 {
                top: 4px !important;
            }
        }

        /*140%*/
        @media (width: 1142.86px) {
            .menu>.button_top>a {
                display: flex;
            }
            .nav-h3-1 {
                top: 5px !important;
            }
        }
        /*150%*/
        @media (width: 1066.67px) {
            .menu>.button_top>a {
                display: flex;
            }
            .nav-h3-1 {
                top: 5px !important;
            }
        }
            
        @media only screen and (min-width: 768px) and (max-width: 991px) {
            .nav-h3-1 {
                top: 3px !important;
            }
        }

        /* dynamic css */
        @media(max-width:768px) {

            .headlines-description-main a,
            .comment-box-headlines {
                display: none;
            }
        }

        video {
            object-fit: fill !important;
        }

        /* end dynamic css */

        html {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            /* always show the vertical scroll bar to stop the page
         * jumping about when navigating between pages where
         * one has content shorter than the viewport */
            overflow-y: scroll;
        }

        .hides-video {
            font-size: 18px;
        }

        .Sports-header {
            padding: 0px 1px !important;
        }

        .width-class {
            width: 10% !important;
        }

        .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            width: calc(100vw - var(--scroll-bar-width, 0px));
            margin-left: -6px;
            height: 170px;
            display: flex;
            flex-flow: column nowrap;
            justify-content: space-between;
            position: relative;
            overflow: hidden
        }

        @media(min-width: 30em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                margin-left: -20px
            }
        }

        @media(min-width: 46.25em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                margin-left: -21px;
                width: 740px;
                height: var(--tablet-height, 160px);
                border-left: 1px solid rgba(18, 18, 18, 0.3);
                border-right: 1px solid rgba(18, 18, 18, 0.3)
            }
        }

        @media(min-width: 61.25em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                width: 980px;
                height: 160px
            }
        }

        @media (min-width: 71.25em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                width: 1136px !important;
            }
        }

        @media(min-width: 71.25em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                width: 1140px
            }
        }

        @media(min-width: 81.25em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                width: 1300px
            }
        }

        .Sports-header.europe-front.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .Sports-header--title.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            color: #121212;
            text-decoration: none
        }

        .Sports-header--title.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t:hover {
            text-decoration: underline;
            text-decoration-thickness: 3px
        }

        .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
        .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
            font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 115%;
            padding: 3px 0 0 10px;
            max-width: 250px;
            text-decoration: none
        }

        @media(min-width: 30em) {

            .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
            .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
                padding-left: 20px
            }
        }

        @media(min-width: 46.25em) {

            .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
            .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
                font-size: 50px;
                max-width: 380px
            }
        }

        @media(min-width: 61.25em) {

            .Sports-header.svelte-1l2xv2t .Sports-header--title.svelte-1l2xv2t>span.svelte-1l2xv2t,
            .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t {
                padding: 3px 0 0 20px;
                max-width: unset
            }
        }

        .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start;
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative
        }

        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t {
            position: relative
        }

        @media(min-width: 71.25em) {
            .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t {
                width: 160px
            }
        }

        .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t {
            color: #000;
            text-decoration: none;
            font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
            font-size: 15px;
            font-style: normal;
            font-weight: 700;
            line-height: 115%;
            display: block;
            padding: 4px 10px 6px
        }

        .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t:before {
            content: "";
            position: absolute;
            display: block;
            top: -4px;
            left: 0;
            width: calc(100% + 1px);
            height: 4px;
            z-index: 19;
            background-color: var(--selected-color);
            opacity: 0;
            transition: transform 0.3s ease-in-out, opacity 0.05s 0.1s linear
        }

        .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t:hover:before {
            opacity: 1;
            transform: translateY(4px)
        }

        @media(prefers-reduced-motion) {
            .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t:before {
                transition: none
            }
        }

        @media(min-width: 61.25em) {
            .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t {
                font-size: 17px
            }
        }

        @media(min-width: 71.25em) {
            .Sports-header--nav.svelte-1l2xv2t ul li a.svelte-1l2xv2t.svelte-1l2xv2t {
                padding: 9px 0 10px 10px
            }
        }

        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:after {
            content: "";
            position: absolute;
            height: 100%;
            top: 1px;
            right: -1px;
            max-height: 20px;
            width: 1px;
            display: block;
            opacity: 0.3;
            background-color: #121212
        }

        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type {
            padding-left: 0
        }

        @media(min-width: 30em) {
            .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type {
                padding-left: 10px
            }
        }

        @media(min-width: 71.25em) {
            .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type {
                width: 171px
            }
        }

        .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:first-of-type::before {
            display: none
        }

        @media(min-width: 30em) {
            .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:last-of-type {
                padding-left: 10px
            }
        }

        @media(min-width: 34.375em) {
            .Sports-header--nav.svelte-1l2xv2t ul li.svelte-1l2xv2t.svelte-1l2xv2t:last-of-type {
                padding-left: 0
            }
        }

        .Sports-header--nav.svelte-1l2xv2t ul li.selected.svelte-1l2xv2t.svelte-1l2xv2t::before {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: calc(100% + 1px);
            height: 4px;
            z-index: 19;
            background-color: var(--selected-color)
        }

        .Sports-header--nav.svelte-1l2xv2t ul li.full-coverage a.svelte-1l2xv2t.svelte-1l2xv2t {
            font-weight: 400
        }

        .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t::before {
            display: block;
            content: "";
            position: absolute;
            opacity: 0.3;
            width: 100%;
            height: 1px;
            z-index: 18;
            background-color: #121212
        }

        .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t::after {
            display: block;
            content: "";
            position: absolute;
            opacity: 0.3;
            width: 100%;
            height: 1px;
            bottom: 26px;
            background-color: #121212
        }

        @media(min-width: 34.375em) {
            .Sports-header--nav.svelte-1l2xv2t ul.svelte-1l2xv2t.svelte-1l2xv2t::after {
                display: none
            }
        }

        @media (min-width: 61.25em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                width: 981px;
                height: 160px;
                max-width: 1396px;
                margin: 0px;
                padding: 0px;
            }
        }

        @media (min-width: 91.25em) {
            .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                width: 1700px !important;
            }
        }

        .ios .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t,
        .android .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
            margin: 0px
        }

        .ios .Sports-header.svelte-1l2xv2t a.svelte-1l2xv2t.svelte-1l2xv2t,
        .ios .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t,
        .ios .Sports-header.svelte-1l2xv2t nav.svelte-1l2xv2t.svelte-1l2xv2t,
        .android .Sports-header.svelte-1l2xv2t a.svelte-1l2xv2t.svelte-1l2xv2t,
        .android .Sports-header.svelte-1l2xv2t span.svelte-1l2xv2t.svelte-1l2xv2t,
        .android .Sports-header.svelte-1l2xv2t nav.svelte-1l2xv2t.svelte-1l2xv2t {
            z-index: 1
        }

        @media(min-width: 46.25em) {

            .ios .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t,
            .android .Sports-header.svelte-1l2xv2t.svelte-1l2xv2t.svelte-1l2xv2t {
                width: calc(100vw - var(--scroll-bar-width, 0px))
            }
        }

        .shapes.svelte-186u4lg {
            display: none;
            position: absolute;
            top: 0;
            right: -1px;
            height: 160px;
            width: auto;
            z-index: 19
        }

        @media(min-width: 71.25em) {
            .shapes.svelte-186u4lg {
                display: block
            }
        }

        /* @media only screen and (max-width: 767px) {
            .logo img {
                width: 60px !important;
            }
        } */

        /* @media (min-width: 992px) {
            .navbar-expand-lg .navbar-nav .nav-link {
                padding-top: 5px;
            }
        } */

        /* .navbar-nav {
            height: 50px;
        } */

        .logo img {
            /* margin-right: 20px; */
            /* margin-left: 20px; */
        }

        @media screen and (min-width: 1531px) {
            .btn-open {
                /* top: 81px; */
                position: absolute;
                /* margin: 0px 0px 0px -133px; */
            }

            .menu {
                margin-top: 49px !important;
            }
        }

        @media only screen and (min-width: 1441px) and (max-width: 1530px) {
            .btn-open {
                /* top: 81px; */
                position: absolute;
                left: 10px;
            }

            .logo img {
                /* margin-right: 20px; */
                /* margin-left: 20px; */
            }

            .menu {
                margin-top: 49px !important;
            }
        }

        @media only screen and (min-width: 1441px) and (max-width: 1650px) {

            .menu {
                margin-top: 49px !important;
            }
        }

        /* @media (min-width: 71.25em) {
            .shapes.svelte-186u4lg {
                display: block;
                padding-right: 1.5px !important;
            }
        }

        @media (min-width: 71.25em) {
            .ball.svelte-1nowxln {
                width: 36px;
                right: 241px !important;
                bottom: 38px;
            }
        } */

        /* .top_right ul li a {
            padding-left: 9.8px !important;
            padding-right: 10.1px !important;
        }

        .yellow img {
            padding-right: 0.4px;
        }

        .top_right ul li:first-child {
            padding-right: 0.3px !important;
        } */

        .cus-border1 {
            /* padding: 0px 42px 0 42px; */
            border-top: 1px solid #255673;
            border-left: 1px solid #255673;
            border-right: 1px solid #255673;

        }

        .cus-border2 {
            /* margin: 0px 55px 0 55px; */
            border-left: 1px solid #CFCFD4;
            border-right: 1px solid #CFCFD4;
            border-bottom: 1px solid #CFCFD4;

        }

        .register-section {
            background-color: #022C46;
            /* min-height: 100vh; */
            display: flex;
            justify-content: center;
            align-items: center;
            /* padding: 0px 20px 0px 20px; */
        }

        .register-section h2 {
            font-size: 50px;
            text-transform: capitalize;
        }

        .register-section .normal-text {
            color: white;
            text-align: center;
            width: 100%;
        }

        .card-register {
            background-color: white;
            border-radius: 15px;
            width: 100%;
            max-width: 20rem;
            height: 25rem;
            line-height: normal;
            text-align: center;
            margin: 10px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .card-register h5 {
            text-transform: capitalize;
            font-weight: bold;
            font-size: 14px;
            color: #787777;
        }

        .card-register p {
            padding-bottom: 20px;
            color: black;
        }

        .card-register p b {
            font-size: 22px;
        }

        .btn-reg {
            text-transform: capitalize;
            background-color: #fadf32;
            color: #052962;
            font-size: 18px;
            width: 100%;
            padding: 10px !important;
            font-weight: bold;
            border-radius: 5px;
        }

        .para {
            padding: 05px 0 0px 0;
        }

        .para p {
            display: flex;
            justify-content: center;
            padding-top: 10px;
            font-size: 15px;
            color: #606060;
        }

        .para i {
            font-size: 15px;
            margin-bottom: 10px;
        }

        .para .card-text {
            text-align: left;
        }

        .btn-support {
            margin: auto;
            width: 300px;
            padding: 10px;
            border-radius: 50px;
            color: white;
            background-color: #022C46;
        }

        @media (max-width: 1199px) {
            .register-section h2 {
                font-size: 40px;
                text-transform: capitalize;
            }
        }

        @media (max-width: 1120px) {
            /* .container {
                width: 90%;
            } */

            /* .primary-heading {
                margin-top: 18px;
                font-size: 24px;
                line-height: normal;
            } */

            .cus-border1 {
                padding: 0;
                border-top: none;
                border-left: none;
                border-right: none;

            }

            .cus-border2 {
                margin: 0;
                border-left: none;
                border-right: none;

            }

            .register-section h2 {
                font-size: 35px;
                text-transform: capitalize;
            }

            .logo_bg {
                border-bottom: none;

            }
        }

        @media (max-width: 999px) {
            .register-section {
                flex-direction: column;
                padding: 10px;
            }

            .register-section h2 {
                font-size: 30px;
                text-transform: capitalize;
            }

            .register-section p {
                font-size: 15px;
                text-transform: capitalize;
            }

            .card-register {
                /* margin: 10px 0; */
                height: auto;
                margin: auto !important;
                align-items: center;
            }

            .card-register h5,
            .card-register p b,
            .btn-reg {
                font-size: 18px;
            }
        }

        @media (max-width: 768px) {
            .register-section {
                flex-direction: column;
                padding: 10px;
            }

            .card-register {
                margin: 10px 0;
                height: auto;
            }

            .card-register h5,
            .card-register p b,
            .btn-reg {
                font-size: 18px;
            }
        }

        @media (max-width: 576px) {
            .card-register {
                width: 100%;
                margin: 10px 0;
            }
        }


        .custom-h2 {
            /* font-size: 3vw; */
            font-weight: 100;
            font: inherit;
            font-size: 50px;
            margin: 1px auto !important;
        }

        @media (max-width: 1200px) {
            .custom-h2 {
                font-size: 40px;
                /* Font size when width is 1200px or less */
            }
        }

        @media (max-width: 770px) {
            .custom-h2 {
                font-size: 80px;
                /* Font size when width is 1200px or less */
            }
        }

        @media (max-width: 999px) {
            .player {
                height: 100%;
            }
        }

        @media (max-width: 999px) {
            .sponser {
                height: 100%;
            }
        }
   
        .gift1 {
            margin-top: 50px;
        }

        .gift {
            margin-bottom: 10px;
            display: flex;
            font-size: 17px;
        }

        .gift_img {
            margin-right: 20px;
            width: 20px;
        }

        .gift_sm {
            font-size: 12px;
            color: #FFFFFF;
            text-decoration: underline;
        }


    /* <!-- header css --> */

        /* 50% and 67% css */
        @media (min-width: 2000px) and (max-width: 4000px) {
            .yellow img {
                padding-right: 0px;
            }
        }

        /* 75% css */
        @media (min-width: 1800px) and (max-width: 2500px) {
            .top_right ul li a {
                padding-left: 9.9px !important;
                padding-right: 10px !important;
            }
        }

        /* 80% css */
        @media (min-width: 1800px) and (max-width: 2000px) {
            .top_right ul li a {
                padding-left: 9.9px !important;
                padding-right: 10px !important;
            }
        }
 
            .nv-bg-color{
                background-color: #69D1CA;
                width: 100%;
                height: 55px;
                color: #121212;
                margin-top: 1px;
            }
            .nv-container {
                display: flex;
                justify-content: space-between;
                height: 100%;
                align-items: center;
            }
            .nv-left-manu {
                width: 65%;
                height: 100%;
                display: flex;                
            }
            .nv-left-manu>ul {
                height: 100%;
                width: 100%;
                display: flex;
            }
            .nv-left-manu>ul>a {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 17%;
                color: #121212 !important;
                border-right: 1px solid #999999;
            }
            .nv-left-manu>ul>.left-border {
                border-left: 1px solid #999999;
                color: #121212;
            }
            .nv-left-manu>ul>.left-border:hover {
                
                color: #121212;
            }
            .nv-right-text {
                border-right: 1px solid #999999;
                height: 100%;
                display: flex;
                align-items: center;
                padding: 10px;
                font-weight: 700;
            }
            @media (max-width: 766px){
                .nv-right-text {
                    width: 31% !important;
                    padding: 0;
                    border: none;
                }}
                @media (max-width: 390px){
                .nv-right-text {
                    width: 38% !important;
                    padding: 0;
                    border: none;
                }}
            @media (max-width: 1199px) {
                .nv-left-manu {
                    width: 100% !important;
                    font-size: 16px;
                }
            }
            .new-color {
                background-color: #69D1CA;
            }
            .new-color2.active, .new-color2:active {
                background-color: #69D1CA;
            }
            .new-color2:focus, .new-color2:hover {
                background-color: #69D1CA;
            }
            @media (max-width: 1399px){
                .nv-left-manu>ul>a {
                    width: auto;
                    padding-left: 5px;
                    padding-right: 5px;
                }
            }
            .nv-right-text {
                width: 10%;
            }
            @media (width: 768px){
                .nv-right-text {
                    width: 15%;
                    padding: 0px;
                }
            }
            @media (width: 820px){
                .nv-right-text {
                    width: 15%;
                    padding: 0px;
                }
            }
            @media (width: 853px){
                .nv-right-text {
                    width: 15%;
                    padding: 0px;
                }
            }
            @media (width: 912px){
                .nv-right-text {
                    width: 15%;
                    padding: 0px;
                }
            }
            @media (width: 1024px){
                .nv-right-text {
                    width: 17%;
                }
            }



               
                .first-section-image {
                    height: 45vh;
                }
                .first-img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .container-overlay {
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: left;
                    color: #fff;
                }
                .event {
                    transform: translateY(-121%);
                    left: 2%;
                }
                @media (min-width: 1500px) {
                    .event {
                        width: 65%;
                    }
                }
                .event {
                    position: absolute;
                    top: 50%;
                    left: 1%;
                    /* transform: translateY(-140%); */
                    transform: translateY(-128%);
                    text-align: left;
                    width: 80%;
                }
                .event-name span {
                    padding: 4px 2px 8px 8px;
                    display: inline-block;
                    font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important;
                    line-height: 1;
                    width: 71%;
                    font-size: 46px;
                    background-color: #4D534A;
                    color: #ffe500;
                }
                .event-name span {
                    /*padding: 7px 2px 16px 8px;*/
                    color: #ffe500;
                    /* font-size: 50px; */
                    font-weight: bold;
                    display: inline-block;
                    width: auto !important;
                    font-size: 50px;
                }
                .event-description {
                    width: 61% !important;
                }
                /*.event-description span {
                    font-size: 22px;
                    line-height: 35px;
                }*/
                .event-description span {
                    font-weight: 700;
                    background-color: #fff;
                    color: #4d534a;
                    font-size: 1.5rem;
                    line-height: 2rem;
                    padding: 5px 10px;
                    display: inline;
                    box-decoration-break: clone;
                    -webkit-box-decoration-break: clone;
                }
                .h2 {
                    margin-bottom: 0px !important;
                    text-transform: none !important;
                }
          


                .color-4D534A {
                    background-color: #4D534A;
                    height: 226px;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                .headeing-text {
                    margin: auto;
                    width: 70%;
                }
                .headeing-text span{
                    font-weight: 700;
                    background-color: #fff;
                    color: #4d534a;
                    font-size: 1.5rem;
                    line-height: 2rem;
                    padding: 5px 10px;
                    display: inline;
                    box-decoration-break: clone;
                    -webkit-box-decoration-break: clone;
                }
        

       
                .description-text {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                .description-text-color {
                    margin: auto;
                    width: 70%;
                }
                .description-text-color spam {
                    color: #4d534a;
                }
       

                 
                .container-resize {
                    margin: auto;
                    width: 70%;
                }
                .school-images {
                    width: 100%;
                }
       

                  
                @media (max-width: 766px) {
                    .desktop-screen {
                        .event-name span {
                            font-size: 29px;
                            height: 46px;
                            width: 73%;
                            padding: 0px;
                            text-align: center;
                        }
                    }
                }
                @media (max-width: 1200px){
                    .upcoming-event {
                    margin-top: 5px !important;
                }
                }
                @media (width: 414px){
                    .desktop-screen>.event{
                        transform: translateY(-129%) !important;
                    }
                    .event-name span {
                        width: 68% !important;
                    }
                }
                @media (width: 430px){
                    .desktop-screen>.event {
                        transform: translateY(-129%) !important;
                    }
                    .event-name span {
                        width: 65% !important;
                    }
                }
                @media (width:412px){
                    .desktop-screen>.event {
                        transform: translateY(-129%) !important;
                    }
                    .event-name span {
                        width: 68% !important;
                    }
                }
                @media (width: 360px){
                    .desktop-screen>.event {
                        transform: translateY(-124%) !important;
                    }
                    .event-name span {
                        width: 77% !important;
                    }
                }
                @media (width: 1024px){
                    .event>.event-name span {
                        width: 53%;
                    }
                    .event>.event-description {
                        width: 77% !important;
                    }
                }
                @media (width: 540px){
                    .desktop-screen>.event {
                        transform: translateY(-129%) !important;
                    }
                    .event-name span {
                        width: 50% !important;
                    }
                }
                @media (width: 344px){
                    .desktop-screen>.event {
                        transform: translateY(-128%) !important;
                    }
                    .event-name span {
                        width: 82% !important;
                    }
                }
                @media (width: 1280px){
                    .desktop-screen>.event {
                        transform: translateY(-125%) !important;
                    }
                    .event-name span {
                        width: auto !important;
                    }
                    .event>.event-description {
                        width: 82% !important;
                    }
                    .event>.event-description span {
                        font-size: 23px;
                        line-height: 37px;
                        padding: 6px;
                    }
                }
                @media (max-width: 320px){
                    .event-name span {
                        font-size: 30px !important;
                        width: 91% !important;
                    }
                    .desktop-screen>.event>.event-description {
                        width: 91% !important;
                    }
                }
                @media (width: 390px){
                    .first-img {
                        height: 90% !important;
                    }
                }
                @media (max-width: 766px) {
                    .desktop-screen {
                        .event {
                            transform: translateY(-112%);
                            position: relative;
                            width:100%;
                            top: 0px;
                            left: 0px;
                        }
                        .event-name span {
                            font-size: 29px;
                            height: 38px;
                            width: 73%;
                            line-height: normal;
                            padding: 0px;
                            text-align: center;
                        }
                        .event-description {
                            width: 100% !important;
                            margin-top: 0px;
                        }
                        .event-description span {
                            font-size: 18px;
                            line-height: 31px;
                            padding: 5px 7px;
                        }
                       
                    }}
          


                @media (max-width: 1279px){
                    .color-4D534A {
                        height: 100%;
                        padding-top: 5px;
                        padding-bottom: 5px;
                    }
                    .headeing-text {
                        width: 90%;
                    }
                    .headeing-text span {
                        font-size: 18px;
                        line-height: 31px;
                        padding: 5px 7px;
                    }
                }
           

                 
                @media (max-width: 1279px){
                    .description-text {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    .description-text-color {
                        margin: auto;
                        width: 90%;
                    }
                    .description-text-color spam {
                        color: #4d534a;
                    }
                }
            

                 
                @media (max-width: 1279px){
                    .container-resize {
                        margin: auto;
                        width: 100%;
                    }
                    .school-images {
                        width: 100%;
                    }
                }
        

           
             footer {
                margin-top: 1.5rem !important;
             }