/* =========================================================
   Gyan Overseas - Redesign Stylesheet
   Bootstrap v5.3.3 based, custom theme
   ========================================================= */

:root{
  --navy:            #0d1b4c;
  --navy-light:      #16266b;
  --navy-soft:       #eef1fb;
  --orange:          #ef7b10;
  --orange-dark:     #d95e00;
  --grey-bg:         #f6f7fb;
  --text-muted:      #6c7488;
  --white:           #ffffff;
    --ink:#1b1440;
    --muted:#6b7280;
    --peach1:#f97316;
    --peach2:#fbbf24;
    --blue-bg:#e9edfb;
    --blue-icon:#4338ca;
    --purple-bg:#f1e9fb;
    --purple-icon:#7c3aed;
    --orange-bg:#fdeee3;
    --orange-icon:#ea580c;
    --card-shadow: 0 10px 30px rgba(27,20,64,0.06);
    --card-shadow-hover: 0 20px 45px rgba(27,20,64,0.14);
    --navy-deep:#081b34;
    --gold:#C9972F;
    --gold-soft:#EFD9A6;
    --cream:#F7F4EC;
    --line:#DDE3EC;
    --accent-orange:#f5a623;
    --accent-orange-dark:#e08e00;
    --card-radius:18px;
    --overlay-dark: rgba(0,0,0,.55);
  --radius-lg:       18px;
  --radius-md:       12px;
  --shadow-soft:     0 10px 30px rgba(13,27,76,.08);
  --shadow-hover:    0 18px 40px rgba(13,27,76,.16);
  --transition:      all .35s ease;
  font-size: 16px;
}

body{
  font-family: 'Poppins', sans-serif;
  color: var(--navy);
  background: var(--white);
  overflow-x: hidden;
}

h1,h2,h3,h4,h5{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: var(--navy);
}

a{ text-decoration: none; }
img{ max-width: 100%; }

.text-orange{ color: var(--orange) !important; }
.bg-navy{ background: var(--navy) !important; }
.eyebrow{
  color: #b81c16;
  font-weight: 600;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .85rem;
  position: relative;
  padding-left: 28px;
}
.eyebrow::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  width: 20px;
  height: 3px;
  background: #b81c16;
  border-radius: 3px;
}

.section-pad{ padding: 70px 0; }
@media (max-width: 768px){ .section-pad{ padding: 45px 0; } }

.btn-navy{
  background: var(--navy);
  color:#fff;
  border-radius: 50px;
  padding: 12px 28px;
  font-weight: 600;
  border: 2px solid var(--navy);
  transition: var(--transition);
}
.btn-navy:hover{
  background: var(--orange);
  border-color: var(--orange);
  color:#fff;
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
}
.btn-outline-navy{
  background: transparent;
  color: var(--navy);
  border: 2px solid var(--navy);
  border-radius: 50px;
  padding: 12px 28px;
  font-weight: 600;
  transition: var(--transition);
}
.btn-outline-navy:hover{
  background: var(--navy);
  color:#fff;
  transform: translateY(-3px);
}
.btn-orange{
  background: #0d1b4c;
  color:#fff;
  border-radius: 50px;
  padding: 12px 30px;
  font-weight: 600;
  border: 2px solid #0d1b4c;
  transition: var(--transition);
}
.btn-orange:hover{
  background: var(--orange-dark);
  border-color: var(--orange-dark);
  color:#fff;
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
}

/* =========================== TOPBAR =========================== */
.topbar{
  background: var(--navy);
  color: #cfd6ef;
  font-size: .82rem;
  padding: 6px 0;
}
.topbar a{ color:#cfd6ef; }
.topbar a:hover{ color: var(--orange); }
.topbar .social a{
  display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    margin-left: 6px;
    transition: var(--transition);
    padding: 0px !important;
    margin-bottom: -10px;
}
.socialicon img {
    border-radius: 50px;
    width: 18px;
    height: 18px;
    line-height: 0;
}
.topbar .social a:hover{ background: var(--orange); transform: translateY(-2px); }

/* =========================== NAVBAR =========================== */
.main-navbar{
  padding: 5px 0;
  background:#fff;
  box-shadow: 0 2px 18px rgba(13,27,76,.06);
}
.main-navbar .navbar-brand{
  display:flex; align-items:center; gap:10px;
}
.main-navbar .navbar-brand .brand-icon{
  width:44px; height:44px;
}
.main-navbar .navbar-brand .brand-text{ line-height:1.1; }
.main-navbar .navbar-brand .brand-text .top{
  font-weight:800; color: var(--navy); font-size:1.35rem;
}
.main-navbar .navbar-brand .brand-text .bottom{
  font-weight:800; color: var(--orange); font-size:1.35rem; margin-left:4px;
}
.main-navbar .navbar-brand .tagline{
  font-size:.68rem; color: var(--text-muted); letter-spacing:.5px;
}
.main-navbar .nav-link{
  color: var(--navy);
  font-weight: 600;
  padding: 8px 6px !important;
  position: relative;
}
.main-navbar .nav-link.active,
.main-navbar .nav-link:hover{color: #b81c16;}
.main-navbar .nav-link::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:2px;
  height:2px;
  background: #b81c16;
  transform: scaleX(0);
  transition: var(--transition);
}
.main-navbar .nav-link:hover::after,
.main-navbar .nav-link.active::after{ transform: scaleX(1); }
.navbar-phone{
  display:flex;
  align-items:center;
  gap: 4px;
  background: #b81c16;
  color:#fff;
  padding: 6px 10px;
  border-radius: 12px;
  font-weight:600;
  transition: var(--transition);
}
.navbar-phone:hover{ background: var(--orange); color:#fff; transform: translateY(-2px); }
.navbar-phone i{ font-size:1.2rem; }

/* =========================== HERO / OWL BANNER =========================== */
.hero-slider{ position:relative; background: var(--navy-soft); }
.hero-slide{
  position:relative;
  min-height: 560px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
/*
.hero-slide .hero-bg-shape{
  position:absolute; inset:0;
  background: linear-gradient(120deg, #eaf0ff 0%, #dfe8ff 55%, #f3e9ff 100%);
  z-index:0;
}
*/
.hero-slide .container{ position:relative; z-index:2; }
.hero-slide .eyebrow{ font-size:.95rem; }
.hero-slide h1{
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.15;
  margin: 14px 0 18px;
}
.hero-slide h1 span{ color: #ba1c16; }
.hero-slide p.lead-text{
  color: var(--text-muted);
  font-size: 1.05rem;
  max-width: 480px;
  margin-bottom: 28px;
}
.hero-slide .hero-img-wrap{
  position: relative;
  text-align:center;
}
.hero-slide .hero-img-wrap img.student{
  max-height: 500px;
  border-radius: 20px;
  position:relative;
  z-index:2;
}
.watch-video-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color: var(--navy);
  font-weight:700;
  border: 1px solid #333;
  padding: 10px 18px;
  border-radius: 15px;
}
.watch-video-btn .play-circle{
  width:46px; height:46px;
  border-radius:50%;
  background: var(--orange);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  transition: var(--transition);
  flex-shrink:0;
}
.watch-video-btn:hover .play-circle{ transform: scale(1.12); box-shadow: 0 8px 20px rgba(245,114,10,.45); }
.watch-video-btn small{ display:block; color: var(--text-muted); font-weight:400; font-size:.75rem; }

.enroll-ribbon{
  position:fixed; 
  right:0; 
  top:44%;
  background: var(--orange);
  color:#fff;
  writing-mode: vertical-rl;
  padding: 16px 8px;
  border-radius: 8px 0 0 8px;
  font-weight:700;
  font-size:.85rem;
  letter-spacing:1px;
  z-index:99;
  box-shadow: var(--shadow-soft);
}

.owl-theme .owl-dots .owl-dot span{ background: #c9cfe8; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{ background: var(--orange); }
.owl-theme .owl-nav{ display:none; }

/* =========================== FEATURE CARDS (below banner) =========================== */
.feature-cards{
    margin-top: 0px;
    position:relative;
    z-index:10;
    background: #eef1fb;
    padding-bottom: 50px;
    padding-top: 25px;
}
.feature-card{
  background: #0d1b4cde;
  border-radius: var(--radius-lg);
  padding: 30px 22px;
  text-align:center;
  color:#fff;
  height:100%;
  transition: var(--transition);
  border: 1px solid rgba(255,255,255,.06);
}
.feature-card .icon-circle{
  width:60px; height:60px;
  border-radius:50%;
  background: rgba(255,255,255,.1);
  display:flex; align-items:center; justify-content:center;
  margin: 0 auto 16px;
  font-size:1.6rem;
  transition: var(--transition);
}
.feature-card h5{ color:#fff; font-weight:700; margin-bottom:8px; }
.feature-card p{ color:#c3c9e6; font-size:.88rem; margin-bottom:14px; }
.feature-card .start-link{color: #ffffff;font-weight:700;font-size:.85rem;border: 1px solid #ffffffbf;padding: 6px 15px;border-radius: 15px;}
.feature-card:hover{
  background: #b81c16;
  transform: translateY(-10px);
  box-shadow: var(--shadow-hover);
}
.feature-card:hover .icon-circle{ background: rgba(255,255,255,.22); transform: rotate(8deg) scale(1.08); }
.feature-card:hover p{ color: rgba(255,255,255,.9); }
.feature-card:hover .start-link{ color:#fff; }

/* =========================== ABOUT SECTION =========================== */
.about-img-wrap{ position:relative; border-radius: var(--radius-lg); overflow:hidden; }
.about-img-wrap img{ border-radius: var(--radius-lg); display:block; width:100%; }
.experience-badge{
  position:absolute;
  left:0;
  bottom:0;
  background: #b81c16;
  color:#fff;
  padding: 18px 26px;
  border-radius: 0 var(--radius-md) 0 0;
  text-align:center;
}
.experience-badge .num{ font-size:2rem; font-weight:800; line-height:1; }
.experience-badge small{ font-size:.72rem; }

.about-list li{
  display:flex; align-items:flex-start; gap:10px;
  margin-bottom:10px;
  color: var(--text-muted);
}
.about-list li i{color: #b81c16;margin-top:3px;}

/* =========================== STATS COUNTER =========================== */
.stats-section{
  /* background: var(--navy-soft); */
  border-radius: var(--radius-lg);
  padding: 34px 20px;
}
.stat-item{
  display:flex;
  align-items:center;
  gap:14px;
  justify-content: left;
  transition: var(--transition);
  padding: 10px;
  border-radius: var(--radius-md);
  background: #fff;
  text-align: left;
}
.stat-item:hover{ background:#fff; box-shadow: var(--shadow-soft); transform: translateY(-6px); }
.stat-item .stat-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.5rem;
  color: var(--orange);
  box-shadow: 0px 0px 8px #ebe8e8;
  flex-shrink:0;
  float: left;
}
.stat-item .num{ font-size:1.7rem; font-weight:800; color: var(--navy); }
.stat-item .label{ font-size:.82rem; color: var(--text-muted); }

/* =========================== WHY CHOOSE US =========================== */
.why-choose ul li{
  display:flex; align-items:center; gap:10px;
  margin-bottom:12px;
  font-weight:600;
}
.why-choose ul li .check{
  width:22px; height:22px; border-radius:6px;
  background: #0092cb;
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:.7rem; flex-shrink:0;
  transition: var(--transition);
}
.why-choose ul li:hover .check{ background: var(--orange); transform: scale(1.15); }

/* =========================== SERVICES SLIDER =========================== */
.service-card{
  border: 1px solid #eceff8;
  border-radius: var(--radius-md);
  padding: 30px 20px;
  text-align:center;
  background:#fff;
  height:100%;
  margin: 6px;
  transition: var(--transition);
  z-index: 1;
}
.service-card .icon-circle{
  width:56px; height:56px; border-radius:50%;
  background: var(--navy-soft);
  color: var(--navy);
  display:flex; align-items:center; justify-content:center;
  margin: 0 auto 16px;
  font-size:1.4rem;
  transition: var(--transition);
}
.service-card.ielts-card .icon-circle{ background: var(--navy); color:#fff; }
.service-card h6{ font-weight:700; margin-bottom:6px; }
.service-card p{ font-size:.82rem; color: var(--text-muted); margin:0; }
.service-card:hover{
  transform: translateY(-8px);
  box-shadow: var(--shadow-hover);
  border-color: transparent;
}
.service-card:hover .icon-circle{
  background: var(--orange); color:#fff; transform: scale(1.1);
}

/* =========================== TESTIMONIALS SLIDER =========================== */
.testimonial-card{
  background:#fff;
  border: 1px solid #eceff8;
  border-radius: var(--radius-md);
  padding: 26px 22px;
  margin: 10px 8px 30px;
  position:relative;
  transition: var(--transition);
  height: 350px;
}
.testimonial-card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-6px); }
.testimonial-card .quote-mark{
  position:absolute; top:16px; right:20px;
  font-size:2rem; color:#eceff8; font-family: Georgia, serif;
}
.testimonial-card .stars{ color:#ffb703; font-size:.8rem; margin-bottom:8px; }
.testimonial-card p{ color: var(--text-muted); font-size:.9rem; }
.testimonial-card .person{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.testimonial-card .person img{
  width:48px; height:48px; border-radius:50%; object-fit:cover;
}
.testimonial-card .person .name{ font-weight:700; font-size:.92rem; }
.testimonial-card .person .place{ font-size:.75rem; color: var(--text-muted); }

/* =========================== COUNSELLING FORM =========================== */
.counselling-box{
  background: #ffffff;
  border-radius: var(--radius-lg);
  padding: 30px;
  color:#fff;
}
.counselling-box .form-control,
.counselling-box .form-select{
  border-radius: 8px;
  border:none;
  padding:12px 14px;
  margin-bottom:14px;
  font-size:.9rem;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1 !important;
}
.counselling-box .btn-orange{ width:100%; }
.btn-whatsapp{
  display:block; text-align:center;
  width:100%;
  border: 2px solid rgba(255,255,255,.3);
  color:#fff;
  border-radius:50px;
  padding:11px;
  margin-top:12px;
  font-weight:600;
  transition: var(--transition);
}
.btn-whatsapp:hover{ background:#25d366; border-color:#25d366; color:#fff; }
.or-divider{ text-align:center; color:#c3c9e6; margin:12px 0 0; font-size:.8rem; }

/* =========================== FAQ =========================== */
.accordion-item{
  border: none;
  border-bottom: 1px solid #eceff8;
  background: transparent;
}
.accordion-button{
  font-weight:600;
  color: var(--navy);
  background: transparent;
  box-shadow:none;
  padding: 18px 8px;
}
.accordion-button:not(.collapsed){color: #b81c16;background: transparent;box-shadow:none;}
.accordion-button::after{
  background-image: none;
  content: "\f4fe";
  font-family: "bootstrap-icons";
  font-size: 31px;
  color: #b81c16;
  transition: var(--transition);
}
.accordion-button:not(.collapsed)::after{ content:"\f2ea"; }
.accordion-body{color: var(--text-muted);padding: 0 8px 20px;font-size: 18px;}

/* =========================== FOOTER =========================== */
.site-footer{
  background: var(--navy);
  color:#c3c9e6;
  padding-top: 60px;
}
.site-footer h6{ color:#fff; font-weight:700; margin-bottom:18px; }
.site-footer a{ color:#c3c9e6; transition: var(--transition); }
.site-footer a:hover{ color: var(--orange); padding-left:4px; }
.site-footer ul{ list-style:none; padding:0; }
.site-footer ul li{ margin-bottom:9px; font-size:.9rem; }
.site-footer .social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%;
  background: rgba(255,255,255,.08);
  margin-right:8px;
}
.site-footer .social a:hover{ background: var(--orange); transform: translateY(-4px); padding-left:0; }
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,.1);
  margin-top: 40px;
  padding: 16px 0;
  font-size:.82rem;
}
.world-dots{ opacity:.35; }

/* =========================== PAGE HEADER (internal pages) =========================== */
.page-header{
  background: linear-gradient(120deg, #eaf0ff 0%, #dfe8ff 55%, #f3e9ff 100%);
  padding: 70px 0 50px;
  text-align:center;
}
.page-header h1{ font-size:2.4rem; }
.page-header .breadcrumb{ justify-content:center; margin-bottom:0; }
.page-header .breadcrumb a{ color: var(--navy); font-weight:600; }
.page-header .breadcrumb-item.active{ color: var(--orange); font-weight:600; }

/* generic content card used across internal pages */
.info-card{
  border:1px solid #eceff8;
  border-radius: var(--radius-md);
  padding: 26px;
  height:100%;
  transition: var(--transition);
  background:#fff;
}
.info-card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-8px); border-color:transparent; }
.info-card .icon-circle{
  width:56px; height:56px; border-radius:50%;
  background: var(--navy-soft); color: var(--navy);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; margin-bottom:16px;
  transition: var(--transition);
}
.info-card:hover .icon-circle{ background: var(--orange); color:#fff; }

.country-card{
  border-radius: var(--radius-md);
  overflow:hidden;
  position:relative;
  height: 260px;
  box-shadow: var(--shadow-soft);
}
.country-card img{ width:100%; height:100%; object-fit:cover; transition: var(--transition); }
.country-card .overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(13,27,76,0) 30%, rgba(13,27,76,.85) 100%);
  display:flex; align-items:flex-end;
  padding:18px;
}
.country-card h5{ color:#fff; margin:0; }
.country-card:hover img{ transform: scale(1.12); }

.gallery-item{
  border-radius: var(--radius-md);
  overflow:hidden;
  position:relative;
  margin-bottom: 20px;
}
.gallery-item img{ width:100%; display:block; transition: var(--transition); }
.gallery-item .overlay{
  position:absolute; inset:0;
  background: rgba(13,27,76,.55);
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition: var(--transition);
  color:#fff; font-size:1.6rem;
}
.gallery-item:hover .overlay{ opacity:1; }
.gallery-item:hover img{ transform: scale(1.1); }

.blog-card{
  border-radius: var(--radius-md);
  overflow:hidden;
  border:1px solid #eceff8;
  transition: var(--transition);
  height:100%;
}
.blog-card img{ width:100%; height:210px; object-fit:cover; transition: var(--transition); }
.blog-card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-8px); }
.blog-card:hover img{ transform: scale(1.08); }
.blog-card .content{ padding:20px; }
.blog-card .meta{ font-size:.78rem; color: var(--orange); font-weight:600; margin-bottom:8px; }
.blog-card h5 a{ color: var(--navy); }
.blog-card h5 a:hover{ color: var(--orange); }

.contact-info-card{
  display:flex; gap:16px; align-items:flex-start;
  padding:22px;
  border-radius: var(--radius-md);
  border:1px solid #eceff8;
  transition: var(--transition);
}
.contact-info-card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-6px); }
.contact-info-card .icon-circle{
  width:50px; height:50px; border-radius:50%;
  background: var(--navy-soft); color: var(--navy);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; font-size:1.2rem;
}

.university-card{
  border:1px solid #eceff8; border-radius: var(--radius-md);
  padding:24px; text-align:center; height:100%;
  transition: var(--transition);
}
.university-card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-8px); }
.university-card img{ height:70px; object-fit:contain; margin-bottom:16px; }

.course-card{
  border:1px solid #eceff8; border-radius: var(--radius-md);
  overflow:hidden; height:100%; transition: var(--transition);
}
.course-card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-8px); }
.course-card img{ width:100%; height:170px; object-fit:cover; }
.course-card .content{ padding:18px; }
.course-card .level-badge{
  background: var(--navy-soft); color: var(--navy);
  font-size:.72rem; font-weight:700; padding:4px 10px; border-radius:20px;
}

/* back to top */
.back-to-top{
  position: fixed;
  right: 22px;
  bottom: 22px;
  width:46px;
  height:46px;
  border-radius:50%;
  background: #b81c16;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: var(--shadow-hover);
  opacity:0;
  visibility:hidden;
  transform: translateY(10px);
  transition: var(--transition);
  z-index: 999;
  font-size:1.2rem;
}
.back-to-top.show{ opacity:1; visibility:visible; transform:translateY(0); }
.back-to-top:hover{ background: var(--navy); color:#fff; }

/* WhatsApp floating */
.whatsapp-float{
  position: fixed; left:22px; bottom:22px;
  width:52px; height:52px; border-radius:50%;
  background:#25d366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:1.6rem;
  box-shadow: var(--shadow-hover);
  z-index:999;
  transition: var(--transition);
}
.whatsapp-float:hover{ transform: scale(1.1); color:#fff; }

/* =========================== RESPONSIVE =========================== */
@media (max-width: 991px){
  .hero-slide{ min-height:auto; padding: 40px 0; text-align:center; }
  .hero-slide p.lead-text{ margin-left:auto; margin-right:auto; }
  .hero-slide .hero-img-wrap{ margin-top:30px; }
  .feature-cards{ margin-top: 20px; }
  .enroll-ribbon{ display:none; }
  .main-navbar .navbar-phone{ display:none; }
}
@media (max-width: 767px){
  .hero-slide h1{ font-size:2.1rem; }
  .stats-section .stat-item{ margin-bottom:14px; }
  .experience-badge .num{ font-size:1.5rem; }
  .page-header{ padding: 50px 0 34px; }
  .page-header h1{ font-size:1.7rem; }
}
.container-fluid{
    width: 97%;
}
.logo{
    width: 124px;
}
.logo img{
    width: 100%;
}
.title span{
    color: #b81c16;
}
.colorwhite{
    color: #222222;
}
.contectform{
   background: #f7f7f7;
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: 5px 7px 10px #e5e0e0; 
}
.addresstxt{
    font-size: 18px;
    font-weight: 600;
    color: #2163af;
}
.addresstxt span{
    color: #0092ca;
}
.expertise-card {
  background: #ffffff;
  border-radius: var(--card-radius);
  box-shadow: 0 1px 5px rgba(15, 37, 64, 0.12);
  overflow: hidden;
}

/* ---- Left photo ---- */
.expertise-photo-col {
  padding: 0;
}

.expertise-photo-wrap {
  position: relative;
  height: 100%;
  min-height: 320px;
  overflow: hidden;
}

.expertise-photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.expertise-card:hover .expertise-photo-wrap img {
  transform: scale(1.04);
}

/* ---- Right content ---- */
.expertise-content {
  padding: 1rem 2rem 1rem 2rem;
}

.expertise-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #d7dee7;
  border-radius: 999px;
  padding: 0.45rem 1.1rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--navy);
  background: #fbfcfd;
  transition: background 0.25s ease, border-color 0.25s ease;
}

.expertise-badge:hover {
  background: #f0f4fa;
  border-color: var(--orange);
}

.expertise-title {
  font-weight: 600;
  font-size: 1.7rem;
  color: var(--navy-dark);
  margin-top: 5px;
  margin-bottom: 3px;
}

.expertise-title span {
  color: var(--orange);
}

.title-underline {
  width: 60px;
  height: 4px;
  background: var(--orange);
  border-radius: 2px;
  margin-bottom: 1.6rem;
}

/* ---- Feature rows ---- */
.feature-row {
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
  padding: 1.1rem 0;
  border-bottom: 1px dashed #dfe4ea;
  transition: transform 0.25s ease;
}

.feature-row:last-child {
  border-bottom: none;
}

.feature-row:hover {
  transform: translateX(6px);
}

.feature-icon {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.3rem;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 6px 14px rgba(22, 52, 89, 0.25);
}

.feature-row:hover .feature-icon {
  background: var(--orange);
  transform: rotate(-8deg) scale(1.08);
  box-shadow: 0 8px 18px rgba(244, 121, 31, 0.35);
}

.feature-text {
  font-size: 0.98rem;
  line-height: 1.6;
  color: var(--text-muted);
  margin: 0;
  padding-top: 0.3rem;
}

.feature-text strong {
  color: var(--navy-dark);
  font-weight: 700;
}

/* ---- Responsive ---- */
@media (max-width: 991.98px) {
  .expertise-photo-wrap {
    min-height: 260px;
  }
  .expertise-content {
    padding: 2rem 1.75rem;
  }
  .expertise-title {
    font-size: 2rem;
  }
}

@media (max-width: 575.98px) {
  .expertise-title {
    font-size: 1.7rem;
  }
  .feature-icon {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
  }
  .expertise-content {
    padding: 1.5rem 1.25rem;
  }
}
.dropdown:hover .dropdown-menu{
    display: block;
}
.testaligncenter{
    text-align: center;
    margin-bottom: 5px !important;
}
.logoimg{
    border: 1px solid #2263af;
    border-bottom: 3px solid #2263af;
    border-radius: 5px 5px 30px 30px;
}
.logoimg img{
    
    border-radius: 5px 5px 30px 30px;
}
.logoimg:hover{
        box-shadow: 6px 6px 6px #0f91ca8c;
}
.sectionpad{
    padding: 30px 0;
}
.middelline{
    width: 10%;
    height: 3px;
    background: #f47c01;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.gallery-section {
    padding: 60px 0;
  }

  .gallery-heading {
    text-align: center;
    margin-bottom: 45px;
  }

  .gallery-heading h2 {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 2.3rem;
  }

  .gallery-heading h2 span {
    color: var(--gallery-accent);
  }

  .gallery-heading p {
    color: var(--gallery-muted);
    font-size: 1rem;
    margin-top: 10px;
  }

  .gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 25px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.35);
  }

  .gallery-item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease, filter 0.5s ease;
  }

  .gallery-item:hover img {
    transform: scale(1.12);
    filter: brightness(0.6);
  }

  .gallery-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 18px;
    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent 60%);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .gallery-item:hover .gallery-overlay {
    opacity: 1;
  }

  .gallery-overlay h5 {
    margin: 0;
    font-weight: 600;
    font-size: 1.1rem;
  }

  .gallery-overlay p {
    margin: 0;
    font-size: 0.85rem;
    color: var(--gallery-muted);
  }

  .gallery-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--gallery-accent);
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.4s ease;
  }

  .gallery-item:hover .gallery-icon {
    opacity: 1;
    transform: translateY(0);
  }

  .modal-content {
    background-color: #15171c;
    border: none;
    border-radius: 12px;
  }

  .modal-body img {
    width: 100%;
    border-radius: 8px;
  }

  .btn-close {
    filter: invert(1);
  }

  @media (max-width: 767.98px) {
    .gallery-heading h2 {
      font-size: 1.7rem;
    }
    .gallery-item img {
      height: 200px;
    }
  }

  @media (max-width: 575.98px) {
    .gallery-section {
      padding: 40px 0;
    }
    .gallery-item img {
      height: 220px;
    }
  }
.closebtn {
        position: absolute;
    right: -10px;
    top: -10px;
    background: #000000 !important;
    border-radius: 22px;
    border: 2px solid #fff !important;
    color: #fffcfc;
    font-size: 25px;
    padding: 5px 8px !important;
    opacity: 1 !important;
    z-index: 99;
    width: 2.5%;
    line-height: 1;
}
.modalbody{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.modallg{
            --bs-modal-width: 550px;
}
.site-footer .social a:hover{
    color:#fff;
}
.socialicon a:hover{
    color:#fff;
}
.martop-15{
    margin-top: 20px;
}
.about-list{
   margin-bottom: 2rem; 
}

.box {
  position: relative;
  z-index: -1; /* stacking context create karta hai */
}

.box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/banner-2.png) no-repeat center/cover;
  z-index: -1; /* box ke andar sabse peeche */
}

.box > * {
  position: relative;
  z-index: -1; /* content hamesha upar rahega */
}

.card {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
}

/* Background image layer */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/student_visa.png) no-repeat center/cover;
  z-index: 1;
}

/* Color overlay layer - upar wali tint */
.card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 68, 0.75); /* dark navy blue tint */
  z-index: 2;
  transition: background 0.4s ease;
}

/* Hover par overlay color change */
.card:hover::after {
  background: rgb(184 28 22 / 77%); /* orange tint on hover */
}

/* Image ko halka dim/soft dikhane ke liye */
.card::before {
  filter: brightness(0.9) saturate(0.9);
}

/* Content hamesha sabse upar */
.card-content {
  position: relative;
  z-index: 3;
  padding: 0px 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.cardd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/career.png) no-repeat center/cover;
  z-index: 1;
}
.carddd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/univercity.png) no-repeat center/cover;
  z-index: 1;
}
.cardddd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/visa_filing.png) no-repeat center/cover;
  z-index: 1;
}
.services-section{
    position:relative;
    padding: 70px 0 100px;
    overflow:hidden;
    background: #f7f8fc;
  }

  .services-section::before{
    content:"";
    position:absolute;
    top:-120px; right:-120px;
    width:340px; height:340px;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%, rgba(249,115,22,.10), rgba(249,115,22,0) 70%);
    z-index:0;
  }

  .services-section::after{
    content:"";
    position:absolute;
    bottom:-140px; left:-140px;
    width:380px; height:380px;
    border-radius:50%;
    background:radial-gradient(circle at 60% 60%, rgba(67,56,202,.08), rgba(67,56,202,0) 70%);
    z-index:0;
  }

  .services-section .container{
    position:relative;
    z-index:1;
  }

  .badge-pill{
    display:inline-block;
    padding:7px 18px;
    font-size:.78rem;
    font-weight:600;
    letter-spacing:.3px;
    color:var(--peach1);
    background:linear-gradient(90deg,#fff2e6,#fff8ea);
    border:1px solid #ffe0bf;
    border-radius:30px;
  }

  .section-title{
    font-weight:600;
    font-size:2.6rem;
    margin-top:18px;
    margin-bottom:14px;
    letter-spacing:-0.5px;
  }

  .section-sub{
    color:var(--muted);
    font-size:1.05rem;
    max-width:520px;
    line-height:1.7;
  }

  .hero-img-wrap{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    /* box-shadow:var(--card-shadow); */
  }

  .hero-img-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    /* background:linear-gradient(180deg, rgba(27,20,64,0) 40%, rgba(27,20,64,.35) 100%); */
  }

  .hero-img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    transition:transform .6s ease;
  }

  .hero-img-wrap:hover .hero-img{
    transform:scale(1.05);
  }

  .service-card{
    position:relative;
    background:#fff;
    border-radius:18px;
    padding:34px 30px 30px;
    height:100%;
    box-shadow:var(--card-shadow);
    overflow:hidden;
    transition:transform .35s ease, box-shadow .35s ease;
    text-align: justify;
  }

  .service-card::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:5px;
    background:linear-gradient(90deg,var(--peach1),var(--peach2));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s ease;
  }

  .service-card:hover{
    transform:translateY(-10px);
    box-shadow:var(--card-shadow-hover);
  }

  .service-card:hover::before{
    transform:scaleX(1);
  }

  .icon-wrap{
    position:relative;
    width:68px;
    height:68px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.6rem;
    margin-bottom:24px;
    transition:transform .35s ease, box-shadow .35s ease;
  }

  .icon-wrap::before{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:22px;
    border:1.5px dashed currentColor;
    opacity:0;
    transition:opacity .35s ease, transform .35s ease;
    transform:scale(.85);
  }

  .service-card:hover .icon-wrap{
    transform:scale(1.06) rotate(-3deg);
  }

  .service-card:hover .icon-wrap::before{
    opacity:.35;
    transform:scale(1);
  }

  .icon-orange{ background:linear-gradient(145deg,var(--orange-bg),#ffffff); color:var(--orange-icon); }
  .icon-blue{ background:linear-gradient(145deg,var(--blue-bg),#ffffff); color:var(--blue-icon); }
  .icon-purple{ background:linear-gradient(145deg,var(--purple-bg),#ffffff); color:var(--purple-icon); }

  .service-title{
    font-weight:700;
    font-size:1.25rem;
    margin-bottom:12px;
  }

  .service-text{
    color:var(--muted);
    font-size:.95rem;
    line-height:1.65;
    margin-bottom:22px;
  }

  .read-more-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.9rem;
    font-weight:600;
    color:var(--ink);
    text-decoration:none;
    padding:0;
    border:none;
    background:none;
    position:relative;
  }

  .read-more-btn .arrow{
    transition:transform .3s ease;
    font-size:1rem;
  }

  .read-more-btn::after{
    content:"";
    position:absolute;
    left:0; bottom:-3px;
    width:0;
    height:2px;
    background:var(--peach1);
    transition:width .3s ease;
  }

  .read-more-btn:hover{
    color:var(--peach1);
  }

  .read-more-btn:hover::after{
    width:100%;
  }

  .read-more-btn:hover .arrow{
    transform:translateX(5px);
  }

  @media (max-width: 767.98px){
    .services-section{ padding:60px 0 70px; }
    .section-title{ font-size:1.9rem; }
    .section-sub{ font-size:.95rem; max-width:100%; }
    .hero-img{ height:220px; }
  }
 .wcu-section{
    background: #ffffff;
    padding:80px 0 90px;
    font-family:'Inter', sans-serif;
    color:var(--ink);
  }

  .wcu-heading{
    text-align:center;
    /* font-family:'Fraunces', serif; */
    font-weight: 600;
    font-size: 32px;
    color:var(--navy);
    margin-bottom: 15px;
    letter-spacing:0.2px;
  }

  .wcu-rule{
    width:64px;
    height:3px;
    background: #b81c16;
    margin: 0 auto 40px;
    border-radius:2px;
  }

  .wcu-card{
    background:#ffffff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:14px 14px 20px;
    height:100%;
    text-align:left;
    transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;
  }

  .wcu-card:hover{
    box-shadow:0 14px 30px rgba(11,37,69,0.10);
    transform:translateY(-4px);
    border-color:var(--gold-soft);
  }

  .wcu-img-wrap{
    width:100%;
    aspect-ratio:4/3;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:18px;
  }

  .wcu-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .wcu-card h3{
    font-family:'Fraunces', serif;
    font-weight:700;
    font-size:1.2rem;
    color:var(--navy);
    margin:0 0 0 2px;
    line-height:1.4;
    text-align: center;
  }

  /* Owl carousel tweaks */
  .wcu-carousel .owl-stage-outer{
    padding:6px 2px 28px;
  }

  .wcu-carousel .owl-dots{
    text-align:center;
    margin-top:6px;
  }

  .wcu-carousel .owl-dot span{
    width:9px;
    height:9px;
    margin:4px;
    background:var(--line);
  }

  .wcu-carousel .owl-dot.active span,
  .wcu-carousel .owl-dot:hover span{
    background:var(--gold);
  }

  .wcu-carousel .owl-nav button.owl-prev,
  .wcu-carousel .owl-nav button.owl-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:#ffffff !important;
    border:1px solid var(--line) !important;
    color:var(--navy) !important;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 6px 16px rgba(11,37,69,0.08);
  }

  .wcu-carousel .owl-nav button.owl-prev{ left:-14px; }
  .wcu-carousel .owl-nav button.owl-next{ right:-14px; }

  @media (max-width: 991px){
    .wcu-carousel .owl-nav{ display:none; }
  }

  @media (max-width: 576px){
    .wcu-heading{ font-size:2rem; }
    .wcu-section{ padding:60px 0 70px; }
  }
.counting{
    background: #f9f9f9;
    padding: 40px 0px;
}
.wcucarousel{
    padding: 40px 0px;
}
.comlogo{
    background: #fff;
    border-radius: 20px;
}
.comlogo img{
    border-radius: 20px;
}
.destinationn{
    padding: 60px 0px;
}
 .page-wrap{
    padding: 0px 16px;
  }

  .dest-card{
    position:relative;
    height:320px;
    border-radius:var(--card-radius);
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    cursor:pointer;
    isolation:isolate;
  }

  .dest-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .55s ease;
  }

  .dest-card:hover img{
    transform:scale(1.08);
  }

  /* dark gradient so text stays readable */
  .dest-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 65%);
    z-index:1;
    transition:background .35s ease;
  }

  .dest-card:hover::after{
    background:linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.25) 50%, rgba(0,0,0,.05) 70%);
  }

  .badge-pill{
    position:absolute;
    top:16px;
    left:16px;
    z-index:2;
    background: #b81c16;
    color:#fff;
    font-weight:600;
    font-size:.78rem;
    padding:6px 14px;
    border-radius:20px;
    box-shadow:0 3px 8px rgba(0,0,0,.25);
    transition:transform .3s ease, background .3s ease;
  }

  .dest-card:hover .badge-pill{
    transform:translateY(-2px);
    background:var(--accent-orange-dark);
  }

  .info-box{
    position:absolute;
    left:16px;
    right:16px;
    bottom:16px;
    z-index:2;
    color:#fff;
  }

  .flag-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:16px;
    font-size:.68rem;
    font-weight:700;
    background:rgba(255,255,255,.25);
    border-radius:3px;
    margin-right:6px;
    vertical-align:middle;
    letter-spacing:.5px;
  }

  .country-title{
    font-size: 20px;
    font-weight: 600;
    margin:0 0 4px 0;
    display:flex;
    align-items:center;
    text-shadow:0 2px 6px rgba(0,0,0,.4);
    color: #fff;
  }

  .country-sub{
    font-size:.88rem;
    color:rgba(255,255,255,.9);
    margin-bottom:10px;
    text-shadow:0 1px 4px rgba(0,0,0,.4);
  }

  .bottom-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }

  .uni-badge{
    background:rgba(255,255,255,.18);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    border:1px solid rgba(255,255,255,.35);
    color:#fff;
    font-weight:700;
    font-size:.82rem;
    padding:8px 14px;
    border-radius:10px;
    white-space:nowrap;
    transition:background .3s ease, transform .3s ease;
  }

  .dest-card:hover .uni-badge{
    background:rgba(255,255,255,.3);
    transform:translateY(-2px);
  }

  .know-more{
    color:var(--accent-orange);
    font-weight:700;
    font-size:.9rem;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:gap .25s ease, color .25s ease;
  }

  .know-more svg{
    transition:transform .3s ease;
  }

  .dest-card:hover .know-more{
    gap:10px;
    color:#ffb84d;
  }

  .dest-card:hover .know-more svg{
    transform:translateX(4px);
  }

  @media (max-width:767px){
    .dest-card{ height:260px; }
    .country-title{ font-size:1.3rem; }
  }
.textcenter{
    text-align: center !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
}
.mt-10{
    margin-top: 10px;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #e1e1e1 !important;
}
.titleeee{
    color: #fff;
}
.titleeee span{
    color: #ffb703;
}
.colorwhite{
    color:#fff;
}
.redspan span{
    color:#b81c16;
}
.fixed-bottom{
    display:none;
}
.forsystem{
    display:block;
}
.formobile{
    display:none;
}
.detailtext h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
}
.detailtext h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
}
/* Demo trigger button on the page */
  .btn-gold{
    background: #b81c16;
    border: 1px solid #b81c16;
    color:#fff;
    font-weight:600;
    padding:.75rem 1.8rem;
    border-radius:6px;
    transition:.2s ease;
  }
  .btn-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);color: #b81c16;}

  /* ===== MODAL ===== */
  .modal-counsel .modal-content{
    border-radius:16px;
    overflow:hidden;
    border:none;
  }
  .modal-counsel .modal-side{
    background:linear-gradient(160deg, var(--ink), var(--ink-2));
    color:#fff;
    padding:2.2rem;
    position:relative;
    height:100%;
  }
  .modal-counsel .modal-side::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0 2px, transparent 2px 14px);
  }
  .modal-counsel .modal-side > *{position:relative;}
  .modal-counsel .stamp-circle{
    width:64px;
    height:64px;
    border-radius:50%;
    border: 1px dashed rgb(255 255 255 / 50%);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.6rem;
    color: #ffffff;
    margin-bottom:1.2rem;
  }
  .modal-counsel .modal-side h4{color:#fff;font-size:1.5rem;}
  .modal-counsel .modal-side p{color:#C6CCD8;font-size:.9rem;}
  .modal-counsel .modal-side ul{font-size:.85rem;color:#C6CCD8;}

  .modal-counsel .form-label{font-size:.82rem;font-weight:600;color:var(--ink);}
  .modal-counsel .form-control,.modal-counsel .form-select{
    border-radius:7px;border:1px solid var(--line);padding:.6rem .8rem;font-size:.92rem;
  }
  .modal-counsel .form-control:focus,.modal-counsel .form-select:focus{
    border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(185,134,62,.15);
  }
  .modal-counsel .modal-header{border-bottom:none;padding-bottom:0;}
  .faqscroll{
      display: flex;
      margin-top: 0px;
  }
  .socialicon img{
      border-radius:50px;
  }
  .headericon {
          line-height: 1;
  }
  .footericon a img{
      border-radius:50px;
  }
  .contactinfocard{
      padding: 19px 22px;
  }
  .mt100{
      margin-top: 13px;
  }
  .dflex{
      display:flex;
  }
  .dflex a{
      width: max-content;
  }
  .inlineend{
      float: inline-end;
  }
@media only screen and (max-width: 600px) {
    .faqscroll{
      display: block;
  }
    .forsystem{
        display:none;
    }
    .formobile{
        display:block;
    }
    .hero-slide h1 {
        font-size: 2.1rem;
        text-align: left;
    }
    .hero-slide p.lead-text {
        text-align: left;
    }
    .morder2{
        order:2;
    }
    .wcu-heading {
        font-size: 24px;
    }
.stat-item .num {
    font-size: 18px;
    font-weight: 600;
    color: var(--navy);
}
.stat-item .stat-icon {
    width: 40px;
    height: 40px;
}
.stats-section{
    padding-bottom: 0px;
}
.dest-card{
    margin-bottom:0px;
}
.paddtop30{
    padding-top:30px;
}
.whatsapp-float{
    display:none;
}
 /*fixed bottom*/
  .fixed-bottom {
      z-index: 3;
      display: block;
  }

  .fixed-bottom {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1030;
  }

  .sectionpdd {
      padding: 0px !important;
  }

  .link-on-bottom .mobile-bottom-link {
      margin-bottom: 0;
      background-color: #fff;
      border-top: 1px solid #e2e6ef;
      border-bottom: 1px solid #e2e6ef;
  }

  .flex-layout.no-wrap {
      flex-wrap: nowrap;
  }

  .list-unstyled {
      padding-left: 0;
      list-style: none;
  }

  .space-between {
      justify-content: space-between;
  }

  .flex-layout {
      flex-wrap: wrap;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  }

  .link-on-bottom .mobile-bottom-link li {
      flex: 0 0 20%;
      max-width: 25%;
  }

  .link-on-bottom .mobile-bottom-link li {
      margin-bottom: 0;
      flex: 1;
  }

  .link-on-bottom .mobile-bottom-link li a:not(:hover) {
      color: #99a2b5;
      visibility: visible !important;
  }

  .link-on-bottom .mobile-bottom-link li a {
      padding: 7px 2px;
      display: block;
      text-align: center;
      line-height: 1;
      font-size: 12px;
      margin-top: 0px;
      visibility: visible !important;
  }

  .link-on-bottom .mobile-bottom-link li a span {
      color: #9f9f9f;
  }

  .link-on-bottom .mobile-bottom-link li a span {
      display: block;
      font-size: 17px;
      margin-bottom: 9px;
  }

  .link-on-bottom .mobile-bottom-link li a img {
      width: 35%;
      margin-bottom: 4px;
  }
  /*fixed bottom end*/
  .back-to-top {
    bottom: 74px;
}
.footer-bottom {
    padding-bottom: 75px;
}
.mobfooter .accordion-button {
    padding: 10px 8px;
        color: #fefeff;
}
.mobfooter .accordion-button::after {
    background-image: none;
    content: "\f4fe";
    font-family: "bootstrap-icons";
    font-size: 22px;
    color: #ffffff;
    transition: var(--transition);
}
.mobfooter .accordion-button:not(.collapsed) {
    color: #ffffff;
    background: transparent;
    box-shadow: none;
}
    .wcucarousel {
    padding: 0px 0px;
}
    .destinationn {
    padding: 25px 0px;
}
    .wcu-rule {
    margin: 0 auto 20px;
    border-radius: 2px;
}
.hero-slide .eyebrow {
    font-size: 12px;
    text-align: left;
}
.hero-slide h1 {
        font-size: 25px;
        text-align: left;
    }
    .card{
        margin-bottom:0px;
    }
    .feature-cards{
        padding-bottom:15px;
    }
    .services-section {
        padding: 40px 0 40px;
    }
    .service-card{
        margin-bottom:15px;
    }
    .wcu-section {
        padding: 40px 0 40px;
    }
    .stats-section {
    padding: 0px 20px;
}
.comlogo {
    margin-bottom: 15px;
}
.stats-section .stat-item{
    margin-bottom :0;
}
.mmb0{
    margin-bottom:0rem!important;
}
.mb15{
     margin-bottom:15px !important;
}
.testimonial-card{
    height:277px;
}
.testimonial-owl .owl-dots{
    display:none;
}
.testimonial-card{
    margin-bottom:0px;
}
.wcu-carousel .owl-stage-outer {
    padding: 6px 2px 15px;
}
.wcu-card h3{
    font-size:14px;
}
.hero-slider .owl-dots{
    display:none;
}
.feature-cards {
    margin-top: 0px;
}
.site-footer ul li {
    margin-bottom: 9px;
    font-size: .9rem;
    color: #e7e7e7;
}
.site-footer ul li a{
    color: #e7e7e7;
}
.social a img{
    border-radius:50px;
}
.oreder22{
    order:2;
}
.hero-slide{
    padding-top: 0px;
}
.hero-slide .hero-img-wrap img.student{
    padding-bottom: 10px;
}
.stats-section {
        padding: 0px 0px;
    }
    .stat-item {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: left;
    transition: var(--transition);
    padding: 10px 5px;
    border-radius: var(--radius-md);
    background: #fff;
    text-align: left;
}
.stat-item .label {
    font-size: 12px;
    color: var(--text-muted);
}
    .stats-section .stat-item {
        min-height: 83px;
    }
    .comlogo img {
    border-radius: 5px;
}
.mb5{
    margin-bottom:0px !important;
}
.faqscroll{
        overflow: scroll;
        height: 400px;
        background: #fff;
        width: 91%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 5px;
}
.btn-orange {
    background: #0d1b4c;
    color: #fff;
    border-radius: 50px;
    padding: 5px 8px;
    font-weight: 600;
    border: 2px solid #0d1b4c;
    transition: var(--transition);
}
.contectform {
    background: #f7f7f7;
    padding: 20px 15px;
    border-radius: 20px;
    box-shadow: 5px 7px 10px #e5e0e0;
}
.contact-info-card {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 15px 10px;
    border-radius: var(--radius-md);
    border: 1px solid #eceff8;
    transition: var(--transition);
}
}