.col-md-6.image-ports img,.col-md-6.image-portion img {
    width:420px!important;
    height:277px!important;
    object-fit:cover;
    border:8px solid #fff;
    border-radius:36px 36px 36px 0;
    opacity:1
    }
    #forgot-password-form-container div#error-message {
    text-align: center;
    padding-top: 10px;
}
    .fl-col-group.fl-node-1usq395zk6tv,.fl-col-group.fl-node-x9pc20v6skgj,.fl-col-group.fl-node-ygp7eormwc21,.fl-col-group.fl-node-vr9tz28wo1u0 {
    width:1080px;
    margin:auto;
    max-width:1080px
    }
    
    .RegiForm {
    width:884px!important;
    max-width:650px;
    margin:auto!important
    }
    
    .RegiForm button {
    width:100%;
    max-width:228px;
    margin:auto;
    height:50px!important
    }
    
    #custom_modal .close:hover,#categoriesModal button.close.modal-close-btn:hover {
    border:none!important
    }
    
    div#partof {
    margin-top:20px
    }
    
    div#profile-content {
    max-width:600px;
    margin:auto
    }
    
    div#all-category {
    margin-left:auto!important
    }
    
    #categoriesModal .single-category {
    margin-left:30px
    }
    
    div#categoriesModal {
    background:#fff
    }
    
    button#firebase-form-submit {
    max-width:228px;
    margin:auto
    }
    
    button#firebase-form-submit:active,button#firebase-form-submit:focus {
    color:#008473!important
    }
    
    form#registration-form a {
    box-shadow:none;
    border:none
    }
    
    .single-category.education.category-item {
    margin-bottom:30px
    }
    
    .cat-button {
    border-radius:36px;
    border:1px solid #008473
    }
    
    .cat-button:active {
    background:#00d6b2!important;
    box-shadow:0 8px 0 #008473;
    color:#008473!important
    }
    
    .cat-button:focus {
    background-color:#00d6b2!important;
    box-shadow:0 8px 0 #008473
    }
    
    .cat-button:hover {
    border:1px solid #008473!important
    }
    
    .play-options .leaderboard_options {
    height:50px!important
    }
    
    a#nav-categories-modal-desktop:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .center-links a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .fl-row.fl-row-full-width.fl-row-bg-color.fl-node-slkan6fqrmzd.fl-row-custom-height.fl-row-align-center a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    a#word-thirst_icons_All:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .fl-row.fl-row-full-width.fl-row-bg-color.fl-node-aqfsporg176e.fl-row-custom-height.fl-row-align-center a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .fl-row.fl-row-full-width.fl-row-bg-color.fl-node-ezkqca7ldr4y a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .fl-row.fl-row-full-width.fl-row-bg-color.fl-node-q27j94ire8fs a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    div#footer-sections a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .fl-photo-content.fl-photo-img-png a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .RegiForm a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    #firebase-login-form a {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    a#signinup-desktop {
    border:none
    }
    
    button.btn-wrong1 {
    background:transparent!important
    }
    
    a#nav-home-modal-desktop:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    a#nav-categories-modal:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    #leads:focus,a:hover {
    color:#23527c;
    text-decoration:none!important;
    box-shadow:none;
    border:none
    }
    
    a#nav-leaderboard-modal-desktop:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    a#nav-about-modal-desktop:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    .qu-ans-page .question-list .options:focus,a:hover {
    color:#23527c;
    text-decoration:none!important;
    box-shadow:0 8px 0 #01574c;
    border:1px solid #008473
    }
    
    button.btn-wrong1 {
    cursor:default
    }
    
    button#answer-button {
    cursor:default
    }
    
    button#go-home {
    height:60px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1
    }
    
    span.count1 {
    font-size:19px
    }
    
    span.count2 {
    font-weight:500;
    font-size:16px
    }
    
    #word-details-container .background-section {
    background:#fff 0 0 no-repeat padding-box
    }
    
    button.btn-wrong1 img,button#answer-button img {
    width:38px!important;
    height:38px!important
    }
    
    button,input[type="button"],input[type="submit"] {
    padding:3px 4px!important
    }
    
    .word-section.graph {
    margin-bottom:45px
    }
    
    p.word-graph-title {
    font-weight:900;
    font-size:14px;
    font-family:"Montserrat",sans-serif;
    padding-bottom:25px
    }
    
    div.left-col {
    height:80px;
    display:block;
    width:75%;
    float:left
    }
    
    div.right-col {
    height:80px;
    display:block;
    width:25%;
    float:left
    }
    
    p#word-spelling {
    text-align:left;
    letter-spacing:0;
    color:#000;
    opacity:1;
    font-weight:600
    }
    
    p#word-category {
    float:right
    }
    
    button.btn-wrong1:focus,button.btn-wrong1:active {
    color:#0a1f57
    }
    
    button#answer-button:focus,button#answer-button:active {
    background:#e3fdf7!important
    }
    
    button#answer-button {
    border:2px solid #00d6b2!important
    }
    
    button#answer-button:hover {
    z-index:90!important;
    background:#e3fdf7!important
    }
    
    .error-message strong,span#wrong-answer-text {
    font-size:23px
    }
    
    span#wrong-answer-text {
    text-transform:capitalize
    }
    
    button#go-home:hover,button#q-play:hover,button#choose_cat:hover {
    border:1px solid #008473
    }
    
    .correct-ans {
    display:flex;
    align-items:center;
    height:100%;
    text-align:center;
    justify-content:space-evenly;
    flex-wrap:wrap
    }
    
    .correct-ans .bottom-left-images {
    display:flex;
    align-items:center;
    justify-content:center
    }
    
    .incorrect-ans {
    display:flex;
    align-items:center;
    height:100%;
    text-align:center;
    justify-content:space-evenly;
    flex-wrap:wrap
    }
    
    .incorrect-ans .bottom-left-image {
    display:flex;
    align-items:center;
    justify-content:center
    }
    
    button.btn-wrong1 {
    border:2px solid #ff406d!important
    }
    
    button:hover,input[type="button"]:hover,input[type="submit"]:hover {
    border:1px solid #008473!important;
    color:#0a1f57!important;
    background:transparent!important;
    text-decoration:none
    }
    
    div#word-details-container {
    margin-top:20px
    }
    
    .options.mt-4.col-md-12.question-lists {
    background:#e3fdf7;
    border-radius:0 0 34px 34px;
    padding-bottom:40px
    }
    
    .question-content.question-list {
    padding-top:30px;
    max-width:100%;
    background:#e3fdf7;
    border-radius:initial
    }
    
    .bottom-left-images.correct-answer,.bottom-left-image {
    position:absolute;
    bottom:0;
    padding:10px
    }
    
    .bottom-left-images.correct-answer {
    width:280px;
    height:292px;
    top:90px
    }
    
    .bottom-left-image {
    width:275px;
    height:290px;
    left:-10px;
    top:135px
    }
    
    .bottom-left-image img {
    width:100%;
    height:auto
    }
    
    .correct-answer,.incorrect-answer {
    display:block
    }
    
    div#next-question-button-expanded {
    height:60px!important;
    background:#234cb9;
    box-shadow:0 8px 0 #0a1f57;
    border-radius:30px!important;
    text-align:center
    }
    
    .word-section {
    padding-left:20px;
    margin-bottom:20px;
    text-align:left;
    font-size:14px
    }
    
    html,body {
    height:100%;
    margin:0;
    overflow:hidden
    }
    
    .container {
    display:flex;
    flex-direction:column;
    min-height:100vh
    }
    
    .question-content {
    flex:1;
    overflow:hidden
    }
    
    .full-word-details {
    position:relative;
    max-height:calc(100vh - 120px);
    overflow-y:auto
    }
    
    .footer {
    margin-top:auto
    }
    
    img.display-image.correct-ans {
    width:36px;
    height:36px;
    float:left
    }
    
    .btn-wrong2-right {
    margin-top:30px
    }
    
    .error-message strong {
    color:#0a1f57;
    text-transform:capitalize
    }
    
    img#img-wrong-ans,img#img-right {
    width:10%;
    height:10%;
    float:left
    }
    
    .cone {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    height:100%
    }
    
    span.question-counts {
    text-align:right;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:18px;
    font-weight:700
    }
    
    button.mt-2.btn-wrong2 {
    background:#e3fdf7 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #00d6b2;
    border:2px solid #00d6b2;
    border-radius:40px;
    opacity:1;
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-weight:700;
    margin-top:35px
    }
    
    button.btn-wrong1 {
    background:#ffc9dc 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #ff406d;
    border:2px solid #ff406d;
    opacity:1;
    border-radius:40px;
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-weight:600
    }
    
    button.btn1-right:hover {
    background-color:transparent;
    color:#0a1f57;
    background:#e3fdf7 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #00d6b2;
    border:2px solid #00d6b2;
    border-radius:40px;
    opacity:1
    }
    
    .btn1-right {
    background:#e3fdf7 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #00d6b2;
    border:2px solid #00d6b2;
    border-radius:40px;
    opacity:1;
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:24px;
    font-weight:600;
    z-index:90
    }
    
    span.qs.wr {
    text-align:left;
    font:normal normal normal 40px / 49px Sofia Pro;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-family:"Montserrat";
    font-weight:600;
    font-size:1.5em
    }
    
    span.qs.cor {
    text-align:left;
    font:normal normal normal 40px / 49px Sofia Pro;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-family:"Montserrat";
    font-weight:600;
    font-size:35px
    }
    
    .full-word-detail-expanded {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:0 0 30px 30px;
    opacity:1
    }
    
    p.heading-wrong {
    text-align:left;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-family:"Montserrat";
    font-weight:500;
    font-size:40px
    }
    
    html,body {
    height:100%;
    margin:0
    }
    
    body {
    display:flex;
    flex-direction:column;
    margin:0
    }
    
    #main-content {
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding-bottom:20px
    }
    
    .container {
    width:100%;
    max-width:1200px;
    margin:0 auto
    }
    
    div#next-question-button {
    height:60px!important;
    background:#234cb9 0 0 no-repeat padding-box!important;
    box-shadow:0 8px 0 #0a1f57!important;
    border-radius:30px!important;
    opacity:1;
    text-align:center
    }
    
    .heading-title {
    color:#0a1f57;
    opacity:1;
    font-size:40px;
    font-family:"Montserrat";
    font-weight:700
    }
    
    .container.qu-ans-page {
    margin-bottom:70px!important;
    max-width:initial!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:34px!important;
    opacity:1
    }
    
    .answer_option {
    top:640px;
    left:520px;
    width:420px;
    height:60px;
    background:#fff 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #04d0df;
    border:2px solid #04d0df;
    border-radius:40px;
    opacity:1;
    color:#0a1f57;
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-weight:700;
    margin-bottom:25px
    }
    
    p.question {
    text-align:left;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:21px!important;
    font-weight:600;
    font-family:"Montserrat";
    padding-top:10px
    }
    
    span.question-count {
    letter-spacing:NaNpx;
    color:#0a1f57;
    opacity:1;
    font-size:18px;
    padding-top:10px;
    font-weight:700
    }
    
    .container.qu-ans-page {
    top:300px;
    left:480px;
    width:960px;
    border-radius:34px 34px 34px 34px;
    opacity:1;
    max-width:100%
    }
    
    .progress-bar-background {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:34px 34px 0 0;
    opacity:1;
    max-width:100%;
    padding-top:25px;
    padding-bottom:25px
    }
    
    .checkbox-container input {
    display:none
    }
    
    .checkbox-container label {
    display:inline-block;
    width:24px;
    height:24px;
    border:2px solid #8ca2dc;
    border-radius:6px;
    opacity:1;
    background:#fff
    }
    
    .checkbox-container label::after {
    content:"";
    position:absolute;
    display:none;
    left:9px;
    top:4px;
    width:6px;
    height:12px;
    border:solid #00d6b2;
    border-width:0 2px 2px 0;
    transform:rotate(45deg)
    }
    
    .checkbox-container input:checked+label::after {
    display:block
    }
    
    img#hamburger-menu-mobiles {
    width:30px!important;
    height:26px;
    background:transparent url(img/bars.png) 0 0 no-repeat padding-box;
    opacity:1
    }
    
    .container.bg-wr {
    top:176px;
    left:546px;
    width:828px!important;
    height:100%!important;
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:34px;
    opacity:1
    }
    
    .category-background-wrapper {
    position:absolute;
    top:-100px;
    width:100%!important
    }
    
    #custom_signup_modal {
    width:100%;
    height:100%;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
    z-index:5
    }
    
    #custom_signup_modal .modal-dialog-adjust .modal-content {
    width:75%;
    position:absolute;
    margin-left:12.5%;
    margin-right:12.5%;
    margin-top:5%;
    max-width:960px;
    z-index:5
    }
    
    #categoriesModal .modal-dialog {
    width:95%!important
    }
    
    #categoriesModal .modal-content {
    background:transparent!important
    }
    
    #categoriesModal .modal-dialog {
    height:60vh;
    margin:0
    }
    
    #categoriesModal .modal-content {
    display:flex;
    flex-direction:column;
    height:100%
    }
    
    #categoriesModal .modal-body {
    overflow-y:auto;
    flex:1;
    padding:15px
    }
    
    .category-mobile-view-nav .modal-link {
    width:238px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 6px 0 #008473;
    border-radius:36px;
    opacity:1;
    display:block;
    margin:0 auto;
    position:relative;
    margin-bottom:18px
    }
    
    #categoriesModal .modal-dialog {
    width:95%!important
    }
    
    #categoriesModal .modal-content {
    background:transparent!important
    }
    
    #categoriesModal .modal-dialog {
    height:60vh;
    margin:0
    }
    
    #categoriesModal .modal-content {
    display:flex;
    flex-direction:column;
    height:100%
    }
    
    #categoriesModal .modal-body {
    overflow-y:auto;
    flex:1;
    padding:15px
    }
    
    #categoriesModal .modal-dialog {
    top:25%!important
    }
    
    #categoriesModal button.close.modal-close-btn {
    text-align:left!important;
    font-size:30px;
    padding-left:5vw;
    padding-top:1vw
    }
    
    html,body {
    overflow-y:auto
    }
    
    .category-heading br {
    display:none
    }
    
    .container.bg-wr {
    background:#f6f9ff 0 0 no-repeat padding-box;
    padding-bottom:50px;
    border-radius:34px
    }
    
    .education p.category-text {
    color:#0a1f57;
    font-size:16px;
    font-family:"Montserrat";
    font-weight:600
    }
    
    #categoriesModal button.close.modal-close-btn {
    text-align:right!important;
    opacity:.62;
    font-size:40px;
    font-weight:400
    }
    
    body {
    font-family:"Montserrat",sans-serif!important
    }
    
    form#password_update_form {
    width:100%!important;
    max-width:100%
    }
    
    .container.abt-us br {
    display:block
    }
    
    form#firebase-login-form {
    padding:20px
    }
    
    input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="number"],input[type="search"],input[type="url"],textarea {
    display:block;
    width:100%;
    padding:6px 12px;
    font-size:14px;
    line-height:1.428571429;
    color:gray;
    vertical-align:middle;
    background:#fff 0 0 no-repeat padding-box!important;
    border:1px solid #0a1f574a!important;
    border-radius:8px!important;
    opacity:1
    }
    
    .all-fields {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:34px;
    opacity:1;
    padding:50px
    }
    
    .container.abt-us {
    padding:10px!important;
    font:Montserrat;
    max-width:792px;
    margin-left:auto;
    margin-right:auto;
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:34px;
    opacity:1;
    padding-bottom:0!important
    }
    
    #menu div {
    display:inline-block!important;
    border-radius:20px!important;
    text-decoration:underline!important;
    margin:10px!important;
    font-size:20px!important;
    display:block!important
    }
    
    div#menu4 {
    display:none
    }
    
    div#menu5 {
    display:none
    }
    
    div#menu3 {
    display:none
    }
    
    div#leads {
    display:none
    }
    
    div#leaderboard-page {
    display:none
    }
    
    button.custom-close-btn {
    background:transparent!important;
    border:none!important
    }
    
    .WordThirst_Terms_of_Use_2023 {
    font-size:15px;
    line-height:25px
    }
    
    .modal-dialog {
    font-weight:700;
    border-radius:24px
    }
    
    .mobile-view-nav .modal-body {
    padding:5px
    }
    
    .mobile-view-nav .modal-link {
    font-family:"Montserrat";
    font-weight:700;
    font-size:18px;
    line-height:30px
    }
    
    button.custom-close-btn {
    background:transparent;
    border:none;
    width:100%!important;
    padding:inherit
    }
    
    .mobile-view-nav .modal-content {
    border-radius:24px
    }
    
    div#nav-signin {
    display:block
    }
    
    .mobile-view-nav .modal-dialog {
    top:79px;
    width:331px;
    height:444px;
    border-radius:24px;
    opacity:1
    }
    
    .mobile-view-nav.fade.in {
    background-color:#0a1f577a
    }
    
    button#go-home {
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1;
    border:none
    }
    
    button#q-play {
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1;
    border:none
    }
    
    button#choose_cat {
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1;
    border:none
    }
    
    div#ex1.leaderboard-display {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:34px;
    opacity:1;
    padding:30px;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
    width:100%
    }
    
    .progress.mt-4.mb-4 {
    height:37px;
    background:#e0e7f6 0 0 no-repeat padding-box;
    opacity:1
    }
    
    .single-categorys {
    height:fit-content!important
    }
    
    div#nav-signin {
    color:#0a1f57!important
    }
    
    .single-category {
    align-items:center;
    position:relative
    }
    
    .click-play-link {
    color:#0a1f57!important
    }
    
    .checkbox-container {
    position:absolute;
    left:7px;
    top:-10px;
    transform:translateY(50%)
    }
    
    .checkbox-container label {
    cursor:pointer
    }
    
    .single-category.selected P {
    color:#0a1f57
    }
    
    div#nav-user-profile {
    color:#0a1f57!important;
    font-size:18px;
    letter-spacing:1px!important;
    opacity:1;
    text-decoration:underline;
    font-family:"Montserrat",sans-serif;
    font-weight:600;
    border:none;
    background-color:transparent
    }
    
    div#firebase-signout {
    color:#0a1f57!important;
    font-size:18px;
    letter-spacing:1px!important;
    opacity:1;
    text-decoration:underline;
    font-family:"Montserrat",sans-serif;
    font-weight:600;
    border:none;
    background-color:transparent
    }
    
    .education p.category-text {
    color:#0a1f57;
    text-align:center
    }
    
    .modal-content {
    box-shadow:none!important;
    border:none!important
    }
    
    .modal-dialog {
    margin:auto!important
    }
    
    .fragment {
    font-size:12px;
    font-family:tahoma;
    height:140px;
    border:1px solid #ccc;
    color:#555;
    display:block;
    padding:10px;
    box-sizing:border-box;
    text-decoration:none
    }
    
    .fragment:hover {
    box-shadow:2px 2px 5px #0003
    }
    
    .fragment img {
    float:left;
    margin-right:10px
    }
    
    .fragment h3 {
    padding:0;
    margin:0;
    color:#369
    }
    
    .fragment h4 {
    padding:0;
    margin:0;
    color:#000
    }
    
    #close {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc
    }
    
    input#Cat {
    background:#fffc 0 0 no-repeat padding-box;
    border:2px solid #8ca2dc;
    border-radius:6px;
    opacity:1;
    float:left
    }
    
    button#play-selected {
    text-align:center;
    letter-spacing:0;
    color:#fafafa;
    opacity:1;
    font-family:"Montserrat";
    text-decoration:none;
    font-weight:700;
    border:none
    }
    
    #play-selected {
    text-align:center;
    text-decoration:underline;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:18px;
    font-weight:600
    }
    
    button#play-selected {
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1;
    margin-top:20px;
    height:50px
    }
    
    button#play-selecteds {
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1
    }
    
    div#all-category {
    text-align:center!important;
    margin:auto
    }
    
    a#word-thirst_icons_All {
    width:100%!important;
    text-align:center!important;
    max-width:100%;
    background-color:transparent;
    border:none;
    margin:auto
    }
    
    div#all-category {
    width:200px
    }
    
    .select-categories-tab {
    text-align:center;
    text-decoration:underline;
    font-family:"Montserrat",sans-serif!important;
    font-size:18px;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1
    }
    
    .education {
    background:#e1fcff 0 0 no-repeat padding-box;
    border-radius:13px;
    opacity:1
    }
    
    h1.about-us {
    height:70px;
    text-align:center;
    font-size:34px;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-weight:700
    }
    
    .leaderboard_heading {
    color:#0a1f57;
    font-size:34px;
    font-weight:700;
    margin-bottom:20px
    }
    
    a {
    color:#33446d
    }
    
    .photu {
    width:92.92px!important;
    height:79.91px!important;
    display:block;
    margin:0 auto 5px
    }
    
    .photu1 {
    width:83.92px!important;
    height:82.91px!important;
    display:block;
    margin:0 auto 5px
    }
    
    .leaderboard_button {
    color:#fff;
    margin-top:10px;
    background-color:#000;
    border:2px solid #2eafeb;
    margin-right:10px;
    border-radius:10px
    }
    
    #ex1.modal {
    top:30%;
    background-color:#000;
    color:#fff;
    border:1px solid #2eafeb;
    left:10%;
    right:10%;
    width:80%;
    height:200px;
    padding-top:16px;
    border-radius:30px
    }
    
    .modal-link {
    font-size:24px;
    height:48px
    }
    
    #mobile-topleft-logo,#large-topleft-logo {
    display:none
    }
    
    .leaderboard-logo {
    display:none
    }
    
    #pop-logo-home {
    width:715px;
    display:none
    }
    
    .btn.btn-primary.click-play-link {
    font-size:32px;
    font-weight:600;
    padding:5px 20px;
    font-family:"Montserrat",sans-serif;
    display:none;
    max-width:276px;
    margin:24px auto;
    background-color:#00d6b2;
    border:none;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1;
    width:100%
    }
    
    .btn.btn-primary.click-play-link:hover {
    background-color:#00d6b2;
    box-shadow:0 8px 0 #008473;
    opacity:1
    }
    
    div#content-container .text-primary {
    color:#0a1f57;
    font-size:17px;
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1
    }
    
    #seconds {
    font-family:"Montserrat",sans-serif;
    font-size:48px;
    min-width:140px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    font-weight:400;
    margin-top:10px
    }
    
    .btn.btn-primary.click-category-link {
    color:#0a1f57;
    font-size:18px;
    letter-spacing:1px!important;
    opacity:1;
    text-decoration:underline;
    font-family:"Montserrat",sans-serif;
    font-weight:600;
    border:none;
    background-color:transparent
    }
    
    .btn.btn-primary.click-category-link:hover {
    text-decoration:underline;
    opacity:1;
    background:transparent;
    color:#0a1f57;
    box-shadow:none
    }
    
    .click-link {
    font-size:28px;
    color:#33446d;
    font-weight:500;
    padding:5px 0;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif;
    display:none;
    text-decoration:none
    }
    
    .btn.btn-primary.click-signin-link {
    padding:5px 20px;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif;
    text-align:center;
    text-decoration:underline;
    font-size:18px;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-weight:600;
    border:none;
    background-color:transparent
    }
    
    .btn.btn-primary.click-signin-link:hover {
    color:#0a1f57;
    text-decoration:underline;
    opacity:1;
    background:transparent;
    box-shadow:none
    }
    
    .click-play-link:hover,.click-link:hover,.click-signin-link:hover {
    text-decoration:underline
    }
    
    #main-content {
    text-align:center;
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:680px
    }
    
    #sign_in_modal {
    background-color:#000;
    height:50%;
    top:25vh;
    padding:20px;
    width:40%;
    margin-left:auto;
    margin-right:auto;
    border-radius:30px;
    border:1px solid #2eafeb
    }
    
    html {
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    .wait {
    cursor:progress
    }
    
    .home-logo:hover {
    cursor:pointer
    }
    
    #home-logo {
    display:none
    }
    
    #sub-content {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    #content-container {
    padding:10px;
    font:Montserrat;
    font-size:20px;
    color:#fff;
    min-height:480px;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif;
    display:none;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    border-radius:34px;
    opacity:1
    }
    
    .choice {
    padding:10px;
    font:Montserrat;
    font-size:20px;
    color:#fff;
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    .options {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    font-family:"Montserrat",sans-serif;
    text-transform:uppercase
    }
    
    .tiny-clock {
    width:64px;
    height:64px
    }
    
    #seconds {
    font-family:"Montserrat",sans-serif;
    width:40px
    }
    
    .answer_option {
    min-width:100%;
    max-width:100%;
    overflow-wrap:break-word;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:18px 5px;
    text-transform:capitalize;
    margin-top:15px
    }
    
    #img-right {
    display:none
    }
    
    #img-wrong,#img-wrong-response {
    display:none
    }
    
    .error-message {
    font-family:"Montserrat",sans-serif;
    color:#fff;
    font-size:24px;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-bottom:20px
    }
    
    .answer-container {
    z-index:10;
    position:relative;
    top:-300px;
    max-width:80%;
    word-wrap:break-word;
    text-transform:uppercase;
    font-weight:700;
    font-family:"Montserrat",sans-serif;
    color:#fff;
    font-size:20px
    }
    
    .category-background-container {
    opacity:1;
    width:100vw;
    min-height:100vh;
    z-index:9;
    margin:0;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    display:none;
    font-family:"Montserrat",sans-serif;
    overflow:hidden
    }
    
    .answer-container {
    display:none;
    width:100%;
    max-width:960px
    }
    
    .next-question-button {
    opacity:1;
    background:#2560b7;
    padding:10px 30px;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px
    }
    
    .next-question-button span img {
    width:26px;
    margin-left:10px;
    margin-bottom:6px
    }
    
    #nav-play span img {
    width:28px;
    margin-left:22px;
    margin-bottom:4px
    }
    
    div img.display-image {
    display:block!important
    }
    
    .display-image {
    width:540px;
    height:206px;
    margin-left:auto;
    margin-right:auto
    }
    
    .next-question-text {
    font-size:26px;
    color:#fff
    }
    
    .full-word-details {
    margin-left:auto;
    margin-right:auto;
    padding:16px 20px 14px 10px;
    min-height:54px;
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:34px 34px 0 0;
    opacity:1
    }
    
    .close-button {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    background:none;
    border:none;
    font-size:20px;
    color:#000;
    z-index:9999
    }
    
    .full-word-details-text {
    color:#2560b7;
    font-size:20px;
    font-weight:700;
    width:50%;
    display:block;
    float:left;
    text-align:left;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1
    }
    
    .flip {
    -webkit-transform:scaleY(-1);
    -moz-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1)
    }
    
    .full-word-detail-arrow {
    height:26px;
    width:50%;
    display:block;
    float:left;
    text-align:right
    }
    
    .full-word-detail-arrow img {
    width:26px;
    height:17px
    }
    
    .full-word-detail-expanded {
    display:none;
    background-color:#f6f9ff;
    min-height:300px;
    margin-left:auto;
    margin-right:auto;
    padding:0 10px 10px
    }
    
    .img-container {
    background-color:#000;
    opacity:.85;
    width:100vw;
    height:100vh;
    z-index:5;
    margin:0;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    display:none;
    font-family:"Montserrat",sans-serif
    }
    
    .category-container1 {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    justify-content:space-around;
    flex-wrap:wrap;
    padding-left:90px;
    padding-right:90px;
    padding-bottom:30px
    }
    
    .category-background-wrapper {
    border-radius:34px;
    opacity:1
    }
    
    .cat-button {
    background:#2560b7 0 0 no-repeat padding-box;
    border-radius:0;
    min-width:100px;
    font-size:1em;
    font-weight:700;
    margin-bottom:10px;
    color:#fff;
    width:240px
    }
    
    .single-category.unusual-category.unusual {
    background:#ffdfff 0 0 no-repeat padding-box;
    border-radius:13px;
    opacity:1
    }
    
    .single-category.unusual-category.unusual p {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:16px;
    font-family:"Montserrat";
    font-weight:600
    }
    
    .single-category.uncommon-category.uncommon p {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:16px;
    font-family:"Montserrat";
    font-weight:600
    }
    
    .cat-button:hover {
    background-color:#2057a3;
    border:3px solid #fff
    }
    
    .single-category.fun-category.fun {
    background:#fff1ce 0 0 no-repeat padding-box;
    border-radius:13px;
    opacity:1
    }
    
    .single-category.uncommon-category.uncommon {
    background:#d8e7ff 0 0 no-repeat padding-box;
    border-radius:13px;
    opacity:1
    }
    
    .single-category.unique {
    background:#f6e8ff 0 0 no-repeat padding-box;
    border-radius:13px;
    opacity:1
    }
    
    .single-category.slang p {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:16px;
    font-family:"Montserrat";
    font-weight:600
    }
    
    .single-category.slang {
    background:#ffdfcd 0 0 no-repeat padding-box;
    border-radius:13px;
    opacity:1
    }
    
    .single-category.unique p {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:16px;
    font-family:"Montserrat";
    font-weight:600
    }
    
    .single-category.fun-category.fun p {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:16px;
    font-family:"Montserrat";
    font-weight:600
    }
    
    p#educational-category-text {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:16px;
    font-family:"Montserrat";
    font-weight:600
    }
    
    .single-category img {
    width:78px;
    display:block;
    margin:0 auto 5px
    }
    
    .single-category.unusual-category img {
    width:80px
    }
    
    .category-icon {
    clear:both;
    display:flex;
    align-items:center;
    width:50px;
    height:50px;
    margin-left:auto;
    margin-right:auto
    }
    
    .category-background-wrapper {
    width:828px;
    opacity:1
    }
    
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    background:transparent!important
    }
    
    .fade.in {
    opacity:1;
    background:transparent
    }
    
    button.close.modal-close-btn {
    opacity:0;
    margin-right:20px
    }
    
    .bg-wr {
    width:100%!important
    }
    
    .category-background-wrapper {
    width:828px;
    border-radius:34px;
    opacity:1
    }
    
    .single-category {
    padding-top:23px;
    font:normal normal bold 18px/30px Arial;
    width:23%;
    height:124px;
    max-height:124px;
    -webkit-font-smoothing:antialiased
    }
    
    .single-category1 {
    background:#01296485 0 0 no-repeat padding-box;
    padding:6px 10px;
    border:6px solid #fff;
    margin:10px;
    font:normal normal bold 18px/30px Arial;
    min-width:171px;
    min-height:44px;
    -webkit-font-smoothing:antialiased
    }
    
    .single-category:hover {
    cursor:pointer
    }
    
    a#word-thirst_icons_All {
    text-align:center;
    text-decoration:underline;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-family:"Montserrat";
    font-weight:600
    }
    
    .single-category.selected P {
    color:#0a1f57
    }
    
    .category-heading {
    text-align:center;
    letter-spacing:0;
    opacity:1;
    margin-bottom:20px;
    line-height:1.2em;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-family:"Montserrat";
    font-weight:700;
    font-size:26px
    }
    
    .container-droplets {
    display:flex;
    flex-direction:row;
    justify-content:center;
    height:33px
    }
    
    div#ex1 {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:34px;
    opacity:1
    }
    
    #leaderboard-table {
    width:100%;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    #leaderboard-table tr {
    width:30%;
    text-align:center;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    #leaderboard-table tr,#leaderboard-table td {
    font-size:.9em;
    font-weight:700;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    #leaderboard-table th {
    width:30%;
    text-align:center;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    #leaderboard-table .title-row {
    font-size:1.2em;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif;
    color:#00d6b2;
    width:94%;
    display:block;
    clear:both;
    height:55px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    margin-bottom:10px;
    background:#fff 0 0 no-repeat padding-box;
    opacity:1;
    border-bottom:6px solid #0a1f57
    }
    
    #leaderboard-table .title-row .player-name {
    text-align:left
    }
    
    #leaderboard-table span.title {
    width:33%;
    display:block;
    float:left;
    height:55px;
    font:normal normal bold 24px/52px Arial;
    margin-top:-6px
    }
    
    #leaderboard-table .table-row {
    font-size:1.2em;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif;
    color:#000;
    width:94%;
    display:block;
    clear:both;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding:10px;
    height:55px;
    border-bottom:2px solid #9ca7c7
    }
    
    #leaderboard-table .table-data {
    width:33%;
    display:block;
    float:left;
    height:55px;
    letter-spacing:0;
    color:#000;
    opacity:1;
    font-family:"Montserrat";
    font-size:18px;
    font-weight:700
    }
    
    #leaderboard-table .title.left-col {
    text-align:left
    }
    
    #leaderboard-table .table-data.left-rank {
    text-align:left;
    padding-left:40px
    }
    
    #leaderboard-table .title.right-col {
    text-align:right
    }
    
    #leaderboard-table .table-data.right-score {
    text-align:right;
    padding-right:35px
    }
    
    #leaderboard-table .table-data.player-score {
    text-align:left
    }
    
    .droplet {
    background-color:#e0e7f6;
    margin:0;
    width:3vw;
    height:31px;
    border:1px solid #fff
    }
    
    .current {
    animation:blinker 2s infinite;
    animation-direction:alternate
    }
    
    #drop1 {
    border-radius:80px 0 0 80px
    }
    
    #drop10 {
    border-radius:0 80px 80px 0
    }
    
    @keyframes blinker {
    50% {
    opacity:0
    }
    }
    
    #ex1.modal {
    top:30%;
    background-color:#000;
    color:#fff;
    border:1px solid #2eafeb;
    left:10%;
    right:10%;
    width:80%;
    height:200px;
    padding-top:16px;
    border-radius:30px
    }
    
    .modal-link {
    font-size:24px;
    height:48px;
    color:#000;
    background:#00d6b2 0 0 no-repeat padding-box!important;
    padding-top:6px;
    box-shadow:0 6px 0 #008473;
    border-radius:36px;
    opacity:1;
    color:#fff!important;
    font-weight:500
    }
    
    .modal-dialog {
    width:85%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    height:auto;
    top:30vh;
    padding-top:0
    }
    
    .modal-link:hover {
    color:#fff
    }
    
    .modal-link {
    margin:18px 0
    }
    
    .modal-body {
    background:#fff 0 0 no-repeat padding-box;
    color:#000!important;
    text-align:center;
    width:100%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    border:8px solid #fff!important;
    font-weight:700;
    border-radius:24px
    }
    
    .modal-content {
    background:#2560b7;
    border-radius:35px;
    width:100%;
    margin-left:auto;
    margin-right:auto
    }
    
    #registration-form {
    width:94%;
    margin-left:auto;
    margin-right:auto
    }
    
    .modal-title {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:24px;
    font-weight:700
    }
    
    .form-field-single-modal-signup {
    display:flex;
    justify-content:center;
    margin-bottom:10px;
    padding:0
    }
    
    .form-field-single-modal-signup-label {
    font-size:.6em;
    width:20%;
    margin-top:7px;
    margin-right:11px;
    text-align:right;
    letter-spacing:0;
    color:#000;
    opacity:1
    }
    
    input.form-field-single-modal-signup-input {
    background-color:#fff #0% #0% no-repeat padding-box;
    color:#000;
    font-size:.7em;
    width:60%;
    height:33px;
    border-radius:8px!important
    }
    
    input.form-field-single-modal-signup-input:focus {
    background-color:#fff;
    color:#000;
    border-radius:0!important
    }
    
    .leaderboard_options {
    background-color:#2560b7;
    border:2px solid #fff;
    border-radius:0;
    width:33%;
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
    border-color:#6px solid #fff;
    color:#fff;
    padding:10px 0
    }
    
    .play-options {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    gap:40px
    }
    
    .word-spelling {
    font-size:40px;
    padding:10px 10px 5px 0;
    width:100%;
    display:block;
    float:left;
    line-height:1;
    height:auto
    }
    
    .word-pronunciation {
    width:100%;
    display:block;
    float:left;
    font-size:20px;
    line-height:1;
    height:auto;
    text-align:left
    }
    
    .word-category {
    width:138px;
    display:block;
    float:left;
    padding:24px 5px
    }
    
    .word-category,.word-part-of-speech-title,.word-origin-title,.word-synonyms-title,.word-antonyms-title,.word-definition-title,.word-example-title {
    font-weight:900;
    font-size:14px;
    font-family:"Montserrat",sans-serif
    }
    
    .pos {
    padding-left:10px;
    font-family:"Montserrat",sans-serif;
    line-height:1.6
    }
    
    .word-synonyms,.word-antonyms,.word-definition,.word-example {
    padding-left:22px;
    font-family:"Montserrat",sans-serif
    }
    
    .background-section {
    padding-bottom:26px;
    color:#0a1f57!important
    }
    
    .detail-header {
    border-bottom:1px solid #e0e7f6;
    width:96%;
    margin-left:2%;
    margin-right:2%;
    display:inline-block;
    height:100px;
    font-family:"Montserrat",sans-serif
    }
    
    .word-section {
    padding-left:20px;
    margin-bottom:20px
    }
    
    .word-section p {
    margin:0 0 0 2px
    }
    
    .word-section p.detail-header-element {
    margin-top:auto;
    margin-bottom:auto
    }
    
    .word-category {
    text-align:right
    }
    
    .category-background-container div.category-background-wrapper {
    margin-left:auto;
    margin-right:auto
    }
    
    div#firebase-signout {
    font-size:16px;
    color:#0c51ba;
    font-family:"Montserrat",sans-serif;
    font-weight:600
    }
    
    div#nav-category {
    letter-spacing:normal;
    color:#0a1f57!important
    }
    
    div#nav-user-profile {
    font-size:16px;
    color:#0c51ba;
    font-family:"Montserrat",sans-serif;
    font-weight:600
    }
    
    img#pop-logo-home {
    width:350px!important
    }
    
    div#oops-word {
    font-size:75px;
    color:#00d6b2;
    font-weight:700;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif;
    text-decoration:none
    }
    
    div#page-not-found {
    font-size:25px;
    font-weight:700;
    color:#00d6b2!important
    }
    
    ul.navbar-nav li {
    list-style:none;
    font-family:"Montserrat"
    }
    
    li.nav-item a {
    text-decoration:none;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:15px;
    font-weight:500
    }
    
    div#checking-pages {
    letter-spacing:0;
    color:#20315d;
    font-size:16px;
    font-weight:550
    }
    
    span.custom-close-icon {
    font-size:30px;
    color:#000;
    float:left
    }
    
    .fl-full-width .fl-page {
    width:100%!important
    }
    
    #registration-form button:hover {
    color:#008473!important;
    border:1px solid #008473!important
    }
    
    #registration-form button:focus {
    color:#008473!important;
    border:1px solid #008473!important
    }
    
    button#firebase-form-submit:hover {
    color:#008473!important;
    border:1px solid #008473!important
    }
    
    div#nav-play {
    cursor:pointer
    }
    
    div#nav-category {
    cursor:pointer
    }
    
    ul.navbar-nav .nav-item .nav-menu {
    cursor:pointer
    }
    
    #password_update_form button {
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 8px 0 #008473;
    border-radius:36px;
    opacity:1;
    margin-top:20px;
    height:50px!important;
    width:240px!important;
    font-size:16px!important;
    font-weight:700!important;
    font-family:"Montserrat"
    }
    
    .RegiForm {
    padding-top:20px!important
    }
    
    div#leads {
    display:none
    }
    
    .container {
    min-height:auto;
    display:flex;
    flex-direction:column
    }
    
    body,html {
    height:auto;
    margin:0;
    padding:0
    }
    
    #main-content {
    flex:1;
    display:flex;
    flex-direction:column;
    justify:top;
    padding-top:32px;
    align-items:center
    }
    
    .img-fluid {
    max-width:100%;
    height:auto
    }
    
    span.non-link-footer-text {
    font-size:12px
    }
    
    a#signinup-desktop {
    color:#fff;
    width:178px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 4px 0 #008473;
    border-radius:36px;
    opacity:1;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px
    }
    
    a#signup-mobile {
    color:#fff;
    width:120px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 4px 0 #008473;
    border-radius:36px;
    opacity:1;
    text-align:center;
    padding-top:4px;
    padding-bottom:4px;
    font-size:12px;
    margin:4px
    }
    
    div#large-topleft-logo {
    display:none!important
    }
    
    div#leaderboard-table {
    background:#fff 0 0 no-repeat padding-box;
    border-radius:25px;
    opacity:1
    }
    
    .table-row:last-child {
    border-bottom:none!important
    }
    
    .WordThirst_Terms_of_Use_2023 {
    font-size:15px!important;
    line-height:25px!important
    }
    
    div#PP_Page {
    font-size:15px!important;
    line-height:25px
    }
    
    @media only screen and (max-width: 338px) {
    .modal-title {
    font-size:16px
    }
    }
    
    @media screen and (max-width: 320px) {
    .single-category {
    width:245px!important
    }
    
    #signinup .fl-module-content.fl-node-content a {
    font-size:8px!important
    }
    }
    
    @media only screen and (max-width: 383px) {
    #leaderboard-table .table-data {
    font-size:10px;
    font-weight:300
    }
    }
    
    @media screen and (max-width: 400px) {
    #signinup .fl-module-content.fl-node-content a {
    font-size:8px!important
    }
    }
    
    @media only screen and (max-width: 414px) {
    #leaderboard-table .table-data {
    font-size:11px;
    font-weight:300
    }
    }
    
    @media only screen and (max-width: 434px) {
    .modal-title {
    font-size:17px
    }
    
    .leaderboard_heading {
    font-size:22px
    }
    
    .play-options {
    padding-left:0;
    padding-right:0;
    display:grid;
    gap:0
    }
    
    .play-options .button {
    width:calc(100% - 20px)
    }
    }
    
    @media screen and (max-width: 480px) {
    html body #large-topleft-logo div div div img,html body .large-topleft-logo {
    display:none
    }
    }
    
    @media only screen and (max-width: 500px) {
    #custom_signup_modal .modal-dialog-adjust .modal-content {
    width:88%;
    position:absolute;
    margin-left:6%;
    margin-right:6%;
    margin-top:5%;
    max-width:960px;
    z-index:5
    }
    
    #leaderboard-table .table-data {
    width:33%;
    display:block;
    float:left;
    height:44px;
    font-size:14px;
    font-family:"Montserrat",sans-serif;
    margin-top:-2px;
    padding-left:2px;
    padding-right:0;
    padding-top:3px;
    font-weight:300
    }
    
    .error-message {
    font-size:16px;
    line-height:30px
    }
    
    .click-play-link,.click-category-link,.click-signin-link {
    font-size:24px
    }
    
    .word-details-container {
    top:-65vh
    }
    
    #hamburger-menu-mobile {
    position:sticky;
    top:20px;
    right:20px
    }
    }
    
    @media screen and (max-width: 600px) {
    #registration-form .form-field-single-modal-signup-label {
    font-size:10px;
    padding:10px 0;
    text-align:right;
    margin-top:0;
    margin-bottom:-10px
    }
    
    .word-details-container {
    top:-65vh
    }
    
    p.question {
    font-size:22px
    }
    
    .answer_option {
    width:88px;
    font-size:18px;
    text-transform:capitalize;
    padding:12px 14px;
    vertical-align:middle
    }
    
    #img-right {
    display:none
    }
    
    #img-wrong,#img-wrong-response {
    display:none
    }
    
    .play-options {
    padding-left:0;
    padding-right:0;
    display:grid;
    gap:0
    }
    
    .leaderboard_options {
    margin-bottom:4px
    }
    
    .error-message {
    font-weight:300;
    text-align:center;
    color:#fff;
    margin-left:auto;
    margin-right:auto;
    width:80%
    }
    
    .message-container {
    opacity:.85
    }
    
    .single-category {
    justify-content:space-around;
    font-size:.6em;
    margin:0 0 10px;
    width:100%;
    max-height:40px;
    background:#e1fcff 0 0 no-repeat padding-box
    }
    
    #leaderboard-table tr,#leaderboard-table td {
    font-size:.8em;
    font-weight:700;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    #leaderboard-table th {
    font-size:1em;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif
    }
    
    #leaderboard-table .table-data {
    width:33%;
    display:block;
    float:left;
    height:44px;
    font-size:15px;
    padding-left:2px;
    padding-right:0;
    padding-top:3px
    }
    
    #leaderboard-table span.title {
    width:33%;
    display:block;
    float:left;
    height:44px;
    font-size:12px;
    margin-top:-6px
    }
    
    #leaderboard-table .table-row,#leaderboard-table .title-row {
    height:44px;
    padding-left:2px;
    padding-right:0;
    padding-top:3px
    }
    
    .next-question-button-expanded,.next-question-button {
    width:92%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:10px
    }
    
    .next-question-text {
    font-size:14px
    }
    
    .next-question-button span img {
    width:22px;
    margin-left:4px;
    margin-bottom:0
    }
    
    .category-background-container {
    padding:5%
    }
    
    .category-container {
    width:94%;
    margin-left:auto;
    margin-right:auto
    }
    
    #leaderboard-table .table-data.left-rank {
    padding-left:30px
    }
    
    #leaderboard-table .table-data.right-score {
    padding-right:32px
    }
    }
    
    @media screen and (max-width: 767px) {
        .fl-col-group.fl-node-x9pc20v6skgj {
    display: none;
}
    div#nav2 {
    width:30%!important
    }
    
    #nav2 .fl-module-content.fl-node-content {
    margin:20px 20px 20px 0
    }
    
    div#nav3 {
    width:50%!important
    }
    
    form#registration-form {
    padding-top:20px
    }
    
    div#ex1 {
    padding:2px!important;
    border-radius:6px;
    opacity:1
    }
    
    .checkbox-container {
    position:absolute;
    left:7px;
    top:-7px;
    transform:translateY(50%)
    }
    
    .word-section.part-of-speech {
    margin-top:20px
    }
    
    .detail-header {
    display:inline-grid
    }
    
    .detail-header .left-col {
    width:100%
    }
    
    .detail-header .right-col {
    width:100%
    }
    
    .RegiForm p {
    font-size:15px!important
    }
    
    .question-content.incorrect-ans .col-md-12 {
    width:100%
    }
    
    .question-content.correct-ans .col-md-12 {
    width:100%
    }
    
    #password_update_form button {
    font-size:11px!important
    }
    
    div#footer-sections a:hover {
    text-decoration:none!important;
    box-shadow:none!important;
    border:none!important
    }
    
    span.table-data.player-score {
    text-align:center!important
    }
    
    div#leaderboard-table .title {
    text-align:center!important
    }
    
    div#signinup span {
    font-size:15px
    }
    
    #content-container {
    width:100%!important
    }
    
    .checkbox-container label::after {
    left:8px;
    top:4px;
    width:5px;
    height:10px
    }
    
    .checkbox-container label {
    width:20px;
    height:20px
    }
    
    #footer-sections .fl-module.fl-module-photo.fl-node-cu20lohiaxyn {
    margin-bottom:15px
    }
    
    .fl-photo.fl-photo-align-left {
    text-align:left
    }
    
    img#hamburger-menu-mobile {
    width:30px!important;
    height:26px
    }
    
    .col-md-6.image-ports img {
    width:100%;
    height:100%
    }
    
    #footer-sections .fl-col-content.fl-node-content {
    padding-top:10px;
    padding-bottom:2px
    }
    
    .abt-us p.text-primary {
    width:80%;
    margin:auto;
    font-size:15px!important
    }
    
    .container.abt-us {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border:4px solid #fff;
    border-radius:10px;
    opacity:1
    }
    
    button#choose_cat {
    width:220px;
    height:48px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 6px 0 #008473;
    border-radius:36px;
    opacity:1;
    display:block;
    margin:auto;
    margin-bottom:20px
    }
    
    button#q-play {
    width:220px;
    height:48px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 6px 0 #008473;
    border-radius:36px;
    opacity:1;
    display:block;
    margin:auto;
    margin-bottom:20px
    }
    
    button#go-home {
    width:220px;
    height:48px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 6px 0 #008473;
    border-radius:36px;
    opacity:1;
    display:block;
    margin:auto;
    margin-bottom:20px
    }
    
    div#ex1 {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border:4px solid #fff;
    border-radius:10px;
    opacity:1
    }
    
    #leaderboard-table span.title {
    font-size:10px!important
    }
    
    div#leaderboard-table {
    margin-top:10px!important;
    background:#fff 0 0 no-repeat padding-box;
    border-radius:6px!important;
    opacity:1
    }
    
    #leaderboard-table span.title {
    width:33%;
    display:block;
    float:left;
    height:44px;
    font-size:10px;
    margin-top:-6px
    }
    
    div#leaderboard-table {
    margin-top:10px!important
    }
    
    div#leaderboard-table {
    width:93%;
    margin:auto
    }
    
    div#ex1 {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border:4px solid #fff;
    border-radius:10px;
    opacity:1
    }
    
    .RegiForm {
    font-size:12px!important
    }
    
    #registration-form .all-fields {
    padding-top:30px
    }
    
    .RegiForm {
    padding-top:20px!important;
    padding-bottom:20px!important
    }
    
    span.qs {
    font-size:13px
    }
    
    span.count1 {
    font-size:19px
    }
    
    span.count2 {
    font-weight:500;
    font-size:16px
    }
    
    div#next-question-button-expanded {
    height:100%!important;
    background:#234cb9 0 0 no-repeat padding-box!important;
    box-shadow:0 8px 0 #0a1f57!important;
    border-radius:30px!important;
    opacity:1;
    text-align:center;
    font-size:18px;
    font-family:"Montserrat"
    }
    
    .question-content.correct-ans .col-md-12 {
    margin-top:10px!important
    }
    
    .question-content.correct-ans {
    padding-top:0!important
    }
    
    #word-details-container .background-section {
    background:#fff 0 0 no-repeat padding-box;
    padding-top:20px
    }
    
    .full-word-details {
    padding:16px 16px 14px
    }
    
    .full-word-details-text {
    font-size:14px
    }
    
    .full-word-detail-arrow {
    font-size:14px
    }
    
    span.question-count {
    padding-top:15px
    }
    
    div#next-question-button {
    margin-left:auto;
    margin-right:auto
    }
    
    .progress-bar-background {
    width:100%!important
    }
    
    button#answer-button {
    margin-top:20px;
    margin-bottom:20px;
    z-index:1
    }
    
    .error-message strong {
    color:#0a1f57;
    text-transform:capitalize;
    font-size:16px;
    line-height:30px
    }
    
    button.btn-wrong1 img {
    width:33px!important;
    height:33px!important
    }
    
    button#answer-button img {
    width:33px!important;
    height:33px!important
    }
    
    p#word-pronunciation {
    text-align:left
    }
    
    p#word-spelling {
    text-align:left;
    letter-spacing:0;
    color:#000;
    opacity:1;
    font-size:25px;
    font-weight:600
    }
    
    span#wrong-answer-text {
    font-size:16px;
    line-height:30px
    }
    
    img#img-wrong-ans {
    width:26px;
    height:26px
    }
    
    span.question-count {
    font-size:15px
    }
    
    .question-list .container.mt-5 {
    padding-right:initial;
    padding-left:initial
    }
    
    .question-content.question-list {
    padding-top:0
    }
    
    .bottom-left-images.correct-answer img {
    top:106px;
    left:0;
    width:100px;
    position:absolute
    }
    
    .correct-ans .col-md-12 {
    width:70%;
    margin-top:0!important
    }
    
    span.qs.cor {
    font-size:24px
    }
    
    button.btn-wrong1 {
    height:45px
    }
    
    button#answer-button {
    height:45px
    }
    
    div#next-question-button {
    height:100%!important
    }
    
    .incorrect-ans .col-md-12 {
    width:80%;
    margin-top:0!important
    }
    
    .bottom-left-image.incorrect-answer img {
    margin-top:-25px;
    left:6px;
    width:110px;
    position:absolute
    }
    
    span#next-question-text {
    font-size:18px
    }
    
    div#next-question-button {
    width:100%;
    height:44px
    }
    
    button#answer-button {
    margin-bottom:30px
    }
    
    img.display-image.correct-ans {
    width:26px;
    height:26px;
    float:left
    }
    
    .question-content.incorrect-ans {
    padding-top:0!important
    }
    
    span.qs.wr {
    font-size:18px!important
    }
    
    p.question {
    display:revert-layer;
    align-items:center;
    justify-content:center;
    height:fit-content;
    box-sizing:border-box
    }
    
    .qu-ans-page .options.mt-4.col-md-12 {
    background-color:#e1fcff;
    padding:15px;
    border-radius:0!important;
    position:relative;
    box-sizing:border-box
    }
    
    .qu-ans-page .options.mt-4.col-md-12::after {
    content:"";
    display:block;
    position:absolute;
    bottom:-20px;
    left:0;
    width:100%;
    height:20px;
    background:#e1fcff 0 0 no-repeat padding-box;
    border-radius:0 0 24px 24px;
    opacity:1
    }
    
    .qu-ans-page .options.mt-4.col-md-12 .col-md-6 {
    padding:0;
    margin-bottom:0
    }
    
    .qu-ans-page .options.mt-4.col-md-12 .col-md-6:last-child a.answer_option {
    margin-bottom:0
    }
    
    .container.qu-ans-page {
    padding:inherit;
    margin-bottom:0
    }
    
    .options.mt-4.col-md-12 {
    background:#e1fcff 0 0 no-repeat padding-box;
    border-radius:0 0 24px 24px;
    opacity:1
    }
    
    .options .col-md-6 {
    width:100%;
    max-width:100%!important;
    margin:auto!important;
    padding:initial
    }
    
    .answer_option {
    margin-bottom:0;
    background:#fff 0 0 no-repeat padding-box;
    box-shadow:0 4px 0 #04d0df;
    border:2px solid #04d0df;
    border-radius:40px;
    opacity:1;
    height:40px
    }
    
    .progress-bar-background {
    padding-top:15px;
    padding-bottom:0
    }
    
    .droplet {
    height:18px
    }
    
    .image-portion img {
    border:6px solid #fff;
    border-radius:36px 36px 36px 0;
    opacity:1
    }
    
    p.question {
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:15px!important;
    font-weight:700;
    font-family:"Montserrat";
    padding-top:25px
    }
    
    div#content-container {
    max-width:100%!important
    }
    
    .droplet {
    width:7vw
    }
    
    .qu-ans-page .options.mt-4.col-md-12 {
    background:#e1fcff
    }
    
    .container.qu-ans-page {
    background:#fff
    }
    
    .question-content {
    background:#e1fcff
    }
    
    .container.qu-ans-page {
    height:100%
    }
    
    .container.qu-ans-page .col-md-6 {
    width:100%
    }
    
    .container.qu-ans-page {
    width:100%
    }
    
    #categoriesModal button.close.modal-close-btn {
    text-align:left!important;
    opacity:.62;
    font-size:30px;
    font-weight:400;
    margin-top:0;
    margin-left:7px
    }
    
    #categoriesModal .modal-dialog {
    top:2%!important
    }
    
    .container.bg-wr {
    width:100%!important
    }
    
    #menu4 {
    width:30%!important
    }
    
    #menu5 {
    width:50%!important;
    max-width:none;
    clear:none;
    float:left
    }
    
    .all-fields {
    border-radius:10px
    }
    
    .modal-header {
    background:#fff;
    padding:inherit
    }
    
    .container.leaders {
    border:4px solid #fff;
    border-radius:10px;
    opacity:1;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:1000;
    overflow:auto;
    padding:inherit
    }
    
    button#play-selected {
    width:221px;
    height:44px;
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 6px 0 #008473;
    border-radius:36px;
    opacity:1;
    margin:0 auto
    }
    
    .single-category {
    width:274px!important;
    height:45px!important;
    border-radius:13px;
    opacity:1;
    margin:0 auto!important;
    margin-bottom:18px!important
    }
    
    .category-heading br {
    display:block
    }
    
    .testModal .modal-content {
    background:transparent!important
    }
    
    .container.bg-wr {
    margin-bottom:40px;
    padding-bottom:40px!important
    }
    
    button#play-selected {
    margin-top:0
    }
    
    .single-category img {
    width:30px!important;
    height:30px!important;
    margin-right:15px!important;
    margin-left:15px!important;
    padding-top:5px!important
    }
    
    .single-category p {
    text-align:left!important
    }
    
    .category-background-wrapper {
    top:0!important
    }
    
    .container.bg-wr {
    padding:inherit
    }
    
    .fade.in {
    opacity:1
    }
    
    .category-heading {
    color:#0a1f57;
    opacity:1;
    font-size:20px;
    height:50px;
    text-align:center;
    letter-spacing:0;
    color:#0a1f57;
    opacity:1;
    font-size:23px;
    font-family:"Montserrat"
    }
    
    form#firebase-login-form {
    width:100%!important;
    max-width:100%
    }
    
    form#password_update_form {
    border:none!important;
    background:transparent!important
    }
    
    div#profile-content {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border:4px solid #fff;
    border-radius:10px
    }
    
    form#password_update_form {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border:4px solid #fff;
    border-radius:10px
    }
    
    div#login_content_display {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border-radius:10px;
    padding-top:10px;
    padding-bottom:10px
    }
    
    .all-fields {
    padding:10px
    }
    
    .container.abt-us br {
    display:none
    }
    
    form#password_update_form {
    padding:0!important
    }
    
    div#user_registration_content {
    background:#f6f9ff 0 0 no-repeat padding-box;
    border:4px solid #fff;
    border-radius:10px;
    opacity:1
    }
    
    .RegiForm {
    width:100%!important;
    padding:0!important
    }
    
    form#registration-form {
    width:100%!important
    }
    
    form#firebase-login-form {
    padding:0
    }
    
    span.custom-close-icon {
    font-size:35px;
    color:#000;
    margin-top:-20px;
    margin-left:-10px;
    float:left;
    font-weight:500
    }
    
    button#go-home {
    margin-bottom:20px
    }
    
    button#q-play {
    margin-bottom:20px
    }
    
    div#ex1 {
    padding:0
    }
    
    #signinup .fl-module-content.fl-node-content a {
    background:#00d6b2 0 0 no-repeat padding-box;
    box-shadow:0 4px 0 #008473;
    border-radius:36px;
    opacity:1;
    color:#fff;
    padding:10px;
    border:none;
    font-size:12px!important;
    width:100%
    }
    
    div#content-container .text-primary {
    font-size:13px
    }
    
    h1.about-us {
    font-size:17px!important;
    height:auto
    }
    
    div#oops-word {
    font-size:50px;
    color:#00d6b2;
    font-weight:700;
    -webkit-font-smoothing:antialiased;
    font-family:"Montserrat",sans-serif;
    text-decoration:none
    }
    }
    
    @media only screen and (max-width: 768px) {
    #hamburger-menu-mobile-cat {
    position:fixed;
    top:10px;
    right:10px;
    z-index:11
    }
    
    .options {
    padding-bottom:143px
    }
    
    .display-image {
    width:300px;
    height:auto
    }
    
    .fl-node-hrs54v7c92zm .fl-photo-img,.fl-node-hrs54v7c92zm .fl-photo-content {
    margin-bottom:-50px;
    margin-top:-15px
    }
    
    .fl-node-qtpxbo0elnwd.fl-row-full-height>.fl-row-content-wrap,.fl-node-qtpxbo0elnwd.fl-row-custom-height>.fl-row-content-wrap {
    padding-bottom:16vh!important;
    min-height:0
    }
    
    .fl-node-5cyi0q6ndp3k {
    margin-top:-8px
    }
    
    #mobile-topleft-logo,#large-topleft-logo {
    margin-top:-41px
    }
    
    .fl-node-qtpxbo0elnwd.fl-row-full-height>.fl-row-content-wrap,.fl-node-qtpxbo0elnwd.fl-row-custom-height>.fl-row-content-wrap {
    padding-bottom:initial!important;
    min-height:fit-content
    }
    
    html body #large-topleft-logo div div div img,html body .large-topleft-logo {
    display:none
    }
    
    .fl-node-e083jruod4wl.fl-module>.fl-module-content {
    margin-bottom:unset
    }
    }
    
    @media screen and (max-width: 820px) {
    .droplet {
    width:6.4vw
    }
    
    .detail-header {
    min-height:116px
    }
    
    .col-md-6.image-portion {
    display:none
    }
    
    .word-details-container {
    top:-50vh
    }
    
    .word-section.detail-header {
    grid-template-columns:1fr;
    gap:8px
    }
    
    .word-category {
    text-align:left;
    width:100%;
    display:block;
    clear:both;
    padding:4px
    }
    
    .word-spelling {
    font-size:30px;
    padding:0;
    min-width:100%;
    max-width:100%;
    display:block;
    clear:both
    }
    
    .word-pronunciation {
    width:100%;
    display:block;
    clear:both;
    padding:4px
    }
    
    .word-section {
    margin-left:10px;
    margin-right:10px;
    padding-left:4px
    }
    
    .full-word-details,.full-word-detail-expanded {
    width:100%
    }
    
    .full-word-details-text {
    font-size:16px;
    width:65%
    }
    
    .full-word-detail-arrow {
    width:35%
    }
    
    .modal-dialog {
    width:85%!important;
    height:auto;
    margin-left:auto!important;
    margin-right:auto!important
    }
    
    .progress-bar-background {
    width:84vw
    }
    
    .form-field-single-modal-signup-label {
    font-size:.6em;
    width:40%;
    padding:10px 0;
    text-align:left
    }
    
    input.form-field-single-modal-signup-input {
    background-color:#fff;
    color:#000;
    font-size:.8em;
    width:50%
    }
    
    input.form-field-single-modal-signup-input::placeholder {
    font-size:.63em
    }
    
    .regi-form-modal p {
    width:80%;
    margin-left:auto;
    margin-right:auto
    }
    
    .next-question-button {
    padding:8px 46px;
    max-width:300px;
    height:55px
    }
    
    .next-question-text {
    font-size:20px
    }
    
    .category-background-container {
    padding:10%
    }
    
    .category-background-container div.category-background-wrapper {
    margin-top:40px
    }
    
    .single-category.fun-category img {
    height:23px;
    width:25px
    }
    
    .single-category.uncommon-category img {
    height:27px;
    width:23px
    }
    
    .single-category.fun-category img {
    height:23px;
    width:25px
    }
    
    .single-category {
    margin:0 0 10px
    }
    
    .display-image {
    width:300px;
    height:125px
    }
    
    .category-container {
    display:flex;
    padding-left:0;
    padding-right:0;
    width:94%;
    margin-left:auto;
    margin-right:auto;
    flex-wrap:wrap;
    margin-bottom:0
    }
    
    .single-category {
    display:flex;
    align-items:center;
    background:#E1FCFF;
    padding:5px 15px;
    margin:0 0 10px;
    font:normal normal bold 18px/30px Arial;
    width:100%;
    height:48px;
    -webkit-font-smoothing:antialiased
    }
    
    .single-category img {
    width:25px;
    height:25px;
    margin-right:10px;
    margin-left:5px;
    padding-top:5px
    }
    
    .single-category.unusual-category img {
    width:25px
    }
    
    .photu {
    width:29px!important;
    height:29px!important;
    margin-right:10px;
    margin-left:5px;
    padding-top:5px
    }
    
    .photu1 {
    width:29px!important;
    height:29px!important;
    margin-right:10px;
    margin-left:5px;
    padding-top:5px
    }
    
    .single-category p {
    flex:1;
    font-size:16px;
    color:#fff;
    text-align:left;
    margin:0
    }
    
    .cat-button {
    background:#2560b7;
    border-radius:0;
    padding:10px 20px;
    font-size:16px;
    font-weight:700;
    color:#fff;
    cursor:pointer;
    width:94%
    }
    
    .cat-button:hover {
    background-color:#2057a3;
    border:4px solid #fff
    }
    
    .play-options {
    padding-left:0;
    padding-right:0;
    display:grid
    }
    
    .category-background-wrapper {
    z-index:10;
    position:fixed;
    top:16vh;
    left:50%;
    transform:translate(-50%,0);
    width:84%
    }
    
    .selected #educational-category-text {
    margin-top:0
    }
    
    div.single-category.uncommon-category.selected img {
    width:27px;
    height:23px;
    padding-top:0;
    margin-right:10px;
    margin-left:5px
    }
    
    div.single-category.unusual-category.selected img {
    width:25px;
    height:23px;
    margin-right:10px;
    margin-left:5px
    }
    
    div.single-category.fun-category.selected img {
    height:25px;
    width:30px;
    margin-right:10px;
    margin-left:5px
    }
    
    div.single-category.selected img {
    width:25px;
    height:25px;
    margin-right:10px;
    margin-left:5px
    }
    
    div.selected img#word-thirst_icons_Educational {
    width:25px;
    height:25px;
    margin:0 10px 0 5px
    }
    
    div.selected img#word-thirst_icons_Unique {
    margin:0 10px 0 5px;
    width:24px;
    height:20px
    }
    
    div.selected img#word-thirst_icons_Slang {
    margin:0 10px 0 5px;
    width:24px;
    height:24px
    }
    
    .single-category.unusual-category.selected img {
    width:30px;
    height:30px;
    margin:0 auto
    }
    
    div.single-category.selected img {
    width:24px;
    height:24px;
    padding-top:0;
    margin-top:-5px
    }
    
    .single-category.selected {
    height:48px;
    padding:5px 15px
    }
    }
    
    @media (max-width: 820px) {
    .fl-page button,.fl-page input[type="button"],.fl-page input[type="submit"] {
    font-size:16px;
    line-height:1.2;
    width:auto
    }
    
    .button-container {
    display:grid;
    width:94%;
    margin-left:auto;
    margin-right:auto
    }
    
    #hamburger-menu-mobile {
    position:sticky;
    top:0;
    right:18px;
    z-index:11
    }
    }
    
    @media (max-width: 992px) {
    #content-container {
    width:75%;
    margin-left:auto;
    margin-right:auto
    }
    }
    
    @media screen and (min-width: 320px) {
    div#signinup span {
    font-size:12px
    }
    
    .incorrect-ans .col-md-12,.correct-ans .col-md-12 {
    width:80%
    }
    }
    
    @media (min-width: 768px) {
    span.custom-close-icon {
    font-size:35px
    }
    }
    
    @media screen and (min-width: 820px) {
    .modal-dialog {
    width:85%!important;
    height:auto;
    margin-left:auto;
    margin-right:auto
    }
    
    .word-details-container {
    top:-630px
    }
    
    .category-background-container div.category-background-wrapper {
    margin-top:100px
    }
    
    .category-background-wrapper {
    z-index:10;
    position:fixed;
    left:50%;
    transform:translate(-50%,0);
    padding:30px 0
    }
    
    .category-container {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:14px
    }
    
    .single-category {
    min-width:146px;
    max-width:100%;
    min-height:44px;
    margin:10px
    }
    
    #hamburger-menu-desktop {
    position:relative;
    top:20px;
    z-index:11
    }
    }
    
    @media (min-width: 992px) {
    .fl-full-width .qu-ans-page {
    padding:0!important;
    width:100%!important
    }
    
    #content-container {
    width:75%;
    margin:0 auto
    }
    }
    
    @media (min-width: 1024px) {
    span.custom-close-icon {
    font-size:40px;
    margin-top:-30px;
    margin-left:-20px
    }
    
    #content-container {
    width:75%
    }
    }
    
    @media (min-width: 1440px) {
    span.custom-close-icon {
    font-size:45px;
    margin-top:-35px;
    margin-left:-25px
    }
    }
    .fl-node-gsxpjqnl2iru {
    display: none !important;
}
.fl-module-html.fl-node-a24thbekugc5 {
    display: none;
}
.rt-loader-spinner {
    width: 200px; /* Adjust size as needed */
    height: 200px;
    background: url('/wp-content/uploads/sites/2/2025/02/Animation-1739374166722.gif') no-repeat center center;
    background-size: contain;
}