@media (max-width:767px) {
    .mobileBg {
        display: none;
    }
    .sideMenu {
        padding: 120px 0px;
        margin-right: 0;
        width: 100%;
        padding-bottom: 20px;
    }
    .crtFut {
        position: fixed;
    }
    /* .crtFutBottom {
        bottom: 8px !important;
    } */
    .logoIMage {
        display: none;
    }
    .crtFut button {
        font-size: 14px;
    }
    ul.menuList li button {
        font-size: 14px;
    }
    .loginBtn {
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
    }
    .logoMain {
        text-align: center;
    }
    .logoMain img {
        margin: auto;
    }
    .popUpHomeTop {
        top: 59%;
    }
    .wordle {
        margin-top: -42px !important;
        width: 102px !important;
    }
    .popUpHome {
        left: 50%;
    }
    .popUpHome .popData .popGrids {
        min-width: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: unset;
    }
    .popUpHome .popData {
        padding: 40px 12px;
    }
    .popUpHome .popData .popGrids p {
        margin: 0;
        font-size: 18px;
    }
    .sideBar {
        width: 22px;
    }
    .bredWithUser.blueOne {
        padding: 0 15px;
    }
    .bredWithUser {
        padding: 0 15px;
    }
    .breadcrumbs.absBred {
        margin-left: 32px;
        align-items: center;
    }
    .breadcrumbs.absBred a p {
        font-size: 14px;
        margin: 0;
    }
    .breadcrumbs.absBred a svg {
        width: 7px;
    }
    .usrDrop img {
        width: 30px;
        height: 30px !important;
        min-height: unset !important;
    }
    .leftHed {
        flex-wrap: wrap;
        display: inline-flex;
    }
    .chalngHeader .chalDrop {
        position: absolute;
        right: 0;
        bottom: 22px;
    }
    .chlngSearch {
        width: 100%;
    }
    .chalngHeader {
        padding: 20px 0;
        position: relative;
    }
    .chlngSubBtnsTabs button {
        padding: 8px;
        font-size: 16px;
    }
    .chalDrop select {
        font-size: 14px;
    }
    .leftHed .chalDrop {
        position: relative;
        bottom: unset;
    }
    .restBtsn button {
        min-width: auto;
        font-size: 12px;
    }
    .chlGrd {
        width: 100%;
    }
    .chlOverlay h2 {
        bottom: 24px;
    }
    .chlBtsn .buttonOuter {
        font-size: 10px;
    }
    .footSocial ul {
        margin: 0px;
    }
    .headercss {
        left: 0px;
    }
    section.StudentMainsection img {
        min-height: 150px;
        background: black;
    }
    section.pegMainsection {
        padding-top: 100px;
    }
    h1.pegHeadingMain {
        font-size: 28px;
    }
    .tableOuter {
        overflow: auto;
    }
    .pegTableCont {
        padding: 40px 12px 12px 12px;
        margin-top: 50px;
    }
    .pgTbHd {
        font-size: 24px;
        top: -39px;
    }
    .tblSearch {}
    button.rstTbl {
        font-size: 14px;
    }
    .tableOuter table th h3 {
        margin: 0;
        font-size: 16px;
    }
    .usrDtlTbl {
        gap: 12px;
    }
    .tblInpt {
        min-width: 280px;
    }
    .tableOuter p {
        font-size: 16px;
    }
    .userList span {
        font-size: 14px;
    }
    .usrDtlTbl img {
        min-width: 25px;
    }
    ul.pagination {
        width: 100%;
        display: flex !important;
        margin: 10px 0 !important;
        /* display: none !important; */
    }
    .studContScrl.rewardSecCont {
        padding-top: 20px;
    }
    .stnData {
        padding: 30px 12px;
    }
    .lidisc {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: unset;
    }
    .stnData p {
        font-size: 14px;
        line-height: inherit;
        margin-bottom: 15px;
    }
    .usrSlBtn button {
        padding: 8px 0;
        font-size: 14px;
        min-width: 65px;
    }
    .usrSlBtn span {
        font-size: 14px;
    }
    .customCheck p {
        font-size: 14px;
        line-height: unset;
    }
    .formSubmit button {
        font-size: 16px;
        padding: 10px 10px;
    }
    .backLog p {
        font-size: 16px;
    }
    .backLog button {
        font-size: 16px;
    }
    p.subFrgt {
        padding: 0px 30px;
    }
    .editProfile {
        padding: 12px;
    }
    .imageUpload {
        margin-bottom: 30px;
    }
    .inputFomr {
        width: 100%;
    }
    .profileInputsGrid {
        gap: 22px;
        width: 100%;
    }
    .inputFomr input {
        font-size: 16px;
    }
    p.sbDtls {
        font-size: 10px;
    }
    button.addmore {
        width: 100%;
        display: flex;
        max-width: 320px;
        font-size: 16px;
        padding: 10px 50px;
    }
    .createProfile__main__card {
        padding: 0px;
    }
    .createProfile__main__card h3 {
        margin: 10px 0;
        font-size: 22px;
    }
    .login__forgotpass__checkbox:last-child {}
    .createProfile__main__card h4 {
        margin: 20px 0px;
        font-size: 22px;
    }
    label.login__forgotpass__label {
        font-size: 16px !important;
    }
    .buttonUpload button {
        padding: 10px 30px;
    }
    .imageUpload img {
        width: 80px;
        height: 80px;
    }
    .usrDrop span {
        position: relative;
        padding-right: 20px;
        white-space: nowrap;
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .usrDrop span img {
        position: absolute;
        right: 0;
        top: -2px;
    }
    .prSideBar .logoSide {
        display: none;
    }
    .profleCotainer {
        flex-direction: column;
        gap: 10px;
    }
    .sideGrids {
        padding: 5px 0px;
        margin-top: 40px;
    }
    .sideGrids ul {
        flex-flow: inherit;
        padding: 10px;
        margin: 0;
    }
    .sideGrids ul li button {
        height: 25px;
        width: 25px;
    }
    .sideGrids ul li:last-child button img {
        width: 16px !important;
    }
    .profileDetailsCont {
        flex-flow: column;
    }
    .challangeGridCont {
        flex-flow: column;
    }
    .chalngProgGrid {
        width: 100%;
    }
    .chaRward {
        width: 100%;
    }
    .challngBoxCont {
        flex-flow: wrap;
    }
    .chalngProgGrid h3 {
        font-size: 22px;
    }
    .lftsNIO p {
        font-size: 14px;
    }
    .lobing {
        flex-shrink: 0;
    }
    .chalngBlue.mb-3 {
        gap: 10px;
    }
    .col-12.col-lg-4.mb-5.px-0.px-lg-3.interestBorder {
        padding: 12px !important;
        border-radius: 12px;
    }
    img.img-fluid.sideLogoMi {
        width: 70px;
        margin-bottom: 10px;
    }
    .sideBarFull ul li button {
        width: 30px;
    }
    div#mySidenav ul li:last-child button img {
        width: 24px !important;
    }
    .footLogo h5,
    .bredWithUser.blueOne .usrDrop ul li p {
        margin: 0px;
    }
    .breadcrumbs p {
        font-size: 16px;
        margin: 0;
    }
    .usrDrop ul li p {
        margin: 0;
    }
    .prntGridCont {
        padding: 12px;
        justify-content: center;
    }
    .bigContactBtn button {
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
    }
    .contNumbs {
        gap: 10px;
    }
    .watexHead h3 {}
    .watxList {
        padding: 15px;
    }
    .wtxenroll {
        width: 100%;
    }
    .wtxTabs {
        overflow: auto;
    }
    .watxTable {
        padding: 15px;
    }
    .wtxTabs button {
        font-size: 14px;
    }
    .d-flex.challengeDetails__discussion__chat__container {
        max-width: inherit;
    }
    .challengeDetails__discussion__chat__container h3,
    .challengeDetails__discussion__chat__container p,
    .challengeDetails__discussion__chat__date {
        font-size: 12px;
    }
    .challengeDetails__discussion__chat__bubble {
        font-size: 14px;
    }
    .d-flex.justify-content-center.align-items-center {
        font-size: 14px;
    }
    .challengeDetails__review__maincard h3 {
        font-size: 14px;
    }
    .challengeDetails__review__maincard p {
        font-size: 14px;
    }
    .challengeDetails__review__maincard__body {
        font-size: 16px;
    }
}


/* Play Button Remove from IOS  */

@media (max-width:767px) {
    .dowImgOnt img {
        min-height: 220px;
        object-fit: contain;
    }
    label.formbuilder-text-label {
        font-size: 14px;
    }
    .rendered-form p {
        font-size: 14px;
    }
    .gbHead h3 {
        font-size: 22px;
    }
    .studContScrl {
        padding-top: 20px;
    }
    section.StudentMainsection img {
        min-height: 180px;
        object-fit: contain;
    }
    .keyboard-button {
        font-size: 0.75rem;
        font-weight: 700;
        padding: 0.5rem;
        margin: 0 2px;
        cursor: pointer;
        text-transform: uppercase;
    }
    .letter-box {
        height: 2rem;
        width: 2rem;
    }
    .feedback img {
        margin-right: 4px;
    }
}

video::-webkit-media-controls-start-playback-button {
    display: none;
}

.swal2-header {
    background-color: rgb(12, 36, 94);
    color: #11F6C1;
}

.swal2-footer {
    background-color: rgb(12, 36, 94);
    color: #11F6C1;
}

.swal2-timer-progress-bar-container {
    background-color: rgb(12, 36, 94);
    color: #11F6C1;
}

.swal2-container.swal2-center>.swal2-popup {
    background-color: rgb(12, 36, 94);
    color: #11F6C1;
}

.swal2-container.swal2-bottom-right>:first-child {
    background-color: rgb(12, 36, 94);
    color: #11F6C1;
}

.overflow {
    overflow-x: hidden;
}

.img-fluid-wordle {
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
    margin-bottom: 25px;
    margin-top: 25px;
}

@media screen and (max-width: 1024px) {
    .img-fluid-wordle {
        margin-top: 115px;
    }
}

@media screen and (max-width: 991px) {
    .img-fluid-wordle {
        width: 100px;
        margin-top: 25px;
    }
    .crtFut1 button {
        font-size: 20px;
    }
    .letter-box {
        height: 2.5rem;
        width: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    .img-fluid-wordle {
        margin-top: 60px;
    }
    .letter-box {
        height: 2rem;
        width: 2rem;
    }
    .keyboard-button {
        font-size: 0.75rem;
    }
    .crtFut1 button {
        font-size: 14px;
    }
}

.MsoNormal {
    display: contents;
}


/* .crtFutBottom {
    position: inherit;
} */

.formbuilder-text-label{
    color: #11F6C1 !important;
}
.formbuilder-checkbox-group label{
    color: #11F6C1 !important;
}
.formbuilder-radio-group label{
    color: #11F6C1 !important;
}
.formbuilder-select label{
    color: #11F6C1 !important;
}
.formbuilder-textarea label{
    color: #11F6C1 !important;
}
.formbuilder-text{
    color: #11F6C1 !important;
}

/* CSS for Firefox */
@-moz-document url-prefix() {
    /* Add your Firefox-specific CSS rules here */
    .firefox {
      /* Example style for the select wrapper */
      /* Adjust the styles as needed */
      /* Add your Firefox-specific styles here */

      padding: 18px 12px 12px 50px !important;
    }
    .firefoxProfile{
        top: 4px !important;
    }
  }