:root{
    --secondary-color:#fc914b;
}

.orange{
    color: #fc914b;
}
.card-lift {
    /* width: 300px; */
    /* padding: 20px; */
    /* background-color: #ffffff; */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .card-lift:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
  
/* 1. Fade In */
.fade-in {
    opacity: 0;
    animation: fadeIn 1.5s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* 2. Slide In (from left) */
.slide-in-left {
    opacity: 0;
    transform: translateX(-50px);
    animation: slideInLeft 1.5s ease-out forwards;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 3. Slide In (from bottom) */
.slide-in-up {
    opacity: 0;
    transform: translateY(50px);
    animation: slideInUp 1.5s ease-out forwards;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 4. Typing Effect */
.typing {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    animation: typing 4s steps(40, end) forwards, blink .7s step-end infinite;
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes blink {
    50% {
        border-color: transparent
    }
}

/* 5. Bounce */
.bounce {
    display: inline-block;
    animation: bounce 1.8s infinite;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-10px);
    }
}

/* 6. Zoom In */
.zoom-in {
    transform: scale(0.5);
    opacity: 0;
    animation: zoomIn 1.2s ease forwards;
}

@keyframes zoomIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* 7. Color Change (looping) */
.color-change {
    animation: colorChange 3s infinite alternate;
}

@keyframes colorChange {
    0% {
        color: #2071a9;
    }

    50% {
        color: #ff6600;
    }

    100% {
        color: #28a745;
    }
}

p {
    display: block;
    /* keep paragraph as block */
    transition: transform 0.3s ease, color 0.3s ease;
    transform-origin: left top;
    /* zoom from top-left (not center) */
}

p:hover {
    padding-left: 2px !important;
   
}

/* accordian */
/* Accordion 1: Slide Down */
.accordion-anim-1 {
    opacity: 0;
    transform: translateY(-30px);
    animation: slideDown 1s ease forwards;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Accordion 2: Fade In with Delay */
.accordion-anim-2 {
    opacity: 0;
    animation: fadeIn 1.5s ease forwards;
    animation-delay: 0.5s;
    /* starts later */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Accordion 3: Zoom In */
.accordion-anim-3 {
    opacity: 0;
    transform: scale(0.7);
    animation: zoomIn 1.2s ease-out forwards;
    animation-delay: 1s;
    /* starts even later */
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.7);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/*accordian end  */
.component-space {
    padding: 70px 0px !important;
}

.d-flex-end {
    display: flex;
    align-items: end;
    justify-content: end;
}

.d-flex-center-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.d-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-flex-start {
    display: flex;
    align-items: start;
    justify-content: start;
}

.justify,
li,
p {
    text-align: justify;
}

ul {
    padding-inline-start: 2px !important;
}
.font-change{
        font-size: 45px !important;
        padding-bottom: 15px !important;
    }
.white,
li {
    color: #fff;
}

.white li {
    color: #fff !important;
}

.fw {
    font-weight: 800;
}

.blue {
    color: var(--theme-color);
}

h5{
    margin: 0px 0px 0px 0px !important;
}
.tick ul li::before {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%30clip0_651_4102)'%3E%3Cpath d='M23.3137 3.2813C22.9607 2.92762 22.3878 2.92701 22.0348 3.2798L11.1835 14.1024L7.26844 9.85022C6.93014 9.483 6.35817 9.45919 5.99034 9.79744C5.6228 10.1357 5.59927 10.708 5.93756 11.0755L10.4903 16.02C10.6571 16.2012 10.8904 16.3064 11.1365 16.3115C11.1431 16.3118 11.1495 16.3118 11.1558 16.3118C11.3949 16.3118 11.6249 16.2168 11.7944 16.048L23.312 4.56056C23.6659 4.20783 23.6665 3.63497 23.3137 3.2813Z' fill='%23FC914B'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23FC914B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_651_4102'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    /* tick mark */
    padding-right: 10px;
    color: #fc914b !important;
}

/* header-top start */

.header-info-title>a:hover{
    color: var(--secondary-color) !important;
}
.header-info-icon:hover{
    background-color: var(--secondary-color);
}

.header-top {
    padding: 3px 0px 3px !important;
}
.header-right-wrap li a:hover{
    color: #fff;
}
.header-layout2 .main-menu {
    margin-left: 10px !important;
}

.left {
    padding-left: 110px !important;
}
.header-info-text{
    font-size: 16px !important;
    font-weight: 600;
    color: var(--secondary-color);
}

.header-info-title{
    font-weight: 400;
}
.header-logo img {
    width: 400px !important;
}

.header-layout2 .main-menu ul li {
    margin: 0px 0px !important;
}

.header-info {
    padding: 5px 0px !important;
}


.sticky-wrapper .main-menu>ul>li {
    margin: 0px 5px !important;
}

.header-top {
    background-color: var(--theme-color) !important;
}

.header-layout1 .sticky-wrapper.sticky .header-left .header-logo {
    margin-right: 10px !important;
}


marquee{
    margin-right: 120px !important;
}
.header-links marquee p {
    margin: 0px 0px 0px 0px !important;
    font-size: 14px !important;
    color: #fff !important;
}

.header-right-wrap li:not(:last-child){
    margin: 0px 20px 0px 0px !important;
}

.header-right-wrap li:not(:last-child)::after{
    right: -12px !important;
}

.menu-wrapp .main-menu ul li a {
    padding: 10px 12px !important;
}
.menu-wrapp .main-menu .sub-menu ul li a{
    padding: 2px 3px !important;
}
.header-layout1 .sticky-wrapper.sticky .header-logo{
    padding: 1px 0px !important;
}

.header-layout1 .sticky-wrapper.sticky .main-menu ul li a{
padding: 10px 2px !important;
left: 1px !important;
}

.main-menu ul.sub-menu{
    padding: 10px 10px 10px 15px !important;
    left: -10px !important;
}

.sub-title::before, .th-btn.style-border1:hover{
    background-color: var(--secondary-color) !important;
}
/* header-top end */


/* banner section start */
@media(max-width: 1299px) {
    .hero-style1 {
        padding: 150px 0px 130px !important;
    }

    .hero-title {
        font-size: 45px !important;
    }
}

/* course start */
.counter-area1 {
    padding: 55px 0px !important;
}


/* facilities */
.story-card .box-img img {
    width: 334px;
}


/* why choose us start */

.padd {
    padding-left: 30px !important;
}

/* benefits */
.academic-content p {
    padding-top: 20px !important;
}

/* placement start */
.content ul li {
    color: black;
}

.space-bottom {
    padding-bottom: 70px !important;
}

/* footer */
.right {
    padding-left: 40px !important;
}

.footer-wrapper {
    background-color: rgb(32 113 169) !important;
}

.footer-logo img {
    border-radius: 20px !important;
}

.copyright p {
    margin: 0px 0px !important;
    font-size: 16px
}

.copyright img {
    width: 50px !important;
}

.copyright-wrap {
    padding: 0px 0px !important;
}

.widget-area {
    padding-bottom: 0px !important;
}

.footer-info a:not(:last-child) {
    margin: 0px 0px !important;
}

.footer-email {
    margin-bottom: 30px;
}

/* responsive */

@media(max-width:767px) {
    @media (max-width: 991px) {
        .faculty-wrapp {
          display: flex;
          flex-direction: column !important;
        }
        .faculty-wrapp .box-img {
          order: 1;
        }
        .faculty-wrapp .box-content {
          order: 2;
        }
      }
      
    p,
    li {
        text-align: justify;
    }

    .center {
        text-align: center;
    }

    .padd {
        padding-left: 10px !important;
    }

     .space-bottom{
            padding-bottom: 40px !important;
        }

    .header-layout1 .sticky-wrapper.sticky .menu-area .menu-wrapp {
        width: 400px !important;
    }

    .header-layout1 .header-logo img {
        max-width: 300px;
    }

    .sticky-wrapper .header-logo img {
        width: 300px !important;
        margin-right: 5px !important;
    }

    .header-top {
        display: none !important;
    }

    .hero-style1 {
        padding: 100px 0px 100px !important;
    }

    .img-box1 img {
        width: 388px !important;
    }

    .img-box1 .img1 img {
        height: 500px;
    }

    .header-layout1 .header-logo {
        margin-left: 0px !important;
    }

    .menu-wrapp {
        border-radius: 0px !important;
        width: 427px !important;
    }

    .header-layout1 .menu-area {
        padding: 0px 0px !important;
    }

    .menu-area .container {
        padding-left: 0px !important;
    }

    .about-wrapp {
        display: none;
    }

    .box-img img {
        width: 430px !important;

    }

    .space {
        padding-top: 20px !important;
    }

    .top {
        padding-top: 20px !important;
    }

    .academic-img img {
        width: 338px !important;
    }

    .header-layout1 .th-menu-toggle {
        margin-right: 1px !important;

    }

    .header-top .adjust {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .align-start {
        display: flex;
        align-items: start !important;
        justify-content: start !important;
        padding: 10px 10px !important;
    }



    .footer-email a,
    .footer-call a,
    .footer-address p {
        font-size: 15px !important;
    }

    .copyright-wrap {
        padding: 10px 0px !important;
    }

.sticky-wrapper .menu-area .container{
    width: auto !important;
    background-color: #fff !important;
}
}

@media(min-width:1300px) {
    .why-img img {
        height: 555px !important;
    }
}