body{font-size:17px;}
a {
    text-decoration: none;
}
a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));

}
a.stylenone {
    color: #4CC082!important;
}
a.stylenone:hover {
    color: #318156!important;
    text-decoration: underline !important;
}
a.stylenone1 {
    color: #4CC082!important;
}
a.stylenone1:hover {
    color: #318156!important;
}
.spanclick {
    color: #4CC082!important;
    cursor: pointer;
}
.spanclick:hover {
    color: #318156!important;
    text-decoration: underline !important;
}
.heading{font-size:4vw;font-weight:700;color:#111827;}
/* .heading{font-size: clamp(1rem, 2vw + 1rem, 3rem);font-weight:700;color:#111827;} */
p{color:#656c7a;}subheading{line-height:2.5rem;font-size:3vw;}
.footer-link:hover,
.container-fluid .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link,
.icon :hover,
.dropdown-item:hover,
.input-group-append button:hover .fa-search {
    color: #4CC082 !important;
}
@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 1.0rem;
        padding-left: 1.0rem;
    }
}
.shadow {
    box-shadow: 0 .2rem 0.1rem rgba(0, 0, 0, .08) !important;
    /* box-shadow: 0 .3rem 1rem rgba(0, 0, 0, .10) !important; */
}
.modal-content {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.fixed-top {
    transition: 0.5s;
    background: var(--bs-white);
    border: 0;
}
.navbar-toggler{
	border-radius: 10px;
	color: #4CC082 !important;
}
.navbar {
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
}
.icon {
	    font-size: x-large;
}

/* .modal-content {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
} */

.btn-success {
	background-color:#4CC082 !important;
	border-color:#4CC082 !important;
	border-radius: 15px;
    width: 200px !important;
    margin-bottom: 15px;
    margin-right: 10px;
    /* max-width: 300px!important; */
    /* min-width: 300px !important; */
}
.btn-success:hover {
	background-color:#41d385 !important;
}

@media (max-width: 767px) {
      .heading {
        font-size: 36px !important;
      }
    }
	.line-container {
            display: flex;
            align-items: center;
            text-align: center;
            width: 100%;
            margin-bottom: 1rem;
        }

        .line-container::before,
        .line-container::after {
            content: '';
            flex: 1;
            border-bottom: 1px solid #ccc;
        }

        .line-container p {
            margin: 0;
            padding: 0 1rem;
        }
        .button-container {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .button-container .btn {
            width: 100%;
            max-width: 450px;
        }
        .sign {
            border-radius: 15px;
        }
       #footer-shadow {
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.150);
       }
       a.stylenone:hover {
        color: #000;
        text-decoration: none;
    }
    /* loader ring css */
    .loader-ring {
        border: 8px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
    /* image title and header common css */

    .header-container {
    width: 100%;
    }

    .header-row {
        display: flex;
        align-items: center;
        margin: 10px 0;
    }

    .header-item {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .full-width {
        flex: 1;
    }

    .half-width, .one-third {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    /* .one-third {
        display: flex;
        justify-content: space-between;
        width: 100%;
    } */

    .line {
        border-bottom: 1px solid #000;
        flex-grow: 1;
        margin: 10px 10px 0px;
    }
    .question-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

    }
    .question-grid-1 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);

    }
    /* edit and delete button table */
    .edit-question, .delete-question {
        top: 10px;
        right: 10px;
        cursor: pointer;
        background: none;
        border: none;
        color: #007bff;
        font-size: 1.2rem;
        }

        .delete-question {
            color: #dc3545;
            margin-left: 10px;
        }
         .list-group {
            display: inline-table;
         }
         /* .list-group-item {
            padding: 0rem;
       } */
         /* image show  */
        .box {
        position: absolute;
        left: 50%;
        top: 47%;
        transform: translate(-50%, -50%);
        /* transform: translate(-50%, 50%); */
        background-color: #ffffff;
        z-index: 10;
        width: 100%;
        height: 100%;
        text-align: center;
        }
        .overlay {
            /* position: absolute; */
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            background-color: #ffffff;
            z-index: 5;
            display: block;
        }
        /* qsearch  */
        .question-container {
            position: relative;
            display: flex;
        }
        .btn-succ1 {
            background-color: #4CC082 !important;
            border-color: #4CC082 !important;
            color: #fff !important;
            cursor: pointer;
        }

        .btn-succModal {
            background-color: #4CC082 !important;
            border-color: #4CC082 !important;
            color: #fff !important;
            border-radius: 15px !important;
            padding: 8px 10px 8px 10px;
            width: 35%;
        }

        .btn-succModal:hover {
            background-color: #41d385 !important;
        }
        .lineimg {
            border-bottom: 1px solid #000;
            flex-grow: 1;
            margin:  0px 10px 10px;
        }
       
        .options {
            display: flex;
            flex-wrap: wrap;
            width: calc(100% - 5px); 
        }

        .option {
            width: calc(50% - 5px);
            box-sizing: border-box;
            padding: 0px;
        }

        .option p {
            margin: 0;
            padding: 1px;
            color: #141416;
        }
        #questions-title-header {
            text-align: left;
        }
        .form-row {
            display: flex;
           align-items: center;
        }

        .form-row label {
           margin-right: 10px;
            flex-shrink: 0;
        }

        .form-row input {
            border: none;
            border-bottom: 1px solid #000;
            background: transparent;
        }
        /* Bubbletest */
        .custom-radio {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        }
        .form-check-label {
            position: relative;
            padding-left: 40px;
            cursor: pointer;
            display: flex;
            align-items: center;
            line-height: 1;
        }
        .custom-radio:checked + .form-check-label .radio-label {
            color: #fff !important;
        }
        .margincss {
            margin-top: 12px !important;
        }
        .custom-radio:checked + .form-check-label::before {
            background-color: #000000;
            border-color: #010101;
        }
        .form-check-label::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 2px solid #000000;
            transform: translateY(-50%);
            transition: background-color 0.2s, border-color 0.2s;
            color: #fff;
        }
        .radio-label {
            position: absolute;
            top: 50%;
            left: 9px;
            transform: translateY(-50%);
            font-size: 18px;
            color: #000 !important;
        }
        /* .paddinleft {
            padding-left: 6rem !important;
        } */
        .table>:not(:first-child) {
            border-top: 0px solid currentColor;
        }
        /* bcard file css */

        .loader-ring {
            border: 8px solid rgba(255, 255, 255, 0.3);
            border-top: 8px solid white;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            animation: spin 1s linear infinite;
        }
        .question-container h5 {
            margin-bottom: 10px;
        }
        .header-text {
            text-align: center;
            margin: 0;
            padding: 0;
        }
        .innerdiv {
            width: 90%;
            padding-left: 38px;
            padding-top: 30px;
        }
        .bg-image_div {
            width: 65%;
            height: 600px !important;
            background-size: contain;
            background-repeat: no-repeat;
            overflow: hidden;
        }
        .grid-item {
            border: 1px solid #ccc;
            padding: 10px;
            text-align: center;
        }
        table.word-table {
            border-collapse: collapse;
            width: 100%;
            /* height: auto; */
        }
        td.word-td {
            border: 1px solid #000;
            width: 20%;
            /* height: calc(100vh / 10); */
            /* height: calc(102vh / 9); */
            text-align: center;
            vertical-align: middle;
            word-wrap: break-word;
            white-space: normal;
            font-size: 15px ;
            padding: 0px !important;
            height: 70px;
        }
 /* Default grid size 4x4 */
         .grid-4x4 th,
         .grid-4x4 td {
             text-align: center;
             font-size: 50px;
             padding: 15px;
             height: 100px;
             width: 25%;
             vertical-align: middle;
 
         }
 
         /* For 3x3 grid */
         .grid-3x3 th,
         .grid-3x3 td {
             padding: 20px;
             font-size: 55px;
             text-align: center;
             width: 33.333%;
             height: 135px;
             vertical-align: middle;
         }

/* Additional fonts in css  start*/
@font-face {
    font-family: 'Banger-regular';
    src: url('../fonts/Bangers-Regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'BigShouldersInlineDisplay-VariableFont_wght';
    src: url('../fonts/BigShouldersInlineDisplay-VariableFont_wght.ttf') format('truetype'); 
}

@font-face {
    font-family: 'BrunoAce-Regular';
    src: url('../fonts/BrunoAce-Regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'DiplomataSC-Regular';
    src: url('../fonts/DiplomataSC-Regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'GrandifloraOne-Regular';
    src: url('../fonts/GrandifloraOne-Regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Italianno-Regular';
    src: url('../fonts/Italianno-Regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Kablammo-Regular-VariableFont_MORF';
    src: url('../fonts/Kablammo-Regular-VariableFont_MORF.ttf') format('truetype'); 
}

@font-face {
    font-family: 'RobotoCondensed-Italic-VariableFont_wght';
    src: url('../fonts/RobotoCondensed-Italic-VariableFont_wght.ttf') format('truetype'); 
}

@font-face {
    font-family: 'RobotoCondensed-VariableFont_wght';
    src: url('../fonts/RobotoCondensed-VariableFont_wght.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Shizuru-Regular';
    src: url('../fonts/Shizuru-Regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'YujiHentaiganaAkari-Regular';
    src: url('../fonts/YujiHentaiganaAkari-Regular.ttf') format('truetype'); 
}

/* Additional fonts in css  end*/
/* wsearch-game open */
.custom-switch:checked {
    background-color: #4CC082 !important;
    border-color: #4CC082 !important;
}

.form-check-input {
    height: 2em;
}

.form-switch .form-check-input {
    width: 6em;
}

#wordList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style-type: none;
    padding: 0;
}
.form-control-color {
    width: 33%;
    }
.background-top,
.form-control:disabled,
.form-control[readonly] {

    background-color: #4CC082;
    color: #fff;
}
/* mword & wscramble mobile */
.containermob {
    padding: 0.5rem;
    padding-top: 0rem !important;
    }