body {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    background: #fff;
	overflow:hidden;
	padding-top:130px;
}
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;
}
html,body {
	overflow-x:hidden;	
	}
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 {
    position: relative;
    display: block;
    padding-top: 10px;
    background: #f3f7fe;
}
.banner:after {
content: '';
position: absolute;
height: 68px;
background: #fff;
left: 0;
right: 0;
bottom:0;
}
.banner .container{
z-index: 1;
position: relative;
}
.banner a {
            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;
			background:var(--int-btn-success);
			color:var(--int-light-color);
        }

.banner h2 {
     font-size: 1.9rem;
    animation-duration: 0.9s;
            -webkit-animation-duration: 0.9s;
			animation-delay: .9s;
			-webkit-animation-delay: .9s;
    margin-bottom: 40px;
	color: #544ea3;
        }

.banner h1 {
            font-size: 4rem;
            font-weight: 600;
			animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
	color: #253a6d;
        }


        .banner h2,
        .banner h1,
		.banner 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;
    }
}

.achieveres-scroll{
	padding:30px 0px;
	position:relative;
	background:#fff;
	z-index: 1;	
	}
.achieveres-scroll h3{
	font-size: 3rem;
    font-weight: 700;	
	}
.achieveres-scroll h4{
	font-size: 1.7rem;
    line-height: 33px;
    margin-top: 22px;
	color: #544ea3;
	}
.achieveres-scroll .btn {
	background: var(--int-btn-success);
    color: var(--int-light-color);
	}
.achieveres-scroll btn:hover {}
.achieveres-scroll .owl-carousel .owl-nav { 	
    }

.achieveres-scroll .owl-carousel .owl-nav button.owl-next,
     .achieveres-scroll .owl-carousel .owl-nav button.owl-prev {
     position: absolute;
    width: 30px;
    height: 30px;
    outline: none;
	top: 50%;
	margin-top:-21px;
        }

        .achieveres-scroll .owl-carousel .owl-nav button.owl-next {
            right:-10px;
        }

        .achieveres-scroll .owl-carousel .owl-nav button.owl-prev {
            left:-10px;
        }

            .achieveres-scroll .owl-carousel .owl-nav button.owl-next i,
            .achieveres-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;
            }
.achieveres-scroll .item {
    padding: 10px;
    background: #fff;
}
.achieveres-scroll .item img{
	box-shadow: 0px 0px 13px #0000003d;	
	}
/*-----------------------------*/
.neet-Program{
	position:relative;
	background:#f0eefb;
	padding:40px 0px;
	overflow:hidden;
	z-index: 1;	
	}
.round{
	position:absolute;
	right:-200px;
	height: 900px;
    width: 900px;
    border-style: solid;
    border-width: 150px 150px 150px 150px;
    border-color: #0000000D;
    border-radius: 50% 50% 50% 50%;	
	}
.neet-Program .container{
	position:relative;
	z-index:1;	
	}
.why-choose-us{
	position:relative;
	padding:40px 0px;
	}
.why-choose-us:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:url(../images/dotted-bg.png) no-repeat left top;
	opacity: 0.4;	
	}
.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;	
	}
/*-----------------------------*/
.neet-longterm-program{
	position:relative;
	padding:50px 0;	
	}
.neet-longterm-program h1{
	color:#696868;
	font-size:1.3rem;
	position:relative;
	padding-bottom:30px;	
	}
.neet-longterm-program h1:after{
	position: absolute;
    content: '';
    width: 20%;
    height: 2px;
    left: 0;
    bottom: 5px;
    background-color: var(--int-color-theme-1);	
	}
.neet-longterm-program h2{
	font-size: 2rem;
    font-weight: 600;
	color:var(--int-color-text);	
	}

/*-----------------------------*/
.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 {
}

    .contact-details ul li {
        position: relative;
        padding-left: 50px;
        padding-bottom: 25px;
    }

.contact-details ul li i {
	font-size: 15px;
    margin-top: 3px;
    color: #324e92;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: #f1f2f8;
    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: #3a4d94;
    width: 45px;
    height: 45px;
    line-height: 44px;
    float: left;
    font-size: 20px;
    text-align: center;
    transition: .2s;
    background: #f1f2f8;
}

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);	
	}
/*-----------------------------*/
.neet-registration{
	position: relative;
    background: #f1f2f8 url(../images/bg.webp) no-repeat right;
    padding: 50px;	
	}
.neet-registration h1{
    font-size: 1rem;
    font-weight: 600;
	text-transform:uppercase;
    color:#6a6a6a;
}
.neet-registration h2 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--int-color-text);
}
.neet-registration .container{
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    transition: .3s;
    padding: 0px 12px;
    box-shadow: 0px 37px 31px -24px #0000005e;
    border-radius: 20px;
}
.neet-registration .image-box{
	background: #324e92ed;
    padding: 40px;
    backdrop-filter: blur(4px);
	}
.neet-registration .image-box h2,
.neet-registration .image-box ul.list li{
	color:#fff;	
	}
.neet-registration .image-box p{
	color:#ffb114;
	font-weight:bold;	
	}
.neet-registration .form-box{
	background:#fff;	
	}
.form-theme .form-label{
	font-size: 90%;	
	}
.form-theme .form-control{}
.form-theme .form-select{}
label.error{
	font-size: 85%;
    color: #ff4949;
	}
/*-----------------------------*/
:root{
	--int-font-primary: "Outfit", sans-serif;
	--int-btn-success: #1cb098;
	--int-light-color: #fff;
	--int-dark-color: #6a6a6a;
	--int-color-theme-1:#ea6251;
	--int-color-text:#253a6d;
	}
    
@media (max-width: 767px) {	
body {
	padding-top: 40px;
}
.banner-carousel .carousel-item .img.img-1 {
    background: url(../Images/banner-1.webp) -224px 12px no-repeat;
    background-size: cover;
}

.banner h1 {
    font-size: 2rem;
}
.banner h2 {
    font-size: 1.3rem;
}
.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;
}
}
