body {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem;
    font-weight: 600;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    padding-top: 0;
    overflow-x: hidden;
}

ul,
li {
    font-family: 'Montserrat', sans-serif;
    /* font-size: 1rem; */
    font-weight: 600;
    /* margin: 0;
    padding: 0; */
    list-style: none;           
}

p {
    line-height: 23px;
}

/* h4 {
    color: #4f1453;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
} */
.heaven{
    position: relative;
    top: 50px;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Merriweather Sans', sans-serif !important;
}
label{
     font-family: 'Merriweather Sans', sans-serif !important;
}
input{
    font-family: 'Merriweather Sans', sans-serif !important;  
}

p{
    font-family: 'Roboto', sans-serif !important;
}
.animate-bottom {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideIn;
}

.btn.btn-theme {
    color: #fff;
    background-color: #ff9829;
    border-color: #ff9829;
}




/*=============main Banner=================*/

.banner-carousel {
    position: relative;
}

.banner-carousel .np-btn-set {
    width: 80px;
    position: absolute;
    top: 64%;
    margin-top: -20px;
    height: 40px;
    z-index: 1;
    background: #00000087;
}

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

.banner-carousel .carousel-caption {
    position: absolute;
    right: 0%;
    top: 20%;
    bottom: 0;
    left: 0
}

.banner-carousel .carousel-caption .c-left {
    position: absolute;
    text-align: left;
    background-image: -webkit-gradient(linear, left top, right top, from(#4f1453), to(#fff0));
    background-image: linear-gradient(to right, #4f1453, #fff0);
    padding: 50px 25px 50px 25px;
}

.banner-carousel .carousel-caption .c-left a {}

.banner-carousel .carousel-caption .c-right {
    position: absolute;
    right: 123px;
    bottom: 40px;
}

.banner-carousel .carousel-caption .c-right a {
    background: #f6831f;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    width: 80px;
    height: 90px;
    display: block;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0px 75%, 0px 25%);
    text-align: center;
    padding-top: 26px;
    line-height: 17px;
    text-decoration: none;
    transition: 0.3s;
    font-weight: 700;
    font-size: 0.9rem
}

.banner-carousel .carousel-caption .c-right a:hover {
    transform: translateX(5px);
    background: #4f1453;
}

.banner-carousel .carousel-caption .c-left ul li {
    display: inline-block;
    font-size: 0.8rem;
    padding: 0px 2px;
}

.banner-carousel .carousel-caption .c-left ul li a {
    position: relative;
    display: block;
    padding: 5px 6px;
    color: #fff;
    border: 1px solid #f7a12c;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    overflow: hidden;
}

.banner-carousel .carousel-caption .c-left ul li a:after {
    content: '';
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #ffffffa3;
    opacity: 1;
    transition: .3s;
    bottom: 0;
    -webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
    clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
}

.banner-carousel .carousel-caption .c-left ul li a:hover:after {
    left: 100%;
    opacity: 0;
    transition: .3s;
}

.banner-carousel .carousel-caption .c-left li,
.banner-carousel .carousel-caption .c-right {
    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;
}

.banner-carousel .carousel-caption h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
}

.banner-carousel .carousel-caption h5 {
    font-size: 20px;
    font-weight: 500;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
}

.banner-carousel .carousel-caption h2,
.banner-carousel .carousel-caption h5 {
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideIn;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

@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(2rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0rem);
        opacity: 1;
    }
    0% {
        transform: translateX(2rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: transform(2rem);
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateX(2rem);
        -webkit-opacity: 0;
    }
}


/*------------------UPDATED-----------------------*/

.banner {}

.banner .b-left {
    position: relative;
    text-align: center;
    /* background: #b11382; */
    background: linear-gradient(45deg, #2881b8, #58a8da);
    padding-top: 20px;
    padding-bottom: 30px;
}

.banner .b-left:before {
    content: '';
    position: absolute;
    width: 30%;
    height: 40%;
    left: 0;
    bottom: 0;
    background: #3296D2;
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%);
}

.banner .b-left:after {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 111px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    transition: .9s;
}

.banner .b-left .adm {
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
}

.banner .b-left .adm h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.banner .b-left .adm ul li {
    display: inline-block;
    font-size: 0.8rem;
    padding: 0px 2px;
}

.banner .b-left .adm ul li a {
    position: relative;
    display: block;
    padding: 5px 6px;
    color: #fff;
    border: 1px solid #f7a12c;
    text-decoration: none;
    border-radius: 3px;
    font-size: 1rem !important;
    font-weight: 500;
    overflow: hidden;
}

.banner .b-left .adm ul li a:after {
    content: '';
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #ffffffa3;
    opacity: 1;
    transition: .3s;
    bottom: 0;
    -webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
    clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
}

.banner .b-left .adm ul li a:hover:after {
    left: 100%;
    opacity: 0;
    transition: .3s;
}

.banner .box {}

.banner .box a {
    text-decoration: none;
    display: block;
    background: #fff;
    box-shadow: 0px 2px 15px -5px #000;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    transition: 0.8s;
}

.banner .box a:hover {
    background: #f0a50d;
}

.banner .box a>div {
    transition: 0.3s;
    overflow: hidden;
    border-radius: 0px 0px 15px 15px;
}

.banner .box a>div img {
    transition: 0.5s;
}

.banner .box:hover img {
    transform: scale(1.2);
}

.banner .box a h5 {
    padding: 10px 0 5px 0;
    color: #4f1453;
    transition: 0.3s;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

.banner .box a p {
    transition: 0.3s;
    font-size: 1rem;
    color: #333;
    font-family: 'Montserrat', sans-serif;
   
    margin-bottom: 5px;
}

.banner .b-right {
    position: relative;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    /* background: #f0a50d; */
    background: linear-gradient( 45deg, #D0B311, #F1DA55);
}

.banner .b-right:before,
.banner .b-right:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 40%;
    z-index: 9;
}

.banner .b-right:before {
    top: 0;
    left: 0;
    background: #062F77;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    width: 15%;
    height: 20%;
}

.banner .b-right:after {
    bottom: 0;
    right: 0;
    background: #062F77;
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.banner .b-right .overlay {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: url(../images/dotted-pixel.png) repeat-y right top;
}

.banner .b-right>div {
    position: relative;
    z-index: 1;
}

.banner .b-right h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: rgb(29, 29, 29);
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.banner .b-right h2::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 4px;
    border-radius: 15px;
    background: #f0a50d;
}

.banner .b-right .btn {
    color: #fff;
    background-color: #7a2489;
    border-color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .3s;
}

/* news and event button */
.newbutton123{
    border: 2px solid #7a2489;
    color: #fff;
    background-color: #7a2489;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .3s;
}
.newbutton123:hover{
    transform: translateY(-2px);
    box-shadow: 0px 18px 19px -10px #00000063;
    background-color:#e8c813 ;
    border: 2px solid #e8c813;

}
.list_news .btn{
    color: #fff;
    background-color: #7a2489;
   
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .3s;

}

.list_news .btn:hover{
    transform: translateY(-2px);
    box-shadow: 0px 18px 19px -10px #00000063;
    background-color:#e8c813 ;

}

.banner .b-right .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 18px 19px -10px #00000063;
}

.banner .b-right .item {
    padding: 10px 50px 20px 50px;
}

.banner .b-right .owl-carousel .owl-item img {
    display: block;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
}

.banner .b-right .item h6 {
    color: rgb(32, 32, 32);
    font-weight: 600;
    padding: 10px 10px;
    box-shadow: 0px 10px 13px -14px #000;
    margin-bottom: 5px;
    display: inline-block;
    margin-top: -7px;
    position: relative;
}

.banner .b-right .owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    top: 40%;
}

.banner .b-right .owl-carousel .owl-nav button.owl-next,
.banner .b-right .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: 39px;
    height: 40px;
    outline: none;
    z-index: 1;
}

.banner .b-right .owl-carousel .owl-nav button.owl-next {
    right: 0;
}

.banner .b-right .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.banner .b-right .owl-carousel .owl-nav button.owl-next i,
.banner .b-right .owl-carousel .owl-nav button.owl-prev i {
    width: 100%;
    height: 100%;
    line-height: 40px;
    color: #fff;
    background: #7a2489;
    font-size: 20px;
    border-radius: 50%;
    transition: 0.3s;
}

.banner .b-right .owl-carousel .owl-nav button.owl-next:hover i,
.banner .b-right .owl-carousel .owl-nav button.owl-prev:hover i {
    background: #e99a15;
}

.doc-modal {
    font-family: 'Montserrat', sans-serif;
}

.doc-modal .modal-body {
    padding: 1.5rem;
}

.doc-modal .modal-header {
    background: #f0a50d;
    color: #fff;
    border-bottom: none;
}

.modal-header .close {
    opacity: 1;
    font-size: 30px;
    background: #fff;
}

.doc-modal ol {
    padding-left: 22px;
}

.doc-modal ol li {
    list-style-type: auto;
    padding: 4px 0px;
    font-weight: 500;
}

.doc-modal p {
    font-weight: 600;
}

.highlight-wrap {
    position: relative;
    z-index: 1;
    background: url(../images/highlights-bg.jpg) no-repeat fixed top;
    background-size: cover;
    padding: 30px 0;
    text-align: center;
    box-shadow: 0px 0px 38px #000 inset;
}

.highlight-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #edf5fb;
    opacity: 0.8;
}

.highlight-wrap .box>div {
    text-decoration: none;
    display: block;
    background: #fff;
    box-shadow: 0px 2px 15px -5px #000;
    height: 100%;
    transition: 0.8s;
    padding: 10px;
    position: relative;
    border-radius: 8px;
}

.highlight-wrap .box>div:hover {
    transform: translateY(-8px);
}

.highlight-wrap .box>div .btns {
    position: absolute;
    background-image: linear-gradient( to top, #370d3a, #ffffff00);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    transition: 1s;
    opacity: 0;
}

.highlight-wrap .box>div .btns a {
    color: #fff;
    background-color: #f0a50d;
    border-color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .6s;
    margin-top: 10%;
    position: relative;
    display: inline-block;
    opacity: 0;
    text-decoration: none;
}

.highlight-wrap .box>div:hover .btns {
    opacity: 1;
}

.highlight-wrap .box>div:hover .btns a {
    margin-top: 40%;
    opacity: 1;
}

.highlight-wrap .box .img {
    transition: 0.3s;
    overflow: hidden;
    border-radius: 8px;
}

.highlight-wrap .box .img img {
    transition: 0.5s;
}

.highlight-wrap .box>div .img img {
    transform: scale(1.1);
}

.highlight-wrap .box .txt {
    transition: 0.5s;
    position: relative;
    background: #fff;
}

.highlight-wrap .box .txt h5 {
    padding: 10px 0;
    color: #4f1453;
    transition: 0.6s;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

.highlight-wrap .box>div:hover .txt {
    transform: translateY(-9px);
}

.course-highlight .box>a {
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0px 4px 22px #b4bac8bd;
    padding: 30px 15px;
    padding-left: 120px;
    position: relative;
    display: block;
    background: #fff;
    color: #434343;
    text-decoration: none;
    transition: .3s;
}

.course-highlight .box>a i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    background: #4f1453;
    border-radius: 50%;
    text-align: center;
    font-size: 34px;
    position: absolute;
    left: 15px;
    top: 15px;
    transition: .3s;
}

.course-highlight .box>a h5 {
    font-weight: 700;
}

.course-highlight .box>a h6 {
    font-size: 0.8rem;
    font-weight: 600;
}

.course-highlight .box>a:hover {
    transform: translateY(-5px);
    box-shadow: 0px 12px 28px #b4bac8bd;
}

.course-highlight .box>a:hover i {
    transform: translateY(-5px);
    background: #c05ec1;
    text-shadow: 5px 10px 11px #00000073;
}

.home-abt {
    position: relative;
    background: #fff url(../images/home-abt-bg.png) no-repeat top;
    background-size: cover;
    padding: 50px 0;
}

.home-abt h4 {
    color: #4f1453;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.home-abt p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem;
    font-weight: 600;
    padding: 6px 0;
    padding-left: 15px;
}

.home-abt ul {
    position: relative;
}

.home-abt ul:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 6px;
    background: #f0a50d;
}

.home-abt ul li {
    color: #19344b;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem;
    font-weight: 600;
    padding: 6px 0;
    ;
    padding-left: 15px;
}

.highlights {
    position: relative;
    background: url(../images/highlights-bg.jpg) no-repeat fixed top;
    background-size: cover;
    z-index: 2;
}

.highlights:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #d9e6f1;
    opacity: 0.8;
}

.highlights h4 {
    color: #4f1453;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}

.highlights h4::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 79px;
    height: 4px;
    border-radius: 15px;
    background: #f0a50e;
}

.highlights h6 {
    color: #4f1453;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.highlights p {
    color: #828282;
    font-size: 0.7rem;
}

.highlights ul {}

.highlights ul>li {
    color: #828282;
    font-size: 0.7rem;
    padding: 4px 0;
    position: relative;
    padding-left: 15px;
}

.highlights ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fda800;
    top: 50%;
    margin-top: -4px;
    transition: .3s;
    border-radius: 50%;
}

.highlights .btn {
    color: #fff;
    background-color: #f0a50d;
    border-color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .3s;
}

.highlights .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 18px 19px -10px #00000063;
}

.highlights .high-co {
    box-shadow: 0px 2px 16px #00000029;
    position: relative;
    background: #fff;
    margin-top: -40px;
    margin-bottom: -40px;
    padding-bottom: 80px;
    padding-top: 80px;
}

.highlights .high-ho {
    padding-bottom: 50px;
    padding-top: 50px;
}

.highlights .high-ho p {
    color: #333333;
}

.group-ex {
    position: relative;
    background: url(../images/grp-ex-bg.jpg) no-repeat fixed top;
    background-size: cover;
    padding: 60px 0 30px 0;
}

.group-ex:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0e0918;
    opacity: 0.8;
}

.group-ex .item {
    margin-bottom: 7px;
    margin-top: 7px;
    padding: 10px;
}

.group-ex .item a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
}

.group-ex .item>a .img {
    overflow: hidden;
}

.group-ex .item>a .img img {
    transition: 0.3s;
}

.group-ex .item>a:hover .img img {
    transform: scale(1.3);
}

.group-ex .item .clg-name {
    background: #f0a50d;
    color: #fff;
    padding: 40px 15px 15px 15px;
    transition: .3s;
    position: relative;
    -webkit-clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -30px;
}

.group-ex .item a:hover .clg-name {
    -webkit-clip-path: polygon(0% 0%, 100% 25%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 25%, 100% 100%, 0% 100%);
    margin-top: -30px;
}

.group-ex .item .clg-name h4 {
    color: #4f1453;
    font-weight: 800;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.group-ex .item .clg-name p {
    text-transform: uppercase;
    color: #4f1453;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0;
}

.facilities-pin {
    position: relative;
    padding: 40px 0 10px 0;
}

.facilities-pin:before {
    content: '';
    position: absolute;
    background: #4f1453;
    top: 0;
    left: 0;
    right: 0;
    height: 40%;
}

.facilities-pin:after {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 111px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
}

.facilities-pin h4 {
    color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.facilities-pin h4 strong {
    color: #fff;
}

.facilities-pin .item {
    padding: 10px;
}

.facilities-pin .item>div {
    box-shadow: 0px 2px 12px #00000038;
    position: relative;
    background: #fff;
    transition: 0.3s;
}

.facilities-pin .item>div:hover {
    transform: translateY(-5px);
}

.facilities-pin .item .fac-content {
    background: #fff;
    padding: 10px 15px 15px 15px;
    transition: .3s;
    position: relative;
    min-height: 180px;
}

.facilities-pin .item .fac-content:before,
.facilities-pin .item .fac-content:after {
    content: "";
    position: absolute;
    top: 0;
    background: #fff;
}

.facilities-pin .item .fac-content:before {
    left: 0;
    width: 28%;
    height: 30px;
    -webkit-clip-path: polygon(0% 0%, 100% 86%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 86%, 100% 100%, 0% 100%);
    margin-top: -28px;
}

.facilities-pin .item .fac-content:after {
    right: 0;
    width: 100%;
    height: 40px;
    -webkit-clip-path: polygon(0% 120%, 101% 0%, 101% 100%, 0% 100%);
    clip-path: polygon(0% 120%, 101% 0%, 101% 100%, 0% 100%);
    margin-top: -38px;
}

.facilities-pin .item .fac-content h6 {
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.facilities-pin .item .fac-content p {
    color: #828282;
    font-size: 0.7rem;
    font-style: italic;
}

.news-event-higlight {}

.news-event-higlight h4 {
    color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 30px;
    top: -140px;
    left: 124px;
}

.news-event-higlight h4 strong {
    color: #4f1453;
    font-weight: 800;
}

.news-event-higlight h4 .btn {
    font-weight: 600;
    color: #fff;
    background-color: #4f1453;
    border-color: #4f1453;
    font-size: 0.6rem;
    padding: 0.1rem 0.5rem;
    border-radius: 30px;
    transform: translateX(10px);
    transition: .3s;
}

.news-event-higlight h4 .btn:hover {
    transform: translateX(15px);
}

.news-event-higlight .evnt {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.news-event-higlight .evnt ul {}

.news-event-higlight .evnt ul>li {
    position: relative;
    padding: 8px 0;
    padding-left: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
}

.news-event-higlight ul>li a {
    text-decoration: none;
    display: block;
}

.news-event-higlight .evnt ul>li a span {
    background: #ececec;
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-event-higlight .evnt ul>li a span h3 {
    color: #1e2f38;
    margin: 0;
    font-size: 1.3rem;
    text-transform: uppercase;
}

.news-event-higlight .evnt ul>li h5 {
    color: #333333;
    font-size: 1rem;
}

.news-event-higlight .evnt ul>li h6 {
    color: #9a9a9a;
    margin-bottom: 0;
}

.news-event-higlight .evnt ul>li i {
    color: #f0a50d;
}

.news-event-higlight .nws {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.news-event-higlight .nws ul {}

.news-event-higlight .nws ul>li {
    position: relative;
    padding: 8px 0;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-event-higlight .nws ul>li i {
    background: #f0a50d;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin-top: -16px;
    text-align: center;
    border-radius: 50%;
}

.news-event-higlight .nws ul>li a {
    border-bottom: 1px dashed #c4c4c4;
}

.news-event-higlight .nws ul>li h6 {
    color: #333333;
    line-height: 30px;
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-event-higlight .v-m h4 {
    margin-bottom: 10px;
    position: absolute;
    bottom: 110px;
}

.news-event-higlight .v-m {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.news-event-higlight .v-m>div {
    border-radius: 10px;
    padding: 15px;
    margin: 0;
    border: 2px dotted #c1c1c133;
    box-shadow: 0px 2px 17px #00000038;
    background: #f7eedb;
    background: linear-gradient( 136deg, #ffffff, #f7eedb);
}

.news-event-higlight .v-m p {
    font-size: 1rem;
    text-align: justify;
    position: absolute;
    top: -70px;
    right: 50px;
  
}

.news-event-higlight .v-m .box {
    position: relative;
    padding-left: 110px;
}

.news-event-higlight .v-m .box i {
    height: 100px;
    width: 100px;
    /* position: absolute; */
    left: 0; 
    bottom: 80px;
    /* top: 10px; */
    border-radius: 6px;
    text-align: center;
    padding: 15px;
    border: 2px dashed #ccc;
    padding: 0px;
    margin: 31px;
}

.news-event-higlight .v-m .box i img {
    width: 90%;
    display: inline;
}

/* =====================card image========================== */

.cardimage{
    height: 90px;
    width: 90px;
    /* border-radius: 55%; */
    border: 2px dashed #ccc;
    padding: 10px;
    margin: 16px;
    position: relative; 
    left:15px;
    top:-40px;
}
.cardposition{
    position: relative;
    left: 135px;
    bottom: 130px;
}


.cardPara{
    position: relative;
    bottom: 90px;
    left: 10px;
}


.achievements-list {
    position: relative;
    background: #ececec;
    padding: 20px 20px;
    text-align: center;
}

.achievements-list:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: url(../images/dotted-pixel.png) repeat-y right top;
}

.achievements-list .item {}

.achievements-list .item .img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.achievements-list .item .img img {
    max-height: 100%;
    min-height: 100%;
}

.news-event-higlight .achievements-list h4 {
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.achievements-list .item .txt {}

.achievements-list .item .txt h6 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 15px;
}

.achievements-list .item .txt p {
    max-height: 95px;
    overflow: hidden;
    font-size: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.achievements-list .owl-dots {
    display: none;
}

.achievements-list .btn {
    position: relative;
    color: #fff;
    background-color: #f0a50d;
    border-color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.3rem 1rem;
    transition: .3s;
    margin-bottom: 8px;
    opacity: 0;
    transform: translateY(10px);
}

.achievements-list .item:hover .btn {
    opacity: 1;
    transform: translateY(0px);
}

.testimonial {
    position: relative;
    background: url(../images/testimonials-bg.jpg) no-repeat top;
    background-size: cover;
    z-index: 2;
}

.testimonial:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #003556;
    /* background: #092141; */
    opacity: 0.7;
}

.testimonial .box {
    /* background: rgb(240 165 13 / 80%); */
    background: linear-gradient( 45deg, #D0B311, #F1DA55);
    padding-bottom: 35px;
    padding-top: 35px;
    overflow: hidden;
}

.testimonial .box:before {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 111px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    transition: .9s;
}

.testimonial:hover .box:before {
    transform: scale(1.4) translateY(11px) translateX(-40px);
    opacity: 0;
}

.testimonial .box h4 {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.testimonial .box p {
    font-size: 1rem;

}

.testimonial .msg {}

.testimonial .msg .item {
    padding-left: 30px;
}

.testimonial .msg p {
    color: #fff;
}

.testimonial .msg h5 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.testimonial .msg h6 {
    color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
}

.testimonial .owl-dots {
    left: -20px;
    top: 40%;
    position: relative;
  
}

.testimonial .owl-dots .owl-dot {}

.testimonial .owl-dots .owl-dot span {
    margin: 0px 0px;
    background: #f0a50d;
}

.testimonial .owl-dots .owl-dot.active span,
.testimonial .owl-dots .owl-dot:hover span {
    background: #fff;
}


/* latest news  and vision mission*/


.news .list_news .anchor-news:hover{

    color: #430e4d;
   
}
.news .list_news .anchor-news {
    border-bottom: 2px dotted gray;
    color: #641E71;

    padding-bottom: 15px;

}
.news .list_news .anchor-news .icon:hover{

    background-color: #e8c813;
}

.news .list_news .anchor-news .icon {
    background-color:#641E71;
    padding: 5px;
    
    margin-right: 2%;
    color: white;

}

.management-col {
    position: relative;
    background: #fff;
    z-index: 2;
}

.management-col .box {
    background: #4f1453;
    color: #fff;
    padding-bottom: 60px;
    padding-top: 60px;
    overflow: hidden;
}

.management-col .box:before {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 111px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    transition: .9s;
}

.management-col:hover .box:before {
    transform: scale(1.4) translateY(11px) translateX(-40px);
    opacity: .1;
}

.management-col .box h4 {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.management-col .box p {
    font-size: 0.9rem;
    font-style: italic;
}

.management-col .btn {
    color: #fff;
    background-color: #f0a50d;
    border-color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .3s;
}

.management-col .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 18px 19px -10px #00000063;
}

.management-col .manag-imgs {}

.management-col .manag-imgs .mng-pic>div {
    box-shadow: 0px 2px 12px #00000038;
    position: relative;
    background: #fff;
    transition: 0.3s;
    font-family: 'Montserrat', sans-serif;
}

.management-col .manag-imgs .mng-pic>div .mng-name {
    padding: 15px 0px;
    text-align: center;
}

.management-col .manag-imgs .mng-pic>div h6 {
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.management-col .manag-imgs .mng-pic>div p {
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 0px;
}


/*=============Pages==================*/

.page-head {
    position: relative;
    padding: 45px 0 30px 0;
    margin-bottom: 40px;
}

.page-head.bg-common {
    background: #4f1453 url(../Images/heading-bg-common.jpg) no-repeat top fixed;
}

.page-head.bg-chairman {
    background: #4f1453 url(../Images/heading-bg-chairman.jpg) no-repeat top fixed;
}

.page-head.bg-secretary {
    background: #4f1453 url(../Images/heading-bg-secretary.jpg) no-repeat top fixed;
}

.page-head.bg-principal {
    background: #4f1453 url(../Images/heading-bg-principal.jpg) no-repeat top fixed;
}

.page-head.bg-administrative {
    background: #4f1453 url(../Images/heading-bg-administrative.jpg) no-repeat top fixed;
}

.page-head.bg-event {
    background: #4f1453 url(../Images/heading-bg-event.jpg) no-repeat top fixed;
}

.page-head:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( to top, #4f1453, #270929);
    opacity: 0.8;
}

.page-head .container {
    z-index: 2;
    position: relative;
}

.page-head h2 {
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 1.5px;
    padding-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
}

.page-head h2 strong {
    font-weight: bold;
}

.page-head h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55%;
    height: 4px;
    background: #f0a50d;
}

.p-long p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    padding: 6px 0;
    padding-left: 15px;
    text-align: justify;
    line-height: 25px;
}

.under-line-left {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.under-line-left:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 4px;
    background: #f0a50d;
}

ul.list li {
    padding: 5px 0;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 20px;
}

ul.list li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background: #faab13;
    top: 0;
    margin-top: 12px;
    transition: .3s;
}


/*---------------------------------------------*/

.pages {
    position: relative;
}

.pages.about .mng-pic {
    transition: 0.3s;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.pages.about .mng-pic img {
    box-shadow: 0px 2px 12px #00000038;
    position: relative;
    background: #fff;
    border: 6px solid #fff;
}

.pages.about .mng-name {
    padding-top: 0px;
    font-family: 'Montserrat', sans-serif;
}

.pages.about .img-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 12px #00000038;
    border: 10px solid #fff;
    border-radius: 25px;
}

.pages.about .mng-name h6 {
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.pages.about .left-box {
    box-shadow: 0px 2px 12px #00000038;
    text-align: center;
    padding-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
}

.pages.about .left-box h5 {
    font-size: 1.2rem;
    font-weight: 700;
    background: #4f1453;
    color: #fff;
    padding: 12px 5px;
    position: relative;
}

.pages.about .left-box h5:after {
    content: '';
    position: absolute;
    border-right: 25px solid transparent;
    border-top: 16px solid #4f1453;
    left: 0;
    bottom: -15px;
}

.pages.about .left-box h6 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0px;
}

.pages.about .left-box p {
    font-size: 0.9rem;
    font-weight: 500;
}

.pages.about .left-box img {
    width: 200px;
    height: 200px;
}

.pages.about .m-dtls {
    box-shadow: 0px 17px 10px -19px #0000007a;
}

.pages.about .mng-name p {
    font-weight: 500;
    margin-bottom: 0px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
}

.pages .course-box {
    box-shadow: 0px 4px 22px #b4bac8bd;
    position: relative;
    background: #fff;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    border-radius: 4px;
    overflow: hidden;
}

.pages .course-box:after {
    content: '';
    background: url(../images/home-abt-bg.png) no-repeat left top;
    height: 250px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.pages .course-box h5 {
    font-weight: 700;
}

.pages .course-box h6 {
    font-size: 0.8rem;
    font-weight: 600;
}

.pages .course-box .btn {
    color: #fff;
    background-color: #f0a50d;
    border-color: #f0a50d;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .3s;
    margin-top: 10px;
}

.pages .course-box h4 {
    padding: 15px 10px;
    background: #4f1453;
    color: #fff;
    margin-bottom: 0;
    font-size: 1.3rem;
    position: relative;
    z-index: 1;
}

.pages .course-box h4:before {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
}

.pages .course-box .course-title {
    padding: 15px;
    color: #4f1453;
}

.pages .activities-box {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    transition: 0.3s;
}

.pages .activities-box h4 {
    padding: 15px 10px;
    background: #f0a50d;
    color: #fff;
    margin-bottom: 0;
    font-size: 1.3rem;
    position: relative;
    z-index: 1;
}

.pages .activities-box h4:before {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
}

.pages .activities-box ul li {
    box-shadow: 0px 4px 22px #b4bac8bd;
    position: relative;
    background: #fff url(../images/home-abt-bg.png) no-repeat left top;
    margin: 9px 0;
    border-radius: 4px;
    font-weight: 700;
}

.pages .activities-box ul li img {
    width: 70px;
    height: 70px;
    background: #4f1453;
    padding: 15px;
    margin-right: 15px;
    border-radius: 4px 23% 50% 4px;
    transition: 0.3s;
}

.pages .activities-box ul li:hover img {
    border-radius: 4px 40% 40% 4px;
}

.pages .feature-box {
    background-image: linear-gradient(to top, #f7f6cd, #fff);
    box-shadow: 0px 4px 22px #b4bac8bd;
    position: relative;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    border-radius: 4px;
    overflow: hidden;
}

.pages .feature-box h4 {
    padding: 15px 10px;
    background: #4f1453;
    color: #fff;
    margin-bottom: 0;
    font-size: 1.3rem;
    position: relative;
    z-index: 1;
}

.pages .feature-box h4:before {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
}

.pages .feature-box ul {}

.pages .feature-box ul li {
    position: relative;
    text-align: left;
    padding: 8px 8px;
    padding-left: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    border-bottom: 1px dashed #d8d7ae;
}

.pages .feature-box ul li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d8d7ae;
}

.add-thumb {
    box-shadow: 0px 4px 22px #b4bac8bd;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.pages.about .vm {
    padding: 40px 0;
    background: #4f1453;
    color: #fff;
    margin-top: 40px;
    position: relative;
}

.pages.about .vm:after {
    content: '';
    background: url(../images/corner.png) no-repeat right top;
    height: 111px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
}

.pages.about .vm img {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    box-shadow: 5px 6px 25px #00000080;
}

.pages.about .vm p {
    color: #adadad;
}

.pages.abtcollege-page,
.pages.abtschool-page {
    background: #fff url(../images/home-abt-bg.png) no-repeat top;
    background-size: 100%;
    position: relative;
    padding-top: 30px;
    margin-top: -40px;
}

.pages.abtschool-page {}

.pages.abtschool-page .school-features {
    position: relative;
    z-index: 1;
    background: url(../images/highlights-bg.jpg) no-repeat fixed top;
    background-size: cover;
    padding-bottom: 30px;
    box-shadow: 0px 9px 13px #000 inset;
    font-family: 'Montserrat', sans-serif;
}

.pages.abtschool-page .school-features:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.9;
}

.pages.abtschool-page .school-features h5 {
    position: relative;
    text-align: center;
    display: block;
    border-top: 2px solid #f0a50d;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.pages.abtschool-page .school-features h5 span {
    position: relative;
    color: #fff;
    background: #f0a50d;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 0px 0px 20px 20px;
}


/*---------------------------------------------*/

.course {
    font-family: 'Montserrat', sans-serif;
    padding: 0px 0 40px 0;
}

.course h4 {
    font-size: 1.3rem;
    font-weight: 600;
}

.course h5 {
    font-size: 1rem;
    position: relative;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}

.course h5:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #f0a50d;
}

.course p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem;
}


/*---------------------------------------------*/

.campus {
    padding: 30px 0;
}

.campus .box>div {
    box-shadow: 0px 0px 9px #b2aab3b0;
    border: 6px solid #FFF;
}

.campus .box>div .img {}

.campus .box>div h6 {
    padding: 15px 15px;
    margin-bottom: 0;
    font-weight: 600;
}

.achievements {}

.achievements .achievers-img {
    background: #812990;
    padding: 30px 0 0px 0;
}

.achievements .result-list {
    padding: 80px 0 30px 0;
    position: relative;
    background: #812991;
}

.achievements .result-list:after {
    content: '';
    background: url(../images/dotted-corner.png) no-repeat center top;
    height: 148px;
    width: 100%;
    position: absolute;
    top: -65px;
    right: 0;
}

.achievements .result-list .table-responsive {
    background: #fff url(../images/home-abt-bg.png) no-repeat left top;
    box-shadow: 0px 2px 16px #00000029;
    border-radius: 6px;
}

.achievements .result-list .table tr {
    transition: 0.6s;
}

.achievements .result-list .table th,
.achievements .result-list .table tr>td:first-child {
    background: #4f1453eb;
    color: #fff;
    border: 1px solid #350c38b5;
    font-weight: 600;
    transition: 0.6s;
}

.achievements .result-list .table-hover tbody tr:hover td:first-child {
    background: #2c0d2e;
}


/*---------------------------------------------*/

.facilities-page {
    background: #fff url(../images/home-abt-bg.png) no-repeat top;
    background-size: 100%;
    position: relative;
    padding: 30px 0;
    
}

.facilities-page h4 {
    color: #4f1453;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}

.facilities-page h4::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 79px;
    height: 4px;
    border-radius: 15px;
    background: #f0a50d;
}

.facilities-page .img-box {
    box-shadow: 0px 2px 16px #0000004a;
    position: relative;
    background: #fff;
    padding-bottom: 15px;
    padding-top: 15px;
}

.facilities-page .owl-carousel .owl-nav {
    position: absolute;
    width: 35px;
    height: auto;
    top: 50%;
    left: 0;
    margin-left: -25px;
    margin-top: -35px;
}

.facilities-page .owl-carousel .owl-nav button.owl-next,
.facilities-page .owl-carousel .owl-nav button.owl-prev {
    position: relative;
    width: 35px;
    height: 35px;
    outline: none;
    z-index: 1;
    display: block;
    margin: 2px 0;
    border-radius: 50%;
}

.facilities-page .owl-carousel .owl-nav button.owl-next {
    right: 0;
}

.facilities-page .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.facilities-page .owl-carousel .owl-nav button.owl-next i,
.facilities-page .owl-carousel .owl-nav button.owl-prev i {
    width: 100%;
    height: 100%;
    line-height: 35px;
    color: #fff;
    background: #f0a50d;
    font-size: 18px;
    border-radius: 30%;
}

.facilities-page .owl-carousel .item h5 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: #4f1453d9;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    padding: 15px 10px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}


/*---------------------------------------------*/

.events {}

.events .list-nav {
    position: absolute;
    width: 100%;
    top: -59px;
}

.events .list-nav:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -1px;
    height: 2px;
    background: #4f1453;
}

.events .list-nav .container {
    position: relative;
    z-index: 1;
}

.events .list-nav ul li {
    display: table-cell;
    width: 1%;
    padding: 2px;
}

.events .list-nav ul li a {
    text-align: center;
    display: block;
    background-image: webkit-gradient(linear, left top, right top, from(#4f1453), to(#622067));
    background-image: linear-gradient(to right, #4f1453, #622067);
    color: #fff;
    padding: 8px 8px;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
}

.events .list-nav ul li a:hover {
    background: #2b0c2d;
}

.events .list-nav ul li a.active {
    background: #f0a50d;
    box-shadow: 0px 0px 12px #00000061;
}

.events .box {
    padding-bottom: 15px;
    padding-top: 15px;
}

.events .box>div {
    position: relative;
    transition: 0.3s;
    box-shadow: 0px 0px 8px #0000002e;
    border: 10px solid #fff;
}

.events .box>div .img {
    overflow: hidden;
    display: block;
    position: relative;
    max-height: 240px
}

.events .box>div .img img {
    width: 100%;
    min-height: 240px;
}

.events .box>div .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 15px 15px 0px 15px;
    background: #f0a50dcf;
    text-align: center;
    transition: 0.3s;
}

.events .box>div .caption h5 {
    transition: 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.events .box>div .caption a {
    display: inline-block;
    padding: 0px 10px;
    background: #4f1453;
    color: #fff;
    text-decoration: none;
    transition: 0.9s;
    opacity: 0;
}

.events.upcomming .box>div .date-tag {
    position: absolute;
    z-index: 2;
    background: #376395;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    right: 6px;
    top: -20px;
}

.events.upcomming .box>div .date-tag:after {
    content: '';
    position: absolute;
    border-bottom: 10px solid #4f1453;
    top: 0;
    border-left: 10px solid transparent;
    left: -10px;
}

.events.upcomming .box>div .date-tag:before {}

.events.upcomming .box>div .date-tag h3 {
    margin: 0;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.events.upcomming .box>div .date-tag h6 {
    font-size: 0.7rem;
    margin-bottom: 0;
}

.events .box>div:hover {
    transform: translateY(-5px);
}

.events .box>div:hover .caption a {
    opacity: 1;
    padding: 5px 10px;
    margin: 20px 0;
    background: #f0a50d;
}

.events .box>div:hover .caption {
    padding: 40px 15px 20px 15px;
    background: linear-gradient(#00000000, #000000);
}

.events .box>div:hover .caption h5 {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}


/*======================new details=========================*/

.events-details {
    margin-top: -150px;
}

.events-details .hding {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.events-details .box>div {
    box-shadow: 0px 0px 8px #0000002e;
    background: #fff;
    padding: 15px;
}

.outer {
    margin: 0 auto;
    max-width: 800px;
}

#big .item {
    background: #fff;
    margin: 2px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    max-height: 500px;
    overflow: hidden;
}

#big .item img {
    display: block;
    width: auto;
    max-height: 500px;
    min-height: 500px;
    margin: 0 auto;
}

#thumbs .item {
    background: #c9c9c9;
    height: 100px;
    padding: 0px;
    margin: 2px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    transition: .1s;
}

#thumbs .item img {
    height: 100px;
}

#thumbs .current .item {
    border: 3px solid #fff;
    border-radius: 6px;
}

.owl-theme .owl-nav [class*="owl-"] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*="owl-"].disabled:hover {
    background-color: #d6d6d6;
}

#big.owl-theme {
    position: relative;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0;
    left: 0;
}

.owl-theme .owl-nav button.owl-next,
.owl-theme .owl-nav button.owl-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    outline: none;
    z-index: 1;
}

.owl-theme .owl-nav button.owl-next {
    right: 0;
}

.owl-theme .owl-nav button.owl-prev {
    left: 0;
}

.owl-theme .owl-nav button.owl-next i,
.owl-theme .owl-nav button.owl-prev i {
    width: 100%;
    height: 100%;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    background: #3b103e;
}

#thumbs.owl-theme .owl-nav button.owl-next i,
#thumbs.owl-theme .owl-nav button.owl-prev i {
    background: #333;
    opacity: 0.2;
    transition: .3s;
}

#thumbs.owl-theme .owl-nav button.owl-next:hover i,
#thumbs.owl-theme .owl-nav button.owl-prev:hover i {
    opacity: 1;
}

.event-thumblist {}

.event-thumblist {}

.event-thumblist ul li {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    display: block;
}

.event-thumblist ul li a {
    color: #333;
    display: flex;
    flex-wrap: nowrap;
    text-decoration: none;
    transition: 0.3s;
}

.event-thumblist ul li a:hover {
    background: #f7eaf7;
}

.event-thumblist ul li img {
    width: 60px;
    height: 60px;
    margin-right: 5px;
}

.event-thumblist ul li .date-tag {
    position: relative;
    background: #376395;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.event-thumblist ul li .date-tag h3 {
    margin: 0;
    font-size: 0.9rem;
    text-transform: uppercase;
    line-height: 16px;
}

.event-thumblist ul li h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 5px;
}

.event-thumblist ul li p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.7rem;
    line-height: 14px;
    font-weight: 500;
    margin-bottom: 0;
}


/*---------GREETING--------------------------*/

.greeting-section {
    background: #420349;
}

.greeting-wrap {
    position: relative;
    width: 600px;
    height: 825px;
    background: url(../images/bday-greeting.jpg) no-repeat center;
    display: block;
    margin: 0px auto;
}

.greeting-wrap .img {
    width: 242px;
    height: 280px;
    overflow: hidden;
    margin-left: 302px;
    margin-top: 194px;
    float: left;
}

.greeting-wrap .img img {
    width: 100%;
    min-height: 100%;
}


/*---------Faculty--------------------------*/

.faculty-dtls {
    margin-top: -40px;
    background: url(../images/edu-bg.png) no-repeat fixed top;
}

.faculty-dtls .pill-btns {
    background: #4f1453;
    padding: 0;
}

.faculty-dtls .nav-pills .nav-link {
    color: #FFF;
    border-bottom: 1px solid #431046;
    border-radius: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    padding: 0.8rem 1rem;
}

.faculty-dtls .nav-pills .nav-link.active,
.faculty-dtls .nav-pills .show>.nav-link {
    background-color: #f0a50f;
}

.faculty-dtls .pills-content {
    margin-top: 30px;
    margin-bottom: 15px;
}

.faculty-dtls h4 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.faculty-dtls h4:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    border: 1px solid #e5e5e5;
}

.faculty-dtls h4 span {
    background: #fff;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 6px;
}

.faculty-dtls .box {
    padding-top: 15px;
    padding-bottom: 15px;
}

.faculty-dtls .box>div {
    position: relative;
    box-shadow: 0px 0px 28px #d288d74a;
    padding: 20px 15px;
    border-radius: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 100%;
    background: #ffffffd1;
    transition: 0.6s;
}

.faculty-dtls .box>div:hover {
    transform: translateY(-8px);
}

.faculty-dtls .box>div:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #d288d74a;
    border-radius: 0px 0px 6px 6px;
}

.faculty-dtls .box>div:before {
    content: '';
    background: url(../images/home-abt-bg.png) no-repeat left top;
    height: 111px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transition: .9s;
}

.faculty-dtls .img {
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px;
    display: block;
    margin: 0px auto;
    position: relative;
    text-align: center;
    border: 1px solid #ccc;
}

.faculty-dtls .img img {
    max-width: 100%;
    min-width: 100%;
}

.faculty-dtls .content ul {
    padding-bottom: 20px;
}

.faculty-dtls .content ul li {
    padding: 4px 0;
    position: relative;
    padding-left: 15px;
    font-size: 0.7rem;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.faculty-dtls .content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fb930d;
    top: 9px;
    margin-top: 0px;
    border-radius: 50%;
}

.faculty-dtls .content h5 {
    margin-bottom: 4px;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    
    text-align: center;
    font-size: 1rem;
}

.faculty-dtls .content h5 small {
    display: block;
    font-weight: 600;
}

.faculty-dtls .content h6 {
    position: relative;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.faculty-dtls .content h6:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    border: 2px solid #f0a50d;
}

.faculty-dtls .content h6 span {
    position: relative;
    background: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin: 0px auto;
}


/*---------Results--------------------------*/

.results {
    margin-top: -80px;
}

.results .nav.nav-tabs {
    border-bottom: none;
}

.results .nav.nav-pills {}

.results .tab-content.tabs-content {
    padding-top: 15px;
}

.results .tab-content.pill-content {
    padding-bottom: 15px;
}

.results .nav-tabs .nav-link {
    color: #fff;
    transition: .3s;
    border: none;
}

.results .nav-tabs .nav-link.active,
.results .nav-tabs .nav-item.show .nav-link {
    color: #333;
}

.results .nav-pills .nav-link {
    color: #4f1453;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    transition: .3s;
}

.results .nav-pills .nav-link.active,
.results .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #eda30d;
    border-radius: 30px;
}

.results .tab-content.pill-content .tab-pane {
    position: relative;
    padding-left: 15px;
}

.results .tab-content.pill-content .tab-pane:before {
    content: '';
    position: absolute;
    width: 2px;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ccc;
    margin-top: 13px;
}

.results .tab-content.pill-content .tab-pane h5 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    padding-left: 15px;
    margin: 10px 0;
    font-weight: 600;
}

.results .tab-content.pill-content .tab-pane h5:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 2px;
    left: 0;
    top: 0;
    background: #ccc;
    margin-top: 13px;
    margin-left: -15px;
}

.results .tab-content.pill-content .tab-pane h5:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 0;
    background: #eda30d;
    margin-top: 9px;
}

.results .table {
    position: relative;
    background-color: #8b0f71;
    border: none;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.results .table.table-bordered th,
.results .table.table-bordered td {
    border: 1px solid #00000026;
}

.results .table.table-bordered th {
    background: #f68221;
    padding: 10px;
    border-top: none;
}

.noimg {
    padding: 15% 0;
}


/*================Gallery Temp==================*/

.lightGallery .card {
    padding: 10px !important;
    transition: .3s;
    background: url(../images/loading.gif) no-repeat center;
    max-height: 250px !important;
    height: 250px !important;
}

.lightGallery a:hover {
    transform: translateY(-8px);
}

.lightGallery .card .img-fluid {
    max-width: 100%;
    /* height: 250px !important; */
    width: 100%;
    object-fit: cover;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    /* padding: 8px; */

}

/*---------------------------------------------*/

.contact-page {
    position: relative;
    padding-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
}

.contact-page h5 {
    font-weight: 600;
    color: #c05ec1;
}

.contact-page p {
    color: #6c6c6c;
    font-weight: 500;
    font-size: 1rem;
}


/*---------------------------------------------*/

.enquiry-page {
    padding-bottom: 30px;
    margin-top: -60px;
}

.enquiry-page .card {
    box-shadow: 0px 2px 35px -5px #00000057;
    font-family: 'Montserrat', sans-serif;
    border: none;
}

.enquiry-page .card label {
    font-size: 0.8rem;
    font-weight: 600;
}

.enquiry-page .card .form-control {
    font-size: 0.9rem;
}

.enquiry-page.acknowledge .card label {
    font-weight: 500;
    color: #767676;
    background: #f3f3f3;
    padding: 1px 10px;
    border-radius: 4px;
}

.enquiry-page .nav-tabs {
    border: none;
    background: #a01fa9;
}

.enquiry-page .nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    font-weight: 600;
    color: #fff;
    padding: 0.8rem 1rem;
}

.enquiry-page .nav-tabs .nav-link.active,
.enquiry-page .nav-tabs .nav-item.show .nav-link {
    color: #333;
}

.enquiry-page .tab-content {
    padding: 1.25rem;
}


/*---------------------------------------------*/

label.error {
    color: #f00;
    font-size: 12px;
    margin-bottom: 0;
}

.input-group label.error {
    position: absolute;
    bottom: 0;
    margin-bottom: -20px;
}

.form-control.error {
    border-bottom: 1px solid #ff9b9b;
}

span.required-class {
    color: #ff0000;
    font-weight: 600;
}

.pages .splbtn {
    color: #fff;
    background-color: #f0a50d;
    border-color: #f0a50d;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 30px;
    padding: 0.7rem 2rem;
    transition: .3s;
    margin-top: 15px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: none;
}

.pages .splbtn:hover {
    background: #4f1453;
}

#rbl li {
    display: table-cell;
    padding: 5px 20px;
    border: 1px solid #ccc;
}

#rbl li label {
    margin-bottom: 0;
    margin-left: 7px;
}


/*---------------------------------------------*/

@media (max-width: 767px) {
    body {
        padding-top: 50px;
    }
    .banner-carousel .carousel-caption {
        top: 0px;
        right: 0%;
        left: 0;
        padding: 16px 0px;
    }
    .banner-carousel .carousel-caption h2 {
        font-size: 20px;
    }
    .banner-carousel .carousel-caption h5 {
        font-size: 12px;
    }
    .banner-carousel .carousel-caption a {}
    .banner-carousel .carousel-caption .c-right {
        display: none;
    }
    .banner-carousel .carousel-caption .c-left {
        padding: 10px 3px;
        left: 0;
        bottom: 0;
    }
    .banner-carousel .carousel-caption .c-left ul li {
        padding: 0px 0px;
    }
    .banner-carousel .carousel-caption .c-left ul li a {
        font-size: 0.6rem;
        padding: 4px 3px;
        background: #4f14536e;
    }
    .course-highlight {
        padding-top: 15px;
    }
    .course-highlight .labl {
        margin-top: 0px;
    }
    .home-abt h4 {
        font-size: 1rem;
    }
}

.home-abt p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem;
    font-weight: 600;
    padding: 6px 0;
    padding-left: 15px;
}

.highlights .high-co {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.group-ex {
    padding: 20px 0 20px 0;
}

.testimonial .owl-dots {
    left: 0px;
}

.testimonial .msg {
    padding-top: 20px;
    padding-bottom: 20px;
}

.testimonial .msg p {
    font-size: 1rem;
}

.testimonial .msg h5 {
    font-size: 1.3rem;
}

.testimonial .msg h6 {
    font-size: 1rem;
}

.mng-pic {
    padding: 10px 0 10px 0;
}

.page-head {
    position: relative;
    padding: 20px 0 20px 0;
    margin-bottom: 10px;
}

.achievements .result-list {
    padding: 30px 0 30px 0;
}

.achievements .result-list:after {
    top: 0;
    background: url(../images/dotted-corner.png) no-repeat center top;
    background-size: 100%;
    height: 148px;
}

.achievements .result-list .table {
    font-size: 0.7rem;
}

.banner .b-left .adm h2 {
    font-size: 26px;
}

.banner .b-left .adm ul li a {
    padding: 5px 4px;
    font-size: 0.5rem;
}

.banner .box a {
    height: auto;
    margin-bottom: 15px;
}

.banner .b-left {
    padding-bottom: 10px;
}

.highlight-wrap {
    padding: 25px 0;
}

.highlight-wrap .box>div {
    height: auto;
    margin-bottom: 15px;
}

.results {
    margin-top: -38px;
}

.results .nav-tabs .nav-link {
    padding: 0.5rem 0.9rem;
    font-size: 1rem;
}

.results .nav-pills .nav-link {
    padding: 0.5rem 2rem;
    font-size: 0.6rem;
    text-align: center;
}

.results .nav-pills .nav-link span {
    display: block;
}

.results .nav-pills .nav-link.active,
.results .nav-pills .show>.nav-link {
    border-radius: 7px;
}

.table-bordered th,
.table-bordered td {
    font-size: 0.7rem;
}

.faculty-dtls .nav-pills .nav-link {
    font-size: 0.6rem;
    padding: 0.3rem 1.2rem;
}

.faculty-dtls h4 {
    font-size: 0.8rem;
}

.pages.about .img-left {
    display: block;
    float: inherit;
    margin: 0 auto;
}

.pages.about .mng-name,
.pages.about .mng-name p {
    text-align: center;
}

.under-line-left:after {
    left: 50%;
    margin-left: -50px;
}

#rbl li {
    display: block;
}

.lightGallery a {
    max-height: 100px;
    min-height: 100px;
}


/*============= Payment Successfull =================*/
svg {
    will-change: transform;
}
.border {
    stroke-dasharray: 251;
    stroke-dashoffset: 62.75;
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: spin 1s linear infinite;
}
.done .border,
.done .checkmark {
    opacity: 1;
    stroke-dashoffset: 0 !important;
}
.checkmark {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

/*============= Admin  Dashboard =================*/

.dasboard-cards .item {
    background: #fff;
    padding: 14px 15px;
    border-radius: 7px;
   
   
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}


@import url(
"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}



.manakicontainer {
	height: 600px;
	width: 500px;
	background-color: white;
	box-shadow: 8px 8px 20px rgb(128, 128, 128);
	position: relative;
	overflow: hidden;
}

.mybtn {
	height: 60px;
	width: 300px;
	margin: 20px auto;
	box-shadow: 10px 10px 30px rgb(254, 215, 188);
	border-radius: 50px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.login,
.signup {
	font-size: 22px;
	border: none;
	outline: none;
	background-color: transparent;
	position: relative;
	cursor: pointer;
}

.slider  {
	height: 60px;
	width: 150px;
	border-radius: 50px;
	background-image: linear-gradient(to right,
			rgb(255, 195, 110),
			rgb(255, 146, 91));
	position: absolute;
	top: 20px;
	left: 100px;
	transition: all 0.5s ease-in-out;
}

.moveslider{
	left: 250px;
}

.form-section {
	height: 500px;
	width: 1000px;
	padding: 20px 0;
	display: flex;
	position: relative;
	transition: all 0.5s ease-in-out;
	left: 0px;
}

.form-section-move {
	left: -500px;
}

.login-box,
.signup-box {
	height: 100%;
	width: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 40px;
}

.login-box {
	gap: 50px;
}

.signup-box {
	gap: 23px;
}

.ele {
	height: 60px;
	width: 400px;
	outline: none;
	border: none;
	color: rgb(77, 77, 77);
	background-color: rgb(240, 240, 240);
	border-radius: 50px;
	padding-left: 30px;
	font-size: 18px;
}

.clkbtn .nn{
	height: 60px;
	width: 150px;
	border-radius: 50px;
	background-image: linear-gradient(to right,
			rgb(255, 195, 110),
			rgb(255, 146, 91));
	font-size: 22px;
	border: none;
	cursor: pointer;
}

/* For Responsiveness of the page */

@media screen and (max-width: 650px) {
	.manakicontainer {
		height: 600px;
		width: 300px;
	}


	.mybtn {
		height: 50px;
		width: 200px;
		margin: 20px auto;
	}

	.login,
	.signup {
		font-size: 19px;
	}

	.slider {
		height: 50px;
		width: 100px;
		left: 50px;
	}

	.moveslider {
		left: 150px;
	}

	.form-section {
		height: 500px;
		width: 600px;
	}

	.form-section-move {
		left: -300px;
	}

	.login-box,
	.signup-box {
		height: 100%;
		width: 300px;
	}

	.ele {
		height: 50px;
		width: 250px;
		font-size: 15px;
	}

	.clkbtn .nn {
		height: 50px;
		width: 130px;
		font-size: 19px;
	}
}

@media screen and (max-width: 320px) {
	.manakicontainer {
		height: 600px;
		width: 250px;
	}

	

	.mybtn {
		height: 50px;
		width: 200px;
		margin: 20px auto;
	}

	.login,
	.signup {
		font-size: 19px;
	}

	.slider .toy {
		height: 50px;
		width: 100px;
		left: 27px;
	}

	.moveslider {
		left: 127px;
	}

	.form-section {
		height: 500px;
		width: 500px;
	}

	.form-section-move {
		left: -250px;
	}

	.login-box,
	.signup-box {
		height: 100%;
		width: 250px;
	}

	.ele {
		height: 50px;
		width: 220px;
		font-size: 15px;
	}

	.clkbtn .nn {
		height: 50px;
		width: 130px;
		font-size: 19px;
	}
}
.topper-section {
    padding: 15px;
}

.section-title {
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
}

.section-title::after {
    content: "";
    width: 50px;
    height: 3px;
    background: #007bff;
    display: block;
    margin-top: 5px;
}

/* Card Style */
.card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}

/* Image */
.top-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Overlay */
.overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    transition: all 0.4s ease;
}

/* Text */
.overlay h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.overlay p {
    margin: 5px 0 0;
    font-size: 13px;
    opacity: 0.9;
}

/* Hover Effects */
.card:hover .top-img {
    transform: scale(1.08);
}

.card:hover .overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
}

/* Button */
.view-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 18px;
    border-radius: 20px;
    background: #007bff;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.view-btn:hover {
    background: #0056b3;
}