/* ==========================================================================
   FTIR — Film and Television Institute of Rajasthan
   Design System — Navy + Gold, heritage-cinema aesthetic
   ========================================================================== */

:root{
  --navy-950:#0b1730;
  --navy-900:#0f1f42;
  --navy-800:#152a56;
  --navy-700:#1c3a72;
  --navy-600:#274a8c;
  --navy-100:#e7ebf5;
  --navy-50:#f2f4fa;

  --gold-700:#a06c14;
  --gold-600:#c9891f;
  --gold-500:#d9a441;
  --gold-300:#ecc884;
  --gold-100:#faf1de;

  --ivory:#faf8f4;
  --ivory-deep:#f2ede1;
  --ink:#1b1f2b;
  --ink-soft:#545c70;
  --line:#e3e1d6;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;

  --shadow-sm:0 2px 8px rgba(11,23,48,.07);
  --shadow-md:0 14px 34px rgba(11,23,48,.12);
  --shadow-gold:0 10px 24px rgba(201,137,31,.28);

  --font-display:'Playfair Display', 'Noto Sans Devanagari', serif;
  --font-body:'Inter', 'Noto Sans Devanagari', sans-serif;
}

*{box-sizing:border-box;}

body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--ivory);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,.font-display{
  font-family:var(--font-display);
  color:var(--navy-950);
  font-weight:700;
}

a{ text-decoration:none; }
.text-gold{ color:var(--gold-600) !important; }
.bg-navy{ background:var(--navy-900) !important; }
.bg-ivory{ background:var(--ivory) !important; }
.bg-ivory-deep{ background:var(--ivory-deep) !important; }

/* ---------- Buttons ---------- */
.btn-gold{
  background:linear-gradient(135deg,var(--gold-500),var(--gold-700));
  border:none;
  color:var(--navy-950);
  font-weight:600;
  padding:.7rem 1.6rem;
  border-radius:999px;
  box-shadow:var(--shadow-gold);
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(201,137,31,.36); color:var(--navy-950); }
.btn-outline-navy{
  border:1.5px solid var(--navy-700);
  color:var(--navy-800);
  font-weight:600;
  border-radius:999px;
  padding:.65rem 1.5rem;
  background:transparent;
  transition:all .15s ease;
}
.btn-outline-navy:hover{ background:var(--navy-800); color:#fff; }
.btn-navy{
  background:var(--navy-800);
  color:#fff;
  font-weight:600;
  border-radius:999px;
  padding:.7rem 1.6rem;
  border:none;
}
.btn-navy:hover{ background:var(--navy-950); color:#fff; }

/* ---------- Utility strip ---------- */
.utility-strip{
  background:var(--navy-950);
  color:var(--navy-100);
  font-size:.82rem;
  padding:.4rem 0;
}
.utility-strip a{ color:var(--gold-300); }

/* ---------- Navbar ---------- */
.navbar-ftir{
  background:#fff;
  box-shadow:0 1px 0 var(--line);
  padding:.6rem 0;
}
.navbar-ftir .navbar-brand img{
  height:52px;
  width:auto;
  display:block;
}
.navbar-ftir .nav-link{
  color:var(--ink-soft);
  font-weight:600;
  font-size:.92rem;
  padding:.5rem .95rem !important;
}
.navbar-ftir .nav-link.active,
.navbar-ftir .nav-link:hover{ color:var(--navy-800); }
.navbar-ftir .dropdown-menu{
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-md);
  padding:.5rem;
}
.navbar-ftir .dropdown-item{
  border-radius:8px;
  padding:.55rem .9rem;
  font-size:.9rem;
  font-weight:500;
}

/*.navbar-ftir .dropdown-item:hover{ background:var(--navy-50); color:var(--navy-900); }*/
.navbar-ftir .dropdown-item:hover{ background:var(--navy-900); color:#FFF; }


/* ---------- Hero ---------- */
.hero{
  background:
    radial-gradient(1100px 460px at 85% -10%, rgba(217,164,65,.18), transparent 60%),
    linear-gradient(180deg,var(--navy-950) 0%, var(--navy-900) 55%, var(--navy-800) 100%);
  color:#fff;
  padding:5rem 0 6rem;
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute; inset:0;
  background-image:radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:24px 24px;
  opacity:.35;
  pointer-events:none;
}
.hero .eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  background:rgba(217,164,65,.15);
  border:1px solid rgba(217,164,65,.4);
  color:var(--gold-300);
  padding:.35rem .9rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.03em;
}
.hero h1{
  color:#fff;
  font-size:clamp(2rem, 3.4vw, 3.2rem);
  font-weight:700;
  line-height:1.2;
}
.hero p.lead{ color:rgba(255,255,255,.78); font-size:1.08rem; }

/* ---------- Section heading ---------- */
.section-heading{ margin-bottom:2.2rem; }
.section-heading .kicker{
  color:var(--gold-700); font-weight:700; font-size:.78rem;
  letter-spacing:.08em; text-transform:uppercase;
}
.section-heading h2{ font-size:2rem; margin:.3rem 0 .4rem; }
.section-heading p{ color:var(--ink-soft); margin:0; }

/* ---------- Pillars ---------- */
.pillar-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:1.8rem 1.5rem;
  height:100%;
  transition:transform .15s ease, box-shadow .15s ease;
}
.pillar-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.pillar-card .ic{
  width:52px; height:52px; border-radius:14px;
  background:var(--navy-50); color:var(--navy-800);
  display:flex; align-items:center; justify-content:center;
  font-size:1.3rem; margin-bottom:1rem;
}
.pillar-card h5{ font-size:1.08rem; margin-bottom:.5rem; }
.pillar-card p{ color:var(--ink-soft); font-size:.9rem; margin-bottom:.8rem; }
.pillar-card a{ font-size:.85rem; font-weight:700; color:var(--gold-700); }

/* ---------- Stat strip ---------- */
.stat-strip{ background:var(--ivory-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.stat-item{ text-align:center; padding:2.2rem 0; }
.stat-item .num{ font-family:var(--font-display); font-size:2.2rem; font-weight:700; color:var(--navy-800); }
.stat-item .label{ color:var(--ink-soft); font-size:.85rem; }

/* ---------- Vision/Mission ---------- */
.vm-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:2rem; height:100%;
}
.vm-card .ic{
  width:52px;height:52px;border-radius:14px;
  background:var(--gold-100); color:var(--gold-700);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1rem;
}
.check-list{ list-style:none; padding:0; margin:0; }
.check-list li{ display:flex; gap:.6rem; padding:.5rem 0; font-size:.92rem; }
.check-list li i{ color:var(--gold-600); margin-top:.25rem; }

/* ---------- Stakeholder / partner logos ---------- */
.stakeholder-tile{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md);
  padding:1.3rem; text-align:center; height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem;
}
.stakeholder-tile .ic{ font-size:1.8rem; color:var(--navy-700); }
.stakeholder-tile span{ font-size:.82rem; font-weight:600; color:var(--ink-soft); }

/* ---------- People cards (leadership / faculty / council) ---------- */
.people-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md);
  overflow:hidden; height:100%; text-align:center;
  transition:transform .15s ease, box-shadow .15s ease;
}
.people-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.people-card .photo{
  aspect-ratio:1/1;
  background:linear-gradient(135deg,var(--navy-800),var(--navy-600));
  display:flex; align-items:center; justify-content:center;
  color:var(--gold-300);
  font-family:var(--font-display); font-weight:700; font-size:1.8rem;
}
.people-card .info{ padding:1.1rem 1rem 1.3rem; }
.people-card .name{ font-weight:700; color:var(--navy-950); font-size:1rem; margin-bottom:.2rem; }
.people-card .role{ font-size:.8rem; color:var(--gold-700); font-weight:600; }
.people-card .desc{ font-size:.8rem; color:var(--ink-soft); margin-top:.5rem; }

/* ---------- Program cards ---------- */
.program-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md);
  overflow:hidden; height:100%; display:flex; flex-direction:column;
  transition:transform .15s ease, box-shadow .15s ease;
}
.program-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.program-card .cover{
  height:150px;
  background:linear-gradient(135deg,var(--navy-800),var(--navy-600));
  display:flex; align-items:center; justify-content:center;
  color:var(--gold-300); font-size:2.2rem;
}
.program-card .body{ padding:1.3rem 1.3rem 1.5rem; flex:1; display:flex; flex-direction:column; }
.program-card .tag{ font-size:.72rem; font-weight:700; color:var(--gold-700); text-transform:uppercase; letter-spacing:.03em; }
.program-card h5{ font-size:1.08rem; margin:.35rem 0 .5rem; }
.program-card p{ color:var(--ink-soft); font-size:.88rem; flex:1; }
.program-card .meta{ display:flex; gap:1rem; font-size:.8rem; color:var(--ink-soft); margin:.8rem 0; }
.program-card .meta span{ display:flex; align-items:center; gap:.3rem; }

/* ---------- Activity cards ---------- */
.activity-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md);
  overflow:hidden; height:100%; display:flex; flex-direction:column;
  transition:transform .15s ease, box-shadow .15s ease;
}
.activity-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.activity-card .cover{
  aspect-ratio:16/9;
  background:linear-gradient(135deg,var(--navy-700),var(--gold-600));
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:2rem;
  position:relative;
}
.activity-card .date-badge{
  position:absolute; top:.8rem; left:.8rem;
  background:#fff; color:var(--navy-900);
  font-size:.72rem; font-weight:700;
  padding:.3rem .7rem; border-radius:999px;
}
.activity-card .body{ padding:1.1rem 1.2rem 1.3rem; flex:1; }
.activity-card .cat{ font-size:.72rem; font-weight:700; color:var(--gold-700); text-transform:uppercase; }
.activity-card h5{ font-size:1rem; margin:.35rem 0 .5rem; }
.activity-card p{ color:var(--ink-soft); font-size:.86rem; }

/* ---------- CTA band ---------- */
.cta-band{
  background:linear-gradient(120deg,var(--navy-900),var(--navy-700));
  color:#fff; border-radius:var(--radius-lg);
  padding:3rem 2.5rem; position:relative; overflow:hidden;
}
.cta-band::after{
  content:""; position:absolute; right:-60px; top:-60px;
  width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, rgba(217,164,65,.28), transparent 70%);
}
.cta-band h3{ color:#fff; }
.cta-band p{ color:rgba(255,255,255,.75); }

/* ---------- Footer ---------- */
.footer-ftir{ background:var(--navy-950); color:rgba(255,255,255,.72); padding:3.5rem 0 1.5rem; }
.footer-ftir h6{ color:#fff; font-weight:700; font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:1rem; }
.footer-ftir a{ color:rgba(255,255,255,.68); }
.footer-ftir a:hover{ color:var(--gold-300); }
.footer-ftir .fine-print{ border-top:1px solid rgba(255,255,255,.1); margin-top:2.2rem; padding-top:1.4rem; font-size:.82rem; color:rgba(255,255,255,.5); }
.footer-ftir .footer-logo-box{
  background:#fff;
  border-radius:var(--radius-sm);
  padding:.6rem 1rem;
  display:inline-flex;
  align-items:center;
}
.footer-ftir .footer-logo-box img{ height:40px; width:auto; display:block; }
.footer-ftir .social-ic{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:.95rem;
}
.footer-ftir .social-ic:hover{ background:var(--gold-600); color:var(--navy-950); }

/* ---------- Breadcrumb / page header ---------- */
.breadcrumb-strip{ background:var(--ivory-deep); border-bottom:1px solid var(--line); padding:.9rem 0; font-size:.85rem; }
.breadcrumb-strip a{ color:var(--ink-soft); }
.breadcrumb-strip .current{ color:var(--navy-800); font-weight:600; }

.page-header{
  background:linear-gradient(180deg,var(--navy-950), var(--navy-800));
  color:#fff; padding:3rem 0;
}
.page-header h1{ color:#fff; font-size:2.1rem; margin-bottom:.4rem; }
.page-header p{ color:rgba(255,255,255,.72); margin:0; max-width:640px; }

/* ---------- Sidebar nav (sub-section pages) ---------- */
.subnav-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md);
  padding:1.2rem; box-shadow:var(--shadow-sm);
}
.subnav-card .subnav-title{ font-size:.78rem; font-weight:700; color:var(--gold-700); text-transform:uppercase; letter-spacing:.05em; margin-bottom:.8rem; }
.subnav-card a{
  display:flex; align-items:center; justify-content:space-between;
  padding:.6rem .3rem; border-radius:8px;
  color:var(--ink-soft); font-weight:600; font-size:.9rem;
}
.subnav-card a.active{ background:var(--navy-50); color:var(--navy-900); }
.subnav-card a:hover{ background:var(--navy-50); color:var(--navy-900); }

/* ---------- FAQ accordion ---------- */
.faq-accordion .accordion-item{
  border:1px solid var(--line);
  border-radius:var(--radius-md) !important;
  margin-bottom:.8rem;
  overflow:hidden;
}
.faq-accordion .accordion-button{
  font-weight:600; color:var(--navy-950);
  background:#fff;
  padding:1.1rem 1.3rem;
}
.faq-accordion .accordion-button:not(.collapsed){
  background:var(--navy-50); color:var(--navy-900); box-shadow:none;
}
.faq-accordion .accordion-button:focus{ box-shadow:none; border-color:var(--line); }
.faq-accordion .accordion-body{ color:var(--ink-soft); font-size:.92rem; padding:0 1.3rem 1.2rem; }

/* ---------- Policy list ---------- */
.policy-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md);
  padding:1.4rem; display:flex; gap:1rem; align-items:flex-start;
}
.policy-card .ic{
  width:46px;height:46px;border-radius:12px; flex-shrink:0;
  background:var(--navy-50); color:var(--navy-800);
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
}
.policy-card h6{ color:var(--navy-950); font-weight:700; margin-bottom:.3rem; }
.policy-card p{ color:var(--ink-soft); font-size:.86rem; margin-bottom:.6rem; }

@media (max-width:767px){
  .navbar-ftir .navbar-brand img{ height:42px; }
}









/* ---------- Header Mobile Responsive ---------- */
@media (max-width: 767px){
  .utility-strip .container-fluid,
  .navbar .container-fluid{
    padding-right: 16px;
    padding-left: 16px;
  }
  .utility-strip{
    font-size: .74rem;
    padding: .35rem 0;
  }
  .utility-strip span i{ margin-right: .3rem; }

  .navbar-ftir{ padding: .4rem 0; }
  .navbar-ftir .navbar-brand img{
    height: 42px !important; /* overrides inline 80px */
  }

  .navbar-collapse{
    padding-top: .5rem;
    padding-bottom: .8rem;
  }
  .navbar-ftir .nav-link{
    padding: .55rem .3rem !important;
    font-size: .95rem;
  }
  .navbar-ftir .dropdown-menu{
    box-shadow: none;
    border: none;
    background: var(--navy-50);
    padding: .3rem .5rem;
    margin-left: .5rem;
  }

  .desk_rt_menu{
    width: 100%;
    margin-left: 0 !important;
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
  }
}

@media (max-width: 480px){
  .navbar-ftir .navbar-brand img{ height: 36px !important; }
  .utility-strip .container-fluid{
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
  }
  .footer-logo-box img{ height: 60px !important; }
  
  
  
}

@media (min-width: 992px){
    .navbar-brand img{ height: 77px !important; }
    
     .footer-ftir .container-fluid {
    padding-right: 100px;
    padding-left: 100px;
}
    
.utility-strip .container-fluid {
    padding-right: 100px;
    padding-left: 100px;
}
.navbar .container-fluid {
    padding-right: 100px;
    padding-left: 100px;
}
}




#projectsCarousel .owl-nav,
#projectsCarousel2 .owl-nav {
  position: static;
  text-align: center;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

#projectsCarousel .owl-nav button.owl-prev,
#projectsCarousel .owl-nav button.owl-next,
#projectsCarousel2 .owl-nav button.owl-prev,
#projectsCarousel2 .owl-nav button.owl-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #0a1f44 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: 0.3s;
  opacity: 1 !important;
}

#projectsCarousel .owl-nav button.owl-prev:hover,
#projectsCarousel .owl-nav button.owl-next:hover,
#projectsCarousel2 .owl-nav button.owl-prev:hover,
#projectsCarousel2 .owl-nav button.owl-next:hover {
  background: #c9a227 !important;
}



.image-slider .slide-item {
  border-radius: 10px;
  overflow: hidden;
  height: 320px;
}

.image-slider .slide-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-slider .owl-stage {
  display: flex;
}

.image-slider .owl-nav,
.image-slider .owl-dots {
  display: none; /* reference image me arrows/dots nahi dikh rahe, continuous auto-scroll hai */
}

@media (max-width: 768px) {
  .image-slider .slide-item {
    height: 200px;
  }
}



.footer-brand-logo{
  display:block;
}
.footer-brand-logo img{
  height:122px;
  width:auto;
  max-width:100%;
  display:block;
}

@media (max-width: 991px){
  .footer-brand-logo img{ height:90px; }
}

@media (max-width: 767px){
  .footer-brand-logo img{ height:70px; }
}

@media (max-width: 480px){
  .footer-brand-logo img{ height:56px; }
}




/* ---------- Testimonial Section ---------- */
.testimonial-section{
  overflow:hidden;
}
.testimonial-media{
  position:relative;
  overflow: hidden;
}
.testimonial-bg-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  position:absolute;
  inset:0;
}
.testimonial-media .play-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:64px;
  height:64px;
  border-radius:50%;
  background:#fff;
  border:none;
  color:var(--navy-900);
  font-size:1.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-md);
  z-index:2;
  transition:transform .2s ease;
}
.testimonial-media .play-btn:hover{ 
  transform:translate(-50%,-50%) scale(1.08); 
}

.testimonial-content{
  background: #fff;
  display:flex;
  align-items:center;
}
.testimonial-inner{
  padding:1.5rem 3rem;
  width:100%;
  position:relative;
}
.testimonial-content .kicker{
  color:var(--gold-500);
  font-family:var(--font-display);
  font-size:1.4rem;
  font-weight:700;
  display:block;
  margin-bottom:1.5rem;
}
.testimonial-content .quote-ic{
  /*color:rgba(255,255,255,.12);*/
  font-size:3rem;
  display:block;
  margin-bottom:1rem;
  float:right;
}

.testimonial-slide .avatar{
  width:90px; height:90px;
  border-radius:50%;
  overflow:hidden;
  margin-bottom:1.2rem;
  background:linear-gradient(135deg,var(--navy-800),var(--navy-600));
}
.testimonial-slide .avatar img{
  width:100%; height:100%; object-fit:cover;
}
.testimonial-text{
  /*color:rgba(255,255,255,.82);*/
  font-size:1.02rem;
  line-height:1.7;
  margin-bottom:1.5rem;
}
.testimonial-author .name{
  /*color:#fff;*/
  font-weight:700;
  font-size:1rem;
}
.testimonial-author .role{
  color:var(--gold-300);
  font-size:.85rem;
  font-weight:600;
}

.testimonial-carousel .owl-nav{
  position:absolute;
  bottom:0.2rem;
  right:3rem;
  display:flex;
  gap:.7rem;
  margin:0;
}
.testimonial-carousel .owl-nav button.owl-prev,
.testimonial-carousel .owl-nav button.owl-next{
  width:42px; height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.08) !important;
  /*color:#fff !important;*/
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem;
  transition:.25s;
}
.testimonial-carousel .owl-nav button.owl-prev:hover,
.testimonial-carousel .owl-nav button.owl-next:hover{
  background:var(--gold-600) !important;
  color:var(--navy-950) !important;
}
.testimonial-carousel .owl-dots{ display:none; }

@media (max-width: 991px){
  .testimonial-media{ min-height:320px; }
  .testimonial-inner{ padding:2.5rem 1.5rem; }
  .testimonial-carousel .owl-nav{ position:static; margin-top:1.5rem; justify-content:flex-start; }
}



.our-partners-section{
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,.1);
}
.our-partners-section h5{
  color: #fff;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.3rem;
}
.partners-carousel{
  overflow: hidden;
}
.partners-carousel .owl-stage-outer{
  overflow: hidden;
}
.partners-carousel .owl-stage{
  display: flex;
}
.partner-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid rgba(255,255,255,.15);
  height: 100%;
}
.partner-label{
  width: 100%;
  text-align: center;
  color: var(--gold-300);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  padding: .6rem 0;
  border-bottom: 1px solid rgba(255,255,255,.15);
}
.partner-logo-box {
  height: 120px;              /* fixed height sab logos equal rakhega */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #fff;           /* logo ke around clean white bg, agar dark bg pe hai */
  border-radius: 8px;
}

.partner-logo-box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;        /* cover ki jagah contain — logo poora dikhega, crop nahi hoga */
}
.partners-carousel .owl-nav{
  display: none; /* autoplay se chalega, arrows optional */
}
.partners-carousel .owl-dots{
  text-align: center;
  margin-top: 1rem;
}
.partners-carousel .owl-dots .owl-dot span{
  background: rgba(255,255,255,.3) !important;
  width: 8px; height: 8px;
  margin: 0 4px;
}
.partners-carousel .owl-dots .owl-dot.active span{
  background: var(--gold-500) !important;
}



.project-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.project-thumb {
    position: relative;
    height: 300px;
    overflow: hidden;
    background: #fff;
}



.project-thumb-academic {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}

.project-thumb-academic img {
    width: 100% !important;
    height: 100% !important;
    display: block;

    object-fit: contain;
    object-position: center;
}






.hero-top-banner{
  position:relative;
  overflow:visible;
}
.hero-top-banner img{
  display:block;
}

.hero-top-photo-container{
  position:absolute;
  left:0;
  right:0;
  bottom:-65px;
}
.hero-top-photo-wrap{
  display:inline-block;
}
.hero-top-photo{
  width:150px;
  height:150px;
  border-radius:50%;
  object-fit:cover;
  border:5px solid #ffffff;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  background:#0b1f3a;
}



<!----------------slider-------------->
.image-slider {
	position: relative;
}

.image-slider .owl-nav {
	display: block !important;
}

.image-slider .owl-nav button.owl-prev,
.image-slider .owl-nav button.owl-next {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);

	width: 42px;
	height: 42px;

	margin: 0 !important;
	border-radius: 50% !important;

	background: #c9A227 !important;
	color: #fff !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	font-size: 20px !important;
	z-index: 10;

	opacity: 1 !important;
}

.image-slider .owl-nav button.owl-prev {
	left: -20px;
}

.image-slider .owl-nav button.owl-next {
	right: -20px;
}

.image-slider .owl-nav button:hover {
	background: #c9a227 !important;
}

.image-slider .owl-nav button i {
	line-height: 1;
}