.branch-card{
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 50px !important;
    border-radius: 10px !important;
}

:root{
    --card-width: 260px;   /* card visual width (desktop) */
    --card-height: 340px;  /* card visual height */
    --card-gap: 22px;      /* gap between cards */
  }


  .container-wrap { max-width:1280px; margin:28px auto; padding:0 12px; }


  .owl-carousel .student-card {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px;
    box-sizing:border-box;
    /* ensure each carousel item uses the same card dimensions */
    width: var(--card-width);
    height: var(--card-height);
    margin: 0 calc(var(--card-gap) / 2);
  }

  /* Visual card box (white rounded container) */
  .card-box {
    width:100%;
    height:100%;
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 22px rgba(18,24,31,0.06);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
  }

  .card-box img {
    width:100%;
    height: calc(var(--card-height) - 24px); /* keep image inside card */
    object-fit:cover;    /* use cover to fill card while preserving aspect */
    display:block;
    border-radius:6px;
  }

  /* Adjust gap between carousel items overall */
  .owl-stage-outer { padding: 6px 0; }

  /* smaller screens - scale down the card size & gaps */
  @media (max-width:1100px){
    :root{ --card-width:210px; --card-height:300px; --card-gap:18px; }
  }
  @media (max-width:768px){
    :root{ --card-width:170px; --card-height:230px; --card-gap:14px; }
  }
  @media (max-width:480px){
    :root{ --card-width:140px; --card-height:190px; --card-gap:12px; }
  }

.explore-outline-btn {
    border: 2px solid #EF4B25;
    color: #EF4B25;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    background: transparent;
  }
.explore-outline-btn:hover {
    background: linear-gradient(135deg, #EF4B25, #CE295F 52%, #1253A3);
    color: #fff;
    box-shadow: 0 8px 20px rgba(206,41,95,0.28);
  }

/* ------------------------------------------------------------------
   Brand theme override
   This sits after the main stylesheet so the whole site inherits the
   logo-inspired palette without changing every template.
------------------------------------------------------------------- */
:root {
  --tp-common-white: #f7fbfb;
  --tp-common-black: #0f172a;
  --tp-common-black-2: #111827;
  --tp-common-black-3: #0f2238;
  --tp-common-black-4: #000000;
  --tp-common-black-5: #081017;
  --tp-common-green: #1253A3;
  --tp-common-green-2: #0f4b93;
  --tp-common-green-3: #1d63b2;
  --tp-common-green-4: #4b7fd0;
  --tp-common-blue: #CE295F;
  --tp-common-blue-2: #d93f73;
  --tp-common-blue-3: #b91f55;
  --tp-common-blue-4: #e35e8d;
  --tp-common-cream: #fff6e5;
  --tp-common-pink: #CE295F;
  --tp-common-pink-2: #e04b79;
  --tp-common-orange: #EF4B25;
  --tp-common-orange-2: #d9441f;
  --tp-common-orange-3: #f56b49;
  --tp-common-purple: #7a6cff;
  --tp-common-purple-2: #9b8cff;
  --tp-common-yellow: #ef4b25;
  --tp-common-yellow-2: #ce295f;
  --tp-common-yellow-3: #1253a3;
  --tp-common-yellow-4: #f3a28f;
  --tp-common-yellow-5: #86a7d8;
  --tp-common-violet: #5d5adf;
  --tp-common-violet-2: #8aa8d7;
  --tp-header-primary: #07131f;
  --tp-header-2: #07131f;
  --tp-grey-1: #eef2f7;
  --tp-grey-2: #f5f7fb;
  --tp-grey-3: #f8fbfd;
  --tp-grey-4: #eff4f8;
  --tp-grey-5: #f3f6fa;
  --tp-grey-6: #d8e3e4;
  --tp-grey-7: #fafcfc;
  --tp-grey-8: rgba(18, 83, 163, 0.08);
  --tp-grey-9: rgba(206, 41, 95, 0.08);
  --tp-grey-10: #edf3f4;
  --tp-text-body: #4c5f6b;
  --tp-text-1: #4c5f6b;
  --tp-text-2: #556873;
  --tp-text-3: #697982;
  --tp-text-4: #41515a;
  --tp-text-5: #45545d;
  --tp-text-6: #66757f;
  --tp-text-7: #62717c;
  --tp-text-8: #6b7983;
  --tp-text-9: #6c7780;
  --tp-text-10: #7f8c93;
  --tp-text-11: #5e676d;
  --tp-text-12: #586163;
  --tp-text-13: #7a858c;
  --tp-text-14: #5b6468;
  --tp-text-15: #99a4aa;
  --tp-theme-1: #1253A3;
  --tp-theme-2: #CE295F;
  --tp-theme-3: linear-gradient(135deg, #1253A3 0%, #CE295F 52%, #EF4B25 100%);
  --tp-border-1: rgba(10, 27, 38, 0.12);
}

html {
  background:
    radial-gradient(circle at top right, rgba(18, 83, 163, 0.16), transparent 30%),
    radial-gradient(circle at bottom left, rgba(206, 41, 95, 0.12), transparent 26%),
    linear-gradient(180deg, #f7fbfb 0%, #eef6f6 100%);
}

body {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(18, 83, 163, 0.16), transparent 28%),
    radial-gradient(circle at 15% 20%, rgba(239, 75, 37, 0.12), transparent 20%),
    linear-gradient(180deg, #f7fbfb 0%, #eef4f8 100%);
  color: var(--tp-text-body);
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: auto;
  width: 26rem;
  height: 26rem;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  filter: blur(24px);
  opacity: 0.55;
}

body::before {
  top: -7rem;
  right: -8rem;
  background: radial-gradient(circle, rgba(18, 83, 163, 0.24) 0%, rgba(18, 83, 163, 0) 72%);
}

body::after {
  left: -9rem;
  bottom: -8rem;
  background: radial-gradient(circle, rgba(206, 41, 95, 0.2) 0%, rgba(206, 41, 95, 0) 72%);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section__title,
.breadcrumb__title,
.breadcrumb__title-2,
.footer__widget-title {
  color: var(--tp-header-primary);
}

a:hover {
  color: var(--tp-common-orange);
}

::selection {
  background: var(--tp-common-blue);
  color: var(--tp-common-white);
}

.grey-bg,
.grey-bg-2,
.grey-bg-3,
.grey-bg-5,
.grey-bg-7,
.white-bg,
.bg-light {
  background-color: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(16px);
}

.grey-bg-4,
.black-bg,
.black-bg-5 {
  background: linear-gradient(180deg, #08131c 0%, #0d1f2b 100%);
}

.grey-bg-8 {
  background: linear-gradient(135deg, rgba(18, 83, 163, 0.10), rgba(239, 75, 37, 0.10));
}

.grey-bg-9 {
  background: rgba(206, 41, 95, 0.06);
}

.theme-bg-3,
.header__menu,
.header__menu.theme-bg-3 {
  background: linear-gradient(135deg, #1253A3 0%, #CE295F 52%, #EF4B25 100%);
  box-shadow: 0 14px 40px rgba(7, 19, 31, 0.18);
}

.header__bottom,
.mobile__menu .header__bottom {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(18, 83, 163, 0.14);
}

.logo img,
.sticky-logo img {
  filter: drop-shadow(0 10px 20px rgba(7, 19, 31, 0.08));
}

.header__call-content h4,
.header__call-content h4 a,
.header__call-content p a,
.header__login-content p a,
.main-menu nav ul li a,
.main-menu-mobile nav ul li a {
  color: var(--tp-header-primary);
}

.header__menu nav ul li a,
.header__menu .main-menu-icon svg path,
.main-menu.main-menu-3 .main-menu-icon svg path {
  color: var(--tp-common-white);
  fill: currentColor;
}

.header__menu nav ul li a:hover,
.header__menu nav ul li.active > a,
.main-menu nav ul li a:hover,
.main-menu-mobile nav ul li a:hover {
  color: var(--tp-common-cream);
}

.breadcrumb__area {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(18, 83, 163, 0.95), rgba(206, 41, 95, 0.94) 52%, rgba(239, 75, 37, 0.9));
  border-radius: 0 0 2rem 2rem;
  color: var(--tp-common-white);
}

.breadcrumb__area::before,
.breadcrumb__area::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.breadcrumb__area::before {
  width: 18rem;
  height: 18rem;
  top: -6rem;
  right: -4rem;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 70%);
}

.breadcrumb__area::after {
  width: 14rem;
  height: 14rem;
  left: -3rem;
  bottom: -5rem;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.14), transparent 70%);
}

.breadcrumb__title,
.breadcrumb__title-2,
.breadcrumb__list,
.breadcrumb__list-2,
.breadcrumb__list span a,
.breadcrumb__list-2 span a {
  color: var(--tp-common-white);
}

.breadcrumb__list span a:hover,
.breadcrumb__list-2 span a:hover {
  color: var(--tp-common-cream);
}

.tp-btn,
.tp-btn-2,
.tp-btn-3,
.tp-btn-4,
.tp-btn-5,
.tp-btn-6,
.tp-btn-7,
.tp-btn-8,
.tp-btn-9,
.tp-btn-10,
.tp-btn-11,
.tp-btn-12,
.tp-btn-13,
.tp-btn-green,
.tp-price-btn,
.tp-btn-subscribe,
.header-btn,
.banner-btn a,
.btn-gradient,
.treasure-btn,
.explore-outline-btn:hover {
  border-radius: 999px;
  background: linear-gradient(135deg, #1253A3 0%, #CE295F 52%, #EF4B25 100%);
  color: var(--tp-common-white);
  border: 0;
  box-shadow: 0 16px 36px rgba(7, 19, 31, 0.18);
}

.tp-btn:hover,
.tp-btn-2:hover,
.tp-btn-3:hover,
.tp-btn-4:hover,
.tp-btn-5:hover,
.tp-btn-6:hover,
.tp-btn-7:hover,
.tp-btn-8:hover,
.tp-btn-9:hover,
.tp-btn-10:hover,
.tp-btn-11:hover,
.tp-btn-12:hover,
.tp-btn-13:hover,
.tp-btn-green:hover,
.tp-price-btn:hover,
.tp-btn-subscribe:hover,
.header-btn:hover,
.banner-btn a:hover,
.btn-gradient:hover,
.treasure-btn:hover,
.explore-outline-btn:hover {
  color: var(--tp-common-white);
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(7, 19, 31, 0.22);
}

.explore-outline-btn {
  border: 2px solid var(--tp-common-orange);
  color: var(--tp-common-orange);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 10px 24px rgba(7, 19, 31, 0.08);
}

.card,
.branch-card,
.treasure-card,
.treasure-join-card,
.contact-form,
.content.card,
.course__item,
.course__item-2,
.course__item-3,
.category__item,
.price__item,
.team__item,
.hero-marquee-item__info,
.hero-marquee-item__media,
.footer__subscribe-input,
.section-card {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(15, 143, 126, 0.12);
  box-shadow: 0 22px 50px rgba(7, 19, 31, 0.08);
  backdrop-filter: blur(16px);
}

.card,
.branch-card,
.treasure-card,
.treasure-join-card,
.contact-form,
.content.card,
.course__item,
.course__item-2,
.course__item-3,
.category__item,
.price__item,
.team__item {
  border-radius: 24px;
}

.card-body,
.contact-form,
.treasure-card .card-body,
.treasure-join-card .card-body {
  color: var(--tp-text-body);
}

.footer__widget,
.footer__widget-content {
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

input,
textarea,
select {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(15, 143, 126, 0.18);
  color: var(--tp-header-primary);
  border-radius: 16px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(23, 199, 163, 0.7);
  box-shadow: 0 0 0 4px rgba(23, 199, 163, 0.12);
}

.footer__area,
.footer__black {
  background: linear-gradient(180deg, #08131c 0%, #0d1f2b 100%);
}

.footer__widget-title,
.footer__social h4,
.footer__copyright p,
.footer__widget-content p,
.footer__widget-content ul li a,
.footer__subscribe p {
  color: rgba(247, 251, 251, 0.86);
}

.footer__widget-content ul li a:hover,
.footer__social ul li a:hover {
  color: var(--tp-common-orange);
}

.footer__social ul li a {
  background: rgba(255, 255, 255, 0.08);
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.footer__subscribe-input {
  border-radius: 999px;
  overflow: hidden;
}

.footer__subscribe-input input {
  border: 0;
  background: transparent;
  color: var(--tp-common-white);
}

.footer__subscribe-input input::placeholder {
  color: rgba(247, 251, 251, 0.7);
}

.footer__subscribe-input button {
  background: linear-gradient(135deg, #1253A3 0%, #CE295F 52%, #EF4B25 100%);
  color: var(--tp-common-white);
}

.w-img img,
.w-img1 img,
.card-box,
.card-box img {
  border-radius: 18px;
}

.course__tab-btn .nav-tabs .nav-item .nav-link.active,
.course__tab-btn .nav-tabs .nav-item .nav-link:hover,
.category__icon.green-bg-2 a,
.category__item:hover .category__icon.green-bg-2 a,
.tp-btn-9.whatsapp-btn,
.event__join-btn a,
.teacher__follow-btn:hover,
.price__item.active .price__btn .tp-btn-9.tp-btn-12 {
  background: linear-gradient(135deg, #1253A3 0%, #CE295F 52%, #EF4B25 100%);
  color: var(--tp-common-white);
}

.header__hamburger .hamurger-btn span,
.hamurger-btn span {
  background: var(--tp-header-primary);
}

.progress-wrap {
  box-shadow: 0 16px 34px rgba(7, 19, 31, 0.18);
}

.progress-wrap svg path {
  stroke: var(--tp-common-orange);
}