.blue {
    color: rgb(46, 76, 248);
}

.pright {
    padding-right: 15px;
    font-size: larger;
}

.pleft-1 {
    padding-left: 20px !important;
}

.pleft-2 {
    padding-left: 30px !important;
}

.pleft-3 {
    padding-left: 40px !important;
}

/* .text-center{
    text-align: center;
} */
.pbottom-1 {
    padding-bottom: 5px;
    padding-left: 0px;
    padding-top: 5px;

}

.b1 {
    /* background-color: #F1F5F9; */
    /* border-bottom: 1px solid red ; */
    border-bottom: 1px solid rgb(215, 215, 215);

}

.c1 {
    /* background-color: #fcdbe1; */
    border-bottom: 1px solid rgb(215, 215, 215);
}

.c0 {
    border-bottom: 1px solid rgb(215, 215, 215);
}

.meter {
    height: 20px;
    position: relative;
    background: #555;
    border-radius: 25px;
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.pill-1 {
    margin-left: 20px;


    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "Montserrat", sans-serif;

    -webkit-box-direction: normal;
    word-wrap: break-word;
    letter-spacing: 0.5px;
    caption-side: bottom;
    border-collapse: collapse;

    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem !important;
    background-color: #f80f93;
    /* box-shadow: -0.5px 4.33px 16px 0px rgba(210, 45, 61, 0.25); */
    color: #fff;
    font-size: 9px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 9px;
}

div.truncate>h1 {
    /* background-color: #0ff80f !important; */
    font-size: x-small;
}

div.mb-8>div>h1 {
    /* background-color: #0ff80f !important; */
    font-size: x-small;
}

.standart-badge {
    background-color: #5c5d5c !important;
    color: aliceblue;
    border-radius: 15px;
    padding: 2px 10px !important;
}

.premium-badge {
    background-color: #c80000 !important;
    color: rgb(255, 255, 255);
    font-weight: 700;
    border-radius: 15px;
    padding: 2px 10px !important;
}

.elit-badge {
    background-color: #66009d !important;
    color: rgb(255, 255, 255);
    font-weight: 700;
    border-radius: 15px;
    padding: 2px 10px !important;
}

.student-link {
    background-color: #05381e !important;
    color: aliceblue;
    border-radius: 15px;
    padding: 2px 10px !important;
}

.student-link:hover {
    background-color: #09964d !important;

}

.student-zero {
    background-color: #051c38 !important;
    color: aliceblue;
    border-radius: 15px;
    padding: 2px 10px !important;
}

.student-zero:hover {
    background-color: #0c6abd !important;

}

/* div[dusk="student-registrations-index-component"] [dusk="create-button"] { */
/* display: none !important; */
/* } */
div[dusk="assignments-index-component"] [dusk="attach-button"] {
    display: none !important;
}

div[dusk="sidebar-menu"] span {
    /* display: none !important; */
}

div[dusk="classrooms-index-component"] h1 {
    display: none !important;
}

div[dusk="classrooms-index-component"] [dusk="attach-button"] {
    display: none !important;
}

div[dusk="student-tests-index-component"] [dusk="create-button"] {
    display: none !important;
}

div[dusk="classrooms-index-component"] [dusk="create-button"] {
    /* display: none !important; */
}

div[dusk="global-search-component"]::before {
    display: none !important;
}

.text-blue {
    color: teal !important;
}

.user-card-action-class {
    /* background-color: #051c38; */
    height: max-content !important;
    min-height: unset !important;
}

.info-button {}

.green-check {
    background-color: #04c578 !important;
}

.red-check {
    background-color: #f75bc1 !important;
}

.bg-primary-500 {
    background-color: #079977 !important;
}

.itext-indigo-800 {
    --text-opacity: 1;
    color: #42389d;
}

.text-700 {
    color: rgb(179, 110, 7) !important;
    /* background-color: #c80000 !important; */
}

.brown-border {
    border: 2px solid #B3700D !important;
}

.text-brown-500 {
    color: #B3700D !important;
}

.text-brown-600 {
    color: #6D3D30 !important;
}

.text-brown-700 {
    color: #4c2014 !important;
}

.blue-600 {
    color: #2c5282 !important;
}

.fontx {
    /* font-family: 'Raleway Dots' !important; */
    font-family: 'Raleway Dots', Arial, sans-serif !important;
    /* font-family: 'Zen Loop' !important; */
}

/* .bg-gray-100 {
    background-color: #FCEFED !important;
} */
/* .text-gray-500 {
    color: #4c2014 !important;
}
.sidebar-item-title {
    color: #4c2014 !important;
}
.sidebar-section-label {
    color: #6D3D30 !important;
} */
/* .lg-bg-purple-100 {
    background-color: initial;
}
@media (min-width: 1024px) {

    .lg-bg-purple-100 {
        --bg-opacity: 1;
        background-color: #edebfe !important;
        background-color: rgba(237, 235, 254, var(--bg-opacity));
    }
} */


/* ~~~~~~~ INIT. BTN ~~~~~~~ */
.xbtn-small {
    letter-spacing: 0.1rem;
    font-weight: 600 !important;
}

.xbtn {
    letter-spacing: 0.1rem;
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
    user-select: none;
    font-weight: 600 !important;
}

.esse-xbtn {
    letter-spacing: 0.1rem;
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
    user-select: none;
    font-weight: 600 !important;
}

.xbtn:before,
.xbtn:after {
    content: '';
    position: absolute;
    transition: inherit;
    z-index: -1;
}

.xbtn:hover {
    /* color: rgb(211, 150, 7); */
    /* background-color: black; */
    /* letter-spacing: 0.55rem; */
    border-bottom: #e19e0d 2px solid;
    border-top: #e19e0d 2px solid;
}

.esse-xbtn:hover {
    /* color: rgb(211, 150, 7); */
    /* background-color: black; */
    /* letter-spacing: 0.55rem; */
    border-bottom: #e52e71 2px solid;
    border-top: #e52e71 2px solid;
}

.xbtn:hover:before {
    transition-delay: 0s;
}

.xbtn:hover:after {
    background: red;
    transition-delay: .35s;
}

/* From Top */

.from-top:before,
.from-top:after {
    left: 0;
    height: 0;
    width: 100%;
}

.from-top:before {
    bottom: 0;
    border: 1px solid red;
    border-top: 0;
    border-bottom: 0;
}

.from-top:after {
    top: 0;
    height: 0;
}

.from-top:hover:before,
.from-top:hover:after {
    height: 100%;
}

/* From Left */

.from-left:before,
.from-left:after {
    top: 0;
    width: 0;
    height: 100%;
}

.from-left:before {
    right: 0;
    border: 1px solid red;
    border-left: 0;
    border-right: 0;
}

.from-left:after {
    left: 0;
}

.from-left:hover:before,
.from-left:hover:after {
    width: 100%;
}

/* From Right */

.from-right:before,
.from-right:after {
    top: 0;
    width: 0;
    height: 100%;
}

.from-right:before {
    left: 0;
    border: 1px solid red;
    border-left: 0;
    border-right: 0;
}

.from-right:after {
    right: 0;
}

.from-right:hover:before,
.from-right:hover:after {
    width: 100%;
}

/* From center */

.from-center:before {
    top: 0;
    left: 50%;
    height: 100%;
    width: 0;
    border: 1px solid red;
    border-left: 0;
    border-right: 0;
}

.from-center:after {
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: red;
}

.from-center:hover:before {
    left: 0;
    width: 100%;
}

.from-center:hover:after {
    top: 0;
    height: 100%;
}

/* From Bottom */

.from-bottom:before,
.from-bottom:after {
    left: 0;
    height: 0;
    width: 100%;
}

.from-bottom:before {
    top: 0;
    border: 1px solid red;
    border-top: 0;
    border-bottom: 0;
}

.from-bottom:after {
    bottom: 0;
    height: 0;
}

.from-bottom:hover:before,
.from-bottom:hover:after {
    height: 100%;
}


.whatsapp-bg {
    /* width: 60px; */
    /* height: 60px; */
    background-color: #25d366;
    color: #FFF;
    /* border-radius: 50px; */
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 1px #999;
}
.message-bg {

    color: #ED3D8C;

}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 15px !important;
    right: 15px !important;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 1px #999;
    z-index: 100;
}

.float-left {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 15px;
    left: 15px;
    /* background-color: #4176e1; */
    background-color: rgb(234, 177, 7);
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 1px #999;
    z-index: 100;
}

.esse-bg {
    background-color: #ed3d8b !important;
}

.esse-color {
    color: #ed3d8b !important;
}

.my-float {
    margin-top: 16px;
}

.icon-color-2 {
    color: #53566b !important;
}

.icon-decorate-element:before {
    content: "\e808";
}

.questrial-font {
    font-family: 'Questrial', Arial, sans-serif;
}

.bottom-icon {
    /* width: 35px;
    height: 35px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 20px !important;
    box-shadow: 1px 1px 1px #999;
    z-index: 100;
    padding-top: 4px;
    padding-left: 1px; */
}

.bottom-icon2 {
    width: 35px;
    height: 35px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 27px !important;
    box-shadow: 1px 1px 1px #999;
    z-index: 100;
    padding-top: 4px;
    padding-left: 1px;
}

.whatsapp-bg {
    background-color: #0ea244;
}

.whatsapp-color {
    /* color: #0ea746; */
    color: #013a16;
}

.instagram-bg {
    color: #e52e71;
}

.instagram-color {
    color: #e52e71;
}

.instgram-color-gradient {
    color: linear-gradient(90deg, #e52e71 0%, #e19e0d 100%);
}

.telephone-bg {
    color: #e19e0d;
}

.map-bg {
    color: #e5862e;
}

.border-pink-500 {
    border-color: #e52e71 !important;
}

.w-1\/3 {
    width: 33.333333% !important;
}

@media (min-width: 1024px) {
    .lgg2 {
        width: 50% !important;
    }
}

/* media query 1024  to 1024px */
@media (min-width: 1024px) and (max-width: 1024px) {
    .xbtn {
        letter-spacing: 0.1rem !important;
    }

    .esse-xbtn {
        letter-spacing: 0.1rem !important;
    }
}


.bg-pink-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(231 70 148 / var(--tw-bg-opacity)) !important;
}

.left-8 {
    left: 2rem
        /* 32px */
        !important;
}

.top-32 {
    top: 8rem
        /* 128px */
        !important;
}

.left-6 {
    left: 1.5rem
        /* 24px */
        !important;
}

.w-1\/5 {
    width: 20% !important;
}

.w-2\/5 {
    width: 40% !important;
}

.top-8 {
    top: 2rem
        /* 32px */
        !important;
}

.price-tag {
    background-color: #4285F4;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
}

.price-tag::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4285F4;
}

[class$=api-load-alpha-banner] {
    display: none;
}

.red-one {
    background-color: red;
    color: white;
}

.capitalize {
    text-transform: capitalize !important;
}

.bg-pink-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(250 209 232 / var(--tw-bg-opacity)) !important;
}



.blog-esse strong {
    color: #ed3d8b;
    font-weight: 700 !important;
}

.blog-esse a {
    color: white !important;
    background-color: #08b83a !important;
    font-weight: 700 !important;
    padding: 5px 10px !important;
    border-radius: 10px;
}
.blog-suit strong {
    color: #9e6e00;
    font-weight: 700 !important;
}

.blog-suit a {
    color: white !important;
    background-color: #08b83a !important;
    font-weight: 700 !important;
    padding: 5px 10px !important;
    border-radius: 10px;
}

.text-mabel-500 {
    color: #A02E27 !important;
}


.justify div {
    text-align: justify !important;
}

.jost h1,
h2,
h3,
h4 {
    font-size: 1.4rem;
}


.w-2\/3 {
    width: 66.666667% !important;
}