.div:where(.swal2-container) h2:where(.swal2-title){
    font-size: 16px!important;
}


.top-nav {
    background-color: #00296D;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
}

.scrolled {
    transition: all 3s ease-in-out;
}

.scrolled .top-nav {
    position: static;
}

.scrolled nav.fixed-top {
    top: 0px;
}

nav.fixed-top {
    top: 45px;
}

.nav-item {
    position: relative;
}

.nav-item:before {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 13px;
    width: 0;
    height: 2px;
    background: var(--color-2);
    transition: all .4s ease-in-out;
}

.nav-item:hover:before {
    width: 79%;
}

.dropdown-menu {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
    border: 0;
    border-radius: 15px;
}

.dropdown-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 42px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 10px solid #fff;
}


.top-header {
    display: flex;
    justify-content: space-between;
    padding: 12px 0px;
}

.top-header ul {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    gap: 15px;
    align-items: center;
}

.top-header li {
    list-style: none;
}

.top-header li a {
    text-decoration: none;
    color: #fff;
    font-size: 13px;
}

.top-header .right-side li a {
    color: #fff;
    padding: 4px 15px;
    background-color: #1D8136;
    border-radius: 4px;
    font-size: 13px;
}

.brand-logo {
    width: 230px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px;
    padding: 30px 20px;
    color: #000000;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #1d8136;
}

.navbar-nav .dropdown-menu {
    /* margin-top:20px; */
}

.right-side button{
display: none;
font-size: 12px;
padding: 4px 6px;
border-radius: 4px;
}
.right-side {
    display: flex;
    gap: 15px;
}


/* banner secton start */
.banner-sec {
    position: relative;
}

.banner-sec .carousel-item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #00000042;
}

.banner-sec .carousel-item-alt:before{
background: #ffffff00;
}

.banner-sec .banner-main-heading {
    font-size: 50px;
    font-weight: 600;
}

.banner-sec .banner-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.banner-sec .banner-content .row {
    margin: auto;
    height: 100%;
}

.banner-sec img {
    width: 100%;
}

.banner-sec .carousel-caption {
    top: 0;
    bottom: 0;
    margin-bottom: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* .banner-sec .carousel-caption button {
margin: auto;
text-align: center;
} */


/* banner secton end */


/* key-points secton start */

.key-points-sec {
    margin-top: -58px;
    position: absolute;
    left: 0;
    right:0;
    z-index: 1;
}

.key-points-sec .key-points-box {

    text-align: center;

    padding: 15px;

    border-radius: 15px;
}

.key-points-sec .key-points-box img {

    width: 50px;

    margin-bottom: 15px;
}

.key-points-sec .key-points-box .key-points-value {

    color: #fff;

    margin-bottom: 0;

    font-size: 18px;
}

.kpb-1 {
    background: #FC8B38;
}

.kpb-2 {
    background: #72D5EC;
}

.kpb-3 {
    background: #0E0549;
}

.kpb-4 {
    background: #393185;
}


    .key-points-sec a{
        text-decoration: none;
    }


/* key-points secton end */


/* certificate start */

.certificate-sec {
    background: url("../images/certificate-bg.png");
    background-size: cover;
    background-position: center;
}

.certificate-sec .main-heading {
    text-transform: uppercase;
}

.certificate-sec .main-heading span {
    font-weight: 600;
}

/* certificate end */

/* programm start */
.programm-sec {
    background: rgba(240, 198, 1, 3%);
}

.programm-sec .programm-sec-box {
    display:block;
    text-decoration: none;
    background: #fff;
    border-radius: 30px;
    padding: 15px;
    box-shadow: 0 5px 3px #7676764a;
    transition: .3s all ease-in-out;
}

.programm-sec .programm-sec-box:hover {
    box-shadow: 0 5px 7px 4px #1d813673;
    transform: scale(1.03);
}

.programm-sec .programm-sec-box img {
    width: 100%;
    height: 155px;
    object-fit: cover;
    border-radius: 15px;
}

.programm-sec .programm-sec-box h4 {
    color: var(--color-1);
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 20px;
}

/* programm end */

/* admission sec start */

.admission-sec {
    background: url("../images/admission-bg.png");
    background-size: cover;
    background-position: center;
}

.admission-sec .main-heading {
    text-transform: uppercase;
}

/* admission sec end */

/* campus section start */
.campus-sec {
    background: rgba(240, 198, 1, 3%);
}

.campus-sec-box {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;
}

.campus-sec-box span {
    background: var(--color-2);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: grid;
    place-content: center;
}

.campus-sec-box span img {
    width: 35px;
    filter: brightness(100);
}

/* campus section end */

/* process start */

.admission-process {
    background: var(--color-1);
}

.admission-process ul {
    padding-left: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

.admission-process ul li {
    background: #fff;
    position: relative;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    list-style: none;
}

#owl-demo .item .item-inner {
    background: #fff;
    position: relative;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    list-style: none;
    height: 280px;
    margin: 15px 10px 10px 10px;
}

#owl-demo .item .item-inner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -26px;
    margin: auto;
    background: url("../images/green-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}


.admission-process ul li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -26px;
    margin: auto;
    background: url("../images/green-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.admission-process ul li:nth-child(5):before {
    content: none;
}

#owl-demo .owl-stage-outer .owl-stage .owl-item:last-child .item .item-inner:before {
    content: none;
}

#owl-demo .item .item-inner .step-count {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 65%;
    background: var(--color-2);
    border-radius: 30px;
    color: #fff;
    text-align: center;
    padding: 4px;
    font-weight: 600;
}

.admission-process ul li .step-count {
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    background: var(--color-2);
    border-radius: 30px;
    color: #fff;
    text-align: center;
    padding: 2px;
}


#owl-demo .item .item-inner img {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 60px;
}

.admission-process ul li img {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 60px;
}


/* process end */


/* faq start  */

.faq-sec {
    background: url("../images/faq-bg.png");
    background-size: cover;
    background-position: center;
}

.faq-sec .card {
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid var(--color-2);
    margin-bottom: 2px;
    background: transparent;
}

.faq-sec .card .card-header {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0px;
}

.faq-sec .card .card-header a {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    background: transparent;
    color: var(--color-1);
}

.faq-sec .card .card-header:active a,
.faq-sec .card .card-header a:active,
.faq-sec .card .card-header a:focus {
    border: transparent;
}

.faq-sec .card .card-body {
    padding: 10px 0;
    font-weight: 500;
    font-size: 13px;
    color: #696969;
}

.faq-sec .collapsible-link {
    position: relative;
}

.faq-sec .collapsible-link::before {
    content: '';
    width: 14px;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    top: calc(50% - 1px);
    right: 1rem;
    display: block;
    transition: all 0.3s;
}

.faq-sec .collapsible-link::after {
    content: '';
    width: 2px;
    height: 14px;
    background: var(--color-1);
    position: absolute;
    top: calc(50% - 7px);
    right: calc(1rem + 6px);
    display: block;
    transition: all 0.3s;
}

.faq-sec .collapsible-link[aria-expanded='true']::after {
    transform: rotate(90deg) translateX(-1px);
    background: transparent;
}

.faq-sec .collapsible-link[aria-expanded='true']::before {
    transform: rotate(180deg);
}


/* footer style start */

footer {
    background: var(--color-1);
    color: #fff;
    position: relative;
}

footer ul {
    padding-left: 0
}

footer ul li {
    color: var(--color-2);
    margin-bottom: 4px;
}

footer .footer-menu-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 19px;
    position: relative;
}

.footer-form-heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--color-1);
    /* text-transform: uppercase; */
}

footer .footer-menu-heading:before {
    position: absolute;
    content: "";
    bottom: -7px;
    left: 0;
    width: 56px;
    height: 4px;
    background: var(--color-2);
}

footer ul.quick-connect li {
    list-style: none;
}

footer ul li span {
    font-size: 14px;
    display: block;
}

footer ul li a {
    color: #d9d9d9;
    text-decoration: none;
    font-size: 13px;
    display: block;
    transition: .3s all ease-in-out;
}

footer ul li:hover a {
    color: #fff;
}

.footer-form {
    background: #fff;
    border-radius: 15px;
    padding: 15px;
}

.footer-form .btn-1 {
    padding: 5px 15px;
}

.footer-bottom {
    background: var(--color-2);
    padding: 8px 0;
}

.footer-bottom .footer-bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bottom .footer-bottom-content p {
    font-size: 12px;
    margin-bottom: 0;
}

.footer-bottom .footer-bottom-content ul {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-bottom .footer-bottom-content ul li {
    position: relative;
    margin-bottom: 0;
    list-style: none;
}

.footer-bottom .footer-bottom-content ul li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0px;
    margin: auto;
    right: -9px;
    width: 2px;
    height: 12px;
    background: #ffffff66;
}

.footer-bottom .footer-bottom-content ul li:last-child:before {
    content: none;
}

.footer-bottom .footer-bottom-content ul li a {
    font-size: 12px;
}

.footer-info {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: -33px;
    display: flex;
    gap: 70px;
    box-shadow: 0 4px 7px 1px #00000075;
    border-radius: 15px;
    padding: 10px 15px;
    width: fit-content;
    margin: auto;
    border: 1px solid var(--color-2);
}

.footer-info:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 2px;
    height: 49px;
    background: #1d813661;
}

.footer-info li {
    list-style: none;
    margin-bottom: 0;
    position: relative;
}

.footer-info li a {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--color-1);
    font-weight: 600;
}

.footer-info li a:hover {
    color: var(--color-2);
}

.footer-info li a span {
    background: #1d813638;
    width: 40px;
    height: 40px;
    display: grid;
    place-content: center;
    border-radius: 100%;
    color: var(--color-2);
}

.footer-info li a span i {
    font-size: 20px;
}


/* .blink-soft {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
} */

.social-media-link {
    display: flex;
    gap: 10px;
}

.social-media-link a:nth-child(1) {
    color: #0071E1;
}

.social-media-link a:nth-child(2) {
    color: #FF0101;
}

.social-media-link a:nth-child(3) {
    color: #83CD20;
}

.social-media-link a:nth-child(4) {
    color: #FF0000;
}

.social-media-link a {
    background: #fff;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: grid;
    place-content: center;
    font-size: 20px;
}

.rec {
    font-size: 16px;
    font-weight: 600;
    background: var(--color-1);
    color: #fff;
    position: relative;
    padding: 14px;
    border-radius: 10px 0px 0px 10px;
    z-index: 0;
    text-align: left !important;
}
.rec:before {
    content:"";
    position:absolute;
    top:0;
    left: calc(100% + -32px);
    bottom:0;
    width: 60px;
    margin: auto;
    height: 60px;
    transform: rotate(45deg);
    border-radius:10px;
    background: var(--color-1);
    z-index: -1;
}

.certificate-sec p {
    width: 90%;
}


.quick-connect li{
    position: relative;
    border-bottom: 1px solid #ffffff63;
    padding-bottom: 14px;
    width: 85%;
}
/* footer style end */



/* contact us start */


.contact-us-heading {
    background: url("../images/cobtact-us-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 325px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us-heading .col-md-12 {
    margin-top: 180px;
}

.contact-us-heading:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: #002a6d73;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.contact-left {
    padding: 30px 0;
    position: relative;
}

.contact-form select option {
  color: var(--color-1);
}



.contact-left ul {
    padding-left: 0px;
    margin-bottom: 0;
}

.contact-left ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
}
.contact-left ul li i {
    color:var(--color-2);
    font-size: 20px;
}
.contact-left ul li span:first-child{
    background: #e5e5e5;
    min-width: 60px;
    height: 60px;
    display: grid;
    place-content: center;
    border-radius: 1px;
}
.contact-left ul li span:nth-child(2){
    display: flex;
    border-radius: 1px;
    flex-direction: column;
}

.contact-left ul li a {
    text-decoration: none;
    color: #222222;
    font-weight: 600;
}


.contact-form .form-control {
    background: #ffffff;;
    border-color: #1d8136;
}

.contact-form .form-control::-webkit-input-placeholder {
  color: #aaaaaa;
}
.contact-form .form-control::-moz-placeholder {
  color: #aaaaaa;
}
.contact-form .form-control:-ms-input-placeholder {
  color: #aaaaaa;
}
.contact-form .form-control:-moz-placeholder {
  color: #aaaaaa;
}

.contact-form .form-control:hover,
.contact-form .form-control:focus {
    box-shadow: none;
}

.contact-form .social-media-link {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
}

.contact-form .social-media-link a {
    text-decoration: none;
}

.contact-ui {
    background: #00296D;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.contact-ui .main-heading{
    font-size: 25px;
}
.contact-left .main-heading {
    font-size: 25px;
}


.enroll-now {
    position: fixed;
    right: 20px;
    bottom: 50px;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    background: var(--color-2);
    display: grid;
    place-content: center;
    cursor: pointer;
    z-index: 9;
}

.enroll-now span {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    background: linear-gradient(45deg, #144A7C, #00296D);
    border: 2px solid #fff;
    display: grid;
    place-content: center;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
}

.common-heading {
    background: var(--color-1);
}

.common-heading .main-heading {
    font-size: 25px;
}

.message-content-box .main-heading {
    font-size: 30px;
}

.breadcrumb-item a {
    color: #fff;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: var(--color-2);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.message-content {
    background: #fff;
}

.message-content-box .small-title {
    color: #A6A6A6;
}

.programmes-table-content {
    border: 1px solid #142849;
}

.programmes-table {
    background: #fff;
}

table thead tr th {
    background-color: var(--color-2) !important;
    color: #fff !important;
    font-weight: 600;
}

table tr td {
    color: #6F6F6F !important;
}

table,
th,
td {
    border-color: var(--color-1) !important;
}

.programmes-table-content .nav-tabs {
    display: block; /* remove grid */
    border-bottom: none;
}

/* remove side borders */
.programmes-table-content .nav-tabs button:nth-child(2) {
    border: none;
}

/* tab style */
.programmes-table-content .nav-tabs .nav-link {
    display: block;
    width: 100%;
    text-align: center;   /* center text */
    font-weight: 600;
    color: #fff;
    padding: 16px 20px;
    border: none;
    border-radius: 0;
    background: var(--color-1); /* full blue */
}

/* keep same for active */
.programmes-table-content .nav-tabs .nav-link.active {
    background: var(--color-1);
    color: #fff;
}
.admission-form {
    background-color: var(--color-2);
    border-radius: 15px;
    text-align: center;
}

.admission-form input,
.admission-form select {
    border: 0;
    border-radius: 0;
}

.programmes-table-content .color-1 {
    font-weight: 600;
}

.more-assistence {
    background: var(--color-1);
    border-radius: 6px;
}

.more-assistence ul {
    padding-left: 0;
    margin-bottom: 0;
}

.more-assistence ul li {
    list-style: none;
    color: #fff;
}

.more-assistence ul li a {
    text-decoration: none;
    color: #fff;
}

.mission-vision-sec {
    background: #fff;
}

.mission-vision-sec .main-heading span {
    font-weight: 600;
}

.mission-vision-box img {
    height: 80px;
}

.mission-vision-content {
    border-radius: 30px;
    box-shadow: 0 4px 4px #00000026;
    padding: 30px;
    height: 280px;
}

.mission-vision-content p {
    text-align: justify;
}

.admission-procedure-sec {
    position: relative;

}

.admission-procedure-img {
    width: 100%;
}

.admission-procedure-box {
    border: 7px solid var(--color-1);
    border-radius: 30px;
    padding: 30px 20px;
    box-shadow: 0 12px 25px 0 #00000024;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.admission-procedure-box:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0.87;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.admission-absolute {
    position: absolute;
    top: 150px;
    bottom: 0;
    margin: auto;
    height: 100%;
}

.admision-step-sec {
    background: #fff;
}

.admission-apply-sec p {
    font-size: 18px;
}

.admission-apply-sec {
    background: url("../images/admission-apply-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.admission-apply-sec:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00296D;
    opacity: .8;
    height: 100%;
    width: 100%;
    z-index: -1;

}

.admission-apply-sec .btn-1 {
    padding: 5px 15px;
}

.youtube-embed {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    text-align: left;
}

.youtube-embed iframe {
    width: 100%;
    position: absolute;
    height: 100%;
    overflow: hidden;
}

.pdf-download {
    background: #fff;
}

.pdf-download .left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pdf-download ul {
    padding-left: 0;
}

.pdf-download ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-1);
    padding-bottom: 8px;
    padding-left:10px;
    position:relative;
}
.pdf-download ul li:before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:4px;
    height:90%;
    background:var(--color-2);
    
}

.pdf-download ul li .common-paragraph {
    color: var(--color-1);
}

.apply-btn {
    background-color: var(--color-1);
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.apply-btn:hover {
    border-color: var(--color-1);
}

.download-btn {
    background-color: var(--color-2);
    border-radius: 35px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.download-btn:hover {
    border-color: var(--color-2);
}

.pdf-download .right {
    display: flex;
    gap: 60px;
    justify-content: end;
}

.comming-soon {
    background-color: #fff;
}

.comming-soon .main-heading {
    font-size: 80px;
    font-weight: bold;
}


#countdown {
    max-width: 600px;
    margin: 0 auto 40px;
    text-align: center;
    padding: 20px;
}

.countdown-title {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #022622;
    font-weight: 700;
}

.countdown-description {
    font-size: 1rem;
    margin-bottom: 2rem;
    color: #4b5563;
}

.countdown-blocks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    justify-content: center;
}

.time-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f3f4f6;
    padding: 16px;
    border-radius: 0.5rem;
}

.time-value {
    font-size: 2.25rem;
    font-weight: bold;
    color: var(--color-1);
    margin-bottom: 0.25rem;
}

.time-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-2);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}

.vocational-program-sec .main-heading,
.vocational-program-sec span {
    font-weight: 500;
    font-size: 32px;
}

.vocational-program-sec h2 {
    font-weight: bold;
    margin-bottom: 15px;
    /* font-size: 16px; */
}

.vocational-program-sec ul {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 78%;
}

.vocational-program-sec ul li {
    list-style: none;
    font-size: 30px;
    color: #ffffff;
    font-weight: 500;
    position:relative;
    z-index: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding: 0 10px;
    background: linear-gradient(45deg, #00296d, #1d8136);
    overflow: hidden;
    box-shadow: 0 2px 7px #00000061;
}
.vocational-program-sec ul li img {
    filter: invert(1);
}

.vocational-program-sec ul li:after {
    content: '';
    position: absolute;
    height: 250%;
    width: 40px;
    top: 0;
    left: -60px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: rotate(45deg) translateY(-35%);
    animation: shine 3s ease infinite;
}
@keyframes shine {
  0% {
    left: -80px;
  }
  40% {
    left: calc(100% + 20px);
  }
  100% {
    left: calc(100% + 20px);
  }
}


.vocational-program-point {
    background: var(--color-1);
}

.vocational-program-point ul {
    padding-left: 0px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.vocational-program-point ul li {
    list-style: none;
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    gap: 10px;
    position: relative;
    padding: 30px 0;
}

.vocational-program-point ul li:hover .icon {
    border-color: #fff;
}

.vocational-program-point ul li .seperator {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 2px;
    height: 80%;
    background-color: var(--color-2);
}

.vocational-program-point ul li .seperator:before {
    position: absolute;
    content: "";
    top: 0;
    left: -4px;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: var(--color-2);
    border-radius: 100%;
}

.vocational-program-point ul li .seperator:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: -4px;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: var(--color-2);
    border-radius: 100%;
}

.vocational-program-point ul li .icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-content: center;
    border: 1px solid var(--color-2);
    border-radius: 5px;
    transition: all.3s ease-in-out;
}

.vocational-program-point ul li .icon img {
    width: 40px;

}

.vocational-program-point ul li .content {}

.vocational-program-point ul li .content span {
    display: block;
    color: #fff;
}

.about-vocational-program {
    background-color: #fff;
}

.about-vocational-program ul {
    padding-left: 0;
    margin-bottom: 0;
}

.about-vocational-program ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    color: var(--color-1);
    font-weight: 600;
    margin-bottom: 15px;
}

.about-vocational-program ul li:before {
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../images/hand-pointer.svg");
    background-repeat: no-repeat;
}

.about-vocational-program .right {
    background: #d9d9d945;
    border-radius: 15px;
    padding: 5px 15px;
}


.about-vocational-program .abour-heading {
    font-size: 28px;
    font-weight: 500;
    color: var(--color-1);
    margin-bottom: 15px;
}

.vocational-program-structure {
    background-color: #fff;
}

.vocational-program-structure ul {
    padding-left: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 50px;
    justify-items: center;
}

.vocational-program-structure .vocational-structure-box {
    position: relative;
    background: #fff;
    border-radius: 25px;
    list-style: none;
    outline: 4px solid #f5f5f5;
    text-align: center;
    z-index: 0;
    padding: 30px 0;
    box-shadow: 12px 12px 12px #0000001a;
    width: 175px;
}

.vocational-program-structure .vocational-structure-box .sub-heading {
    text-transform: none;
}

.vocational-program-structure .vocational-structure-box .icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: var(--color-2);
    display: grid;
    place-content: center;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
}

.vocational-program-structure .vocational-structure-box .icon img {
    width: 25px;
}

.vocational-program-structure .vocational-structure-box:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: url("../images/structure-vocational-card-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: drop-shadow(0px 4px 7px grey);
}

.vocational-program-apply {
    position: relative;
    z-index: 0;
    background: url("../images/vocational-apply-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vocational-program-apply .apply-now {
    background: var(--color-1);
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}

.vocational-program-apply .apply-now:hover {
    background: transparent;
    border: 1px solid #fff;
}

.vocational-program-apply .main-heading {
    font-size: 25px;
}

.vocational-program-features {
    background: #fff;
}

.vocational-program-features ul {
    padding-left: 0;
}

.vocational-program-features ul li {
    position: relative;
    list-style: none;
    color: var(--color-1);
    font-weight: 500;
    padding-left: 21px;
    margin-bottom: 15px
}

.vocational-program-features ul li:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url("../images/hand-pointer.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.vocational-program-slider {
    background-color: #fff;
}

#vocational-slider .item, .vocational-slider1 .item {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 5px #00000033;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.anti-ragging-sec {
    background-color: #fff;
}

.anti-ragging-sec .anti-raging-tollfree a {
    text-decoration: none;
    color: #7D7D7D;
    font-weight: bold;
}

.anti-ragging-sec .common-paragraph a {
    text-decoration: none;
    color: #7D7D7D;
}

.anti-ragging-table .table-responsive {
    border-radius: 25px;
    border: 2px solid var(--color-1);
}

.anti-ragging-table table thead tr th {
    padding: 20px 30px;
}

.anti-ragging-table table tbody tr th,
.anti-ragging-table table tbody tr td {
    padding-left: 30px;
    padding-right: 30px;
}

.anti-ragging-table table tbody tr:nth-child(even) th,
.anti-ragging-table table tbody tr:nth-child(even) td {
    background: #F0F0F0;
}

.anti-ragging-table table tbody tr th,
.anti-ragging-table table tbody tr td,
.anti-ragging-table table thead tr th {
    border-right: 2px solid;
    border-color: #C9C9C9 !important;
}

.anti-ragging-table table tbody tr td:last-child,
.anti-ragging-table table thead tr th:last-child {
    border-right: 0;
}

.ugc-link {
    font-size: 20px;
}

.online-admission-sec {
    background: #fff;
}

.online-admission-form {
    border: 1px solid #000000;
    box-shadow: 8px 8px 23px #00000021;
    border-radius: 30px;
    padding: 30px;
}

#vocational-structure-slider .item {
    margin-top: 20px;
    margin-bottom: 20px;
}

.apply-btn {
    background-color: var(--color-1);
    color: #fff;
}

.apply-btn {
    border-color: var(--color-1);
}

.modal-content {
    outline: 3px solid #e5e5e53d;
    border-radius: 25px;
}

.modal-content .brand-logo {
    left: 0;
    right: 0;
    position: absolute;
    top: -28px;
    margin: auto;
    width: 200px;
}

.faculty-member-img {
    border: 1px dashed #1d81368c;
    border-radius: 30px;
}

.faculty-member-img img {
    border-radius: 30px;
    padding: 6px;
}

.header-btn{
    display: inline-block;
}



.header-btn{
    display: inline-block;
    padding: 10px 18px;
    border-radius: 6px;
    transition: 0.3s ease;
}

.blink-soft{
    animation: blink1 1.6s ease-in-out infinite;
}

/* First button */
ul li:nth-child(1) .blink-soft{
    animation-name: blink1;
}

/* Second button */
ul li:nth-child(2) .blink-soft{
    animation-name: blink2;
}

/* Blink 1 */
@keyframes blink1 {
    0%   { opacity: 1; }
    25%  { opacity: 0.4; }  /* softer instead of 0 */
    50%  { opacity: 1; }
    100% { opacity: 1; }
}

/* Blink 2 (delayed pattern) */
@keyframes blink2 {
    0%   { opacity: 1; }
    50%  { opacity: 1; }
    75%  { opacity: 0.4; }  /* blink happens later */
    100% { opacity: 1; }
}
.student-login-sec{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-login-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 0 7px 0px #ffffff4a;
}
.student-login-card img{
width:200px;
text-align: center;
margin: auto;
margin-bottom: 20px;
}

.input-box {
    position: relative;
}

.input-box label {
    position: absolute;
    font-size: 12px;
    background: #ffffff;
    top: -8px;
    left: 11px;
    color:#626262;
}

.input-box input {
    height: 45px;
}
.footer-img{
    background-color: #fff;
    padding:5px;
    border-radius: 4px;
    height: fit-content;
    width: fit-content;
}
.footer-img img {
    width: 200px;
}
#carouselExampleFade{
    margin-top:138px;
}

.carousel-inner{
height:475px;    
}
.carousel-item{
height:100%;    
}
.bg-green-banner{
   background: var(--color-2);
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 6px;
}

.about-us-sec{
    background-color: #fff;
}
.about-us-sec .cntr-1{
    background: linear-gradient(125deg, #fff, #eff6ff, #f7fbf8, #fff);
    border-radius: 15px;
}
.ugc-recognise {
    gap: 10px;
}
.about-us-sec p{
    text-align: justify;
}

.about-us-sec .main-heading span {
    font-weight: 600;
}


.about-us-wrap-image {
    position: relative;
}

.about-us-img .dg-c {
    border-radius: 60px;
    width: 100%;
    border: 4px solid #0078d317;
    width: 89%;
    height: 100% !important;
    min-height: 100%;
}

.about-us-img .image-2 {
    right: -26px;
    left: auto;
    top: 104px;
    scale: 0.6;
}
.about-us-wrap-image .image-2
 {
    position: absolute;
 }
 .about-us-wrap-image .image-2 img {
            animation: rotateme 15s linear infinite;
        }

@keyframes rotateme {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.about-us-wrap-image .image-2 .middle-img {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
}

    .about-us-wrap-image .image-2 .middle-img img {
        animation: unset;
    }

    .terms-and-conditions-sec, .privacy-policy-sec, .disclaimer-sec{
        background-color: #fff;
    }
    .terms-and-conditions-sec a, .privacy-policy-sec a, .disclaimer-sec a{
        text-decoration: none;
    }

    /* research start  */  

:root {
    --background-dark: #2d3548;
    --text-light: rgba(255, 255, 255, 0.6);
    --text-lighter: rgba(255, 255, 255, 0.9);
    --accent-color: #F67B50;
    --spacing-s: 16px;
    --spacing-m: 24px;
    --spacing-l: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 64px;
    --width-container: 1200px;
  }

  .timeline {
    position: relative;
    max-width: var(--width-container);
    margin: 0 auto;
    padding: 40px;
    z-index: 0;
    background-image: url("../images/phd-bg.svg");
    background-color: #fff8f1;
    border-radius: 30px;
    border: 1px solid #e1e1e1;
  }

  .timeline::after {
    content: '';
    position: absolute;
    width: 15px;
    background: linear-gradient(90deg, #0d3f77, #1d8136, #0f4278);
    top: 40px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30px;
    height: 0;
    transition: height 1.5s ease-out, opacity 1.5s ease-out;
    z-index: -1;
  }

  .timeline-container {
    position: relative;
    width: 50%;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    margin-bottom: 40px;
  }

  .timeline-container.left {
    left: 0;
    padding: 0px 100px 0px 0px;
  }

  .timeline-container.right {
    left: 50%;
    padding: 0px 0px 0px 100px;
  }

  .timeline-container::before {
    content: "";
    position: absolute;
    top: 30px;
    width: 100px;
    height: 100px;
    background: #fff;
    border: 4px solid #1d8136;
    border-radius: 50%;
    z-index: 9;
    font-family: 'FontAwesome';
    display: grid;
    place-content: center;
    font-size: 39px;
    color: #0e4078;
    outline: 1px dashed #0e407740;
    outline-offset: -11px;
  }

  .timeline .timeline-container:nth-child(1)::after {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 48 48' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M41.766 41H6.234a3.015 3.015 0 0 1-2.97-2.576l-.428-3A3 3 0 0 1 5.806 32h5.253a2.996 2.996 0 0 1 2.845 2.051l.09.266a.999.999 0 0 0 .947.683H33.06a1 1 0 0 0 .949-.684l.087-.263A2.998 2.998 0 0 1 36.94 32h5.253a3 3 0 0 1 2.97 3.424l-.429 3A3.015 3.015 0 0 1 41.765 41Zm-35.96-7a1 1 0 0 0-.99 1.142l.43 3a1.004 1.004 0 0 0 .988.858h35.532a1.004 1.004 0 0 0 .989-.858l.429-3a1 1 0 0 0-.99-1.142h-5.253a1 1 0 0 0-.949.684l-.087.263A2.998 2.998 0 0 1 33.06 37H14.94a2.996 2.996 0 0 1-2.845-2.051l-.09-.266A.999.999 0 0 0 11.06 34Zm38.368 1.283Z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M39.382 45H8.618a1.986 1.986 0 0 1-1.789-1.106l-1-2A2 2 0 0 1 7.62 39h32.763a2 2 0 0 1 1.789 2.894l-1 2A1.987 1.987 0 0 1 39.38 45Zm0-2v1-1Zm0 0 1-2H7.618l1 2ZM41 34h-1.5a1 1 0 0 1 0-2H41a1.001 1.001 0 0 0 1-1V10a1.001 1.001 0 0 0-1-1h-1.5a1 1 0 0 1 0-2H41a3.003 3.003 0 0 1 3 3v21a3.003 3.003 0 0 1-3 3ZM8.5 34H7a3.003 3.003 0 0 1-3-3V10a3.003 3.003 0 0 1 3-3h1.68a1 1 0 0 1 0 2H7a1.001 1.001 0 0 0-1 1v21a1.001 1.001 0 0 0 1 1h1.5a1 1 0 0 1 0 2Z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M39.5 34a1 1 0 0 1-1-1V6a1.001 1.001 0 0 0-1-1H13.328a1.009 1.009 0 0 0-.707.293L9.793 8.121a.996.996 0 0 0-.293.708V33a1 1 0 0 1-2 0V8.829a2.982 2.982 0 0 1 .879-2.122l2.828-2.828A2.98 2.98 0 0 1 13.328 3H37.5a3.003 3.003 0 0 1 3 3v27a1 1 0 0 1-1 1Z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M12.5 10h-4a1 1 0 0 1 0-2h4V4a1 1 0 0 1 2 0v4a2.002 2.002 0 0 1-2 2ZM24 23a8 8 0 1 1 8-8 8.01 8.01 0 0 1-8 8Zm0-14a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6Z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='m27.271 17.451-1.598-.532a.284.284 0 0 1-.08-.494 3.605 3.605 0 0 0 1.227-2.79A3.141 3.141 0 0 0 24 10.25a3.141 3.141 0 0 0-2.82 3.384 3.605 3.605 0 0 0 1.227 2.791.284.284 0 0 1-.08.494l-1.598.532a2.82 2.82 0 0 0-1.727 1.628l-.333.832a.564.564 0 0 0 .524.774 8.165 8.165 0 0 0 9.614 0 .59.59 0 0 0 .468-.248.56.56 0 0 0 .056-.526l-.333-.832a2.82 2.82 0 0 0-1.727-1.628ZM33 27.5H23a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2ZM33 31H23a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2ZM16.45 31a.997.997 0 0 1-.667-.255l-1.45-1.3a1 1 0 1 1 1.334-1.49l.695.624 2.384-2.736a1 1 0 1 1 1.508 1.314l-3.05 3.5a.998.998 0 0 1-.692.341.843.843 0 0 1-.062.002Z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  right: -25px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(2)::after {
   position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M8.689 12.535a.9.9 0 0 0 0 1.8h9.65a.9.9 0 0 0 0-1.8zM13.028 17.644H8.689a.9.9 0 0 0 0 1.8h4.339a.9.9 0 0 0 0-1.8z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M12.895 29.1h-6.85a2.677 2.677 0 0 1-2.67-2.68V8.19a2.677 2.677 0 0 1 2.67-2.68h1.859v.226a2.383 2.383 0 0 0 2.381 2.38h8.6a2.383 2.383 0 0 0 2.381-2.38V5.51h1.85c1.497 0 2.669 1.177 2.669 2.68v5.13a.9.9 0 0 0 1.8 0V8.19a4.48 4.48 0 0 0-4.47-4.48h-1.85v-.23a2.383 2.383 0 0 0-2.381-2.38h-8.6a2.383 2.383 0 0 0-2.381 2.38v.23H6.045a4.481 4.481 0 0 0-4.471 4.48v18.23c0 2.47 2.006 4.48 4.471 4.48h6.85a.9.9 0 0 0 0-1.8zM9.705 3.48c0-.32.26-.58.58-.58h8.6c.32 0 .58.26.58.58v2.255c0 .32-.26.58-.58.58h-8.6a.58.58 0 0 1-.58-.58z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M29.47 17.358c-1.232-1.233-3.383-1.234-4.616 0l-7.979 7.979a1.736 1.736 0 0 0-.486.942l-.438 2.589a1.742 1.742 0 0 0 2.008 2.007l2.588-.437c.359-.061.685-.229.942-.486l7.979-7.979a3.268 3.268 0 0 0 .002-4.615zm-9.222 11.306-2.521.503.422-2.557 5.719-5.719 2.071 2.071zm7.948-7.964-.986.988-2.07-2.07.987-.987a1.455 1.455 0 0 1 1.034-.429 1.464 1.464 0 0 1 1.035 2.498z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  left: -22px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(3)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M17 9h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2zM20 14H10a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2zM15.86 18H10a1 1 0 1 1 0-2h5.86a1 1 0 1 1 0 2zM13.46 22H10a1 1 0 1 1 0-2h3.46a1 1 0 1 1 0 2z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M13.46 28H9c-2.757 0-5-2.243-5-5V6c0-2.757 2.243-5 5-5h12c2.757 0 5 2.243 5 5v8.2a1 1 0 1 1-2 0V6c0-1.654-1.346-3-3-3H9C7.346 3 6 4.346 6 6v17c0 1.654 1.346 3 3 3h4.46a1 1 0 1 1 0 2z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M23 31c-3.859 0-7-3.14-7-7s3.141-7 7-7 7 3.14 7 7-3.141 7-7 7zm0-12c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M22.333 26.533a.997.997 0 0 1-.707-.293l-1.333-1.333a.999.999 0 1 1 1.414-1.414l.626.626 1.96-1.959a.999.999 0 1 1 1.414 1.414l-2.667 2.667a.997.997 0 0 1-.707.293z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  right: -25px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(4)::after {position: absolute;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Ccircle cx='16' cy='22.479' r='1' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/circle%3E%3Cpath d='M16 17.021c-.461 0-.921-.104-1.341-.314l-6-3a2.984 2.984 0 0 1-1.658-2.683V3.502c0-1.047.532-2.001 1.423-2.552a2.982 2.982 0 0 1 2.919-.131l4.21 2.105a1 1 0 0 0 .895 0L20.657.819a2.984 2.984 0 0 1 2.919.131 2.98 2.98 0 0 1 1.423 2.552v7.521a2.984 2.984 0 0 1-1.658 2.683l-5.999 3c-.42.209-.881.314-1.342.314zm-6.446-5.104 5.999 3c.278.139.613.14.896 0l5.998-3a.994.994 0 0 0 .553-.894V3.502a.988.988 0 0 0-.475-.851.981.981 0 0 0-.973-.043l-4.21 2.105c-.84.42-1.844.42-2.684 0l-4.21-2.105c-.447-.225-.83-.045-.973.043S9 2.999 9 3.502v7.521c0 .381.212.723.553.894z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M15 4.03h2v11.992h-2z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M26 26.5H6a5 5 0 0 1-5-5v-12c0-1.436.607-2.771 1.64-3.706a1.008 1.008 0 0 1 1.574.271c.218.419.093.912-.254 1.233A2.993 2.993 0 0 0 3 9.5v12a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3v-12a2.99 2.99 0 0 0-.961-2.202c-.347-.321-.473-.814-.255-1.233a1.008 1.008 0 0 1 1.574-.271A4.987 4.987 0 0 1 30.999 9.5v12a5 5 0 0 1-5 5z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M22.618 30.5H9.382l3.001-6h7.234zm-10-2h6.764l-1.001-2h-4.762z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Crect width='20' height='2' x='6' y='28.5' rx='1' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/rect%3E%3Cpath d='M2 18.459h28v2H2z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");display: inline-block;width: 50px;height: 50px;top: 26px;left: -22px;z-index: 9;}
  .timeline .timeline-container:nth-child(5)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M11.116 11.898a.903.903 0 0 0-1.266-.137l-1.028.829-.12-.152a.896.896 0 0 0-1.263-.153.898.898 0 0 0-.153 1.263l.683.871a.895.895 0 0 0 1.272.147l1.738-1.4a.902.902 0 0 0 .137-1.268zM13.572 12.263a.9.9 0 0 0 0 1.8h5.326a.9.9 0 0 0 0-1.8zM9.851 17.436l-1.028.828-.12-.152a.896.896 0 0 0-1.263-.153.898.898 0 0 0-.153 1.263l.683.871a.895.895 0 0 0 1.272.147l1.738-1.4a.9.9 0 0 0-1.129-1.404zM18.013 18.837a.9.9 0 0 0-.9-.9h-3.54a.9.9 0 0 0 0 1.8h3.54a.9.9 0 0 0 .9-.9z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M14.933 6.65a2.788 2.788 0 0 0 2.729-2.246l.14-.712a.983.983 0 0 1 .963-.792h1.092a2.252 2.252 0 0 1 2.249 2.25v8.26a.9.9 0 0 0 1.8 0V5.15a4.056 4.056 0 0 0-4.05-4.051H7.036A4.056 4.056 0 0 0 2.985 5.15v21.7a4.056 4.056 0 0 0 4.051 4.051h3.979a.9.9 0 0 0 0-1.8H7.036a2.252 2.252 0 0 1-2.25-2.25V5.15a2.252 2.252 0 0 1 2.25-2.25h1.091c.468 0 .873.333.964.793l.14.71A2.786 2.786 0 0 0 11.96 6.65zm-3.937-2.593-.14-.711a2.745 2.745 0 0 0-.129-.445h5.438a2.745 2.745 0 0 0-.129.445l-.14.711a.984.984 0 0 1-.963.793h-2.974a.983.983 0 0 1-.963-.793z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M28.033 16.913a3.356 3.356 0 0 0-4.739 0l-8.275 8.275a1.771 1.771 0 0 0-.495.959l-.452 2.683a1.774 1.774 0 0 0 2.044 2.046l2.683-.453c.366-.062.698-.232.96-.494l8.275-8.275a3.36 3.36 0 0 0-.001-4.741zm-9.534 11.733-2.652.483.445-2.668 5.955-5.955L24.44 22.7zm8.261-8.267-1.047 1.047-2.193-2.193 1.047-1.047c.302-.303.699-.454 1.096-.454s.795.151 1.097.454a1.554 1.554 0 0 1 0 2.193z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  right: -25px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(6)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M17 9h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2zM20 14H10a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2zM15.86 18H10a1 1 0 1 1 0-2h5.86a1 1 0 1 1 0 2zM13.46 22H10a1 1 0 1 1 0-2h3.46a1 1 0 1 1 0 2z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M13.46 28H9c-2.757 0-5-2.243-5-5V6c0-2.757 2.243-5 5-5h12c2.757 0 5 2.243 5 5v8.2a1 1 0 1 1-2 0V6c0-1.654-1.346-3-3-3H9C7.346 3 6 4.346 6 6v17c0 1.654 1.346 3 3 3h4.46a1 1 0 1 1 0 2z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M23 31c-3.859 0-7-3.14-7-7s3.141-7 7-7 7 3.14 7 7-3.141 7-7 7zm0-12c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M22.333 26.533a.997.997 0 0 1-.707-.293l-1.333-1.333a.999.999 0 1 1 1.414-1.414l.626.626 1.96-1.959a.999.999 0 1 1 1.414 1.414l-2.667 2.667a.997.997 0 0 1-.707.293z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  left: -22px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(7)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M45 29.5a1.5 1.5 0 0 1 0-3c.827 0 1.5-.673 1.5-1.5V8c0-.827-.673-1.5-1.5-1.5H19c-.827 0-1.5.673-1.5 1.5v17c0 .827.673 1.5 1.5 1.5h5.71a1.5 1.5 0 0 1 0 3H19a4.505 4.505 0 0 1-4.5-4.5V8c0-2.481 2.019-4.5 4.5-4.5h26c2.481 0 4.5 2.019 4.5 4.5v17c0 2.481-2.019 4.5-4.5 4.5z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M31 11.5h-8a1.5 1.5 0 0 1 0-3h8a1.5 1.5 0 0 1 0 3zM41 16.5H23a1.5 1.5 0 0 1 0-3h18a1.5 1.5 0 0 1 0 3zM41 21.5H23a1.5 1.5 0 0 1 0-3h18a1.5 1.5 0 0 1 0 3zM47 36.5h-7a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3zM24 36.5h-7a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M18 49.5H8A4.505 4.505 0 0 1 3.5 45V26.752A4.257 4.257 0 0 1 7.752 22.5c2.2 0 4.02 1.651 4.233 3.84L13.36 40.5H14c3.033 0 5.5 2.468 5.5 5.5v2a1.5 1.5 0 0 1-1.5 1.5zm-10.248-24c-.69 0-1.252.562-1.252 1.252V45c0 .827.673 1.5 1.5 1.5h8.5V46c0-1.379-1.122-2.5-2.5-2.5h-2a1.5 1.5 0 0 1-1.493-1.354L8.999 26.632A1.247 1.247 0 0 0 7.752 25.5zM56 49.5H46a1.5 1.5 0 0 1-1.5-1.5v-2c0-3.032 2.468-5.5 5.5-5.5h.639l1.377-14.16a4.237 4.237 0 0 1 4.232-3.84 4.257 4.257 0 0 1 4.252 4.252V45c0 2.481-2.019 4.5-4.5 4.5zm-8.5-3H56c.827 0 1.5-.673 1.5-1.5V26.752a1.253 1.253 0 0 0-2.498-.121l-1.509 15.515A1.5 1.5 0 0 1 52 43.5h-2a2.502 2.502 0 0 0-2.5 2.5v.5zM59 60.5H5A1.5 1.5 0 0 1 3.5 59v-2c0-2.481 2.019-4.5 4.5-4.5h6c2.481 0 4.5 2.019 4.5 4.5v.5h27V57c0-2.481 2.019-4.5 4.5-4.5h6c2.481 0 4.5 2.019 4.5 4.5v2a1.5 1.5 0 0 1-1.5 1.5zm-10.5-3h9V57c0-.827-.673-1.5-1.5-1.5h-6c-.827 0-1.5.673-1.5 1.5zm-42 0h9V57c0-.827-.673-1.5-1.5-1.5H8c-.827 0-1.5.673-1.5 1.5z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M32 60.5a1.5 1.5 0 0 1-1.5-1.5V48a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-1.5 1.5z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M38 60.5a1.5 1.5 0 0 1-1.5-1.5v-2c0-.827-.673-1.5-1.5-1.5h-6c-.827 0-1.5.673-1.5 1.5v2a1.5 1.5 0 0 1-3 0v-2c0-2.481 2.019-4.5 4.5-4.5h6c2.481 0 4.5 2.019 4.5 4.5v2a1.5 1.5 0 0 1-1.5 1.5zM11 60.5A1.5 1.5 0 0 1 9.5 59V48a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-1.5 1.5zM53 60.5a1.5 1.5 0 0 1-1.5-1.5V48a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-1.5 1.5zM38.204 49.5H25.796c-1.192 0-2.3-.499-3.12-1.405a4.63 4.63 0 0 1-1.152-3.57l1.723-17c.232-2.295 2.068-4.025 4.272-4.025h8.962c2.204 0 4.04 1.73 4.272 4.024l1.723 17a4.63 4.63 0 0 1-1.153 3.57c-.82.907-1.927 1.406-3.119 1.406zm-10.685-23c-.658 0-1.211.57-1.288 1.327l-1.722 17c-.048.469.096.927.394 1.256.14.156.443.417.893.417h12.408c.45 0 .753-.26.894-.417.297-.33.44-.787.393-1.256l-1.722-17c-.078-.757-.63-1.327-1.288-1.327H27.52z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  right: -25px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(8)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M19.181 13.98a.9.9 0 0 0-.9-.9h-6.42a.9.9 0 0 0 0 1.8h6.42a.9.9 0 0 0 .9-.9zM11.861 16.877a.9.9 0 0 0 0 1.8h4.395a.9.9 0 0 0 0-1.8z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M29.333 24.727H26.92V16.36a.9.9 0 0 0-1.8 0v8.367H12.03c-.772 0-1.401.629-1.401 1.4v1.375c-.004.611-.322 1.15-.788 1.418-.196.105-.41.165-.632.174a1.452 1.452 0 0 1-1.052-.382 1.478 1.478 0 0 1-.486-1.103V8.605a3.516 3.516 0 0 0-.355-1.485H15.6a.9.9 0 0 0 0-1.8H4.39c-.014 0-.025.007-.039.008A3.282 3.282 0 0 0 1.1 8.605v1.485c0 .771.628 1.399 1.399 1.399h3.37v16.12a3.3 3.3 0 0 0 1.074 2.433c.602.549 1.39.852 2.197.857l.009.002h18.295a3.293 3.293 0 0 0 3.289-3.289v-1.484c0-.773-.629-1.401-1.4-1.401zM2.9 9.689V8.605c0-.816.663-1.48 1.488-1.48.816 0 1.48.664 1.48 1.48v1.084zm26.033 17.922c0 .821-.667 1.488-1.488 1.488H12.073c.407-.8.357-1.702.357-2.569h13.59c.005 0 .009-.003.015-.003h2.899v1.084z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M24.507 13.886c3.525 0 6.394-2.868 6.394-6.393S28.033 1.1 24.507 1.1s-6.394 2.868-6.394 6.393 2.868 6.393 6.394 6.393zm0-10.986A4.599 4.599 0 0 1 29.1 7.493c0 2.533-2.061 4.593-4.593 4.593s-4.593-2.061-4.593-4.593A4.598 4.598 0 0 1 24.507 2.9z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M22.985 9.273a.898.898 0 0 0 1.272.146l2.682-2.161a.9.9 0 1 0-1.129-1.401l-1.972 1.588-.491-.626a.9.9 0 1 0-1.416 1.111z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  left: -22px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(9)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M414 28.055h-56.325C342.812 10.889 320.908 0 296.5 0h-81c-24.408 0-46.312 10.889-61.175 28.055H98c-24.813 0-45 20.227-45 45.088v393.769C53 491.773 73.187 512 98 512h316c24.813 0 45-20.227 45-45.088V73.143c0-24.862-20.187-45.088-45-45.088zm-198.5 2.004h81c23.177 0 42.425 15.515 48.75 36.07h-178.5c6.314-20.519 25.537-36.07 48.75-36.07zM429 466.912c0 8.287-6.729 15.029-15 15.029H98c-8.271 0-15-6.742-15-15.029V73.143c0-8.287 6.729-15.029 15-15.029h39.846a81.017 81.017 0 0 0-3.346 23.045c0 8.3 6.716 15.029 15 15.029h213c8.284 0 15-6.729 15-15.029a81.017 81.017 0 0 0-3.346-23.045H414c8.271 0 15 6.742 15 15.029v393.769z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M182.06 298.644 160 320.746l-5.394-5.404c-5.857-5.87-15.355-5.87-21.213 0-5.858 5.869-5.858 15.385 0 21.254l16 16.031c5.857 5.869 15.355 5.87 21.213 0l32.666-32.73c5.858-5.869 5.858-15.385 0-21.254-5.857-5.869-15.355-5.869-21.212.001zM367 310.607H246c-8.284 0-15 6.729-15 15.029s6.716 15.029 15 15.029h121c8.284 0 15-6.729 15-15.029s-6.716-15.029-15-15.029zM182.06 384.812 160 406.914l-5.394-5.404c-5.857-5.87-15.355-5.87-21.213 0-5.858 5.869-5.858 15.385 0 21.254l16 16.031c5.857 5.869 15.355 5.87 21.213 0l32.666-32.73c5.858-5.869 5.858-15.385 0-21.254-5.857-5.869-15.355-5.869-21.212.001zM367 396.775H246c-8.284 0-15 6.729-15 15.029s6.716 15.029 15 15.029h121c8.284 0 15-6.729 15-15.029s-6.716-15.029-15-15.029zM284.606 241.077 331 194.593v1.791c0 8.3 6.716 15.029 15 15.029s15-6.729 15-15.029c0-42.513.07-38.555-.172-40.234-1.061-7.353-7.353-12.872-14.833-12.87H308c-8.284 0-15 6.729-15 15.029s6.716 15.029 15 15.029h1.787L274 209.195l-45.394-45.482c-5.857-5.87-15.355-5.87-21.213 0l-54 54.106c-5.858 5.869-5.858 15.385 0 21.254 5.857 5.87 15.355 5.87 21.213 0L218 195.595l45.394 45.482c5.856 5.869 15.355 5.87 21.212 0z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  right: -25px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(10)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M27 28h-2.9l.818-9H26a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4.525a5.505 5.505 0 0 0-2.628-4.2 4 4 0 1 0-5.694 0 5.5 5.5 0 0 0-2.628 4.2H9v-2.635l.681-.633a1 1 0 1 0-1.362-1.464l-1 .929A1 1 0 0 0 7 9.93V13H6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1.087l.818 9H5a1 1 0 1 0 0 2h22a1 1 0 1 0 0-2zM14 6a2 2 0 1 1 2 2 2 2 0 0 1-2-2zm2 4a3.507 3.507 0 0 1 3.465 3h-6.929A3.5 3.5 0 0 1 16 10zm-9 5h18v2H7zm2.1 4h13.81l-.818 9H9.913zM20 22a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1z' fill='%2300296d' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  left: -22px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(11)::after {
position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill='%2300296d' d='M8 16.5h-.75a.75.75 0 0 0 1.098.664zM1.25 22a.75.75 0 0 0 1.5 0zm9.993-7.2.348.664.028-.014.027-.017zm1.548 2.455.353.663.023-.013.022-.014zm-4.027 2.142-.352-.662-.023.013-.022.013zm-2.796-.703.651-.372zm-.317-2.066a.75.75 0 0 0-1.302.744zm7.616-1.35.643-.386zM8.75 20a.75.75 0 0 0-1.5 0zm-1.5 2a.75.75 0 0 0 1.5 0zm5.617-7.903-.402.633 1.265.805.403-.632zm4.766-4.694a.75.75 0 1 0-1.266-.806zM5.25 4.5a.75.75 0 0 0 1.5 0zM19 11.25a.75.75 0 0 0 0 1.5zm-9-6a.75.75 0 0 0 0 1.5zm8 1.5a.75.75 0 0 0 0-1.5zm-8 1.5a.75.75 0 0 0 0 1.5zm4 1.5a.75.75 0 0 0 0-1.5zM6.25 9c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 7.75 9zM5 10.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 5 11.75zM3.75 9c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 0 0 2.25 9zM5 7.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0 0 5 6.25zm3.75 8.75V16h-1.5v.5zm-7.5-.5v6h1.5v-6zm7.098 1.164 3.243-1.7-.696-1.328-3.243 1.7zm4.091-.57-4.027 2.141.704 1.324 4.028-2.141zM6.62 18.32l-.968-1.693-1.302.744.968 1.694zm5.027-2.888a.701.701 0 0 1 .978.23l1.286-.771a2.202 2.202 0 0 0-3.07-.725zm-3.28 3.328a1.25 1.25 0 0 1-1.747-.44l-1.302.745a2.75 2.75 0 0 0 3.845.967zM2.75 16A2.25 2.25 0 0 1 5 13.75v-1.5A3.75 3.75 0 0 0 1.25 16zm9.874-.336a.702.702 0 0 1-.23.955l.795 1.272a2.202 2.202 0 0 0 .72-3zM8.75 16A3.75 3.75 0 0 0 5 12.25v1.5A2.25 2.25 0 0 1 7.25 16zm-1.5 4v2h1.5v-2zm6.883-5.097 3.5-5.5-1.266-.806-3.5 5.5zM6.75 4.5V4h-1.5v.5zM8 2.75h12v-1.5H8zM21.25 4v6h1.5V4zM20 11.25h-1v1.5h1zM21.25 10c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 22.75 10zM20 2.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0 0 20 1.25zM6.75 4c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 0 0 5.25 4zM10 6.75h8v-1.5h-8zm0 3h4v-1.5h-4z' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 26px;
  right: -25px;
  z-index: 9;
  }
  .timeline .timeline-container:nth-child(12)::after {position: absolute;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 682.667 682.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cdefs%3E%3CclipPath id='a' clipPathUnits='userSpaceOnUse'%3E%3Cpath d='M0 512h512V0H0Z' fill='%2300296d' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='matrix(1.33333 0 0 -1.33333 0 682.667)'%3E%3Cpath d='M0 0h-512' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(512 497)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0h-60v60c0 16.569 13.432 30 30 30 16.568 0 30-13.431 30-30z' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(75 287)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0v-120' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(45 497)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0v-150h-240V0' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(375 497)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0h392' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(60 167)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0h-437c-33.137 0-60-26.863-60-60s26.863-60 60-60h120' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(512 227)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0c-33.137 0-60 26.863-60 60s26.863 60 60 60' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(512 107)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0h197' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(315 107)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3Cpath d='M0 0v-142.75l-60 30-60-30V0' style='stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(315 167)' fill='none' stroke='%2300296d' stroke-width='30' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' opacity='1' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");display: inline-block;width: 50px;height: 50px;top: 26px;left: -22px;z-index: 9;}


  .timeline-container.left::before {
  right: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
  }

.timeline-container.left .content-heading::after {
    position:absolute;
    right: -14px;
    content: '';
    border-left: 15px solid #1d8136;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: 1px;
  }
.timeline-container.right .content-heading::after {
    position:absolute;
    left: -14px;
    content: '';
    border-right: 15px solid #1d8136;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: 1px;
  }

 .timeline-container.right::before {
  left: -49px;
  top: 0;
  bottom: 0;
  margin: auto;
  }

  .re-content {
    /* padding: var(--spacing-xl); */
    background-color: var(--text-lighter);
    position: relative;
    border-radius: 4px 4px 10px 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    text-align: center;
    color: var(--background-dark);
    height: 100px;
  }
.re-content .content-heading{
    background:var(--color-2);
    color: #fff;
    border-radius: 4px 4px 0px 0px;
    padding: 5px;
}
.re-content .content-content{
    padding: 20px 10px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

  .re-content:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
    transform: scale(1.05);
  }

     .icon {
            font-size: 32px;
            margin-right: var(--spacing-s);

            color: #F67B50; /* Fallback color */
        }




  a.content-link {
    text-decoration: none;
    color: inherit;
    display: block;
  }

  @media screen and (max-width: 767px) {
      .timeline .timeline-container:nth-child(2)::after, .timeline .timeline-container:nth-child(4)::after, .timeline .timeline-container:nth-child(6)::after, .timeline .timeline-container:nth-child(8)::after, .timeline .timeline-container:nth-child(10)::after, .timeline .timeline-container:nth-child(12)::after{
          left: 26px;
      }
    .timeline::after {
      left: 70px;
    }
    .timeline-container.left .content-heading::after{
    border-right: 15px solid #1d8136;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left:none;
    right:auto;
    left:-14px;
    }

    .timeline-container {
      width: 100%;
      padding-left: 80px;
      padding-right: 40px;
      margin-bottom: var(--spacing-l);
    }

    .timeline-container.left::before, .timeline-container.right::before {
      left: 0;
      right: auto;
    }
      .timeline-container.left::after, .timeline-container.right::after{
           left: 25px;
           right: auto;
      }

    .timeline-container.right {
      left: 0%;
    }

    .timeline-container.left, .timeline-container.right {
      left: 0;
      padding: 0px 0px 0px 140px;
    }
  }

  .show {
    opacity: 1;
    transform: translateY(0);
  }

  .timeline.show-line::after {
    height: 92%;
    opacity: 1;
  }

  .timeline.hide-line::after {
    height: 0;
    opacity: 0;
  }
  .research-programme{
    background: #fff;
  }

  .bvoc-program-sec{
    background: url("../images/bvoc-banner-bg.png");
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
  }
  .bvoc-form{
    border: 10px solid #268646;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    border-radius: 30px;
  }
 .bvoc-form .form-heading{padding: 8px;border-radius: 15px 15px 0 0;/* border-bottom: 1px solid #dddddd; */}
.bvoc-form .form-body{
    
padding: 20px;
  }
.bvoc-form button{
  padding: 4px;
  }

  .about-bvoc-program{
    background-color: #fff;
  }

  .bvoc-about-img{
    position:relative;
    z-index: 0;
    width: fit-content;
}

.bvoc-about-img:before{
    content:"";
    position:absolute;
    background:var(--color-1);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    z-index: -1;
    transition: all .3s ease-in-out;
}
.bvoc-about-img.shadow-bg-1:before{
    bottom: -10px;
    left: -10px;
}
.bvoc-about-img.shadow-bg-2:before{
    bottom: -10px;
    right: -10px;
}
.bvoc-about-img.shadow-bg-1:hover::before{
    bottom: 0px;
    left: 0px;
}
.bvoc-about-img.shadow-bg-2:hover::before{
    bottom: 0px;
    right: 0px;
}
.abvoc-alt{
    background-color:#fff8f1;
    padding:30px 0;
}
.bvoc-skill{
    background-color: #fff;
}
.bvoc-assesment{
    background: #fff;
}

.acc-num{
    background: var(--color-2);
    border-radius: 100%;
    min-width: 25px;
    height: 25px;
    display: grid;
    place-content: center;
    color: #fff;
    margin-right: 10px;
    font-size: 12px;
}
.bvoc-point {
    background:#fff;
}
.bvoc-point-box {
    border: 2px solid var(--color-1);
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    height: 100%;
}
.bvoc-point-box img {
    margin-bottom:15px;
    width: 80px;
}
.vocational-program-slider-bvoc{
    background: #fff8f1;
}
.accordion-button:not(.collapsed){
    background-color: #fff;
}
.research-programme-left {
    box-shadow: 0 0 7px 0px #00000040;
    border-radius: 4px;
    padding: 15px;
}
.research-programme-left a {
    text-decoration:none;
    color:var(--color-1);
    font-weight:600;
}

.research-programme-box {
    background: #FFE8EE;
    border-radius: 20px;
    display: flex;
    padding: 30px;
    align-items: center;
    color: var(--color-1);
    border: 2px solid var(--color-2);
}
.research-programme-box .phd-box-icon{
    display: grid;
    place-content: center;
    margin-left:30px;
    min-width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #fff;
}
.research-programme-box .phd-box-icon img{
    width: 50px;
}

/* Admission partner Start */
.admision-partner-box{
    border-radius: 30px;
    box-shadow: 0 0 7px #e5e5e5;
    padding:30px;
    margin:30px 0;
    
}
.admision-partner .admision-partner-box .brand-logo{
width:300px;
}
.admisson-heading{
    border-left:4px solid var(--color-2);
    background: #f7f7f7;
    padding: 5px;
}
.admisson-heading .main-heading-3{
    font-weight:400;
}
.partner-form {
    display: flex;
    align-items: center;
    
    gap: 10px;
}
.partner-form label{
    /* width:auto; */
    flex: 0 0 auto;
    color: #6c6c6c;
}
.partner-form .form-control, .partner-form .form-select{
    border: none;
    border-bottom:1px solid var(--color-1);
    border-radius:0;
    padding-bottom:0;
    padding-left:0;
}
.partner-form .form-control:focus, .partner-form .form-select:focus{
    box-shadow:none;
}
.profile-container {
    background: #f7f7f7;
    border: 1px dashed var(--color-1);
    border-radius: 15px;
    padding: 30px;
    text-align: center;
}
.profile-container .admisson-heading{
    background:var(--color-1);
}
.partner-form input[type="checkbox"]{
    min-width: 15px;
    min-height: 15px;
}
.consultancy-service{
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
}
.consultancy-service label{
    color:#000;
}
.consultancy-service li{
    list-style: none;
}
.attatch-documents{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-left:0;
  gap:15px;  
}
.attatch-documents label{
    color: #6c6c6c;
}
.attatch-documents li{
  list-style: none;  
}

.profile-container .profile-pic img{
    width: 160px;
    height: 200px;
    object-fit: contain;
    border-radius: 4px;
}

.bvoc-banner-text{
    font-size: 27px;
    color:var(--color-1);
}

.bvoc-banner-text span{
    font-weight: 900;
    font-size: 50px;
}



/* Admission partner End */

 .about-wsip{
        background-color:#fff;
    }
    .wsip-keyfeature{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    padding-left: 0;
}
.wsip-keyfeature li {
    list-style:none;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #00296d26;
}
.wsip-keyfeature li h4 {
    text-align: center;
    font-size: 16px;
    color: #000;
}
.wsip-keyfeature li p {
    text-align: center;
}
.wsip-keyfeature li span {
  border: 1px solid #a4efbd;
  min-width: 55px;
  min-height: 55px;
  display: grid;
  place-content: center;
  border-radius: 50%;
  background: #edf4ff;
}
.wsip-keyfeature li span img {
    width:30px;
    /* filter: invert(1); */
}
    section.wsip-specialisation {

}

ul#courseTabs {
    height:570px;
    overflow: auto;
    padding-left:0;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}
    .skill-program-content {
    display: none;
    column-count: 2;
}

.skill-program-content.active {
        display: block;
    /* display: grid;
    grid-template-columns: 1fr auto;
    height: 80vh; */
}

#courseTabs li {
       cursor: pointer;
       padding: 9px 10px;
       list-style: none;
       border-bottom: 1px solid #ddd;
       background: linear-gradient(45deg, #ffffff, #f8f8f8, #ffffff);
       color: #0b2c6a;
       font-size: 14px;
       font-weight: 600;
       border-radius: 0px 0px 10px 10px;
       margin-bottom: 10px;
}

#courseTabs li.active {
    color: #ffffff;
    background: linear-gradient(45deg, #0b2c6a, #268646);
}
.skill-content-box {
    background-color: #0b2c6a;
    color: #fff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    height:570px;
}
.wsip-keyfeature li{
    margin-bottom:10px;
    color:#333333;
    border-radius: 10px;
    padding: 15px;
    background: #f4f8ff;
    /* box-shadow:0px 3px 0px #0000001a; */
}
.wsip-advantage{
    background-color: #fff;
}
.wsip-advantage table{
outline: 10px solid #0b2c6a;
outline-offset: 10px;
}
.wsip-collaboration .wsip-collaboration-list{
display: grid;
grid-template-columns: repeat(6, 1fr);
gap:15px;
}
.wsip-collaboration .wsip-collaboration-list li{
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
border: 1px solid #ddd;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
height: 70px;
background-color: #fff;
}
.wsip-collaboration .wsip-collaboration-list li img{
max-width: 100%;
max-height: 50px;
object-fit: contain;
}

.vocational-program{
    background: var(--color-2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.vocational-program:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-1);
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 0 0 100% 0px;
}
.vocational-program .vocational-course{
    background-color: green;
    border-radius: 6px;
    padding-left:0;
    display:flex;
    width:fit-content;
    margin-bottom: 30px;
    padding: 5px 10px;
    gap: 16px;
}
.vocational-program .vocational-course li{
    list-style:none;
    color:#fff;
    font-size: 18px;
    font-weight: 600;
}
.vocational-program .vocational-course li span{
display: block;
height: 30px;
background: #fff;
width: 2px;
border-radius: 5px;
}
.vocational-program .vocational-stream{
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.vocational-program .vocational-stream li{
color:#fff;
margin-bottom: 10px;
font-size: 14px;
}
.vocational-program .banner-text{
    font-weight: 900;
    font-size: 50px;
    color:green;
}

.partner-btn{
    position: relative;
    overflow: hidden;
    box-shadow: 0 7px 0 #074316;
}
.partner-btn:after{
     content: '';
    position: absolute;
    height: 250%;
    width: 40px;
    top: 0;
    left: -60px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: rotate(45deg) translateY(-35%);
    animation: shine 3s ease infinite;
}


/* image pop up design start */

.image-pop-sec{
    background-color: #fff;
}

.image-pop-sec .gallery{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.image-pop-sec .gallery-image{
    width: 300px;
    height: 370px;
    min-width: 300px;
    min-height: 200px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}

.image-pop-sec .image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
}

/* popup */

.image-pop-sec .popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 80%;
    max-width: 1600px;
    height: 90vh;
    max-height: 800px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: hidden;
    transition: 1s;
    opacity: 0;
}

.popup.active{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

 .popup.active .close-btn,
.popup.active .image-name,
.popup.active .index,
.popup.active .large-image,
.popup.active .arrow-btn{
    opacity: 1;
    transition: opacity .5s;
    transition-delay: 1s;
}

.image-pop-sec .top-bar{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-weight: 300;
}

.image-pop-sec .image-name{
    opacity: 0;
}

.image-pop-sec .close-btn{
    opacity: 0;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #7e7e7e;
    cursor: pointer;
    display: grid;
    place-content: center;
}

.image-pop-sec .arrow-btn{
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 50%;
    border: none;
    background: none;
    cursor: pointer;
}

.image-pop-sec .left-arrow{
    left: 10px;
}

.image-pop-sec .right-arrow{
    right: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.image-pop-sec .arrow-btn:hover{
    background: rgba(0, 0, 0, 0.5);
}

.image-pop-sec .index{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 80px;
    font-weight: 100;
    color: rgba(255, 255, 255, 0.4);
    opacity: 0;
}

.image-pop-sec .large-image{
    margin-top: 5%;
    width: 80%;
    height: 80%;
    object-fit: contain;
    opacity: 0;
}
.image-pop-sec .certificate-description-bk{
    background-image: linear-gradient(-45deg, #268646, #00296d);
    border-radius: 30px;
    position: absolute;
    top: 55%;
    left: -5px;
    height: 65%;
    width: 108%;
    transform: skew(19deg, -9deg);
}
.image-pop-sec .hero-logo {
    height: 60px;
    width: 60px;
    border-radius: 6px;
    background-color: #fff;
    position: absolute;
    bottom: 34%;
    left: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}
.image-pop-sec .hero-logo img {
    height: 100%;
} 
.image-pop-sec .hero-description {
    position: absolute;
    color: #fff;
    font-weight: 900;
    left: 0;
    bottom: 8px;
    font-size: 16px;
    padding: 15px;
}
.image-pop-sec .hero-description h4 {
    font-size: 16px;
    font-weight: 600;
}
.image-pop-sec .hero-description p {
    font-size: 12px;
}
/* image pop up design end */

.floating-feild{

position: relative;
}
.floating-feild .form-control{
    border-radius:0;
    font-size: 14px;
    border-width: 2px;
}
.floating-feild label{
    margin-bottom: 0;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: -10px;
    background: #fff;
    padding: 0 5px;
    color: #00296d;
    font-weight: 600;
}
.floating-feild label span{
    
font-size: 14px;
    
color: red;
}
.form-header-highlight {
    height: 6px;
    width: 60%;
    background: #002a68;
    margin: 10px auto;
    border-radius: 10px;
}
.skill-program-content .main-heading-2{
    font-weight: 400;
    font-size: 13px;
}
.skill-program-content .skill-duration-box{
    column-span: all;
    /* background: var(--color-2); */
    /* border-radius: 5px; */
    padding:15px;
    padding-left: 20px;
}
.skill-program-content .skill-duration-box li span{
    font-weight: 600;
    color: #12e046;
}
.skill-program-content .skill-duration-box li{
    color: #fff;
}
.skill-program-content h5 span{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: var(--color-2);
    display: grid;
    place-content: center;
}
.skill-program-content h5{
    display: flex;
    align-items: center;
    gap:10px;
}
.vocational-faq{
    background:#fff;
}
.ugc-recognise .owl-carousel .item img {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    display: block;
    padding: 7px;
    object-fit: contain;
}
.ugc-recognise .owl-carousel {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.ugc-recognise .item {
    border: 1px solid var(--color-1);
    border-radius: 15px;
    overflow:hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--color-1);
}
.ugc-recognise .item span {
    background: var(--color-1);
    /* border-top: 1px solid #1d8136; */
    width:100%;
    display:block;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
    text-align: center;
}
.ugc-recognise .item span.full-form{
    background: var(--color-2);
    font-size: 14px;
    font-weight: 600;
    padding: 5px;
    height: 58px;
    display: grid;
    place-content: center;
    color: #fff;
}

.ugc-sec {}
.ugc-sec .nav{
    background: #fff;
    padding: 15px;
    border-radius: 20px;
    border: 1px solid #e9e9e9;
}
.ugc-sec .nav button{
    text-align: left;
    color: var(--color-1);
    position:relative;
    font-weight: 600;
}
.ugc-sec .nav button:before{
    content:"";
    position:absolute;
    top:0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid green;
}

.ugc-sec .nav-pills .nav-link.active{
    background:var(--color-1);
}
.ugc-sec .tab-pane{
    background:#fff;
    padding: 15px;
    border-radius: 14px;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 0px 7px 0 #f3f3f3;
}
.ugc-sec .tab-pane a{
    color:green;
    font-weight: 600;
    text-decoration: none;
}
.ugc-sec .tab-content{
position: sticky;
top: 120px;
}

.ugc-sec{
    background:#fff;
}

.approval-recognition-sec{
background-color: #fff;
}
footer .notice{
    padding: 15px;
    position: relative;
    border-top: 1px solid #ffffff80;
    border-bottom: 1px solid #ffffff80;
}
footer .notice span{position:absolute;padding: 3px 10px;background: var(--color-2);left: -10px;top: 10px;border-radius: 3px 15px 15px 0px;}
footer .notice p{
    color:#ffffffde;
}
/* footer .notice p b{
    color:var(--color-2);
} */
footer .notice span:after{
    content:"";
    position:absolute;
    left: 0px;
    bottom: -10px;
    border-top: 5px solid #0c581f;
    border-left: 5px solid transparent;
    border-right: 5px solid #0c581f;
    border-bottom: 5px solid transparent;
}

.ugc-recognise .item .inner-item{
    border:2px solid var(--color-2);
    border-radius:15px;
    background-color: #fff;
    overflow:hidden;
    margin-top:10px;
    margin-bottom: 10px;
}
.ugc-recognise .item .inner-item span{
    border-top:2px solid var(--color-2);
    background-color: var(--color-1);
}
#whatsappPopUp .modal-content{
overflow: hidden;
}
#whatsappPopUp .modal-content:before{
position: absolute;
content:"";
top:0;
bottom:0;
right:0;
left: 0;
width: 100%;
height: 100%;
background-color: #e0fbe7;
clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

#whatsappPopUp .modal-content .btn-close{
position: absolute;
right: 12px;
top:12px;
z-index: 99;
}
#whatsappPopUp .modal-content .cancel{
color:var(--color-1);
font-size: 18px;
text-decoration: none;
}
#whatsappPopUp .modal-content .logo{
width:200px;
margin-bottom:30px;
margin-top:10px;
}
#whatsappPopUp .modal-content .btn-1{
border-radius: 30px;
}
#whatsappPopUp .modal-content .main-heading{
font-size: 25px;
line-height: 30px;
}
#whatsappPopUp .modal-content .text-bg{
        background: var(--color-1);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    outline: 2px solid #ffffff;
    outline-offset: -6px;
}




/* center content  */
.faculty-top-content {
    display: flex;
    justify-content: center;
}



/* -------------------------------schrloooing effect buttons-------------------- */



.ugc-recognise-wrap {
    position: relative;
    padding: 0 45px;
}

.ugc-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: none;
    outline: none;
    border-radius: 50%;
    background: #0c5c3c;
    color: #fff;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
}

.ugc-nav-btn:hover {
    background: #083d28;
}

.ugc-prev {
    left: -10px;
}

.ugc-next {
    right: -10px;
}

#owl-demo-t .item {
    height: 100%;
}

/* mobile */
@media (max-width: 767px) {
    .ugc-recognise-wrap {
        padding: 0 35px;
    }

    .ugc-nav-btn {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .ugc-prev {
        left: -5px;
    }

    .ugc-next {
        right: -5px;
    }
}