@font-face {
      font-family: 'TT Hoves';
      src: url('../fonts/TTHoves-Regular.woff2') format('woff2'),
           url('../fonts/TT-Hoves-Regular.woff') format('woff');
      font-weight: 400;
    }
    @font-face {
      font-family: 'TT Hoves';
      src: url('../fonts/TTHoves-Bold.woff2') format('woff2'),
           url('../fonts/TTHoves-Bold.woff') format('woff');
      font-weight: bold;
    }
  
  body, .navbar, h1, h2, h3, h4, h5, h6, p, a {
    font-family: 'TT Hoves', sans-serif;
  }

  .breadcrumb-item+.breadcrumb-item::before {
        content: var(--bs-breadcrumb-divider, ">")
  }

  .navbar-dark .navbar-toggler {
    background-color: #183e62;
    color: #fff;
  }

  .bg-cream-light {
    background-color: #f4f3f0;
  }

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

  .bg-default-gray {
     background-color: #f0f1f5;
  }
  .bg-default-theme { background-color: #183e62; }
  .text-color-default { color: #183e62; }
  .border-default { border-color: #183e62 !important; }

  .box-bottom-shadow {
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1);
    }
    .box-top-shadow {
        box-shadow: 0 -4px 8px -4px rgba(0, 0, 0, 0.1);
    }

  .btn-default-theme {
    background-color: #183e62;
    color: #fff;
  } 

  .orange-link {
    color: #fff;
    background-color: #ca9b35;
    font-size: 14.5px;
    font-weight: bold;
    padding: 10px 10px;
    border-radius: 10px;
  }

  .orange-link:hover {
    color: #fff;
    background-color: #a17c2b;
  }

  .hero-header {
      margin-top: -75px;
      /* background: url(../img/bg-3.png) center center no-repeat;
      background-size: cover; */
      background: none !important;
      background-color: #183e62 !important;

      
  }


  .btn-default-theme:hover {
    background-color: #2868a4;
    color: #fff;
  } 

  .breadcrumb-item.active {
    color: #ca9b35 !important;
  }

  .border-radius-0 { border-radius: 0px; }
  .border-radius-70 { border-radius: 70px !important; }



.new-top-menu .navbar .navbar-nav .nav-link {
    font-size: 16.5px;
    color: #0c407a;
    font-weight: bold;
}


.new-top-menu .navbar .navbar-nav .nav-link:hover, 
.new-top-menu .navbar .navbar-nav .nav-link.active {
    color: #ca9b35;
}


.new-layout-header.hero-header {
    background: none !important;
    background-color: #183e62 !important;
}

.hero-video {
    position: relative;
    overflow: hidden;
    height: 400px;
    margin-top: 0px;
    margin-top: -22px;
}

.hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: white;
    cursor: pointer;
    opacity: 0.8;
}

.hero-video.subvideo {
        height: 480px;
}

.new-bread-crumb-container {
    margin-top: 10px !important;
}

.footer {
    background: none !important;
    background-color: #efe7da !important;
    color: #000 !important;
}

.footer a {
    color: #000 !important;
}

.footer-logo-container img{
    width: 110px;
}

.footer .btn.btn-link::before {
    content: "";
}

.subpage-header {
    font-size: 30px !important;
    margin-top: 20px;
    margin-bottom: 0px !important;

}

/* Fonts Size */
.f20 { font-size: 20px; }
.f30 { font-size: 30px !important; }

/* Padding */
.pt-15 { padding-top: 15px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-70 { padding-top: 70px; }

.pb-20 { padding-bottom: 20px; }
.pb-70 { padding-bottom: 70px; }


/* Margins */
.mt-35 { margin-top: 35px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }

.mt-40per { margin-top: 40%; }


.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-90 { margin-bottom: 90px; }

/* Widths */
.w-30 {width: 30px; }
.w-36 {width: 36px; }
.w-70 {width: 70%; }
.w-90 {width: 90%; }
.w-85px {width: 85px; }
.w-100px {width: 100px; }
.w-110px {width: 110px; }
.w-130px {width: 130px; }
.w-150px {width: 150px; }
.w-160px {width: 160px; }
.w-170px {width: 170px; }
.w-190px {width: 190px; }
.w-200px {width: 200px; }
.w-280px {width: 280px; }
.w-290px {width: 290px; }
.w-390px {width: 390px; }
.w-460px {width: 460px; }

.h-90px { height: 90px; }
.h-130px { height: 130px; }


    


.expertise-imgs {
    justify-content: start;
}

.expertise-imgs h5 {
    line-height: 25px !important;
}

.course-enroll-btn.learn-more {
    background-color: #ca9b35;
    font-weight: bold;
    padding: 7px 15px 5px 15px;
    border-bottom: 0px;
    border-radius: 10px;
    bottom: 8px;
}

.expertise-content h4 {
    font-size: 49px;
    font-weight: 900 !important;
    color: #183e62;
}

.about-us-content h4 {
    font-size: 49px;
    font-weight: 900 !important;
    color: #183e62;
}

.mini-cream-box {
    background-color: #edebe7;
    color: #183e62;
    text-align: center;
    font-size: 16.5px;
    padding: 20px;
    font-weight: bold !important;
    height: 160px;
    align-content: center;
    transition: all 0.3s ease;
}

.mini-cream-box:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transform: translateY(-5px);
}

.mini-cream-box .plus-icon {
  position: absolute;
    color: #fff;
    right: 8px;
    bottom: 3px;
    background-color: #ca9b35;
    padding: 0px 8px;
    border-radius: 12px;
    font-size: 17px;
}

.mini-cream-box .with-link {
  position: absolute;
  color: #fff;
  right: 8px;
  bottom: 3px;
  background-color: #ca9b35;
  padding: 1px 8px;
  border-radius: 8px;
  font-size: 12px;
}





.expertise-content .how-can-assist {
    text-align: center;
    font-size: 10.9px;
    padding-top: 15px;
} 

.expertise-content .how-can-assist strong{
    font-size: 13.9px;
} 


.btn-arrow {
  display: inline-block;
  background-color: #0e355f; /* dark blue */
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 7px 30px 7px 25px;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 0px;
}

.btn-arrow:hover {
  color: #ca9b35;
}

/* Create the arrow tip on the right */
.btn-arrow::after {
  content: "";
  position: absolute;
    top: 0px;
    right: -22px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 22px solid #0e355f;
    transition: all 0.3s ease;
}

/* Hover effect */
.btn-arrow:hover {
  background-color: #123f70;
}

.btn-arrow:hover::after {
  border-left-color: #123f70;
}




/* Add a white overlay for readability */
/* .design-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 0;
} */

.design-content {
    background: url('../img/new_layout/our-expertise/design_services2.png') center/cover no-repeat;
  
  color: #003366;
  padding: 80px 0;
  position: relative;
    height: 380px;
  /* z-index: 1; */
}

.design-heading {
  font-size: 49px;
  font-weight: 900 !important;
  color: #003366;
  margin-bottom: 40px;
  text-align: left;
}

.service-card {
    border: 2px solid #d4af37; /* gold border */
    padding: 25px 15px;
    text-align: center;
    transition: all 0.3s ease;
    background: #fff;
    font-weight: 600;
    height: 160px;
    align-content: center;
    color: #003366;
    font-size: 16.5px;
}

.service-card:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transform: translateY(-5px);
}

.design-services-boxes {
    position: relative;
    margin-top: -50px;
}



/* Tooltip container */
/* Tooltip box */
.mini-cream-box.with-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: 120%; /* move tooltip above */
    transform: translateX(-50%) translateY(10px); /* animation start */

    width: 260px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    font-size: 14px;
    line-height: 1.45;
    white-space: normal;
    text-align: left;

    opacity: 0;
    visibility: hidden;

    transition: 
        opacity 0.3s ease,
        transform 0.3s ease;
    z-index: 10;
}

/* Tooltip arrow */
#tooltip-box {
    position: fixed;
    width: 260px;

    background: #183e62; /* custom background */
    color: #fff; 

    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    font-size: 15px;
    line-height: 1.5;
    z-index: 9999;

    opacity: 0;
    transform: translateY(10px);
    transition: opacity .25s ease, transform .25s ease;
    pointer-events: none;
}

/* Arrow */
#tooltip-box::after {
    content: "";
    position: absolute;
    bottom: -8px; /* arrow below tooltip */
    left: 50%; /* center horizontally */
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #183e62; /* arrow color = tooltip background */
}

#tooltip-box.show {
    opacity: 1;
    transform: translateY(0);
}

.teacher-name-container {
  font-size: 22.3px;
}

.teacher-name-container p{
  line-height: 25px;
}

.teacher-name-container span {
  color: #ca9c36;
  font-weight: bold;
  line-height: 25px;
}

.teacher-awards-container h5{
  color: #ca9c36;
  font-weight: bold !important;
  font-size: 18.5px;
}

.teacher-awards-container ul li {
  font-size: 17.3px;
}
.teacher-awards-container ul li::marker {
  color: #555;
}

.teacher-img-container img{
  border-radius: 25px;
  transition: .5s;
}

.teacher-img-container img:hover {
    transform: scale(1.05);
}

.footer .footer-col-head h5 {
  margin-top: 65px;
  color: #183e62; 
}

.footer .btn.btn-link:hover {
  color: #ca9c36 !important;
}


/* FOr Homepage */
.hero-section {
    height: 100vh;
    background: url('../img/new_layout/homepage.png') no-repeat center center/cover;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    text-align: center;
    padding-top: 30px;
}

.logo-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-img {
    width: 90px;
}

.company-title {
    font-size: 16.5px;
    color: #183e62;
    text-align: left;
    line-height: 20px;
}

.menu-links a {
    display: inline-block;
    margin: 0 80px;
    font-size: 25px;
    color: #183e62;
    text-decoration: none;
    font-weight: bold;
}

.menu-links a:hover {
    text-decoration: underline;
}

.section-header {
  background-color: #183e62;
  color: #FFF;
  font-size: 29.5px;
  padding: 20px 10px;
}

.pt-item{
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
.pt-item .pt-detail{
    position: absolute;
    color: #fff;
    bottom: 7px;
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    padding: 2px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 30px;
}
.pt-item .pt-detail span:last-child{
  font-size: 25px;
}

.global-head-imgs div{
  border: 10px solid #183e62;
  text-align: center;
  border-radius: 35px;
}

.global-head-imgs div img {
  height: 88px;
}

.global-sub-imgs {
  width: 90px; 
  height: auto;
}

.img-bg-container {
  background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px; /* Adjust based on your design */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-first-bg {
    background-image: url('../img/new_layout/our-expertise/professional-training/art-intel-bg.jpg');
}
.ba-first-bg {
    background-image: url('../img/new_layout/our-expertise/professional-training/business-analytics-bg.jpg');
}
.bm-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/business-management-bg.jpg');
}
.c-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/coaching-bg.jpg');
}
.cs-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/customer-service-bg.jpg');
}
.esg-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/esg-sustainability-bg.jpg');
}

.sm-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/strategic-management-bg.jpg');
}
.en-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/entrepreneurship-bg.jpg');
}
.fi-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/entrepreneurship-bg.jpg');
}

.hm-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/human-resources-bg.jpg');
}
.it-first-bg {
  background-image: url('../img/new_layout/our-expertise/professional-training/information-technology-bg.jpg');
}
.oe-first-bg { background-image: url('../img/new_layout/our-expertise/professional-training/organizational-excellence-bg.jpg'); }
.pcm-first-bg { background-image: url('../img/new_layout/our-expertise/professional-training/project-change-management-bg.jpg'); }
.pe-first-bg { background-image: url('../img/new_layout/our-expertise/professional-training/personal-effectiveness-bg.jpg'); }
.sm-first-bg { background-image: url('../img/new_layout/our-expertise/professional-training/sales-marketing-bg.jpg'); }
.ngo-first-bg { background-image: url('../img/new_layout/our-expertise/professional-training/ngo-bg.jpg'); }
.od-first-bg { background-image: url('../img/new_layout/our-expertise/professional-training/organizational-development-bg.jpg'); }
.scl-first-bg { background-image: url('../img/new_layout/our-expertise/professional-training/supply-chain-logistics-bg.jpg'); }




.img-bg-container .bg-wrapper {
    width: 100%;
    text-align: center;
}

.service-card .make-arrow {
  position: absolute;
  bottom: -3px;
  display: flex;
  width: 85%;
  justify-content: center;
  color: #ca9b35;
  font-size: 23px;
}


.about-awards-section img {
  margin-bottom: 10px;
}

.about-awards-section.second-teacher-awards img {
  margin: 15px;
}

.about-awards-section h6 {
  font-size: 18.5px;
  font-weight: bold !important;
  color: #0e355f;
  text-align: left;
  padding-left: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.about-awards-section.second-teacher-awards h6 {
  text-align: center;
  margin-top: 60px;
}

.footer-link:hover {
  color: #ca9c36 !important;
}

.append-input-radius { border-radius: 10px 0px 0px 10px; }



@media only screen and (max-width: 1399px) and (min-width: 992px) {
  .service-card {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .mt-40per {
    margin-top: 0px;
  }

  .navbar .navbar-nav {
    background: #fff !important;
  }

}


@media only screen and (max-width: 767px) {
  .footer .footer-col-head {
    margin-top: 0px;
  }

  .footer .footer-col-head h5 {
    margin-top: 10px !important;
  }

  .navbar-dark .navbar-toggler {
    background-color: #183e62 !important;
    margin-top: -10px;
  }

  .navbar .navbar-nav {
    background-color: #fff !important;
  }

  .expertise-content.pt-70 {
    padding-top: 20px !important;
  }

  .expertise-content.pb-70 {
    padding-bottom: 20px !important;
  }

  .how-can-assist {
    padding-bottom: 15px;
  }

  .about-us-content.mt-70 {
    margin-top: 0px !important;
  }

  .about-us-content.pt-70 {
    padding-top: 20px !important;
  }

  .about-us-content.pb-70 {
    padding-bottom: 20px !important;
  }

  .pt-item .pt-detail {
    font-size: 30px;
    line-height: 28px;
  }

  .img-bg-container .bg-wrapper {
    margin-top: 15px;
  }

  .expertise-content h4 {
      font-size: 35px;
  }

  
}