/* /*  *{
        margin: auto;
    }*/*/
    @font-face {
      font-family: "Poppins";
      src: url("../../fonts/Poppins-Regular.ttf") format("truetype"),
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins-Bold";
      src: url("../../fonts/Poppins-Bold.ttf") format("truetype"),
      font-weight: bold;
      font-style: normal;
    }
    @font-face {
      font-family: "Poppins-Semi";
      src: url("../../fonts/Poppins-SemiBold.ttf") format("truetype"),
      font-weight: 700;
      font-style: normal;
    }
    @font-face {
      font-family: "Poppins-Medium";
      src: url("../../fonts/Poppins-Medium.ttf") format("truetype"),
      font-weight: 700;
      font-style: normal;
    }

 /*   body{
        margin: auto !important;
        overflow-x: hidden;
        font-family: "Poppins" !important;
        background-color: #f5f7fa !important;
    }*/
    .clear-fix{
        clear: both;
    }
body {
    /* background-color: #eaeaea !important; */
    background-color: #fff !important;
    position: relative;
    min-height: 100%;
    top: 0px !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9 !important;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    margin: auto;
}

.navbar-nav .nav-item .nav-link {
    color: #000;
    font-size: 15px !important;
    margin-right: 10px;
}

/*.dropdown-menu .dropdown-item {
    font-size: medium !important;
}*/

.dropdown-item {
    color: var(--bs-link-color);
}

.navbar-nav .nav-link:hover {
    color: #F5B224 !important;
    transition: all 0.3s !important;
}
/* .dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #8c52ff !important;
} */

.navbar-nav .active{
    color: #d35f07 !important;
}


.dropdown-menu {
    animation: slideIn 0.5s ease-in-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-item {
    position: relative; /* Ensure proper positioning */
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.dropdown-item:hover {
    transform: translateX(10px); /* Moves the item slightly to the right */
    background-color: #ffffff00 !important;
}

.dropdown-item i {
    transition: transform 0.3s ease-in-out;
}

.dropdown-item:hover i {
    transform: translateX(5px); /* Slightly move the icon too */
}

.dropdown-menu {
    display: none;
    opacity: 0;
    border-radius: 0% !important;
    transform: translateY(-15px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.footer-menu-animation {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.footer-menu-animation i {
    transition: transform 0.3s ease-in-out;
}

.footer-menu-animation:hover {
    transform: translateX(10px); /* Move text and icon to the right */
    color: #f5b225 !important; /* Change color to yellow (optional) */
    /* background-color: #f5b225; */
}

.footer-menu-animation:hover i {
    transform: translateX(5px); /* Additional icon movement for better effect */
}

/* .carousel-item {
    height: 81vh;
} */

.nav-item.dropdown:hover .dropdown-menu,
.nav-item.dropdown:focus .dropdown-menu,
.nav-item.dropdown.show .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: 0px;
    border-radius: var(--bs-navbar-toggler-border-radius);
    -webkit-transition: var(--bs-navbar-toggler-transition);
    transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.carousel-control-prev,
.carousel-control-next {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;

}


.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 20px;
    height: 20px;
    background-size: 100%;

}


.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


.carousel-control-prev {
    left: 3%;
    top: 90%;
    
}

.carousel-control-next {
    right: 3%;
    top: 90%;

}

.carousel-caption {
    color: darkblue;
}

.parent-testimonials-container {
    /* width: 100%; */
    /* background-color: #eaeaea; */
    margin: 0 auto;
    text-align: center;
}

.parent-testimonials-center {
    display: flex;
    align-items: center;
}

.testimonial-author-name {
    font-weight: bold;
}

.learn-more {
    background-color: #203098;
    border-color: #203098;
    color: aliceblue;
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: inline-block;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out,
        color 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    /* Smooth transition for all properties */
}

.learn-more:hover {
    background-color: #01a3c5;
    border-color: #01a3c5;
    color: #fff;
    transform: scale(1.1);
    /* Slightly scale the button on hover */
}
.know-more {
    /*background-color: #4d61ff;*/
    background-color: #203098;
    border-color: #4d61ff;
    color: aliceblue;
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: inline-block;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out,
        color 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    /* Smooth transition for all properties */
}

.know-more:hover {
    background-color: #01a3c5;
    border-color: #01a3c5;
    color: #fff;
    transform: scale(1.1);
    /* Slightly scale the button on hover */
}

.bestmanimation-slide {
    animation: slideIn 0.5s ease-in-out; /* Customize the animation */
}

@keyframes slideIn {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.parent-testimonials-item {
    width: 440px !important;
    height: 243px !important;
    /*background-color: rgb(235, 235, 235);*/
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    /* border-radius: 8px; */
    /* Optional rounded corners */
    margin: 10px;
    /* Add margin between items */
}

/* Adjust the image and author section */
.testimonial-author {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.testimonial-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* Make the image round */
    margin-right: 10px;
}

.testimonial-content {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: contents;
}

.parent-testimonials-center .slick-center {
    background-color: #ebfaf1;
    transition: background-color 0.3s ease;
    border-radius: 8px;
    padding: 10px;
    /* border: 5px solid burlywood; */
}

.slick-initialized .slick-slide {
    display: flex !important;
    justify-content: center !important;
}

.slick-track {

    opacity: 1;
    display: flex !important;
    width: 4392px;
    transform: translate3d(-1098px, 0px, 0px);
    justify-content: center !important;
    align-items: center !important;
}

/** how_it section **/
.width {
    width: 25%;
}


.important {
    /* background-color: #fff; */
    /* background-color: #216270; */
    /* background-color: #143047; */
    
    /* background-color: #f1734f; */
    padding-top: 39px;
    padding-bottom: 39px;
}
.campus_services {
    /* background-color: #fff; */
    /* background-color: #216270; */
    /* background-color: #143047; */
    
    /* background-color: #f1734f; */
    padding-top: 39px;
    padding-bottom: 39px;
}
.video-background-img{
    height: 450px;
    background-image: url('../img/PAKPHSS-Home-Academics-BG.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.footer-bakgrount-img{
    background-image: url('../img/bg_home-4.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* filter: brightness(0.75); */
}
/*.school-overview-img{
    background-image: url('../img/PAKPHSS-Home-Page-Excellence-BG.png');
    min-height: 500px; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
     filter: brightness(1.75); 
}*/
.important .titlepage {
    text-align: center;
}

.important .titlepage span {
    padding-top: 30px;
    display: inline-block;
    font-size: 17px;
}

/* .important_bg { */
    /* background: #216270; */
    /* background: #f1734f; */
    /* padding: 60px 0px; */
/* } */

.important_bg .important_box {
    text-align: center;
}
.important_bg .important_box img{
    width: 22%;
    padding-bottom: 12px;
}

.important_bg .important_box h3 {
    /*color: #a41a1a;*/
    color: #fff;
    font-family: 'Poppins';
    font-size: 35px;
    line-height: 40px;
    font-weight: 500;
    padding: 0;
}

.important_bg .important_box h3:hover {
    color: #fff;
}

.important_bg .important_box span:hover {
    color: #fff;
}

.important_bg .important_box span {
    font-size: 18px;
    line-height: 20px;
    color: #a41a1a;
    padding-top: 10px;
    font-weight: 400;
    display: inline-block;
     color: #fff;
    font-family: 'Poppins';
}

.important .important_box a {
    font-size: 16px;
    border: #fff solid 1px;
    background-color: #000;
    color: #fff;
    padding: 10px 27px;
    display: inline-block;
}

.important .Games a:hover {
    background-color: #ff0000;
    border: #ff0000 solid 1px;
    color: #fff;
}

.important_bg .our-span,
.our-h3,
.our-p {
    color: #bec9d8;
}

.box-borders {
    border: 5px solid burlywood;
}

.important_two {
    /* background-color: #5d8; */
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 14px;
}

.important_bg_two {
    /* background: #5d8; */
}

.important_bg .our-span,
.our-h1,
.our-p {
    color: #fff;
}
.campus_services .titlepage {
    text-align: center;
}

.campus_services .titlepage span {
    padding-top: 30px;
    display: inline-block;
    font-size: 17px;
}

/* .important_bg { */
    /* background: #216270; */
    /* background: #f1734f; */
    /* padding: 60px 0px; */
/* } */
 /* Include your CSS here */
 .campus_services_bg .campus_services_box1, 
 .campus_services_bg .campus_services_box2, 
 .campus_services_bg .campus_services_box3 {
     color: #7e7e7e;
     text-align: center;
     transition: color 0.3s ease; /* Smooth color transition */
 }

 .campus_services_bg .campus_services_box1:hover {
     color: #03b381;
 }
 .campus_services_bg .campus_services_box2:hover {
     color: #e84040;
 }
 .campus_services_bg .campus_services_box3:hover {
     color: #6f9004;
 }
 .campus_services_bg .campus_services_box1 h3:hover {
    border:1px solid black;
 }
 .campus_services_bg .campus_services_box2 h3:hover {
     border:1px solid black;
 }
 .campus_services_bg .campus_services_box3 h3:hover {
    border:1px solid black;
 }

 .campus_services_bg .campus_services_box1 i, 
 .campus_services_bg .campus_services_box2 i, 
 .campus_services_bg .campus_services_box3 i {
     transition: transform 0.3s ease; /* Add a scale effect on icons */
 }

 .campus_services_bg .campus_services_box1:hover i,
 .campus_services_bg .campus_services_box2:hover i,
 .campus_services_bg .campus_services_box3:hover i {
     transform: scale(1.1); /* Scale up the icon on hover */
 }

.campus_services_bg .our-span,
.our-h3,
.our-p {
    color: #000000 !important;
}
.btn-check:focus+.btn, .btn:focus {
    color: white;
    background-color: #203098;
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.campus_services_two {
    padding-top: 90px;
    padding-bottom: 90px;
    font-size: 18px;
}

.campus_services_bg_two {
    /* background: #5d8; */
}

.campus_services_bg .our-span,
.our-h1,
.our-p {
    color: #fff;
}
.our-philosophy-box-1{
    background-color: #3e8ba0;
    padding: 60px;
    margin-top: 5px;
}
.our-philosophy-box-2{
    background-color: #fff000;
    padding: 60px;
    margin-top: 5px;
}
.our-philosophy-box-3{
    background-color: #b5b9bb;
    padding: 71px;
    margin-top: 5px;
}
.our-philosophy-box-4{
    background-color: #f55801;
    padding: 67px;
    margin-top: 5px;
}



/*  STYLE BY MOHAMMED THARIF ON 27-03-2025  */

/*HEADER - NAV BAR*/
.navbar{
    /*height: 100px;*/
    /*height: 135px;*/
}
.log-bar{
    padding-left: 10px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 0px;
}
.log-bar img{
    width: 36%;
    padding-bottom: 15px;
}
.nav-list{
    /*padding-left: 50px;*/
    /*margin: auto !important;*/
    padding-top: 0px;
    /*background-color: #fff;*/
    background-color: #fff9e7;
    height: 43px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.12);
}
.btn-reg{
    color: #333;
    font-size: 15px;
    padding-left: 25px;
    padding-right: 25px;
}

ul.dropdown-menu{

}
ul.dropdown-menu li{
    border-bottom: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
}
ul.dropdown-menu li:last-child{
    border-bottom: unset;
}
ul.dropdown-menu li a{
    font-size: 15px !important;
    color: #333;
}
ul.dropdown-menu li a:hover{
    color: #F5B224 !important;
    transition: all 0.3s !important;
}
.offcanvas{
    background-color: #fff !important;
}

/*FOOTER*/
.foo-desc{
    font-size: 14.5px;
    padding-left: 40px;
}
.foo-quick{
    font-size: 14.5px;
    padding-left: 40px;
}
.foo-reach{
    font-size: 14.5px;
    padding-left: 40px;
}
.foo-copy{
    font-size: 14.5px;

}

/*HOME PAGE*/

.home-notice-marq{
  width: 100%;
  height: 45px;
  background-color: #eceded;
  display: inline-flex;
  overflow: hidden;
}
.home-notice-marq .notice-alert{
  display: inline-flex;
}

.marquee {
  width: 100%;
  color: red;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 5px;
}
.marquee .marq-block{
 /* height: 25px;
  width: 25px;*/
  margin-left: 15px;
  margin-right: 15px;
  animation: marquee 10s linear infinite;
}
.marquee ul li{
    list-style: none;
    display: inline-block;
    padding-left: 20px;
}
.marquee ul li a{
  font-family: "Poppins", sans-serif;
  font-size: 14.5px;
  font-weight: 300;
  display: inline-block;
  padding-left: 20px;
  color: #000;
/*  animation: marquee 3s linear infinite;*/
}
.marq-block li a:hover > .marq-block{
    animation: unset !important;
}
.marquee ul li img{
    width: 28px;
    height: 28px;
}

@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
@keyframes revmarquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(0%, 0); }
}
.content{
  text-align: center;
}


#home-intro{
    margin-top: 120px;
}

#home-intro p{
    line-height: 1.9 !important;
}

#home-campus{
    margin-top: 65px;
}

#home-campus p{
    margin-top: 65px;
    line-height: 1.9 !important;
}
.home-campus h4{
    color: #333;
}
.home-campus .camp-boxes{
    border: 1px solid #ddd;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #f3f3f3;
    border-radius: 0.25rem;
    box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, .05), 0 6px 20px 0 rgba(0, 0, 0, .02) !important;
}

.home-videos{
    background-color: #f3f3f3;
}
.home-videos video{
    margin-bottom: 30px;
}
.events-big-blog{ 
    /*background-color: #f3f3f3;*/
    padding-top: 35px;
    padding-bottom: 0px;
    /*padding-left: 20px;*/
    padding-right: 20px;
    border-radius: 0.25rem;
    box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, .05), 0 6px 20px 0 rgba(0, 0, 0, .02) !important;
    /*margin-right: 10px;*/
}

.latest-news {
  overflow: hidden;
  transition: all 0.4s linear;
}
.latest-news:hover {
  overflow-y: scroll;
  transition: all 0.4s linear;
}

.home-videos .news-box{
    /*display: inline-flex;*/
    display: list-item;
    text-align: left;
    margin-bottom: 25px;
    background-color: #fff;
    border-radius: 8px;
    padding: 7px;
    margin-right: 8px;
    width: 100%;
    height: auto;
}
.home-videos .news-box img{
    /*padding-top: 10px;*/
/*    width: 80%;*/
/*    width: 20%;
    height: 190px;*/

}

.news-box:hover{
    cursor: pointer;
}

.news-box .left{

}
.news-box .right{
    padding-left: 10px;
    line-height: 2.1 !important;
    vertical-align: middle;
    margin: auto;
}
.news-box .right h6{
    color: #F16532;
    font-size: 1rem;
    padding-top: 10px;
}
.news-box .right p{
    font-size: 14px;
    padding-top: 5px;
    width: 100%;
    color: #000;
}
/*CONTACT US*/


#contact-banner{
    width: 100%;
/*  height: 600px;*/
/*  height: auto;*/
    background-image: url('../../../assets/common/img/Srinivasa-Matric-Higher-Secondary-School-Contact-us-Page-Banner.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin: unset;
/*      position: inherit;*/
    z-index: 2;
    background-color: #fff;
}
#contact-banner .contact-banner-title{
/*  position: absolute;*/
/*  top: 20%;*/
/*  left: 40%;*/
    margin-top: 200px;
    text-align: center;
}
#contact-banner .contact-banner-title h1{
    color: #fff;
    font-family: 'Poppins-Semi' !important;
    padding-bottom: 100px;
}

#contact-form{
    background-color: #fff;
    padding-top: 75px;
    padding-bottom: 85px;
/*    background-color: #f2f2f2;*/
}
#contact-form .contact-title{
    text-align: center;
}
#contact-form .contact-title h3{
    font-family: "Poppins-Medium";
    color: #1a3c72;
}
#contact-form .contact-title p{
    font-family: "Poppins";
    color: #6d6d6d;
    font-size: 14px;
}
#contact-form .contact-box-left{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.12);
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 35px;
    background-color: #fff;

}
#contact-form .contact-box-left h2{
    font-family: "Poppins-Medium";
    color: #1a3c72;
}
#contact-form .contact-box-left p{
    font-family: "Poppins";
    color: #6d6d6d;
    font-size: 14px;
}
#contact-form .contact-box-left .frm-contact{
    margin-top: 30px;
}
#contact-form .contact-box-left .frm-contact .form-control{
    margin-bottom: 25px;
    outline: none;
}
#contact-form .contact-box-left .frm-contact .form-control::placeholder{
    font-family: "Poppins";
    color: #acacac;
    font-size: 13px;
}
#contact-form .contact-box-left .frm-contact .btn-send{
    background-color: #1a3c72;
    border-radius: 20px;
    width: 100%;
    font-family: "Poppins";
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}
#contact-form .contact-box-left .frm-contact .btn-send:hover{
    background-color: #f5b225;
    transition: all 0.3s linear;
}

#contact-form .contact-box-right{
/*      margin-top: 35px;*/
    margin: auto;
    padding-left: 40px;
}
#contact-form .contact-box-right .address-box{
    margin-top: 20px;
}
#contact-form .contact-box-right .address-box h6{
    font-family: "Poppins";
    color: #1a3c72;
    font-size: 14px;
}
#contact-form .contact-box-right .address-box .outer{
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 10px;
    background-color: #fff;
}
#contact-form .contact-box-right .address-box .outer address{
    margin-bottom: 0rem;
    font-size: 14px;
    color: #6d6d6d;
}
#contact-form .contact-box-right .email-box{
    margin-top: 15px;
}
#contact-form .contact-box-right .email-box .outer{
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 10px;
    background-color: #fff;
}
#contact-form .contact-box-right .email-box h6{
    font-family: "Poppins";
    color: #1a3c72;
    font-size: 14px;
}
#contact-form .contact-box-right .email-box a{
    color: #6d6d6d;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.9;
}
#contact-form .contact-box-right .email-box a:hover{
    color: #1a3c72;
    transition: all 0.3s linear;
}
#contact-form .contact-box-right .call-box{
    margin-top: 15px;
}
#contact-form .contact-box-right .call-box h6{
    font-family: "Poppins";
    color: #1a3c72;
    font-size: 14px;
}
#contact-form .contact-box-right .call-box a{
    color: #6d6d6d;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.9;
}
#contact-form .contact-box-right .call-box a:hover{
    color: #1a3c72;
    transition: all 0.3s linear;
}
#contact-form .contact-box-right .call-box .outer{
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 10px;
    background-color: #fff;
}

.captcha-box{
    display: inline-flex;
    padding-top: 10px;
}
.captcha-box .form-control{
    margin-right: 10px;
    margin-left: 10px;
}
.enquiry-form .form-control{
    border-radius: 0px;
    height: 42px;
}
.captcha-box .captcha-refresh{
    padding-left: 15px;
    padding-top: 12px;
    margin: unset;
}
.captcha-box #in-captcha{
    height: 50px;
}
.g-map iframe {
    width: 100% !important;
}


/*ABOUT PAGE - START*/

.about-intro{
    padding-top: 80px;
    padding-bottom: 65px;
}

.about-intro .about-left{

}
.about-intro .about-left p{
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
}
.about-intro .about-content p{
    font-size: 15px;
    font-weight: 500;
}

.about-intro .about-right{

}
.about-intro .about-right img{
    width: 100%;
}

.team{

}

.team .team-box{
    line-height: 1.9 !important;
}

.team .team-box img{
    width: 100%;
}
.team .team-box h4{
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 1.3rem;
}
.team .team-box h5{
    color: #1176c4;
    font-size: 1.1rem;
}
.infra{
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 65px;
    padding-bottom: 65px;
}
.transport{
    width: 100%;
    background-color: #fff;
    margin-top: 75px;
    margin-bottom: 75px;
}
.faculty{
    padding-top: 110px;
    padding-bottom: 50px;
    background-color: #f5f5f5;
}
.faculty-vice{
    background-color: #fff;
    margin-top: 80px;
    margin-bottom: 30px;
}
.awards{
    margin-top: 90px;
    margin-bottom: 70px;
}
.awards img{
    width: 100%;
}
.awards p{
/*    padding-top: 20px;*/
/*    padding: 8px;*/
}

.awards .team-box{
    margin-bottom: 55px;
    border: 1px solid #F5B224; 
/*    border: 1px solid #46AD6A;*/
    background-color: #f3f3f3;
    border-radius: 8px;
    padding-bottom: 25px;
    transition: all 0.1s ease-in-out;
    overflow: hidden;
    max-height: 600px;
}

.awards .team-box img{
    width: 100%;
}
.awards .team-box h4, .awards .team-box p{
    padding: 10px;
    font-size: 15px;
}
.neet{
    margin-top: 20px;
}
.neet ul{
    padding-inline-start: 0px;
}
.neet ul li{
    list-style: none;
    font-size: 15px;
}
.neet-box-blue{
    background-color: #2C60AB;
    color: #fff;
    margin: auto;
    padding-top: 32px;
    padding-bottom: 32px;
}
.neet-box-yellow{
    background-color: #FFBD21;
    color: #000;
    margin: auto;
    padding-top: 32px;
    padding-bottom: 32px;
}   
.neet-box-yellow a{
    color: #000;
}




#results-banner{
    width: 100%;
/*  height: 600px;*/
/*  height: auto;*/
    background-image: url('../../../assets/common/img/Srinivasa-Matriculation-Hr-Sec-School-Results.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin: unset;
/*      position: inherit;*/
    z-index: 2;
    background-color: #fff;
}
#results-banner .results-banner-title{
/*  position: absolute;*/
/*  top: 20%;*/
/*  left: 40%;*/
    margin-top: 200px;
    text-align: center;
}
#results-banner .results-banner-title h1{
    color: #fff;
    font-family: 'Poppins-Semi' !important;
    padding-bottom: 100px;
}

.result{

}
.result .result-box{
    margin-bottom: 20px !important;
    padding: 10px;
}
.result .result-box h3{
    padding-top: 20px;
}
/*.result .result-box img{
    border: 5px solid #fff;
}*/

/*EVENTS PAGE START*/

.events{
    padding-top: 85px;
    padding-bottom: 75px;
}

.events .events-box{
/*    border: 1px solid #F5B224;*/
    background-color: #f3f3f3;
    border-radius: 8px;
    padding-bottom: 25px;
    transition: all 0.1s ease-in-out;
    overflow: hidden;
    max-height: 510px;
}
.events .events-box:hover{
/*    transition: all 0.1s;*/
    border: 1px solid #1176c4;
    transition: background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out,
        color 0.3s ease-in-out,
        transform 0.3s ease-in-out;
}
.events .events-box img{
    width: 100%;
}
.events .events-box p{
/*    padding: 8px;*/
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
     color: #000;
}
.events .events-box h5{
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    font-weight: 500 !important;
}

.events .events-box a.learn-more{
    background-color: #203098 !important;
    border-color: #203098 !important;
    color: aliceblue !important;
    text-decoration: none !important;
    padding: 0.5rem 1rem !important;
    display: inline-block !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out,
        color 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    margin-left: 12px;
}
.events-single{

}
.events-single .single-event-box{
/*    padding: 8px;*/
margin-top: 25px;
}
.events-single .single-event-box img{
    width: 100%;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  /*display: none;*/
  right: 15px;
  bottom: 50px;
  z-index: 99999;
  /*background: #333;*/
/*  background-image: linear-gradient(90deg,#03228f,#0e73e4);*/
/*  background-color: #fff !important;*/
background-color: #fff !important;
  border-radius: 50%;
/*  border: 0.5px solid #dca831;*/
  border: 0.5px solid blue;
  /*opacity: 0.6;*/
  width: 35px;
  height: 35px;
  padding-top: 8px;
  transition: all 0.3s linear;
}


.back-to-top i {
  /*margin-bottom: 10px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  /*width: 40px;
  height: 40px;*/
  /*border-radius: 4px;*/
  /*background: #333;*/
  color: #333;
/*color: #dca831;*/
  transition: all 0.3s;
  /*transition: all 0.4s;*/
}

.back-to-top:hover {
  /*background: #000;*/
  /*border-radius: 50%;*/
/*  color: #000 !important;*/
   /*background: #333;*/
/*  background-image: linear-gradient(90deg,#0e73e4, #03228f);*/
/*  background-color: #bdf347 !important;*/
  border-radius: 50%;
  /*opacity: 1;*/
}

.back-to-top:hover > i{
  transition: all 0.2s;
  transform: translateY(-5px);
/*  color: #000 !important;*/
}

.home-gal-box{
    max-height: 280px;
}
.home-gal-box img{
    width: 100%;
    height: 100%;
}

#awards-banner{
    width: 100%;
/*  height: 600px;*/
/*  height: auto;*/
    background-image: url('../../../assets/common/img/awards.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin: unset;
/*      position: inherit;*/
    z-index: 2;
    background-color: #fff;
    position: relative;
    border: 1px solid #f5f5f5;
}
#awards-banner:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    background-color: #000;
    opacity: 0.7;
}
#awards-banner .awards-banner-title{
/*  position: absolute;*/
/*  top: 20%;*/
/*  left: 40%;*/
    margin-top: 200px;
    text-align: center;

}
#awards-banner .awards-banner-title h1{
    color: #000;
    font-family: 'Poppins-Semi' !important;
    padding-bottom: 100px;
}

#about-banner{
    width: 100%;
/*  height: 600px;*/
/*  height: auto;*/
    background-image: url('../../../assets/common/img/Srinivasa-Matric-Higher-Secondary-School-About-us-Page-Banner.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin: unset;
/*      position: inherit;*/
    z-index: 2;
    background-color: #fff;
    position: relative;
/*    border: 1px solid #f5f5f5;*/
}
#about-banner:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    background-color: #000;
    opacity: 0.7;
}
#about-banner .about-banner-title{
/*  position: absolute;*/
/*  top: 20%;*/
/*  left: 40%;*/
    margin-top: 200px;
    text-align: center;

}
#about-banner .about-banner-title h1{
    color: #fff;
    font-family: 'Poppins-Semi' !important;
    padding-bottom: 100px;
}


    #preloader {
      text-align: center;
      padding-top: 30px;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9999;
      overflow: hidden;
      background-color: #f5f7fa;
      box-shadow: 6px 6px 6px 8px #f2f2f2;
      -webkit-box-shadow: 6px 6px 6px #f2f2f2;
      border: 1px solid #dca831 !important;
      background-image: url('../../assets/images/Advisewise-Study-Abroad-World-Map-Loader.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin: auto;
    }
    #preloader .loader{
      position: fixed;
      top: calc(47% - 55px);
      left: calc(51% - 50px);
      animation: animFw 5s linear infinite;
    }
    #preloader p{
      position: fixed;
      animation: animFw 5s linear infinite;
      font-family: "Poppins" !important;
      font-size: 13px;
      padding-top: 65px;
      padding-left: 2px;
    }
    /*
    @-webkit-keyframes animate-preloader {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes animate-preloader {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }*/

    /*.loader {
      width: 32px;
      height: 90px;
      display: block;
      opacity: 1;
      margin: 20px auto;
      position: relative;
      border-radius: 50% 50% 0 0;
      border-bottom: 10px solid #FF3D00;
      background-color: #FFF;
      background-image: radial-gradient(ellipse at center, #FFF 34%, #FF3D00 35%, #FF3D00 54%, #FFF 55%), linear-gradient(#FF3D00 10px, transparent 0);
      background-size: 28px 28px;
      background-position: center 20px , center 2px;
      background-repeat: no-repeat;
      box-sizing: border-box;
      animation: animloaderBack 1s linear infinite alternate;
    }
    .loader::before {
      content: '';  
      box-sizing: border-box;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 64px;
      height: 44px;
      border-radius: 50%;
      box-shadow: 0px 15px #FF3D00 inset;
      top: 67px;
    }
    .loader::after {
      content: '';  
      position: absolute;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      width: 34px;
      height: 34px;
      top: 112%;
      background: radial-gradient(ellipse at center, #ffdf00 8%, rgba(249, 62, 0, 0.6) 24%, rgba(0, 0, 0, 0) 100%);
      border-radius: 50% 50% 0;
      background-repeat: no-repeat;
      background-position: -44px -44px;
      background-size: 100px 100px;
      box-shadow: 4px 4px 12px 0px rgba(255, 61, 0, 0.5);
      box-sizing: border-box;
      animation: animloader 1s linear infinite alternate;
    }*/

    .loader {
      position: relative;
      display: grid;
      grid-template-columns: 33% 33% 33%;
      grid-gap: 2px;
      width: 50px;
      height: 50px;
    }

    .loader > div {
      position: relative;
      width: 100%;
      height: 100%;
      background: tomato;
      transform: scale(0);
      transform-origin: center center;
      animation: loader 1s infinite linear;
    }
    .loader > div:nth-of-type(1), .loader > div:nth-of-type(5), .loader > div:nth-of-type(9) {
      animation-delay: 0.4s;
    }
    .loader > div:nth-of-type(4), .loader > div:nth-of-type(8) {
      animation-delay: 0.2s;
    }
    .loader > div:nth-of-type(2), .loader > div:nth-of-type(6) {
      animation-delay: 0.6s;
    }
    .loader > div:nth-of-type(3) {
      animation-delay: 0.8s;
    }

    @keyframes loader {
      0% {
        transform: scale(0);
      }
      40% {
        transform: scale(1);
      }
      80% {
        transform: scale(1);
      }
      100% {
        transform: scale(0);
      }
    }

    @keyframes animloaderBack {
      0%, 30%, 70% {
        transform: translateY(0px);
      }
      20%, 40%, 100% {
        transform: translateY(-5px);
      }
    }

    @keyframes animloader {
      0% {
        box-shadow: 4px 4px 12px 2px rgba(255, 61, 0, 0.75);
        width: 34px;
        height: 34px;
        background-position: -44px -44px;
        background-size: 100px 100px;
      }
      100% {
        box-shadow: 2px 2px 8px 0px rgba(255, 61, 0, 0.5);
        width: 30px;
        height: 28px;
        background-position: -36px -36px;
        background-size: 80px 80px;
      }
    }

    [class*=stacked--] {
      position: relative;
      transition: transform 0.3s ease-in-out;
      will-change: transform;
        background-color: transparent;
    }
    [class*=stacked--]:before, [class*=stacked--]:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    /*  background-color: currentColor;*/
        background-color: transparent;
    /*background-color: transparent;*/
      transition: transform 0.3s ease-in-out;
      will-change: transform;
    }
    [class*=stacked--]:before {
      z-index: -1;
    }
    [class*=stacked--]:after {
      z-index: -2;
    }
    .card{
      border: unset !important;
    }

    .card-3 .content {
      background-color: #d6d6df !important;
    /*  background-color: transparent;*/
    /*background-color: ;*/
      border-radius: 5px;
    }
    .card-3:before, .card-3:after {
      border-radius: 5px;
    }
    .card-3:before {
    /*  background-color: #679fa8 !important;*/
        background-color: transparent;
    }
    .card-3 .title, .card-3:after {
    /*  background-color: #82809b !important;*/
        background-color: transparent;
    }

    .stacked--up:before, .stacked--up:after {
      transform-origin: center bottom;
    }
    .stacked--up:hover {
      transform: translate(0, -10px);
    }
    .stacked--up:hover:before {
      transform: translate(0, 10px) scale(0.95);
    }
    .stacked--up:hover:after {
      transform: translate(0, 20px) scale(0.9);
    }

    /*COMMON - STYLES END*/


@media (max-width: 576px) {
    .parent-testimonials-item {
        padding: 15px;
        width: 485px !important;
        height: 243px !important;
        /*background-color: rgb(235, 235, 235);*/
        background-color: #f5f5f5;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        text-align: center;
        margin: 10px;
    }

    .testimonial-author img {
        width: 40px;
        height: 40px;
    }

    .testimonial-content {
        font-size: 14px;
    }
    .navbar-nav .nav-item .nav-link {
        color: #000;
        font-size: 15px !important;
        margin-right: 10px;
    }
     .navbar-nav .nav-item{
        text-align: left;
     }
    .offcanvas-header{
        border-bottom: 1px solid #ddd;
    }
    .offcanvas-body{
        background-color: #f5f5f5;
    }
    .btn-reg{
        display: none;
    }
    .log-bar{
        text-align: left !important;
    }
    #contact-banner .contact-banner-title{
        margin-top: 80px;
    }
    #contact-banner .contact-banner-title h1{
        padding-bottom: 10px;
    }
    #about-banner .about-banner-title{
         margin-top: 80px;
    }

     #about-banner .about-banner-title h1{
         padding-bottom: 10px;
     }
     #awards-banner .awards-banner-title{
        margin-top: 100px;
     }
     #awards-banner .awards-banner-title h1{
         padding-bottom: 10px;
     }
     #results-banner .results-banner-title{
        margin-top: 80px;
     }
    #results-banner .results-banner-title h1{
         padding-bottom: 10px;
    }
     .awards .team-box{
        max-height: unset;
     }


}

@media (max-width: 768px) {

    .parent-testimonials-item {
        width: 640px !important;
        height: 243px !important;
        background-color: rgb(235, 235, 235);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
         border-radius: 8px; 
        margin: 10px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        justify-content: center;
    }

    .parent-testimonials-item {
        padding: 15px;
    }

    .testimonial-author img {
        width: 60px;
        height: 60px;
    }

    .testimonial-content {
        font-size: 14px;
    }
}