body {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    background: #fff;
	padding-top:0px;
}
body::-webkit-scrollbar {
	width:4px;
  background-color:#04040b;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color:#ffffff38;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    line-height: 23px;
	color:#6a6a6a;
	font-size:16px;
}
a{
	text-decoration:none;	
	}
ul.list li {
    padding: 0px 0;
    position: relative;
    padding-bottom: 17px;
    padding-left: 20px;
    text-align: justify;
}

    ul.list li:before, ul.list li:after {
        content: "";
        position: absolute;
        left: 0;
        width: 8px;
        height: 2px;
        background: #ff9829;
        top: 8px;
        transition: .3s;
    }

    ul.list li:before {
        transform: rotate(45deg);
        margin-top: -2px;
    }

    ul.list li:after {
        transform: rotate(-45deg);
        margin-top: 2px;
    }

    ul.list li:hover:before,
    ul.list li:hover:after {
        left: 5px;
    }


.animate-bottom {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideIn;
}
@keyframes slideIn {
    0% {
        transform: translateY(2rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(2rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform(2rem);
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(2rem);
        -webkit-opacity: 0;
    }
}

@media (max-width: 991.98px) {
    .animate-bottom {
        -webkit-animation-fill-mode: inherit;
        animation-name: inherit;
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(3rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0rem);
        opacity: 1;
    }

    0% {
        transform: translateX(3rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: transform(3rem);
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateX(3rem);
        -webkit-opacity: 0;
    }
}
.btn.theme-success{
	background: var(--int-btn-success);
    color: var(--int-light-color);	
	}
.btn.theme-warning{
	background: var(--int-color-theme-1);
    color: var(--int-light-color);	
	}
/*=============main Banner=================*/
.banner-carousel {
    position: relative;
}
.banner-carousel .np-btn-set{
	width: 40px;
	height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 1;
    background: #00000087;
	right:0;
	}

    .banner-carousel .carousel-control-prev,
    .banner-carousel .carousel-control-next {
    width: 40px;
    height: 40px;
    top: 0;
    margin-right: 0px;
    margin-left: 0px;
    transition: .3s;
    z-index: 1;
	position:relative;
    }

.banner-carousel .carousel-caption {
	position: relative;
    right:0%;
    left:0%;
    top:0%;
    bottom: inherit;
    color: #fff;
	text-align:left;
	padding-top:64px;
    }

        .banner-carousel .carousel-caption a.btn {
            animation-duration: .4s;
            -webkit-animation-duration: .4s;
            animation-fill-mode: both;
            -webkit-animation-fill-mode: both;
            animation-name: slideRight;
            -webkit-animation-delay: .9s;
            animation-delay: .9s;
        }
.btn.btn-arrow {
    background: var(--int-color-theme-1);
    color: var(--int-light-color);
	border-radius:40px;
	overflow:hidden;
	padding:4px;
	border: none;
	position:relative;
}
.btn.btn-arrow span{
	padding:0px 10px;
	z-index:1;
	position:relative;
}
.btn.btn-arrow i{
	border-radius: 50%;
    background: #ffffff38;
    width: 40px;
    height: 40px;
    line-height: 40px;
	rotate: -45deg;
	transition:0.3s;	
}
.btn.btn-arrow:hover i{
	rotate: 0deg;
	}
.btn.btn-arrow:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 30px;
    height: 30px;
    transform-origin: 100% 50%;
    transform: scale3d(1, 2, 1);
    border-radius: 50%;
    background:var(--int-color-theme-2);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.9, 1), opacity 0.4s;
	}
.btn.btn-arrow:hover:before{
	transform: scale3d(10, 6, 1);
	}
.banner-carousel .carousel-caption h2 {
     font-size: 1.5rem;
    animation-duration: 0.9s;
            -webkit-animation-duration: 0.9s;
			animation-delay: .9s;
			-webkit-animation-delay: .9s;
    margin-bottom: 40px;
	color: var(--int-color-theme-2);
        }

        .banner-carousel .carousel-caption h1 {
            font-size: 3rem;
            font-weight: 600;
			animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
	color: var(--int-color-text);
        }


        .banner-carousel .carousel-caption h2,
        .banner-carousel .carousel-caption h1,
		.banner-carousel .carousel-caption a {
            animation-fill-mode: both;
            -webkit-animation-fill-mode: both;
            animation-name: slideIn;
            
        }


@keyframes slideIn {
    0% {
        transform: translateY(2rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(2rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform(2rem);
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(2rem);
        -webkit-opacity: 0;
    }
}

@media (max-width: 991.98px) {
    .animate-bottom {
        -webkit-animation-fill-mode: inherit;
        animation-name: inherit;
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(3rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0rem);
        opacity: 1;
    }

    0% {
        transform: translateX(3rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: transform(3rem);
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateX(3rem);
        -webkit-opacity: 0;
    }
}
.banner-carousel .carousel-caption .left{
	padding-top:11%;
	padding-left:10%;
	}
.banner-carousel .carousel-caption .right{
    height: 550px;
	background:#4d9ebb;
	background-size:100%;
	position:relative;	
	}
	.banner-carousel .carousel-caption .right:after{
		content:'';
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		top:0;
		background:url(../images/banner-left-img.png) no-repeat center bottom;
		background-size:80%;	
	}
	.banner-carousel .carousel-caption .right:before{
		content:'';
		position:absolute;
		left:4%;
		right:4%;
		top:0;
		bottom:0;
		background:url(../images/roundedline.png) no-repeat center bottom;
		background-size:100%;	
	}
.banner-carousel .carousel-caption .right .icon{
	position: absolute;
    width: 200px;
    height: 250px;
    background: url(../images/kite.png) no-repeat center bottom;
    background-size: 100%;
    left: -138px;
    bottom: 0;
	z-index:1;	
	}
/********************************/
/*       Slides backgrounds     */
/********************************/
.banner-carousel .carousel-item .img{
  height: 700px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner-carousel .carousel-item .img.img-1 {
  background-image: url(../Images/banner-1.webp);
}

.banner-carousel .carousel-item .img.img-2 {
  background-image: url(../Images/banner-1.webp);
}

.banner-carousel .carousel-item .img.img-3 {
  background-image: url(../Images/banner-3.jpg);
}

.banner-carousel .carousel-item .img.img-4 {
  background-image: url(../Images/banner-4.jpg);
}
/*----------------------------------*/
.right-box{
	padding-top:20px;
	padding-bottom:20px;
	}
.right-box h2 {
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 5px;
}
.right-box h4{
    text-transform: uppercase;
	color:var(--int-color-theme-1);
    font-size: 20px;
    position: relative;
    padding-top: 25px;
	letter-spacing: 0.6rem;
	}
.right-box p {
    line-height: 25px;
    text-align: justify;
}

.left-box{}
.left-box .img-box{}
.left-box .img-box >div{
	width:150px;
	height:150px;
	border-radius:50%;
	right:0;
	top:0;
	background: #fff;
    box-shadow: 0px 7px 13px -2px #0000003b;	
	}
.img-hover {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.img-hover:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.img-hover:hover:before {
    -webkit-animation: circle 0.75s;
    animation: circle 0.75s;
	opacity:1;
}
@-webkit-keyframes circle{
	0%{opacity:1}
	40%{opacity:1}
	100%{width:200%;height:200%;opacity:0}
	}
@keyframes circle{
	0%{opacity:1}
	40%{opacity:1}
	100%{width:200%;height:200%;opacity:0}
	}
/*---------------*/
.facilities-scroll{
	padding:30px 0px;
	position:relative;
	background: var(--bg-gradient-dark);
	z-index: 1;	
	}
.facilities-scroll h3{
	font-size: 3rem;
    font-weight: 700;
	color:#fff;	
	}
.facilities-scroll h4{
	font-size: 1.3rem;
    line-height: 33px;
    margin-top: 22px;
	color: #fff;
	}
.facilities-scroll .owl-dots{
	display:none;	
	}
.facilities-scroll .owl-carousel .owl-nav { 	
    }
.facilities-scroll .owl-carousel .owl-nav button.owl-next,
.facilities-scroll .owl-carousel .owl-nav button.owl-prev {
     position: absolute;
    width: 30px;
    height: 30px;
    outline: none;
	top: 50%;
	margin-top:-21px;
        }

.facilities-scroll .owl-carousel .owl-nav button.owl-next {
            right:-10px;
        }
.facilities-scroll .owl-carousel .owl-nav button.owl-prev {
            left:-10px;
        }
.facilities-scroll .owl-carousel .owl-nav button.owl-next i,
.facilities-scroll .owl-carousel .owl-nav button.owl-prev i {
   color: #324e92;
    font-size: 25px;
    line-height: 42px;
    background: #ffffff;
    width: 42px;
    height: 42px;
    border-radius:50%;
	box-shadow: 0px 14px 17px #00000059;
            }
.facilities-scroll .item {
    padding: 10px;
}
.facilities-scroll .item .box {
	background: #fff;
    border: 8px solid #fff;
    border-radius: 30px;
	text-align: center;	
	}
.facilities-scroll .item .box h4{
	color: var(--int-color-theme-2);	
	}
.facilities-scroll .item .box img{
	border-radius: 30px;
	}
/*-----------------------------*/

.why-choose-us{
	position:relative;
	padding:40px 0px;
	background:var(--bg-gray-gradient-secondary);
	padding-bottom:187px;
	}
.why-choose-us:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:187px;
	background: url(../images/cloud.png) repeat-x bottom center;	
	}
.why-choose-us .container{
	position:relative;
	z-index:1;	
	}
.why-choose-us b{
	font-size: 4rem;
    margin-bottom: 20px;
    display: inline-block;	
	}
.why-choose-us h4{
	font-size: 1.2rem;	
	}
.why-choose-us p{}

/*-----------------------------*/
.about-us{
	padding:30px 0;	
	}
.vm{
	position: relative;
    margin-bottom: -34px;
    z-index: 1;
	}

.vm .box{
	position:relative;
	background: var(--bg-gradient-dark);
    padding: 30px;
    border-radius: 50px;	
	}
.vm .box:after{
	content:'';
	position:absolute;
	right:-48px;
	top:-48px;
	width:100px;
	height:100px;
	background: url(../images/cap.png) no-repeat center;
	background-size:100%;	
	}
.vm .box h5{
	color:#fff;	
	}
.vm .box p{
	color:#a6bbe1;	
	}
/*-------------------------------*/
.facilities{
	padding:50px 0;	
	}
.facilities h2 {
    font-size: 2rem;
    color: var(--int-color-text);
}
.facilities .facility-card {
    background: #fff;
    border-radius: 15px;
    transition: all 0.3s ease;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  }

  .facilities .facility-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.1);
  }

  .facilities .facility-img img {
    transition: all 0.3s ease;
  }

 .facilities .facility-card:hover img {
    transform: scale(1.05);
  }
 /*---------------------------*/
 .gallery{
	position:relative;
	padding:30px 0;	
	}
.gallery h2 {
    font-size: 2rem;
    color: var(--int-color-text);
}
.gallery .lightGallery a {
    padding: 10px;
    transition: .3s;
    background: url(../images/loading.gif) no-repeat center;
    max-height: 250px;
    min-height: 250px;
}

.gallery .lightGallery a .img-fluid {
        max-width: 100%;
        height: 100%;
        width: 100%;
		transition:0.3s;
        object-fit: cover;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
		       border: 10px solid #fff;
    border-radius:40px;
    }
.gallery .lightGallery a:hover .img-fluid {
	border-radius: 0px 10px 0px 10px;
}
/*----------*/

.achieveres{
	position: relative;
    padding: 50px 0;	
	}
.achieveres h2 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--int-color-text);
}
.achieveres .nav-underline .nav-link{
	border-bottom:2px solid #33333300;
	color: var(--int-color-text);	
	}
.achieveres .nav-underline .nav-link.active,
.achieveres .nav-underline .show > .nav-link{
	border-bottom:2px solid #333;
	color:var(--int-color-theme-1);	
	}
/*-----------------------------*/
.contactus{
	position: relative;
    padding: 50px 0 0 0px;	
	}
.contactus h1{
    font-size: 1rem;
    font-weight: 600;
	text-transform:uppercase;
    color:#6a6a6a;
}
.contactus h2 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--int-color-text);
}

    .contact-details ul li {
        position: relative;
        padding-left: 50px;
        padding-bottom: 25px;
    }

.contact-details ul li i {
	font-size: 15px;
    margin-top: 3px;
    color: var(--int-light-color);
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background:var(--int-color-theme-1);
    text-align: center;
    border-radius: 50%;
}
.contactus .map{
	margin-top:20px;	
	}
.contact-details ul li a{
	color:#333;	
	}
ul.social-links li {
    display: inline-block;
    width: auto;
    margin: 0px 4px;
    float: inherit;
    margin-top: 10px;
}

ul.social-links li a {
	color:var(--int-light-color);
    width: 45px;
    height: 45px;
    line-height: 44px;
    float: left;
    font-size: 20px;
    text-align: center;
    transition: .2s;
    background: var(--int-btn-success);
}

ul.social-links li a:hover {
	background: #3a4d94;
	color: #f1f2f8;
}
.getintouch-box{
	position: relative;
    background: #f1f2f8;
    padding: 50px;
    border-radius: 30px;
	}
.getintouch-box h4{
	color:var(--int-color-text);
	font-weight:600;	
	}
.getintouch-box .btn{
	background: var(--int-color-theme-1);
	color:var(--int-light-color);	
	}

/*--------------Header-------------*/
.subheader {
	position:relative;
    padding-bottom: 70px;
    padding-top: 90px;
	transition:.8s;
	background:var(--bg-gradient-dark);
}
.subheader:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	height:245px;
	background:url(../images/subheading-bg.png) no-repeat right;
}
.subheader:hover:before {
	backdrop-filter: blur(0px);	
	}
.subheader.bg-1 {
	background: #9f9f9f url(../images/subheading-bg-1.jpg) no-repeat;
	background-size:100%;
	background-attachment: fixed, scroll;	
	}
.subheader .container{
	position:relative;	
	}	
.subheader h1 {
    color: #eceff3;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
}
.subheader .crumb {
    font-size: 10px;
    letter-spacing: 3px;
    margin-top: 85px;
    color: #fff;
    text-transform: uppercase;
}
.subheader .crumb li {
    display: inline;
    text-decoration: none;
    padding: 0 2px 0 2px;
}
.subheader .crumb li a{
	color: var(--int-color-theme-1);
	text-decoration:none;
}
/*-----------------------------*/
:root{
	 --int-font-primary: "Outfit", sans-serif;
    --int-btn-success: #1cb098;
    --int-light-color: #fff;
    --int-dark-color: #3a3a3a;
    --int-color-theme-1: #f18b1d;
	--int-color-theme-2: #2f5ba9;
    --int-color-theme-3: #d08700;
    --int-color-text: #253a6d;
	--bg-gradient-dark: linear-gradient(to left, #032850 0%, #134a87 100%);
	--bg-gray-gradient-secondary: linear-gradient(to left, #E5FFF3 0%, #c9e3f8 30%, #FDF2EF 100%);
	}


/*--------------------------Student Form--------*/
.subheader.student-form-head {
    position: relative;
    padding-bottom: 70px;
    padding-top: 30px;
    transition: .8s;
    height: 254px;
}

.sf-head-logo img {
    width: auto;
    object-fit: contain;
}

.sf-head-title {
    text-align: right;
}

.sf-head-title h2 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.2;
}

.sf-head-title p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.9rem;
    margin: 0;
    letter-spacing: 0.3px;
}
.student-form {
  position: relative;
  margin-top: -95px;
  padding-bottom: 60px;
}

.student-card {
  border: none;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.student-card-header {
  background: var(--bg-gradient-dark);
  padding: 22px 28px;
  border-bottom: none;
  border-top: 1px solid #ffffff38;
}

.student-card-header h4 {
  color: #fff;
  font-weight: 600;
  font-size: 1.2rem;
  margin: 0;
}

.sf-label {
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  color: var(--int-color-text);
  margin-bottom: 6px;
}

.sf-input {
  border: 1.5px solid #dde4f0;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 0.95rem;
  color: #333;
  transition: border-color 0.25s, box-shadow 0.25s;
  background: #f9fbff;
}

.sf-input:focus {
  border-color: var(--int-color-theme-2);
  box-shadow: 0 0 0 3px rgba(47, 91, 169, 0.12);
  background: #fff;
  outline: none;
}

.sf-input::placeholder {
  color: #aab4c8;
  font-size: 0.88rem;
}

.sf-btn-submit {
  background: var(--bg-gradient-dark);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.04rem;
  transition: opacity 0.25s, transform 0.2s;
}

.sf-btn-submit:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #fff;
}

.sf-notice {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: #fff8ed;
  border-left: 4px solid var(--int-color-theme-1);
  border-radius: 10px;
  padding: 16px 18px;
  margin-bottom: 24px;
}

.sf-notice-icon {
  color: var(--int-color-theme-1);
  font-size: 1.2rem;
  margin-top: 2px;
  flex-shrink: 0;
}

.sf-notice p {
  font-size: 0.9rem;
  color: #5a4010;
  margin-bottom: 4px;
  line-height: 1.5;
}
/*--------------------------Activity Form--------*/

/* Lookup */
.sf-lookup-wrap {
  position: relative;
}

.sf-lookup-spinner {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--int-color-theme-2);
  font-size: 1rem;
}

.sf-lookup-msg {
  font-size: 0.88rem;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 8px;
}

.sf-lookup-success {
  background: #eafaf3;
  color: #1a7a4a;
  border-left: 3px solid #1cb098;
}

.sf-lookup-error {
  background: #fff0f0;
  color: #c0392b;
  border-left: 3px solid #e74c3c;
}

/* Student info display bar */
.sf-student-info-bar {
  display: flex;
  align-items: center;
  gap: 0;
  background: #f0f4ff;
  border: 1.5px solid #d0daf5;
  border-radius: 12px;
  overflow: hidden;
}

.sf-student-info-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 20px;
  flex: 1;
}

.sf-info-divider {
  width: 1.5px;
  align-self: stretch;
  background: #d0daf5;
}

.sf-info-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8898c0;
}

.sf-info-value {
  font-size: 1rem;
  font-weight: 700;
  color: var(--int-color-text);
}

@media (max-width: 480px) {
  .sf-student-info-bar {
    flex-wrap: wrap;
  }

  .sf-student-info-item {
    flex: 1 1 50%;
  }

  .sf-info-divider {
    display: none;
  }
}

/* Activities checkboxes */
.sf-activities {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sf-check-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 11px 16px;
  border-radius: 10px;
  border: 1.5px solid #e4e8f2;
  background: #fff;
  transition: border-color 0.2s, background 0.2s;
  font-size: 0.95rem;
  color: var(--int-color-text);
  font-weight: 500;
  user-select: none;
  margin: 0;
}

.sf-check-item:hover {
  border-color: var(--int-color-theme-2);
  background: #f4f7ff;
}

.sf-checkbox {
  display: none;
}

.sf-check-box {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #c5cde0;
  border-radius: 5px;
  background: #fff;
  position: relative;
  transition: all 0.2s;
}

.sf-checkbox:checked + .sf-check-box {
  background: var(--int-color-theme-2);
  border-color: var(--int-color-theme-2);
}

.sf-checkbox:checked + .sf-check-box::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.sf-checkbox:checked ~ span {
  color: var(--int-color-theme-2);
}

.sf-check-item:has(.sf-checkbox:checked) {
  border-color: var(--int-color-theme-2);
  background: #f0f4ff;
}

.sf-optional-tag {
  font-size: 0.75rem;
  font-weight: 600;
  font-style: normal;
  background: rgba(241, 139, 29, 0.12);
  color: var(--int-color-theme-1);
  padding: 2px 8px;
  border-radius: 20px;
  margin-left: 4px;
}

.sf-price-tag {
  margin-left: auto;
  padding: 0px 12px;
  white-space: nowrap;
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 30px;
  color: var(--int-color-theme-3);
}
.sf-checkbox:checked ~ span.sf-price-tag { color: var(--int-color-theme-3);}  

.sf-price-strike {
  color: #9aa3b5;
  text-decoration: line-through;
  font-weight: 500;
  font-size: 0.7rem;
  margin-right: 6px;
}

.sf-price-final {
  font-weight: 700;
  font-size: 0.9rem;
}

/* Total price (near submit) */
.sf-total-col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sf-total-price {
  text-align: right;
  line-height: 1.3;
  border: 1px dashed var(--int-color-theme-3);
  padding: 5px 20px;
  border-radius: 10px;
}

.sf-total-label {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--int-btn-success);
  font-weight: 600;
}

.sf-total-strike {
  color: #9aa3b5;
  text-decoration: line-through;
  font-size: 0.85rem;
  font-weight: 500;
  margin-right: 6px;
}

.sf-total-final {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--int-color-theme-2);
}

/* Compulsory notice */

.sf-compulsory-notice {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #eef3ff;
  border-left: 4px solid var(--int-color-theme-2);
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 0.9rem;
  color: var(--int-color-text);
}

.sf-compulsory-icon {
  font-size: 1.3rem;
  color: var(--int-color-theme-2);
  flex-shrink: 0;
}
/* Radio group */

.sf-radio-group {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.sf-radio-item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 10px;
  border: 1.5px solid #e4e8f2;
  background: #fff;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--int-color-text);
  transition: border-color 0.2s, background 0.2s;
  user-select: none;
  margin: 0;
}

.sf-radio-item:has(.sf-radio:disabled) {
  cursor: not-allowed;
  opacity: 0.75;
}

.sf-radio-item:has(.sf-radio:disabled):hover {
  border-color: #e4e8f2;
  background: #fff;
}

.sf-radio-item:hover {
  border-color: var(--int-color-theme-2);
  background: #f4f7ff;
}

.sf-radio {
  display: none;
}

.sf-radio-box {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #c5cde0;
  border-radius: 50%;
  background: #fff;
  position: relative;
  transition: all 0.2s;
}

.sf-radio:checked + .sf-radio-box {
  border-color: var(--int-color-theme-2);
}

.sf-radio:checked + .sf-radio-box::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: var(--int-color-theme-2);
  border-radius: 50%;
}

.sf-radio-item:has(.sf-radio:checked) {
  border-color: var(--int-color-theme-2);
  background: #f0f4ff;
}

/* Student picker (twins/siblings) */
.sf-student-select-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sf-student-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1.5px solid #e4e8f2;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  margin: 0;
  user-select: none;
}

.sf-student-card:hover {
  border-color: var(--int-color-theme-2);
  background: #f4f7ff;
}

.sf-student-card:has(input:checked) {
  border-color: var(--int-color-theme-2);
  background: #f0f4ff;
}

.sf-student-card input[type="radio"] {
  display: none;
}

.sf-student-card-radio {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #c5cde0;
  border-radius: 50%;
  position: relative;
  transition: border-color 0.2s;
}

.sf-student-card:has(input:checked) .sf-student-card-radio {
  border-color: var(--int-color-theme-2);
}

.sf-student-card:has(input:checked) .sf-student-card-radio::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: var(--int-color-theme-2);
  border-radius: 50%;
}

.sf-student-card-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sf-student-card-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--int-color-text);
}

.sf-student-card-class {
  font-size: 0.8rem;
  color: #6a6a6a;
}

.sf-student-card-class i {
  color: var(--int-color-theme-1);
  margin-right: 4px;
}

.sf-student-card--done {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  background: #f4f6fb;
}

.sf-done-badge {
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1a7a4a;
  background: #eafaf3;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
}

.sf-done-badge i {
  margin-right: 4px;
}

/* Concession note */
.sf-concession-note {
  font-size: 0.82rem;
  color: #6a6a6a;
  margin: 0;
  line-height: 1.5;
}

.sf-concession-note i {
  color: var(--int-color-theme-1);
  margin-right: 4px;
}

.sf-concession-note--dim {
  opacity: 0.45;
}

/*--------------------------News & Events--------*/
.news-events {
  padding: 80px 0 90px;
  background: #f4f6fb;
}

/* Cards */
.ne-card {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 20px rgba(19, 74, 135, 0.08);
  transition: transform 0.32s ease, box-shadow 0.32s ease;
  display: flex;
  flex-direction: column;
}

.ne-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 50px rgba(19, 74, 135, 0.16);
}

.ne-card-img {
  position: relative;
    overflow: hidden;
    flex-shrink: 0;
    height: 230px;
}

.ne-card-img img {
  object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
    height: auto;
}

.ne-card-featured .ne-card-img img {
  height: 320px;
}

.ne-card:hover .ne-card-img img {
  transform: scale(1.06);
}

/* Category tags */
.ne-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--int-color-theme-1);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 20px;
}

.ne-tag.ne-tag-event {
  background: var(--int-color-theme-2);
}

.ne-tag.ne-tag-news {
  background: #1cb098;
}

/* Date badge */
.ne-date-badge {
  position: absolute;
  bottom: 14px;
  right: 14px;
  background: rgba(3, 40, 80, 0.65);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 500;
  padding: 5px 13px;
  border-radius: 20px;
}

.ne-date-badge i {
  color: var(--int-color-theme-1);
  margin-right: 5px;
}

/* Card body */
.ne-card-body {
  padding: 22px 24px 26px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ne-card-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--int-color-text);
  margin-bottom: 10px;
  line-height: 1.45;
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ne-card-featured .ne-card-title {
  font-size: 1.45rem;
}

.ne-card-excerpt {
  font-size: 0.9rem;
    color: #6a6a6a;
    line-height: 1.65;
    flex: 1;
    margin-bottom: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ne-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--int-color-theme-1);
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  transition: gap 0.25s ease, color 0.25s ease;
  margin-top: auto;
}

.ne-btn:hover {
  color: var(--int-color-theme-2);
  gap: 12px;
}

/* Load more button */
.ne-load-more {
  padding: 12px 36px;
  border-radius: 30px;
  border: 2px solid var(--int-color-theme-2);
  background: transparent;
  color: var(--int-color-theme-2);
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s;
  font-family: var(--int-font-primary);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.ne-load-more:hover {
  background: var(--bg-gradient-dark);
  color: #fff;
  border-color: transparent;
}

@media (max-width: 767px) {
  .news-events {
    padding: 50px 0 60px;
  }
  .ne-section-title {
    font-size: 1.8rem;
  }
  .ne-card-featured .ne-card-img img {
    height: 220px;
  }
  .ne-card-featured .ne-card-title {
    font-size: 1.15rem;
  }
}
/*---------------------------------------------*/

/*--------------------------News Details--------*/
.news-details {
  padding: 70px 0 90px;
  background: #f4f6fb;
}

.nd-featured-img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 24px;
}

.nd-featured-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.nd-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.nd-meta-date {
  font-size: 0.88rem;
  color: #6a6a6a;
}

.nd-meta-date i {
  color: var(--int-color-theme-1);
  margin-right: 5px;
}

.nd-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--int-color-text);
  line-height: 1.35;
  margin-bottom: 28px;
}

.nd-body {
  background: #fff;
  border-radius: 16px;
  padding: 38px 42px;
  box-shadow: 0 4px 20px rgba(19, 74, 135, 0.07);
  margin-bottom: 28px;
}

.nd-body p {
  font-size: 1rem;
  line-height: 1.85;
  color: #4a4a4a;
  margin-bottom: 18px;
}

/* Footer bar */
.nd-footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.nd-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--int-color-theme-2);
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  border: 2px solid var(--int-color-theme-2);
  padding: 9px 22px;
  border-radius: 30px;
  transition: all 0.3s;
}

.nd-back-btn:hover {
  background: var(--bg-gradient-dark);
  color: #fff;
  border-color: transparent;
}

/* Sidebar */
.nd-sidebar-col > div {
  position: sticky;
  top: 100px;
}

.nd-sidebar-box {
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 4px 20px rgba(19, 74, 135, 0.07);
  margin-bottom: 24px;
}

.nd-sidebar-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--int-color-text);
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f0f3fa;
}

.nd-recent-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 0;
  border-bottom: 1px solid #f0f3fa;
  text-decoration: none;
  transition: opacity 0.25s;
}

.nd-recent-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.nd-recent-item:hover {
  opacity: 0.78;
}

.nd-recent-img {
  flex-shrink: 0;
  width: 72px;
  height: 58px;
  border-radius: 10px;
  overflow: hidden;
}

.nd-recent-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nd-recent-info p {
  font-size: 0.88rem;
    font-weight: 600;
    color: var(--int-color-text);
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nd-recent-info span {
  font-size: 0.78rem;
  color: #6a6a6a;
}

.nd-recent-info span i {
  color: var(--int-color-theme-1);
  margin-right: 4px;
}

/* Sidebar CTA */
.nd-sidebar-cta {
  background: var(--bg-gradient-dark);
  border-radius: 16px;
  padding: 32px 28px;
  text-align: center;
}

.nd-cta-icon {
  font-size: 2rem;
  color: var(--int-color-theme-1);
  margin-bottom: 14px;
}

.nd-sidebar-cta h4 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.nd-sidebar-cta p {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 22px;
  line-height: 1.6;
}

.nd-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--int-color-theme-1);
  color: #fff;
  border-radius: 30px;
  padding: 10px 26px;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  transition: opacity 0.3s;
}

.nd-cta-btn:hover {
  opacity: 0.88;
  color: #fff;
}

@media (max-width: 767px) {
  .news-details {
    padding: 50px 0 60px;
  }
  .nd-featured-img img {
    height: 220px;
  }
  .nd-title {
    font-size: 1.45rem;
  }
  .nd-body {
    padding: 24px 20px;
  }
}
/*---------------------------------------------*/
@media (max-width: 767px) {
body {
	padding-top:0px;
}
.banner-carousel .carousel-item .img.img-1 {
    background: url(../Images/banner-1.webp) -224px 12px no-repeat;
    background-size: cover;
}
.banner-carousel .carousel-caption {
    position: relative;
        padding-top: 30px;
}

.banner-carousel .carousel-caption h1 {
    font-size: 2rem;
	color: #fff;
}
.banner-carousel .carousel-caption h2 {
    font-size: 1.3rem;
	color: #ecc100;
	margin-bottom: 20px;
}
.banner-carousel .carousel-caption .left{
	    position: absolute;
    z-index: 1;
    padding-top: 40px;	
	}
.banner-carousel .carousel-caption .right {
    height: 600px;
	background:linear-gradient(360deg, #9aa8ba, #324e92);
}
.banner-carousel .carousel-caption .right .icon {
    left: 301px;
    bottom: 170px;
}
.left-box .img-box >div{
	display:none;	
	}
.right-box h4{
	font-size:18px;	
	}
.right-box h2 {
    font-size: 30px;
}
.facilities-scroll h3 {
    font-size: 2rem;
}
.facilities-scroll h4 {
    font-size: 1rem;
    line-height: 22px;
}
.facilities .facility-card {
      padding: 1.5rem;
    }
.achieveres-scroll h3 {
    font-size: 2rem;
}
.achieveres-scroll h4 {
    font-size: 1.3rem;
}
.achieveres-scroll .owl-carousel{
	margin-top:15px;	
	}
.getintouch-box {
    padding: 30px;
}
.contactus .social-links{
	text-align:center;	
	}
.neet-registration {
    padding: 30px 0px;
}
.neet-registration .list{
	display:none;	
	}
.neet-registration h2 {
    font-size: 1.5rem;
}
.neet-registration .image-box h2{
	font-size: 2rem;	
	}
.neet-registration .image-box {
    padding: 20px;
}
.subheader {
    padding-bottom: 26px;
    padding-top: 0px;
}
.subheader:before {
    bottom:-1px;
    height: 60px;
    background: url(../images/subheading-bg.png) no-repeat right bottom;
    background-size: 100%;
}
.subheader .crumb {
    margin-top: 85px;
}
.subheader h1 {
    font-size: 2rem;
}
.subheader.student-form-head {
    padding-top: 8px;
}
.subheader.student-form-head:before {
        bottom: -1px;
        height: 223px;
        background: url(../images/subheading-bg.png) no-repeat right bottom;
        background-size: cover;
    }
    .student-form {
    margin-top: -150px;
}
}