@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body{font-family: "Rubik", sans-serif;}

header{background: rgb(224,217,37);
background: linear-gradient(0deg, rgba(224,217,37,0) 0%, rgba(224,217,37,1) 60%);padding: 20px 0px;position: fixed;top:0px;width: 100%;left: 0px;z-index: 999}
.headertop a{color:#333;text-decoration: none;display: inline-block;font-size: 16px;}
.headertop i{font-size:25px;position: relative;top:5px;margin-right: 10px;}
.mainmenu{margin-top:20px;}
.mainmenu ul{margin:0px;padding: 0px;list-style: none;float: right}
.mainmenu ul li{float:left;}
.mainmenu ul li a{display:block;color: #333;font-size: 14px;text-decoration: none;text-transform: uppercase;padding: 10px 10px;}
    .mainmenu ul ul ul{
        margin-left: 249px;
       display:none!important;margin-top:-40px;
    }
    .mainmenu ul ul li:hover ul {
    display:block!important}


    .mainmenu ul ul {
        position: absolute;
        z-index: 99999;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(0,0,0,.2);
        margin-top: -5px;
        display: none;
        width: 250px;
        opacity: 0;
        visibility: hidden;
        transition: all .3s linear;
    }

    .mainmenu ul li:hover ul {
        display: block;
        opacity: 1;
        visibility: visible;
        transition: all .3s linear
    }

    .mainmenu ul ul li {
        float: none;
    }

        .mainmenu ul ul li a {
            padding: 10px 20px;
            color: #333;
            border-bottom: solid 1px #999
        }

    .mainmenu:before {
        content: "";
        width: 50px;
        height: 112px;
        display: block;
        position: absolute;
        background: var(--color2);
        left: -25px;
        transform: rotate(-25deg);
        top: -17px;
    }

    .mainmenu ul ul li a:hover {
        background: var(--color1);
        color: #333;
    }


.highlight {
    background: #ff3a3a;
    border-radius: 40px;
    padding: 7px 15px !important;
    color: #fff !important;
}
.carousel-caption h5 {font-size: 126%;}
.carousel-caption h2 {font-size: 284%;    font-weight: 700;
}
.carousel-caption{top:50%}
    .carousel-caption h5 {font-size: 190%;}

    .carousel-caption h5 {font-size: 156%;}

/* Styles for mobile screens */
@media (max-width: 767px) {
        .carousel-caption h5 {
            font-size: 120%; /* Adjust the font size as needed for mobile */
        }

        .carousel-caption h2 {
            font-size: 180%; /* Adjust the font size as needed for mobile */
            font-weight: 700;
        }

        .carousel-caption {
            top: 34%; /* Adjust the position as needed for mobile */
        }
    }

.about h3{font-size:40px;}
.readmore{background:#e0d925;padding: 15px 30px;color: #000;font-weight: 600;display: inline-block;border-left: solid 8px #ff3a3a;text-decoration: none}
.about  {}
.iconblock2{width:150px;height: 150px;background: #eee;border-radius: 100%;text-align: center;padding-top: 30px;margin: 20px;}
.iconblock2 img{display:block;margin: auto;margin-bottom: 5px;}
.iconblock2 a{color:#333;text-decoration: none;font-weight: 600}
.icon-block{float:left;}
.blocks-bg{background:#f2ea20;padding: 50px;padding-left: 100px;border-top-left-radius:400px;border-bottom-left-radius:400px;border-left: solid 20px #ff3a3a;}
.news{padding:100px 0px;}
.news-events{padding:50px;}

.news-events h2{font-weight:300;position: relative;}
.news-events h2 strong{font-weight:700}
.news-events h2:after{content:"";position: absolute;height: 7px;background: #f2ea20;width: 100px;left: 0px;top:50px;}
.news-scroller{margin-top: 40px;}
.news-scroller .news-date{width:80px;display: block;background: #ff3a3a;color: #fff;text-align: center;line-height: 30px;padding: 20px 0px 10px 0px;float: left;margin-right: 20px;}
.news-scroller .news-date strong{font-size:50px;font-weight: 400;display: block;}
.news-item{margin-bottom: 20px;}
.principal-message h2{font-size: 50px;font-weight: 400;position: relative}
.principal-message h2 small{font-size:28px;display: block}
.principal-message h2:after{content:"";position: absolute;height: 7px;background: #f2ea20;width: 100px;left: 0px;top:100px;}

.gallery{padding:60px 0px;background: #eee;margin: 60px 0px;}
.gallery h2{display: table;margin: auto;position: relative;font-size: 40px;}
.gallery h2:after{content:"";position: absolute;height: 7px;background: #f2ea20;width: 100px;left: 0px;top:60px;left: 70px;}
.gallery-block img{width:100%;height: 188px;object-fit: cover;border-radius:2%;}
.gallery-block a{color:#333;text-decoration: none;}
.gallery-block strong{padding: 2px;display: block;text-align: center;}
.gallery-block{border-radius:10px;overflow: hidden}
footer{background:#252438;padding: 60px 0px;color: #fff;}
footer ul{margin:0px;padding: 0px;list-style: none;}
footer ul li a{color:#fff;font-size: 14px;text-decoration: none;margin-bottom: 10px;display: block}
.social a{color:#fff;font-size: 40px;margin-right: 10px;}
footer a:hover{color: #f2ea20}
footer h3{margin-bottom:30px;font-size: 22px;border-bottom: solid 1px rgba(255,255,255,.2);padding-bottom: 20px;}
footer p{font-size:13px;}
.footerbottom{font-size:12px;text-align: center;margin-top: 30px;border-top:solid 1px rgba(255,255,255,.2);padding-top: 30px;}
.slicknav_menu {
	display:none;
}
.inner-banner {
    padding-top: 180px;
    padding-bottom: 60px;
    text-align: center;
    background: url(../images/innerbanner.jpg) top center;background-size:cover
}
    .inner-banner h1 {
    color:#fff;}

.list1 {
    margin: 0px;
    padding: 0px;
    list-style: none
}

    .list1 li {
        position: relative;
        padding-left: 35px;
        margin-bottom: 8px;
    }

        .list1 li:before {
            content: "";
            width: 25px;
            height: 25px;
            background: url(../images/record.png);
            position: absolute;
            left: 0px;
            top: 0px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size:25px;
        }

.uniform-block {border:solid 5px rgb(224,217,37);height:198px;
}
    .uniform-block h3 {
        background: rgb(224,217,37)
    ;padding:15px;font-size:18px;}
.staff-photo {margin-bottom:20px;
}
    .staff-photo img {
        border-radius: 20px;
   border:solid 2px rgb(224,217,37) }
.uniform-block p {
    padding: 20px;
}
.contact-block .icon {
    width: 60px;
    height: 60px;
    float: left;
    background: #e0d925;
    border-radius: 100%;
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-right: 20px;
}

.contact-block .icontext {
    font-size: 22px;
    font-weight: 300
}

.contact-form {
    padding: 20px;
    border: solid 3px var(--color2)
}

    .contact-form .form-control {
        height: 40px;
    }
    @media screen and (max-width:920px) {
        .slicknav_menu {
	display:block;z-index: 99999999999;position: absolute;right:0px;background:none;margin-top: 30px;
}
	.mainmenu{display: none;}
	header{position:relative;background: #f2ea20;}
	.headertop {display:none;}
	.logo img{width:100px;}
	.slicknav_btn{background: #ff3a3a}
	.slicknav_nav{background:#333}
	.blocks-bg{background:none;padding: 0px;border:none;text-align: center}
	.icon-block {
    float: none;
    display: table;
    margin: auto;
}
	.principal-message h2{margin-top:20px;}
	.gallery-block{margin-bottom:20px;}
}
.topper-block {
    background: #ebebeb;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}
    .topper-block img {
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .topper-block strong {
    font-weight:500}
    .topper-block h2 {
        font-weight: 500;color:#333
    }
.owl-nav {
    display: table;
    margin: auto;
}
    .owl-nav button {
        width: 50px!important;
        height: 50px!important;
        /* background: #333; */
        border: solid 2px #333!important;
        border-radius: 100%!important;
        font-size: 29px!important;
        margin: 20px 10px!important;
    }
.toppers h2 {
    display: table;
    margin: auto;
    position: relative;
    font-size: 40px;
}
    .toppers h2:after {
        content: "";
        position: absolute;
        height: 7px;
        background: #f2ea20;
        width: 100px;
        left: 0px;
        top: 60px;
        left: 70px;
    }

.birthday {
    background: #eee;
    padding: 30px;
    text-align: center
}

    .birthday h2 {
        font-size: 35px;
        color: #ff3a3a;
        margin-bottom: 20px;
    }

.birthday-block img.birthdayimg {
    width: 250px !important;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 30px;
    outline: solid 3px rgb(224,217,37);
    border: solid 10px #eee;
    margin-top: 30px;
}

.balloon {
    position: absolute;
    top: 80px;
    left: 57%;
    width: 70px !important;
}

|
.birthday-block small {
    display: block;
    margin-bottom: 20px;
}

.birthday-block p {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    padding: 0px 30px;
}