@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{position:absolute;width: 100%;z-index:99999999}
.logo img{max-width:130px;position: relative;left: -30px;top:-30px;}
.logo {
    float: left;
    top: -15px;
    left: -18px;position:relative
}
.menu{}
.menu ul{margin:0px;padding: 0px;list-style: none;}
.menu ul li{float: left}
.menu ul li a{color:#fff;text-decoration: none;display: block;height: 60px;line-height: 60px;padding: 0px 18px;border-right:solid 1px rgba(255,255,255,.3);font-weight: 300;font-size:14px;}
.menu ul li:last-child a{border:none}
    .menu ul ul {
    position:absolute;width:200px;background:rgb(92,32,93);z-index:9999999;display:none}

        .menu ul ul li {
        float:none;}
            .menu ul ul li a {
            height:auto!important;padding:12px;line-height:normal;border-bottom:solid 1px #a564a6;font-size:14px;}

        .menu ul li:hover ul {display:block
        }

            .menu ul ul li a:hover {
                background: rgba(182,47,184,1)
            }
                .menu-wrapper {
                    background: rgb(92,32,93);
                    background: linear-gradient(90deg, rgba(92,32,93,1) 34%, rgba(182,47,184,1) 85%);
                    border-radius: 10px;
                    width: 100%;
                    height: 60px;
                    position: relative;
                    margin-top: 60px;
                }
.logo-text{color:#fff;font-size: 22px;margin-top: 5px;}
.logo-text small{font-size:16px;display: block;font-weight: 300}
.carousel-item::after{content: ""!important;
    width: 100%!important;
    height: 100%!important;
    background:rgba(0,0,0,.3)!important;
  
    position: absolute!important;top:0px;}
.carousel-caption{z-index: 9999;top:40%!important}
.gred1{background: rgb(92,32,93);
background: linear-gradient(90deg, rgba(92,32,93,1) 34%, rgba(182,47,184,1) 85%);}
.carousel-caption h5{font-size:35px;font-weight: 300}
.carousel-caption h2{font-size: 60px;font-weight: 600;letter-spacing: 5px;}
.cta1{background: rgb(92,32,93);
background: linear-gradient(90deg, rgba(92,32,93,1) 34%, rgba(182,47,184,1) 85%);display: table;padding: 10px 30px;text-transform: uppercase;font-size:20px;color: #fff;text-decoration: none;margin: auto;border-radius: 5px;}
.cta1:hover{background: rgb(92,32,93);color: #fff;}
.banner-bottom-block{padding: 30px;color: #fff;padding-left: 90px;position: relative;border-radius: 10px;margin-top: -60px;}
.banner-bottom-block:after{content:"";position: absolute;left: 0px;top:0px;height: 100%;width: 40px;background: #4a164b;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.banner-bottom-block a{color:#fff;font-weight: 300;text-decoration: none;display: block;margin-top: 20px;}
.banner-bottom-block h3{font-size:22px;}
.notice-board{padding:60px 0px;}
.notice-board h3{font-size: 35px;text-align: center;}
.notice-board h4{font-size:16px;font-weight: 300;letter-spacing: 2px;text-align: center;margin-bottom: 60px;}
.notice-board-block{background: #f7e7f7;padding: 20px;border-radius: 10px;}
.notice-board-block h2{color: #922994;font-weight: 700;font-size: 50px;text-align: center}
.notice-board-block small{display:block;font-weight: 300;font-size: 18px;}
.notice-board-block p{font-size:16px;padding-top: 20px;color: #432543}
.notice-board-block .border-end{border-right: 1px solid rgba(0,0,0,.5) !important;}
.notice-board-carousel .owl-prev{width:60px!important;height: 60px!important;border-radius: 100%!important;background: #a564a6!important;color: #fff!important;font-size: 25px!important;line-height: 60px!important;display: block;position: absolute;top:20%;left: -8%;}
.notice-board-carousel .owl-next {
    width: 60px !important;
    height: 60px !important;
    border-radius: 100% !important;
    background: #a564a6 !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 60px !important;
    display: block;
    position: absolute;
    top: 20%;
    margin-right: -40px;
    right: -8% !important;
}
.message small{text-transform:uppercase;display: block;font-size: 18px;margin-top: 30px;}
.message h2{text-transform:uppercase;display: block;font-size: 28px;}
.message h3{text-transform:uppercase;display: block;font-size: 22px;border-bottom: solid 5px #9a2a9c;display: table}
.message  p{color:#9a2a9c}
.fright{float:right}
.cta2{background: rgb(92,32,93);
background: linear-gradient(90deg, rgba(92,32,93,1) 34%, rgba(182,47,184,1) 85%);display: table;padding: 6px 20px;text-transform: uppercase;font-size:16px;color: #fff;text-decoration: none;border-radius: 5px;}
.cta2:hover{background: rgb(92,32,93);color: #fff;}
.icons-section {margin:80px 0px;}
.icons-section .container{background: #f7d1f8;padding: 20px;border-radius: 20px;}
.icons-section .icon-block{padding:10px;}
.icons-section .icon-block img{margin-bottom:20px;}
.icons-section .icon-block h2{font-weight:700;color: #9a2a9c;font-size: 50px;}
.icons-section .icon-block p{color:#9a2a9c}
.icons-section .border-end{    border-right: 1px solid rgba(0,0,0,.5) !important;}
.container{max-width: 1180px;}
.photogallery{background:#f9d7fa;padding: 60px 0px;margin: 0px 0px 0px 0px;}
.photogallery h2{text-align:center;color: #641365;text-align: center;font-weight: 700;text-transform: uppercase;margin-bottom: 30px;}
.gallery-block{background:#fff;padding: 10px;border-radius: 10px;}
.gallery-block img{margin-bottom:20px;}
    .gallery-block h4 {
        color: #641365;
        text-align: center;
    }
.gallery-block a{color:#641365;text-decoration: none;}



footer{background:#49124a;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;}

.inner-banner {
    background: rgb(66, 19, 67);
    padding: 60px 0px;
    text-align: center;
    padding-top:180px;
}

    .inner-banner h2 {
        color: #fff;
    }
.justifytext {
text-align:justify}
.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/dot-arrow.png);
            position: absolute;
            left: 0px;
            top: 0px;
            background-repeat: no-repeat;
            background-position: center center
        }
.heading1 {
display:table;margin:20px 0px;padding:10px 20px;border:solid 2px rgba(182,47,184,1);color:rgba(182,47,184,1);border-radius:40px;}
.principals strong{display:block;margin-top:10px;text-align:center
}
.principals {
text-align:center;font-size:13px;}
    .principals .col-sm-3 {
    margin-bottom:30px;}
.contact-block .icon {
    width: 60px;
    height: 60px;
    float: left;
    background: rgba(182,47,184,1);
    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;
    }
.contact-block p {
font-size:16px;}
.mobile-header {
    background: #9a2a9c;padding:20px 0px;display:none;
}
.slicknav_menu {
display:none;}
@media screen and (max-width:920px) {
    .mobile-header {
    display:block;}
    header {
    display:none}
    .slicknav_menu {
    background:none;position:absolute;right:0px;z-index:9999;top:20px;display:block}
    .slicknav_nav {
    background:rgb(92,32,93);border-radius:5px;}
    .slicknav_btn {
        background-color: #611862;
    }

    .banner-bottom-block {
    margin-top:20px;}
}

.achievements-block {
    padding:10px;border-radius:20px;margin-bottom:30px;
}
    .achievements-block img {
        border-radius: 20px;margin-bottom:10px;
    }
.accordion-button:not(.collapsed) {
    background-color: #ecaeed!important;color:rgb(92,32,93)!important
}
.parent-portal {
    position: fixed;
    right: 28px;
    bottom: 28px;
    z-index: 9999;
}
.birthday-block {
    background: url(images/balloons.jpg) center center no-repeat;
    padding-top: 100px;
    margin-top: -96px;
}

    .birthday-block img.birthdayimg {
        width: 200px !important;
        height: 200px;
        object-fit: cover;
        margin: auto;
        border-radius: 100%;
        position: relative;
        margin-bottom: 20px;border:solid 5px #fff;
    }

    .birthday-block h4 {
    }

.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;
}

.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;
    }


.topper {
    background: #dae1f5;
    padding: 60px 0px;
}

    .topper h3 {
        text-align: center;
        margin-bottom: 60px;
    }

.topper-block {
    text-align: center;
    position: relative
}

    .topper-block img {
        width: 180px !important;
        height: 260px;
        object-fit: cover;
        margin: auto;
        border-radius: 10px;
        border: solid 5px #fff;
    }

    .topper-block strong {
        display: block;
        margin: 5px 0px;
        font-size: 22px;
    }

    .topper-block small {
        display: block;
        font-size: 18px;
    }

.topperbtn .owl-prev {
    position: absolute !important;
    left: 0px;
    top: 120px !important;
    border: none !important;
    font-size: 40px !important;
    color: #7a839c !important;margin-left:-10px!important;
}

.topperbtn .owl-next {
    position: absolute !important;
    right: 0px;
    top: 120px !important;
    border: none !important;
    font-size: 40px !important;
    color: #7a839c !important;
    margin-right: -10px !important;
}
.birthdays {
    background: #e9aceb;
    padding: 80px 0px;
    margin-top: 100px;
}
.birthdays *{
    color: #641365!important;
}