body{font-size: 20px;}
        /* Top Bar Starts  */
        :root {
            --form-bg-color: #42474c;
            --main-font-color: #1db1e3;
            --bold: 600;
        }
        
        .logo-img-box {
            position: absolute;
            top: 50%;
            left: 20%;
            transform: translate(-50%, -50%);
        }
        .cusMy{margin: 80px 0px;}
        .logo-img {
            position: relative;
        }
        
        .logo-img img {
            width: 290px;
        }
        
        .border-left,
        .border-right {
            border-left: 2px solid grey;
        }
        
        .call-box,
        .clock-box {
            position: relative;
        }
        
        .call-icon,
        .clock-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .call-icon i,
        .clock-box i {
            font-size: 2rem;
            color: #444444;
        }
        
        .call-text a,
        .clock-text a {
            font-size: 15px;
            text-decoration: none;
            color: #444444;
            font-weight: var(--bold);
        }
        
        .call-text a .call-number {
            letter-spacing: 2px;
        
        }
        
        /* Top Bar Ends */
                .sliderBackground{height: 70vh; background: blue; background-position: center; background-size: cover; position: relative;}
                .owl-theme .owl-nav.disabled+.owl-dots {
                    margin-top: 10px;
                    position: absolute;
                    right: 100px;
                    bottom: 50px;
                }
                /* FORM BOTTOM STIKY */
                .formBottomContact{position: fixed; bottom: 40px;left: 18px;z-index: 9999;}
                .inqueryBtn{border: none; border-radius: 2px; background: #55552b; color: white; font-weight: bold; padding: 10px 20px; }
                .formBottomContact img{width: 40px; margin: 0 10px;}
                .hideUP{display: none;}
        
                .cusContainer{width: 85%; margin: 0px auto;}
                .footer2{background: #55552b; color: white; padding: 50px 0px;}
                .footer2 h2{font-weight: 350;}
                footer{background: #686835; padding: 60px 0; color: white;}
                footer a{text-decoration: none;}
                .footerCont{border-bottom: 1px solid rgb(231, 231, 231); padding-bottom: 50px;}
                .footerLink{color: white; font-size: 22px; padding: 10px 0;}
                .footerH2{font-size: 45px; margin: 40px 0;}
                .footerBoxRight{width: 80%; margin: 0 auto;}
                .footerBtn{padding: 20px 30px; width: 80%; border: none; background: #42474c; color: white; font-size: 22px; margin-bottom: 50px;}
                .socialFooter{transition: 0.3s; width: 40px; margin: 8px; opacity: 0.7;}
                .socialFooter:hover{opacity: 1; transform: rotate(360deg);}
                .footerlinkClass a{text-decoration: none; color: white;} 
                .sliderBanner{position: relative;}
                .sliderBanner button{padding: 10px; border: none; border-radius: 5px; transition: 0.4s; background: #d1d16d; margin-top: 18px; color: #272714; font-weight: bold;}
                .sliderBanner button:hover{background: #5671d3;}
                header{position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.391); z-index: 9999; width: 100%; padding: 0px 30px;}
                .navUl{display: flex; justify-content: space-around;}
                .navUl a{text-decoration: none;}
                .navUl .liCus{line-height: 80px;font-size: 15px; font-weight: 300;color: white; text-transform: uppercase;}
                .sliderTextBox{position: absolute; top: 40%; left: 20%; transform: translate(-50%); color: white; width: 30%;}
                .sliderTextBox h2{font-size: 60px;}
        
                /* li drop */
                .dropBoxLi{position: relative; color: white; cursor: pointer;}
                .dropliBoxInput{display: none; position: absolute; width: 270px;background: white;border-radius: 3px; text-align: left; line-height: 30px;}
                .dropliBoxInput .liCus2{color: black; padding: 6px 10px; transition: 0.3s;}
                .dropliBoxInput .liCus2:hover{color: white;background: #3c8da8;}
                .dropBoxLi:hover .dropliBoxInput{display: block;}
                @media(max-width:970px){
                    .hideDown{display: none;}
                    .hideUP{display: block;}
                    #navBarHiding{display: none;}
                    .navUl{position: fixed; display: block; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(38, 83, 126, 0.95); padding: 15px;}
                    .navUl .liCus{text-align: left; line-height: 40px; border-bottom: 1px solid grey;}
                    .navUl .closeBtnM{text-align: right; margin-top: -20px;}
                    .navUl .closeBtnM button{background: #55552b;}
                    .navUl .cusBtnThis{background: rgb(230, 250, 255); color: #3c8da8;width: 100%;}
        
                    .dropliBoxInput{position: inherit; background: none;line-height: 13px; font-size: 13px;}
                    .dropliBoxInput .liCus2{ color: white;}
        
                    .sliderTextBox{position: absolute; bottom: 5%; left: 20%; transform: translate(-10%); color: white; width: 80%;}
                    .sliderTextBox h2{font-size: 40px;}
                }
                .mainPopBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.809); z-index: 15000;}
                .appointmentForm{background: rgb(255, 255, 255);min-width: 60%; height: 500px; border-radius: 10px; border: 0px solid black;position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
                .popHeader h2{font-size: 25px; font-weight: 250;}
                .appointmentForm #hideClosePopUp{background: #c10000;padding: 10px 15px; border: none; border-radius: 50%;text-align: center; float: right; margin-top: -50px;margin-right: -30px;}
                .gradeBox{padding-top:20px;}
                .cusGradImg{transition: 0.3s; border: 1px solid rgb(207, 207, 207);width: 100px; text-align: center; padding: 10px 0px; border-radius: 10px; display: inline-block; margin: 2px;}
                .cusGradImg img{transition: 0.3s; width: 60px; filter: grayscale();}
                .cusGradImg:hover{border: 1px solid #124657;}
                .cusGradImg:hover img{filter: none;}
                .activeGrade{border: 1px solid #124657;}
                .activeGrade2{filter: none !important;}
                .formPop{border-radius: 10px; background: #12465722;padding: 15px; margin-top: 30px;}
                .formPop input{border: none; border-bottom: 1px solid grey; background: none; width: 100%; padding: 8px; font-size: 11px; margin-top: 10px;}
                .formPop button{width: 90%; padding: 15px; background: #2d677a; color: white; font-weight: bold; border: none; border-radius: 6px; margin-top: 15px;}
                #popupShowBox{display: none;}
                @media(max-width:970px){
                    .appointmentForm{width: 98%; height: 97vh; overflow: scroll;z-index: 15000;}
                    .appointmentForm #hideClosePopUp{float: right; margin-top: -20px;margin-right: -10px;}
                    .popHeader h2{font-size: 19px; font-weight: 250;}
                    .popHeader p{font-size: 12px;;}
                    .popHeader .pp{font-size: 12px;;}
                }