/*****COLOR VARIABLE*****/
:root {
    --primary-color: #3b589a;
    --secondary-color: #cd2e3e;
    --color1--: #F64C72;
}
/* ****FONTS START HERE****? */
@font-face {
    font-family: 'Intro Rust G Base 2 Line';
    src: url('../fonts/IntroRustG-Base2Line.eot');
    src: url('../fonts/IntroRustG-Base2Line.eot?#iefix') format('embedded-opentype'), url('../fonts/IntroRustG-Base2Line.woff2') format('woff2'), url('../fonts/IntroRustG-Base2Line.woff') format('woff'), url('../fonts/IntroRustG-Base2Line.ttf') format('truetype'), url('../fonts/IntroRustG-Base2Line.svg#IntroRustG-Base2Line') format('svg');
    font-weight: 300;
    font-style: bold;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Light.eot');
    src: url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri-Light.woff2') format('woff2'), url('../fonts/Calibri-Light.woff') format('woff'), url('../fonts/Calibri-Light.ttf') format('truetype'), url('../fonts/Calibri-Light.svg#Calibri-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri.woff2') format('woff2'), url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf') format('truetype'), url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.eot');
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri-Bold.woff2') format('woff2'), url('../fonts/Calibri-Bold.woff') format('woff'), url('../fonts/Calibri-Bold.ttf') format('truetype'), url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('../fonts/ProximaNova-Black.eot');
    src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Black.woff2') format('woff2'), url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.ttf') format('truetype'), url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('../fonts/Montserrat-ExtraBold.woff') format('woff'), url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'), url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yrsa';
    src: url('../fonts/Yrsa-Regular.eot');
    src: url('../fonts/Yrsa-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Yrsa-Regular.woff2') format('woff2'), url('../fonts/Yrsa-Regular.woff') format('woff'), url('../fonts/Yrsa-Regular.ttf') format('truetype'), url('../fonts/Yrsa-Regular.svg#Yrsa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yrsa';
    src: url('../fonts/Yrsa-Bold.eot');
    src: url('../fonts/Yrsa-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Yrsa-Bold.woff2') format('woff2'), url('../fonts/Yrsa-Bold.woff') format('woff'), url('../fonts/Yrsa-Bold.ttf') format('truetype'), url('../fonts/Yrsa-Bold.svg#Yrsa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Antique Olive Compact';
    src: url('../fonts/AntiqueOliveCompact-Regular.eot');
    src: url('../fonts/AntiqueOliveCompact-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AntiqueOliveCompact-Regular.woff2') format('woff2'), url('../fonts/AntiqueOliveCompact-Regular.woff') format('woff'), url('../fonts/AntiqueOliveCompact-Regular.ttf') format('truetype'), url('../fonts/AntiqueOliveCompact-Regular.svg#AntiqueOliveCompact-Regular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* ****FONTS END HERE****? */
/*****ANIMATION form HOME PAGE START HERE*****/
.animate__fadeInBottomLeft,
.animate__fadeInBottomRight,
.animate__fadeInUp,
.animate__fadeInBottomLeft,
.animate__fadeInDown,
.animate__fadeInTopLeft,
.animate__fadeInDownBig,
.animate__fadeInTopRight .animate__bounceInUp,
.animate__lightSpeedInLeft,
.animate__backInLeft,
.animate__fadeInRight,
.animate__fadeInLeft {
    animation-delay: .1s !important;
}
/*****ANIMATION form HOME PAGE ENd HERE*****/
body #form1 {
    overflow-x: hidden;
}

.SbLstMn-1 img {
    transform: scale(0.9);
    transition: all .5s ease-in-out;
}

    .SbLstMn-1 img:hover {
        transform: scale(1);
        outline: 6px solid rgba(0, 0, 0, .2);
        border: 2px solid rgba(0, 0, 0, .5);
    }

.SbLstMnP-dtl img {
    transform: scale(0.9);
    transition: all .5s ease-in-out;
}

    .SbLstMnP-dtl img:hover {
        transform: scale(1);
        outline: 6px solid rgba(0, 0, 0, .2);
        border: 2px solid rgba(0, 0, 0, .5);
    }

.Book_DetailImgP-dtl img {
    transform: scale(0.9);
    transition: all .5s ease-in-out;
}

    .Book_DetailImgP-dtl img:hover {
        transform: scale(1);
        outline: 6px solid rgba(0, 0, 0, .2);
        border: 2px solid rgba(0, 0, 0, .5);
    }

.OrdrLstBtns .visit_btn:nth-child(2) {
    transition: all .5s ease-in-out;
}

    .OrdrLstBtns .visit_btn:nth-child(2):hover {
        background-position: -156px 0px;
    }

.addWishlist:hover {
    color: #f21226e6 !important;
}

.rfrFrnd:hover {
    color: #299d29 !important;
}

.Related_ProData .owl-next,
.Related_ProData .owl-prev {
    display: none !important;
    transition: all .5s ease-in-out;
}

.Related_ProData:hover .owl-next,
.Related_ProData:hover .owl-prev {
    display: block !important;
}

.SbjLstMnDtl .ImgLnk_2:hover {
    background-position: -156px 0px;
}

.ImgLnk_2:hover {
    background-position: -156px 0px;
}

.viewCart-mid-r2 {
    transition: all .4s ease-in-out;
}

    .viewCart-mid-r2:hover {
        background: #f3f3f3;
    }

.vCrt-dlt a i:hover {
    color: #fb2020 !important;
}

.SubjctList {
    transform: scale(1);
    transition: all .4s ease-in-out;
}

    .SubjctList:hover {
        transform: scale(0.9);
    }

        .SubjctList:hover .SubListMn {
            box-shadow: 16px 20px 13px -5px #ebf1ff;
        }

.SmartSrch .FrmRpt .same_input {
    transition: all .4s ease-in-out;
}

.SmartSrch .FrmRpt:hover .same_input {
    background: #e3e0e0;
}

.SmartSrch .FrmRpt {
    transition: all .4s ease-in-out;
}

.SmartSrch:hover .FrmRpt a i {
    color: rgba(0, 0, 0, .7);
}

.chckoutMdC1 {
    transform: scale(0.9);
    transition: all .3s ease-in-out;
}

.viewCart-mid-r2 {
    transition: all .5s ease-in-out;
}

    .viewCart-mid-r2:hover .chckoutMdC1 img {
        transform: scale(0.9);
        transition: all .3s ease-in-out;
        outline: 5px solid rgba(0, 0, 0, .12);
        border: 2px solid rgba(0, 0, 0, .6);
    }

    .viewCart-mid-r2:hover .chckoutMdC1 input {
        transform: scale(0.9);
        transition: all .3s ease-in-out;
        outline: 5px solid rgba(0, 0, 0, .12);
        border: 2px solid rgba(0, 0, 0, .6);
    }

.sameBtnns1:hover {
    background: #fff !important;
    border: 1px solid #02b674 !important;
    color: #02b674 !important;
    font-weight: 500 !important;
}

.contShpng:hover {
    border: 1px solid #212529;
    background: #fff !important;
    color: #212529 !important;
    font-weight: 500 !important;
}

.SbmtBtn {
    transition: all .4s ease-in-out;
    background: linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
}

    .SbmtBtn:hover {
        background-position: -156px 0px;
    }

.clickHere {
    transition: all .4s ease-in-out;
}

    .clickHere:hover {
        text-decoration: underline;
    }

.editAdd:hover {
    background: #06b773;
    color: #fff !important;
    border: 1px solid #06b773 !important;
}

.dltAdd:hover {
    background: #ff0000;
    color: #fff !important;
    border: 1px solid #ff0000 !important;
}

.truckIcon:hover {
    color: #31c891 !important;
}

    .truckIcon:hover i {
        transition: all .3s ease-in-out;
        background: #fff !important;
        color: #31c891 !important;
    }

.procd-btn:hover {
    background-position: -156px 0px;
}

.edt-btn1:hover {
    background-position: -156px 0px;
}

.chptLstMdl .same_name {
    transform: scale(0.9);
    transition: all .4s ease-in-out;
}

    .chptLstMdl .same_name:hover {
        transform: scale(1.0);
    }


* {
    scroll-behavior: smooth;
}

body {
    font-family: 'Calibri';
    font-weight: 300;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    a:hover {
        text-decoration: none;
        outline: none;
    }

.container {
    max-width: 1628px;
}

/************/
.rmv-padding {
    padding: 0 !important;
}

.padding-tp {
    padding-top: 15px;
}

/*******HOME PAGE IMAGE MODAL START HERE DESIGN******/
.modal #tclose {
    position: absolute;
    background: black;
    color: white;
    right: -24%;
    top: -22px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Arial Black', Arial, sans-serif;
    cursor: pointer;
    opacity: 9;
    z-index: 999;
}

    .modal #tclose span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

/*******HOME PAGE IMAGE MODAL END HERE DESIGN******/
/******MODAL's Design START HERE*****/
.modal {
    background: rgba(0, 0, 0, .5);
}

.modal-header {
    background: var(--primary-color) !important;
}

    .modal-header h4,
    .modal-header h5 {
        color: #fff !important;
        font-weight: bold !important;
        font-size: 22px !important;
    }

    .modal-header .btn-close {
        color: #fff;
        font-weight: bold;
    }

.mdlYesBtn {
    background: var(--primary-color);
    color: #fff;
    width: 100px !important;
    font-size: 18px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
}

    .mdlYesBtn:active,
    .mdlYesBtn:hover {
        color: var(--primary-color) !important;
        background: #fff;
        border: 1px solid var(--primary-color);
    }

.mdlNoBtn {
    background: var(--secondary-color);
    color: #fff;
    width: 100px !important;
    margin-left: 10px !important;
    font-size: 18px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
}

    .mdlNoBtn:active,
    .mdlNoBtn:hover {
        color: #cd2e3e;
        background: #fff;
        border: 1px solid var(--secondary-color);
    }

.btn-secondary {
    border: 2px solid transparent;
}

    .btn-secondary:hover {
        background: #fff;
        color: #6c757d;
        border: 2px solid #6c757d;
    }

.modal-body h4,
.modal-body h5 {
    font-size: 22px;
    font-weight: 500;
}

.modal_testInrBoard .accordion-button::after {
    background-image: unset !important;
}

.modal-content {
    border: none;
    box-shadow: 6px 6px 19px rgba(255, 255, 255, .12);
}

/******MODAL COLOR END HERE*****/

/*****BUTTONS DESIGN START HERE*****/
.edt-btn1 {
    background: linear-gradient(127deg, rgba(255, 143, 14, 1) 0%, rgba(211, 0, 17, 1) 100%);
    box-shadow: 3px 4px 15px 0px rgba(211, 0, 17, 0.23);
    font-family: 'Montserrat';
    font-weight: bold;
    color: #fff;
    height: 42px;
    /*width: 156px;*/
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    padding: 0 15px 0 15px;
    transition: all .4s ease-in-out;
}

.procd-btn {
    font-family: "Montserrat";
    font-weight: bold;
    color: rgb(255, 255, 255);
    height: 42px;
    /*width: 156px;*/
    text-transform: uppercase;
    font-size: 16px;
    background: rgba(0, 0, 0, 0) linear-gradient(127deg, rgb(158, 204, 87) 0%, rgb(2, 182, 116) 100%) repeat scroll 0% 0%;
    border: none;
    padding: 0 15px 0 15px;
    transition: all .4s ease-in-out;
}

.visit_btn {
    background-image: linear-gradient(to right, #cb2d3e 0%, #ef473a 51%, #cb2d3e 100%);
    color: #fff;
    width: auto !important;
    /*padding: 0 20px !important;*/
    padding: 8px 15px 6px 15px !important;
    font-weight: bold !important;
    font-size: 17px !important;
    height: 45px !important;
    text-transform: uppercase;
    font-family: 'Montserrat';
    -webkit-box-shadow: 3px 4px 15px 0px #c1346254;
    -moz-box-shadow: 3px 4px 15px 0px #c1346254;
    -ms-box-shadow: 3px 4px 15px 0px #c1346254;
    -o-box-shadow: 3px 4px 15px 0px #c1346254;
    box-shadow: 3px 4px 15px 0px #c1346254;
    /*line-height: 42px;*/
}

    .visit_btn:hover {
        color: #fff !important;
    }

.SbmtBtn {
    height: 45px !important;
    display: inline-block;
    height: 64px;
    text-align: center;
    border: none;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 17px !important;
    line-height: 26px;
    padding: 0 20px !important;
    background: rgb(158, 204, 87);
    background: -webkit-linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
    background: -moz-linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
    /*background: -ms-linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);*/
    background: -o-linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
    background: linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
    -webkit-box-shadow: 3px 4px 15px 0px #3473c16e;
    -moz-box-shadow: 3px 4px 15px 0px #3473c16e;
    -ms-box-shadow: 3px 4px 15px 0px #3473c16e;
    -o-box-shadow: 3px 4px 15px 0px #3473c16e;
    box-shadow: 3px 4px 15px 0px #3473c16e;
    cursor: pointer;
    width: auto !important;
}

    .SbmtBtn:hover {
        color: #fff;
    }

.viewSavedTst .SbmtBtn {
    padding: 10px 20px !important;
}
/*****BUTTONS DESIGN END HERE*****/
/*****HEADER START HERE*****/
.header_Btm.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
    z-index: 999;
}

    .header_Btm.sticky .navRight .navbar-nav .nav-link {
        color: #3c3c3c;
    }

header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.3);
    -o-box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 7px 20px rgba(0, 0, 0, 0.3);
}

.header_Tp {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #294992;
    background: -webkit-linear-gradient(37deg, #143684bd 0%, #294992 100%);
    background: -moz-linear-gradient(127deg, #143684bd 0%, #294992 100%);
    background: -ms-linear-gradient(127deg, #143684bd 0%, #294992 100%);
    background: -o-linear-gradient(37deg, #143684bd 0%, #294992 100%);
    height: 45px;
}

    .header_Tp .position_relative {
        position: relative;
        background-color: #fff;
        z-index: 1;
        height: 47px;
        padding-right: 60px;
    }

        .header_Tp .position_relative .row {
            position: relative;
            z-index: 2;
        }

.header_Tp_Lft {
    float: left;
    width: 100%;
    text-align: center;
}

    .header_Tp_Lft ul {
        margin: 8px 0 0 0;
        padding: 0px;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        float: left;
    }

        .header_Tp_Lft ul li {
            display: inline-block;
            list-style: none;
            margin: 0 20px 0 0;
        }

            .header_Tp_Lft ul li a {
                display: inline-block;
                font-size: 18px;
                text-decoration: none;
                position: relative;
                color: #fff;
            }

    .header_Tp_Lft p {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin: 8px 0 0 -27%;
        font-weight: normal;
        font-size: 18px;
    }

        .header_Tp_Lft p a {
            text-decoration: none;
            color: #fff;
            margin: 0 25px 0 0;
        }

            .header_Tp_Lft p a i {
                margin: 0 5px 0 0;
            }

.header_Tp_Ryt {
    float: left;
    width: 100%;
    text-align: right;
}

    .header_Tp_Ryt ul {
        width: 100%;
        float: left;
        margin: 8px 0 0 0;
    }

        .header_Tp_Ryt ul li {
            display: inline-block;
            list-style: none;
        }

            .header_Tp_Ryt ul li:not(:last-child):after {
                content: "|";
                display: inline-block;
                position: relative;
                margin: 0 4px;
                font-weight: bold;
                color: #fff;
                vertical-align: revert;
                font-size: 19px;
            }

            .header_Tp_Ryt ul li a {
                display: inline-block;
                text-decoration: none;
                color: #fff;
                font-size: 19px;
                font-size: 17px;
                font-weight: normal;
                width: inherit;
                text-align: left;
            }

    .header_Tp_Ryt .afterLogin {
        position: fixed;
        background: #fff;
        display: none;
        padding: 0;
        width: 150px;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }


    .header_Tp_Ryt .afterLogin {
        position: fixed;
        background: #fff;
        display: none;
        padding: 0 5px 0 0;
        width: 150px;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        z-index: 9;
    }

        .header_Tp_Ryt .afterLogin ul {
            float: unset;
            padding: 0;
        }

    .header_Tp_Ryt #log:hover .afterLogin {
        display: block;
    }

    .header_Tp_Ryt #log:focus .afterLogin {
        display: block;
    }

.afterLogin ul li {
    display: block;
    padding: 5px;
    width: 100%;
}

    .afterLogin ul li:hover {
        background: rgba(0, 0, 0, .12);
        width: 100%;
    }

    .afterLogin ul li a {
        color: #3e5b9c;
        font-weight: 550;
    }

    .afterLogin ul li:hover a {
        color: #000;
    }

    .afterLogin ul li:not(:last-child)::after {
        content: unset;
    }
/*****16-12-21 code End******/
.header_Btm {
    float: left;
    width: 100%;
    position: relative;
}

.header_logo {
    float: left;
    width: 60%;
    position: relative;
}

    .header_logo a img {
        position: relative;
        z-index: 1;
        width: 86%;
        margin: 7px 0 0 0;
    }

.header_Btm nav {
    float: left;
    width: 100%;
    background: transparent !important;
    padding: 0;
}

.header_Btm.sticky .header_logo a img {
    margin: 9px 0 0 0;
}

.header_Btm.sticky .header_Rt {
    padding: 10px 0 0 0;
}

.header_Rt {
    float: left;
    width: 100%;
    padding: 8px 0 0 0;
}

.navRight {
    float: left;
    width: 100%;
}

    /*.navRight .navbar-nav {
        float: right;
    }

        .navRight .navbar-nav .nav-item:nth-child(1) {
            padding-left: 0px;
        }

        .navRight .navbar-nav .nav-item {
            padding: 10px 0px 10px 0;
            position: relative;
            font-family: sans-serif;
            margin: 0 0 0 35px;
        }

        .navRight .navbar-nav .nav-item.active .nav-link {
            color: black;
        }

        .navRight .navbar-nav .nav-link {
            color: var(--primary-color);
            font-weight: bold;
            font-size: 20px;
            padding: 0px;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

        .navRight .navbar-nav .nav-link:hover {
            color: #000;
        }

        .navRight .navbar-nav .sLrng2 {
            display: none;
        }

        .navRight .navbar-nav .Sprt2 {
            display: none;
        }

        .navRight .navbar-nav .sLrng2 .dropdown-item {
            padding-left: 42px;
        }

        .navRight .navbar-nav .dropdown-item {
            padding-left: 32px;
        }

        .navRight .navbar-nav .nav-item .dropdown-menu {
            padding: 0;
            background: var(--primary-color);
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            border: unset !important;
        }

            .navRight .navbar-nav .nav-item .dropdown-menu li:not(:last-child) {
                border-bottom: 1px solid rgba(255, 255, 255, .5);
            }

            .navRight .navbar-nav .nav-item .dropdown-menu li a {
                color: #fff;
            }

            .navRight .navbar-nav .nav-item .dropdown-menu li:hover a {
                color: #000;
            }

        .navRight .navbar-nav .nav-item:hover .dropdown-menu {
            display: block !important;
        }*/

    .navRight .Bootstrap_Nav {
        float: left;
        width: 100%;
        padding: 0 0 0 3%;
        display: block;
    }

    .navRight .dropdown-toggle::after {
        top: 4px;
        position: relative;
    }

    .navRight .dropdown-menu.show {
        border: none;
        background: #31c891;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0px;
    }

        .navRight .dropdown-menu.show a {
            color: #fff;
            border-bottom: 1px solid #fff;
        }

            .navRight .dropdown-menu.show a:hover {
                color: #3c3c3c;
            }

.CartMenu {
    float: right;
    width: 6%;
    padding: 0 0 0 30px;
}

.CartMenu_Tp {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}

    .CartMenu_Tp img {
        float: right;
        margin: 10px 0 0 0;
    }

    .CartMenu_Tp .BuyNwImg2,
    .header_Btm.sticky .CartMenu_Tp .BuyNwImg1 {
        display: none;
    }

.header_Btm.sticky .CartMenu_Tp .BuyNwImg2 {
    display: block;
}

.CartMenu_Tp .count {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 11px;
    right: -18px;
    background: #cc1010;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}
/*****HEADER END HERE*****/
/*****NEW header START HERE*****/
#navbar-animmenu {
    background: #fff;
    float: right;
    overflow: hidden;
    position: relative;
    padding: 10px 22px 10px 22px;
    margin: 0 -36px 0 0;
}

    #navbar-animmenu ul {
        padding: 0px;
        margin: 0px;
    }

        #navbar-animmenu ul li a i {
            margin-right: 10px;
        }

    #navbar-animmenu li {
        list-style-type: none;
        float: left;
        margin: 0 0 0 16px;
    }

    #navbar-animmenu ul li a {
        color: var(--primary-color);
        text-decoration: none;
        font-size: 19px;
        line-height: 45px;
        display: block;
        padding: 0px 14px;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
        position: relative;
        font-weight: bold;
    }

    #navbar-animmenu > ul > li.active > a {
        color: #fff;
        background-color: transparent;
        transition: all 0.7s;
    }


    #navbar-animmenu a:not(:only-child):after {
        content: "\f105";
        position: absolute;
        right: 20px;
        top: 10%;
        font-size: 14px;
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
        transition: 0.5s;
    }

    #navbar-animmenu .active > a:not(:only-child):after {
        transform: rotate(90deg);
    }

.hori-selector {
    display: inline-block;
    position: absolute;
    height: 100%;
    top: 10px;
    left: 0px;
    transition-duration: 0.4s;
    /*transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
    transition-timing-function: cubic-bezier(0.68, 0.55, 0.2, 0.55);
    background-color: var(--primary-color);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 0 0 0 22px;
}

    .hori-selector .right,
    .hori-selector .left {
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: var(--primary-color);
        bottom: 10px;
    }

    .hori-selector .right {
        right: -25px;
    }

    .hori-selector .left {
        left: -25px;
    }

        .hori-selector .right:before,
        .hori-selector .left:before {
            content: '';
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #fff;
        }

    .hori-selector .right:before {
        bottom: 0;
        right: -25px;
    }

    .hori-selector .left:before {
        bottom: 0;
        left: -25px;
    }
/*****NEW header END HERE*****/

.VectorBanner {
    width: 619px;
    height: 214px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.Banner .owl-height {
    height: auto !important;
}

.banner_item_1 {
    float: left;
    width: 100%;
}
/*****SECTION BANNER START HERE*****/
.sec_bnr {
    height: 190px;
    background: #f3f3f3;
    background-image: url('../images/sec_bg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.sec_bnr,
.sec_bnrBg {
    width: 100%;
    float: left;
}

    .sec_bnrBg h2 {
        width: 100%;
        float: left;
        color: #fff;
        /*font-family: Arima Madurai, cursive;*/
        font-family: sans-serif;
        text-align: center;
        margin: 4% 0 0 0;
        font-size: 45px;
        font-weight: bold;
    }

    .sec_bnrBg p {
        color: #fff;
        text-align: center;
        padding: 7px 20px 0 20px;
        width: 71%;
        font-family: sans-serif;
        font-size: 20px;
        margin: auto;
    }

.teach_sec .sec_bnrBg h2 {
    margin: 2% 0 0 0;
}
/*****SECTION BANNER END HERE*****/
/*****ABOUT ICONIC section START HERE*****/
.iconic_abt, .iconic_abtMn, .iconic_abtMn_lft, .iconic_abtMn_ryt {
    width: 100%;
    float: left;
}

.iconic_abt {
    padding: 50px 0 0 0;
}

.iconic_abtMn {
    margin: 3% 0 0 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px;
}

.iconic_abtMn_lft {
    margin: 6% 0 0 0;
}

    .iconic_abtMn_lft p {
        color: #000;
        font-size: 17px;
        font-family: sans-serif;
        margin: 0;
        line-height: 30px;
    }

.iconic_abtMn_ryt {
    text-align: center;
}

    .iconic_abtMn_ryt img {
        width: 60%;
    }
/*****ABOUT ICONIC SECTION END HERE*****/
/********SECTION-01*******/
.HomeSec1 {
    float: left;
    width: 100%;
    padding: 80px 0 0 0;
}

.homeHdr {
    float: left;
    width: 100%;
    text-align: center;
}

    .homeHdr h2 {
        float: left;
        width: 100%;
        color: var(--primary-color);
        position: relative;
        font-weight: bold;
        font-size: 35px;
        text-transform: uppercase;
    }

        .homeHdr h2:after {
            content: "";
            height: 200%;
            width: 18%;
            background-image: url("../images/Home/shape.png");
            position: absolute;
            top: 18%;
            background-position: center;
            background-size: 100%;
            background-repeat: no-repeat;
            left: 50%;
            transform: translateX(-50%);
        }


.HomeSec1_txt,
.HomeSec1_lft,
.HomeSec1_ryt {
    width: 100%;
    float: left;
}

.pulse {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background: rgb(9,9,121);
    background: linear-gradient(90deg, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}

    .pulse:before,
    .pulse:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid var(--primary-color);
        border-radius: 50%;
    }


    .pulse:before {
        animation: ripple 2s linear infinite;
    }

    .pulse:after {
        animation: ripple 2s linear 1s infinite;
    }

@keyframes ripple {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.HomeSec1_txt {
    background: #f3f3f3;
    margin: 3% 0 0 0;
    position: relative;
}

.HomeSec1_lft {
    padding: 45px;
    margin: 25px;
}

    .HomeSec1_lft p {
        color: #3a3535f5;
        font-size: 17px;
        font-family: sans-serif;
    }

    .HomeSec1_lft ul {
        width: 100%;
        float: left;
    }

        .HomeSec1_lft ul li {
            width: 100%;
            float: left;
            color: #3a3535f5;
            font-weight: 500;
            font-size: 17px;
            font-family: Roboto,sans-serif;
            margin: 0 0 6px 0;
        }

.HomeSec1_ryt {
    text-align: center;
}

    .HomeSec1_ryt img {
        width: 60%;
        margin: 6% 0 0 0;
    }
/********SECTION-01 end here*******/
/*****section-02 start here*****/
.sec1_row {
    display: flex;
}

    .sec1_row .sec1_col1 {
        order: 1;
    }

    .sec1_row .sec1_col2 {
        order: 2;
    }

.HomeSec2 {
    width: 100%;
    float: left;
    padding: 50px 0 0 0;
}

.HomeSec2_Mn {
    width: 100%;
    float: left;
    margin: 3% 0 0 0;
    position: relative;
}

    .HomeSec2_Mn .col-xxl-4 {
        padding: 0 !important;
        margin: 0 !important;
    }

.sec2_pulse {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 26px solid #2544b8;
    position: absolute;
    bottom: -14%;
    right: -5%;
    z-index: -1;
}

.sec02_txt {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 23px;
    text-align: center;
    min-height: 416px;
}

    .sec02_txt img {
        width: 55%;
    }

    .sec02_txt h2 {
        color: #fff;
        font-weight: bold;
        font-size: 35px;
        margin: 4% 0 0 0;
    }

    .sec02_txt p {
        color: #fff;
        font-size: 17px;
        font-family: sans-serif;
        margin: 0;
        line-height: 25px;
    }

/*****Section-02 end here*****/
/*****SECTION-03 START HERE*****/
/*.HomeSec3,
.HomeSec3_Mn {
    width: 100%;
    float: left;
}

.HomeSec3 {
    background: #00a0e3;
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}

.HomeSec3_Mn {
    margin: 3% 0 0 0;
}

.HomeSec3 h2 {
    color: #fff;
}

.HomeSec3 .homeHdr h2:after {
    content: "";
    height: 200%;
    width: 18%;
    background-image: url("../images/Home/shape_1.png");
    position: absolute;
    top: 18%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
}

.userT_txt {
    width: 100%;
    float: left;
}
    

.userT_Mn {
     width: 96%;
    float: left;
    border-radius: 50px;
    text-align: center;
    background: #fff;
    padding: 28px 20px 18px 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
    
    .userT_Mn .userT_img {
        width: 100%;
        float: left;
    }

        .userT_Mn .userT_img img {
            width: 120px !important;
            height: 120px;
            border-radius: 50%;
            margin: auto;
        }

.userT_Txt {
    width: 100%;
    float: left;
}

    .userT_Txt h4 {
        color: var(--primary-color);
        font-family: sans-serif;
        margin: 10px 0 6px 0;
    }

    .userT_Txt p {
        margin: 0;
        font-size: 17px;
        font-family: sans-serif;
    }

    .userT_Txt span {
        font-weight: 500;
        font-family: sans-serif;
        font-size: 16px;
        font-style: italic;
        float: right;
    }

.HomeSec3_Mn .owl-nav .owl-prev,
.HomeSec3_Mn .owl-nav .owl-next {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: rgba(0,0,0,.5) !important;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.HomeSec3_Mn .owl-nav .owl-prev {
    left: 0;
}

.HomeSec3_Mn .owl-nav .owl-next {
    right: 0;
}

    .HomeSec3_Mn .owl-nav .owl-prev span,
    .HomeSec3_Mn .owl-nav .owl-next span {
        font-size: 42px;
        color: #fff;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.HomeSec3_Mn .owl-dots {
    text-align: center;
}

.HomeSec3_Mn .owl-dots .owl-dot {
    height: 15px;
    width: 15px;
    border: 1px solid rgba(0,0,0,.5);
    margin: 0 0 0 5px;
}

.HomeSec3_Mn .owl-dots .owl-dot.active {
    background: rgba(0,0,0,.5);
}*/

/*****SECTION-3 START HERE*****/
.HomeSec3 {
    width: 100%;
    float: left;
    background: #f9fbff;
    padding: 90px 0;
}

.AndrSect,
.AndrSect_Lft,
.AndrSect_Ryt {
    width: 100%;
    float: left;
}

.AndrSect_Lft {
    text-align: center;
    margin: 7% 0 0 0;
}

.AndrSect_Lft img {
    width: 50%;
}

.AndrSect_Ryt {
    margin: 3% 0 0 0;
}

    .AndrSect_Ryt p,
    .AndrSect_Ryt ul li {
        color: #3a3535f5;
        font-size: 17px;
        font-family: sans-serif;
        width: 100%;
        float: left;
        text-align: left;
    }

    .AndrSect_Ryt p {
        margin: 2% 0;
    }

    .AndrSect_Ryt ul {
        width: 100%;
        float: left;
    }

    .AndrSect_Ryt ul li {
        margin:0 0 9px 0;
    }

    .AndrSect_Ryt ul li b {
        font-weight: bold;
    }

.AndrSect_RytApp a {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}

    .AndrSect_RytApp a:nth-child(1) {
        text-align: right;
    }

    .AndrSect_RytApp a:nth-child(2) {
        text-align: left;
    }

    .AndrSect_RytApp a img {
        width: 50%;
    }

.AndrSect_RytApp {
    width: 100%;
    float: left;
    margin: 3% 0 0 0;
}


/*******TEACHER SECTION START HERE*******/
.teachSection {
    width: 100%;
    float: left;
    padding: 50px 0 50px 0;
    background: #00a0e3;
    margin: 0 0 5% 0;
}

.teachSection-Txt {
    width: 100%;
    float: left;
}

.teachSection h2 {
    color: #fff;
}

.teachSection .homeHdr h2:after {
    content: "";
    height: 200%;
    width: 18%;
    background-image: url("../images/Home/shape_1.png");
    position: absolute;
    top: 18%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
}

.single-tes-part {
    height: 337px;
    width: 95%;
    float: left;
    padding: 15px;
    border-right: 4px solid #0942c4;
    overflow: hidden;
    padding: 30px 20px;
    position: relative;
    -webkit-box-shadow: 0 5px 20px 0 rgba(19, 168, 116, 0.2);
    box-shadow: 0 5px 20px 0 rgba(19, 168, 116, 0.2);
    background: #fff;
    position: relative;
}

    .single-tes-part::before {
        position: absolute;
        content: "";
        top: -23px;
        left: -45px;
        width: 72px;
        height: 58px;
        transform: rotate(-45deg);
        background: #3264f5;
        background: linear-gradient(to top, #0942c4 0%, rgba(84, 0, 142, 0.72) 100%);
    }

    .single-tes-part::after {
        position: absolute;
        content: "";
        bottom: -39px;
        left: -39px;
        width: 72px;
        height: 58px;
        transform: rotate(-45deg);
        background: #3264f5;
        background: linear-gradient(to top, #0942c4 0%, rgba(84, 0, 142, 0.72) 100%);
    }

    .single-tes-part .img-partMn {
        width: 80px;
        height: 78px;
        margin: 40px auto 50px;
        border-right: dashed 5px #0942c4;
        border-bottom: solid 5px #0942c4;
        border-radius: 100%;
        padding-left: 9px;
        padding-top: 7px;
        margin-right: 20px;
        float: left;
    }

.marqueDiv {
    width: 100%;
    display: block;
    background: rgba(0,0,0,.12);
    padding: 5px 0 5px 0;
    margin: 22px 0 0 0;
}

    .marqueDiv span {
        color: red;
        font-family: sans-serif;
        font-weight: 550;
    }

.single-tes-part .img-part {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50%;
    float: left;
    background: #f3f3f3;
    border: 1px solid rgba(0,0,0,.12);
}

    .single-tes-part .img-part img {
        border-radius: 50%;
        float: left;
    }

.talk-part {
    overflow: hidden;
}

    .talk-part h2 {
        color: var(--primary-color);
        font-family: sans-serif;
        font-size: 25px;
    }

    .talk-part p {
        font-size: 17px;
        font-family: sans-serif;
    }

    .talk-part ul {
        width: 100%;
        float: left;
    }

        .talk-part ul li {
            width: 100%;
            float: left;
            font-size: 17px;
            font-family: sans-serif;
        }

    .talk-part h3 {
        color: var(--secondary-color);
        position: absolute;
        bottom: 7px;
        right: 30px;
    }

        .talk-part h3 span {
            color: #ff5c68;
            font-style: italic;
            font-weight: bold;
        }

.teachSection-Txt .owl-nav {
    display: none !important;
}

.teachSection-Txt .owl-dots {
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
}

.teachSection-Txt .owl-dot {
    width: 15px;
    height: 15px;
    border: 1px solid #000 !important;
    margin: 0 5px 0 0;
}

    .teachSection-Txt .owl-dot.active {
        background: #fff !important;
    }

.teachSection-Txt .owl-carousel .owl-stage-outer {
    margin: 3% 0 0 0;
}
/*****SECTION-03 END HERE*****/
#feat-img22 {
    display: none;
}

.search {
    transform: rotate(-45deg);
    margin: auto;
    animation: balloon3 13s linear infinite;
}

@keyframes balloon3 {

    0%, 100% {
        transform: translate(0, -10px) rotate(4deg);
    }

    10% {
        /* transform: translate(-20px, 30px) rotate(-8deg) */
        transform: translate(-27px, 16px) rotate(-8deg);
    }
}

#feat-img1 {
    display: none;
}

.HomeSec02 {
    padding: 80px 0 80px 0;
    background: #fff;
    text-align: center;
}

    .HomeSec02 .featRptImg {
        position: relative;
    }

    .HomeSec02 .featRpt1 .featRptImg img:nth-child(1) {
        width: 100%;
    }

    .HomeSec02 .featRpt1 .featRptImg img:nth-child(2) {
        width: 42%;
        position: absolute;
        top: 13%;
        left: 62px;
        -webkit-animation: rotation1 8s infinite linear;
        -moz-animation: rotation1 8s infinite linear;
        -ms-animation: rotation1 8s infinite linear;
        -o-animation: rotation1 8s infinite linear;
        animation: rotation1 10s infinite linear;
    }

@keyframes rotation1 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.featRpt {
    width: 100%;
    float: left;
    padding: 0px 10px 10px;
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -ms-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -o-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;*/
}

.featRptGrd {
    width: 100%;
    float: left;
}

.featRptGrdMd P {
    font-weight: 500;
    font-size: 19px;
}

.featRptImg {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}

.featRptTxt {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 22px;
    text-align: left;
}

    .featRptTxt h3 {
        font-weight: bold;
        font-size: 32px;
    }

        .featRptTxt h3.heading-1 {
            color: #19b970;
        }

        .featRptTxt h3.heading-2 {
            color: #e74110;
        }

        .featRptTxt h3.heading-3 {
            color: #0986b3;
        }

    .featRptTxt p {
        font-size: 22px;
        font-weight: 500;
    }

.HomeSec02 .featRpt2 .featRptImg img:nth-child(1) {
    width: 100%;
}

.HomeSec02 .featRpt2 .featRptImg img:nth-child(2) {
    width: 37%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    animation: chat 2s linear infinite;
}

@keyframes chat {

    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.HomeSec02 .featRpt3 .featRptImg img:nth-child(1) {
    width: 100%;
}

.HomeSec02 .featRpt3 .featRptImg img:nth-child(2) {
    width: 33%;
    position: absolute;
    top: 2px;
    left: 93px;
    animation: flag 2s infinite;
    animation-direction: alternate;
}

@keyframes flag {
    0% {
        transform: skewY(10deg);
        opacity: 0.8;
    }

    100% {
        transform: skewY(-10deg);
    }
}
/*****SECTION-06*****/

.HomeSec6 {
    float: left;
    width: 100%;
    padding: 80px 0 150px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.UserReview {
    float: left;
    width: 100%;
}

.UserReviewTtl {
    float: left;
    width: 100%;
}

    .UserReviewTtl h3 {
        float: left;
        width: 100%;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 45px;
        margin: 0 0 80px 0;
    }

.UserReviewDtl {
    float: left;
    width: 100%;
    padding: 0 56px;
}

.Amazone {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 22px 45px 0 45px;
    position: relative;
    height: 250px;
}

    .Amazone:before {
        content: "";
        background-image: url("../images/quotes.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 51px;
        height: 41px;
        position: absolute;
        top: 23px;
        right: 32px;
    }

    .Amazone h4 {
        float: left;
        width: 100%;
        color: #25bb6d;
        font-family: 'Yrsa';
        font-weight: bold;
        font-size: 30px;
    }

    .Amazone p {
        float: left;
        width: 100%;
        margin: 0px;
        color: #1a1a1a;
        font-family: 'Yrsa';
        font-size: 24px;
        line-height: 28px;
        text-align: justify;
    }

.UserReviewDtl .owl-dots {
    display: block !important;
}

.UserReviewDtl .owl-dots {
    text-align: center;
    padding-top: 15px;
    position: absolute;
    top: 115%;
    left: 45%;
    z-index: 0;
}

    .UserReviewDtl .owl-dots button.owl-dot {
        width: 13px;
        height: 13px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        background: transparent;
        margin: 0 3px;
        border: 2px solid #fff;
    }

        .UserReviewDtl .owl-dots button.owl-dot.active {
            background-color: #25bb6d;
            border-color: #25bb6d;
        }

.HomeSec7 {
    float: left;
    width: 100%;
    padding: 35px 0 40px 0;
}

.newsEvent {
    float: left;
    width: 100%;
    padding: 0 50px;
}

.newsEventTtl {
    float: left;
    width: 100%;
    padding: 55px 0;
}

    .newsEventTtl h3 {
        float: left;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 45px;
        position: relative;
    }

        .newsEventTtl h3:after {
            display: inline-block;
            content: "News And Events";
            font-family: 'Antique Olive Compact';
            font-weight: bold;
            opacity: 0.1;
            color: #000;
            font-size: 155px;
            position: absolute;
            left: 0;
            top: -68px;
            font-size: 130px;
        }

.newsEventDtl {
    float: left;
    width: 100%;
    padding: 55px 0 0 0;
}

.newsEventDtlMn {
    float: left;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .12);
}

.newsEventDtl_Tp {
    float: left;
    width: 100%;
    height: 370px;
    text-align: center;
    padding: 10px 0 0 0;
    position: relative;
    z-index: 99;
}

.newsEventDtl_Btm {
    float: left;
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 15px 16px 10px 16px;
}

.newsEventDtl_Btm1 h3 {
    font-size: 20px !important;
    font-weight: bold !important;
}

.newsEventDtl_Btm1 p {
    font-size: 19px;
    color: #000;
}

    .newsEventDtl_Btm1 p a {
        color: #000;
    }

.newsEventDtl_Btm h3 {
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 24px;
    margin: 0px;
    color: #000;
}

.RdmR {
    float: left;
    width: 100%;
    height: 75px;
}

    .RdmR h4 a {
        font-size: 19px;
        color: #000;
    }

.newsEventDtl_Btm1 .Btn_Readmore {
    padding-top: 8px;
    border: none;
    position: relative;
    z-index: 99;
}

.Btn_Readmore {
    float: right;
    font-family: 'Montserrat';
    font-weight: bold;
    color: #fff;
    height: 42px;
    width: 156px;
    margin: 20px 0 0 0;
    text-transform: uppercase;
    padding-top: 8px;
    font-size: 16px;
    /*background: #25bb6d;*/
    background: linear-gradient(to right, #80c85d 50%, #25bb6d 50%);
    /*background: rgba(0, 0, 0, 0) linear-gradient(127deg, rgb(158, 204, 87) 0%, rgb(2, 182, 116) 100%) repeat scroll 0% 0%;*/
    -webkit-box-shadow: 3px 4px 15px 0px rgba(37, 187, 109, 0.23);
    -moz-box-shadow: 3px 4px 15px 0px rgba(37, 187, 109, 0.23);
    -ms-box-shadow: 3px 4px 15px 0px rgba(37, 187, 109, 0.23);
    -o-box-shadow: 3px 4px 15px 0px rgba(37, 187, 109, 0.23);
    box-shadow: 3px 4px 15px 0px rgba(37, 187, 109, 0.23);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-in-out;
    display: block;
}

.newsEventDtlMn:hover .Btn_Readmore {
    background-position: left bottom;
    color: #fff;
}

/*.Btn_Readmore:hover,
.Btn_Readmore:focus {
    color: #fff;
    background: #20a15e;
}*/

/************/
.newsBtn {
    float: left;
    width: 100%;
}

    .newsBtn .visit_btn {
        float: none;
        display: inline-block;
        margin: 50px 0 0 0;
    }

.HomeSec8 {
    float: left;
    width: 100%;
    /*padding: 90px 0 60px;*/
    padding: 30px 0 30px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.followRow {
    /*border: 1px solid rgba(0, 0, 0, .12);*/
    padding: 10px 0 10px 0;
}

.FollowLft {
    float: left;
    width: 100%;
    padding-left: 50px;
}

    .FollowLft h3 {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 45px;
        position: relative;
    }

    .FollowLft p {
        float: left;
        width: 100%;
        font-size: 24px;
        line-height: 28px;
        padding-right: 20%;
    }

.FollowRt {
    float: left;
    width: 100%;
    padding-right: 50px;
}

    .FollowRt ul {
        float: right;
        margin: 4px 0 0 0;
        padding: 0px;
    }

        .FollowRt ul li {
            display: inline-block;
            list-style: none;
            height: 60px;
            width: 60px;
            text-align: center;
            border: 1px solid #141613;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            margin: 0 0 0 27px;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

            .FollowRt ul li a {
                display: inline-block;
                color: #141613;
                font-size: 30px;
                line-height: 60px;
                width: 100%;
                position: relative;
                z-index: 99;
            }

            .FollowRt ul li:nth-child(1):hover {
                /*background: #0073c1;*/
                background: #f70000;
                border-color: #fff;
            }

            .FollowRt ul li:nth-child(2):hover {
                background: #3a5794;
                border-color: #fff;
            }

            .FollowRt ul li:nth-child(3):hover {
                background: #c33261;
                /*background: rgb(237,129,40);
                background: linear-gradient(90deg, rgba(237,129,40,1) 0%, rgba(246,211,115,1) 35%, rgba(214,41,119,1) 100%);*/
                border-color: #fff;
            }

            .FollowRt ul li:nth-child(4):hover {
                background: #0077b5;
                border-color: #fff;
            }

            .FollowRt ul li:nth-child(5):hover {
                background: #0074af;
                border-color: #fff;
            }

                .FollowRt ul li:nth-child(1):hover a,
                .FollowRt ul li:nth-child(2):hover a,
                .FollowRt ul li:nth-child(3):hover a,
                .FollowRt ul li:nth-child(4):hover a,
                .FollowRt ul li:nth-child(5):hover a {
                    color: #fff;
                }

.HomeSec9 {
    width: 100%;
    float: left;
}

.safeIMg {
    float: left;
    width: 100%;
    text-align: center;
    /*padding: 70px 0 0 0;*/
    padding: 30px 0 20px 0;
}

    .safeIMg a {
        position: relative;
        z-index: 99;
    }

    .safeIMg img {
        display: inline-block;
        width: 48%;
    }


/* ****NEW FOOTER START HERE**** */
footer,
.footerTp,
.footerTp_Lft,
.footerTp_Ryt,
.footerMd,
.footerMd_C1,
.footerMd_C2,
.footerMd_C3,
.footerMd_C4,
.footerBtm {
    width: 100%;
    float: left;
}

/*footer {
    margin: 4% 0 0 0;
}*/


/*.air {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url('../images/wave.png');
    background-size: 1000px 100px;
}

    .air.air1 {
        animation: wave 30s linear infinite;
        z-index: 1000;
        opacity: 1;
        animation-delay: 0s;
        bottom: 0;
        transform: rotate(180deg);
    }

    .air.air2 {
        animation: wave2 15s linear infinite;
        z-index: 999;
        opacity: 0.5;
        animation-delay: -5s;
        bottom: 10px;
        transform: rotate(180deg);
    }

    .air.air3 {
        animation: wave 30s linear infinite;
        z-index: 998;
        opacity: 0.2;
        animation-delay: -2s;
        bottom: 15px;
        transform: rotate(180deg);
    }

    .air.air4 {
        animation: wave2 5s linear infinite;
        z-index: 997;
        opacity: 0.7;
        animation-delay: -5s;
        bottom: 20px;
        transform: rotate(180deg);
    }

@keyframes wave {
    0% {
        background-position-x: 0px;
    }

    100% {
        background-position-x: 1000px;
    }
}

@keyframes wave2 {
    0% {
        background-position-x: 0px;
    }

    100% {
        background-position-x: -1000px;
    }
}*/

.footerTp {
    background: #332b2b;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 14px 0 0px 0;
    border-top-left-radius: 50px;
}

.footerTp_Lft p {
    font-size: 23px;
    font-family: 'Calibri';
    font-weight: 550;
    margin: 6px 0 0 0;
    color: #fff;
    /*text-align: center;*/
}

.footerTp_Ryt {
    text-align: right;
}

    .footerTp_Ryt ul {
        width: 100%;
        float: left;
    }

        .footerTp_Ryt ul li {
            list-style: none;
            margin: 0 5px 0 5px;
            background: #fff;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            text-align: center;
            padding: 7px 0 0 0;
            display: inline-block;
            transition: all 0.5s;
            border: 5px solid;
            /*border-color: transparent;*/
        }

            .footerTp_Ryt ul li:hover {
                transform: rotate(360deg)scale(1.3);
                background-color: #ffffff;
                border-color: #fff;
            }

            .footerTp_Ryt ul li a {
                text-decoration: none;
            }

                .footerTp_Ryt ul li a i {
                    font-size: 22px;
                    color: #fff;
                    line-height: 27px;
                }

.footerMd {
    padding: 60px 0 35px 0;
    background-image: url('../images/2.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.footerMd_C1 {
    margin: 2% 0 0 0;
}

    .footerMd_C1 img {
        width: 80%;
    }

.footerMd h3 {
    font-size: 25px;
    color: #3b589a;
    font-family: 'Calibri';
    font-weight: 550;
}

.footerMd ul {
    padding-left: 0;
}

    .footerMd ul li {
        list-style: none;
    }

        .footerMd ul li span {
            color: rgba(0, 0, 0, 0.85);
            font-size: 19px;
        }

        .footerMd ul li a {
            text-decoration: none;
            color: rgba(0, 0, 0, 0.85);
            font-size: 19px;
        }

.footerBtm {
    background: var(--primary-color);
    text-align: center;
    padding: 7px 0 7px 0;
    font-family: sans-serif;
}

    .footerBtm p {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin: 0;
    }

.FooterBtm {
    float: left;
    width: 100%;
    background: var(--primary-color);
    padding: 10px 0 8px 0;
}

.FooterBtmTxt {
    float: left;
    width: 100%;
    text-align: center;
}

    .FooterBtmTxt p {
        float: left;
        width: 100%;
        margin: 0px;
        text-transform: uppercase;
        color: #fff;
        font-size: 20px;
        font-weight: normal;
        font-family: sans-serif;
    }

.footer-curve {
    height: 120px;
}

    .footer-curve .section-curve-wrapper {
        width: calc(100% + 800px);
        left: 0;
        background-repeat: repeat-x;
        -webkit-animation: 25s curve_wave infinite linear;
        animation: 25s curve_wave infinite linear;
    }
/* ****NEW FOOTER END HERE**** */
#button {
    display: inline-block;
    text-align: center;
    position: fixed;
    bottom: 20px;
    left: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
    background-color: #f3f3f3;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    font-size: 30px;
    padding: 4px 0 0 0;
}

    #button.show {
        opacity: 1;
        visibility: visible;
    }

.CstCsrtMain {
    margin: 0;
    width: 350px;
    top: 60px;
    left: auto;
    right: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    text-align: left;
    padding-top: 5px;
    background: #fff;
    padding: 13px 12px 0 12px;
    -webkit-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -ms-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -o-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.CstCsrtMain-tp {
    width: 100%;
    float: left;
    /*height: 251px;*/
    max-height: 251px;
    overflow-y: scroll;
}

    .CstCsrtMain-tp ul {
        width: 100%;
        float: left;
        padding: 0;
    }

        .CstCsrtMain-tp ul li {
            list-style: none;
            width: 100%;
            float: left;
            border-bottom: 2px solid rgba(0, 0, 0, .12);
            margin: 0 0 6px 0;
            padding: 3px 0;
        }

.CstCsrtMain-tpLft {
    float: left;
    display: inline-block;
    width: 30%;
}

    .CstCsrtMain-tpLft img {
        width: 97px;
        height: 125px;
    }

.CstCsrtMain-tpRyt {
    float: right;
    display: inline-block;
    width: 65%;
}

    .CstCsrtMain-tpRyt ul {
        float: left;
    }

        .CstCsrtMain-tpRyt ul li {
            list-style: none;
            font-size: 13px;
            font-weight: 500;
            border: none;
            margin: 0;
            padding: 0;
        }

            .CstCsrtMain-tpRyt ul li span {
                font-weight: 400;
            }

.CstCsrtMain-btm {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.viewCart {
    width: 60%;
    height: 50px !important;
    transition: all .3s ease-in-out;
    text-decoration: none;
    padding: 10px 0 0 0 !important;
}

    .viewCart:hover {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        color: #fff;
    }

.CstCsrtMain.cart_visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.viewCartMdl tr li:hover {
    background: #f3f3f3;
}

.SigninMain {
    float: left;
    width: 100%;
    position: relative;
}

.SigninMainLft {
    float: left;
    width: 50%;
    padding: 10px 120px;
    position: relative;
}

.SigninMain_FrmTtl {
    float: left;
    width: 100%;
}

    .SigninMain_FrmTtl h3 {
        float: left;
        width: 100%;
        font-weight: bold;
        color: #000;
        font-size: 45px;
        margin: 0 0 27px 0;
    }

.SigninMain_FrmFrm {
    float: left;
    width: 100%;
}

    .SigninMain_FrmFrm .form-group {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

.FrmRpt {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 12px;
}

    .FrmRpt i {
        color: #858585;
    }

    .FrmRpt .same_input {
        height: 70px;
        background: #f4f8f7;
        border: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        font-size: 24px;
        font-weight: 300;
        padding-left: 70px;
        padding-right: 24px;
    }

        .FrmRpt .same_input:focus {
            background: #f4f8f7;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;
        }

    .FrmRpt textarea.same_input {
        height: 200px;
        resize: none;
        padding-top: 18px;
        padding-bottom: 18px;
    }

.Cmn_i {
    position: absolute;
    left: 24px;
    font-size: 24px;
    top: 25px;
}

.FrmRpt .same_input.select_bx {
    padding-left: 24px;
    color: #858585;
}

.FrmRpt .checkbox {
    float: left;
    font-size: 24px;
    font-weight: 300;
    color: #858585;
    margin: 0 20px 0 24px;
}

    .FrmRpt .checkbox input[type="checkbox"] {
        float: left;
        margin: 12px 10px 0 0;
    }

.form-group.MrgnNone {
    margin-bottom: 8px;
}

.WantTeacher.same_input {
    padding-left: 24px;
    color: #858585;
    padding-top: 16px;
}

    .WantTeacher.same_input a {
        font-weight: bold;
        text-transform: uppercase;
        color: #24bb6e;
    }

.AgreeTrms {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 300;
    padding-left: 24px;
}

    .AgreeTrms label {
        color: #858585;
    }

    .AgreeTrms input[type="checkbox"] {
        float: left;
        margin: 12px 10px 0 0;
    }

.PdngLftnon .FrmRpt .same_input {
    padding-left: 24px;
}

.CaptchaImg {
    float: left;
    margin: 20px 0 0 0;
}

.SigninMainRt {
    float: left;
    width: 50%;
    position: relative;
    z-index: 0;
}

.SgnuPTxt_1:after {
    content: "";
    width: 50%;
    height: 100%;
    /* background-image: url("../images/sign_in.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background: rgb(59,88,154);
    background: linear-gradient(335deg, rgba(59,88,154,1) 0%, rgba(59,88,154,1) 35%, rgba(116,148,222,0.999019676229867) 100%);
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 16px 1px 23px 0px #75aed05c;
    -moz-box-shadow: 16px 1px 23px 0px #75aed05c;
    -ms-box-shadow: 16px 1px 23px 0px #75aed05c;
    -o-box-shadow: 16px 1px 23px 0px #75aed05c;
    box-shadow: 16px 1px 23px 0px #75aed05c;
}

.AllSameDgnWlcm {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

    .AllSameDgnWlcm img {
        width: 40%;
        display: block;
        margin: auto;
    }

.SgnuPTxt {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 36% 0 0 0;
}

    .SgnuPTxt h1 {
        float: left;
        width: 100%;
        color: #fff;
        font-weight: bold;
        font-size: 45px;
        margin: 0 0 15px 0;
    }

    .SgnuPTxt p {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 24px;
        line-height: 28px;
        font-weight: 300;
        margin: 0 0 65px 0;
    }

        .SgnuPTxt p span {
            float: left;
            width: 100%;
        }

.SgnInRt {
    display: inline-block;
    width: 210px;
    height: 62px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    border: 3px solid #fff;
    padding: 16px 0 0 0;
    margin: 0 10px;
}

    .SgnInRt:hover {
        color: #3b589a;
        background: #fff;
    }

.MainSignIn .SigninMainLft {
    padding: 13% 200px 0 200px;
}

.FrgtPass {
    float: left;
    width: 100%;
    margin: 0;
}

    .FrgtPass a {
        display: inline-block;
        color: #434343;
        font-size: 24px;
        transition: all .2s ease-in-out;
    }

        .FrgtPass a:hover {
            color: #3b589a;
            border-bottom: 1px solid #3b589a;
        }

.MainForgotPassword .SbmtBtn {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
}

.MainForgotPassword .SigninMainLft {
    padding: 18% 200px 0 200px;
}

.ClassGroup .same_input {
    float: left;
    width: 100%;
    background: #f4f8f7;
    padding-bottom: 10px;
}

    .ClassGroup .same_input .FrmRpt {
        height: auto;
    }

        .ClassGroup .same_input .FrmRpt h4 {
            float: left;
            width: 100%;
        }

        .ClassGroup .same_input .FrmRpt i {
            float: left;
            position: relative;
            top: 3px;
            left: 0;
            margin: 0 18px 0 0;
        }

        .ClassGroup .same_input .FrmRpt b {
            float: left;
        }

.AllClasses {
    padding-left: 46px;
}

    .AllClasses .checkbox {
        margin: 0px;
        width: 15%;
    }

.SubjectGroup .AllClasses .checkbox {
    width: 33%;
}

.Teacher_Main_Frm.SigninMainLft {
    padding: 20px 40px;
}

.All_Registration_Design .SigninMainRt .SgnuPTxt {
    float: left;
    width: 50%;
    position: fixed;
    z-index: 111111;
    text-align: center;
    margin: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.All_Registration_Design .SgnuPTxt.SgnuPTxt_1 {
    top: 13%;
}

.All_Registration_Design .SgnuPTxt.SgnuPTxt_2 {
    top: -100%;
}

.All_Registration_Design .SgnuPTxt.SgnuPTxt_3 {
    top: -100%;
}

.All_Registration_Design .SgnuPTxt.SgnuPTxt_4 {
    top: -100%;
}

.All_Registration_Design .SigninMainLft {
    float: right;
}

#Sgnup_1,
#Sgnup_2,
#Sgnup_3,
#Sgnup_4 {
    position: fixed;
    width: 47%;
    padding: 0 2%;
    right: 2%;
    top: 2%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    padding: 0 20px;
}

#Sgnup_2,
#Sgnup_3,
#Sgnup_4 {
    top: 100%;
}

.All_Registration_Design.active_1 .SgnuPTxt_1 {
    top: 100%;
}

.All_Registration_Design.active_1 .SgnuPTxt_2 {
    top: 13%;
}

.All_Registration_Design.active_3 .SgnuPTxt_3 {
    top: 13%;
}

.All_Registration_Design.active_3 .SgnuPTxt_2 {
    top: 100%;
}

#Sgnup_2 {
    padding: 0 8%;
}

#Sgnup_3 {
    padding: 0 8%;
}

.All_Registration_Design.active_1 #Sgnup_1 {
    top: -100%;
}

.All_Registration_Design.active_1 #Sgnup_2 {
    top: 26%;
}

.All_Registration_Design.active_3 #Sgnup_3 {
    top: 36%;
}

.All_Registration_Design.active_4 #Sgnup_4 {
    top: 2%;
}

.All_Registration_Design.active_3 #Sgnup_1,
.All_Registration_Design.active_3 #Sgnup_2 {
    top: -100%;
}

.All_Registration_Design.active_4 #Sgnup_2 {
    top: 100%;
}

.All_Registration_Design.active_4 #Sgnup_3 {
    top: 100%;
}

.All_Registration_Design #Sgnup_1 .SigninMain_FrmFrm,
.All_Registration_Design #Sgnup_2 .SigninMain_FrmFrm,
.All_Registration_Design #Sgnup_3 .SigninMain_FrmFrm,
.All_Registration_Design #Sgnup_4 .SigninMain_FrmFrm {
    height: 820px;
    position: relative;
    overflow: auto;
    padding: 0 20px;
}

.All_Registration_Design .SigninMain_FrmTtl {
    padding: 0 20px;
}

.Responsive_Logo {
    display: none;
}

.AftrEft {
    display: none;
}

.HomeSec1:nth-child(odd) .vedRt.vedLft {
    /*display: none;*/
}

.Smart_Sec_1 {
    float: left;
    width: 100%;
    padding: 50px 0 20px;
}

.SmartTtl {
    float: left;
    width: 100%;
}

    .SmartTtl h2 {
        float: left;
        width: 100%;
        text-transform: uppercase;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
    }

.Smart_Sec_1 .SmartSrch {
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.SmartSrch {
    float: left;
    width: 100%;
    position: relative;
}

    .SmartSrch .FrmRpt .same_input {
        height: 60px;
        font-size: 21px;
        background: #f0f0f0;
        font-weight: 450;
    }

    .SmartSrch .FrmRpt i {
        color: #858585;
        margin: -5px 0 0 0;
        float: left;
    }

.Smart_Sec_2 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.Smart_Sec_2_Lft,
.Smart_Sec_2_Rt {
    float: left;
    width: 100%;
}

.Smart_Sec_2_Md {
    float: left;
    /*width: 100%;*/
    /*padding: 0 108px;*/
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 55px;
    width: 90%;
    background: rgb(158, 204, 87);
    background: -webkit-linear-gradient(127deg,#3c599a 0%, #3c599a 40%);
    background: -moz-linear-gradient(127deg,#3c599a 0%, #3c599a 40%);
    background: -ms-linear-gradient(127deg,#3c599a 0%, #3c599a 40%);
    background: -o-linear-gradient(127deg,#3c599a 0%, #3c599a 40%);
    background: linear-gradient(127deg,#3c599a 0%, #3c599a 40%);
    -webkit-box-shadow: 10px 0 28px 8px #e3ebff;
    -moz-box-shadow: 10px 0 28px 8px #e3ebff;
    -ms-box-shadow: 10px 0 28px 8px #e3ebff;
    -o-box-shadow: 10px 0 28px 8px #e3ebff;
    box-shadow: 10px 0 28px 8px #e3ebff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.Smart_Sec_2_MdTtl {
    float: left;
    width: 100%;
}

    .Smart_Sec_2_MdTtl h2 {
        /*font-size: 46px;*/
        font-size: 36px;
        text-align: center;
        float: left;
        width: 100%;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        margin: 30px 0 0 0;
    }

.Smart_Sec_2_MdGrd {
    float: left;
    width: 100%;
    /*padding: 40px 0 80px;*/
    padding: 30px 0 50px;
}

    .Smart_Sec_2_MdGrd ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

        .Smart_Sec_2_MdGrd ul:after {
            content: "";
            width: 100%;
            height: 2px;
            background: #f2f2f2;
            position: absolute;
            left: 0;
            top: 97px;
        }

        .Smart_Sec_2_MdGrd ul li {
            list-style: none;
            float: left;
            width: 12.5%;
            position: relative;
        }

            .Smart_Sec_2_MdGrd ul li:after {
                content: "";
                width: 2px;
                height: 100%;
                background: #f2f2f2;
                position: absolute;
                right: 0;
                top: 0;
            }

            .Smart_Sec_2_MdGrd ul li:last-child:after,
            .Smart_Sec_2_MdGrd ul li:nth-child(8):after {
                display: none;
            }

            .Smart_Sec_2_MdGrd ul li a {
                float: left;
                width: 100%;
                text-align: center;
                height: 97px;
                color: #fff;
                font-weight: bold;
                font-size: 38px;
                padding: 16px 0 0 0;
            }

                .Smart_Sec_2_MdGrd ul li a.active,
                .Smart_Sec_2_MdGrd ul li a:hover {
                    color: #3c599a;
                    background: rgb(238, 255, 227);
                    background: linear-gradient(127deg, #bbcffd 0%, #dbe6ff 40%);
                    background: linear-gradient(127deg, #bbcffd 0%, #dbe6ff 40%);
                    background: linear-gradient(127deg, #bbcffd 0%, #dbe6ff 40%);
                    background: linear-gradient(127deg, #bbcffd 0%, #dbe6ff 40%);
                    background: linear-gradient(127deg, #bbcffd 0%, #dbe6ff 40%);
                }

.Smart_Sec_3 {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
}

.SubTtl {
    float: left;
    width: 100%;
}

    .SubTtl h3 {
        float: left;
        width: 100%;
        text-transform: uppercase;
        color: #444444;
        font-weight: bold;
        /*font-size: 38px;*/
        font-size: 32px;
        margin: 0px;
    }

    .SubTtl h4 {
        float: left;
        width: 100%;
        text-transform: uppercase;
        color: #444;
        font-weight: bold;
        font-size: 32px;
        margin-top: 8px;
    }

.SubList_Parent {
    float: left;
    width: 100%;
    padding: 30px 0 0 0;
}

    .SubList_Parent ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .SubList_Parent ul li {
            list-style: none;
            float: left;
            width: 17%;
            margin: 0 0 40px 0;
            text-align: center;
        }

.SubList {
    display: inline-block;
    width: 228px;
}

.SubListMn {
    float: left;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 16px 20px 13px -5px #ebf1ff;
    -moz-box-shadow: 16px 20px 13px -5px #ebf1ff;
    -ms-box-shadow: 16px 20px 13px -5px #ebf1ff;
    -o-box-shadow: 16px 20px 13px -5px #ebf1ff;
    box-shadow: 16px 20px 13px -5px #ebf1ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.SubListMnImg {
    float: left;
    width: 100%;
    /*height: 192px;*/
    height: 152px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}

.LSubListMnImg input {
    margin: -14px 0 0 0;
}

.SubListMnImg img {
    display: inline-block;
}

.SubListMnName {
    float: left;
    width: 100%;
    /*height: 68px;*/
    height: 74px;
    text-align: center;
    background: -webkit-linear-gradient(127deg, rgba(238, 238, 238, 1) 0%, rgba(206, 206, 206, 1) 40%);
    background: -moz-linear-gradient(127deg, rgba(238, 238, 238, 1) 0%, rgba(206, 206, 206, 1) 40%);
    background: -ms-linear-gradient(127deg, rgba(238, 238, 238, 1) 0%, rgba(206, 206, 206, 1) 40%);
    background: -o-linear-gradient(127deg, rgba(238, 238, 238, 1) 0%, rgba(206, 206, 206, 1) 40%);
    background: linear-gradient(127deg, rgba(238, 238, 238, 1) 0%, rgba(206, 206, 206, 1) 40%);
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #444444;
    font-weight: bold;
    line-height: 20px;
    padding: 22px 0 0 0;
}

/*.SubList_Parent ul li:nth-child(6) .SubListMnName,
.SubList_Parent ul li:nth-child(7) .SubListMnName {
    padding: 15px 0 0 0;
}*/

.SubList_Parent ul li.active .SubListMnName {
    background: rgb(158, 204, 87);
    background: -webkit-linear-gradient(37deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 40%);
    background: -moz-linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 40%);
    background: -ms-linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 40%);
    background: -o-linear-gradient(37deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 40%);
    background: linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 40%);
    color: #fff;
}

.SubListMnName span {
    float: left;
    width: 100%;
}

.AbsLt_A {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.SubList_Parent ul li .SubListMn:hover .SubListMnName {
    background: rgb(127deg, #3c599a 0%, #3c599a 40%);
    background: linear-gradient(127deg, #3c599a 0%, #3c599a 40%);
    background: linear-gradient(127deg, #3c599a 0%, #3c599a 40%);
    background: linear-gradient(127deg, #3c599a 0%, #3c599a 40%);
    background: linear-gradient(127deg, #3c599a 0%, #3c599a 40%);
    background: linear-gradient(127deg, #3c599a 0%, #3c599a 40%);
    color: #fff;
}

.Smart_Sec_4 {
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
    background: rgb(241, 241, 241);
    background: -webkit-linear-gradient(37deg, rgba(241, 241, 241, 1) 0%, rgba(224, 224, 224, 1) 100%);
    background: -moz-linear-gradient(127deg, rgba(241, 241, 241, 1) 0%, rgba(224, 224, 224, 1) 100%);
    background: -ms-linear-gradient(127deg, rgba(241, 241, 241, 1) 0%, rgba(224, 224, 224, 1) 100%);
    background: -o-linear-gradient(37deg, rgba(241, 241, 241, 1) 0%, rgba(224, 224, 224, 1) 100%);
    background: linear-gradient(127deg, rgba(241, 241, 241, 1) 0%, rgba(224, 224, 224, 1) 100%);
}

    .Smart_Sec_4 .SubTtl h3 span {
        font-size: 28px;
    }

.SubLst {
    float: left;
    width: 100%;
    padding: 12px 0 20px;
}

    .SubLst ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .SubLst ul li {
            list-style: none;
            float: left;
            width: 20%;
            margin: 0 0 25px 0;
            text-align: center;
        }

.Slrng-SubLst ul li {
    width: 19%;
    margin: 25px 0 25px 0;
}

.Slrng-SubLst .SbmtBtn {
    line-height: unset;
    padding: 10px 11px !important;
    font-size: 13px !important;
}

.SbLstMn {
    display: inline-block;
    position: relative;
    width: 256px;
}

.SbLstMn-1 {
    height: 508px;
}

.SbLstMnImg {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 15px 0;
    height: 310px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

    .SbLstMnImg img {
        display: inline-block;
        width: 208px;
        height: 280px;
        -webkit-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
        -ms-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
        box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    }

    .SbLstMnImg:hover img {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

.sLrngLstMn {
    width: 262px;
}

    .sLrngLstMn .SbLstMnDtl {
        min-height: 130px;
        height: unset;
    }

.ImgLnk_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.OnApp {
    background: #e54d4d;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    padding: 0px 0 4px 0;
    text-align: center;
    position: absolute;
    width: 100%;
    left: -103px;
    top: 24px;
    -webkit-transform: rotate(310deg);
    -moz-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    -o-transform: rotate(310deg);
    transform: rotate(310deg);
    z-index: 1;
}

.OnAppRibon {
    background-image: radial-gradient(circle farthest-side, #FF1C1A, #BF0B00);
    box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
}

    .OnAppRibon span {
        text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.2);
        color: #e9ea7b;
        outline: 1px dashed #E5E82C;
        font-weight: 501;
        padding: 0px 18px 0px 25px;
    }

.SbLstMnDtl {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 16px;
    /*max-height: 228px;*/
    position: relative;
    padding: 0 16px 30px 16px;
    min-height: 160px;
    /*max-height: 260px;*/
}

.SbLstMn-1 .SbLstMnDtl h3 {
    /*font-size: 16px;*/
    float: left;
    width: 100%;
    font-weight: 550;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin: 0 0 16px 0;
    font-family: sans-serif;
}

.SbLstMn-1 .IncSize {
    /*font-size: 16px;*/
    font-size: 15px;
    font-family: sans-serif;
}


.SbLstMnDtl h3 {
    float: left;
    width: 100%;
    font-weight: 500;
    color: #000;
    font-size: 17px;
    line-height: 24px;
    text-align: left;
    margin: 0 0 16px 0;
}

    .SbLstMnDtl h3 a {
        color: #000;
    }

.ImgLnk_2 {
    display: inline-block;
    width: 60%;
    font-family: 'Montserrat';
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    /*background: #25bb6d;*/
    padding: 8px 0;
    font-size: 15px;
    -webkit-box-shadow: 4px 4px 8px rgba(37, 187, 109, 0.4);
    -moz-box-shadow: 4px 4px 8px rgba(37, 187, 109, 0.4);
    -ms-box-shadow: 4px 4px 8px rgba(37, 187, 109, 0.4);
    -o-box-shadow: 4px 4px 8px rgba(37, 187, 109, 0.4);
    box-shadow: 4px 4px 8px rgba(37, 187, 109, 0.4);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6%;
    background: linear-gradient(127deg, rgba(142, 202, 90, 1) 0%, rgba(2, 182, 116, 1) 100%);
    transition: all .4s ease-in-out;
}

    .ImgLnk_2:hover {
        color: #fff;
    }

.SbjLstMnDtl .ImgLnk_2 {
    width: 90%;
    bottom: 10%;
}

.sLrngMnImg1 img {
    /*width: 188px;
    height: 257px;*/
    width: 198px;
    height: 267px;
}



/**********/
.ContactUs {
    float: left;
    width: 100%;
    padding: 130px 18%;
    position: relative;
}

    .ContactUs:after {
        content: "";
        width: 78%;
        height: 580px;
        background-image: url("../images/vector_bg.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
    }

    .ContactUs .container {
        z-index: 1;
        position: relative;
    }

.ContactUsTtl {
    float: left;
    width: 100%;
    padding: 0 40px;
}

    .ContactUsTtl h2 {
        float: left;
        width: 100%;
        color: #000;
        font-weight: bold;
        font-size: 40px;
        margin: 0 0 15px 0;
    }

.ContactUs .row.Remove_Padding {
    background: #fff;
    height: 568px;
    /* -webkit-box-shadow: 10px 10px 140px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 10px 140px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 10px 10px 140px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 10px 10px 140px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 140px 20px rgba(0, 0, 0, 0.1);*/
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 25px;
}

.ContactUsLft {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 0 40px 0;
}

    .ContactUsLft:after {
        content: "";
        width: 200px;
        height: 568px;
        background-image: url("../images/contact_bg.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
    }

    .ContactUsLft .nav-tabs {
        float: left;
        width: 100%;
        border: 0px;
        text-align: center;
    }

        .ContactUsLft .nav-tabs .nav-link {
            display: inline-block;
            text-align: left;
            width: 100%;
            margin: 0px;
            padding: 0px;
            border: 0px;
            cursor: pointer;
            padding: 10px 20px;
            margin: 0 30px 40px 30px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            position: relative;
            z-index: 1;
            border-bottom: 2px solid var(--primary-color);
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

            .ContactUsLft .nav-tabs .nav-link:hover {
                background: #f2f2f2;
                -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
                -ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
                -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
                box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            }

            .ContactUsLft .nav-tabs .nav-link.active,
            .ContactUsLft .nav-tabs .nav-link:last-child.active {
                margin-right: 0px;
                background: #f2f2f2;
                border-bottom: 2px solid var(--primary-color);
                padding-bottom: 10px;
            }

    .ContactUsLft ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .ContactUsLft .nav-tabs .nav-link:last-child {
        margin: 0 30px 0 30px;
    }

    .ContactUsLft .nav-tabs .nav-link li {
        list-style: none;
        float: left;
        width: 100%;
        text-align: left;
    }

    .ContactUsLft ul li h3 {
        float: left;
        width: 100%;
        font-weight: bold;
        color: var(--primary-color);
        margin: 0 0 0px 0;
        cursor: pointer;
    }

    .ContactUsLft ul li p {
        float: left;
        width: 100%;
        color: #2b2b2b;
        font-size: 23px;
        line-height: 28px;
        margin: 0px;
        font-weight: 300;
        cursor: pointer;
    }

.ContactUs .row.Remove_Padding .col-xxl-8.col-xl-8 {
    padding: 0px;
}

.ContactUs .row.Remove_Padding .col-xxl-4.col-xl-4,
.ContactUs .row.Remove_Padding .col-xxl-8.col-xl-8 {
    height: 568px;
}

.card__bg__image {
    animation: card-shift 12s ease-in-out infinite;
}

.card__bg_image img {
    object-fit: fill;
}

@keyframes card-shift {
    0% {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
    }

    25% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    50% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    75% {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
    }

    to {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
    }
}

.ContactUs .row.Remove_Padding .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-12.col-12 {
    /*-webkit-background: linear-gradient(335deg, rgba(59,88,154,1) 0%, rgba(59,88,154,1) 35%, rgba(116,148,222,0.999019676229867) 100%);
    -moz-background: linear-gradient(335deg, rgba(59,88,154,1) 0%, rgba(59,88,154,1) 35%, rgba(116,148,222,0.999019676229867) 100%);
    -ms-background: linear-gradient(335deg, rgba(59,88,154,1) 0%, rgba(59,88,154,1) 35%, rgba(116,148,222,0.999019676229867) 100%);
    -o-background: linear-gradient(335deg, rgba(59,88,154,1) 0%, rgba(59,88,154,1) 35%, rgba(116,148,222,0.999019676229867) 100%);
    background: linear-gradient(335deg, rgba(59,88,154,1) 0%, rgba(59,88,154,1) 35%, rgba(116,148,222,0.999019676229867) 100%);*/
    background-image: url('../images/book.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    animation: slidein 100s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@keyframes slidein {
    from {
        background-position: top;
        background-size: 2000px;
    }

    to {
        background-position: -100px 0px;
        background-size: 2750px;
    }
}

.ContactUsRt {
    float: left;
    width: 100%;
    padding: 40px 20px;
}

.ContactUsRtTp {
    float: left;
    width: 100%;
}

    .ContactUsRtTp ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .ContactUsRtTp ul .tab-pane {
            margin: 180px 0 0 70px;
        }

            .ContactUsRtTp ul .tab-pane#nav-Delhi {
                margin: 160px 0 0 30px;
            }

        .ContactUsRtTp ul li {
            float: left;
            width: 100%;
            list-style: none;
            margin: 0;
        }

.ContactUsRtTpLft {
    float: left;
    width: 9%;
    margin: 13px 0 0 0;
}

    .ContactUsRtTpLft i {
        float: left;
        color: #fff;
        font-size: 18px;
    }

.ContactUsRtTpRt {
    float: left;
    width: 90%;
    padding: 0 0 0 15px;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
}

    .ContactUsRtTpRt a {
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 28px;
        position: relative;
    }

.ContactUsRtTp ul #nav-Delhi li:nth-child(1) .ContactUsRtTpRt a:after {
    content: ",";
    display: inline-block;
    position: relative;
    margin: 0 6px;
}

.ContactUsRtTp ul #nav-Delhi li:nth-child(1) .ContactUsRtTpRt a:last-child:after {
    display: none;
}

.contact_HomeSec8 {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .12);
}

.FeedBack {
    float: left;
    width: 100%;
    position: relative;
}

.SameBg {
    float: left;
    width: 100%;
}

    .SameBg::after {
        content: "";
        /*width: 1094px;*/
        height: 160px;
        /*background-image: url("../images/vector_bg1.png");*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: 15%;
        top: 110px;
    }

    .SameBg .container {
        position: relative;
        /*z-index: 99999;*/
    }

.CntrDta1 {
    float: left;
    width: 100%;
    text-align: center;
}

.CntrDta {
    float: left;
    width: 100%;
    background: #fff;
}

.FeedBack_bg {
    float: left;
    width: 100%;
    position: relative;
    padding: 60px 0 40px;
}

    .FeedBack_bg:after {
        content: "";
        width: 1713px;
        height: 819px;
        background-image: url("../images/vector_sug.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: -6%;
        top: 0;
    }

.Title_All {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 1;
}

    .Title_All h2 {
        float: left;
        width: 100%;
        color: #294992;
        font-weight: bold;
        font-size: 45px;
        font-family: sans-serif;
    }

.FeedbackForm .FrmRpt .SbmtBtn {
    display: inline-block;
    width: 150px;
    height: 45px;
    margin: 0 10px;
    font-size: 20px;
    padding: 0px;
    transition: all .4s ease-in-out;
}

    .FeedbackForm .FrmRpt .SbmtBtn:hover {
        background-position: -156px 0px !important;
    }

.Cancellation {
    float: left;
    width: 100%;
    background: #fff;
}

.Cancellation_Txt {
    float: left;
    width: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    padding: 40px 20px 20px 30px;
    border-radius: 10px;
}

.CancelImg {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

    .CancelImg img {
        display: inline-block;
    }

.Cancellation_Txt p {
    float: left;
    width: 100%;
    color: #2c2c2c;
    font-size: 21px;
    line-height: 30px;
    font-family: 'Calibri';
    font-weight: 400;
    text-align: justify;
}

.Cancellation8 {
    padding-top: 0px;
    background: #fff;
}

.AllSameTxt {
    float: left;
    width: 100%;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    border-radius: 10px;*/
    padding: 40px 20px 40px 30px;
}

    .AllSameTxt p {
        float: left;
        width: 100%;
        color: #2c2c2c;
        font-size: 21px;
        line-height: 30px;
        font-family: 'Calibri';
        font-weight: 400;
        text-align: justify;
    }

    .AllSameTxt ol li {
        float: left;
        width: 100%;
        color: #2c2c2c;
        font-size: 21px;
        line-height: 30px;
        font-family: 'Calibri';
        font-weight: 400;
    }

.PAddress span {
    float: left;
    width: 100%;
}

.FeedbackForm {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 60px;
}

.FrmRptLft {
    float: left;
    width: 100%;
    text-align: left;
}

    .FrmRptLft label {
        float: left;
        width: 100%;
        color: #019459;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 24px;
        margin: 18px 0 0 0;
    }

.FeedbackForm .FrmRpt .same_input {
    background: #fff;
    -webkit-box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    padding-left: 24px;
    padding-right: 24px;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    font-size: 20px;
}

.fdbckRpt .same_input:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.FeedBack .Title_All h2 {
    font-size: 36px;
}

.select_Dropdown {
    position: relative;
}

.DwnIcn {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    background: #e5e5e5;
    text-align: center;
    padding: 20px 0px 0 0;
    -webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    -ms-border-radius: 0 50px 50px 0;
    -o-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    color: #2b2b2b;
    height: 100%;
    font-size: 20px;
}

.FeedbackForm .FrmRpt input::placeholder,
.FeedbackForm .FrmRpt textarea::placeholder {
    color: #2b2b2b;
    opacity: .3;
}

.FeedbackForm .FrmRpt input:-ms-input-placeholder,
.FeedbackForm .FrmRpt textarea:-ms-input-placeholder {
    color: #2b2b2b;
}

.FeedbackForm .FrmRpt input::-ms-input-placeholder,
.FeedbackForm .FrmRpt textarea::-ms-input-placeholder {
    color: #2b2b2b;
}

.FeedbackForm .FrmRpt select {
    height: 65px;
}

.FeedbackForm .FrmRpt textarea {
    height: 300px;
}

.FeedbackForm .SigninMain_FrmFrm .form-group {
    margin-bottom: 10px;
}

.ClickImg {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 15px;
}

    .ClickImg a {
        float: left;
        color: #b8b8b8;
        font-size: 20px;
    }

.FeedbackForm .FrmRpt .Reset_Btn {
    -webkit-background: linear-gradient(127deg, rgba(140, 140, 140, 1) 0%, rgba(110, 110, 110, 1) 100%);
    -moz-background: linear-gradient(127deg, rgba(140, 140, 140, 1) 0%, rgba(110, 110, 110, 1) 100%);
    -ms-background: linear-gradient(127deg, rgba(140, 140, 140, 1) 0%, rgba(110, 110, 110, 1) 100%);
    -o-background: linear-gradient(127deg, rgba(140, 140, 140, 1) 0%, rgba(110, 110, 110, 1) 100%);
    background: linear-gradient(127deg, rgba(140, 140, 140, 1) 0%, rgba(110, 110, 110, 1) 100%);
    -webkit-box-shadow: 3px 4px 15px 0px rgba(64, 64, 64, 0.23);
    -moz-box-shadow: 3px 4px 15px 0px rgba(64, 64, 64, 0.23);
    -ms-box-shadow: 3px 4px 15px 0px rgba(64, 64, 64, 0.23);
    -o-box-shadow: 3px 4px 15px 0px rgba(64, 64, 64, 0.23);
    box-shadow: 3px 4px 15px 0px rgba(64, 64, 64, 0.23);
}

.FeedbackForm .FeedBtns {
    margin: 30px 0 0 0;
}

.Books {
    float: left;
    width: 100%;
    padding: 38px 0 20px;
    overflow-x: hidden;
}

.booksLft {
    float: left;
    width: 100%;
    /*margin: 90px 0 0 0;*/
}

.booksLftRpt {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid rgba(0,0,0,.12);
}

.booksLftRptTtl {
    float: left;
    width: 100%;
    cursor: pointer;
}

    .booksLftRptTtl h3 {
        float: left;
        width: 100%;
        font-weight: 300;
        color: #fff;
        background: #3b589a;
        border: 1px solid #d1d1d1;
        border-width: 1px 0;
        padding: 8px 20px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 22px;
    }

        .booksLftRptTtl h3 i {
            font-size: 16px;
            color: #727272;
            float: right;
            margin: 10px 20px 0 0;
        }

.booksLftRptGrd {
    float: left;
    width: 100%;
}

    .booksLftRptGrd ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        /* .booksLftRptGrd ul li:nth-child(1) {
            display: none;
        }*/

        .booksLftRptGrd ul li:not(:last-child) {
            border-bottom: 1px solid rgba(0,0,0,.12);
        }

        .booksLftRptGrd ul li {
            display: inline-block;
            width: 100%;
            list-style: none;
            /*margin: 0 0 -6px 0;*/
            padding: 6px 0 6px 20px;
        }

            /*.booksLftRptGrd ul li:active,
        .booksLftRptGrd ul li:focus {
            background: #fff;
        }*/

            .booksLftRptGrd ul li .AgreeTrms {
                padding: 0px;
            }

                .booksLftRptGrd ul li .AgreeTrms input[type="checkbox"] {
                    margin: 2px 10px 0 0;
                    display: inline-block;
                    vertical-align: middle;
                    float: unset;
                }

                .booksLftRptGrd ul li .AgreeTrms .checkbox label {
                    font-size: 18px;
                    /*color: #727272;*/
                    cursor: pointer;
                    text-decoration: underline;
                    display: inline-block;
                    vertical-align: middle;
                    color: #333030;
                    font-weight: 500;
                    padding: 5px;
                }

.chk_box1,
.chk_box {
    width: 100%;
}

    .chk_box1 tbody tr:hover,
    .chk_box tbody tr:hover {
        background: #f3f3f3;
    }

.MyAccLftRptGrd ul li:hover {
    background: #f3f3f3;
}

.BooksCat1 tbody tr:hover {
    background: #f3f3f3;
}

.askQryCbox {
    width: 100%;
}

    .askQryCbox tbody tr:hover {
        background: #f3f3f3;
    }

.booksLftSrch .FrmRpt .same_input {
    height: 50px;
    padding: 10px 20px;
    width: 98%;
    font-size: 20px;
}

.overflow {
    /*height: 180px;*/
    overflow-y: auto;
}

.BooksRt {
    float: left;
    width: 100%;
    padding: 0 0 0 40px;
}

.BooksRt1 {
    border-left: 1px solid rgba(0, 0, 0, .12);
}

.BooksTtl {
    float: left;
    width: 100%;
    margin: 0 0 40px 40px;
}

    .BooksTtl h2 {
        float: left;
        width: 100%;
        margin: 0px;
        font-weight: bold;
        color: #202020;
        font-weight: bold;
        font-size: 33px;
    }

        .BooksTtl h2 span {
            font-weight: 300;
            font-size: 30px;
        }

.BooksGrd {
    float: left;
    width: 100%;
}

.booksLftRptTtl.active h3 .fa-chevron-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.filter1.active h3 .fa-chevron-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.BooksGrd_Srch {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 50px 0;
}

    .BooksGrd_Srch .FrmRpt .same_input {
        height: 60px;
        padding-left: 24px;
        padding-right: 24px;
        border: 1px solid #e5e5e5;
        background: #fff;
        font-size: 20px;
    }

        .BooksGrd_Srch .FrmRpt .same_input:active,
        .BooksGrd_Srch .FrmRpt .same_input:hover {
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }

.BooksGrd_Srch2_1 {
    float: right;
    width: 100%;
    margin: 0 0 0 -8px;
}

.BooksGrd_Srch2 {
    position: absolute;
    top: 0;
    right: 0;
}

.Search_Btn {
    background: #02b674;
    border: none;
    width: 65px;
    height: 60px;
    -webkit-border-radius: 0px 50px 50px 0px;
    -moz-border-radius: 0px 50px 50px 0px;
    -ms-border-radius: 0px 50px 50px 0px;
    -o-border-radius: 0px 50px 50px 0px;
    border-radius: 0px 50px 50px 0px;
    color: white;
    font-size: 21px;
}

    .Search_Btn i {
        font-size: 22px;
        margin: 12px 0 0 11px;
    }

.BooksGrd {
    float: left;
    width: 100%;
}

.bookList tbody tr td {
    padding: 0 0 0 40px;
}

.BooksGrd .SbLstMnImg img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.BooksGrd_All {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
}

    .BooksGrd_All .SbLstMn {
        -webkit-box-shadow: 20px 20px 20px rgb(165 165 165 / 10%);
        -moz-box-shadow: 20px 20px 20px rgb(165 165 165 / 10%);
        -ms-box-shadow: 20px 20px 20px rgb(165 165 165 / 10%);
        -o-box-shadow: 20px 20px 20px rgb(165 165 165 / 10%);
        box-shadow: 20px 20px 20px rgb(165 165 165 / 10%);
        border: 1px solid rgba(0, 0, 0, .12);
    }



    .BooksGrd_All .SbLstMnDtl ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }

        .BooksGrd_All .SbLstMnDtl ul li {
            list-style: none;
            color: #727272;
            font-weight: 300;
            font-size: 18px;
            width: 100%;
            text-align: center;
        }

            .BooksGrd_All .SbLstMnDtl ul li:nth-child(1) {
                float: left;
            }

            .BooksGrd_All .SbLstMnDtl ul li:nth-child(2) {
                float: right;
                color: #4c4c4c;
            }

                .BooksGrd_All .SbLstMnDtl ul li:nth-child(2) b {
                    color: #f01e2b;
                    font-size: 22px;
                    display: inline-block;
                    vertical-align: middle;
                }

    .BooksGrd_All .SbLstMnDtl h3 {
        margin-bottom: 5px;
    }

    .BooksGrd_All .SbLstMnDtl h5 {
        float: left;
        width: 100%;
        text-align: left;
        font-weight: 300;
        color: #000000;
        font-size: 22px;
    }


.PrdctGrd_All .SbLstMnDtl {
    min-height: 100px !important;
}

.showHbtn {
    width: 100%;
    float: left;
    display: none;
}

.filter1 {
    width: 100%;
    float: left;
    cursor: pointer;
    background: #31c891;
    color: #fff;
    display: none;
    padding: 5px 10px 5px 10px;
}

    .filter1 h3 {
        margin-top: 5px;
    }

    .filter1 i {
        float: right;
        font-size: 17px;
        margin: 5px 0 0 0;
    }

.clearBtn {
    padding: 2px 0 2px 0;
}

/*****ARJUN SIR'S CODE*****/
.BooksGrd_All .SbLstMnDtl ul li:nth-child(2) b {
    color: #f01e2b;
    font-size: 18px;
    display: inline-block;
    vertical-align: baseline !important;
}

.BooksGrd_All .SbLstMnDtl ul li {
    list-style: none;
    font-weight: 400;
    /*color: #727272;*/
    color: #000;
    font-size: 18px;
    width: 100%;
    text-align: left !important;
}

.BooksGrd_Srch2 a {
    margin: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
}

.Search_Btn {
    background: #4e68a3;
    border: none;
    width: 65px;
    height: 60px;
    -webkit-border-radius: 0px 50px 50px 0px;
    -moz-border-radius: 0px 50px 50px 0px;
    -ms-border-radius: 0px 50px 50px 0px;
    -o-border-radius: 0px 50px 50px 0px;
    border-radius: 0px 50px 50px 0px;
    color: white;
    font-size: 21px;
}

.BooksGrd_Srch2 .Search_Btn i {
    font-size: 32px;
    margin: 14px 0 0 15px;
    color: white;
}

.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: #ffffff;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    font-family: Tahoma;
    font-size: small;
    text-align: left;
    list-style-type: none;
    z-index: 999;
}

.autocomplete_highlightedListItem {
    background-color: #415D9C;
    color: white;
    padding: 5px;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 5px;
}

/*******27-Dec******/
.BooksMn {
    width: 100%;
    float: left;
}

    .BooksMn br {
        display: none;
    }

    .BooksMn span {
        width: 24%;
        display: inline-block;
    }

.BrdSpn,
ClassSpn {
    width: unset;
    display: unset;
}

.cWidth {
    width: unset !important;
    display: unset !important;
    /*font-size:19px;*/
}

.IncSize {
    font-size: 18px;
}

.BkCls {
    text-align: left;
}

    .BkCls span b {
        font-weight: bold;
    }

.Books_loading {
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
}

.Books_loading1 {
    display: inline-flex;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

    .Books_loading1 .visit_btn {
        width: auto;
        display: block;
        margin: auto;
        padding: 10px 10px 0 10px;
        display: block;
        text-align: center;
        font-size: 13px;
    }


/************/
.addCrt {
    float: left;
    width: 100%;
}

    .addCrt input {
        box-shadow: 4px 4px 8px rgba(37, 187, 109, 0.4);
        border: none;
    }

.ResponsiveLogo {
    display: none;
}

.Teacher_Section {
    float: left;
    width: 100%;
    padding: 80px 0;
}

.TeacherTtl {
    float: left;
    width: 100%;
    padding: 0 12px;
}

    .TeacherTtl h2 {
        float: left;
        width: 100%;
        color: var(--primary-color);
        font-weight: bold;
        text-transform: uppercase;
        font-size: 32px;
    }

    .TeacherTtl p {
        float: left;
        width: 100%;
        color: #000;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
        text-align: justify;
    }

.TeacherGrd {
    float: left;
    width: 100%;
    /*padding: 60px 0 0 0;*/
}

.TeacherGrdMn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

.TeacherGrdMnRpt {
    display: inline-block;
    width: 380px;
    height: 310px;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .TeacherGrdMnRpt:hover {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

.position_abs {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.TeacherGrd .row .same_name .TeacherGrdMnRpt {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.TeacherGrd .row .same_name:nth-child(1) .TeacherGrdMnRpt {
    /* background: -webkit-linear-gradient(37deg, rgba(255, 252, 242, 1) 0%, rgba(255, 245, 227, 1) 100%);
    background: -moz-linear-gradient(127deg, rgba(255, 252, 242, 1) 0%, rgba(255, 245, 227, 1) 100%);
    background: -ms-linear-gradient(127deg, rgba(255, 252, 242, 1) 0%, rgba(255, 245, 227, 1) 100%);
    background: -o-linear-gradient(37deg, rgba(255, 252, 242, 1) 0%, rgba(255, 245, 227, 1) 100%);*/
    background: aliceblue;
}

.TeacherGrd .row .same_name:nth-child(2) .TeacherGrdMnRpt {
    /* background: -webkit-linear-gradient(37deg, rgba(238, 255, 227, 1) 0%, rgba(207, 255, 228, 1) 100%);
    background: -moz-linear-gradient(127deg, rgba(238, 255, 227, 1) 0%, rgba(207, 255, 228, 1) 100%);
    background: -ms-linear-gradient(127deg, rgba(238, 255, 227, 1) 0%, rgba(207, 255, 228, 1) 100%);
    background: -o-linear-gradient(37deg, rgba(238, 255, 227, 1) 0%, rgba(207, 255, 228, 1) 100%);
    background: linear-gradient(127deg, rgba(238, 255, 227, 1) 0%, rgba(207, 255, 228, 1) 100%);*/
    background: #f9f1ede5;
}

.TeacherGrd .row .same_name:nth-child(3) .TeacherGrdMnRpt {
    /* background: -webkit-linear-gradient(37deg, rgba(244, 253, 255, 1) 0%, rgba(218, 248, 255, 1) 100%);
    background: -moz-linear-gradient(127deg, rgba(244, 253, 255, 1) 0%, rgba(218, 248, 255, 1) 100%);
    background: -ms-linear-gradient(127deg, rgba(244, 253, 255, 1) 0%, rgba(218, 248, 255, 1) 100%);
    background: -o-linear-gradient(37deg, rgba(244, 253, 255, 1) 0%, rgba(218, 248, 255, 1) 100%);
    background: linear-gradient(127deg, rgba(244, 253, 255, 1) 0%, rgba(218, 248, 255, 1) 100%);*/
    background: #d77fff1c;
}

.TeacherGrd .row .same_name:nth-child(4) .TeacherGrdMnRpt {
    /*background: -webkit-linear-gradient(37deg, rgba(251, 238, 255, 1) 0%, rgba(253, 239, 255, 1) 100%);
    background: -moz-linear-gradient(127deg, rgba(251, 238, 255, 1) 0%, rgba(253, 239, 255, 1) 100%);
    background: -ms-linear-gradient(127deg, rgba(251, 238, 255, 1) 0%, rgba(253, 239, 255, 1) 100%);
    background: -o-linear-gradient(37deg, rgba(251, 238, 255, 1) 0%, rgba(253, 239, 255, 1) 100%);
    background: linear-gradient(127deg, rgba(251, 238, 255, 1) 0%, rgba(253, 239, 255, 1) 100%);*/
    background: #d9d89729;
}

.TeacherGrdMnRptImg {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

    .TeacherGrdMnRptImg img {
        display: inline-block;
        width: 140px;
    }

.TeacherGrdMnRptTxt {
    width: auto;
    margin: 20px 0 0 0;
    display: inline-block;
}

.cstm-mrgn .TeacherGrdMnRptTxt {
    margin-top: 25px;
}
/*.TeacherGrdMnRptTxt .visit_btn {
    float: none;
    display: inline-block;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}*/

.TeacherGrdMnRpt:hover .TeacherGrdMnRptTxt .visit_btn {
    background-position: -156px 0px;
    transition: all .4s ease-in-out;
}

.CartSec1 {
    float: left;
    width: 100%;
    padding: 40px 0 50px 0;
    overflow-x: hidden;
}

.CartTtl {
    float: left;
    width: 100%;
}

    .CartTtl h2 {
        float: left;
        width: 100%;
        color: #202020;
        font-weight: bold;
        font-size: 33px;
        text-transform: uppercase;
    }

.CartGrd {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    /*border: 1px solid rgba(0,0,0,.12);*/
    overflow-x: hidden;
    display: block;
}

.DataLstTbl br {
    display: none;
}

.CartGrd table thead {
    background: #31c891;
}

o .CartGrd table thead tr th {
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    padding: 30px 20px;
}

.TableHeading {
    display: none;
}

.CartTblHdr {
    background: #5673b5;
    padding: 9px 15px 9px 15px;
}

/******for test-generator page****/
.CartTblHdr1 span {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

/**********End****/
.CartTblHdr h3 {
    color: #fff;
    font-size: 22px;
}

.CartItmRow {
    padding: 0 10px 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    background: #f8f8f8;
}

.CartGrd table tbody tr {
    background: #f8f8f8;
}

.CartGrd table tbody tr {
    border-bottom: 10px solid #fff;
}

    .CartGrd table tbody tr td {
        border: 0px;
        padding: 15px 20px;
    }

.TableDtaCrt {
    /*float: left;
    width: 100%;*/
    margin: 12px 0 5px 0;
    padding: 0;
}

    .TableDtaCrt input {
        width: 120px;
    }

        .TableDtaCrt input[type="image"] {
            height: 160px;
            margin-left: 7px;
        }

.cartItmTbl {
    margin: 0;
}

.CartGrd table tbody tr td:nth-child(2) .TableDtaCrt {
    margin: 0px;
}

.TableDtaCrt .checkbox {
    margin: 50px 0 0 0;
}

.TableDtaCrt img {
    float: left;
    width: 120px;
}

.TableDtaCrt p {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-bottom: 5px;
}

.scnc1 {
    float: left;
    width: 100%;
}

.TableDtaCrt .fa-times {
    font-size: 26px;
    color: #df5555;
    display: inline-block;
}

.TableDtaCrt .quantity {
    float: left;
    width: 100%;
}

    .TableDtaCrt .quantity .minus {
        float: left;
        background: #df5555;
        color: #fff;
        border: none;
        height: 40px;
        width: 40px;
        font-weight: bold;
        font-size: 26px;
        padding: 0px;
    }

    .TableDtaCrt .quantity .plus {
        float: left;
        background: #31c891;
        color: #fff;
        border: none;
        height: 40px;
        width: 40px;
        font-weight: bold;
        font-size: 26px;
        padding: 0px;
    }

    .TableDtaCrt .quantity .number {
        float: left;
        height: 40px;
        padding: 5px 10px;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 0 0;
        border: none;
        border: 1px solid #31c891;
        border-width: 1px 0;
        width: 20%;
    }

        .TableDtaCrt .quantity .number:focus,
        .TableDtaCrt .quantity .number:focus-visible {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;
        }


.CartDsc {
    float: left;
    width: 100%;
    padding: 15px 20px 0 0;
}

.CartDscRpt {
    float: right;
}

.CartDscRptRt {
    float: left;
    width: 100%;
    text-align: right;
}

    .CartDscRptRt ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .CartDscRptRt ul li {
            float: left;
            width: 100%;
            list-style: none;
            font-size: 26px;
            color: #242424;
            font-weight: 300;
        }

.CartDscRptRtBtn {
    float: right;
    margin: 20px 0 0 0;
}

    .CartDscRptRtBtn .sameBtnns {
        border-radius: 0px;
        width: 200px;
        height: 50px;
        font-size: 22px;
        color: #fff;
        font-weight: 300;
        margin: 0 0 0 20px;
    }

        .CartDscRptRtBtn .sameBtnns.btn-success {
            background: #02b674;
            border-color: #02b674;
        }

.CartDscLst {
    float: left;
    width: 100%;
    padding: 0 0 15px 0;
}

/****DIV form ORDER STATUS PAGE******/
.CartDscLst-Mn ul {
    margin: 0 0 0 0 !important;
}

.CartDscLst-1 ul {
    width: 100% !important;
}

.ordrStpsMn {
    margin: 20px 0 0 32px;
}

/*******END HERE******/
.CartDscLst ul {
    float: left;
    width: 50%;
    margin: -50px 0 0 0;
}

    .CartDscLst ul li {
        float: left;
        width: 100%;
        font-size: 22px;
        color: #1b1b1b;
    }

.Book_Detail {
    float: left;
    width: 100%;
    padding: 40px 0 20px 0;
}

.Book_DetailTtl {
    float: left;
    width: 100%;
}

    .Book_DetailTtl h2 {
        float: left;
        width: 100%;
        font-weight: bold;
        text-transform: uppercase;
        color: #14a751;
        font-size: 40px;
        margin: 0px;
    }

.Book_DetailImg {
    float: left;
    width: 330px;
    height: 380px;
    padding: 60px;
    text-align: center;
    -webkit-box-shadow: 35px 25px 20px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 35px 25px 20px rgba(0, 0, 0, 0.03);
    -ms-box-shadow: 35px 25px 20px rgba(0, 0, 0, 0.03);
    -o-box-shadow: 35px 25px 20px rgba(0, 0, 0, 0.03);
    box-shadow: 35px 25px 20px rgba(0, 0, 0, 0.03);
    border-right: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

    .Book_DetailImg img {
        float: left;
        width: 100%;
        border: 1px solid rgba(0, 0, 0, .12);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

.Book_DetailLft {
    float: left;
    width: 100%;
    padding: 50px 0 0 0;
}

.Book_DetailLft1 {
    float: left;
    width: 100%;
}

    .Book_DetailLft1 h3 {
        float: left;
        width: 100%;
        color: #000;
        font-weight: bold;
        font-size: 25px;
    }

    .Book_DetailLft1 p {
        float: left;
        width: 100%;
        font-size: 22px;
        margin: 0 0 0px 0;
    }

    .Book_DetailLft1 h2 {
        float: left;
        width: 100%;
        color: #d10011;
        font-weight: 500;
        font-size: 23px;
        margin: 10px 0;
    }

.Rating {
    float: left;
    width: 100%;
    display: none;
}

    .Rating ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .Rating ul li {
            float: left;
            list-style: none;
            font-weight: normal;
            font-size: 21px;
            margin: 0 5px 0 0;
            color: #f4d85d;
        }

            .Rating ul li:nth-child(1) {
                color: #000;
            }

.Book_DetailRt {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 20px 20px;
    margin: 60px 0 0 0;
}

    .Book_DetailRt ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .Book_DetailRt ul li {
            float: left;
            width: 100%;
            list-style: none;
            font-size: 20px;
            /*color: #4e4e4e;*/
            color: #000;
            line-height: 24px;
            margin: 0 0 15px 0;
            font-weight: 500;
        }

            .Book_DetailRt ul li:last-child {
                margin: 0px;
            }

.Book_DetailLft2 {
    float: left;
    width: 103%;
    background: #f8f8f8;
    margin: 20px 0 0 -36px;
    padding: 10px 10px 10px 40px;
}

    .Book_DetailLft2 ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .Book_DetailLft2 ul li {
            float: left;
            list-style: none;
            margin: 0 20px 0 0;
        }

.OrdrLst {
    float: left;
}

    .OrdrLst label {
        float: left;
        font-weight: normal;
        color: #000;
        font-size: 18px;
        margin: 5px 10px 0 0;
    }

    .OrdrLst input.form-control {
        float: left;
        width: 50px;
        background: transparent;
        border-radius: 10px;
        border-color: #b5b5b5;
        text-align: center;
        font-size: 18px;
    }

.OrdrLstBtns .visit_btn {
    margin: 0 15px 0 0;
    border: none;
    padding: 0px;
    text-transform: capitalize;
    width: 125px;
}

    .OrdrLstBtns .visit_btn.ByNwCrtr {
        padding-top: 9px;
    }

        .OrdrLstBtns .visit_btn.ByNwCrtr:hover {
            background-position: 0;
        }

    .OrdrLstBtns .visit_btn:nth-child(2) {
        background: -webkit-linear-gradient(37deg, rgba(142, 202, 90, 1) 0%, rgba(2, 182, 116, 1) 100%);
        background: -moz-linear-gradient(127deg, rgba(142, 202, 90, 1) 0%, rgba(2, 182, 116, 1) 100%);
        background: -ms-linear-gradient(127deg, rgba(142, 202, 90, 1) 0%, rgba(2, 182, 116, 1) 100%);
        background: -o-linear-gradient(37deg, rgba(142, 202, 90, 1) 0%, rgba(2, 182, 116, 1) 100%);
        background: linear-gradient(127deg, rgba(142, 202, 90, 1) 0%, rgba(2, 182, 116, 1) 100%);
        -webkit-box-shadow: 12px 7px 20px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 12px 7px 20px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 12px 7px 20px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 12px 7px 20px rgba(0, 0, 0, 0.2);
        box-shadow: 12px 7px 20px rgba(0, 0, 0, 0.2);
    }

.OrdrLstWish {
    float: left;
}

    .OrdrLstWish ul {
        float: left;
        width: 100%;
        margin: 8px 0 0 0;
        padding: 0px;
    }

        .OrdrLstWish ul li {
            float: left;
            margin: 0px;
            font-size: 20px;
            font-weight: bold;
            position: relative;
        }

            .OrdrLstWish ul li:last-child:after {
                display: none;
            }

            .OrdrLstWish ul li:nth-child(2):after {
                content: "|";
                color: #b4b4b4;
                position: relative;
                margin: 0 10px;
            }

            .OrdrLstWish ul li i {
                margin: 0 5px 0 0;
            }

.ProInfo {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 15px;
    margin: 0 0 20px 0;
}

    .ProInfo h4 {
        float: left;
        width: 100%;
        color: #198754;
        margin-bottom: 5px;
    }

    .ProInfo ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .ProInfo ul li {
            float: left;
            width: 100%;
            list-style: none;
            font-size: 18px;
            color: #000;
            margin: 0 0 5px 0;
            font-weight: 500;
        }

            .ProInfo ul li:last-child {
                margin: 0px;
            }

            .ProInfo ul li b {
                font-weight: bold;
            }

.BookDsc {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 15px;
}

    .BookDsc h4 {
        float: left;
        width: 100%;
        color: #198754;
    }

    .BookDsc p {
        float: left;
        width: 100%;
        font-size: 20px;
        margin: 0px;
        font-weight: 500;
    }

    .BookDsc.BookDsc2 {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .BookDsc b {
        color: rgb(25, 135, 84);
        font-size: 22px;
    }

    .BookDsc ul li {
        font-size: 20px;
        font-weight: 500;
    }

.BookDsc2 ul {
    margin: 0px;
    padding: 0 0 0 18px;
}

    .BookDsc2 ul li {
        font-size: 20px;
    }

.Related_Pro {
    float: left;
    width: 100%;
    padding: 0 0 40px 0;
}

.Related_ProTtl {
    float: left;
    width: 100%;
}

    .Related_ProTtl h2 {
        float: left;
        width: 100%;
        color: #000;
        font-weight: bold;
        font-size: 29px;
        text-transform: capitalize;
        /*margin: 20px 0 5px 0;*/
        margin: 24px 0 10px 0;
        text-align: center;
    }

.Related_ProData {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

    .Related_ProData .owl-dots {
        display: none;
    }

    .Related_ProData .owl-slider .owl-prev span {
        color: #fff;
    }

    .Related_ProData .BooksGrd_All .SbLstMnDtl {
        /*padding: 20px 16px 20px 16px;*/
        padding: 10px 16px 0 16px;
        min-height: 70px !important;
    }

    .Related_ProData .owl-carousel .owl-item img {
        width: 80%;
        display: inline-block;
    }

    .Related_ProData .owl-nav.disabled {
        display: inline-block !important;
        position: absolute;
        top: 40%;
        width: 100%;
    }

    .Related_ProData .owl-prev {
        float: left;
        height: 40px;
        width: 40px;
        background: #02b674 !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        left: -70px;
        position: absolute;
    }

        .Related_ProData .owl-prev span {
            color: #fff !important;
            font-size: 40px !important;
            font-weight: bold;
            position: relative;
            top: -12px !important;
        }

    .Related_ProData .owl-next {
        float: left;
        height: 40px;
        width: 40px;
        background: #02b674 !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        right: -70px;
        position: absolute;
    }

        .Related_ProData .owl-next span {
            color: #fff !important;
            font-size: 40px !important;
            font-weight: bold;
            position: relative;
            top: -12px;
        }

.rfrFrnd-mdl {
    width: 100% !important;
    background: rgba(0, 0, 0, .12) !important;
}

.Book_DetailGrd {
    border: 1px solid rgba(0, 0, 0, .12);
    margin: 10px 0 0 0;
}

/******REFER a FRIEND MODAL*****/
.referFrnd-mdl .FrmRpt label {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 17px;
}

.referFrnd-mdl .FrmRpt .same_input {
    padding-left: 20px;
    height: 50px;
    font-size: 19px;
    padding-top: 0;
}

.sendBtn {
    width: 100%;
    text-align: right;
    float: right;
}

.errMsg {
    width: 100%;
    float: left;
    text-align: center;
}

    .errMsg span {
        font-weight: bold;
        font-size: 17px;
    }

/* ******** GENERATE CHAPTER TEST ********* */

.generate-chapter {
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    background: #ffffff;
}

.GnrtChptrTtl {
    width: 100%;
    float: left;
}

    .GnrtChptrTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 35px;
        margin: 0 0 20px 130px;
    }

.GnrtChptrForm {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 20px;
    border-radius: 10px;
}

    .GnrtChptrForm .form-group {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

.GChptrFrmRpt {
    width: 100%;
    float: left;
    position: relative;
}

    .GChptrFrmRpt a {
        padding: 10px;
    }

    .GChptrFrmRpt label {
        color: #000;
        font-size: 19px;
        margin: 0 0 5px 18px;
        font-weight: bold;
    }

.GnrtChptrSlct {
    padding: 15px 0 20px 25px;
    width: 100%;
    height: 58px;
    border-radius: 50px;
    /*background: #f0f0f0;*/
    background: #f7f7f7;
    border: none;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    position: relative;
    transition: all .2s ease-in-out;
    font-weight: 500;
    /*opacity: 0.5;*/
}

    .GnrtChptrSlct:hover {
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }

.GChptrFrmRpt .SbmtBtn {
    transition: all .2s ease-in-out;
}

    .GChptrFrmRpt .SbmtBtn:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
        color: #fff;
    }

/* ************** GENERATE ONLINE TEST ********** */

.GenerateOnlineTest {
    width: 100%;
    float: left;
    padding: 40px 0 70px 0;
    background: #fff;
}

.GnrtTstTtl {
    width: 100%;
    float: left;
}

    .GnrtTstTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 35px;
        margin: 0 0 20px 130px;
    }

/* ********* GENERATE EDITABLE TEST ********** */

.generate-editableTst {
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    background: #fff;
}

/* .generate-editableTst::after {
content: "";
width: 78%;
height: 580px;
background-image: url("../images/vector_bg.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
z-index: -1;
} */

.GnrtEdtblTtl {
    width: 100%;
    float: left;
}

    .GnrtEdtblTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

/* ********** TRACK ORDER ******* */

.TrackOrder {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
    background: #fff;
}

.TrackOrderTtl h2 {
    float: left;
    width: 100%;
    color: #14a751;
    font-weight: bold;
    font-size: 38px;
    margin: 0 0 15px 130px;
}

.Order_Srch {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 30px 50px 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    margin: 5px 0 0 0;
}

    .Order_Srch .FrmRpt .same_input {
        height: 60px;
        padding-left: 24px;
        padding-right: 24px;
        border: 1px solid #e5e5e5;
        background: #fff;
        font-size: 20px;
    }

.Order_Srch2 {
    position: absolute;
    top: 0;
    right: 0;
}

.Order_Srch2_1 {
    float: right;
    width: 100%;
    margin: 0 0 0 -8px;
}

.OrderErrMsg {
    width: 100%;
    float: left;
    padding: 0 0 0 15px;
}

    .OrderErrMsg span {
        color: #ff0000;
        font-weight: 400;
        font-size: 18px;
    }

/**********ORDER STATUS DETAIL**********/
.OrderDetails {
    width: 100%;
    float: left;
}

.OrderStatus {
    width: 100%;
    float: left;
    margin-top: 40px;
    padding: 15px 10px 8px 10px;
}

.OrderStepsMain {
    text-align: center;
    width: 100%;
    float: left;
    padding: 20px 0;
}

.OrderSteps {
    display: inline-block;
    width: 30%;
    margin: 0 30px 0 0;
}

.OrderTbl {
    width: 100%;
    float: left;
}

.OrderStatusTbl tbody tr th {
    background: #31c891;
    color: #fff;
    font-size: 19px;
}

.OrderNoRyt {
    text-align: right;
}

    .OrderNoLft h4,
    .OrderNoRyt h4 {
        font-size: 20px;
    }

.OrderPlaced {
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 15px 0;
    text-align: center;
}

    .OrderPlaced i {
        color: #09b773;
        font-size: 35px;
    }

    .OrderPlaced h4 {
        margin: 8px 0 0 0;
    }

    .OrderPlaced .DispatchIcn {
        color: rgba(0, 0, 0, .12);
    }

/***********SELECT CHAPTER QUESTIONS *********** */

.main-div {
    width: 100%;
    float: left;
    background: #fff;
}

.slctChpt-Ttl {
    width: 100%;
    float: left;
    text-align: center;
    padding: 63px 0 0 0;
}

    .slctChpt-Ttl h3 {
        color: #14a751;
        font-weight: bold;
        font-size: 35px;
    }

.slctChptrQues {
    width: 100%;
    float: left;
    /*padding: 10px 5% 45px 5%;*/
    overflow-x: hidden;
}

.slctChptrQuesInr {
    width: 100%;
    float: left;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #f7f7f7;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .12);
}

.slctChptrQuesTtl {
    width: 100%;
    float: left;
    padding: 8px 0 0 0;
}

.slctChptrQuesTtlInr {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 10px 20px 10px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: white;
}

    .slctChptrQuesTtlInr span {
        display: inline-block;
    }

        .slctChptrQuesTtlInr span h4 {
            color: #000;
            font-weight: 500;
            font-size: 25px;
            margin: 0;
            padding: 0;
        }

        .slctChptrQuesTtlInr span a {
            text-decoration: none;
            color: #fff;
            padding: 10px 12px;
            font-size: 17px;
            font-weight: bold;
            border-radius: 25px;
            background: linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
            box-shadow: 3px 4px 15px 0px #3473c16e;
        }

        .slctChptrQuesTtlInr span:nth-child(2) {
            float: right;
        }

.slctChptrQuesTtl-1 {
    width: 100%;
    float: left;
    text-align: center;
    padding: 9px 10px 9px 10px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: white;
    margin: 10px 0;
}

.SChptrFrmRpt {
    width: 100%;
    float: left;
    position: relative;
}

    .SChptrFrmRpt label {
        float: left;
        color: #000;
        font-weight: 500;
        padding: 8px 16px 0 14px;
        font-size: 20px;
    }

    .SChptrFrmRpt .SlctChptrSlct {
        float: left;
        width: 90%;
        padding: 10px 0 10px 20px;
        height: 50px;
        border-radius: 50px;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        font-size: 18px;
        font-weight: 300;
        color: #858585;
        position: relative;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        transition: all .2s ease-in-out;
    }

        .SChptrFrmRpt .SlctChptrSlct:hover {
            box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
        }

.slctChptrQues-mid {
    width: 100%;
    float: left;
    background: var(--primary-color);
    padding: 9px 15px 0 15px;
    /*height: 53px;*/
}

.slctChptrQues-mid1 .SetBtn {
    padding: 4px 17px;
}

.slctChptrQues-midLft {
    width: 100%;
    float: left;
}

    .slctChptrQues-midLft a {
        text-decoration: none;
        color: #fff;
        background-image: linear-gradient(to right, #cb2d3e 0%, #ef473a 51%, #cb2d3e 100%);
        padding: 10px 10px;
        font-size: 16px;
        border-radius: 25px;
        font-weight: bold;
        border: none;
        transition: all .4s ease-in-out;
    }

        .slctChptrQues-midLft a:hover {
            background-position: -156px 0px;
        }

.slctChptrQues-midRyt {
    width: 100%;
    float: left;
    text-align: right;
}

    .slctChptrQues-midRyt label {
        color: #fff;
        font-weight: bold;
        font-size: 19px;
    }


.SetBtn {
    padding: 3px 14px;
    font-size: 18px;
    background-image: linear-gradient(to right, #cb2d3e 0%, #ef473a 51%, #cb2d3e 100%);
    border: none;
    color: white;
    border-radius: 25px;
    font-weight: bold;
    transition: all .4s ease-in-out;
    box-shadow: 3px 4px 15px 0px #d22e2e6e;
}

    .SetBtn:hover {
        color: #fff;
        background-position: -156px 0px;
    }

.slctChptrQues-btm {
    width: 100%;
    float: left;
    padding: 15px 20px;
    background: white;
    border: 1px solid rgba(0, 0, 0, .12);
}

.slctChptrQues-btmTp {
    width: 100%;
    float: left;
}

    .slctChptrQues-btmTp span {
        display: inline-block;
        font-weight: bold;
    }


        .slctChptrQues-btmTp span:nth-child(2) {
            float: right;
        }

.slctChptrQues-btmTtl {
    width: 100%;
    float: left;
}

    .slctChptrQues-btmTtl span.tMrks {
        float: left;
        font-weight: bold;
    }

    .slctChptrQues-btmTtl span.tTime {
        float: right;
        font-weight: bold;
    }

    .slctChptrQues-btmTtl h4 {
        color: #000;
        font-weight: 500;
        margin: -30px 0 0 0;
        padding: 0;
        /*font-size: 37px;*/
        font-size: 29px;
        width: 70%;
    }

    .slctChptrQues-btmTtl h5 {
        color: #000;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .slctChptrQues-btmTtl:nth-child(2) h5 {
        font-size: 15px;
    }

    .slctChptrQues-btmTtl:nth-child(3) h5 {
        font-size: 25px;
    }

    .slctChptrQues-btmTtl:nth-child(4) h5 {
        font-size: 18px;
        padding: 3px 0 2px 0;
    }

    .slctChptrQues-btmTtl:nth-child(5) h5 {
        margin: 0 0 0 0;
        font-size: 18px;
    }

.instructions {
    width: 100%;
    float: left;
    border-bottom: 2px solid var(--primary-color);
    border-top: 2px solid var(--primary-color);
    margin: 12px 0;
    padding: 10px 0;
    text-align: justify;
}

    .instructions p {
        padding: 0;
        margin: 0;
        font-size: 17px;
        font-weight: 600;
    }

    .instructions ol {
        width: 100%;
        float: left;
    }

        .instructions ol li {
            font-size: 17px;
            font-weight: 500;
        }

.marksIn {
    width: 29%;
    margin: 0 5px 0 0;
}

.question {
    width: 100%;
    float: left;
    margin: 8px 0 8px 0;
}

.slctQueTbl span {
    text-align: justify;
}

.ques-ttl {
    width: 100%;
    float: left;
}

    .ques-ttl span.ques {
        display: inline-block;
    }

.ques span {
    font-weight: bold;
}

.ques-ttl span.ques p {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    padding: 0;
    margin: 0;
}

.ques-ttl span.ques:nth-child(2) {
    float: right;
}

    .ques-ttl span.ques:nth-child(2) input {
        color: #fff;
        padding: 5px 15px;
        font-size: 17px;
        font-weight: bold;
        border-radius: 25px;
        background: linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
        box-shadow: 3px 4px 15px 0px #3473c16e;
        border: none;
    }

.slctTest {
    color: #fff;
    padding: 5px 15px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 25px;
    background: linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
    box-shadow: 3px 4px 15px 0px #3473c16e;
    border: none;
}

.btnMain {
    width: 100%;
    float: left;
    margin: 15px 0 15px 0;
}

    .btnMain .viewBtn {
        padding: 5px 15px;
    }

    .btnMain .SetBtn {
        padding: 4px 16px;
    }

.viewBtn {
    color: #fff;
    padding: 5px 25px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 25px;
    background: #25bb6d;
    box-shadow: 4px 4px 8px rgba(37, 187, 109, 0.4);
    border: none;
    margin: 0 8px 0 0;
}

    .viewBtn:hover {
        color: #fff;
    }

.AnswerMn {
    width: 100%;
    float: left;
    background: #fff;
    padding: 13px 0 15px 20px;
    margin: 0 0 15px 0;
}

.time-lbl {
    background: #fff;
    border-radius: 5px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding-left: 5px;
}

.QuesRow {
    display: inline-block;
    vertical-align: top;
}

.setTimeMsg {
    position: relative;
    margin-right: 22px;
    clear: both;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
    color: #fff;
}

.sChptr-QusSpn {
    font-size: 18px;
}

.setTimeRow {
    padding: 5px 15px 5px 15px;
}

.slctQus-lbl1 {
    margin: -5px 0 0 0;
}

.slctTest-1 {
    float: right;
}

/******INSTRUCTION MODAL*****/
.instMdl_Bdy {
    margin: auto;
}

.instMdl .modal-header {
    background: #25bb6d;
    text-align: center;
}

    .instMdl .modal-header h5 {
        color: #fff;
        font-weight: bold;
        font-size: 30px;
    }

/**********/
.ques-body {
    width: 100%;
    float: left;
    display: none;
}

.ques-check {
    width: 100%;
    float: left;
}

/*.ques-check1 .visit_btn {
    width: 96px;
}*/

.ques-checkTbl tbody tr td input {
    display: inline-block;
    vertical-align: middle;
}

.ques-checkTbl tbody tr td label {
    display: inline-block;
    vertical-align: top;
}

.ques-checkTbl label {
    margin: 0 0 0 12px;
}

.mrksLbl {
    font-weight: bold;
}

.ques-add {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.AddBtn {
    color: #fff;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0 0 0;
    border-radius: 5px;
}

.ques-checkAftr {
    width: 100%;
    float: left;
    display: none;
    margin: 15px 0 0 0;
}

    .ques-checkAftr ol {
        width: 100%;
        float: auto;
    }

        .ques-checkAftr ol li {
            width: 100%;
            float: left;
        }

            .ques-checkAftr ol li span {
                display: inline-block;
            }

                .ques-checkAftr ol li span p {
                    font-size: 18px;
                }

                .ques-checkAftr ol li span:nth-child(2) {
                    float: right;
                    text-align: right;
                }

                    .ques-checkAftr ol li span:nth-child(2) input {
                        width: 40%;
                        border: 1px solid rgba(0, 0, 0, .12);
                        border-radius: 5px;
                    }

                    .ques-checkAftr ol li span:nth-child(2) label {
                        color: #000;
                        font-weight: bold;
                    }

.ques-checkAftr-Btn {
    display: none;
    border-top: 1px solid rgba(0, 0, 0, .12);
    width: 100%;
    float: left;
    padding: 5px 0;
}

    .ques-checkAftr-Btn input {
        margin: 0 0 0 5px;
    }

.showAnswer {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 13px 10px 10px 22px;
    margin: 20px 0 0 0;
    display: block;
}

    .showAnswer h6 {
        color: #000;
        font-weight: bold;
        text-decoration: underline;
        font-size: 20px;
    }

    .showAnswer ol li span,
    .showAnswer ul li span {
        font-weight: 550;
        font-size: 20px;
    }

    .showAnswer ol li p,
    .showAnswer ul li p {
        padding: 0;
        margin: 0;
        font-size: 18px;
    }

.slctQuesTbl label {
    word-wrap: anywhere;
}

.slctQuesTbl span {
    word-wrap: anywhere;
}

/* ********** EVERGREEN GENERATE RANDOM TEST ******** */

.genRandTest {
    width: 100%;
    float: left;
    padding: 60px 0;
    overflow-x: hidden;
    background: #fff;
}

.genRandTest-ttl {
    width: 100%;
    float: left;
    text-align: center;
}

    .genRandTest-ttl h3 {
        color: #14a751;
        font-weight: bold;
        font-size: 35px;
        margin: 0;
        padding: 0;
    }

.genRandTest-body {
    width: 100%;
    float: left;
}

.genRandTest-form {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    margin: 0;
}

.genRandTestInr {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

    .genRandTestInr label {
        color: #000;
        font-weight: bold;
        font-size: 20px;
        margin: 0 0 4px 8px;
    }

.genRandTest-Slct {
    padding: 1px 0 3px 18px;
    height: 58px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .11);
    color: rgba(0, 0, 0, .8);
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    -webkit-box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    -moz-box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    -ms-box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    -o-box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    font-size: 18px;
}

    .genRandTest-Slct:hover {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

.genRandTest-btn {
    width: 100%;
    float: left;
    text-align: right;
    margin: 0 0 10px 0;
}

.genRandTest-Aftr {
    width: 100%;
    float: left;
    display: none;
}

.genRandTest-Btm {
    width: 100%;
    float: left;
    background: #f3f3f3;
    padding: 20px 20px 20px 20px;
    margin-top: 30px;
}

.test-ques {
    width: 100%;
    float: left;
}

.test-quesTtl {
    width: 100%;
    float: left;
}

    .test-quesTtl p {
        color: #000;
        font-weight: bold;
        font-size: 18px;
        margin: 0;
    }

.test-quesBody {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0;
}

    .test-quesBody ol {
        width: 100%;
        float: left;
    }

        .test-quesBody ol li {
            width: 100%;
            float: left;
        }

            .test-quesBody ol li span {
                display: inline-block;
                vertical-align: middle;
            }

                .test-quesBody ol li span p {
                    font-size: 18px;
                    margin: 0;
                }

                .test-quesBody ol li span:nth-child(2) {
                    float: right;
                    font-weight: bold;
                }

.test-btn {
    width: 100%;
    float: left;
    /*border-top: 2px solid rgba(0, 0, 0, .12);*/
    padding: 10px 0 0 0;
    text-align: right;
}

    .test-btn span {
        margin: 0 5px 0 0;
    }

    .test-btn .visit_btn {
        width: 95px;
        margin: 0 0 0 0;
        padding-top: 2px;
        float: right !important;
    }

.test-btn1 .SbmtBtn {
    /*height: unset !important;
    width: unset !important;*/
    padding: 7px 10px 7px 10px;
}

.test-btn1 .SetBtn {
    height: 45px !important;
    width: unset !important;
    padding: 7px 10px 7px 10px;
    font-family: 'Montserrat';
    font-size: 17px;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
}

    .test-btn1 .SetBtn:hover {
        background-position: -156px 0px;
    }

.saveTstBtn {
    width: 50% !important;
}

.random-test-ans {
    width: 100%;
    float: left;
}

.form-select:disabled {
    background-color: #f7f7f7 !important;
}

.slctChptrQues-mid1 {
    padding: 13px 15px 8px 15px;
}

.RndmTst-Ques {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

    .RndmTst-Ques span {
        display: block;
        vertical-align: middle;
        margin-left: 10px;
        text-align: justify;
    }

    .RndmTst-Ques p {
        margin: 0;
        display: inline-block;
    }

.RndmTst-QuesMrks {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

    .RndmTst-QuesMrks span {
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
    }

.dlAnswer img {
    width: unset !important;
    height: unset !important;
    margin-left: unset;
    max-width: 100%;
}

/* ********* VIEW CART ******* */

.viewCart-main {
    width: 100%;
    float: left;
    background: #fff;
    padding: 55px 0;
}

.viewCArt-ttl {
    width: 100%;
    float: left;
}

    .viewCArt-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.viewCart-mid {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
}

    .viewCart-mid .chkOut-pTbl {
        margin-top: 20px;
    }

.viewCart-mid-tp {
    background: #31c891;
    padding: 10px 0;
    text-align: center;
}

    .viewCart-mid-tp h5 {
        color: #fff;
        font-weight: bold;
        font-size: 18px;
    }

.viewCart-mid-r2 {
    /*margin: 12px 0;*/
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 0 12px 0;
    text-align: center;
}

.viewCart-midC1 img {
    width: 180px;
    height: 240px;
}

.viewCart-mid-r2 h6 {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    margin: 0;
    display: none;
}

.viewCart-mid-r2 h5 {
    display: inline-block;
    font-weight: bold;
}

.viewCart-mid-r2 p {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
}

.viewCard-btm {
    width: 100%;
    float: left;
    padding: 0 20px;
}

.viewCard-btmR1 {
    width: 100%;
    float: right;
    text-align: right;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

    .viewCard-btmR1 p {
        font-size: 20px;
        font-weight: 500;
    }

        .viewCard-btmR1 p span {
            font-weight: bold;
        }

.viewCard-btmLft {
    width: 100%;
    float: left;
}

    .viewCard-btmLft ul {
        width: 100%;
        float: left;
    }

        .viewCard-btmLft ul li {
            font-size: 19px;
            font-weight: 500;
        }

.viewCard-btmRyt {
    width: 100%;
    float: right;
    text-align: right;
    padding: 30px 0 0 0;
}

    .viewCard-btmRyt a {
        text-decoration: none;
        margin-left: 5px;
    }

.viewCard-btmbtn {
    float: right !important;
    width: 205px !important;
}

.vCrt-qnty input {
    width: 51%;
    margin-bottom: 5px;
}

.chckoutMdC1 {
    text-align: center;
}

.chkoutBtn {
    float: right !important;
    padding: 0 12px 0 12px !important;
    width: auto !important;
    margin: 0 0 0 10px !important;
}

/* *********** CHECKOUT PAGE ******** */
.checkout-main {
    width: 100%;
    float: left;
    background: #fff;
    padding: 50px 0 50px 0;
}

.checkout-ttl {
    width: 100%;
    float: left;
}

    .checkout-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.checkout-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    background: #f7f7f7;
}

.login-info {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 15px;
}

.address {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.order-summary {
    width: 100%;
    float: left;
}

.checkout-info {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.checkout-inrHdr {
    width: 100%;
    float: left;
    background: var(--primary-color);
    padding: 15px 15px;
}

    .checkout-inrHdr span {
        display: inline-block;
    }

        .checkout-inrHdr span:last-child {
            float: right;
            margin: 14px 0 0 0;
        }

            .checkout-inrHdr span:last-child a {
                text-decoration: none;
                color: #fff;
            }

    .checkout-inrHdr h5 {
        color: #fff;
        font-size: 23px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 8px;
    }

.checkout-inrBody {
    width: 100%;
    float: left;
    background: #fff;
}

.login-infoBody {
    width: 100%;
    float: left;
    padding: 15px 10px;
}

a.SignOutLnk {
    font-weight: bold;
    font-size: 20px;
}

.login-infoBody-tp a {
    font-weight: bold;
    font-size: 20px;
}

.login-infoBody-error p {
    font-size: 19px;
    font-weight: bold;
}

.login-infoBody-error input[type="submit"] {
    float: right;
    /*padding-top: 0 !important;*/
    width: auto;
    height: auto;
    padding: 7px 11px 7px 11px;
}

.login-infoBodyForm {
    float: left;
    padding: 15px 71px 20px 20px;
    margin: 20px 0 20px 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
}

    .login-infoBodyForm .form-group {
        margin: 0 0 15px 0;
    }

        .login-infoBodyForm .form-group p {
            font-size: 25px;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

        .login-infoBodyForm .form-group input {
            height: 50px;
            background: #f4f8f7;
            border-radius: 0px;
            font-size: 19px;
            font-weight: 300;
            border: 1px solid rgba(0, 0, 0, .12);
            padding-left: 12px;
            width: 90%;
        }

p.reg {
    color: #000;
    font-size: 20px;
    margin: 12px 0 0 0;
    font-weight: 500;
}

    p.reg a {
        font-weight: bold;
    }

.checkout-inrHdr span a i {
    border: 1px solid rgba(255, 255, 255, .5);
    padding: 10px;
}

/* .login-infoBody-tp {
            width: 100%;
            float: left;
        }
        
        .login-infoBody-tp h5 {
            font-weight: 500;
            font-size: 25px;
            display: inline-block;
        }
        
        .login-infoBody-tp h5 span {
            font-weight: bold;
        }
        
        .login-infoBody-error {
            width: 100%;
            float: left;
            padding: 8px 0;
        }
        
        .login-infoBody-error p {
            color: #e40808;
            font-weight: bold;
            font-size: 20px;
            padding: 0;
            margin: 0;
        } */

.address-body {
    width: 100%;
    float: left;
}

.address-bodyForm {
    width: 100%;
    float: left;
}

    .address-bodyForm ul {
        float: left;
        padding: 15px 15px 15px 15px;
        margin: 20px 0 20px 20px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border: 1px solid rgba(0, 0, 0, .12);
    }

        .address-bodyForm ul li {
            list-style: none;
            width: 100%;
            float: left;
        }

            .address-bodyForm ul li:nth-child(1) span {
                display: inline-block;
            }

                .address-bodyForm ul li:nth-child(1) span p {
                    font-weight: bold;
                    font-size: 20px;
                }

                .address-bodyForm ul li:nth-child(1) span a {
                    text-decoration: none;
                    font-weight: bold;
                    border: 1px solid rgba(0, 0, 0, 0.2);
                    padding: 5px 10px;
                    font-size: 15px;
                }

                    .address-bodyForm ul li:nth-child(1) span a:nth-child(1) {
                        color: #06b773;
                    }

                    .address-bodyForm ul li:nth-child(1) span a:nth-child(2) {
                        color: #ff0000;
                    }

                .address-bodyForm ul li:nth-child(1) span:nth-child(2) {
                    float: right;
                }

            .address-bodyForm ul li p {
                font-size: 18px;
                font-weight: 500;
                padding: 0;
                margin: 0 0 3px 0;
            }

            .address-bodyForm ul li a {
                text-decoration: none;
            }

.float-ryt {
    float: right;
}

.address-bodyForm1 {
    width: 100%;
    float: left;
    padding: 10px 15px 16px 15px;
    text-align: center;
}

    .address-bodyForm1 .form-group {
        width: 100%;
        float: left;
        margin: 5px 0 5px 0;
    }

        .address-bodyForm1 .form-group select,
        .address-bodyForm1 .form-group input {
            height: 50px;
            background: #f4f8f7;
            border-radius: 0px;
            font-size: 19px;
            font-weight: 300;
            border: 1px solid rgba(0, 0, 0, .12);
            padding-left: 12px;
            width: 100%;
            color: rgba(0, 0, 0, .7);
            z-index: 99;
        }

        .address-bodyForm1 .form-group textarea {
            background: #f4f8f7;
            border-radius: 0px;
            font-size: 19px;
            font-weight: 300;
            border: 1px solid rgba(0, 0, 0, .12);
            padding-left: 12px;
            width: 98%;
            color: rgba(0, 0, 0, .7);
        }

.order-summary-tbl {
    width: 100%;
    float: left;
}

.order-radiobBtn {
    width: 100%;
    float: left;
}

    .order-radiobBtn ul table tr td {
        font-weight: 500;
        font-size: 20px;
    }

        .order-radiobBtn ul table tr td label {
            margin-left: 5px;
        }

    .order-radiobBtn ul {
        width: 100%;
        float: left;
        background: #eeeeee;
        padding: 10px;
    }

        .order-radiobBtn ul li {
            width: 100%;
            list-style: none;
            margin: 0 0 5px 0;
        }

            .order-radiobBtn ul li span {
                display: inline-block;
                margin: 0 5px 0 0;
            }

                .order-radiobBtn ul li span p {
                    font-weight: 500;
                    font-size: 19px;
                    padding: 0;
                    margin: 0;
                }

.couponCode {
    width: 100%;
    float: left;
}

    .couponCode p {
        margin: 0;
        padding: 0;
        color: #ff0000;
        font-size: 18px;
        font-weight: bold;
        margin: 3px 0 15px 0;
    }

    .couponCode span input[type="text"] {
        background: #f4f8f7;
        font-size: 19px;
        font-weight: 300;
        border: 1px solid rgba(0, 0, 0, .12);
        width: 22%;
        padding: 7px 6px;
    }

    .couponCode span input[type="submit"] {
        background: #06b773;
        color: #fff;
        border: 0;
        outline: 0;
        padding: 3px 10px 6px 10px;
        font-size: 18px;
        margin: 0 0 6px 0;
    }

.Order-btmCode {
    padding: 10px 0 10px 0;
}

.order-btmLft,
.order-btmRyt {
    width: 100%;
    float: left;
}

    .order-btmRyt table {
        width: 100%;
    }

.order-btmLft {
    padding: 10px 0 10px 0;
}

    .order-btmLft a {
        margin: 7px 0 0 5px;
    }

.order-btmRyt {
    text-align: right;
}

    .order-btmRyt a {
        text-decoration: none;
        color: #ff0000;
        font-weight: bold;
        font-size: 18px;
        text-decoration: underline;
    }

.checkout-inrBodyTp {
    width: 100%;
    float: left;
    background: #eeeeee;
    padding: 10px 0;
}


    .checkout-inrBodyTp ul {
        width: 100%;
        float: left;
        margin: 4px 0 0 0;
        padding: 0;
    }

        .checkout-inrBodyTp ul li {
            display: inline-block;
            margin: 0 0 0 10px;
            vertical-align: middle;
        }

            .checkout-inrBodyTp ul li h5 {
                font-weight: bold;
            }

#rdbpayment tbody tr td input {
    margin-left: 8px;
}

.checkout-inrBodyTp ul li span label {
    font-weight: 500;
    font-size: 19px;
    margin-left: 5px;
}

.checkout-inrBodyBtm {
    width: 100%;
    float: left;
    padding: 5px 10px 0 15px;
}

    .checkout-inrBodyBtm span label {
        font-size: 20px;
        font-weight: 500;
    }

    .checkout-inrBodyBtm p {
        font-size: 18px;
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

    .checkout-inrBodyBtm .debit_btn {
        float: right !important;
        height: 44px !important;
        font-size: 16px !important;
        padding: 9px 17px !important;
        margin: 7px 0 20px 0 !important;
    }

.checkout-inrBodyBtmMn {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 0 15px 0;
}

.checkout-inrBodyBtm .enterOtp {
    width: 30%;
    border: none;
    background: #f4f8f7;
    font-size: 19px;
    font-weight: 300;
    border: 1px solid rgba(0, 0, 0, .12);
}

/* ************ COUPON OFFER LIST *********** */
.coupon-offerList {
    width: 100%;
    float: left;
    background: #fff;
    padding: 50px 0 50px 0;
}

.coupon-offerListTtl {
    width: 100%;
    float: left;
}

    .coupon-offerListTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.coupon-offerListInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    padding: 15px 20px;
}

    .coupon-offerListInr ul {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

        .coupon-offerListInr ul li {
            width: 100%;
            float: left;
            list-style: none;
            margin-bottom: 8px;
            border-bottom: 1px solid rgba(0, 0, 0, .05);
            padding: 5px 0;
        }

.coupon-offerListLft {
    float: left;
}

    .coupon-offerListLft img {
        display: inline-block;
        width: 40px;
    }

.coupon-offerListMid {
    width: 100%;
    float: left;
}

    .coupon-offerListMid h5 {
        color: #06b773;
        font-weight: bold;
        font-size: 21px;
        padding: 0;
        margin: 0;
    }

    .coupon-offerListMid p {
        font-size: 21px;
        font-weight: 500;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

.coupon-offerListRyt {
    width: 100%;
    float: left;
    text-align: right;
    margin: 9px 0 0 0;
    position: relative;
}

    .coupon-offerListRyt a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 15px 24px;
        background: #f09516;
        border: 1px dashed black;
    }

    .coupon-offerListRyt i {
        position: absolute;
        top: -20px;
        left: 71%;
        opacity: 0.9;
    }

/* ************ SPECIMEN BOOKS ******** */

.spcmn_bk {
    width: 100%;
    float: left;
    padding: 50px 0 80px 0;
    overflow-x: hidden;
}

.spcmn_bookTtl {
    width: 100%;
    float: left;
}

    .spcmn_bookTtl h2 {
        float: left;
        width: 100%;
        color: var(--primary-color);
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.spcmn_bookFrm {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    text-align: center;
}

.spcmn_bookFrm-ttl {
    width: 100%;
    float: left;
}

    .spcmn_bookFrm-ttl h3 {
        float: left;
        width: 100%;
        color: #000;
        font-weight: bold;
        font-size: 30px;
        margin: 0 0 15px 0;
    }

.spcmn_bookFrm .form-group {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

    .spcmn_bookFrm .form-group p {
        font-size: 17px;
        font-weight: bold;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .spcmn_bookFrm .form-group input,
    .spcmn_bookFrm .form-group textarea,
    .spcmn_bookFrm .form-group select {
        height: 50px;
        /*background: #f4f8f7;*/
        border-radius: 0px;
        font-size: 19px;
        font-weight: 300;
        border: 1px solid rgba(0, 0, 0, .12);
        padding-left: 12px;
        /*width: 100%;*/
    }

    .spcmn_bookFrm .form-group select {
        color: #4c5151;
        font-weight: bold;
    }

/* ************* TEACHER SECTION ******** */

.TeacherSecGrd {
    padding: 10px 0 0 0 !important;
}

.TeacherSec {
    width: 260px !important;
}

.TeacherSectionModal .modal-header {
    background: #25bb6d;
}

    .TeacherSectionModal .modal-header .modal-title {
        color: #fff;
        font-weight: bold;
        font-size: 30px;
    }

.onlTstMdl .OnlineMnRpt {
    width: 210px;
    height: 190px;
}

.onlTstMdl .QuestionOnlineGrd ul li {
    background: #02b674;
    margin: 0 10px 0 0 !important;
}

/* ********ONLINE TEST *********** */

.OnlineTest {
    width: 100%;
    float: left;
    padding: 60px 0 80px 0;
    overflow-x: hidden;
}

.OnlineTestTtl {
    width: 100%;
    float: left;
}

    .OnlineTestTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.JavaTestMdl {
    width: 100%;
    float: left;
    padding: 8px 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 15px 15px 0;
}

.JavaTest {
    width: 100%;
    float: left;
}

.JavaTestTp {
    width: 100%;
    float: left;
    background: #31c891;
    /*padding: 7px 10px;*/
    padding: 4px 16px 3px 16px;
}

    .JavaTestTp ul {
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 0 -9px 0;
        padding: 0;
    }

        .JavaTestTp ul li {
            display: inline-block;
            font-size: 21px;
            color: #fff;
            font-weight: bold;
            list-style: none;
        }

            .JavaTestTp ul li:nth-child(1) {
                float: left;
            }

            .JavaTestTp ul li .lftArow a i {
                display: inline-block;
                vertical-align: middle;
                color: #fff;
                font-size: 35px;
            }

            .JavaTestTp ul li:last-child {
                float: right;
            }

.JavaTstHdr {
    padding: 4px 16px 13px 16px;
}

    .JavaTstHdr ul li p {
        margin-bottom: 0;
    }

.JavaTestMdlLft {
    float: left;
    width: 80%;
}

.JavaTestMdlLft2 span.QuesNo span {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    margin: 5px;
    font-weight: bold;
    padding: 8px 0 0 0;
}

.JavaTestMdlLft2 span span input {
    border: none !important;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 0 5px 0;
}

.JavaTestMdlRt {
    float: right;
    width: 20%;
    background: #f5f5f5;
    padding: 10px 0 8px 13px;
    margin: 0 0 20px 0;
}

    .JavaTestMdlRt ul {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

        .JavaTestMdlRt ul li {
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
            list-style: none;
        }

            .JavaTestMdlRt ul li .NmbrLft {
                float: left;
                width: 40px;
                height: 40px;
                text-align: center;
                padding: 8px 0 0 0;
            }

            .JavaTestMdlRt ul li:nth-child(1) .NmbrLft {
                border: 1px solid #cccccc;
            }

            .JavaTestMdlRt ul li:nth-child(2) .NmbrLft {
                background: #02b674;
                color: #fff;
            }

            .JavaTestMdlRt ul li:nth-child(3) .NmbrLft {
                background: #da1711;
                color: #fff;
            }

            .JavaTestMdlRt ul li .NmbrRt {
                float: left;
                width: 80%;
                padding: 8px 0 0 10px;
            }

                .JavaTestMdlRt ul li .NmbrRt span {
                    font-size: 17px;
                    font-weight: 500;
                }

.JavaTestMdlBtm {
    width: 100%;
    float: left;
    padding: 10px 0 10px 20px;
    border-top: 2px solid #07b773;
}

.Questions P {
    font-size: 19px;
    color: #212529;
}

    .Questions P span {
        /*font-weight: bold;*/
    }

.cstTblRdo_1 ol li {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.cstTblRdo1List {
    list-style: none;
    padding: 0;
}

.cstTblRdo_1 ol li input {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    margin-right: 6px;
}

.cstTblRdo_1 ol li label {
    max-width: 95%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
    font-family: sans-serif;
}

.cstTblRdo_2 {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

.JavaTestMdlBtm .cstTblRdo_2 input {
    font-size: 18px;
    padding: 4px 25px 6px 25px;
    margin: 0 5px;
    font-weight: 550;
}

.JavaTestMdlBtm .NoteAnswr {
    float: left;
    width: 100%;
    padding: 5px 0 0 0;
}

    .JavaTestMdlBtm .NoteAnswr img {
        max-width: 100%;
    }

    .JavaTestMdlBtm .NoteAnswr span {
        color: #D10909;
        font-weight: bold;
    }

.Finish_Test_Btn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}

.queNo {
    background-color: #f3f3f3;
    padding: 5px 10px 2px;
    font-weight: bold;
}

.ques-option1 span {
    font-size: 19px;
    font-weight: 500;
}

/*******ONLINE EXAMINATION MATH PAGE START HERE*******/
.onlineMathTst .JavaTestMdl {
    padding: 20px 15px 15px 0;
}

.disBtn {
    background: #d7d7e3;
    border: 1px solid rgba(0, 0, 0, .42);
    color: #000;
}

.chptrNm {
    font-size: 31px;
}

.TtlNm {
    font-size: 29px;
}

.onlnExm .TtlNm {
    font-weight: 500;
}

/********ONLINE EXAMINATION LATEST******/
.JavaTst-Chptr {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 10px 0 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    /*border: 1px solid rgba(0,0,0,.12);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}

.onlnExmLtst {
    /*border: 1px solid rgba(0,0,0,.12);*/
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.onlnExmMdl {
    border: unset !important;
    box-shadow: unset !important;
}

.onlnExmLft2 span span input {
    margin: 0 0 5px 0;
}

.JavaTestMdl-mn {
    width: 100%;
    float: left;
    padding-top: 10px;
}

/* ******* ONLINE TEST PERFORMANCE CHART ****** */

.OnlineTstPrfmnc {
    width: 100%;
    float: left;
    padding: 60px 0 60px 0;
    overflow-x: hidden;
}

.OnlineTstPrfmnc-Ttl {
    width: 100%;
    float: left;
}

    .OnlineTstPrfmnc-Ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 0 130px;
    }

.OnlineTstPrfmnc-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 20px 20px 20px;
    /*border-radius: 10px;*/
    margin: 10px 0 0 0;
}

    .OnlineTstPrfmnc-inr .TpBtns {
        float: right;
        width: 100%;
        text-align: right;
        padding: 10px 0 25px 0;
    }

.ReviewBtn {
    /*padding: 5px 27px;*/
    padding: 5px 19px;
    font-size: 18px;
    background: linear-gradient(127deg, rgba(255, 143, 14, 1) 0%, rgba(211, 0, 17, 1) 100%);
    border: none;
    color: white;
    border-radius: 25px;
    font-weight: bold;
    margin: 0 5px 6px 0;
    transition: all .4s ease-in-out;
}

    .ReviewBtn:hover {
        color: #fff;
        background-position: -156px 0px;
    }

.QueryLst {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    font-size: 18px;
    text-transform: capitalize;
}

    .QueryLst:hover {
        color: #000;
        text-decoration: underline;
    }

.OnlineTstPrfmnc-inr .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

    .OnlineTstPrfmnc-inr .card table tr td:nth-child(1) {
        padding-left: 20px;
    }

.OnlineTstPrfmnc-inr .header {
    padding: 6px 12px;
    background: #5673b5;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.OnlineTstPrfmnc-inr .PutEffort {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 20px;
}

    .OnlineTstPrfmnc-inr .PutEffort img {
        width: 150px;
        display: block;
        margin: 0 auto;
    }

    .OnlineTstPrfmnc-inr .PutEffort span {
        color: #07a96a;
    }

.bounce_button {
    text-align: center;
}

    .bounce_button img {
        max-width: 100% !important;
        height: unset !important;
    }

.Prfmnc-hdr {
    padding: 0 5px 0 10px;
}

.prfrmnc-row {
    padding: 25px 25px 0 25px;
}

.Prfrmnc-Img {
    height: 200px;
    width: 240px;
    margin: 0 auto;
}

.prfmncHdr .ReviewBtn {
    width: auto;
    padding: 5px 10px;
}

.mathTstPrf .prfmncHdr .ReviewBtn {
    margin: 0px 5px 0 0px;
}

/* ************ONLINE TEST REVIEW ******** */

.OnlineTstRev {
    width: 100%;
    float: left;
    padding: 50px 0 80px 0;
    overflow-x: hidden;
}

.OnlineTstRev-Ttl {
    width: 100%;
    float: left;
}

    .OnlineTstRev-Ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
        text-transform: uppercase;
    }

.OnlineTstRev-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 20px;
    border-radius: 10px;
}

.NoteAnswr p {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

/* ********** ONLINE TEST RESULT ********** */

.OnlineTst-rslt {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.OnlineTst-rsltTtl {
    width: 100%;
    float: left;
}

    .OnlineTst-rsltTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 70px 0 0px 130px;
        padding: 0 0 11px 0;
    }

.OnlineTst-rslt .table-responsive {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
}

.OnlineTst-rsltTbl thead {
    background: #31c891;
    border: none;
    text-align: center;
}

.OnlineTst-rsltTbl {
    margin: 0;
}

.TblPadding-lft tr td:nth-child(1) {
    padding-left: 20px;
}

.queryViewTbl tbody tr:nth-child(1) {
    background: var(--primary-color);
}

.prsl_infoTbl1 tbody tr:nth-child(1) {
    background: none;
}

.prsl_infoTbl1 tbody tr td:nth-child(1) {
    text-align: center;
}

    .prsl_infoTbl1 tbody tr td:nth-child(1) span {
        font-weight: bold;
        font-size: 18px;
    }

.queryViewTbl tbody tr:nth-child(1) th span {
    color: #fff;
    font-size: 20px;
}


.OnlineTst-rsltTbl thead th span {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.OnlineTst-rsltTbl tbody {
    background: #fff;
}

.OnlineTst-rslt tbody,
td,
tfoot,
th,
thead,
tr {
    /*padding: 5px 0 5px 12px !important;*/
}

.bookTbl tbody tr td {
    padding: 0 0 0 30px !important;
}

tbody td span {
    font-weight: 500;
    font-size: 17px;
}

.slct_inpt {
    height: 40px;
    background: #f4f8f7;
    border: none;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 300;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

/* ********** TEACHER HANDBOOK ********** */

.teach_handBk {
    width: 100%;
    float: left;
    padding: 50px 0 60px 0;
}

.teach_handBk-ttl {
    width: 100%;
    float: left;
}

    .teach_handBk-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 0 130px;
    }

.teach_handBkInrTp {
    width: 100%;
    margin: 0 0 10px 0 !important;
    /*float: left;
    margin: 10px 0 -40px -140px;
    text-align: right;*/
}

    .teach_handBkInrTp p {
        font-weight: bold;
        font-size: 19px;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

.teach_handBkInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 20px 20px 20px;
    border-radius: 10px;
    margin: 10px 0 0 0;
}

    .teach_handBkInr .accordion-body {
        padding: 0 0 0 30px;
    }

    .teach_handBkInr .accordion-header span {
        font-size: 19px;
    }

        .teach_handBkInr .accordion-header span a {
            color: #ff0000;
            margin: 0 0 0 10px;
            /* background: linear-gradient(127deg, rgba(255, 143, 14, 1) 0%, rgba(211, 0, 17, 1) 100%); */
            padding: 3px 10px 3px 10px;
            font-weight: bold;
        }

    .teach_handBkInr .accordion-body ul {
        width: 100%;
        float: left;
        margin: 5px 0;
        padding: 0;
    }

        .teach_handBkInr .accordion-body ul li {
            width: 100%;
            float: left;
            list-style: none;
            border-bottom: 1px solid rgba(0, 0, 0, .112);
            padding: 6px 0;
        }

            .teach_handBkInr .accordion-body ul li span a {
                font-size: 16px;
                font-weight: bold;
            }

                .teach_handBkInr .accordion-body ul li span a.dchk {
                    color: #000;
                }

            .teach_handBkInr .accordion-body ul li span:nth-child(1) a {
                font-weight: 500;
                font-size: 16px;
                font-family: sans-serif !important;
            }

            .teach_handBkInr .accordion-body ul li span:nth-child(2) {
                float: right;
            }

.handBkRow {
    background: #657bac;
    margin: 0 0 17px 0;
}

.techr-Hndbk .accordion-button {
    background: #657bac;
    display: inline-block;
}

.hndBk-lft {
    width: 100%;
    float: left;
    background: #31c891;
}

    .hndBk-lft a {
        font-size: 19px;
    }

.hndBk-ryt {
    width: 100%;
    float: left;
}

    .hndBk-ryt .visit_btn {
        height: 37px !important;
        padding-top: 9px !important;
        line-height: unset;
    }

.teach-dBord .QuestionOnlineGrd ul {
    padding: 0;
}

.techr-Hndbk1 .accordion-button {
    display: flex;
    padding: 0;
    height: 50px;
}

.hndBk-ryt1 .visit_btn {
    margin: 7px 0 0 0;
}

    .hndBk-ryt1 .visit_btn:hover {
        color: #fff;
        /*color: #cf303e;*/
    }

.downldSol ul table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

/*.downldSol ul table tbody tr td {
        padding: 7px 0 4px 0;
    }*/
/* ******** TEACHERS HANDBOOK DIS ****** */
.teach_handBkDIS {
    width: 100%;
    float: left;
    padding: 50px 0 60px 0;
}

/* ********** MODAL TEST PAGE ********* */

.modal_test {
    width: 100%;
    float: left;
    overflow-x: hidden;
}

.modal_testInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    margin: 60px 0 60px 0;
}

    .modal_testInr .nav-tabs .nav-link {
        font-weight: bold;
        font-size: 20px;
        color: #000;
    }

        .modal_testInr .nav-tabs .nav-link.active {
            color: #08b773 !important;
        }

.modal_testInrBoard .accordion-item h2 button {
    font-size: 18px;
    font-weight: 500;
}

    .modal_testInrBoard .accordion-item h2 button a {
        margin: 0 0 0 10px;
        color: #ff0000;
        font-weight: bold;
    }

.modal_testInrBoard .accordion-header span {
    font-size: 19px;
    font-weight: 500;
}

    .modal_testInrBoard .accordion-header span a {
        color: #ff0000;
        margin: 0 0 0 10px;
    }

.modal_testInrBoard .accordion-body {
    padding: 0 0 0 30px;
}

    .modal_testInrBoard .accordion-body ul {
        width: 100%;
        float: left;
        margin: 5px 0;
        padding: 0;
    }

        .modal_testInrBoard .accordion-body ul li {
            width: 100%;
            float: left;
            list-style: none;
            padding: 0 4px 2px 4px;
            font-size: 15px;
            font-family: sans-serif !important;
        }

            .modal_testInrBoard .accordion-body ul li span a {
                font-size: 12px;
                font-weight: bold;
                height: 25px;
                width: 25px;
                display: inline-block;
                background: #f54545;
                color: #fff;
                border-radius: 50%;
                text-align: center;
                padding: 4px 0 0 0;
            }

                .modal_testInrBoard .accordion-body ul li span a i {
                    color: #fff;
                }

            .modal_testInrBoard .accordion-body ul li span:nth-child(1) a {
                font-weight: 500;
            }

            .modal_testInrBoard .accordion-body ul li span:nth-child(2) {
                float: right;
            }

.accordion-button:focus {
    background-color: #31c891;
    border-color: none;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    font-weight: bold !important;
    box-shadow: unset;
}

.modal_testInrBoard .accordion-body .dchk {
    color: #000;
    font-weight: 500;
}

.modal_testInrBoard .accordion-body table tr:hover .dchk {
    text-decoration: underline;
}

.modal_testInrBoard .accordion-body table tr:hover {
    background: #f3f3f3;
}

.accordion-button:not(.collapsed) {
    background: #657bac !important;
}

.modal_testInrBoard table tr td {
    /*background:#f3f3f3;*/
}

/* ********* EVERGREEN FACTS GALLERY ********** */

.ever-fact-gal {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
}

.ever-fact-galInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 20px;
}

.ever-fact-galInrLft {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .05);
    margin: 0 0 40px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    -o-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.ever-fact-galInrLftTp {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0 0 0;
}

    .ever-fact-galInrLftTp img {
        width: 90%;
    }

.ever-fact-galInrLftBtm {
    width: 100%;
    float: left;
    margin: 10px auto 15px auto;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 0 0 0;
}

    .ever-fact-galInrLftBtm a {
        padding: 8px 20px 7px 20px;
        width: auto !important;
        font-size: 18px;
        height: auto !important;
    }

.ever-fact-galTtl {
    width: 100%;
    float: left;
}

    .ever-fact-galTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.ever-fact-galMdl .modal-header {
    justify-content: right;
    padding: 0;
}

    .ever-fact-galMdl .modal-header button {
        background: rgba(0, 0, 0, .9);
        color: #fff;
        border-radius: 50%;
        height: 35px;
        width: 35px;
    }

.ever-fact-galMdl .modal-body {
    text-align: center;
    padding: 0;
}

    .ever-fact-galMdl .modal-body img {
        width: 65%;
    }

.ever-fact-galMdl .modal-footer p {
    font-size: 20px;
    font-weight: bold;
}

/* ************ EVERGREEN FACT DETAILS PAGE ******* */

.evrgrn-fct-dtl {
    width: 100%;
    float: left;
    padding: 50px 0 70px 0;
    overflow-x: hidden;
}

.evrgrn-fct-dtlTtl {
    width: 100%;
    float: left;
}

    .evrgrn-fct-dtlTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.evrgrn-fct-dtlInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    /*padding: 20px 20px 20px 20px;*/
    border-radius: 10px;
    position: relative;
}

.evrgrn-fct-dtlInrTp {
    width: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 10px 15px;
    background: #31c891;
}

    .evrgrn-fct-dtlInrTp span:nth-child(1) {
        float: left;
        margin: 12px 0 0 0;
    }

    .evrgrn-fct-dtlInrTp span {
        display: inline-block;
        vertical-align: middle;
    }

        .evrgrn-fct-dtlInrTp span i {
            color: #fff;
            font-size: 40px;
            text-align: left;
        }

        .evrgrn-fct-dtlInrTp span h3 {
            color: #fff;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

        .evrgrn-fct-dtlInrTp span p {
            margin: 0;
            font-size: 25px;
            font-weight: bold;
            color: #fff;
        }

.evrgrn-fct-dtlInrTp1 {
    width: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 10px 0;
}

    .evrgrn-fct-dtlInrTp1 p {
        font-weight: bold;
        font-size: 23px;
        margin: 0;
    }

.evrgrn-fct-dtlInrMdl {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
}

.evrgrn-fct-dtlInrMdl1 {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 8px 15px 0 15px;
}

    .evrgrn-fct-dtlInrMdl1 span:nth-child(2) {
        float: right;
    }

    .evrgrn-fct-dtlInrMdl1 span {
        display: inline-block;
    }

        .evrgrn-fct-dtlInrMdl1 span p {
            font-weight: 500;
            font-size: 22px;
        }

.evrgrn-fct-dtlInrBtm {
    width: 100%;
    float: left;
    padding: 23px 15px 0 15px;
}

.evrgrn-fct-dtlInrMdlLnk {
    width: 100%;
    float: left;
    padding: 10px 0 0 10px;
}

    .evrgrn-fct-dtlInrMdlLnk ul {
        width: 100%;
        float: left;
        text-align: center;
        margin: 10px 0 0 0;
    }

        .evrgrn-fct-dtlInrMdlLnk ul li {
            display: inline-block;
            list-style: none;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            position: relative;
            margin: 0 0 0 5px;
        }

            .evrgrn-fct-dtlInrMdlLnk ul li i {
                font-size: 25px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-weight: bold;
            }

            .evrgrn-fct-dtlInrMdlLnk ul li:nth-child(1) {
                background: #08b773;
            }

            .evrgrn-fct-dtlInrMdlLnk ul li:nth-child(2) {
                background: #3b5998;
            }

            .evrgrn-fct-dtlInrMdlLnk ul li:nth-child(3) {
                background: #1DA1F2;
            }

.evrgrn-fct-dtlInrBtm label {
    font-weight: bold;
    font-size: 22px;
}

.evrgrn-fct-dtlInrBtm input {
    width: 50%;
    height: 50px;
    background: #f4f8f7;
    border: none;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 300;
    padding-left: 10px;
    padding-right: 24px;
}

.evrgrn-fct-Cptcha {
    /*width: 19%;*/
    float: right;
    border: 1px solid rgba(0, 0, 0, .12);
    text-align: center;
    padding: 6px 7px 4px 0;
    background: #f4f8f7;
    margin: 10px 15px 10px 0;
}

    .evrgrn-fct-Cptcha span {
        display: inline-block;
        vertical-align: middle;
    }

        .evrgrn-fct-Cptcha span input {
            height: 25px;
            width: 25px;
            /*margin: 22px 0 0 0;*/
        }

        .evrgrn-fct-Cptcha span label {
            font-weight: bold;
            font-size: 16px;
        }

        .evrgrn-fct-Cptcha span:nth-child(2) {
            float: right;
        }

        .evrgrn-fct-Cptcha span img {
            width: 30px;
        }

        .evrgrn-fct-Cptcha span p {
            margin: 0;
            font-weight: bold;
            font-size: 12px;
        }

.evrgrn-fct-term {
    width: 100%;
    float: left;
    padding: 13px 20px 20px 20px;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

    .evrgrn-fct-term label {
        font-weight: bold;
        font-size: 18px;
    }

    .evrgrn-fct-term p {
        font-weight: 500;
        font-size: 18px;
        padding: 10px 0 0 0;
    }

.efc-lft {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
}

.efc-ryt {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
}

.rc-anchor-normal {
    height: 74px;
    width: 282px !important;
    margin: 0 0 0 12px;
}

/********REMAINING ICONS POPUP********/
.remainIcns {
    min-height: 200px;
    height: 200px;
    min-width: 200px;
    width: 300px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    z-index: 9;
    position: absolute;
    padding: 10px 10px 10px 10px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 13%;
    display: block;
}

.remainIcns-lft {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.remainIcns-ryt {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.remainIcns ul {
    padding: 0;
}

    .remainIcns ul li {
        list-style: none;
        margin-bottom: 8px;
    }

        .remainIcns ul li:hover {
            background: #f3f3f3;
        }

        .remainIcns ul li i {
            color: #fff;
            font-size: 15px;
            padding: 0 6px 0 6px;
        }

        .remainIcns ul li span:nth-child(1) {
            height: 25px;
            width: 25px;
            border-radius: 5px;
            float: left;
            display: inline-block;
        }

        .remainIcns ul li span:nth-child(2) {
            font-weight: 500;
            font-size: 17px;
            margin-left: 5px;
        }

.remailIcnBtm {
    width: 100%;
    float: left;
    background: #f3f3f3;
    padding: 5px 0;
}

.evrgrn-fct-dtlInrMdlLnk ul .aa:hover .remainIcns {
    display: none;
}

.rIcon-Mdl {
    width: 100%;
    float: left;
}

    .rIcon-mdl ul li {
        list-style: none;
        margin-bottom: 8px;
    }

        .rIcon-mdl ul li span:nth-child(1) {
            height: 25px;
            width: 25px;
            border-radius: 5px;
            float: left;
        }

        .rIcon-mdl ul li span:nth-child(2) {
            font-weight: 500;
            font-size: 15px;
            margin-left: 5px;
        }

    .rIcon-mdl .form-group .FrmRpt input {
        width: 100%;
        border-radius: 25px;
        border: 1px solid rgba(0, 0, 0, .12);
        padding: 8px 1px 8px 20px;
        margin-bottom: 12px;
    }

    .rIcon-mdl i {
        color: #fff;
        padding: 0 0 0 5px;
        font-size: 15px;
    }

/* ******** QUERY VIEW ********** */
.queryView {
    width: 100%;
    float: left;
    padding: 30px 0 20px 0;
}

.queryView-ttl {
    width: 100%;
    float: left;
}

    .queryView-ttl h2 {
        float: left;
        width: 100%;
        margin: 0px;
        color: #202020;
        font-weight: bold;
        font-size: 40px;
    }

.qryTtl2 {
    display: none;
}

.queryView-Inr {
    width: 100%;
    float: left;
}

.AgreeTrms input[type="radio"] {
    float: left;
    margin: 16px 10px 0 0;
}

.queryViewRyt {
    width: 100%;
    float: left;
    padding: 0 10px 0 20px;
}

.qryLft {
    margin: 90px 0 0 0;
}

.qryLft-1 {
    margin: 100px 0 0 0;
}

.qryTtl-2 {
    display: none;
}

.queryViewRyt-Tp {
    width: 100%;
    float: left;
    padding: 20px 0;
    /*border-top: 1px solid rgba(0, 0, 0, .12);*/
    margin: 42px 0 0 0;
}

.qViewTp1 {
    margin: 0;
}

.queryViewRyt-Tp a {
    width: 27% !important;
    float: unset !important;
    margin: 0 auto;
    display: block;
}

.queryViewTbl {
    width: 100%;
    float: left;
}

    .queryViewTbl tbody tr td:nth-child(1) {
        /*padding-left:20px;*/
    }

    .queryViewTbl .OnlineTst-rsltTbl tbody,
    .queryViewTbl .OnlineTst-rsltTbl td,
    .queryViewTbl .OnlineTst-rsltTbl tfoot,
    .queryViewTbl .OnlineTst-rsltTbl tr {
        padding: 20px 0 20px 22px !important;
    }

    .queryViewTbl .OnlineTst-rsltTbl thead {
        padding: 10px 0 10px 22px !important;
    }

    .queryViewTbl .table-responsive {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border: 1px solid rgba(0, 0, 0, .12);
    }

.gridPagination table tbody tr:nth-child(1) {
    background: unset;
}

.gridPagination td table tbody tr td {
    color: #fff !important;
}

    .gridPagination td table tbody tr td span {
        background: var(--primary-color);
        padding: 5px 10px 5px 10px;
    }

    .gridPagination td table tbody tr td a {
        background: #b4b9d2ba;
        opacity: .8;
        color: #000 !important;
        padding: 5px 10px 5px 10px;
    }

.gridPagination table tbody tr:nth-child(1) {
    background: unset !important;
}

.queryViewRyt .BooksGrd_Srch2 .Search_Btn i {
    margin: 14px 0 0 -8px;
}

.qViewTbl {
    width: 100%;
}

    .qViewTbl tbody tr:hover {
        background: #f3f3f3;
    }

/* ********** ASK QUERY ********* */

.askQuery {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.askQueryTtl {
    width: 100%;
    float: left;
}

    .askQueryTtl h2 {
        float: left;
        width: 100%;
        color: rgb(0, 0, 0);
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 10px 130px;
    }

.askQueryMrque {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
}

    .askQueryMrque span {
        color: #ff0000;
        font-weight: bold;
        font-size: 19px;
    }

.askQueryFrm {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 24px 20px 20px 20px;
}

    .askQueryFrm .form-group {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .askQueryFrm .FrmRpt .same_input {
        padding-left: 24px;
        font-size: 19px;
    }

.askQueryRyt {
    width: 100%;
    float: left;
}

.askQueryRytTtl {
    width: 100%;
    float: left;
    margin: 3px 0 0 0;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

    .askQueryRytTtl h3 {
        float: left;
        width: 100%;
        font-weight: 400;
        color: #393939;
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 28px;
    }

.askQueryRytBdy {
    width: 100%;
    float: left;
    overflow-y: auto;
    padding: 10px 5px 0 0;
    border-left: 2px solid rgba(225, 213, 213, 0.2);
    border-right: 2px solid rgba(225, 213, 213, 0.2);
}

    .askQueryRytBdy ul {
        width: 100%;
        float: left;
    }

        .askQueryRytBdy ul li {
            /* list-style: none; */
            color: var(--primary-color);
        }

            .askQueryRytBdy ul li a {
                color: var(--primary-color);
                text-decoration: none;
                font-size: 18px;
                font-weight: 500;
            }

            .askQueryRytBdy ul li:hover {
                background: #f3f3f3;
            }

                .askQueryRytBdy ul li:hover a {
                    color: #000;
                }

.recentQue br {
    display: none;
}

.askQueryFrm .CaptchaImg {
    margin: 0;
}

/* *********QUERY PAGE ********* */

.query {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.query-ttl {
    width: 100%;
    float: left;
}

    .query-ttl h2 {
        float: left;
        width: 100%;
        color: var(--primary-color);
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.queryInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 20px;
    border-radius: 10px;
}

.queryHdr {
    background: #5673b5;
    width: 100%;
    float: left;
    padding: 10px 15px;
    text-align: center;
}

    .queryHdr a:nth-child(2) {
        float: left;
    }

    .queryHdr i {
        display: inline-block;
        color: #fff;
        font-size: 25px;
    }

    .queryHdr h5 {
        display: inline-block;
        color: #fff;
        font-weight: bold;
        font-size: 22px;
        margin: 0 0 0 10px;
    }

.queryBdy {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 20px 20px 20px;
}

.queryBodyD1 {
    width: 100%;
    float: left;
    margin: 15px 0 15px 0;
}

.queryBodyD2 .D1Hdr {
    background: #5f9ea0 !important;
}

.D1Hdr {
    width: 100%;
    float: left;
    padding: 10px 15px 7px 15px;
    background: #e1625b;
}

    .D1Hdr span {
        display: inline-block;
        padding-right: 12px;
    }

        .D1Hdr span:nth-child(2) {
            float: right;
        }

        .D1Hdr span p {
            font-size: 17px;
            font-weight: bold;
            margin: 0;
            color: #fff;
        }

.D1Bdy {
    width: 100%;
    float: left;
    padding: 20px 0 20px 0;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #f7f7f7;
}

.D1BdyLft {
    width: 100%;
    float: left;
    text-align: left;
}

    .D1BdyLft img {
        /*width: 15%;*/
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 50%;
        padding: 8px;
        padding-left: 10px;
        height: 80px;
        width: 80px;
    }

    .D1BdyLft p {
        padding: 0;
        margin: 0;
        font-size: 17px;
        font-weight: 500;
    }

.D1BdyRyt {
    width: 100%;
    float: left;
}

    .D1BdyRyt p {
        margin: 0;
        font-weight: 500;
        font-size: 19px;
    }

        .D1BdyRyt p:nth-child(1) {
            color: #06b471;
            font-weight: bold;
        }

.D1BdyLftC1 {
    float: left;
    width: 100%;
    text-align: center;
    margin: -23px 0 0 0;
}

.qD1BdyBtm img {
    max-width: 30%;
}

.qD1BdyBtm span {
    display: block;
}

.D1BdyLftC1 p {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.D1BdyLftC1 i {
    font-size: 60px;
}

.D1BdyBtm {
    width: 100%;
    float: left;
    padding: 0 0 0 15px;
}

    .D1BdyBtm p {
        margin: 0;
        font-weight: 500;
        font-size: 18px;
    }

    .D1BdyBtm br {
        display: none;
    }

    .D1BdyBtm div {
        font-weight: bold;
        font-size: 18px;
    }

.repbtnMn {
    width: 100%;
    float: left;
    background: #f7f7f7;
    padding: 20px 15px 20px 15px;
}

.repbtn {
    border: 1px solid rgba(0, 0, 0, .12);
}

.AskExprtTxt {
    font-weight: bold;
}

.AskExprtBtn {
    width: 100%;
    float: right;
    text-align: right;
    padding: 15px 0 0 0;
}

    .AskExprtBtn input {
        float: right;
        margin: 0 0 0 7px;
        border: none;
    }

    .AskExprtBtn input {
        width: 8% !important;
    }

.cstsubmitquery {
    display: inline-block;
    width: auto !important;
    font-family: 'Montserrat';
    font-weight: bold !important;
    color: #fff;
    text-transform: uppercase;
    /*background: #25bb6d !important;*/
    padding: 8px 15px 10px 15px !important;
    font-size: 15px !important;
    height: 39px !important;
    margin: 0 10px 0 0;
    background: linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
    transition: all .4s ease-in-out;
}

    .cstsubmitquery:hover {
        background-position: -156px 0px;
    }

.cstCancelquery {
    float: right;
    display: inline-block;
    width: auto !important;
    height: 40px !important;
    font-family: 'Montserrat';
    font-weight: bold !important;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px 10px 10px !important;
    font-size: 15px !important;
    background: rgb(255, 143, 14) !important;
    background: linear-gradient(127deg, rgba(255, 143, 14, 1) 0%, rgba(211, 0, 17, 1) 100%) !important;
    transition: all .4s ease-in-out;
}

    .cstCancelquery:hover {
        background-position: -156px 0px !important;
    }

.D1BdyLftC1 {
    margin: 0 0 0 0 !important;
}

.queryTxt {
    width: 100%;
    float: left;
    padding: 10px 15px 0 15px;
}

    .queryTxt p {
        font-size: 17px;
    }

/******ASK AN EXPERT MODAL*****/
.askExprt-mdl .modal-header {
    background: #30c790;
}

    .askExprt-mdl .modal-header h5 {
        color: #fff;
        font-weight: bold;
        font-size: 22px;
    }

/* *********** PRODUCTS PAGE ********* */

.TeacherGrdMnRptTxt P {
    margin: 0;
    font-size: 21px;
    font-weight: bold;
}

/* ********* ETAB PAGE HERE ************ */

.etabs {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
}

.etabs-ttl {
    width: 100%;
    float: left;
}

    .etabs-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 35px;
        margin: 0 0 20px 130px;
    }

.etabs-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 20px;
    border-radius: 10px;
}

.etabs-inrTpLft {
    width: 100%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .12);
}

    .etabs-inrTpLft img {
        width: 70%;
    }

.etabs-inrTpRyt {
    width: 100%;
    float: left;
}

.etabs-inrTpRytHdr {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 10px;
    background: #f3f3f3;
}

    .etabs-inrTpRytHdr h3 {
        color: #04b674;
        font-size: 30px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .etabs-inrTpRytHdr p {
        margin: 0;
        color: #000;
        font-size: 18px;
        font-weight: bold;
    }

.etabs-inrTpRytBtn {
    width: 100%;
    float: left;
    padding: 10px 0 20px 0;
}

    .etabs-inrTpRytBtn .sameBtnns.btn-success {
        background: #02b674;
        border-color: #02b674;
        border: 2px solid transparent;
    }

        .etabs-inrTpRytBtn .sameBtnns.btn-success:hover {
            background: #fff;
            color: #02b674;
            border: 2px solid #02b674;
        }

    .etabs-inrTpRytBtn .sameBtnns {
        border-radius: 0px;
        width: 200px;
        height: 50px;
        font-size: 22px;
        color: #fff;
        font-weight: 300;
        margin: 0 0 0 20px;
        border: 2px solid transparent;
        transition: all .4s ease-in-out;
    }

        .etabs-inrTpRytBtn .sameBtnns.btn-dark:hover {
            background: #fff;
            color: #212529;
            border: 2px solid #212529;
        }

.etabs-inrTpRytBdy {
    width: 100%;
    float: left;
}

    .etabs-inrTpRytBdy h5 {
        font-size: 25px;
        font-weight: bold;
    }

    .etabs-inrTpRytBdy ul li {
        font-size: 18px;
        font-weight: 500;
    }

.etabs-inrBtm {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(0, 0, 0, .12);
}

    .etabs-inrBtm .nav-pills .nav-link.active {
        background: #02b674 !important;
    }

    .etabs-inrBtm .nav-link {
        color: #02b674;
        font-weight: bold;
    }

.specList ul {
    width: 100%;
    float: left;
    background: #f3f3f3;
    margin: 0;
    padding: 20px 0 20px 25px;
}

    .specList ul li {
        float: left;
        width: 100%;
        list-style: none;
        margin: 0 0 8px 0;
        border-bottom: 1px solid rgba(198, 193, 193, 0.11);
        padding: 2px 0;
    }

        .specList ul li span {
            font-size: 17px;
            font-weight: 500;
        }

.FeatureTab ul {
    width: 100%;
    float: left;
    background: #f3f3f3;
    padding: 20px 0 20px 25px;
}

    .FeatureTab ul li {
        float: left;
        list-style: none;
        margin: 0 0 0 10px;
        text-align: center;
        border-right: 1px solid rgba(23, 23, 23, 0.12);
        padding: 0 20px 0 0;
    }

        .FeatureTab ul li p {
            font-weight: bold;
        }

.AccesTab ul {
    width: 100%;
    float: left;
    background: #f3f3f3;
    padding: 20px 0 20px 25px;
}

    .AccesTab ul li {
        list-style: none;
        float: left;
        border-right: 1px solid rgba(23, 23, 23, 0.12);
        padding: 0 40px 0 30px;
        margin: 0 20px 0 20px;
    }

        .AccesTab ul li p {
            font-weight: bold;
        }

.PayTab ul {
    background: #f3f3f3;
    padding: 20px 0 20px 25px;
}

    .PayTab ul li {
        list-style: none;
        margin: 0 0 8px 0;
    }

        .PayTab ul li p {
            font-size: 17px;
            font-weight: bold;
        }

.VideoTab {
    background: #f3f3f3;
    padding: 20px 0 20px 25px;
}

/* **********CATALOGUE PAGE ********* */

.catalogue {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
}

.catalogue-ttl {
    width: 100%;
    float: left;
}

    .catalogue-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.catalogue-inr {
    width: 100%;
    float: left;
}

.catalogue-inrTp {
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 36px 0 0px 0px;
    /*margin: auto;*/
}

.catalogue-inrLft .form-group {
    width: 100%;
    float: left;
    margin: 5px 0 5px 0;
}

    .catalogue-inrLft .form-group label {
        font-size: 18px;
        font-weight: bold;
    }

    .catalogue-inrLft .form-group select,
    .catalogue-inrLft .form-group input {
        height: 50px;
        background: #f4f8f7;
        border-radius: 0px;
        font-size: 19px;
        font-weight: 300;
        border: 1px solid rgba(0, 0, 0, .12);
        padding-left: 12px;
        width: 75%;
        color: rgba(0, 0, 0, .7);
    }

.catalogue-inr .BooksGrd_Srch .FrmRpt label {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}

.catalogue-inr .BooksGrd_Srch .FrmRpt .same_input {
    display: inline-block;
    width: 65%;
}

.catalogue-inr .table-responsive {
    margin: 20px 0 0 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
}

.ctlgTbl {
    text-align: center;
}

.catlg_srch {
    padding: 0;
}

/* ************ CAREER PAGE ****** */
.Career {
    width: 100%;
    float: left;
    padding: 40px 0 70px 0;
}

.CareerTtl {
    width: 100%;
    float: left;
}

    .CareerTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.CareerInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    padding: 25px 25px 25px 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

    .CareerInr .form-group {
        width: 100%;
        float: left;
        margin: 5px 0 0 0;
    }

        .CareerInr .form-group label {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 16px;
            margin: 0 0 8px 0;
        }

        .CareerInr .form-group select,
        .CareerInr .form-group textarea,
        .CareerInr .form-group input:not(.dobClndr) {
            height: 50px;
            background: #f4f8f7;
            border-radius: 0px;
            font-size: 19px;
            font-weight: 300;
            border: 1px solid rgba(0, 0, 0, .12);
            padding-left: 12px;
            width: 100%;
            color: rgba(0, 0, 0, .7);
            /* box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.1); */
        }

.dobClndr {
    margin: 0 0 -6px 0;
}

.CareerInr .form-group p {
    font-weight: bold;
    margin: 0;
}

.CareerInr .capcha {
    /*margin: 33px 0 0 0;*/
}

.CareerInr .form-btn {
    width: 100%;
    float: left;
    text-align: right;
}

    .CareerInr .form-btn .visit_btn {
        width: auto;
        height: 45px;
        padding: 7px 17px 8px 17px;
        float: unset;
        margin-left: 5px;
    }

/* ********* JEE PANEL ********* */

.Jee-panel {
    width: 100%;
    float: left;
    padding: 40px 0 70px 0;
}

.Jee-panelTtl {
    width: 100%;
    float: left;
    text-align: center;
}

    .Jee-panelTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
    }

.jee-panelInr {
    width: 100%;
    float: left;
}

.QuestionOnlineGrd {
    float: left;
    width: 100%;
    padding: 0 10%;
}

    .QuestionOnlineGrd ul {
        float: left;
        width: 100%;
        background: linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 40%);
        margin: 30px 0 0 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        padding: 25px 25px;
        text-align: center;
    }

        .QuestionOnlineGrd ul li {
            display: inline-block;
            margin: 10px;
        }

.OnlineMn {
    display: inline-block;
}

.OnlineMnRpt {
    display: inline-block;
    width: 300px;
    height: 200px;
    background: #f3f3f3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CmnDsn {
    float: left;
    width: 100%;
    height: 200px;
}

.CmnDsnNw {
    float: left;
    width: 100%;
}

.BookImg {
    display: inline-block;
    width: 100%;
    height: 100px;
    padding: 40px 0 0 0;
}

    .BookImg i {
        font-size: 56px;
        color: #415d9d;
    }

.BookBtn {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

    .BookBtn .BookBtn-lnk {
        display: inline-block;
        background: #415d9d;
        color: #fff;
        padding: 5px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        font-weight: bold;
        border: 2px solid transparent;
    }

.OnlineMnRpt:hover .BookBtn .BookBtn-lnk {
    color: #415d9d;
    background: #fff;
    border: 2px solid #415d9d;
}

/* ********** JEE-chose-tst ******* */

.JEE-chose-tst {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
}

.JEE-chose-tstTtl {
    width: 100%;
    float: left;
    text-align: center;
}

    .JEE-chose-tstTtl i {
        display: inline-block;
        vertical-align: middle;
        color: #02b674;
        font-size: 35px;
        margin: 0 6px 0 0;
    }

    .JEE-chose-tstTtl h2 {
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        display: inline-block;
        vertical-align: middle;
    }

.JEE-chose-tstInr {
    width: 100%;
    float: left;
}

/* *********** JEE RESULT ******* */

.JEE-result {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.JEE-resultTtl {
    width: 100%;
    float: left;
    /*text-align:center;*/
}

    .JEE-resultTtl a {
        display: inline-block;
        vertical-align: middle;
        color: #02b674;
        font-size: 35px;
        margin: 0 6px 0 120px;
        /*float:left;*/
    }

    .JEE-resultTtl h2 {
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 10px 0;
        display: inline-block;
        vertical-align: middle;
    }

.JEE-resultTp {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 25px 15px 15px 20px;
    margin: 0 0 35px 0;
}

    .JEE-resultTp .SbmtBtn {
        border-radius: 25px;
        text-transform: unset;
    }

    .JEE-resultTp .ReviewBtn {
        padding: 9px 13px !important;
        font-weight: bold;
        font-size: 19px;
    }

    .JEE-resultTp select {
        height: 50px;
        background: #f4f8f7;
        border-radius: 0px;
        font-size: 19px;
        font-weight: 300;
        border: 1px solid rgba(0, 0, 0, .12);
        padding-left: 15px;
        width: 99%;
        color: rgba(0, 0, 0, .7);
        border-radius: 25px;
        margin-bottom: 10px;
    }

    .JEE-resultTp a {
        padding: 10px 15px 10px 15px;
        font-size: 18px;
        margin: 0 8px 0 8px;
    }

    .JEE-resultTp input {
        width: auto;
        float: right;
        margin: 10px 10px 0 0;
    }

.OnlineTst-rsltTbl tbody tr:nth-child(1) {
    background: #31c891;
}

    .OnlineTst-rsltTbl tbody tr:nth-child(1) th {
        color: #fff;
        font-size: 19px;
    }

.OnlineTst-rsltTbl tbody tr td:nth-child(1) a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 15px;
}

/* ************JEE INSTRUCTIONS ************ */
.JEE-inst {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.JEE-instTtl {
    width: 100%;
    float: left;
}

    .JEE-instTtl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.JEE-instInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 30px 20px 20px 20px;
    border-radius: 10px;
}

    .JEE-instInr ul {
        width: 100%;
        float: left;
        margin: 0;
    }

        .JEE-instInr ul li {
            width: 100%;
            float: left;
            font-size: 19px;
            font-weight: 500;
            margin: 0 0 10px 0;
        }

    .JEE-instInr a {
        text-decoration: none;
        padding: 8px 35px;
        float: right;
    }

    .JEE-instInr:hover a {
        color: #fff;
    }

/* *********** DISCLAIMER******** */

.disclaimer {
    width: 100%;
    float: left;
    background: #fff;
}

/* ********* FAQ***** */

.FAQ {
    width: 100%;
    float: left;
    padding: 30px 0 60px 0;
}

.FAQ-ttl {
    width: 100%;
    float: left;
}

    .FAQ-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.FAQ-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 30px 20px;
    border-radius: 10px;
}

    .FAQ-inr .accordion-item {
        margin-bottom: 15px;
    }

    .FAQ-inr .accordion-body p {
        font-size: 17px;
        margin: 0;
        font-weight: 500;
    }

    .FAQ-inr .accordion-body .accordion-item {
        margin-bottom: unset;
    }

    .FAQ-inr .accordion-header .FAQ-OtrBtn {
        font-size: 20px;
        background: #31c891 !important;
        color: #fff;
        font-weight: bold;
        padding: 10px 15px 10px 15px;
    }

    .FAQ-inr .accordion-header .FAQ-InrBtn {
        font-size: 18px;
        font-weight: bold;
        padding: 10px 10px 10px 10px;
    }

.FAQ-OtrBtn:not(.collapsed) {
    background: #09b773 !important;
}

.FAQ-InrBtn:focus {
    background: #f3f3f3 !important;
    color: #000 !important;
}

/* **********HELP********* */

.help {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
    overflow-x: hidden;
}

.help-ttl {
    width: 100%;
    float: left;
}

    .help-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 20px 130px;
    }

.help-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
}

.help-inr-Row {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 0;
}

.help-inrC {
    width: 100%;
    float: left;
    text-align: center;
}

    .help-inrC h4 {
        font-size: 25px;
        font-weight: bold;
        color: #14a751;
    }

.help-inrC1 {
    width: 100%;
    float: left;
    text-align: center;
}

    .help-inrC1 p {
        font-size: 19px;
        font-weight: bold;
    }

.help-inrC2 {
    width: 100%;
    float: left;
}

    .help-inrC2 ul {
        width: 100%;
        float: left;
    }

        .help-inrC2 ul li {
            font-size: 18px;
            list-style: none;
            font-weight: 500;
            text-align: justify;
        }

.help-inrC3 {
    width: 100%;
    float: left;
    text-align: right;
}

    .help-inrC3 a {
        margin: 0 7px 7px 0;
    }

    .help-inrC3 .mdlNoBtn,
    .help-inrC3 .mdlYesBtn {
        width: auto;
    }

    .help-inrC3 .btn-dark {
        font-weight: bold;
    }




/* ***********ABOUT US********** */

.about-us {
    width: 100%;
    float: left;
}

/* **********SMART LEARNING CHAPTER LIST****** */

.smart-lrng-list {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.smart-lrng-listTtl {
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
    /*text-align: center;*/
}

    .smart-lrng-listTtl a {
        display: inline-block;
        vertical-align: middle;
        margin: 4px 0 0 130px;
        float: left;
    }

        .smart-lrng-listTtl a i {
            display: inline-block;
            vertical-align: middle;
            color: #4e68a3;
            font-size: 35px;
        }

    .smart-lrng-listTtl h2 {
        color: #415d9c;
        font-weight: bold;
        font-size: 33px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 20px;
    }

.smart-lrng-listInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 20px 0px 20px;
    border-radius: 10px;
}

    .smart-lrng-listInr .BooksGrd_Srch {
        padding: 0 0 25px 0;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .smart-lrng-listInr ul {
        width: 100%;
        float: left;
        padding: 0;
    }

        .smart-lrng-listInr ul li {
            width: 100%;
            float: left;
            /*background: #4eba6e;*/
            background: #415d9c;
            margin: 0 0 20px 0;
            padding: 5px 18px;
            list-style: none;
        }

            .smart-lrng-listInr ul li span:nth-child(2) {
                float: right;
            }

                .smart-lrng-listInr ul li span:nth-child(2) a {
                    margin: 0 !important;
                    font-size: 17px;
                    width: 120px;
                }

            .smart-lrng-listInr ul li a {
                color: #fff !important;
                font-weight: bold;
                font-size: 19px;
            }

            .smart-lrng-listInr ul li:hover .visit_btn {
                background-position: -156px 0px;
            }

.TtlName {
    width: 85%;
    float: left;
}

.smrt-lrng-listModal .modal-header {
    background: #25bb6d;
}

    .smrt-lrng-listModal .modal-header h5 {
        color: #fff;
        font-weight: bold;
        font-size: 30px;
    }

.smrt-lrng-listModal .TeacherGrdMnRptImg i {
    font-size: 90px;
    opacity: .7;
    margin: 10px 0 50px 0;
}

.Test-mdl {
    background: rgba(0, 0, 0, .3);
}

    .Test-mdl .modal-header {
        background: #25bb6d;
    }

    .Test-mdl .modal-body {
        margin: auto;
        padding: 40px 0 40px 0;
    }

    .Test-mdl .modal-header h5 {
        color: #fff;
        font-weight: bold;
        font-size: 30px;
    }

    .Test-mdl .modal-body ul {
        margin: 0;
    }

        .Test-mdl .modal-body ul li {
            width: unset;
            margin: 0;
            padding: 15px;
        }

.TestInfo-grid {
    padding: 0 !important;
}

    .TestInfo-grid ul {
        width: unset;
        background: unset !important;
    }

/********SMART LEARNING CHAPTER DETAILS******* */
.smrt-lrng-detl {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
    overflow-x: hidden;
}

.smrt-lrng-detl-ttl {
    width: 100%;
    float: left;
}

    .smrt-lrng-detl-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 30px 130px;
    }

.smrt-lrng-detlInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    /*padding: 20px 15px 20px 15px;*/
    overflow-x: hidden;
}

.tpc_name {
    font-size: 21px;
}

.smrt-lrng-hdr {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    background: #3b589a;
    height: 58px;
    padding: 3px 15px 0 15px;
}

    .smrt-lrng-hdr ul {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
    }

        .smrt-lrng-hdr ul li {
            list-style: none;
            font-size: 22px;
            font-weight: bold;
            display: inline-block;
            vertical-align: middle;
            color: #fff;
        }

            .smrt-lrng-hdr ul li:nth-child(1) {
                float: left;
                font-size: 35px;
            }

                .smrt-lrng-hdr ul li:nth-child(1) a {
                    /*color: #0ab772;*/
                    color: #fff;
                }

            .smrt-lrng-hdr ul li:nth-child(2) {
                margin-top: 5px;
            }

            .smrt-lrng-hdr ul li.bkName {
                margin: 5px 0 0 200px;
            }

            .smrt-lrng-hdr ul li:nth-child(3) {
                float: right;
            }

.smrt-lrng-bdy {
    width: 100%;
    float: left;
    /*padding: 20px 0 20px 20px;*/
    padding: 20px 10px 20px 15px;
}

.smrt-lrng-bdyLft {
    width: 100%;
    float: left;
    /*border-right: 1px solid rgba(0, 0, 0, .12);*/
    background: #fff;
    padding: 10px 10px 0 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 15px;
}

    .smrt-lrng-bdyLft h3 {
        color: #3b589a;
        text-align: center;
        font-weight: bold;
        text-decoration: underline;
    }

    .smrt-lrng-bdyLft ol {
        width: 100%;
        float: left;
    }

        .smrt-lrng-bdyLft ol li {
            border-bottom: 1px solid rgba(0, 0, 0, .12);
            padding: 12px 0;
            font-weight: 500;
            font-size: 17px;
            cursor: pointer;
        }

.smrt-lrng-bdyRyt {
    width: 100%;
    float: left;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .12);
    padding: 0 10px 0 20px;
}

    .smrt-lrng-bdyRyt h5 {
        font-weight: bold;
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    .smrt-lrng-bdyRyt iframe {
        width: 85%;
        height: 350px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        border: 1px solid rgba(0, 0, 0, .12);
        margin: 10px 0 30px 0;
    }

    .smrt-lrng-bdyRyt p {
        font-size: 18px;
    }

.smrt-lrng-bdyRytTxt {
    width: 100%;
    float: left;
}

    .smrt-lrng-bdyRytTxt img {
        max-width: 100%;
    }

/* ********SMART LEARNING PRACTICE TYPE PAGE******** */

.sLrng-prcts {
    width: 100%;
    float: left;
    padding: 50px 0 50px 0;
}

.sLrng-prcts-ttl {
    width: 100%;
    float: left;
}

    .sLrng-prcts-ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 10px 130px;
    }

.sLrng-prcts-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    /*border-radius: 10px;*/
    margin: 10px 0 0 0;
    overflow-x: hidden;
    /*padding: 10px 20px 20px 20px;*/
}

.sLrng-prcts-inrHdr {
    width: 100%;
    float: left;
    text-align: center;
    background: #415d9d;
    padding: 5px 15px 5px 15px;
}

    .sLrng-prcts-inrHdr span:nth-child(1) {
        float: left;
    }

    .sLrng-prcts-inrHdr a i {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        font-size: 35px;
    }

    .sLrng-prcts-inrHdr h4 {
        text-align: center;
        font-size: 22px;
        color: #fff;
        font-weight: bold;
        margin-top: 5px;
    }

.bottom {
    display: inline-block;
}

.tst-time {
    display: inline-block;
    float: right;
}

.sLrng-tstTime h5 {
    color: #fff;
}

.rdb-tst tbody tr td label {
    padding-left: 5px;
}

.sLrng-prcts-inrBdy {
    width: 100%;
    float: left;
    padding: 0 40px 20px 40px;
}

    .sLrng-prcts-inrBdy ul {
        width: 100%;
        float: left;
        padding: 0;
    }

        .sLrng-prcts-inrBdy ul li {
            list-style: none;
            width: 100%;
            float: left;
            margin: 15px 0 0 0;
            border: 1px solid rgba(0, 0, 0, .12);
            padding: 7px 17px;
            /* box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; */
            text-decoration: none;
            transition: all .3s ease-in-out;
            cursor: pointer;
            background: #f3f3f3;
        }

            .sLrng-prcts-inrBdy ul li a {
                color: #000;
                font-weight: bold;
            }

            .sLrng-prcts-inrBdy ul li:hover {
                background: #415d9d;
            }

                .sLrng-prcts-inrBdy ul li:hover a {
                    color: #fff;
                }

.sLrng-prcts-inrHdr span.mylabel {
    float: none !important;
}

.align p {
    /*padding: 20px;*/
    padding: 15px 0 0 0;
    font-size: 28px;
    text-align: center;
    color: #3b589a;
    font-weight: 500;
    margin: 0;
}

.dragg {
    margin: 2px 10px;
    padding: 10px;
    height: 30px;
    font-size: 18px;
    cursor: pointer;
    border: 1px dotted;
    border-radius: 5px;
}

.btn-border {
    border-top: 1px solid rgba(0, 0, 0, .12);
    width: 100%;
    float: left;
    padding: 15px 0 5px 0;
}

.que-btn {
    float: left;
}

.rdb_tbl tbody tr td label {
    margin: 0 0 0 5px;
}

.SlrngPrtsQue .Sques span {
    font-size: 19px !important;
    font-weight: 500;
}

.sLrn-QTbl label {
    font-size: 19px;
    font-weight: 500;
}

.Sques {
    font-size: 19px;
    font-weight: 400;
}

.wrongAnsMsg {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

.ansStyle {
    width: 100%;
    float: left;
    text-align: left;
}

.sLrngTst-btn input {
    font-size: 18px;
    margin: 0 5px;
}

.SlrngPrtsQue .hintTxt {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.Sques .sLrng-AnsMsg {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .Sques .sLrng-AnsMsg span {
        font-size: 20px !important;
    }

.RvewSques {
    width: 97%;
}

.Revw-img11 img {
    margin-left: 8px;
}

.sLrng-pTest-inrBdy {
    width: 100%;
    float: left;
    padding: 25px 10px 20px 10px;
}

.TstRsltTbl:hover {
    background: #f3f3f3 !important;
}

.sLrng-pTest-inrBdy br {
    display: none;
}

.RsltTblHdr {
    text-align: center;
}

    .RsltTblHdr h3 {
        font-size: 18px;
        font-weight: bold;
    }

.rTableDtaCrt {
    margin: 6px 0 6px 0;
}

    .rTableDtaCrt a {
        color: #000;
        font-weight: bold;
        text-decoration: underline;
    }

    .rTableDtaCrt .padding-tp {
        padding-top: 2px !important;
    }

.btnWidth {
    margin: 0px 0px 1px 0px !important;
    width: 90px !important;
}

.TstRsltTbl {
    background: #fff !important;
    text-align: center;
    border-bottom: 2px solid rgba(0, 0, 0, .12) !important;
    padding: 0 !important;
}

.pull-left {
    font-weight: bold !important;
}

/* ********MIND MAP****** */
.mind-map {
    width: 100%;
    float: left;
    padding: 30px 0 40px 0;
}

.page-heading {
    width: 100%;
    float: left;
}

    .page-heading h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 38px;
        margin: 0 0 0 130px;
    }

.mind-mapInr {
    /*margin: 30px 0 0 0;*/
    padding: 30px 30px 20px 30px;
}

    .mind-mapInr .accordion-item:last-of-type {
        border: none !important;
    }

.mind-mapHdr span:nth-child(1) {
    color: #fff;
    font-weight: bold;
}

/* **********NEWS & EVENTS PAGE HERE****** */

.News-evnts {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.News-eventsTtl {
    width: 100%;
    float: left;
}

.News-eventsInr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px 20px 10px 20px;
    margin: 20px 0 0 0;
}

.EventImg {
    height: 250px;
    width: 210px;
    background-size: 100% 100%;
    background-position: center center;
    margin: 0 0 20px 35px;
    box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    transform: scale(0.9);
    transition: all .4s ease-in-out;
}

.EventSbLst:hover .EventImg {
    transform: scale(1.0);
    border: 2px solid rgba(0, 0, 0, .4);
    outline: 4px solid rgba(0, 0, 0, .24);
}

.EventsTtl {
    min-height: 118px !important;
    /*width: 230px;*/
    position: relative;
    padding: 10px 8px 0 8px !important;
    border-top: 1px solid rgba(0, 0, 0, .12);
}

    .EventsTtl .ImgLnk_2 {
        width: 45%;
    }

    .EventsTtl a.EventsTtlLnk {
        color: #000;
        font-weight: 500;
    }

.readMore {
    position: absolute;
    bottom: 13px;
}

.BooksGrd_All .EventSbLst {
    padding: 20px 0 0 0;
}

.EventSbLst {
    width: 286px !important;
}

/* ********* NEWS & EVENTS****** */

.news-eventsDtl {
    width: 100%;
    float: left;
}

.news-eventsDtl-Mn {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 20px 0 40px 0;
}

.news-eventsDtl-inr {
    width: 85%;
    margin: auto;
    float: left;
    box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px 10px 10px 10px;
}

    .news-eventsDtl-inr .owl-stage-outer {
        height: unset !important;
    }

.eventImg {
    width: 100%;
    float: left;
    text-align: center;
    /*border:1px solid rgba(0,0,0,.12);*/
}

    .eventImg img {
        float: left;
        box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
        max-width: 100%;
        height: auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

.news-eventsTxt {
    width: 100%;
    float: left;
    padding: 10px 15px 15px 15px;
    /*box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.3);*/
}

    .news-eventsTxt h3 {
        text-align: justify;
    }

    .news-eventsTxt p {
        text-align: justify !important;
        font-size: 18px;
        font-weight: 500;
    }

    .news-eventsTxt img {
        max-width: 50%;
        height: unset !important;
    }

.nEvnts-dtlBtn .SbmtBtn {
    float: right;
    height: unset;
    width: unset;
    padding: 10px 15px 10px 15px;
}

.news-eventsDtl-inr .owl-slider .owl-dots {
    bottom: 2%;
}

.news-eventsDtl-inr .owl-slider .owl-nav {
    display: none;
}

/*******EMPTY CART PAGE********/

.emptyCart {
    width: 70%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    text-align: center;
    padding: 0 0 55px 0;
    margin: 0 0 0 15%;
    position: relative;
}

    .emptyCart img {
        width: 190px;
        padding: 20px 0 40px 0;
    }

.emptyCartBtn {
    width: auto !important;
    padding: 10px 20px 10px 20px;
    margin-bottom: 10px;
}

/* *****SMART LEARNING GLOBAL SEARCH****** */
.sLrng-gSrch {
    width: 100%;
    float: left;
    padding: 60px 0 80px 0;
}

.sLrng-gSrchTtl {
    width: 100%;
    float: left;
}

    .sLrng-gSrchTtl h3 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 35px;
        margin: 0 0 20px 130px;
    }

.sLrng-gSrchMd {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 30px;
    border-radius: 10px;
    margin: 20px 0 0 0;
}

.Tpc_Srch {
    padding: 0 0 30px 0 !important;
}

.sLrng-gSrchMd ul {
    width: 100%;
    float: left;
    padding: 0;
}

    .sLrng-gSrchMd ul li {
        width: 100%;
        float: left;
        list-style: none;
        padding: 12px 12px 12px 15px;
        margin: 0 0 20px 0;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    }

        .sLrng-gSrchMd ul li a {
            font-size: 18px;
            font-weight: 500;
        }

.sLrngBk span {
    background: var(--primary-color);
    margin: 0 0 20px 0;
    padding: 0 10px 0 10px;
}

/*******MY ACCOUNT PAGE******/
.sidebar-header {
    background: var(--primary-color);
    padding: 6px 20px 10px 20px;
    text-align: left;
}

    .sidebar-header h4 {
        color: #fff;
        font-weight: 500;
        margin-top: 3px;
        margin-bottom: 1px;
        text-transform: uppercase;
        font-size: 23px;
    }

.myAccTbl tbody tr:nth-child(odd) {
    background: #f2f2f2;
}

.MyAccOrd-info {
    padding: 0 0 8px 0;
}

    .MyAccOrd-info .itm {
        font-weight: 500;
    }

.MyAcc {
    padding: 50px 0 20px;
}

.MyAccTtl {
    margin: 0 0 40px 20px;
}

.MyAccLftRptGrd ul li span a {
    font-size: 18px;
    color: #333030;
    cursor: pointer;
    font-weight: 500;
    width: 100%;
    float: left;
}

.SclInfoTbl {
    padding: 35px 50px 25px 50px;
}

.SclDtl-hdr h5 {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 23px;
    margin-top: 4px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.SclDtl-hdr input {
    display: inline-block;
    float: right;
    background: linear-gradient(to right, #cb2d3e 0%, #ef473a 51%, #cb2d3e 100%);
    border-radius: 25px;
    width: 100px;
    font-weight: bold;
    font-size: 17px;
    transition: all .4s ease-in-out;
}

    .SclDtl-hdr input:hover {
        background-position: -156px 0;
    }

.SclInfoTbl table tr {
    text-align: center;
}

    .SclInfoTbl table tr:nth-child(odd) {
        background: #f2f2f2;
    }

    .SclInfoTbl table tr td:nth-child(1) {
        font-weight: bold;
    }

    .SclInfoTbl table tr td {
        font-size: 17px;
    }

.SclInfo-hdr h4 {
    display: inline-block;
}

.SclInfo-hdr input {
    display: inline-block;
    float: right;
    background: linear-gradient(127deg, rgba(255, 143, 14, 1) 0%, rgba(211, 0, 17, 1) 100%);
    border-radius: 25px;
    width: 100px;
    font-weight: bold;
    font-size: 17px;
    transition: all .4s ease-in-out;
}

    .SclInfo-hdr input:hover {
        background-position: -156px 0px;
    }

.SclInfoTbl tbody tr {
    text-align: center;
}

    .SclInfoTbl tbody tr td:nth-child(1) span {
        font-weight: bold;
        font-size: 17px;
    }

.ClassTbl tbody tr td input {
    margin: 0 10px 0 0;
}

.CheckSubTbl tbody tr td:nth-child(1) {
    font-weight: unset;
}

.CheckSubTbl tbody tr td {
    padding: 0 0 0 0;
}

    .CheckSubTbl tbody tr td input {
        margin: 0 0 0 0;
    }

    .CheckSubTbl tbody tr td label {
        margin: 0 0 0 10px;
    }

.SclInfoTbl1 tbody tr:nth-child(1) {
    background: none !important;
}

.SclInfoTbl1 tbody tr td:nth-child(1) {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.SclInfoTbl1 tbody tr td {
    padding: 15px 10px 0 10px;
}

    .SclInfoTbl1 tbody tr td span {
        font-weight: bold;
    }

.err_spn {
    color: Red;
    float: left;
    font-size: 14px;
}

.ClassTbl tbody tr td:nth-child(1) {
    text-align: unset;
    font-weight: unset;
    font-size: unset;
}

.ClassTbl tbody tr td {
    padding: 0;
}

.CheckSubTbl tbody tr td:nth-child(1) {
    text-align: unset;
    font-weight: unset;
    font-size: unset;
}

.CheckSubTbl tbody tr td {
    padding: 3px 0 0 0;
}

.spc-main {
    width: 100%;
    float: right;
    margin: 10px 0 0 0;
}

.spc {
    display: inline-block;
}

    .spc a.btn-success {
        border: 2px solid transparent;
    }

        .spc a.btn-success:hover {
            background: #fff !important;
            color: var(--primary-color);
            border: 2px solid var(--primary-color);
        }

    .spc a.btn-danger {
        border: 2px solid transparent;
    }

        .spc a.btn-danger:hover {
            background: #fff !important;
            color: #da1711 !important;
            border: 2px solid #da1711;
        }

    .spc a.btn-dark {
        border: 2px solid transparent;
    }

        .spc a.btn-dark:hover {
            background: #fff !important;
            color: #212529 !important;
            border: 2px solid #212529 !important;
        }

.pan-width tbody tr:nth-child(2) {
    border-bottom: 2px solid rgba(0, 0, 0, .12);
}

.myAcc-btn .mdlYesBtn {
    width: 112px;
    margin-top: 6px;
}

.addrs-header {
    padding: 6px 20px 6px 20px;
}

    .addrs-header h4 {
        display: inline-block;
        vertical-align: middle;
    }

    .addrs-header span {
        display: inline-block;
        vertical-align: middle;
        float: right;
        margin-top: 5px;
    }

/******EDIT address*****/
.EditAddFrm .form-group {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}

    .EditAddFrm .form-group input,
    .EditAddFrm .form-group select {
        height: 50px;
        background: #f4f8f7;
        border-radius: 0px;
        font-size: 19px;
        font-weight: 300;
        border: 1px solid rgba(0, 0, 0, .12);
        padding-left: 12px;
        width: 90%;
    }

.order-info {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.pan-width tr:nth-child(3) .order-info {
    /*margin-top: 15px !important;*/
}

.EditAddFrm {
    text-align: center;
    padding: 25px 10px 25px 0;
    overflow-x: hidden;
}

    .EditAddFrm p {
        font-size: 18px;
        font-weight: bold;
    }

.editAddBtn {
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 15px;
}

    .editAddBtn .SbmtBtn {
        text-transform: unset;
    }

    .editAddBtn .visit_btn {
        float: right;
        margin: 0 0 0 8px;
        padding-top: 0;
        height: 45px;
        text-transform: unset;
        width: 125px;
        border: none;
    }

/*******CHANGE PASSWORD******/
.ChngPswrd {
    padding: 25px 15px 25px 10px;
}

    .ChngPswrd .form-group input,
    .ChngPswrd .form-group select {
        height: 50px;
        background: #f4f8f7;
        border-radius: 0px;
        font-size: 19px;
        font-weight: 300;
        border: 1px solid rgba(0, 0, 0, .12);
        padding-left: 12px;
        width: 90%;
    }

    .ChngPswrd p {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

/*.ChngPswBtn {
    text-align: right;
    margin: 12px 0 0 0;
}*/

/*****PERSONAL INFORMATION*****/
.prsnlInfo-Hdr h5 {
    display: inline-block;
    color: #fff;
    font-size: 23px;
    margin: 4px 0 0 0;
    text-transform: uppercase;
}

.prsnlInfo-Hdr input {
    display: inline-block;
    float: right;
    background: linear-gradient(to right, #cb2d3e 0%, #ef473a 51%, #cb2d3e 100%);
    border-radius: 25px;
    width: 100px;
    font-weight: bold;
    font-size: 17px;
    transition: all .4s ease-in-out;
}

    .prsnlInfo-Hdr input:hover {
        background-position: -156px 0px;
    }

.prsnlInfo-tbl {
    padding: 35px 50px 25px 50px;
}

    .prsnlInfo-tbl tbody tr {
        text-align: center;
    }

        .prsnlInfo-tbl tbody tr:nth-child(odd) {
            background: #f2f2f2;
        }

        .prsnlInfo-tbl tbody tr td {
            font-size: 17px;
        }

            .prsnlInfo-tbl tbody tr td:nth-child(1) {
                font-weight: bold;
            }

/*****DATA ENTRY QUESTION******/

.QuesTxt {
    width: 100%;
    float: left;
    text-align: left;
}

    .QuesTxt p {
        margin: 0;
        font-weight: bold;
        display: inline-block;
        font-size: 19px;
    }

.QuesTxtP {
    display: inline-block;
    vertical-align: top;
}

.QuesTxtRd {
    display: inline-block;
    vertical-align: top;
}

    .QuesTxtRd span {
        display: inline-block;
        margin: 0 0 0 20px;
    }

.QuesTxtSpn input {
    display: inline-block;
    height: unset !important;
    width: unset !important;
}

.QuesTxtSpn label {
    display: inline-block;
    margin: 0 0 0 3px;
    font-size: 19px;
    font-weight: bold;
}

.QuesAnsFrm {
    padding: 40px 20px 20px 20px;
    background: #fff;
    margin: 1% 0 0 0;
}

    .QuesAnsFrm .form-group input,
    .QuesAnsFrm .form-group select,
    .QuesAnsFrm .form-group textarea {
        width: 100%;
        font-size: 19px;
        font-weight: 400;
    }

.Sbtn {
    background: linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 100%) !important;
    padding: 0 20px 0 20px !important;
    width: auto !important;
    height: 40px !important;
}

.Rbtn {
    background: linear-gradient(127deg, rgba(255, 143, 14, 1) 0%, rgba(211, 0, 17, 1) 100%) !important;
    margin: 0 0 0 0 !important;
    float: unset !important;
    width: auto !important;
    padding: 0 20px 0 20px !important;
    height: 40px !important;
}

.btnForm-group {
    text-align: right;
}

.qAnsTbl tbody tr:nth-child(1) {
    background: var(--primary-color) !important;
}

    .qAnsTbl tbody tr:nth-child(1) th {
        color: #fff;
        /*font-size: 20px;*/
        font-size: 17px;
    }

.qAnsTbl1 .mdlNoBtn {
    margin-left: 0 !important;
    margin-top: 5px;
}

/*******Generate User Order Manually*********/
.GenUsr_ordr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 20px;
    border-radius: 10px;
}

.margin_tp {
    margin-top: 15px;
    padding: 10px 0 15px 0;
}

.shoper-infoMn {
    background: #f3f3f3;
    padding: 15px 0 0 10px;
    margin: 20px 0 0 0;
}

.shoper-info {
    width: 100%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .12);
}

.shoper-info-hdr {
    width: 100%;
    float: left;
}

    .shoper-info-hdr h4 {
        text-decoration: underline;
    }

.shoper-info ul {
    padding: 0;
}

    .shoper-info ul li {
        list-style: none;
        font-size: 20px;
        font-weight: 500;
    }

.Bill-info {
    width: 100%;
    float: left;
}

.Bill-info-hdr {
    width: 100%;
    float: left;
}

    .Bill-info-hdr h4 {
        text-decoration: underline;
    }

.Bill-info ul {
    padding: 0;
}

    .Bill-info ul li {
        list-style: none;
        font-size: 20px;
        font-weight: 500;
    }

.ordr-dtlTxt .shoper-info {
    padding: 20px 0 0 30px;
}

.ordr-dtlTxt .Bill-info {
    padding: 20px 0 15px 20px;
}

.product-price-container {
    width: 100%;
    float: left;
    text-align: right;
    padding: 20px 0 20px 0;
}

.product-price-row {
    width: 100%;
    float: left;
    padding: 8px 0;
}

    .product-price-row span {
        font-weight: 300;
        font-size: 22px;
    }

.cstsbmtbtn {
    float: left;
    font-family: 'Montserrat';
    font-weight: bold;
    color: #fff;
    height: 45px;
    width: 18%;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    background: rgb(255, 143, 14);
    background-size: 100% auto;
    background: linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 100%);
    border: none;
}

.data-entry .cstsbmtbtn {
    width: auto !important;
    padding: 0 10px 0 10px !important;
}

.padding_lft {
    padding-left: 10px !important;
}

.GenUsr-Tbl tbody tr:nth-child(1) {
    background: #31c891;
    padding: 15px 0 !important;
}

    .GenUsr-Tbl tbody tr:nth-child(1) th span {
        color: #fff;
        font-size: 20px;
    }

.sbmtRow {
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
}

    .sbmtRow input {
        display: inline-block;
        vertical-align: middle;
    }

    .sbmtRow span {
        display: inline-block;
        vertical-align: middle;
    }


.qAns_tbl {
    text-align: center;
    margin: 30px 0 0 0;
}

    .qAns_tbl tbody tr:nth-child(1) {
        background: #08b773;
    }

        .qAns_tbl tbody tr:nth-child(1) th {
            color: #fff;
            font-size: 18px;
        }

.Bg_clr {
    background: linear-gradient(127deg, rgb(255, 143, 14) 0%, rgb(211, 0, 17) 100%) !important;
}

.GenUsr-Tbl {
    margin: 20px 0 0 0;
}

.ManGenOrdr-Btn {
    text-align: right;
}

    .ManGenOrdr-Btn .cstsbmtbtn {
        float: unset !important;
        width: auto !important;
        padding: 0 15px 0 15px;
    }

/********ORDER details PAGE****/
.Ordr-dtl {
    padding: 20px 20px 20px 20px;
}

.OrdrDtl-TblHdr {
    padding: 7px 15px 7px 15px;
}

.ordrDtlRow .TableDtaCrt img {
    width: 120px;
    height: 152px;
}

.ordrDtlRow .TableDtaCrt span {
    font-size: 18px;
}

.ordrDtlRow {
    padding: 0 10px 0 25px;
}

/*********COUPON EBOOK PAGE******/
.margin_lft {
    margin-left: 10px;
}

#ContentPlaceHolder1_Calendar1 {
    Height: 220px;
    color: Black;
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    font-family: Times New Roman;
    font-size: 10pt;
    width: 400px;
    border-collapse: collapse;
    margin-left: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}


/*****MANAGE TRACKING details*******/
.Mng-trakng {
    background: #fff !important;
    padding: 30px 20px 20px 20px;
}

.margin-btm {
    margin-bottom: 15px;
}

.Trckg_dtlTbl {
    width: 100%;
    float: left;
    margin: 25px 0 0 0;
    text-align: center;
}

    .Trckg_dtlTbl tbody tr:nth-child(1) {
        background: #31c891;
    }

        .Trckg_dtlTbl tbody tr:nth-child(1) th {
            color: #fff;
            font-size: 20px;
        }

.border-btm {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.Mng-trakng .cstsbmtbtn {
    width: auto !important;
    /*height:38px;*/
    padding: 0 15px 0 15px;
}


/*******WORKSHOP FEEDBACK******/
.wrkshp_fdbkInr {
    background: #fff !important;
}

.fdbk_inrHdng {
    margin: 0 0 5px 0;
    font-size: 19px;
}

.fdbk_lbl {
    float: left;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3px;
}

.fdbk_btn {
    float: right;
    width: 100%;
}

    .fdbk_btn input {
        float: right;
    }

.scl_dtl,
.wrkShp_dtl,
.teach_prsnlDtl,
.teach_prfsnl {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 20px;
    padding: 15px;
}

.fdbk_clndr .ajax__calendar_container {
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    z-index: 9;
}

/***********NEW ACTIVATED EBOOKS********/
.new_ebookInr {
    background: #fff !important;
}

#divtopic {
    padding: 5px 0;
    border-bottom: 1px solid rgba(166, 156, 156, 0.12);
    transition: all .4s ease-in-out;
}

    #divtopic:hover {
        background: #f3f3f3;
    }

    #divtopic a {
        font-weight: 500;
        text-decoration: underline;
    }

.chptr_data {
    font-size: 17px;
    font-weight: 500;
}

.btn-height {
    height: 33px !important;
    padding-top: 5px !important;
    font-size: 15px !important;
}


/*******SMART LEARNING TEST*****/
.que-psa {
    width: 100%;
    float: left;
}

    .que-psa span {
        font-size: 17px;
        font-weight: 500;
        font-family: sans-serif;
        color: #000;
    }

/******ORDER details******/
.btnpopgreen {
    font-family: 'Montserrat';
    font-weight: bold;
    color: #fff;
    height: 42px;
    width: 156px;
    text-transform: uppercase;
    font-size: 16px;
    background-size: 100% auto;
    background: linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 100%);
    border: none;
}

.float-ryt {
    float: right;
}

.float-lft {
    float: left;
}

.bg-clr {
    background: #f3f3f3;
    margin: auto;
    width: 97%;
    padding: 10px 0 0 0px;
}

.cstm-height {
    height: 100%;
}

.ordrDtl-tbl {
    text-align: center;
    width: 100%;
}

    .ordrDtl-tbl tbody tr {
        border-bottom: none !important;
    }

        .ordrDtl-tbl tbody tr td {
            padding: 0 !important;
        }

        .ordrDtl-tbl tbody tr:nth-child(1) td span {
            color: #fff !important;
            font-weight: bold;
            font-size: 21px;
        }

/*******MY WISHLIST******/
.myWishlist {
    padding: 15px 12px 15px 12px;
    text-align: center;
}

    .myWishlist .ImgLnk_2 {
        position: unset;
        left: unset;
        transform: unset;
        bottom: unset;
    }

    .myWishlist .CartTblHdr {
        padding: 9px 15px 10px 15px;
    }

        .myWishlist .CartTblHdr span {
            font-size: 20px;
            color: #fff;
            font-weight: bold;
        }

.myWishlist-tbl br {
    display: none;
}

.myWishlist-tbl .CartItmRow {
    padding: 13px 10px 0 5px;
    background: #fff;
}

    .myWishlist-tbl .CartItmRow:hover {
        background: #f3f3f3;
    }

.CartTblHdr {
    text-align: center;
}

.CartItmRow1 {
    text-align: center;
}

    .CartItmRow1 .mdlNoBtn {
        margin-left: 0 !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.myWishlist-tbl .CartItmRow input[type="image"] {
    height: 157px;
    width: 127px;
}

.myWishlist-tbl .CartItmRow span {
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.myWishlist-tbl .CartItmRow .rmvBtn .mdlNoBtn {
    display: block;
    padding: 2px 0 3px 0;
    width: 80px;
    /*margin-left: 0 !important;*/
    margin-left: 37% !important;
    margin-top: 6px;
}

.myWishlist h5 {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
}

.wishlist-container .myWishlist {
    padding: 17px 30px 0 30px !important;
}

.wishlist-container .myWishlist-tbl .CartItmRow {
    padding: 13px 20px 0 5px !important;
    background: #fff;
}

    .wishlist-container .myWishlist-tbl .CartItmRow input[type='image'] {
        transform: scale(0.9);
        transition: all .4s ease-in-out;
    }

    .wishlist-container .myWishlist-tbl .CartItmRow:hover input[type='image'] {
        transform: scale(1.0);
        outline: 4px solid rgba(0, 0, 0, .2);
        border: 2px solid rgba(0, 0, 0, .5);
    }

    .wishlist-container .myWishlist-tbl .CartItmRow:hover {
        background: #f3f3f3;
    }

/******MY QUERY PAGE******/
.myQueryTbl tbody th:nth-child(1) {
    padding-left: 20px;
}

.myQuery-Tp a {
    width: 27% !important;
}

/*******CURRENT ORDER STATUS******/
.crntOrdr-status {
    padding: 30px 30px 10px 30px;
}

.ordrStatus-tbl tbody tr:nth-child(1) {
    background: var(--primary-color);
}

.ordrStatus-tbl tbody tr th {
    color: #fff;
    font-size: 17px;
}

.ordrStatus-tbl tbody tr td:nth-child(1) {
    padding-left: 10px;
}

/********DATA ENTRY CHAPTER*********/
.dEntry-ChTbl tbody tr:nth-child(1) {
    background: var(--primary-color);
}

.dEntry-ChTbl tbody tr th {
    color: #fff;
    font-size: 18px;
}

    .dEntry-ChTbl tbody tr th:nth-child(1) {
        padding-left: 20px;
    }

/*******RESPONSE PAYMENT********/
.respns_pay {
    text-align: center;
    width: 100%;
    float: left;
    padding: 0 0 15px 0;
}

/******GENERATE ORDER USER MANUALLY*******/
.mGenOrdr-Tbl tr td img {
    width: 120px;
    height: 152px;
}

.mGenOrdr-Tbl tr th:nth-child(1) {
    padding-left: 15px;
}

.SndMil-Chk input[type="checkbox"] {
    margin-right: 5px;
}

/*****MY TEST datalist*****/
.tst-List {
    padding: 10px 30px 30px 30px !important;
}

    .tst-List tr th:nth-child(1) {
        padding-left: 15px;
    }

    .tst-List tr td:nth-child(1) {
        padding-left: 15px !important;
    }

/******MANAGE QUERIES********/
.mngQryLst {
    padding: 30px 30px 30px 30px !important;
}

.mngQuryTbl tr td span {
    word-break: break-all;
}

/********ORDER DISPATCH details******/

.ajax__calendar_container {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    z-index: 9;
}

/*****ORDER BOOKS details*********/
.srchLbl label {
    margin-left: 4px !important;
    font-weight: bold;
}

/*******SPECIMEN BOOKS details*******/
.spcmnBkDtl tbody tr td {
    padding: 8px 2px 8px 2px;
}

/****** BOOKS PDF PREVIEW PAGE********/
.boksPdf {
    width: 100%;
    float: left;
}

/******SELECT QUESTIONS*****/
.abc span {
    word-break: break-word !important;
}

.slctQuesLft {
    width: 100%;
    float: left;
}

.slctQueRyt {
    width: 100%;
    float: right;
    text-align: right;
}

.RndmTst-Ques2 {
    width: 100%;
}

    .RndmTst-Ques2 p {
        width: 100%;
    }

.RndmTst-Ques21 span {
    width: 48%;
    display: inline-block !important;
    float: unset !important;
}

/********MANAGE SALE TEAM******/
.mngSale-Team .lab_text1 {
    font-size: 18px;
    font-weight: bold;
}

.mngSale-Team .cstsbmtbtn {
    width: auto !important;
    padding: 0 15px 0 15px;
}

/*******ADMIN QUERY PAGE******/
.admnQury {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
}

    .admnQury h4 {
        font-weight: bold;
        font-size: 35px;
        color: var(--primary-color);
    }

.admnQuryRyt .BooksGrd_Srch2 .Search_Btn i {
    margin: 14px 0 0 15px !important;
}

.admnQuryRyt .QueryLst {
    text-decoration: unset !important;
    cursor: unset !important;
}

.admnQueryCon {
    margin: 55% 0 0 0;
}

/*****DATA ENTRY*****/
.dataEntry-hdr {
    padding: 0 15px 8px 15px;
}

    .dataEntry-hdr .visit_btn {
        width: auto;
        padding: 7px 15px 6px 15px;
        height: auto;
    }

    .dataEntry-hdr h5 {
        color: #fff;
        font-size: 23px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 12px;
    }

.rcrd {
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 0 0 15px 0;
}

    .rcrd label {
        font-weight: bold;
        font-size: 16px;
        margin-left: 3px;
    }

.dataEntryFrm-1 {
    padding: 15px 15px 15px 15px;
}

    .dataEntryFrm-1 label {
        text-align: left;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 3px;
    }

    .dataEntryFrm-1 .form-group textarea,
    .dataEntryFrm-1 .form-group select,
    .dataEntryFrm-1 .form-group input {
        width: 100%;
    }

.dEntry-chkBx {
    text-align: left;
    width: 100%;
    float: left;
}

    .dEntry-chkBx label,
    .dEntry-chkBx span {
        font-weight: bold;
        margin-left: 5px;
        font-size: 17px;
    }

.dataEntryFrm-1 .SbmtBtn {
    /*height: auto !important;
    width: auto !important;*/
    padding: 8px 15px 8px 15px;
    float: unset !important;
}

.dataEntryFrm-1 .visit_btn {
    /*  height: auto !important;
    width: auto !important;
    padding: 10px 15px 8px 15px;
    margin-top: unset;
    float: unset !important;*/
    border: none;
}

.dEntry-txtBx iframe {
    width: 1220px !important;
}
/*******DATA ENTRY GENERATE TEST******/
.gnrtTst-tbl .mdlYesBtn {
    margin: 1px 0 1px 0;
}

.gnrtTst-tbl .mdlNoBtn {
    margin-left: 0 !important;
    margin: 1px 0 1px 0;
}
/********CHAPTER WISE EXAM*****/
.chptrWse-exm {
    padding: 20px 20px 20px 20px;
}

.chptrWse-exmTp {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 15px;
}

.chptrWse-exmMd {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 15px;
    margin: 20px 0 20px 0;
}

    .chptrWse-exmMd h6 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

.chptrWse-exmBtm {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 15px;
}

    .chptrWse-exmBtm h6 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

.chptrWseExm input {
    padding-left: 20px !important;
}

/********TEST WISE title CHAPTER******/
.tstWise-tbl tbody tr th:nth-child(1) {
    padding-left: 20px;
}

.tstWise-tbl tbody tr td:nth-child(1) {
    padding-left: 20px;
}

/*******ONLINE EXAM RESULT*****/
.onlnExmRslt {
    padding: 0 !important;
}

.onlnExmRslt-tbl {
    padding: 0 15px 0 15px !important;
}

    .onlnExmRslt-tbl .mdlYesBtn {
        color: #fff;
    }

/*.onlnExmRslt-tbl .rTableDtaCrt {
    margin: 6px 0 6px 11px;
}*/

/******ONLINE EXAMINATION PERFORMANCE****/
.onlnExmPrfmc-inr {
    padding: 0;
}

.cardMn {
    width: 100%;
    float: left;
    padding: 0 30px 0 30px;
}

/*******GET MY TEST*****/
.frac {
    display: inline-block;
}


/******MANAGE COUPON ******/
.mngCpnTbl .mdlNoBtn {
    margin-left: 0 !important;
    margin-top: 5px;
}

/******STUDENT RESOURCES******/
.stud-rsrc {
    padding: 30px 30px 20px 30px;
}

/********TEST REGISTRATION******/
.tstRgstrFrm {
    padding: 30px 30px 30px 30px;
}

    .tstRgstrFrm .form-group {
        margin: 0 0 20px 0;
    }

/*****DATA ENTRY GENERATE TEST*****/
.gnrtTst-btn .cstsbmtbtn {
    background: linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 100%);
    border: unset;
}

.regTstBtn .cstsbmtbtn {
    background: linear-gradient(127deg, rgba(158, 204, 87, 1) 0%, rgba(2, 182, 116, 1) 100%) !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 10px 10px 10px !important;
    float: right;
}

/*****TEST section****/
.tstSecGrd ul {
    width: 80%;
    margin: auto;
}

.tstSecGrd {
    padding: 0;
}

.tstSecMn {
    width: 100%;
    float: left;
    /*background:#f3f3f3;*/
    padding: 31px 0 0 20px;
    border: 1px solid rgba(0, 0, 0, .12);
}

.tstSecGrd ul {
    width: auto;
    margin: 0 auto 20px auto !important;
}

.tstSecGrd .qAnsTbl tr td:nth-child(1),
.tstSecGrd .qAnsTbl tr th:nth-child(1) {
    padding-left: 20px;
}

.BxSdwCld {
    border-top: 1px solid rgba(0, 0, 0, .12);
}

.SecCnt_1 {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
}

    .SecCnt_1 h3 {
        font-weight: 500;
        font-size: 28px;
    }

.tstChptr {
    padding: 30px 30px 20px 30px;
}

.txtOnlln1 .mdlNoBtn {
    margin-left: unset !important;
    margin-top: 5px;
}

/*****user subsriber**/
.usrSbscrbr {
    padding: 30px 30px 20px 30px;
}

    .usrSbscrbr .SbmtBtn {
        padding: 5px 17px;
    }

/*****VERIFY USER****/
.vrfyUsr-lft {
    width: 100%;
    float: left;
}

    .vrfyUsr-lft img {
        width: 100%;
        display: none;
    }

    .vrfyUsr-lft input {
        margin: 17% 0 0 0;
    }

    .vrfyUsr-lft h3 {
        font-weight: 450;
        font-size: 27px;
        padding: 0 0 30px 0;
    }

    .vrfyUsr-lft p {
        font-size: 22px;
        font-weight: 500;
    }

.vrfyUsr-ryt {
    width: 100%;
    float: left;
    border-left: 1px solid rgba(0, 0, 0, .12);
}

    .vrfyUsr-ryt img {
        width: 100%;
    }

.userOtp i {
    color: var(--primary-color);
    font-size: 80px;
    font-weight: bold;
}

.userOtp p {
    font-weight: 500 !important;
    font-family: sans-serif;
    font-size: 18px !important;
}

.userOtpMn .form-group input.SbmtBtn {
    width: auto !important;
    background: background: linear-gradient(127deg, rgba(70,133,209,1) 0%, rgba(46,110,188,1) 100%);
    box-shadow: 3px 4px 15px 0px #3473c16e;
    border: none;
}

.enterOtpInpt {
    margin: 11px 0 17px 0;
    font-size: 18px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .12);
    width: 18%;
    background: #f4f8f7;
    padding: 5px 0 6px 0;
    border-radius: 5px;
}

.resendLink {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 550;
    text-decoration: underline;
}


/****EVERGREEN-FACTS****/
.fctsTbl .mdlNoBtn {
    margin-left: 0 !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.fctsTbl .btn-dark {
    width: 100px;
    margin-left: 0 !important;
}

/*****TITLE****/
.Ttl {
    width: 100%;
    float: left;
    text-align: center;
}

    .Ttl p {
        float: left;
        width: 100%;
        color: #000;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }

    .Ttl a {
        display: inline-block;
        vertical-align: middle;
    }

    .Ttl p {
        float: left;
        width: 100%;
        color: #000;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }

    .Ttl h2 {
        float: left;
        width: 100%;
        color: var(--primary-color);
        font-weight: bold;
        font-size: 32px;
        margin: 0 0 5px 0 !important;
    }

        .Ttl h2.cstm-width {
            width: unset !important;
            display: inline-block;
            vertical-align: middle;
            float: unset !important;
        }


.Books .Ttl {
    margin-bottom: 25px;
}

.Fdbk-Ttl {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 99;
}

    .Fdbk-Ttl p {
        float: left;
        width: 100%;
        color: #000;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }

    .Fdbk-Ttl h2 {
        float: left;
        width: 100%;
        color: #14a751;
        font-weight: bold;
        font-size: 32px;
        margin: 0 0 5px 0 !important;
    }

/******SMART LEARNING BOOKS****/
.sLrngBk span {
    /*border-bottom:1px solid rgba(0,0,0,.112);*/
    padding: 8px 10px 8px 10px;
    width: 100%;
    float: left;
}

    .sLrngBk span a {
        color: #fff;
        font-weight: 550;
        font-size: 18px;
        width: 100%;
    }

.sLrngBk1 span a {
    transition: all .2s ease-in-out;
}

    .sLrngBk1 span a:hover {
        text-decoration: underline;
    }

/*** Fraction****/
.frac {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}

    .frac > span {
        display: block;
        padding: 0.1em;
    }

    .frac span.bottom {
        border-top: thin solid black;
    }

    .frac span.symbol {
        display: none;
    }

.loading-catalogue {
    height: 100vh;
    width: 100vw;
    background: rgba(255, 255, 255, .9);
    position: fixed;
    z-index: 99999;
}

.load-catimg {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
}


    .load-catimg img {
        height: 75px;
        width: 75px;
    }

/******TEST-GENERATOR-RECORD******/
.SavedTestMn {
    width: 100%;
    float: left;
    padding: 40px 0 60px 0;
}

.saveTst {
    width: 100%;
    float: left;
    padding: 20px;
}

/*******VIEW TEST PAGE****/
.viewTstBtn .SbmtBtn {
    height: unset !important;
    width: unset !important;
    padding: 7px 10px 7px 10px;
}

.viewTstBtn .SetBtn {
    height: unset !important;
    width: unset !important;
    padding: 7px 12px 7px 10px;
}

.viewTst-btm {
    margin: 15px 0 0 0;
}

.viewTst-span span {
    word-wrap: anywhere;
}

.viewTst-span span {
    word-wrap: anywhere;
}

.viewTst-mrks {
    font-size: 15px;
}

/*****PRACTICAL PAGE START HERE****/
.class-hdr {
    width: 100%;
    float: left;
    text-align: center;
}

    .class-hdr h3 {
        color: #000;
        font-size: 25px;
        font-weight: 500;
    }

.practical-tab {
    width: 100%;
    float: left;
}

.prctcl-container .modal_testInr {
    padding: 10px 20px 20px 20px;
}

.prctclTab-hdr {
    width: 100%;
    float: left;
    background: #e1625b;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

    .prctclTab-hdr h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        margin: 0;
        font-weight: 550;
    }

.prctclTab-body {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .12);
    margin: 0 0 15px 0;
}

    .prctclTab-body iframe {
        border: 1px solid rgba(0, 0, 0, .12);
    }

    .prctclTab-body p {
        text-align: justify;
        font-size: 17px;
        font-weight: 450;
    }

.prctcl-container .accordion-item {
    border-bottom: none !important;
}

.prctcl-container .accordion-button {
    background: #31c891;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    padding: 12px 15px 12px 15px;
}

.practical-tab ul li.nav-item {
    margin: 0 8px 0 0;
}

.prctcl-container .accordion-body {
    padding: 0 0 0 0;
}

.practical-tab .mdlYes.active {
    background: #fff !important;
    border: 1px solid #31c891;
    color: #31c891;
}

.practical-tab ul li.nav-item button.current {
    background: #fff;
    border: 2px solid #02b674;
    color: #02b674;
}

.thumbnail-container {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
}

    .thumbnail-container::before {
        content: "";
        height: 20%;
        width: 100%;
        position: absolute;
        background: url("../images/logo_reponsive.png") no-repeat center center;
        left: -17%;
        top: 11%;
        transform: translateX(-50%);
        opacity: 0.2;
        display: block;
        -ms-zoom: 2;
        -o-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
    }

/******EXECUTIVE DASHBOARD*****/
.qDataEntry {
    margin: 26px 0 17px 0;
}

.DataEntry {
    margin: 35px 0 10px 0;
}

.OrderDesDtl {
    width: 100px !important;
    margin: 20px 0 20px 0;
}

/******PAGE NOT FOUND PAGE CODE START HERE******/
.error {
    width: 100%;
    float: left;
    background: #fff;
    padding: 70px 0 80px 0;
}

.errorImg {
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 30px 0 60px 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    border-radius: 10px;
}

    .errorImg h1 {
        color: #14a751;
        font-size: 42px;
        margin: 0;
        font-weight: 501;
    }

    .errorImg h2 {
        color: rgba(0, 0, 0, .7);
        font-size: 27px;
        padding: 14px 0 10px 0;
    }

    .errorImg img {
        display: block;
        margin: 0 auto 0 auto;
        width: 35%;
    }

        .errorImg img:nth-child(2) {
            width: 16%;
        }

    .errorImg a.SbmtBtn {
        margin: 13px 0 0 0;
    }

/*****EROOR PAGE CODE START HERE*****/
.errorPg {
    width: 100%;
    float: left;
    background: #fff;
    padding: 125px 0 125px 0;
}

.errPgMn {
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 30px 0 60px 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    border-radius: 10px;
}

    .errPgMn h1 {
        font-family: montserrat,sans-serif;
        font-size: 150px;
        background: url(../images/bg1.jpg) no-repeat;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: cover;
        background-position: center;
    }

    .errPgMn h3 {
        color: var(--primary-color);
        font-weight: bold;
        font-size: 39px;
        font-family: Cooper Std;
        letter-spacing: 1px;
        margin: 50px 0 0 0;
    }

    .errPgMn img.temp_eror {
        display: block;
        margin: auto;
    }

    .errPgMn h4 {
        font-size: 35px;
        font-weight: 500;
        color: #000;
    }

    .errPgMn .SbmtBtn {
        margin: 50px 0 0 0;
    }

.errHdr {
    width: 100%;
    float: left;
    background: #fff;
    text-align: center;
    padding: 12px 0 0 0;
    border-bottom: 2px solid var(--primary-color);
}

    .errHdr img {
        width: 17%;
        margin: 30px 0 30px 0;
    }

.errFtr {
    width: 100%;
    float: left;
}

/**********offer******/
.ofrRow {
    width: 100%;
    float: left;
    /*background: #ea1d1d;*/
    background: rgba(0, 0, 0, .8);
    padding: 3px 0 3px 0;
}

    .ofrRow marquee {
        color: #fff;
        font-family: Calibri;
        font-size: 21px;
        font-weight: 500;
    }

/******SELECT CHAPTER TEST PAGE START HERE*****/
.abc img {
    max-height: 23em;
    width: auto;
    display: inline-block;
}

.quesTxt {
    font-family: sans-serif;
    color: #000;
    font-size: 19px;
}

/******ADMIN QUERYCON PAGE START HERE******/
.admnQuryBtn .mdlYesBtn,
.admnQuryBtn .mdlNoBtn,
.admnQuryBtn .btn-dark {
    width: 90px;
    margin-top: 2px;
    margin-left: 0 !important;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 18px;
}

.admnQuryBtn .mdlNoBtn {
    margin-left: unset !important;
}

.admnQuryBtn .btn-dark {
    border: 1px solid transparent;
}

    .admnQuryBtn .btn-dark:hover {
        border: 1px solid #212529;
        background: transparent;
        color: #212529;
    }

/******INTERACTIVE CURSOR EFFECTS CODE START HERE******/
.abc a {
    position: relative;
    z-index: 99;
}

/*HTML CSS JS Result Skip Results Iframe * {
    cursor: none;
}*/
/*
body {
    background: #fff;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}*/

/**/

/*h1 {
    color: black;
    font-family: futura-pt, sans-serif;
    letter-spacing: 10px;
    font-weight: bold;
    text-transform: uppercase;
}*/

.cursor {
    position: absolute;
    height: 15px;
    width: 15px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    -webkit-transition: transform 350ms, box-shadow 150ms;
    -moz-transition: transform 350ms, box-shadow 150ms;
    transition: transform 350ms, box-shadow 150ms;
}

    .cursor:nth-child(1) {
        background-color: rgba(0, 0, 0, .8);
        z-index: 1;
        animation: scale 2s infinite;
    }

    .cursor:nth-child(2) {
        opacity: .3;
        background: black;
        box-shadow: 0 0 0 rgba(0, 0, 0, 1);
        animation: pulse 2s infinite;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.6);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
    }

    70% {
        -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(.8);
        opacity: .8;
    }

    60% {
        -webkit-transform: scale(.6);
        opacity: .6;
    }

    100% {
        -webkit-transform: scale(.8);
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        -moz-transform: scale(.8);
        transform: scale(.8);
        opacity: 1;
    }

    60% {
        -moz-transform: scale(.6);
        transform: scale(.6);
        opacity: .6;
    }

    100% {
        -moz-transform: scale(.8);
        transform: scale(.8);
        opacity: 1;
    }
}

.animation-link {
    transform: scale(1.5) !important;
    -moz-transform: scale(1.5) !important;
    -webkit-transform: scale(1.5) !important;
    box-shadow: 0 0 50px rgba(0, 0, 0, 1) !important;
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 1) !important;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 1) !important;
}

/*****SPECIMEN BOOKS NEW PAGE START HERE*****/
.SpcmnBk_mn1,
.spcmnBk_dtl1,
.spcmnBk_Lft1,
.spcmnBk_Ryt1 {
    width: 100%;
    float: left;
}

.spcmnBk_Lft1 {
    text-align: right;
    padding: 50px 0 0px 0;
}

.spcmnBk_Lft1_txt {
    width: 80%;
    float: right;
}

    .spcmnBk_Lft1_txt h2 {
        font-family: 'Intro Rust G Base 2 Line';
        color: #37bb6d;
        text-align: center;
        font-weight: bold;
    }

.spcmnBk_Lft1 p {
    font-family: 'Calibri';
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #000;
    margin: 0 0 12px 0;
}

.spcmnBk_Lft1 img:nth-child(3) {
    margin: -8% 0 0 0;
    width: 39%;
}

.SpcmnBk_mn1 {
    background: #fff5eb7a;
}

.spcmnBk_Ryt1 {
    text-align: center;
    padding: 50px 0 50px 0;
}

.spcmnBk_frm {
    margin: auto;
    background: #f3f3f3;
    width: 74%;
    border-radius: 41px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 0 17px 0 17px;
}

    .spcmnBk_frm .col-xxl-8 {
        margin: auto;
    }

.spcmn_ttl1 {
    position: relative;
}

    .spcmn_ttl1 img {
        margin: -11px 0 2px -15px;
        width: 104%;
    }

    .spcmn_ttl1 h3 {
        position: absolute;
        top: 11%;
        left: 50%;
        color: #fff;
        transform: translateX(-50%);
        font-size: 35px;
        font-weight: 510;
    }

    .spcmn_ttl1 p {
        color: #000;
        /*  position: absolute;
            top: 41%;
            left: 12%;*/
        text-align: center;
        font-size: 19px;
        font-weight: 500;
    }

.spcm_input {
    width: 100%;
    margin-bottom: 11px;
}

    .spcm_input input,
    .spcm_input select {
        /*background: #f4f8f7;*/
        background: #fff;
        border: unset;
        padding: 9px 0 11px 12px;
        font-size: 17px;
        width: 100%;
        color: #332828;
        font-weight: 500;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
        border-radius: 7px;
    }

        .spcm_input input::placeholder {
            color: #332828;
            opacity: 1;
        }

.classS_in {
    margin: 28px 0 0 0;
}

.spcm_btn {
    margin: 8px 0 20px 0;
}

.spcmn_inpt {
    font-weight: bold;
    float: left;
    margin: 0 0 0 0;
    font-size: 21px;
    text-align: left;
}

    .spcmn_inpt label {
        margin: 0 0 0 5px;
    }

/*****SPECIMEN BOOKS NEW PAGE END HERE*****/

/*****PROGRESS BAR START HERE*****/
.progress {
    width: 100%;
    float: left;
    background: rgba(255,255,255,.9);
    position: relative;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}

    .progress img {
        width: 10%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
    }

/*****PROGRESS BAR END HERE*****/
/*****DATA ENTRY ICONIC-TG PAGE START HERE*****/
.dataEntry .spcmn_bookFrm .form-group {
    text-align: left;
}
/*****Iconic Flipbook page start here*****/
.Ico_flip {
    width: 100%;
    float: left;
    padding: 40px 0 70px 0;
    background: #fff;
}

.Ico_flipMn {
    width: 100%;
    float: left;
}

    .Ico_flipMn iframe {
        height: 660px !important;
        width: 100%;
    }
