/* CSS Document */

body {

    background: #fff;

    overflow-x: hidden;

    font-family: 'Inter' !important;

    margin: 0;

    padding: 0;

}



@font-face {

    font-family: 'Inter';

    src: url('../fonts/Inter-Regular.woff2') format('woff2'),

        url('../fonts/Inter-Regular.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



.topbar {

    background: #e72e29;

    color: #fff;

    text-align: right;

    padding: 4px 40px;

    font-size: 15px;

}



.topbar a {

    color: #fff;

    text-decoration: none;

    padding: 0 6px;

}



header {

    padding: 4px 40px;

}



.logo img {

    max-width: 80%;

}



/*navbar*/

.navbar {

    padding: 0 0 !important;

}



.navbar-nav li {

    font-size: 15px;

    margin: 0 1px 0 8px;

}



.navbar-nav a {

    color: #000;

    text-decoration: none;

    padding: 8px 22px;

    transition: transform .3s;

    border-radius: 4px;

    letter-spacing: 2px;

}



.nav-link.active {

    background: #ed3338;

    color: #fff !important;

}



.navbar-nav a:hover {

    background: #ed3338;

    color: #fff !important;

}



.nav-item.dropdown a {

    padding: 0 6px;

    transition: transform 0.3s;

    color: #000 !important;

    background: #fff;

    border: none;

}



.border-bootem {

    border-bottom: 1px solid #d3d3d3 !important;

}



.navbar-light .navbar-nav .nav-link {

    color: rgb(0 0 0);

}



/*navigation*/

/* login section */

.login-background {

    background: #fd623c;

    padding: 12px 40px;

    box-shadow: inset -1px 2px 6px 2px #3333336b;

    overflow: hidden;

}



.animation img {

    max-width: 100%;

}



.animation {

    overflow: hidden;

    margin: 15px 0;

    transform: translatey(0px);

    animation: float 3s ease-in-out infinite;

    box-shadow: 0px 15px 10px -15px #111;

}



@keyframes float {

    0% {

        transform: translatey(0px);

    }



    50% {

        transform: translatey(-20px);

    }



    100% {

        transform: translatey(0px);

    }

}



.img-text {

    display: flex;

    align-items: center;

    justify-content: space-around;

}



.img-text h1 {

    color: #ffffff;

    letter-spacing: 2px;

    font-size: 4.3vw;

    font-weight: 600;

    text-transform: uppercase;

    text-shadow: 5px -6px 2px #973a24;

    margin: 0;

    text-align: center;

    line-height: 1;

}



.img-text h2 {

    color: #ffffff;

    letter-spacing: 1px;

    font-size: 2vw;

    font-weight: 500;

    text-shadow: 3px -2px 1px #953a23;

    margin: 2px 0 18px 0;

    text-align: center;

    line-height: 1.1;

}



.img-text h3 {

    color: #ffffff;

    letter-spacing: 2px;

    font-size: 1.4vw;

    font-weight: 400;

    margin: 0;

    line-height: 1.5;

    text-align: center;

    text-shadow: 3px -2px 1px #953a238f;

}



/* login section */

/* login */

.login {

    text-align: center;

    background: #ed8c74;

    color: #fff;

    border-radius: 18px;

    margin: 33px 4%;

    padding: 6px 0 22px 0;

    box-shadow: 4px -3px 3px #d56143;

}



.login img {

    margin: -40px 0 0 0;

    max-width: 100%;

    box-shadow: none;

}



.login h1 {

    margin: 6px 0;
    font-size: 26px;

}



.input-box {

    display: flex;

    justify-content: center;

    width: 80%;

    background: #fff;

    padding: 4px;

    margin:8px 0;

    border-radius: 4px;

    box-shadow: 2px -2px 3px 2px #c87e6b;

}



.icon {

    padding: 8px;

    background: #fff;

    color: #606060;

    font-size: 22px !important;

    text-align: center;

    /* width: 20%; */

}



.input-field {

    width: 100%;

    padding: 8px;

    outline: none;

    border: none;

    font-size: 15px;

}



.login-btn {

    margin: 12px 0;

    width: 82%;

    padding: 11px 0;

    border: none;

    border-radius: 6px;

    font-size: 20px;

    background: #ee2527;

    color: #fff;

    transition: all .3s ease;

}



.login-btn:hover {

    opacity: 0.7;

}



.login-another {

    justify-content: space-between;

    display: flex;

    width: 80%;

    align-items: center;

}



.login-another a {

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    margin: 0;

    cursor: pointer;

}



.verti-border {

    border: 1px solid #ffcbbe;

    padding: 11px 0;

}



/* login */

/* goweb-meaning */

.goweb-meaning {

    background-image: url(../images/book-bg.png);

    /* background-repeat: no-repeat;

    background-size: cover; */

    background-attachment: fixed;

    padding: 15px 23px;

    margin: 0px;

    text-align: center;

}



.meaning-text {

    background: #fff;

    border: 1px solid #d7d7d7;

    box-shadow: 1px 1px 3px 0px #818181;

    /* box-shadow: 1px 1px 3px 0px #979797; */

    border-radius: 45px;

    margin: 25px auto;

    padding: 6px;

    max-width: 270px;

    animation: zoom-in-zoom-out 3s ease-out infinite;

    text-align: center;

}



@keyframes zoom-in-zoom-out {

    0% {

        transform: scale(1, 1);

    }



    50% {

        transform: scale(1.1, 1.1);

    }



    100% {

        transform: scale(1, 1);

    }

}



.meaning-bold {

    font-size: 32px;

    color: #e73e2e;

    font-weight: 600;

    letter-spacing: 1px;

}



.meaning-normal {

    font-size: 22px;

    color: #fd623c;

    letter-spacing: 1px;

}



/* goweb-meaning */

.main-hedi {

    font-size: 24px;

    text-align: center;

    padding: 4px 6px;

    background: #504f4f;

    color: #fff;

    transition: all .3s ease;

    letter-spacing: 1px;

    margin: 22px 0;

    font-weight: bold;

}



.main-hedi:hover {

    background: #ec1c24;

    color: #fff;

}



/* Students , teachers & parents */

.students-bg {

    background-image: linear-gradient(178deg, #fa5c3a 51%, #d13028);

    margin: 18px auto;

    padding: 22px 0 0 0;

    text-align: center;

    border-bottom: 15px solid #fb603b;

}



.leftImg {

    margin-left: -66px;

}



.rightImg {

    margin-right: -42%;

    margin-top: 1%;

    transition: all .5s ease;

}



.rightImg:hover {

    -ms-transform: scale(1.1);

    /* IE 9 */

    -webkit-transform: scale(1.1);

    /* Safari 3-8 */

    transform: scale(1.1);

}



.students-bg img {

    max-width: 100%;

}



.leftImg1 {

    margin-right: -52%;

    margin-top: 1%;

}



.rightImg1 {

    margin-left: -40%;

    margin-top: 1%;

    transition: all .5s ease;

}



.rightImg1:hover {

    -ms-transform: scale(1.1);

    /* IE 9 */

    -webkit-transform: scale(1.1);

    /* Safari 3-8 */

    transform: scale(1.1);

}



.students-bg h3 {

    font-size: 25px;

    color: #fff;

    font-weight: bold;

    margin: 14px 0;

    text-align: left;

}



.students-bg p {

    font-size: 16px;

    color: #fff;

    padding: 0 3px;

    text-align: justify;

}



.about-websupport {

    font-size: 16px;

    color: #000000;

    margin: 20px 0 35px 0;

    padding: 0 12px;

    text-align: justify;

}



.app-icon {

    border: 5px solid #e73e2e;

    box-shadow: 2px 2px 16px 5px #636363;

    border-radius: 50%;

    text-align: center;

    margin: 30px auto;

    padding: 16px 0;

    width: 165px;

    height: 165px;

    animation: shadow-pulse 2s infinite;

}



@keyframes shadow-pulse {

    0% {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.233);

    }



    100% {

        box-shadow: 0 0 0 30px rgba(161, 148, 109, 0.13);

    }

}



.app-icon img {

    max-width: 100%;

}



.app-hedi {

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    margin: 35px 0;

}



/* Students , teachers & parents */

/* footer section */

footer {

    background-image: linear-gradient(180deg, #f85a39 51%, #e42c28);

    padding: 22px 40px;

    color: #fff;

    margin: 0;

}



.list-section {

    list-style: none;

    padding: 0 6px;

}



.list-section li {

    border-bottom: 1px dotted #f9fafbab;

    padding: 4px 3px;

    font-size: 16px;

    transition: all 1s;

    margin: 4px 0;

}



.list-section li:hover {

    padding-left: 15px;

    border-bottom: 2px solid #fff;

}



.list-section a {

    color: #fff;

    text-decoration: none;

}



footer h5 {

    border-bottom: 1px solid #f9f9f9de;

    color: #fff;

    font-size: 19px;

    font-weight: 500;

    margin: 8px 0 14px 0;

    padding: 3px 0 8px;

    text-transform: uppercase;

    font-weight: bold;

}



footer h6 {

    font-size: 1.1rem;

    margin: 11px 0 11px 0;

    text-transform: uppercase;

    font-weight: bold;

}



.foot-login {

    display: flex;

    justify-content: center;

    margin: 6px 0;

}



.foot-login a {

    color: #fff;

    margin: 6px 15px;

    text-decoration: none;

    font-size: 14px;

    cursor: pointer;

}



.social-links {

    text-align: center;

    margin: 12px 0;

}



.social-links img {

    max-width: 28px;

}



.address .fa {

    padding: 7px 12px;

    font-size: 20px;

}



.address a {

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    margin: 2px 0;

}



footer input {

    padding: 6px 6px;

    width: 100%;

    border: none;

    outline: none;

    font-size: 16px;

    margin: 0 3px;

}



footer .btn {

    width: 20%;

    outline: none;

    font-size: 17px;

    padding: 9px 6px;

    border: 1px solid #f85a39;

    transition: all .5s ease;

    background: #eb3338;

    color: #fff;

    box-shadow: 1px 2px 9px #834a4b;

}



.footer .btn:focus {

    outline: 0;

    box-shadow: none;

}



footer .btn:hover {

    color: #fff;

    border: 1px solid #ccc;

}



/* footer section */



/* forgot popup */

.Forgot-header {

    padding: 7px 5px;

    background: #fa2b2e;

    color: #fffdfd;

    border-radius: 0;

}



.Forgot-header h5 {

    font-size: 18px;

}



.forclose {

    background: none;

    border: none;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

}



.forgotform {

    padding: 10px 6px;

    border: 1px solid #c7c7c7ee;

    font-size: 14px;

    border-radius: 1px;

    color: #000;

    background: #ffffffd6;

}



.forgotform:focus {

    box-shadow: none;

    border-color: #ed3338;

}



.forgotbtn {

    background: #686a6c;

    border: 1px solid #686a6c;

    color: #fff;

    padding: 6px 12px;

    font-size: 14px;

    margin: 5px 0 0px 0;

    transition: all .3s ease;

    border-radius: 2px;

}



/* forgot popup */

/* copy-right */

.copyright-section {

    text-align: center;

    border-top: 1px solid #f9f9f9de;

    background: #e7332b;

}



.copyright-section p {

    color: #fff;

    margin: 0;

    padding: 5px 6px;

    font-size: 15px;

}



/* copy-right */



/* blinking text home popup */

.blinking-text a {

    animation: blink 1s infinite;

    font-size: 20px;

    text-decoration: none;

    font-weight: bold;

}



@keyframes blink {

    0% {

        color: #e8191c;

    }



    50% {

        color: black;

    }



    100% {

        color: #e8191c;

    }

}



/* blinking text home popup */