@font-face {

    font-family: 'Gotham Regular';

    src: url('fonts/Gotham-Black.woff2') format('woff2'),

        url('fonts/Gotham-Black.woff') format('woff');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gotham Medium';

    src: url('fonts/Gotham-Medium.woff2') format('woff2'),

        url('fonts/Gotham-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gotham Bold';

    src: url('fonts/Gotham-Bold.woff2') format('woff2'),

        url('fonts/Gotham-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gotham Book';

    src: url('fonts/Gotham-Book.woff2') format('woff2'),

        url('fonts/Gotham-Book.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}





#main-wrapper {overflow: hidden;position: relative;max-width: 1900px;margin: 0 auto;width: 100%;}

a:focus,a:hover{text-decoration: none;outline: none;}

a{text-decoration: none;}

.container{max-width:1140px;}



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

.txt-left{text-align: left;}

.color-white{color: #fff;}

.color-red{color: #B60309;}

.color-ash{color: #6A6A6A;}

.color-green{color: #6AC27B;}

.color-black{color: #1a1a1a;}

.color-brwn{color: #3E2524;}

.color-ylw{color: #E9C93A;}

.color-blue{color: #011B4F;}







h1{font-family: 'Gotham Bold';font-size: 52px;margin:0;}

h2{font-family: 'Gotham Bold';font-size: 25px;}

h3{font-family: 'GT Walsheim Pro Bold';font-size: 42px;}

h4{font-family: 'GT Walsheim Pro Regular';font-size: 35px;}

h5{font-family: 'Gotham Medium';font-size: 20px;margin:0;}

h6{font-family: 'GT Walsheim Pro Thin';font-size: 33px;margin:0;}

p{font-family: 'GT Walsheim Pro Regular';font-size: 21px;}





header{margin: 0;padding: 27px 0 9px;float: left;width: 100%;position: absolute;background: transparent;z-index: 8;top: 0;left: 0;}



.banner-caption {

    position: absolute;

    left: 0;

    top: 58px;

    z-index: 9;

    width: 1122px;

    right: 0;

    margin: 0 auto;

    float: none;

    display: table;

}



@media (max-width: 991px) {



    #banner-part {

        height: auto;

        padding: 80px 0;

    }



    .banner-caption {

        position: relative;

        top: auto;

        transform: none;

        text-align: center;

    }



}



p.vrfd{font-family: 'Gotham Bold';font-size: 18px;}

p.vrfdone{font-family: 'Gotham Bold';font-size: 16px;}

a.btncns{color: #011B4F;background-color: #E9C839;font-family: 'Gotham Medium';font-size: 17px;border-radius: 9px;transition: ease-in-out 1s;}

a.btncns:hover{background-color: #fff;transition: ease-in-out 1s;}





img.logopic {

    width: 196px;

    height: 94px;

    object-fit: contain;

}



section#banner-part {

    position: relative;

    width: 100%;

    height: 111vh;

    display: flex;

    align-items: center; /* vertical center */

    overflow: hidden;

}



img.bnrimage {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    top: 0;

    left: 0;

    z-index: 0;

}



@media (min-width: 1200px) {



    .banner-caption {

        top: 50%;

        transform: translateY(-45%);

        width: 1101px; /* keep your width */

    }



}



@media (min-width: 1400px) {



    .banner-caption {

        top: 56%;

        transform: translateY(-46%);

    }



}

@media (min-width: 1500px) {



    .banner-caption {

        top: 64%;

        transform: translateY(-50%);

    }

    section#banner-part {height: 92vh;}



}







@media (min-width: 1800px)  {



    .banner-caption {

        top: 64%;

        transform: translateY(-50%);

    }

    section#banner-part {height: 63vh;}



}





@media (min-width: 1900px)  {



    .banner-caption {

        top: 64%;

        transform: translateY(-50%);

    }

    section#banner-part {height: 68vh;}



}

@media (min-width: 2000px)  {



    .banner-caption {

        top: 64%;

        transform: translateY(-50%);

    }

    section#banner-part {height: 46vh;}



}



section#leading-global{margin: 0;padding:5% 0;float: left;width:100%;}

section#leading-tech{margin: 0;padding:5% 0;float: left;width:100%;background: linear-gradient(

    135deg,

    #0b3c8a 0%,

    #0d5fb3 35%,

    #0f7cc5 65%,

    #1696d2 100%

  );}

section#growth-outcomes{margin: 0;padding:4% 0;float: left;width:100%;}

section#growth-outcomes h2{font-size: 38px;}

section#leading-tech h2{font-size: 38px;}





.app {

  min-height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

}



.tag-list {

  width: 100%;

  overflow: hidden;

  position: relative;

  padding: 2rem 0;

}



.loop-slider .inner {

  display: flex;

  width: max-content;

  animation: loop 32s linear infinite;

}



.card {

  width: 220px;

  height: 120px;

  background: white;

  border-radius: 16px;

  margin-right: 25px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 20px;

  box-shadow:

    0 10px 25px rgba(0,0,0,0.08);

}



.card img {

  max-width: 100%;

  max-height: 70px;

  object-fit: contain;

}



.fadeone {

  position: absolute;

  inset: 0;

  pointer-events: none;

  background: linear-gradient(

    90deg,

    #f8fafc,

    transparent 20%,

    transparent 80%,

    #f8fafc

  );

}



@keyframes loop {

  from { transform: translateX(0); }

  to { transform: translateX(-50%); }

}



p.enroltxt{font-family: 'Gotham Book';text-align: center;color: #011B4F;font-size: 18px;}

img.leadingpicture {

    width: 1146px;

    height: 484px;

    margin: 42px auto 0;

    float: none;

    display: table;

    object-fit: cover;

}





/* SECTION BACKGROUND */

#growth-outcomes {

  background: radial-gradient(circle at center, #2da2e3 0%, #1f86d1 40%, #1565b3 70%, #0d4f97 100%);

  padding: 60px 0;

}



/* APP WRAPPER */

#growth-outcomes .app {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* SLIDER AREA */

#growth-outcomes .tag-list {

  width: 100%;

  overflow: hidden;

  position: relative;

  padding: 2rem 0;

}



#growth-outcomes .loop-slider {

  overflow: hidden;

  position: relative;

}



/* SLIDER TRACK */

#growth-outcomes .loop-slider .inner {

  display: flex;

  flex-wrap: nowrap;

  width: fit-content;

  animation: growthLoop 30s linear infinite;

}



/* CARD DESIGN */

#growth-outcomes .feature-card {

  flex: 0 0 auto;

  width: 320px;

  min-height: 71px;

  background: #e9ecef;

  border-radius: 18px;

  margin-right: 30px;

  padding: 24px 24px 1px 24px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.15);

}



/* REMOVE EXTRA SPACE AFTER LAST */

#growth-outcomes .feature-card:last-child {

  margin-right: 0;

}



/* ICON */

#growth-outcomes .feature-card .icon {

  width: 50px;

  height: 50px;

  background: #0b2c5f;

  border-radius: 12px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 15px;

}



#growth-outcomes .feature-card .icon img {

  width: 39px;

    height: 33px;

    object-fit: contain;

}



/* TEXT */

#growth-outcomes .feature-card h4 {

  font-size: 20px;

  font-weight: 700;

  color: #011B4F;

  margin-bottom: 10px;font-family: 'Gotham Bold';

}



#growth-outcomes .feature-card p {

  font-size: 18px;

  color: #011B4F;

  line-height: 1.5;

font-family: 'Gotham Book';

}



/* EDGE FADE */

#growth-outcomes .fadeone {

  position: absolute;

  inset: 0;

  pointer-events: none;

  background: linear-gradient(

    90deg,

    rgba(13,79,151,1),

    transparent 20%,

    transparent 80%,

    rgba(13,79,151,1)

  );

}



/* PAUSE ON HOVER */

#growth-outcomes .loop-slider:hover .inner {

  animation-play-state: paused;

}



/* ANIMATION */

@keyframes growthLoop {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-50%);

  }

}



section#market-expansion{margin: 0;padding:4% 0;float: left;width: 100%;}

section#market-expansion h2{font-size: 38px;}

.market-list {

  display: flex;

  justify-content: center;   /* center items instead of spreading */

  align-items: center;

  list-style: none;

  padding: 0;

  margin: 0;

  gap: 85px;                 /* control spacing here */

}



.market-list li {

  color: #2f4363;

  font-size: 18px;

  font-weight: 500;

  white-space: nowrap;

}



.market-mobile {

  display: none;

}



#market-expansion .loop-slider {

  overflow: hidden;

  position: relative;

  width: 100%;

}



#market-expansion .loop-slider .inner {

  display: flex;

  width: fit-content;

  animation: marketLoop 18s linear infinite;

}



.market-item {

  flex: 0 0 auto;

  padding: 10px 25px;

  color: #2f4363;

  font-size: 17px;

  font-weight: 500;

  white-space: nowrap;

}



#market-expansion .loop-slider::before,

#market-expansion .loop-slider::after {

  content: "";

  position: absolute;

  top: 0;

  width: 60px;

  height: 100%;

  z-index: 2;

  pointer-events: none;

}



#market-expansion .loop-slider::before {

  left: 0;

  background: linear-gradient(to right, #eef1f4, transparent);

}



#market-expansion .loop-slider::after {

  right: 0;

  background: linear-gradient(to left, #eef1f4, transparent);

}



@keyframes marketLoop {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-50%);

  }

}



@media (max-width: 768px) {



  .market-desktop {

    display: none;

  }



  .market-mobile {

    display: block;

  }



}



.footer-section {

  background: radial-gradient(circle at center, #2da2e3 0%, #1f86d1 40%, #1565b3 70%, #0d4f97 100%);

  color: #fff;

  padding: 60px 0 15px;float: left;width: 100%;

}



.footer-logo img {

  max-width: 200px;

}



.footer-title {

  font-family: 'Gotham Bold';font-size: 18px;

  margin-bottom: 15px;

}



.footer-links {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer-links li {

  margin-bottom: 4px;

}



.footer-links a {

  color: #dbe7f5;

  text-decoration: none;

  font-size: 18px;font-family: 'Gotham Book';

}



.footer-links a:hover {

  color: #fff;

}



.footer-social a {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 38px;

    height: 38px;

    background: #fff;

    border-radius: 6px;

    margin-right: 3px;

    color: #1565b3;

    font-size: 25px;

}



.footer-divider {

  border-top: 1px solid rgba(255,255,255,1);

  margin: 30px 0 20px;

}



.footer-bottom {

  font-size: 14px;

  color: #fff;font-family: 'Gotham Book';

}



/* Vertical divider on desktop */

.footer-right-menu {

  position: relative;

  padding-left: 30px;

}



@media (max-width: 991px) {

  .footer-right-menu {

    border-left: none;

    padding-left: 0;

  }

}



ul.univty li a{font-family: 'Gotham Bold';font-size: 18px;}

ul.prtms {

    margin: 36px 0 0 0 !important;

}

ul.univty li {

    margin: 0 0 16px 0;

}



.footer-right-menu:before {

    position: absolute;

    content: '';

    left: -33px;

    top: 0;

    width: 1px;

    height: 151px;

    background-color: #fff;

}













/*floating particle*/



/* ===============================

   BANNER BASE

=================================*/



#banner-part {

    position: relative;

    overflow: hidden;

}



/* Keep content above background */

#banner-part .container {

    position: relative;

    z-index: 2;

}





/* ===============================

   RIGHT SIDE PARTICLE AREA

=================================*/



.right-particles {

    position: absolute;

    top: 0;

    right: 0;

    width: 40%;          /* Covers col-lg-4 area */

    height: 100%;

    pointer-events: none;

}





/* ===============================

   PARTICLE CONTAINERS

=================================*/



.particles {

    position: absolute;

    inset: 0;

    margin: 0;

    padding: 0;

    list-style: none;

}



/* Back layer (behind image) */

.particles-back {

    z-index: 1;

}



/* Front layer (over image) */

.particles-front {

    z-index: 5;

}





/* ===============================

   PARTICLE BASE STYLE

=================================*/



.particles li {

    position: absolute;

    bottom: -200px;

    background-image: url("https://d7k41y3aj8kwt.cloudfront.net/images/business_partner/103/login/TheUniGuide_Logo2A_icon_compass-only-transparent.png");

    background-repeat: no-repeat;

    background-size: contain;

    animation: floatUp linear infinite;

}



/* Back particles */

.particles-back li {

    opacity: 0.05;

    animation-duration: 18s;

}



/* Front particles (more visible & faster) */

.particles-front li {

    opacity: 0.22;

    animation-duration: 12s;

}





/* ===============================

   PARTICLE SIZES & POSITIONS

=================================*/



/* SMALL */

.particles li:nth-child(1)  { left: 8%;  width: 70px;  height: 70px;  animation-delay: 0s; }

.particles li:nth-child(2)  { left: 25%; width: 90px;  height: 90px;  animation-delay: 3s; }



/* MEDIUM */

.particles li:nth-child(3)  { left: 45%; width: 120px; height: 120px; animation-delay: 2s; }

.particles li:nth-child(4)  { left: 65%; width: 110px; height: 110px; animation-delay: 5s; }



/* BIG (visible over image) */

.particles li:nth-child(5)  { left: 80%; width: 160px; height: 160px; animation-delay: 4s; }

.particles li:nth-child(6)  { left: 92%; width: 130px; height: 130px; animation-delay: 6s; }





/* ===============================

   FLOATING ANIMATION

=================================*/



@keyframes floatUp {

    0% {

        transform: translateY(0) translateX(0) rotate(0deg);

        opacity: 0;

    }

    10% {

        opacity: inherit;

    }

    100% {

        transform: translateY(-130vh) translateX(20px) rotate(360deg);

        opacity: 0;

    }

}





/* ===============================

   RESPONSIVE (Hide on Mobile)

=================================*/



@media (max-width: 991px) {

    .right-particles {

        display: none;

    }

}



.modal-backdrop.show {

    opacity: 0.66 !important;

    background-color: #000 !important;

}




.partner-left {
  background: linear-gradient(135deg, #0b3c8a 0%, #0d5fb3 35%, #0f7cc5 65%, #1696d2 100%);
  color: #fff;
  min-height: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  position: relative;
  overflow: hidden;
}

.partner-left-content {
  padding: 20px 23px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.partner-left h2 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 20px;
}

.partner-left p {
  font-size: 16px;
  line-height: 1.6;
  opacity: 0.95;
  max-width: 320px;font-family: 'Gotham Book';
}
img.partner-logo {
    width: 190px;
    margin: 0 0 31px 0;
}
form#prtfrm {
    padding-top: 34px;
}

button.prsbm{background-color: #E9C839;color: #000;transition:ease-in-out 1s;}
button.prsbm:hover{background-color: #000;color: #fff;transition:ease-in-out 1s;}

/* Mobile */
@media (max-width: 767px) {

  
  .btn-header {
    padding: 6px 10px;
    font-size: 12px;
  }

  .header-wrap {
    gap: 8px;
  }

}

a.btncns.btn-header {
    padding: 7px 21px;
}

/* Common input + select styling */
.form-control,
.form-select {
    height: 48px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 15px;
    color: #6c757d; /* same text color as inputs */
    background-color: #fff;
}

/* Custom select arrow */
.form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6' stroke='%236c757d' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    padding-right: 35px;
}

/* Focus same as other inputs */
.form-control:focus,
.form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 2px rgba(13,110,253,.15);
}


/*Responsive starts here*/



@media (max-width: 767px){



  section#banner-part {height: 600px;}

  .banner-caption {top: 93px !important;width: 100%;}

  h1{font-size: 25px;}

  h5{font-size: 15px;}

  p.vrfd{font-size: 14px;}

  p.vrfdone{font-size: 14px;}

  a.btncns{font-size: 13px;}

  section#leading-tech h2 {

    font-size: 26px;

}

img.leadingpicture {

    width: 100%;

    height: auto;

    margin: 20px auto 0;}

section#growth-outcomes h2 {

    font-size: 26px;

}

section#market-expansion h2 {

    font-size: 22px;

}

.footer-logo img {

    max-width: 200px;

    margin: 0 auto;

    float: none;

    display: table;

}

.footer-social {

    margin: 0 auto;

    float: none;

    display: table;

}

.footer-links li {

    margin-bottom: 4px;

    float: left;

    padding: 0 22px 0 0px;

}

ul.prtms {

    margin: -16px 0 0 0 !important;

}

.footer-right-menu {

    padding: 0 0 0 18px;

}

.footer-divider {

    margin: 0px 0 20px;

}

img.logopic {
    width: 188px;}

}



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



section#banner-part {height: 112vh;}

  .banner-caption {top: 58px !important;width: 100%;text-align: left;}

  h1{font-size: 36px;}

  h5{font-size: 21px;}

  p.vrfd{font-size: 16px;}

  p.vrfdone{font-size: 16px;}

  a.btncns{font-size: 13px;}

  img.leadingpicture {

    width: 100%;

    height: auto;

    margin: 42px auto 0;

    float: none;

    display: table;

    object-fit: cover;

}

section#growth-outcomes h2 {

    font-size: 37px;

}

.footer-logo img{margin: 0 auto;float: none;display: table;}



}



@media (min-width: 1200px){



  img.leadingpicture {

    width: 100%;}



  h1{font-size: 40px;}

  .banner-caption{top: 38px !important;}

}



@media (min-width: 992px) and (max-width: 1199px){



  .banner-caption {

    left: 10px;

    top: -257px;

    width: 1095px;

}

h1{font-size: 39px;}

section#banner-part {height: 118vh;}

img.leadingpicture{width: 100%;}

}



@media (max-width: 1200px)

{

  .market-list{gap:57px;}

}