body {
       font-family: 'Inter', sans-serif;
   }

   .testimonial-description {
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 4 !important;
       padding: 0px !important;
   }


   .fa-large {
       font-size: 2.50rem;
       line-height: normal;
       vertical-align: -.075em;
   }

   .swiper-wrapper {
       height: auto !important;
   }

   .max-height-100 {
       max-width: 100px !important;
       max-height: 100px !important;
   }

   .read-more-btn {
       color: #007bff;
       cursor: pointer;
       display: inline-block;
       margin-top: 5px;
       font-weight: 500;
   }


   #preloader {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       z-index: 9999;
       overflow: hidden;
       background: #fff;
       opacity: 0.7;
   }

   #preloader:before {
       content: "";
       position: fixed;
       top: calc(50% - 30px);
       left: calc(50% - 30px);
       border: 6px solid #ed3c0d;
       /* Removed !important */
       border-top-color: #d1e6f9;
       border-radius: 50%;
       width: 60px;
       height: 60px;
       animation: animate-preloader 1s linear infinite;
   }

   @keyframes animate-preloader {
       0% {
           transform: rotate(0deg);
       }

       100% {
           transform: rotate(360deg);
       }
   }

   .light-grey {
       color: #a3a0a0 !important;
   }

   .banner-image-background {
       background-image: url('../banner/banner-red-bg.webp');
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center;

   }

   .banner-image-background-light {
       background-image: url('../banner/banner-grey-bg.webp');
       background-size: contain;

       background-repeat: no-repeat;
       background-position: center;

   }

   .banner-image-background-light-retangle {
       background-image: url('../banner/rectangle-block.webp');
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center;
       height: 200px;

   }

   .banner-image-background-light-retangle-document {
       background-image: url('../document/rectangle-block.webp');
       background-size: cover;
       height: 200px;

   }

   .banner-image-background-light-retangle-upper {
       background-image: url('../banner/rectangle-block-bg.webp');
       background-size: 50rem;

   }




   .hero-image {
       max-height: 100%;
       object-fit: contain;
       /* height: 550px; */
   }

   .banner-section {
       padding: 40px 0;
       /* Optional spacing */
   }

   .light-blue-bg {
       background-color: #EDF5FF;
   }

   .georgia-light-blue-bg {
       background-color: #F5FAFE;
   }

   .border-grey {
       border: 1px solid #a3a0a0 !important;
   }

   .slider-icon {
       height: 50px;
       width: 50px;
       display: flex;

   }

   .advantages-section img {
       height: 50px;
       width: 50px;
   }

   .testimonial-section img {
       height: 70px;
       width: 70px;
   }

   .popular-university-section img {
       height: 50px;
       width: 50px;
   }

   .border-start-light-blue {
       border-left: 3px solid #EDF5FF;
   }

   .border-red {
       border: 1px solid #F9185F !important;
   }

   .color-red {
       color: #F9185F !important;

   }

   .color-red-bg {
       background-color: #F9185F;
       color: #ffffff;
   }



   .georgia-border-red {
       border: 1px solid #EC283C !important;
   }

   .georgia-color-red {
       color: #EC283C !important;

   }

   .georgia-color-red-bg {
       background-color: #EC283C;
       color: #ffffff;
   }

   .color-green {
       color: #7EFFD2 !important;
   }

   .card {
       border-radius: 1rem !important;
   }

   .fs-7 {
       font-size: 0.8rem !important;
   }

   .dark-blue {
       color: #0E3A63;
   }

   .dark-blue-bg {
       background-color: #0E3A63;
       color: #ffffff;
   }

   .georgia-dark-blue {
       color: #003777;
   }

   .georgia-dark-blue-bg {
       background-color: #003777;
       color: #ffffff;
   }

   .rounded {
       border-radius: 0.8rem !important;
   }

   .text-decoration-underline {
       text-underline-offset: 15px;
       text-decoration-thickness: 4px !important;
   }

   .outer-red {
       border: 2px solid #F9185F;
   }

   .responsive-height {
       height: 200px;
       line-height: 200px;
   }

   @media screen and (max-width: 768px) {
       .border-start-light-blue {
           border-left: unset !important;
       }

       .display-5 {
           font-size: calc(1.425rem + 0.5vw);
           line-height: 1.6;
       }

       .banner-image-background-light-retangle {
           height: 100px !important;
           border-radius: 10px;
       }

       .responsive-height {
           height: 100px;
           line-height: 100px;
           font-size: medium !important;
       }


   }

   button.dark-blue-bg:hover,
   .btn.dark-blue-bg:hover {
       background-color: #F9185F;
       color: #ffffff;
   }

   button.color-red-bg:hover {
       background-color: #0E3A63;
       color: #ffffff;
   }

   button.georgia-color-red-bg:hover {
       background-color: #003777;
       color: #ffffff;
   }

   button.outer-red:hover {
       border: 2px solid #0E3A63;
       color: black;
   }

   button.btn.document-button:hover {
       background-color: #F9185F !important;
       color: white !important;
   }

   ::-webkit-scrollbar {
       width: 8px;
       /* Thickness for vertical scrollbar */
       height: 20px;
       /* Thickness for horizontal scrollbar */
   }

   /* Track background */
   ::-webkit-scrollbar-track {
       background: #f0f0f0;
       border-radius: 10px;
   }

   /* Handle */
   ::-webkit-scrollbar-thumb {
       background: linear-gradient(to bottom, #F9185F, #F9185F);
       /* Gradient */
       border-radius: 10px;
   }

   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {
       background: linear-gradient(to bottom, #F9185F, #F9185F);
   }


   #timeline .timeline-item:after,
   #timeline .timeline-item:before {
       content: "";
       clear: both;
       display: block;
       width: 100%;
   }

   #timeline {
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       transition: all 0.5s ease;
       /* margin: 2%; */
       padding: 0;
       position: relative;
       width: 90%;
   }

   #timeline:after {
       clear: both;
       content: "";
       display: table;
       width: 100%;
   }

   #timeline .timeline-item {
       -webkit-animation: fadein 1s linear 1 forwards;
       -moz-animation: fadein 1s linear 1 forwards;
       -ms-animation: fadein 1s linear 1 forwards;
       animation: fadein 1s linear 1 forwards;
       display: block;
       float: left;
       margin: 0;
       opacity: 0;
       position: relative;
       width: 30%;
       /* height: 250px !important; */
       height: 200px !important;
   }


   .testimonial-bubble:before {
       display: none;
   }

   #timeline .timeline-item:after {
       border-top: 3px solid #0E3A63;
       /* padding-bottom: 70%; */
       /* height: 250px; */
       height: 200px;
       margin-left: 50%;
   }

   #timeline .timeline-item:before {
       content: "";
       border-bottom: 7px solid transparent;
       border-left: 7px solid #F9185F;
       border-top: 7px solid transparent;
       height: 15px;
       left: 100%;
       position: absolute;
       top: -6px;
       width: 15px;
   }

   #timeline .timeline-item.two {
       animation-delay: 0.5s;
   }

   #timeline .timeline-item.three {
       animation-delay: 1s;
   }

   #timeline .timeline-item.three:after {
       border: 3px solid #0E3A63;
       border-left: 0;
       border-radius: 0 50% 50% 0;
       margin-left: 50%;
   }

   #timeline .timeline-item.three:before {
       left: -webkit-calc(150% - 8px);
       left: -moz-calc(150% - 8px);
       left: -o-calc(150% - 8px);
       left: calc(150% - 8px);
       border-left: 7px solid transparent;
       border-top: 7px solid #F9185F;
       border-right: 7px solid transparent;
       top: 50%;
   }

   #timeline .timeline-item.four {
       animation-delay: 1.5s;
       float: right;
       margin-right: 10%;
       margin-top: -3px;
   }

   #timeline .timeline-item.four:after {
       margin-left: -50%;
   }

   #timeline .timeline-item.four:before {
       border-left: 7px solid transparent;
       border-right: 7px solid #F9185F;
       left: 0;
   }

   #timeline .timeline-item.five {
       animation-delay: 2s;
       float: right;
       margin-top: -3px;
   }

   #timeline .timeline-item.five:after {
       margin-left: -50%;
   }

   a {
       cursor: pointer;
   }

   .footer-links a:hover {
       color: #F9185F !important;
   }

   #timeline .timeline-item.five:before {
       border-left: 7px solid transparent;
       border-right: 7px solid #F9185F;
       left: 0;
   }

   #timeline .timeline-item.six {
       animation-delay: 2.5s;
       float: right;
       margin-top: -3px;
   }

   #timeline .timeline-item.six:after {
       border: 3px solid #0E3A63;
       border-left: 0;
       border-radius: 50%;
       border-right: 0;
       margin-bottom: -3px;
       margin-left: 0;
   }

   #timeline .timeline-item.six:before {
       left: 0;
       margin-left: -7px;
       top: 50%;
       border-left: 7px solid transparent;
       border-right: 7px solid transparent;
       border-top: 7px solid #F9185F;
   }

   #timeline .timeline-item.seven {
       animation-delay: 3s;
   }

   #timeline .timeline-item.eight {
       animation-delay: 3.5s;
   }

   #timeline .timeline-item.six:last-child {
       animation-delay: 4s;
   }

   #timeline .timeline-item.six:last-child:after {
       border: none;
   }

   #timeline .timeline-item.six:last-child:before {
       border: none;
   }

   #timeline .timeline-content {
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       transition: all 0.5s ease;
       /* padding: 5%; */
       padding-top: 10%;
       position: absolute;
       text-align: justify;
       width: 100%;
       height: 190px;
   }

   #timeline .timeline-content .admission_process_headline {
       /* color: #726f77;
        font-family: "Dosis", arial, tahoma, verdana;
        font-size: 1.3rem;
        font-weight: 500;
        margin: 10px 0 0 50%;
        line-height: 1.5rem;
        padding: 0;
        text-align: left;
        text-transform: uppercase;
        width: 100%; */
       text-transform: uppercase;
       font-weight: bold;

   }

   #timeline .timeline-content p {
       margin-left: 50%;
       padding-right: 10%;
       text-align: justify;
       width: 100%;
   }

   #timeline .timeline-content:before {
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       border-radius: 50%;
       background-color: #fff;
       border: 3px solid #0E3A63;
       content: "";
       height: 15px;
       left: 50%;
       position: absolute;
       top: -5px;
       width: 15px;
   }

   #timeline button {
       background: #0E3A63;
       border: 0;
       color: #fff;
       display: block;
       margin-top: 10px;
       padding: 5px 15px;
       width: 100%;
   }

   #timeline button a {
       color: #fff;
       font-family: "Dosis", arial, tahoma, verdana;
       font-size: 1rem;
       text-decoration: none;
   }

   @-webkit-keyframes fadein {
       0% {
           opacity: 0;
       }

       100% {
           opacity: 1;
       }
   }

   @-moz-keyframes fadein {
       0% {
           opacity: 0;
       }

       100% {
           opacity: 1;
       }
   }

   @-ms-keyframes fadein {
       0% {
           opacity: 0;
       }

       100% {
           opacity: 1;
       }
   }

   @keyframes fadein {
       0% {
           opacity: 0;
       }

       100% {
           opacity: 1;
       }
   }

   @media screen and (max-width: 768px) {

       .banner-text {
           top: 15px !important;
       }

       #timeline {
           width: 95%;
       }

       #timeline .timeline-item {
           /* height: unset !important; */
           height: 150px !important;
       }

       #timeline .timeline-item.one,
       #timeline .timeline-item.two,
       #timeline .timeline-item.three,
       #timeline .timeline-item.four,
       #timeline .timeline-item.five,
       #timeline .timeline-item.seven,
       #timeline .timeline-item.eight,
       #timeline .timeline-item.nine {
           display: block;
           float: left;
           width: 100%;
       }

       #timeline .timeline-item.one:after,
       #timeline .timeline-item.two:after,
       #timeline .timeline-item.three:after,
       #timeline .timeline-item.four:after,
       #timeline .timeline-item.five:after,
       #timeline .timeline-item.seven:after,
       #timeline .timeline-item.eight:after,
       #timeline .timeline-item.nine:after {
           border: none;
           border-left: 3px solid #0E3A63;
           margin-left: 1px;
           padding-bottom: 40%;
       }

       #timeline .timeline-item.one:before,
       #timeline .timeline-item.two:before,
       #timeline .timeline-item.three:before,
       #timeline .timeline-item.four:before,
       #timeline .timeline-item.five:before,
       #timeline .timeline-item.seven:before,
       #timeline .timeline-item.eight:before,
       #timeline .timeline-item.nine:before {
           content: "";
           border-left: 7px solid transparent;
           border-right: 7px solid transparent;
           border-top: 7px solid #F9185F;
           height: 15px;
           left: -5px;
           position: absolute;
           top: 50%;
           width: 15px;
       }

       #timeline .timeline-item.one:last-child:after,
       #timeline .timeline-item.two:last-child:after,
       #timeline .timeline-item.three:last-child:after,
       #timeline .timeline-item.four:last-child:after,
       #timeline .timeline-item.five:last-child:after,
       #timeline .timeline-item.seven:last-child:after,
       #timeline .timeline-item.eight:last-child:after,
       #timeline .timeline-item.nine:last-child:after {
           border: none;
       }

       #timeline .timeline-item.one:last-child:before,
       #timeline .timeline-item.two:last-child:before,
       #timeline .timeline-item.three:last-child:before,
       #timeline .timeline-item.four:last-child:before,
       #timeline .timeline-item.five:last-child:before,
       #timeline .timeline-item.seven:last-child:before,
       #timeline .timeline-item.eight:last-child:before,
       #timeline .timeline-item.nine:last-child:before {
           border: none;
       }

       #timeline .timeline-item.six {
           width: 100%;
       }

       #timeline .timeline-item.six:after {
           border-right: 0;
           border-left: 0;
           margin-left: -20%;
           padding-bottom: 40%;
           width: 40%;
       }

       #timeline .timeline-item.six:before {
           border: none;
       }

       #timeline .timeline-content {
           width: 100%;
           -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
           -ms-transition: all 0.3s ease;
           transition: all 0.3s ease;
           padding-right: 0;
           padding-left: 5%;
           padding-top: 0;
           position: absolute;
           text-align: justify;
           z-index: 9;
       }

       #timeline .timeline-content h1 {
           margin: -7px 0;
       }

       #timeline .timeline-content p {
           margin-left: 0;
           padding: 0;
           width: 100%;
       }

       #timeline .timeline-content:before {
           left: -5px;
           top: -5px;
       }
   }