* {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html,body{
    scroll-behavior: smooth;
}
a{
    text-decoration: none !important;
}
.banner {
    position: relative;
    /* This is necessary for the ::before pseudo-element */
    width: 100%;
    height: 80vh;
    background-image: url(https://sageuniversity.in/alumni/assets/background.JPG);
    background-size: cover;
    background-position: top center;
}

.banner::before {
    content: "";
    /*position: absolute;*/
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.507);
}

.alumni-sticky-logo{
    display: none;
    width: 128px;
    padding: 2px;
}

.sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    /* Ensures the header stays on top of other elements */
    background-color: #fff;
    /* Add a background color to prevent transparency */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Optional shadow for better visibility */
}
.alumni-login-btn , .alumni-register-btn{
   background: #ddab21;
    margin-right: 13px;
}

.mobile-header {
    display:none;
}

.form-container {
    position: absolute;
    right: 130px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    width: 350px;
    border-radius: 15px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.form-heading {
    margin-bottom: 10px;
}

.form-heading p {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.form-label {
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    color: #050505;
    /* margin-bottom: 5px; */
}

.form-input,
.form-textarea {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 8px;
    /* margin-bottom: 15px; */
    font-size: 0.9rem;
    color: #333;
    box-sizing: border-box;
}

.form-textarea {
    height: 60px;
    resize: none;
}

.form-submit {
    width: 100%;
    padding: 12px;
    background-color: #b91c1c;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
}

.form-submit:hover {
    background-color: #ddab21;
}

.mb-3 {
    margin-bottom: 20px;
}

.text-center {
    text-align: center;
}

.alumni-logo {
    padding: 20px;
    width: 245px;
}

.nav-one {
    background-color: #b91c1c;

}
.nav-one .navbar-nav .nav-item .nav-link{
    font-weight: 500;
}

.nav-two {
    font-weight: 500;
    color: black;
    background-color: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.section {
    padding-top: 120px;
    padding-bottom: 120px;
}

.about-content-wrap {
    padding-right: 105px;
}

.section-title .sub-title {
    font-size: 14px;
    line-height: 30px;
    font-family: "Jost", sans-serif;
    font-weight: 800;
    color: #b91c1c;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.section-title .title {
    font-size: 48px;
    line-height: 54px;
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    color: #0e0e0e;
}

.about-content-wrap .text {
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
    text-align: justify;
}

.about-author-info-wrap {
    display: flex;
    align-items: center;
    border-top: 2px solid #ececec;
    margin-top: 30px;
    padding-top: 30px;
}

.about-author-info-wrap .about-info {
    flex: 1;
    padding-left: 50px;
    margin-left: 30px;
    position: relative;
}

.about-author-info-wrap .about-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #ececec;
    width: 2px;
    height: 95px;
    transform: translateY(-50%);
}

.about-author-info-wrap .about-info p {
    font-size: 16px;
    line-height: 30px;
    color: #0e0e0e;
}

.about-author-info-wrap .about-info .number {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #b91c1c;
}
.about-us-content-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.about-img-wrap {
    position: relative;
}

.play-btn-02 {
    position: absolute;
    left: 15%;
    top: 16%;
}

.play-btn-02 a {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 50%;
    background: linear-gradient(240deg, #b91c1c 20%, #ddab21 80%);
    color: #ffffff;
    transition: all 0.3s linear;
}

.play-btn-02 a::before {
    content: "";
    border: 2px solid #b91c1c;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    -webkit-animation: zoombig 3.25s linear infinite;
    animation: zoombig 3.25s linear infinite;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.fa-play:before {
    content: "\f04b";
}

.play-btn-02 a::after {
    content: "";
    border: 2px solid #b91c1c;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    -webkit-animation: zoombig 3.25s linear infinite;
    animation: zoombig 3.25s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.about-img-wrap .about-img-big {
    text-align: right;
}

.about-img-wrap .about-img img {
    border-radius: 10px;
}

.about-img-wrap .about-img-sm {
    position: absolute;
    left: -15px;
    bottom: 35px;
    border: 8px solid #ffffff;
    border-radius: 10px;
}






@keyframes zoombig {
    0% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 1;
        border-width: 3px;
    }

    40% {
        opacity: .5;
        border-width: 3px;
    }

    65% {
        border-width: 2px;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 2px;
    }
}



/* Event  */

.event-section {
    background: url(https://media.istockphoto.com/id/1063476016/vector/abstract-lines-pattern-technology-on-white-gradients-background.jpg?s=612x612&w=0&k=20&c=Vfb42o8rQj-8sxNQeB0hvbhW3RCV7kocE6X9VOqm1pE=);
}

.alumni-title{
    text-align: center;
    color: #b91c1c;

    font-weight: 700;
}

    .alumni-title p {
    font-size: 30px;
    }  


.alumni-col-one {
    display: flex;
    align-items: center;
    justify-content: center;
}

.alumni-pattern {
    content: "";
    position: absolute;
    width: 158px !important;
    height: 118px;
    margin-top: -30px !important;
    /* top: 10px; */
    background: #ddab21;
    left: 289px;
    border-radius: 0px 20px 0px 20px;
}



.alumni-date {
    content: "";
    position: relative;
    background: #b91c1c;
    /* width: 100%; */
    /* height: 10%; */
    top: 30%;
    left: 55%;
    z-index: 1 !important;
    padding: 10px;
}

.alumni-date-card {
    border: 2px dashed white !important;
    background: #b91c1c !important;
    border-radius: 0 !important;
}

.alumni-date-card .row .col-lg-5 {
    padding-right: 0;

}

.alumni-date span {
    color: white;
    font-weight: 700;
    font-size: 30px;

}

.alumni-date p {
    color: white;
    font-weight: 700;
    margin: 5px;
}

.event-img-wrap {
    width: 330px;
    height: 420px;
    border-radius: 0px 30px 30px 30px;
    overflow: hidden;
    position: relative;
    background: red;
}

/* .event-img-wrap */

.event-img-wrap img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    position: relative;
    /* z-index: 2; Places it above the ::before pseudo-element */
}



/* alumni speak section */

.alumni-speak-section{
   padding-bottom: 80px !important; 
}

.owl-carousel{
    display:block !important;
}

button.right-icon-arrow,
button.left-icon-arrow {
    background: transparent;
    border-radius: 50px;
    border: 2px solid black;
    margin: 10px 0px 0px 0px;
}

.right-icon-arrow i,
.left-icon-arrow i{
    /*padding:6px;*/
}

.alumni-bg-overlay {
    padding: 60px 0px 80px 0px;
    background-color: #ffffffc6;
}

.alumni-bg {}



h4.alumni-sub-title {
    color: #008c9b;
}

h1.alumni-title {
    font-size: 60px;
    font-weight: bold;
    font-family: 'Smooch Sans';
    color: black;
    margin: -7px 0px -7px 0px !important;
}

p.initiative-content {
    text-align: center;
    padding: 0px 195px;

}

.img-student {
    width: 20vw;
    /*height: 31vh !important;*/
    object-fit: cover;
    border-radius: 7px 57px 7px 57px;
    border:1px solid #0000003d;
}

.alumni-img-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.alumni-box {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 53px 143px;
    /* border-radius: 0px 57px 0px 57px; */
    margin: 0px 46px 0px -135px;
    background: white;
}

.alumni-events-title {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Smooch Sans';
    color: black;
}

.sidebar-header .mobile-logo{
        width: 150px;
    }
    
    
    /*Achievers*/
    
    .achiever-section{
        background: url('https://www.shutterstock.com/image-vector/abstract-white-glowing-geometric-lines-600nw-2479584319.jpg');
    }
.achiever-title{
    font-size: 30px;
    padding-bottom: 16px;
}


/*GIVING*/
.alumni-card{
    background-color: white;
    border:0;
    margin: 1px 0px 0px 0px;
    box-shadow: rgba(42, 42, 54, 0.2) 0px 7px 29px 0px;
    padding: 20px 30px;
    border: none;
    border-radius: 0;
}

.alumni-card p{
    text-align: justify;
}

.vision-heading p,.mission-heading p{
    font-size:30px;
    color: #b91c1c;
}
/*Vision and mission */
/*.alumni-vision-card{*/
/*    height: 400px;*/
/*    border:0;*/
/*    margin: 140px 0px 0px 0px;*/
/*    box-shadow: rgba(42, 42, 54, 0.2) 0px 7px 29px 0px;*/
/*    padding: 50px 30px;*/
/*    border: none;*/
/*    border-radius: 0;*/
/*}*/
/*.alumni-vision-card p{*/
/*    text-align: justify;*/
/*}*/

.alumni-vision-row{
    height: 400px;
    border:0;
    margin: 140px 0px 0px 0px;
    box-shadow: rgba(42, 42, 54, 0.2) 0px 7px 29px 0px;
    padding: 50px 30px;
    border: none;
    border-radius: 0;
}
/* .alumni-vision-row .alumni-vision-col{*/
/*    border-right:2px solid #008c9b;*/
/*} */




.alumni-vision-icon {
    background: #b91c1c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.alumni-vision-icon i{
    font-size: 50px;
}

.alumni-vision-image img{
    width:100%;
    height: 100%;
    object-fit: cover;
}

.alumni-vision-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 27px 35px;
    background: #f2f2f2;
}
.col-md-6.alumni-vision-image {
    padding: 0px;
}



/*Giving Section*/
.giving-section{
    background:#f2f2f2;
}



/* footer */
ul {
    margin: 0px;
    padding: 0px;
  }
  .footer-section {
    background: #151414;
    position: relative;
  }
  .footer-cta {
    border-bottom: 1px solid #373636;
  }
  .single-cta i {
    color: #ddab21;
    font-size: 25px;
    float: left;
    margin-top: 8px;
  }
  .cta-text {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    color: white;
  }

  .cta-text .contact-desc a {
    color: #fff;
  }


  .copyright-area {
    background: #202020;
    padding: 25px 0;
  }
  .copyright-text p {
    text-align: center;
    margin: 0;
    font-size: 14px;
    color: #878787;
  }
  .copyright-text p a {
    text-decoration: none;
    color: #fff !important;
  }
  
  
  
  
  /*Objective section*/
  
  
  .objective-container{
    box-shadow: rgba(42, 42, 54, 0.2) 0px 7px 29px 0px;
    /* padding: 20px; */
}

.objective-image-container{
    background: red;
    border-radius: 0px 280px 280px 0px;
    overflow: hidden;
    padding: 0px !important;
}
.objective-image-container img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;

}
.objective-container-col{
    background:white;
    padding: 40px;
}

.objective-container-col ul {
    list-style:none;
}
  
 .outcome-container {
    background-size: contain;
    background: url('https://plus.unsplash.com/premium_photo-1714397507055-b74c159c8d5f?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
    box-shadow: rgba(42, 42, 54, 0.2) 0px 7px 29px 0px;
    /* padding: 20px; */
}
  
.outcome-image-container{
    /*border-radius: 280px 0px 0px 280px;*/
    overflow: hidden;
    padding: 0px !important;
}  

.outcome-image-container img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;

}



.outcome-container-col{
    padding: 40px;
    background: white;
}

.outcome-container-col ul {
    list-style:none;
}
  /*Achievers section*/

/*@media only screen and (max-width: 449px) {*/
/*     .play-btn-02 {*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        top: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*    }*/
    
    
/*    .about-author-info-wrap .about-info {*/
/*        padding-left: 20px;*/
/*        margin-left: 15px;*/
/*    }*/

/*    .about-author-info-wrap .about-info p {*/
/*        font-size: 15px;*/
/*    }*/
    
/*.alumni-pattern {*/
/*    left:0px;*/
/*}*/
/*.form-container {*/
/*    right: 12px;*/
/*}*/
/*}*/

/*@media only screen and (max-width: 575px) {*/
/*    .about-content-wrap {*/
/*        padding-right: 0px;*/
/*    }*/

/*    .about-img-wrap {*/
/*        position: relative;*/
/*    }*/

/*    .play-btn-02 {*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        top: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*    }*/

/*    .about-img-big {*/
/*        text-align: center;*/
/*    }*/

/*    .about-img-wrap .about-img-sm {*/
        /*display: none;*/
/*    }*/
    
/*    .alumni-pattern {*/
/*    left:0px;*/
/*}*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*    h3 {*/
/*        font-size: 20px;*/
/*    }*/

/*    .section-title .title {*/
/*        font-size: 30px;*/
/*        line-height: 36px;*/
/*    }*/

    /* .play-btn-02 {
        left: 2%;
    } */
/*}*/

/*@media only screen and (max-width: 991px) {*/
/*    .about-img-wrap {*/
/*        margin-top: 60px;*/
/*    }*/
/*}*/

/* 110 */
@media screen and (max-width: 1470px) {

    .alumni-logo {
        width: 209px;
    }
    .alumni-sticky-logo {
        width: 110px;
    }
    .alumni-pattern {
        left: 230px;
    }  
    .alumni-title p {
        font-size: 19px;
    }  
    .alumni-date {
       left: 62%;
    }

}

/* 125 */

@media only screen and (max-width: 1440px) {
    .mb-3 {
    margin-bottom: 10px !important;
}
    .alumni-logo {
        width: 170px;
    }
    .alumni-date {
        left: 66%;
    }
    .alumni-pattern {
        margin-top:8px !important;
        left: 190px;
    }  
    .form-container {
        /*padding: 15px;*/
        width: 306px;
    }
    .form-heading p {
        font-size: 18px;
    }
    .form-input, .form-textarea .form-label{
        /* padding: 4px; */
        font-size: 12px; 
    } 
    .form-submit {
        padding: 10px;
        font-size: 15px;
    }
    a.nav-link {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1200px) {
   .alumni-date {
        left: 66%;
    }
        /*margin-top: -13px !important;*/
    
}


/* mobile responsive  */
@media (max-width: 480px) {
    
    .alumni-vision-image{
        display:none;
    }
    .alumni-card {
    margin: 17px 0px 0px 0px;
    }
    
    .alumni-logo{
        display:none;
    }
    
    .sticky-header {
        display: none; /* Hide the desktop header */
    }

    .mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        background-color: #33333354;
    }

    /*.mobile-header .nav-part-1 img {*/
    /*    height: 40px;*/
    /*}*/

    .mobile-header .nav-part-2 {
        font-size: 24px;
        color: white;
        cursor: pointer;
    }

    .sidebar {
        display: none; /* Hidden by default */
        position: absolute;
        right: 0;
        padding: 6px 15px 0px 16px;
        display: none;
        flex-direction: column;
        width: 251px;
        margin-top: -60px;
        height: 100vh;
        background-color: #af1414;
        color: white;
        box-shadow: -3px 0 15px rgba(0, 0, 0, 0.15);
        z-index: 1100000;
    }
    .sidebar{
        display: flex;
        flex-direction: column;
    }
    .sidebar-header {
        position: relative;
        width: 100%;
        height: 4.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2px solid var(--white-90);
    }

    .mobile-nav-items{
        list-style: none;
        padding: 30px 0px 0px 0px !important;
    }
    .mobile-nav-link a{
        font-size: 16px;
        font-weight: 400;
        color: white !important;
        margin: 0px 0px 6px 0px !important;
        
    }
    li.mobile-nav-link{
        padding: 10px;
        border-bottom: 1px solid rgba(175, 175, 175, 0.301);
    }

    .close-button{
        border: none;
        background-color: transparent;
        color: white;
    }


    @keyframes sidebarIn {
        from {
            transform: translateX(100%);
        }
        to {
            transform: translateX(0);
        }
    }

    @keyframes sidebarOut {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(100%);
        }
    }
    
    
    
    
    
    /*Banner Section*/
    .banner {
        height: 40vh;
    }
    
.banner::before {
    background: transparent;
}
.section {
    padding-top: 44px;
    padding-bottom: 65px;
}
    .alumni-logo {
    padding: 20px;
    width: 151px;
    }
    .form-container{
        /*display:none;*/
    }
    .form-container {
    top: 160%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 290px;
}

.form-heading p {
    font-size: 20px;
}
    .sticky-header{
        display: none;
    }

    h3 {
        font-size: 20px;
    }

    .section-title .title {
        font-size: 30px;
        line-height: 36px;
    }


    .navbar-toggler {
        display: block;
    }

    .nav-one ul,
    .nav-two ul {
        display: none;
    }



/*about us section*/

    .about-us-section{
            margin-top: 5px !important;
    }
    .about-content-wrap {
        padding-right: 0px;
    }

    .about-img-wrap {
        position: relative;
    }
    
    .about-info p {
    font-size: 12px;
    line-height: 17px;
    }
    .about-author-info-wrap .about-info .number {
    font-size: 12px;
}

.about-author-info-wrap {
    margin-bottom: 14px;
}

    .play-btn-02 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

   .about-img-big {
        text-align: center;
    }

    .about-img-sm {
        display: none;
    }
    .alumni-pattern {
        display:none;
        left: 68px;
    }
    /*Event Section*/
    
    .alumni-date {
    content: "";
    position: absolute;
    display:none;
    }
    .event-img-wrap {
    height: auto;
    width: 517px;
}
    
    
    
    /*alumni speak*/
    .img-student {
    height: auto;
    border-radius: 8px;
}
.alumni-box {
    box-shadow: rgba(100, 100, 111, 0) 0px 7px 0px 0px;
    padding: 27px 19px !important;
    border-radius: 0px !important;
    margin: 0px 0px 17px 0px !important;
    background: rgb(231 231 231 / 32%) !important;
}
.alumni-title p {
    font-size: 24px;
}

}