/*

TemplateMo 569 Edu Meeting

https://templatemo.com/tm-569-edu-meeting

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh; 
}



main {
  flex: 1;
  padding-top: 0px; /* space for fixed header */
}


a {
  text-decoration: none !important;
  color: rgb(244, 228, 6);
}

a:hover {
	color: #FC3;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color:#fff
}

img {
  width: 100%;
  overflow: hidden;
}
header::before,
.overlay {
  background-color: rgba(0, 0, 0, 0.5); /* dark overlay */
}
/* .logo img {
  opacity: 500 !important;
} */

.logo img {
  filter: none !important;
  opacity: 1 !important;
  background-image: none !important;
} 

/* -------------------------------------------------------------
whatsapp
----------------------------------------------------------------- */
.whatsapp-chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

.whatsapp-chat img {
  width: 60px;
  height: 60px;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}

.whatsapp-chat img:hover {
  transform: scale(1.1);
}

.chat-popup {
  display: none;
  position: absolute;
  bottom: 80px;
  right: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  padding: 15px;
  width: 220px;
}

.chat-popup p {
  margin: 0 0 10px;
  font-size: 14px;
  color: #333;
}

.chat-btn {
  display: block;
  background: #25D366;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
}
.chat-popup.show {
  display: block;
}

/* Animation effect */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

/* General form styles */
.contact-form .form-group {
  position: relative;
  margin-bottom: 25px;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  font-size: 16px;
  background: none;
}

.contact-form label {
  position: absolute;
  left: 12px;
  top: 12px;
  color: #777;
  font-size: 14px;
  transition: 0.3s ease;
  pointer-events: none;
}

/* Floating label effect */
.contact-form input:focus + label,
.contact-form input:not(:placeholder-shown) + label,
.contact-form textarea:focus + label,
.contact-form textarea:not(:placeholder-shown) + label,
.contact-form select:focus + label,
.contact-form select:valid + label {
  top: -10px;
  left: 8px;
  font-size: 12px;
  background: #fff;
  padding: 0 4px;
  color: #0d6efd;
}

/* Dropdown styling */
.contact-form select {
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'><path fill='gray' d='M7 10l5 5 5-5z'/></svg>") no-repeat right 12px center;
  background-size: 14px;
  cursor: pointer;
}


/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #f5a425;
  color: #ffffff;
}

::-moz-selection {
  background: #f5a425;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.main-button-red a {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button-red a:hover {
  opacity: 0.9;
}

.main-button-yellow a {
  font-size: 13px;
  color: #fff;
  background-color: #f5a425;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button-yellow a:hover {
  opacity: 0.9;
}

.section-heading h2 {
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 50px; 
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

/* Add this only for non-index pages */
body:not(.index) main,
body:not(.index) .page-content {
  margin-top: 12px; /* adjust based on your header+sub-header height */
}




 .sub-header {
  background-color: #1f272b;
  position: relative;
  z-index: 1111;
  top: 0;
  margin-top: 0px;
} 




.sub-header .left-content p {
  color: #fff;
  padding: 8px 0px;
  font-size: 13px;
}

.sub-header .left-content ul {
  display: flex;          /* Put items in a row */
  align-items: center;    /* Vertically center them */
  gap: 20px;              /* Space between email & phone */
  list-style: none;       /* Remove bullets */
  padding: 8px 0px;
  margin: 0;
}

.sub-header .left-content ul li {
  display: flex;
  align-items: center;
}

.sub-header .left-content ul li a {
  color: #fff;            /* Match your theme color */
  font-size: 13px;
  text-decoration: none;
}

.sub-header .left-content ul li a i {
  margin-right: 5px;      /* Space between icon & text */
}


.sub-header .right-icons {
  text-align: right;
  padding: 8px 0px;
}

.sub-header .right-icons ul li {
  display: inline-block;
  margin-left: 15px;
}

.sub-header .right-icons ul li a {
  color: #fff;
  font-size: 14px;
  transition: all .3s;
}

.sub-header .right-icons ul li a:hover {
  color: #f5a425;
}

.sub-header .left-content p em {
   font-style: normal;
   color: #f5a425;
}

.background-header {
  background-color: #fff!important;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .main-nav .nav li:hover a {
  color: #fb5849!important;
}

.background-header .nav li a.active {
  color: #fb5849!important;
}

.header-area {
  background-color: rgb(250, 250, 250);
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 1000;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 100px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.background-header .main-nav .logo {
  line-height: 75px;
}

.background-header .nav {
  margin-top: 20px !important;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 30px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 15px;
  padding-right: 15px;
}

.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #0f0f0f;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #f5a425!important;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #f5a425!important;
  opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
  position: relative;
  padding-right: 15px;
}

.header-area .main-nav .nav li.has-sub:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 12px;
}

.background-header .main-nav .nav li.has-sub:after {
  color: #1e1e1e;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  transition: all .3s;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
  background: #fff;
  color: #f5a425!important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 80px;
}

.header-area .nav {
  margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
  color: #f5a425;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 7px;
    padding-right: 7px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 10px 15px;
    /* height: 100px;  */
    height: auto;
    box-shadow: none;
    text-align: left;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 100px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #f5a425!important;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}


/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  margin-bottom: -7px;
}

#bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;
}

#bg-video::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    position: absolute;
    background-color: rgba(31,39,43,0.75);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.main-banner .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h2 em {
  font-style: normal;
  color: #f5a425;
  font-weight: 900;
}

.main-banner .caption p {
  color: #fff;
  font-size: 14px;
  max-width: 570px;
}

.main-banner .caption .main-button-red {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {

  .main-banner .caption h6 {
    font-weight: 500;
  }

  .main-banner .caption h2 {
    font-size: 36px;
  }

}


/*
---------------------------------------------
services
---------------------------------------------
*/

 .services {
  padding: 60px 20px;
  background: #f8f9fa;
  text-align: center;
}

.section-title {
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #333;
  font-weight: bold;
}

.service-card {
  position: relative;
  height: 380px;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.service-card:hover {
  transform: scale(1.05);
}

.service-card .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.service-card .content {
  position: relative;
  color: #fff;
  text-align: center;
  z-index: 2;
  padding: 20px;
}

.flag-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  margin: 0 auto 15px;
}

.flag-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: waveFlag 2s infinite ease-in-out;
  transform-origin: left center; /* looks like flagpole side */
}

.service-card h3 {
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.service-card p {
  font-size: 1rem;
  line-height: 1.5;
  color: #eee;
}


@keyframes waveFlag {
  0% { transform: perspective(200px) rotateY(0deg); }
  25% { transform: perspective(200px) rotateY(8deg); }
  50% { transform: perspective(200px) rotateY(-8deg); }
  75% { transform: perspective(200px) rotateY(8deg); }
  100% { transform: perspective(200px) rotateY(0deg); }
}





/* ========== Universities Section ========== */
.universities {
  padding: 17px 0;
  background: linear-gradient(135deg, #f9f9f9, #eef5ff);
  font-family: 'Poppins', sans-serif;
}

/* Section Heading */
.universities .section-heading h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #1f3c88;
}

.universities .section-heading p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 50px;
}



/* University Grid */
.university-grid {
  display: grid;
  grid-template-columns: repeat(5, 260px);
  justify-content: center;
  gap: 30px;
}


.university-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.university-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

/* Image Styling */
.university-image {
  position: relative;
  overflow: hidden;
}

.university-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.university-card:hover .university-image img {
  transform: scale(1.1);
}

/* Overlay on hover */
.university-image .overlay {
  position: absolute;
  inset: 0;
  background: rgba(31, 60, 136, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.university-card:hover .overlay {
  opacity: 1;
}

/* Explore Button */
.btn-explore {
  background: #fff;
  color: #1f3c88;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-explore:hover {
  background: #ff6b6b;
  color: #fff;
  transform: scale(1.05);
}

/* University Info */
.university-info {
  padding: 20px;
  text-align: center;
}

.university-info h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1f3c88;
  margin-bottom: 10px;
}

.university-info p {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* CTA Courses Section */
.cta-courses {
  margin-top: 60px;
  padding: 40px;
  border-radius: 20px;
  background: linear-gradient(135deg, #1f3c88, #4a69bd);
  color: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.cta-courses h4 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.course-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-bottom: 25px;
}

.course-list li {
  list-style: none;
}

.course-list a {
  background: #fff;
  color: #1f3c88;
  padding: 8px 18px;
  border-radius: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.course-list a:hover {
  background: #ff6b6b;
  color: #fff;
}

.btn-main {
  display: inline-block;
  padding: 12px 28px;
  background: #ff6b6b;
  color: #fff;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-main:hover {
  background: #ff4757;
  transform: scale(1.05);
}



/* =============================
   Apply Now Section
============================= */
.apply-now {
    padding: 80px 0;
    background-color: #f9f9f9;
}

.apply-now .apply-items .apply-item {
    background-color: #fff;
    padding: 30px 25px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.apply-now .apply-items .apply-item h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.apply-now .apply-items .apply-item p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

.apply-now .apply-items .apply-item .btn {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-red {
    background-color: #e74c3c;
    color: #fff;
}

.btn-red:hover {
    background-color: #c0392b;
}

.btn-yellow {
    background-color: #f1c40f;
    color: #fff;
}

.btn-yellow:hover {
    background-color: #d4ac0d;
}

/* =============================
   Accordion Styles
============================= */
.accordions {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.accordion {
    border-bottom: 1px solid #eee;
}

.accordion:last-child {
    border-bottom: none;
}

.accordion-head {
    padding: 15px 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    transition: background 0.3s ease;
}

.accordion-head:hover {
    background-color: #f1f1f1;
}

.accordion-body {
    padding: 15px 20px;
    display: none; /* Hidden by default; JS will toggle */
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}

/* Accordion icon rotation when active */
.accordion-head.active .icon i {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

/* =============================
   Responsive Adjustments
============================= */
@media (max-width: 991px) {
    .apply-now .apply-items .apply-item {
        padding: 25px 20px;
    }

    .accordion-head {
        font-size: 15px;
        padding: 12px 15px;
    }

    .accordion-body {
        font-size: 14px;
        padding: 12px 15px;
    }
}

@media (max-width: 767px) {
    .apply-now .row {
        flex-direction: column;
    }

    .apply-now .col-lg-6 {
        width: 100%;
        padding: 0;
    }

    .apply-now .apply-items .apply-item {
        margin-bottom: 20px;
    }
}


/*
---------------------------------------------
apply now
---------------------------------------------
*/

section.apply-now {
  background-image: url(../images/apply-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px;
}

section.apply-now .item {
  background-color: rgba(250,250,250,0.15);
  padding: 40px;
  margin-bottom: 30px;
}

section.apply-now .item h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

section.apply-now .item p {
  color: #fff;
  margin-bottom: 20px;
}

.accordions {
  border-radius: 20px;
  padding: 40px;
  background-color: #49505733;
  margin-left: 45px;
}
.accordions .accordion {
  border-bottom: 1px solid #eee;
}
.accordions .last-accordion {
  border-bottom: none;
}
.accordion-head {
  padding: 20px;  
  font-size: 18px;
  font-weight: 700;
  color:#fff;
  cursor: pointer;
  transition: color 200ms ease-in-out;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .accordion-head {
    padding: 1rem;
    font-size: 1.2rem;
  }
}
.accordion-head .icon {
  float: right;
  transition: transform 200ms ease-in-out;
}
.accordion-head.is-open {
  color: #f5a425;
  border-bottom: none;
}
.accordion-head.is-open .icon {
  transform: rotate(45deg);
}
.accordion-body {
  overflow: hidden;
  height: 0;
  transition: height 300ms ease-in-out;
  border-bottom: 1px solid #fff;
}
.accordion-body > .content {
  padding: 20px;
  padding-top: 0;
}


/* =============================
   Testimonial Section
============================= */
.testimonials {
    padding: 80px 0;
    background: #f7f8fa;
}

.testimonials .section-heading h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #333;
}

.testimonial-item {
    padding: 15px;
}

.testimonial-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 25px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.testimonial-img {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
}

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

.testimonial-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    text-align: center;
    margin-bottom: 15px;
}

.testimonial-rating {
    text-align: center;
}

.testimonial-rating i {
    color: #f1c40f;
    margin: 0 2px;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .testimonials .section-heading h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .testimonial-card {
        padding: 20px;
    }
}


/*
---------------------------------------------
our facts
---------------------------------------------
*/

section.our-facts {
  background-image: url(../images/facts-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px 125px 0px;
}

section.our-facts h2 {
  font-size: 38px;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
}

.count-area-content {
  text-align: center;
  background-color: rgba(250,250,250,0.15);
  border-radius: 20px;
  padding: 25px 30px 35px 30px;
  margin: 15px 0px;
}

.percentage .count-digit:after {
  content: '%';
  margin-left: 3px;
}

.count-digit {
    margin: 5px 0px;
    color: #f5a425;
    font-weight: 700;
    font-size: 36px;
}
.count-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
}

.new-students {
  margin-top: 45px;
}

section.our-facts .video {
  display: flex;
  justify-content: center;   /* center horizontally */
  align-items: center;       /* center vertically */
  margin-left: 70px;
  background-image: url(../images/video-item-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  min-height: 350px;         /* ensures enough height for centering */
}

section.our-facts .video img {
  max-width: 56px;
  height: auto;
  padding: 0;                /* remove old padding */
  cursor: pointer;
  transition: transform 0.3s ease;
}

section.our-facts .video img:hover {
  transform: scale(1.1);
}



/* 
---------------------------------------------
contact us
--------------------------------------------- 
*/

  /* Section Background with Gradient */
 section.contact-us {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0, 0, 0, 0.095)), url(../images/meetings-bg.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding: 27px 0 3px 0;
}

/* Contact Form Styling */

.contact-form {
  background: #fff;
  border-radius: 20px;
  padding: 50px;
  transition: transform 0.4s, box-shadow 0.4s;
}
.contact-form:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.2);
}

/* Floating Label Inputs */
.form-group {
  position: relative;
  margin-bottom: 30px;
}
.form-group input,
.form-group textarea {
  width: 100%;
  padding: 15px 20px;
  border-radius: 20px;
  border: none;
  background: #f7f7f7;
  outline: none;
  font-size: 14px;
  transition: all 0.3s;
}
.form-group label {
  position: absolute;
  top: 50%;
  left: 20px;
  color: #7a7a7a;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.3s;
}
.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label,
.form-group textarea:focus + label,
.form-group textarea:not(:placeholder-shown) + label {
  top: -10px;
  left: 15px;
  font-size: 12px;
  font-weight: 600;
  color: #a12c2f;
  background: #fff;
  padding: 0 5px;
}

/* Button */
.contact-form button {
  background: linear-gradient(135deg, #1f3c88, #4a69bd);;
  color: #fff;
  padding: 12px 35px;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  transition: transform 0.3s, box-shadow 0.3s;
}
.contact-form button:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(161,44,47,0.5);
}

/* Contact Info */
.right-info {
  background: linear-gradient(135deg, #1f3c88, #4a69bd);;
  padding: 40px 30px;
  border-radius: 20px;
  color: #fff;
  transition: transform 0.4s;
}
.right-info:hover {
  transform: translateY(-10px);
}
.right-info ul li {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(250,250,250,0.2);
  padding-bottom: 20px;
}
.right-info ul li:last-child {
  border-bottom: none;
}
.right-info ul li i {
  font-size: 24px;
  margin-right: 15px;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-5px);}
  60% {transform: translateY(-3px);}
}


/* Footer */
.footer {
  background: #0e1b3f;
  color: #fff;
  width: 100%;
  margin-top: auto;
  padding: 20px;
}
.footer h5 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 600;
}
.footer p, .footer ul, .footer li {
  font-size: 14px;
  line-height: 24px;
}
.footer ul {
  padding: 0;
  list-style: none;
}
.footer a {
  color: #f5a425;
  text-decoration: none;
  transition: 0.3s;
}
.footer a:hover {
  color: #fff;
}
.footer .social-links a {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  color: #f5a425;
  transition: 0.3s;
}
.footer .social-links a:hover {
  color: #fff;
}
.footer hr {
  border-top: 1px solid rgba(255,255,255,0.2);
  margin: 30px 0;
}

.footer-container {
    max-width: 1200px; /* keep content centered */
    margin: 0 auto;    /* center the content */
    padding: 40px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}




/*
---------------------------------------------
About pageheading page
---------------------------------------------
*/

section.heading-page {
  background-image: url(../images/heading1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px; 
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3); /* overlay color */
  background-blend-mode: multiply; 
}


 section.heading-page h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}


/*
---------------------------------------------
upcoming meetings page
---------------------------------------------
*/

section.meetings-page {
  background-image: url(../images/meetings-page-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 14px;
  padding-bottom: 0px;
}

section.meetings-page .filters {
  text-align: center;
  margin-bottom: 60px;
}

section.meetings-page .filters li {
  font-size: 13px;
  color: #a12c2f;
  background-color: #fff;
  padding: 11px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .3s;
  cursor: pointer;
  margin: 0px 3px;
}

section.meetings-page .filters ul li.active,
section.meetings-page .filters ul li:hover {
  background-color: #a12c2f;
  color: #fff;
}

section.meetings-page .pagination {
  text-align: center;
  width: 100%;
  margin-top: 30px;
  display: inline-block;
}

section.meetings-page .pagination ul li {
  display: inline-block;
}

section.meetings-page .pagination ul li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  color: #1f272b;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-weight: 600;
  font-size: 15px;
  transition: all .3s;
}

section.meetings-page .main-button-red {
  text-align: center;
}

section.meetings-page .main-button-red a {
  padding: 12px 60px;
  text-align: center;
  margin-top: 30px;
}

section.meetings-page .pagination ul li.active a,
section.meetings-page .pagination ul li a:hover {
  background-color: #a12c2f;
  color: #fff;
}

.meeting-single-item .thumb {
  position: relative;
}

.meeting-single-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-single-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-single-item .thumb .price span {
  font-size: 16px;
  color: #1f272b;
  font-weight: 600;
  background-color: rgba(250,250,250,0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-single-item .down-content {
  background-color: #fff;
  padding: 40px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-single-item .thumb .date {
  position: absolute;
  background-color: rgba(250,250,250,0.9);
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 15px 0px;
  border-radius: 10px;
  right: 20px;
  top: 20px;
}

.meeting-single-item .thumb .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-single-item .thumb .date span {
  display: block;
  color: #1f272b;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-single-item .down-content h4 {
  font-size: 22px;
  color: #1f272b;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content h5 {
  font-size: 18px;
  color: #1f272b;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content p {
  color: #1f272b;
  font-size: 14px;
}

.meeting-single-item .down-content p.description {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.meeting-single-item .down-content .share {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.meeting-single-item .down-content .share h5 {
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}

.meeting-single-item .down-content .share ul li {
  display: inline;
}

.meeting-single-item .down-content .share ul li a {
  font-size: 14px;
  color: #1f272b;
  transition: all .3s;
}

.meeting-single-item .down-content .share ul li a:hover {
  color: #f5a425;
}

/* Meeting item column */
.templatemo-item-col {
	width: 31%;
}

@media (max-width: 992px) {
	.templatemo-item-col {
		width: 45%;
	}
}

@media (max-width: 767px) {
	.templatemo-item-col {
		width: 100%;
	}
}



.categories ul {
  list-style: none; /* remove bullets */
  padding: 0;
  margin: 0;
}

.categories ul li {
  display: block; /* stack vertically */
  margin-bottom: 10px; /* spacing between items */
}

.categories ul li a {
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
  color: #000; /* text color */
  background: transparent;
  border-radius: 4px;
  transition: background 0.3s;
}

.categories ul li a:hover {
  background: #f00; /* hover color */
  color: #fff;
}
/* -------------------------
footer start
---------------------- */






/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 1300px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1200px) {
  .services .owl-nav .owl-next{
    right: -70px;
  }
  .services .owl-nav .owl-prev{
    left: -65px;
  }
  .our-courses .owl-nav .owl-next{
    right: -70px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -65px;
  }
}

@media (max-width: 1085px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1005px) {
  .services .owl-nav .owl-next{
    display: none;
  }
  .services .owl-nav .owl-prev{
    display: none;
  }
  .our-courses .owl-nav .owl-next{
    display: none;
  }
  .our-courses .owl-nav .owl-prev{
    display: none;
  }
}

@media (max-width: 992px) {

  .main-banner .caption {
    top: 60%;
  }

  .main-banner .caption h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .main-banner .caption .main-button-red {
    margin-top: 15px;
  }

  .services {
    margin-top: 60px;
  }

  section.upcoming-meetings {
    padding-top: 400px;
  }

  section.upcoming-meetings .categories {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .accordions {
    margin-left: 0px;
  }

  .new-students {
    margin-top: 15px;
  }

  section.our-facts .video {
    margin-left: 0px;
    margin-top: 15px;
  }

  section.contact-us #contact {
    margin-bottom: 30px;
  }

}





@media (max-width: 767px) {
  .sub-header .left-content p {
    display: none;
  }

  .sub-header .right-icons {
    text-align: center;
    margin-top: 5px;
  }

  /* Add spacing between sub-header and header */
  .header-area {
    margin-top: 60px;  /* adjust this value until logo/banner sits neatly */
  }

  /* Make sure banner is not hidden behind header */
  .main-banner {
    margin-top: 120px; /* pushes banner down on mobile */
  }

  .main-nav .nav .sub-menu {
    display: none;
  }

  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
}


/* -------------------------------------------------
About us page 
-------------------------------------------------- */

/* About Us Page Styles */
.about-us {
  padding: 110px 0px;
  background: #f9f9f9;
  font-family: "Poppins", sans-serif;
}

/* Container */
.about-us .container {
  max-width: 1200px;
  margin: auto;
}

/* Rows and Columns */
.about-us .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 50px;
}

.about-us .col-half {
  flex: 1;
  min-width: 300px;
}

.about-us .col-half img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 6px 15px rgba(0,0,0,0.1);
}

/* Paragraph text black */
.about-us p {
  color: #000000;
  line-height: 1.7;
  font-size: 16px;
}

/* Headings */
.about-us h2 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #1f272b;
}
.about-us h3, .about-us h4 {
  color: #444;
  margin: 15px 0;
}

/* Cards (Mission, Vision, Features) */
.about-us .card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  flex: 1;
  min-width: 250px;
  text-align: center;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.about-us .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.about-us .card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 15px;
}

/* Features Section */
.about-us .features {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  gap: 20px;
  margin-bottom: 50px;
}

/* Team Section */
.about-us .team {
  text-align: center;
  margin-bottom: 50px;
}
.about-us .team-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.about-us .team-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  width: 250px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}
.about-us .team-card:hover {
  transform: scale(1.05);
}
.about-us .team-card img {
  width: 100%;
  border-radius: 50%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 15px;
}

/* Call To Action */
.about-us .cta {
  text-align: center;
  background: linear-gradient(135deg, #1f272b, #3a7bd5);
  padding: 50px 20px;
  border-radius: 12px;
  color: #fff;
}
.about-us .cta h2 {
  color: #fff;
}
.about-us .cta-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 12px 25px;
  background: #ff6b6b;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  transition: background 0.3s ease;
}
.about-us .cta-btn:hover {
  background: #ff3b3b;
}
/* Our Values Section */
.about-us .values {
  text-align: center;
  margin-bottom: 60px;
}

.about-us .values h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #1f272b;
}

.about-us .values-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.about-us .value-card {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-us .value-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 20px rgba(0,0,0,0.15);
}

.about-us .value-card i {
  font-size: 40px;
  color: #3a7bd5;
  margin-bottom: 15px;
}


/* Responsive */
@media (max-width: 768px) {
  .about-us .row {
    flex-direction: column;
  }
  .about-us .team-row {
    flex-direction: column;
    align-items: center;
  }
}

/* ------------------------------------
Canada css
-------------------------------- */

:root{
  /* Tweak these to fine‑tune brand matching */
  --pill-bg: #e9eef6;           /* light bluish background */
  --value-color: #1b3e91;       /* deep blue numbers */
  --label-color: #131821;       /* dark gray labels */
  --divider: #cfd7e6;           /* faint divider */
  --radius: 40px;
}

*{box-sizing:border-box}

.edwise-stats{
  max-width: 1200px;            /* container width */
  margin: -12px auto;
  padding: 24px 36px;
  background: var(--pill-bg);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  gap: 28px;
  /* slight inset softness like the reference */
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
}

.ed-stat{
  flex: 1 1 0;
  min-width: 180px;
  text-align: center;
}

.ed-stat__value{
  color: var(--value-color);
  font-weight: 800;
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: .2px;
  margin: 0 0 10px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.ed-stat__label{
  color: var(--label-color);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.35;
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Vertical separators */
.edwise-divider{
  width: 1px;
  align-self: stretch;
  background: linear-gradient(to bottom, transparent 0%, var(--divider) 10%, var(--divider) 90%, transparent 100%);
  opacity: .95;
}

/* Responsive adjustments */
@media (max-width: 992px){
  .ed-stat__value{ font-size: 38px; }
  .ed-stat__label{ font-size: 18px; }
}

@media (max-width: 768px){
  .edwise-stats{
    padding: 20px 16px;
    border-radius: 22px;
    flex-wrap: wrap;
    gap: 16px;
  }
  .edwise-divider{ display: none; }
  .ed-stat{ flex: 1 1 calc(50% - 16px); }
}

@media (max-width: 480px){
  .ed-stat{ flex: 1 1 100%; }
  .ed-stat__value{ font-size: 34px; }
  .ed-stat__label{ font-size: 16px; }
}




/* Hero Section */
.inner-hero.study-hero {
    position: relative;
    background: url() no-repeat center center/cover;
    padding: 120px 0;
    color: #000000c7;
    text-align: left;
}

/* Overlay for better text visibility */
.inner-hero.study-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 88%;
    background: rgb(246 246 246 / 50%); /* Semi-transparent overlay */
    z-index: 1;
}

/* Inner wrapper */
.inner-hero-wrap {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* Left content */
.inner-hero-left {
    flex: 1 1 600px;
}

/* Hero Title */
.hero-title-txt.hero-title-txt-2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px;
}
.hero-title-txt .highlighter {
    color: #000000;
    background: rgb(255, 255, 255);
    padding: 5px 10px;
    border-radius: 5px;
}

/* Button wrapper */
.hero-btns.study-hero-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Hero Buttons */
.hero-btns.study-hero-btn .button {
    background: #ffffff;
    color: #0d6efd;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
    display: inline-block;
}
.hero-btns.study-hero-btn .button:hover {
    background: #ffa4077e;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* Responsive */
@media (max-width: 992px) {
    .inner-hero-wrap {
        flex-direction: column;
        text-align: center;
    }
    .inner-hero-left {
        flex: 1 1 100%;
    }
    .hero-title-txt.hero-title-txt-2 {
        font-size: 28px;
    }
}
@media (max-width: 576px) {
    .hero-title-txt.hero-title-txt-2 {
        font-size: 22px;
    }
    .hero-btns.study-hero-btn .button {
        padding: 10px 20px;
        font-size: 13px;
    }
}
/* -------------------------------------
why canada
--------------------------------- */
/* Section Wrapper */
.study-canada {
    background: #f8f9fa;
    padding: 80px 0;
    font-family: 'Poppins', sans-serif;
}

/* Section Title */
.study-canada .sec-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #0d3b66;
}
.study-canada .sec-title .highlighter {
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
}

/* Study List */
.study-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.study-list li {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    background: #ffffff59;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}
.study-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

/* Icon */
.report-icon {
    font-size: 36px;
    color: #0d6efd;
    flex-shrink: 0;
    align-self: flex-start;
}

/* Description Wrap */
.study-descrp-wrap h4.desc-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.study-descrp-wrap p {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

/* Consultation Form */
.consultation-form {
    background: #0d6efd;
    padding: 30px;
    border-radius: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.consultation-form h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}
.consultation-form input {
    padding: 12px 15px;
    border-radius: 10px;
    border: none;
    outline: none;
}
.consultation-form button {
    background: #ffdd59;
    color: #0d6efd;
    padding: 12px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
}
.consultation-form button:hover {
    background: #ffc107;
    transform: translateY(-3px);
}

/* Responsive */
@media(max-width: 1024px){
    .f-row {
        flex-direction: column;
        gap: 30px;
    }
    .w60, .w30 {
        width: 100%;
    }
}


/* Base */
:root{
  --blue:#1b3e91;
  --text:#141a1f;
  --muted:#6b7280;
  --card:#ffffff;
  --card-bd:#e6ebf2;
  --pill:#eef3fa;
  --shadow: 0 6px 24px rgba(20,24,31,0.06);
  --radius:16px;
}

*{box-sizing:border-box}
img{max-width:100%;display:block}

/* Section styles to mirror Edwise */
.comm-section{padding:48px 0}
.lBlue-bg-2{background:#f5f8fc}
.pb-space{padding-bottom:60px}
.overflw-y-hdn{overflow-y:hidden}

.container{max-width:1200px;margin:0 auto;padding:0 16px}

.sec-title{font:800 32px/1.2 Inter,system-ui,Segoe UI,Roboto,Arial}
.sec-title .highlighter{color:var(--blue)}
.text-center{text-align:center}

.comm-para p{margin:0;color:var(--text);font:500 16px/1.6 Inter,system-ui,Segoe UI,Roboto,Arial}
.comm-para .center{text-align:center;color:var(--muted)}
.sec-dtl{margin:10px auto 26px;max-width:900px}

/* Swiper sizing */
.univer-swiper{padding:8px 4px 28px}
.swiper-slide{height:auto}

/* Card */
.univer-box{
  background:var(--card);
  border:1px solid var(--card-bd);
  border-radius:var(--radius);
  padding:18px 18px 16px;
  height:100%;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .2s ease, box-shadow .2s ease;
}
.univer-box:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(20,24,31,0.10)}

.unvier-hdr{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.univer-logo{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f3f6fb;border:1px solid #e6ebf2;overflow:hidden}
.univer-logo img{object-fit:contain;width:80%;height:80%}

.univer-name{font:700 18px/1.3 Inter,system-ui,Segoe UI,Roboto,Arial;color:var(--text);margin:0}

/* Details rows */
.unvier-dtl{display:flex;flex-direction:column;gap:10px}
.univer-dtl-div{display:flex;align-items:center;gap:10px}
.univer-dtl-div .ph{font-size:18px;color:var(--blue)}
.rank-icon{width:18px;height:18px}

.univer-dtl-div .comm-para p{font:600 14px/1.5 Inter,system-ui,Segoe UI,Roboto,Arial;color:var(--text)}
.univer-dtl-div .comm-para p strong{color:var(--blue)}

/* Button */
.center-btn{display:flex;justify-content:center;margin-top:10px}
.button{display:inline-block;padding:10px 18px;border-radius:999px;font:700 14px/1 Inter,system-ui,Segoe UI,Roboto,Arial;text-decoration:none;transition:all .2s ease}
.button.line{color:var(--blue);border:2px solid var(--blue);background:transparent}
.button.line:hover{background:var(--blue);color:#fff}

/* Swiper scrollbar look similar to Edwise */
.swiper-scrollbar{height:4px;background:#e6ebf2;border-radius:999px}
.swiper-scrollbar-drag{background:var(--blue)}

/* Responsive */
@media (max-width:768px){
  .sec-title{font-size:26px}
}


/* ---------------------------------------------------------
ILET Courses css
---------------------------------------------------------- */

/* General Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
  line-height: 1.6;
  color: #333;
  background: #f9f9f9;
}

/* Hero Section */
.hero {
  background: linear-gradient(rgba(14, 27, 63, 0.8), rgba(14, 27, 63, 0.8)), url('/assets/images/gre-banner.jpg') no-repeat center center/cover;
  color: #fff;
  text-align: center;
  padding: 100px 20px;
}

.hero h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}

.hero p {
  font-size: 1.2rem;
  margin-bottom: 30px;
}

.btn {
  display: inline-block;
  background: #ff4b2b;
  color: #fff;
  padding: 12px 25px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease-in-out;
}

.btn:hover {
  background: #ff6a4d;
}

/* Features */
.features {
  padding: 60px 20px;
  text-align: center;
  background: #fff;
}

.features h2 {
  font-size: 2rem;
  margin-bottom: 40px;
  color: #0e1b3f;
}

.feature-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.card {
  background: #6c6f7d;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.card:hover {
  transform: translateY(-8px);
}

.card h3 {
  margin-bottom: 10px;
  color: #ff4b2b;
}

/* Exam Pattern */
.exam-pattern {
  background: #fff;
  padding: 60px 20px;
  text-align: center;
}
.exam-pattern h2 {
  font-size: 2.2rem;
  color: #0e1b3f;
  margin-bottom: 40px;
}
.pattern-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 20px;
}
.pattern-card {
  background: #6c6f7d;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}
.pattern-card h3 {
  margin-bottom: 10px;
  color: #ff4b2b;
}

/* Courses */
.courses {
  padding: 60px 20px;
  background: #eef2f7;
  text-align: center;
}

.courses h2 {
  font-size: 2rem;
  margin-bottom: 30px;
  color: #0e1b3f;
}

.course-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.course {
  background: #6c6f7d;
  padding: 20px;
  border-radius: 15px;
  width: 250px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.course:hover {
  transform: scale(1.05);
}

/* CTA */
.cta {
  padding: 80px 20px;
  text-align: center;
  background: linear-gradient(120deg, #1f3c88, #4a69bd);
  color: #fff;
}

.cta h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.cta p {
  margin-bottom: 30px;
  font-size: 1.2rem;
}


/* General Section Styling */
/* .section {
  padding: 80px 20px;
  text-align: center;
  background: #ffffff;
} */

.section-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #0e1b3f;
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.card {
  background: #6c6f7d;
  color: #fff;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card h3 {
  color: #ff4b3e;
  margin-bottom: 10px;
  font-size: 20px;
}

.card p {
  font-size: 15px;
  line-height: 1.6;
  color: #000000;
}


.section.alt-bg {
  background: #f4f6fb;
}

.section h2 {
  font-size: 2.2rem;
  color: #0e1b3f;
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
}

.section h2::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #ff6600;
  margin: 10px auto 0;
  border-radius: 2px;
}

.section p {
  font-size: 1.1rem;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto 20px;
  color: #000000;
}

.section ul {
  list-style: none;
  padding: 0;
  margin: 20px auto 0;
  max-width: 700px;
  text-align: left;
}

.section ul li {
  background: #fff;
  margin: 10px 0;
  padding: 15px 20px;
  border-left: 5px solid #ff6600;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  font-size: 1rem;
  color: #333;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.section ul li:hover {
  background: #fdf1e7;
  transform: translateX(5px);
}

/* Alternate Background Accent */
#scores, #training {
  background: #f9fafc;
}

/* Misc Section Accent */
#misc {
  background: linear-gradient(135deg, #0e1b3f, #1f326b);
  color: #fff;
}




/* ===========================
   Business Visa Page Styles
   =========================== */
.business-visa {
  color: #333;
  line-height: 1.6;
  font-family: 'Poppins', sans-serif;
}

/* Hero Section */
.business-visa .hero {
  background: url('../images/student-visa.jpg') center/cover no-repeat;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.business-visa .hero-overlay {
  background: rgba(0,0,0,0.65);
  padding: 40px;
  text-align: center;
  color: #fff;
  border-radius: 12px;
  animation: fadeUp 1s ease-out;
}

.business-visa .hero-overlay h1 {
  font-size: 42px;
  margin-bottom: 10px;
}
.business-visa .hero-overlay i {
  margin-right: 10px;
  color: #ffd700;
}

/* Section Container */
.business-visa .container {
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 20px;
}
.business-visa h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #004aad;
}
.business-visa h2 i {
  margin-right: 10px;
  color: #004aad;
}
.business-visa p {
  font-size: 16px;
  color: #000;
}

/* Eligibility Section */
.business-visa .eligibility ul {
  list-style: none;
  padding: 0;
}
.business-visa .eligibility ul li {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
}
.business-visa .eligibility ul li i {
  color: #004aad;
  margin-right: 10px;
}

/* Documents Section */
.business-visa .doc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.business-visa .doc-card {
  background: #f9f9f9;
  padding: 25px;
  text-align: center;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
  font-weight: 600;
  transition: transform 0.3s, box-shadow 0.3s;
}
.business-visa .doc-card i {
  display: block;
  font-size: 28px;
  margin-bottom: 10px;
  color: #004aad;
}
.business-visa .doc-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

/* Process Section */
.business-visa .steps {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.business-visa .step {
  flex: 1;
  min-width: 220px;
  background: #e8f1ff;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  font-weight: bold;
  transition: transform 0.3s, background 0.3s;
}
.business-visa .step i {
  display: block;
  font-size: 26px;
  margin-bottom: 8px;
  color: #004aad;
}
.business-visa .step:hover {
  transform: scale(1.05);
  background: #d3e6ff;
}

/* Call to Action */
.business-visa .cta {
  background: #004aad;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
  border-radius: 12px;
}
.business-visa .cta h2 {
  color: #fff;
}
.business-visa .cta i {
  margin-right: 10px;
  color: #ffd700;
}
.business-visa .cta .btn {
  display: inline-block;
  background: #ffd700;
  color: #004aad;
  padding: 14px 35px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 20px;
  transition: background 0.3s, transform 0.3s;
}
.business-visa .cta .btn:hover {
  background: #ffcc00;
  transform: translateY(-3px);
}

/* Animations */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.business-visa .fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 1s ease-out forwards;
}

/* _____________________________________ */

/* Benefits */
.business-visa .benefit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.business-visa .benefit-card {
  background: #fff3cd;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  font-weight: 600;
  transition: transform 0.3s;
}
.business-visa .benefit-card i {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
  color: #d48806;
}
.business-visa .benefit-card:hover {
  transform: translateY(-5px);
}

/* Countries */
.business-visa .country-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
}
.business-visa .country-card {
  background: #f1f5ff;
  padding: 20px;
  text-align: center;
  border-radius: 12px;
  font-weight: bold;
  transition: transform 0.3s;
}
.business-visa .country-card:hover {
  transform: scale(1.05);
}

/* Testimonials */
.business-visa .testimonial-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.business-visa .testimonial {
  flex: 1;
  min-width: 250px;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}
.business-visa .testimonial:hover {
  transform: translateY(-5px);
}
.business-visa .testimonial p {
  font-style: italic;
  margin-bottom: 10px;
}
.business-visa .testimonial h4 {
  font-weight: bold;
  color: #004aad;
}

/* FAQ */
.business-visa .faq-item {
  margin-bottom: 20px;
  padding: 15px;
  border-left: 4px solid #004aad;
  background: #f5f9ff;
  border-radius: 6px;
}
.business-visa .faq-item h3 {
  margin: 0 0 8px;
  font-size: 18px;
  color: #004aad;
}

/* ===========================
   Student Visa Page (Scoped)
   =========================== */
.student-visa { font-family: 'Poppins', sans-serif; color:#222; line-height:1.7; }

/* Container & Utilities */
.student-visa .sv-container{max-width:1140px;margin:0 auto;padding:0 20px;}
.student-visa .sv-section{padding:70px 0;}
.student-visa .sv-title{font-size:28px;margin-bottom:24px;color:#004aad;display:flex;align-items:center;gap:10px;}
.student-visa .sv-grid{display:grid;gap:22px;}
.student-visa .sv-grid--5{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
.student-visa .sv-grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.student-visa .sv-grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}

/* Buttons */
.student-visa .sv-btn{display:inline-block;padding:12px 26px;border-radius:26px;text-decoration:none;font-weight:600;transition:transform .25s, box-shadow .25s;}
.student-visa .sv-btn--primary{background:#ffd84d;color:#0a2a66;box-shadow:0 8px 20px rgba(255,216,77,.35);}
.student-visa .sv-btn--primary:hover{transform:translateY(-3px);}
.student-visa .sv-btn--light{background:#fff;color:#004aad;box-shadow:0 8px 20px rgba(0,0,0,.1);}
.student-visa .sv-btn--light:hover{transform:translateY(-3px);}

/* Hero */
.student-visa .sv-hero{position:relative;height:380px;background:url('../images/student-visa.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;}
.student-visa .sv-hero__overlay{background:rgba(10,42,102,.78);color:#fff;padding:40px 28px;text-align:center;border-radius:16px;backdrop-filter:blur(2px);animation:sv-fadeUp .9s ease-out;}
.student-visa .sv-hero__overlay h1{font-size:40px;margin:0 0 10px;}
.student-visa .sv-hero__overlay p{margin-bottom:18px;opacity:.95;}
.student-visa .sv-hero__overlay i{color:#ffd84d;margin-right:8px;}

/* Cards & Effects */
.student-visa .sv-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.student-visa .sv-card--lift{transition:transform .25s, box-shadow .25s;}
.student-visa .sv-card--lift:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,.12);}
.student-visa .sv-card--glass{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.6));backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.5);}

/* Icons inside cards */
.student-visa .sv-card i{font-size:28px;color:#004aad;margin-bottom:10px;display:block;}

/* Why section */
.student-visa .sv-why .sv-card h3{margin:6px 0 6px;font-size:18px;}
.student-visa .sv-why .sv-card p{font-size:14px;color:#555;}

/* Destinations flags */
.student-visa .sv-flag{background:#f4f7ff;border:1px solid #e6edff;border-radius:14px;padding:16px;text-align:center;transition:transform .25s;}
.student-visa .sv-flag:hover{transform:translateY(-4px);}
.student-visa .sv-flag img{width:40px;height:28px;object-fit:cover;border-radius:4px;display:block;margin:0 auto 8px;}
.student-visa .sv-flag span{font-weight:600;color:#0a2a66;}

/* Streams chips */
.student-visa .sv-chips{display:flex;flex-wrap:wrap;gap:10px;}
.student-visa .sv-chip{padding:10px 14px;border-radius:999px;background:#eef4ff;color:#0a2a66;font-weight:600;border:1px dashed #c8d8ff;transition:transform .2s;}
.student-visa .sv-chip:hover{transform:translateY(-3px);}

/* Eligibility list */
.student-visa .sv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
.student-visa .sv-list li{background:#f7fbff;border:1px solid #e3f0ff;border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start;}
.student-visa .sv-list i{color:#004aad;margin-top:2px;}

/* Documents grid */
.student-visa .sv-doc{display:flex;align-items:center;gap:10px;justify-content:center;font-weight:600;background:#fff;}

/* Timeline / Process */
.student-visa .sv-timeline{position:relative;margin-left:14px;border-left:3px solid #e6edff;display:flex;flex-direction:column;gap:18px;}
.student-visa .sv-step{position:relative;padding-left:22px;}
.student-visa .sv-step__dot{position:absolute;left:-10px;top:10px;width:16px;height:16px;background:#ffd84d;border:3px solid #0a2a66;border-radius:50%;}
.student-visa .sv-step__card{background:#ffffff;border:1px solid #edf2ff;border-radius:14px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:transform .25s;}
.student-visa .sv-step__card:hover{transform:translateY(-4px);}
.student-visa .sv-step__card h3{margin:0 0 6px;font-size:18px;color:#0a2a66;}
.student-visa .sv-step__card p{margin:0;color:#555;}

/* Testimonials */
.student-visa .sv-testi{background:#fff;border:1px solid #eef2ff;border-radius:14px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:transform .25s;}
.student-visa .sv-testi:hover{transform:translateY(-4px);}
.student-visa .sv-testi p{font-style:italic;margin-bottom:8px; color: #000;}
.student-visa .sv-testi h4{margin:0;color:#004aad;}

/* FAQ accordion */
.student-visa .sv-accordion{display:grid;gap:12px;}
.student-visa .sv-acc-item{background:#ffffff;border:1px solid #e9f0ff;border-radius:12px;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.05);}
.student-visa .sv-acc-head{width:100%;text-align:left;background:#f6f9ff;color:#0a2a66;border:0;padding:14px 16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.student-visa .sv-acc-head::after{content:"+";font-weight:800;}
.student-visa .sv-acc-item.open .sv-acc-head::after{content:"–";}
.student-visa .sv-acc-body{max-height:0;overflow:hidden;background:#fff;padding:0 16px;transition:max-height .3s ease;}
.student-visa .sv-acc-item.open .sv-acc-body{padding:12px 16px;}
.student-visa .sv-acc-item.open .sv-acc-body p{color: #000;}


/* CTA */
.student-visa .sv-cta{background:linear-gradient(135deg,#0a2a66 0%, #1363df 100%);color:#fff;text-align:center;padding:70px 20px;}
.student-visa .sv-cta h2{font-size:28px;margin:0 0 8px;}
.student-visa .sv-cta p{margin:0 0 16px;opacity:.95;}

/* Reveal on scroll */
.student-visa .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
.student-visa .reveal.revealed{opacity:1;transform:translateY(0);}

/* Keyframes (for hero entrance) */
@keyframes sv-fadeUp{from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)}}

/* Responsive tweaks */
@media (max-width: 768px){
  .student-visa .sv-hero{height:360px;}
  .student-visa .sv-hero__overlay h1{font-size:32px;}
  .student-visa .sv-title{font-size:24px;}
  .student-visa .sv-section{padding:56px 0;}
}


/* -----------------------------------------------------------------
Tourist Visa
------------------------------------------------------------------ */
/* Tourist Visa Section */
/* Hero */
.tourist-hero {
  position: relative;
  background: url('../images/torist.jpg') no-repeat center/cover;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.tourist-hero .hero-overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
}
.tourist-hero .hero-content {
  position: relative;
  z-index: 2;
  animation: fadeInUp 1s ease-in-out;
}
.btn-apply {
  background: #f5a425;
  color: #fff;
  padding: 7px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}
.btn-apply:hover {
  background: #d98c1e;
}

/* About */
.tourist-about .container {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 80px 10%;
}
.tourist-about .text h2 {
  font-size: 28px;
  margin-bottom: 15px;
}
.tourist-about .text p {
  color: #000;
}
.tourist-about .image img {
  width: 100%;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

/* Benefits */
.tourist-benefits {
  text-align: center;
  padding: 80px 10%;
  background: #fafafa;
}
.tourist-benefits p{
  color: #000;
}
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  margin-top: 40px;
}
.benefit-card {
  padding: 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}
.benefit-card:hover {
  transform: translateY(-10px);
}
.benefit-card i {
  font-size: 40px;
  color: #f5a425;
  margin-bottom: 15px;
}

/* Process */
.tourist-process {
  padding: 80px 10%;
  background: rgba(10, 42, 102, .78);
  color: #fff;
  text-align: center;
}
.timeline {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.step {
  flex: 1;
  padding: 20px;
}
.step span {
  display: inline-block;
  background: #fff;
  color: #a12c2f;
  width: 40px; height: 40px;
  border-radius: 50%;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Gallery */
.tourist-gallery {
  padding: 80px 10%;
  text-align: center;
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 40px;
}
.gallery-grid img {
  width: 100%;
  border-radius: 12px;
  transition: transform 0.3s, box-shadow 0.3s;
}
.gallery-grid img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* CTA */
.tourist-cta {
  background: url('images/cta-bg.jpg') no-repeat center/cover;
  padding: 100px 10%;
  text-align: center;
  color: #fff;
}
.cta-box {
  background: rgba(0,0,0,0.6);
  display: inline-block;
  padding: 40px 60px;
  border-radius: 15px;
}
.cta-box h2 {
  margin-bottom: 15px;
}

/* Animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translateY(0); }
}


/* ---------------------------------------------------
Contact form
------------------------------------------------- */
/* 🔹 Contact Page Styles */
.contact-page {
  background: #f9fafc;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* Contact Form */
.contact-page .contact-form {
  background: #ffffff;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}
.contact-page .contact-form:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.contact-page .contact-form h2 {
  font-weight: 700;
  color: #333;
}
.contact-page .contact-form .form-group {
  position: relative;
  margin-bottom: 20px;
}
.contact-page .contact-form input,
.contact-page .contact-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
  transition: all 0.3s;
}
.contact-page .contact-form input:focus,
.contact-page .contact-form textarea:focus {
  border-color: #007bff;
  box-shadow: 0 0 8px rgba(0,123,255,0.3);
}
.contact-page .contact-form label {
  position: absolute;
  top: 12px;
  left: 15px;
  font-size: 14px;
  color: #666;
  transition: 0.3s;
  pointer-events: none;
}
.contact-page .contact-form input:focus + label,
.contact-page .contact-form input:not(:placeholder-shown) + label,
.contact-page .contact-form textarea:focus + label,
.contact-page .contact-form textarea:not(:placeholder-shown) + label {
  top: -8px;
  left: 10px;
  font-size: 12px;
  background: #fff;
  padding: 0 5px;
  color: #007bff;
}
.contact-page .contact-form button {
  background: #007bff;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
  border: none;
  font-size: 16px;
  transition: 0.3s;
}
.contact-page .contact-form button:hover {
  background: #0056b3;
}

/* Right Side Boxes */
.contact-page .contact-info {
  background: #ffffff;
  border-left: 5px solid #007bff;
  transition: 0.3s;
}
.contact-page .contact-info:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
.contact-page .contact-info h4 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #007bff;
}
.contact-page .contact-info p,
.contact-page .contact-info li {
  font-size: 14px;
  color: #555;
}

/* ------------------------------------------------------------
GRE Page Style
----------------------------------------------------------- */

/* GRE Page Styles */
.gre-page {
  font-family: 'Poppins', sans-serif;
}

/* Hero */
.gre-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
              url('/assets/images/gre-banner.jpg') center/cover no-repeat;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gre-hero h1 {
  font-size: 42px;
  font-weight: 700;
}
.gre-hero p {
  font-size: 18px;
  margin-top: 15px;
  color: #ffffff;
}
.gre-hero .btn {
  padding: 12px 30px;
  font-size: 16px;
}

/* Why Choose */
.gre-why .gre-box {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  text-align: center;
  transition: 0.3s;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.gre-why .gre-box p {
color: #000;
}

.gre-why .gre-box:hover {
  transform: translateY(-5px);
}

/* Modules */
.gre-modules .gre-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  transition: 0.3s;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.gre-modules .gre-card p{
  color: #000;
}
.gre-modules .gre-card:hover {
  transform: scale(1.05);
  background: #007bff;
  color: #fff;
}

/* Methodology */
.gre-method-list {
  max-width: 700px;
  margin: auto;
  list-style: none;
  padding: 0;
}
.gre-method-list li {
  padding: 12px 15px;
  margin-bottom: 10px;
  border-left: 4px solid #007bff;
  background: #f9fafc;
  border-radius: 6px;
  font-size: 15px;
}

/* Testimonials */
.gre-testimonials .testimonial-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}
.gre-testimonials .testimonial-box p{
  color: #000;
}
.gre-testimonials h6 {
  font-weight: 600;
  margin-top: 10px;
}

/* CTA */
.gre-cta {
  background: #007bff;
  color: #fff;
}
.gre-cta h2 {
  font-weight: 700;
}
.gre-cta .btn {
  background: #28a745;
  border: none;
  padding: 12px 28px;
  font-size: 16px;
  border-radius: 8px;
}
.gre-cta .btn:hover {
  background: #218838;
}

/* -----------------------------------------------------
GMAT PAge
----------------------------------------------------- */

/* Hero Section */
.gmat-hero {
  background: url('/assets/images/gmat-banner.jpg') center/cover no-repeat;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  position: relative;
}

.gmat-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
}

.gmat-hero-content {
  position: relative;
  z-index: 1;
  max-width: 700px;
}

.gmat-hero h1 {
  font-size: 2.5rem;
  margin-bottom: 15px;
}

.gmat-btn {
  display: inline-block;
  padding: 12px 24px;
  background: #0077cc;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s;
}
.gmat-btn:hover {
  background: #005fa3;
}

/* Why Section */
.gmat-why {
  padding: 50px 20px;
  background: #fff;
  text-align: center;
}
.gmat-why p{
  color: #000;
}
.gmat-why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;
}
.card {
  background: #f1f8ff;
  padding: 20px;
  border-radius: 10px;
  transition: 0.3s;
}
.card:hover {
  transform: translateY(-5px);
}

/* Modules Section */
.gmat-modules {
  padding: 50px 20px;
  background: #f9f9f9;
  text-align: center;
}
.modules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 30px;
}
.module {
  background: #fff;
  padding: 20px;
  border-left: 4px solid #0077cc;
  border-radius: 8px;
  text-align: left;
}
.module p{
  color: #000;
}

/* Success Stories */
.gmat-success {
  padding: 50px 20px;
  background: #fff;
  text-align: center;
}
.testimonials {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}
.testimonial {
  background: #f1f8ff;
  padding: 20px;
  border-radius: 8px;
  max-width: 400px;
  font-style: italic;
}
.testimonial p{
  color: #000;
}

/* CTA Section */
.gmat-cta {
  padding: 60px 20px;
  background: linear-gradient(135deg, #0077cc, #005fa3);
  color: #fff;
  text-align: center;
}
.gmat-cta h2 {
  margin-bottom: 15px;
}
.gmat-cta .gmat-btn {
  background: #fff;
  color: #0077cc;
}
.gmat-cta .gmat-btn:hover {
  background: #eaeaea;
}


/* --------------------------------------------------------
SAT Page
--------------------------------------------------------- */

/* SAT Page Scoped Styling */
.sat-page {
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 1.6;
  padding: 20px;
}

/* Hero */
.sat-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('/assets/images/gre-banner.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 80px 20px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.sat-hero h1 { font-size: 40px; margin-bottom: 15px; }

/* Why Choose */
.sat-why {
  background: #f9f9f9;
  padding: 40px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.sat-why h2 { margin-bottom: 20px; }
.sat-why ul { list-style: disc; padding-left: 20px; }

/* Modules Grid */
.sat-modules { margin-bottom: 45px; }
.sat-modules p{color: #000 ; }
.sat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.sat-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.sat-card:hover { transform: translateY(-5px); }

/* Teaching Approach */
.sat-approach {
  background: #557897;
  padding: 40px;
  border-radius: 12px;
  margin-bottom: 40px;
}

/* Testimonials */
.sat-testimonials { margin-bottom: 40px; }
.sat-testimonial-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sat-testimonial p{
  color: #000;
}
.sat-testimonial {
  flex: 1;
  min-width: 250px;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Call To Action */
.sat-cta {
  text-align: center;
  background: linear-gradient(135deg, #0077cc, #005fa3);
  color: #fff;
  padding: 50px 20px;
  border-radius: 12px;
}
.sat-cta h2 { margin-bottom: 15px; }
.sat-btn {
  display: inline-block;
  background: #fff;
  color: #0077b6;
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}
.sat-btn:hover { background: #085c89; color: #fff; }


/* ------------------------------------------------------------------------------------------
PTE Page start
------------------------------------------------------------------------------------ */

/* PTE Page Scoped Styling */
.pte-page {
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 1.6;
  padding: 20px;
}

/* Hero */
.pte-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('/assets/images/gmat-banner.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 80px 20px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.pte-hero h1 { font-size: 40px; margin-bottom: 15px; }

/* Why Choose */
.pte-why {
  background: #fef9f5;
  padding: 40px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.pte-why h2 { margin-bottom: 20px; }
.pte-why ul { list-style: disc; padding-left: 20px; }

/* Modules Grid */
.pte-modules { margin-bottom: 40px; }
.pte-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.pte-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.pte-card p{
  color: #000000;
}
.pte-card:hover { transform: translateY(-5px); }

/* Teaching Approach */
.pte-approach {
  background: #22424e;
  padding: 40px;
  border-radius: 12px;
  margin-bottom: 40px;
}

/* Testimonials */
.pte-testimonials { margin-bottom: 40px; }
.pte-testimonials p{ color: #000; }
.pte-testimonial-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.pte-testimonial {
  flex: 1;
  min-width: 250px;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Call To Action */
.pte-cta {
  text-align: center;
  background: linear-gradient(135deg, #0077cc, #005fa3);
  color: #fff;
  padding: 50px 20px;
  border-radius: 12px;
}
.pte-cta h2 { margin-bottom: 15px; }
.pte-btn {
  display: inline-block;
  background: #fff;
  color: #ff7e5f;
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}
.pte-btn:hover { background: #ff7e5f; color: #fff; }


/* ---------------------------------------------------------------------------
Dulongo Page :start
--------------------------------------------------------------------------- */
/* Duolingo Page Scoped Styling */
.duo-page {
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 1.6;
  padding: 20px;
}

/* Hero */
.duo-hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('/assets/images/gre-banner.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 90px 20px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.duo-hero h1 { font-size: 42px; margin-bottom: 15px; }

/* Why Choose */
.duo-why {
  background: #fef9f5;
  padding: 40px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.duo-why h2 { margin-bottom: 20px; }
.duo-why ul { list-style: disc; padding-left: 20px; }

/* Test Format */
.duo-format { margin-bottom: 40px; }
.duo-format p{ color: #000000; }
.duo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.duo-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.duo-card:hover { transform: translateY(-5px); }

/* Features */
.duo-features {
  background: #e9f8ff;
  padding: 40px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.duo-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.duo-feature {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.duo-feature p{color: #000000;}

/* Testimonials */
.duo-testimonials { margin-bottom: 40px; }
.duo-testimonials p { color: #000000; }
.duo-testimonial-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.duo-testimonial {
  flex: 1;
  min-width: 250px;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Call To Action */
.duo-cta {
  text-align: center;
  background: linear-gradient(135deg, #12c2e9, #c471ed, #f64f59);
  color: #fff;
  padding: 50px 20px;
  border-radius: 12px;
}
.duo-cta h2 { margin-bottom: 15px; }
.duo-btn {
  display: inline-block;
  background: #fff;
  color: #12c2e9;
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}
.duo-btn:hover { background: #12c2e9; color: #fff; }

/* -------------------------------------------------------
Canada pr
------------------------------------------------------- */

/* Scoped only for Canada PR page */
.canadapr-page { 
  --primary: #d62828;
  --accent: #0a9396;
  --ink: #222;
  --bg: #f8fafc;
  --card: #ffffff;
  font-family: 'Poppins', sans-serif; 
  color: var(--ink);
  line-height: 1.65;
}

/* Utilities */
.canadapr-page .capr-btn {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 28px;
  text-decoration: none;
  background: var(--primary);
  color: #fff;
  font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  box-shadow: 0 6px 16px rgba(214,40,40,.2);
}
.canadapr-page .capr-btn:hover { 
  transform: translateY(-2px); 
  box-shadow: 0 10px 22px rgba(214,40,40,.28);
}
.canadapr-page .capr-btn.ghost {
  background: #fff; 
  color: var(--primary); 
  border: 2px solid var(--primary);
}

/* Hero */
.canadapr-page .capr-hero {
  background:
    linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
    url('/assets/images/canada-pr.jpg') center/cover no-repeat;
  color: #fff;
  padding: 90px 90px;
  text-align: center;
}
.canadapr-page .capr-hero-content { max-width: 900px; margin: 0 auto; }
.canadapr-page .capr-hero h1 { font-size: 42px; margin: 0 0 12px; font-weight: 800; }
.canadapr-page .capr-hero p { font-size: 18px; margin-bottom: 18px; }


/* Section base */
.canadapr-page section { padding: 60px 20px; background: var(--bg); }
.canadapr-page section:nth-of-type(even) { background: #fff; }
.canadapr-page h2 { font-size: 30px; margin: 0 0 20px; font-weight: 800; }

/* Why */
.canadapr-page .capr-why-grid {
  display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.canadapr-page .capr-why-grid p{
  color: #000000;
}

.canadapr-page .capr-card {
  background: var(--card); border-radius: 14px; padding: 20px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  transition: transform .2s ease;
}
.canadapr-page .capr-card:hover { transform: translateY(-4px); }
.canadapr-page .capr-card h3 { margin: 0 0 8px; color: var(--primary); font-size: 18px; }

/* Pathways */
.canadapr-page .capr-pathways .capr-accordion details {
  background: var(--card); border-radius: 14px; margin: 12px 0; padding: 0 18px;
  box-shadow: 0 6px 16px rgba(0,0,0,.05);
}

.canadapr-page .capr-pathways .capr-accordion details p{color: #000000;}

.canadapr-page .capr-pathways summary {
  cursor: pointer; padding: 16px 0; font-weight: 700; color: var(--accent);
  list-style: none;
}
.canadapr-page .capr-pathways summary::-webkit-details-marker { display: none; }
.canadapr-page .capr-details { padding: 0 0 16px; }
.canadapr-page .capr-bullets { margin: 8px 0 0 16px; }
.canadapr-page .capr-bullets li { margin: 6px 0; }
.canadapr-page .capr-tip {
  margin-top: 10px; font-size: 14px; color: #444; 
  padding: 10px 12px; border-left: 4px solid var(--primary); background: #fff7f7; border-radius: 8px;
}

/* Eligibility */
.canadapr-page .capr-elig-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.canadapr-page .capr-elig-grid p{
  color: #000000;
}

.canadapr-page .capr-elig-card {
  background: var(--card); border-radius: 12px; padding: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}
.canadapr-page .capr-elig-card h3 { margin: 0 0 8px; color: var(--primary); }

/* CRS section */
.canadapr-page .capr-crs { text-align: center; }
.canadapr-page .capr-crs-list {
  display: inline-grid; gap: 8px; text-align: left; margin: 12px auto 20px;
  grid-template-columns: 1fr; max-width: 600px; padding-left: 18px;
}
.canadapr-page .capr-crs .capr-btn { margin-top: 6px; }

/* Steps */
.canadapr-page .capr-steps-list { 
  counter-reset: step; margin: 0; padding: 0; list-style: none; 
  display: grid; gap: 12px; max-width: 820px; 
}
.canadapr-page .capr-steps-list li {
  background: var(--card); border-radius: 12px; padding: 14px 16px; 
  box-shadow: 0 4px 14px rgba(0,0,0,.05); position: relative;
}
.canadapr-page .capr-steps-list li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: -12px; top: 12px;
  background: var(--primary); color: #fff; width: 28px; height: 28px;
  border-radius: 50%; display: grid; place-items: center; font-weight: 700;
}

/* Documents */
.canadapr-page .capr-docs-grid { 
  display: grid; gap: 12px; 
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
}
.canadapr-page .capr-docs-grid ul {
  background: var(--card); border-radius: 12px; padding: 16px 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}
.canadapr-page .capr-docs-grid li { margin: 8px 0; }

/* Proof of Funds */
.canadapr-page .capr-table-wrap { overflow-x: auto; }
.canadapr-page .capr-table {
  width: 100%; border-collapse: collapse; min-width: 420px;
  background: var(--card); border-radius: 12px; overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,.05);
}
.canadapr-page .capr-table th, 
.canadapr-page .capr-table td { padding: 12px 14px; text-align: left; }
.canadapr-page .capr-table thead { background: #ffe6e6; }
.canadapr-page .capr-table tbody tr:nth-child(even) { background: #fff7f7; }
.canadapr-page .capr-note { font-size: 14px; color: #555; margin-top: 10px; }

/* Timelines & Fees */
.canadapr-page .capr-timeline-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.canadapr-page .capr-timeline-grid p{
  color: #000000;
}

.canadapr-page .capr-tile {
  background: var(--card); border-radius: 12px; padding: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}
.canadapr-page .capr-tile h3 { margin: 0 0 8px; color: var(--accent); }

/* Demand tags */
.canadapr-page .capr-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.canadapr-page .capr-tags span {
  background: #eef8ff; color: #0b5a66; border: 1px solid #cdefff;
  padding: 8px 12px; border-radius: 999px; font-size: 14px;
}

/* FAQ */
.canadapr-page .capr-faq .capr-accordion details {
  background: var(--card); border-radius: 12px; margin: 10px 0; padding: 0 16px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}

.canadapr-page .capr-faq .capr-accordion details p{
  color: #000000;
}

.canadapr-page .capr-faq summary {
  cursor: pointer; padding: 14px 0; font-weight: 700; color: var(--ink);
}
.canadapr-page .capr-faq .capr-details { padding: 0 0 14px; }

/* CTA */
.canadapr-page .capr-cta {
  text-align: center; background: linear-gradient(135deg, var(--primary), #9d0208);
  color: black; border-radius: 16px; margin: 40px 20px; padding: 50px 20px;
}
.canadapr-page .capr-cta h2 { margin: 0 0 10px; }
.canadapr-page .capr-cta .capr-btn { background: #fff; color: var(--primary); border: 0; }
.canadapr-page .capr-cta .capr-btn:hover { background: #ffe6e6; }
.canadapr-page .capr-cta p{color: #000000;}

/* Layout container widths (optional) */
.canadapr-page section { max-width: 1100px; margin-left: auto; margin-right: auto; }

/* Responsive tweaks */
@media (max-width: 560px) {
  .canadapr-page .capr-hero h1 { font-size: 32px; }
  .canadapr-page .capr-hero { padding: 70px 16px; }
  .canadapr-page .capr-steps-list li::before { left: -10px; }
}

/* -----------------------------------------------------------------
Ausralia PR
----------------------------------------------------------------- */

/* Scoped only for Australia PR page */
.auspr-page {
  --primary: #0a6ebd;
  --accent: #00a896;
  --ink: #1e293b;
  --bg: #f6f8fb;
  --card: #ffffff;
  font-family: 'Poppins', sans-serif;
  color: var(--ink);
  line-height: 1.65;
}

/* Buttons */
.auspr-page .aus-btn {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 28px;
  text-decoration: none;
  background: var(--primary);
  color: #fff;
  font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  box-shadow: 0 6px 16px rgba(10,110,189,.2);
}
.auspr-page .aus-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(10,110,189,.28); }
.auspr-page .aus-btn.ghost { background: #fff; color: var(--primary); border: 2px solid var(--primary); }

/* Sections */
.auspr-page section { padding: 60px 20px; background: var(--bg); }
.auspr-page section:nth-of-type(even) { background: #fff; }
.auspr-page h2 { font-size: 30px; margin: 0 0 18px; font-weight: 800; }

/* Container width */
.auspr-page section { max-width: 1120px; margin-inline: auto; }

/* Hero */
.auspr-page .aus-hero {
  background:
    linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
    url('/assets/images/Australia-tourist.jpg') center/cover no-repeat;
  color: #fff; text-align: center; padding: 90px 20px;
}
.auspr-page .aus-hero-content { max-width: 900px; margin: 0 auto; }
.auspr-page .aus-hero h1 { font-size: 42px; margin: 0 0 12px; font-weight: 800; }
.auspr-page .aus-hero p { font-size: 18px; margin-bottom: 18px; }

/* Why */
.auspr-page .aus-why-grid {
  display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.auspr-page .card {
  background: var(--card); border-radius: 14px; padding: 20px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06); transition: transform .2s ease;
}
.auspr-page .card:hover { transform: translateY(-4px); }
.auspr-page .card h3 { margin: 0 0 8px; color: var(--primary); font-size: 18px; }

/* Pathways accordion */
.auspr-page .accordion details {
  background: var(--card); border-radius: 14px; margin: 12px 0; padding: 0 18px;
  box-shadow: 0 6px 16px rgba(0,0,0,.05);
}
.auspr-page .accordion summary {
  cursor: pointer; padding: 16px 0; font-weight: 700; color: var(--accent);
  list-style: none;
}
.auspr-page .accordion p{
  color: #000000;
}
.auspr-page .accordion summary::-webkit-details-marker { display: none; }
.auspr-page .details { padding: 0 0 16px; }

/* Eligibility */
.auspr-page .elig-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.auspr-page .elig-card {
  background: var(--card); border-radius: 12px; padding: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}
.auspr-page .elig-card h3 { margin: 0 0 8px; color: var(--primary); }
.auspr-page .elig-card p{color: #000000;}

/* Points table */
.auspr-page .table-wrap { overflow-x: auto; }
.auspr-page .table {
  width: 100%; border-collapse: collapse; min-width: 420px;
  background: var(--card); border-radius: 12px; overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,.05);
}
.auspr-page .table th, .auspr-page .table td { padding: 12px 14px; text-align: left; }
.auspr-page .table thead { background: #e6f1ff; }
.auspr-page .table tbody tr:nth-child(even) { background: #f6fbff; }

/* Steps */
.auspr-page .steps-list {
  counter-reset: step; list-style: none; padding: 0; margin: 0; 
  display: grid; gap: 12px; max-width: 820px;
}
.auspr-page .steps-list li {
  background: var(--card); border-radius: 12px; padding: 14px 16px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05); position: relative;
}
.auspr-page .steps-list li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: -12px; top: 12px;
  background: var(--primary); color: #fff; width: 28px; height: 28px;
  border-radius: 50%; display: grid; place-items: center; font-weight: 700;
}

/* Documents */
.auspr-page .docs-grid {
  display: grid; gap: 12px; 
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.auspr-page .docs-grid ul {
  background: var(--card); border-radius: 12px; padding: 16px 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}
.auspr-page .docs-grid li { margin: 8px 0; }

/* States & Demand tags */
.auspr-page .tags { display: flex; flex-wrap: wrap; gap: 10px; }
.auspr-page .tags span {
  background: #eef8ff; color: #0b5a66; border: 1px solid #cdefff;
  padding: 8px 12px; border-radius: 999px; font-size: 14px;
}
.auspr-page .note { font-size: 14px; color: #555; margin-top: 10px; }

/* Fees */
.auspr-page .tile-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.auspr-page .tile {
  background: var(--card); border-radius: 12px; padding: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}
.auspr-page .tile h3 { margin: 0 0 8px; color: var(--accent); }
.auspr-page .tile p{color: #000000;}

/* CTA */
.auspr-page .aus-cta {
  text-align: center; background: linear-gradient(135deg, var(--primary), #064e89);
  color: #fff; border-radius: 16px; margin: 40px 20px; padding: 50px 20px;
}
.auspr-page .aus-cta h2 { margin: 0 0 10px;color: #000000; }
.auspr-page .aus-cta .aus-btn { background: #fff; color: var(--primary); border: 0; }
.auspr-page .aus-cta .aus-btn:hover { background: #eaf3ff; }
.auspr-page .aus-cta p{color: #000000;}

/* Responsive tweaks */
@media (max-width: 560px) {
  .auspr-page .aus-hero h1 { font-size: 32px; }
  .auspr-page .aus-hero { padding: 70px 16px; }
  .auspr-page .steps-list li::before { left: -10px; }
}




/* Scoped styles for Loan Page */
.loan-container {
  font-family: 'Poppins', sans-serif;
  color: #333;
  padding: 20px;
}

.loan-title h1 {
  font-weight: 700;
  color: #2c3e50;
  animation: fadeDown 1s ease;
}
.loan-title p {
  color: #666;
  max-width: 700px;
  margin: auto;
}

.loan-row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  margin-bottom: 50px;
}
.loan-col {
  flex: 1 1 45%;
}
.loan-col p{
  color:black;
}
.loan-img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  animation: fadeIn 1.2s ease;
}

.loan-section {
  margin-bottom: 50px;
}
.loan-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}
.loan-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}
.loan-card p{
  color: #000000;
}
.loan-card:hover {
  transform: translateY(-6px);
}
.loan-card h5 {
  color: #007bff;
  font-weight: 600;
  margin-bottom: 10px;
}

.loan-cta {
  text-align: center;
  background: linear-gradient(135deg, #007bff, #0056b3);
  color: #fff;
  padding: 40px 20px;
  border-radius: 16px;
  animation: fadeUp 1s ease;
}
.loan-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 12px 28px;
  background: #fff;
  color: #007bff;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}
.loan-btn:hover {
  background: #f1f1f1;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Loan Page Styles */
.loan-section {
  background: #f9f9ff;
  padding: 40px;
  margin-bottom: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.loan-section:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.section-title {
  font-size: 1.9rem;
  color: #003366;
  margin-bottom: 20px;
  font-weight: 600;
}

.intro-text {
  font-size: 1.05rem;
  color: #444;
  margin-bottom: 20px;
  line-height: 1.6;
}

.loan-list,
.loan-steps {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.loan-list li,
.loan-steps li {
  margin-bottom: 15px;
  font-size: 1.05rem;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
}

.loan-list li i,
.loan-steps li i {
  color: #0056b3;
  margin-right: 12px;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.loan-list li strong {
  color: #003366;
}

.closing-text {
  margin-top: 20px;
  font-size: 1.05rem;
  font-weight: 500;
  color: #2c3e50;
}


/* ===========================
   Terms & Conditions Page
   =========================== */

.terms-page {
  max-width: 900px;
  margin: 50px auto;
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  font-family: 'Poppins', sans-serif;
  line-height: 1.7;
  color: #333;
}

/* Headings */
.terms-page h1 {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px;
  color: #0a3d62;
}

.terms-page h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #006266;
}

/* Paragraphs */
.terms-page p {
  font-size: 1rem;
  margin-bottom: 15px;
  color: #444;
}

/* Lists */
.terms-page ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.terms-page ul li {
  margin-bottom: 8px;
  font-size: 1rem;
  color: #555;
  list-style: disc;
}

/* Links */
.terms-page a {
  color: #009432;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

.terms-page a:hover {
  color: #006266;
  text-decoration: underline;
}

/* Contact Info List */
.terms-page ul li strong {
  color: #0a3d62;
}

/* Responsive */
@media (max-width: 768px) {
  .terms-page {
    padding: 15px 20px;
  }

  .terms-page h1 {
    font-size: 1.8rem;
  }

  .terms-page h2 {
    font-size: 1.2rem;
  }

  .terms-page p,
  .terms-page ul li {
    font-size: 0.95rem;
  }
}


/* ===========================
   Privacy Policy Page
   =========================== */

.privacy-page {
  max-width: 900px;
  margin: 50px auto;
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  font-family: 'Poppins', sans-serif;
  line-height: 1.7;
  color: #333;
}

/* Headings */
.privacy-page h1 {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px;
  color: #0a3d62;
}

.privacy-page h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #006266;
}

/* Paragraphs */
.privacy-page p {
  font-size: 1rem;
  margin-bottom: 15px;
  color: #444;
}

/* Lists */
.privacy-page ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.privacy-page ul li {
  margin-bottom: 8px;
  font-size: 1rem;
  color: #555;
  list-style: disc;
}

/* Links */
.privacy-page a {
  color: #009432;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

.privacy-page a:hover {
  color: #006266;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .privacy-page {
    padding: 15px 20px;
  }

  .privacy-page h1 {
    font-size: 1.8rem;
  }

  .privacy-page h2 {
    font-size: 1.2rem;
  }

  .privacy-page p,
  .privacy-page ul li {
    font-size: 0.95rem;
  }
}



/* Scoped Canada Temporary Visa Styles */
.canada-temp {
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 1.7;
}

.canada-temp .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 20px;
}
.canada-temp .container p{
  color: #000000;
}

.canada-temp h2,
.canada-temp h3 {
  font-weight: 700;
  margin-bottom: 20px;
}

.canada-temp h2 {
  text-align: center;
  font-size: 2.5rem;
  color: #d32f2f;
}

.canada-temp h3 {
  font-size: 1.6rem;
  color: #004080;
  border-left: 5px solid #d32f2f;
  padding-left: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.canada-temp p {
  margin-bottom: 15px;
  font-size: 1rem;
}

.canada-temp .hero-img {
  display: block;
  margin: 20px auto;
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Benefits */
.canada-temp .benefit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.canada-temp .benefit-item {
  background: #f9f9f9;
  padding: 20px;
  text-align: center;
  border-radius: 12px;
  transition: transform 0.3s ease;
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

.canada-temp .benefit-item i {
  font-size: 2rem;
  color: #d32f2f;
  margin-bottom: 10px;
}

.canada-temp .benefit-item:hover {
  transform: translateY(-5px);
}

/* Slider */
.canada-temp .slider {
  position: relative;
  overflow: hidden;
  height: 150px;
}

.canada-temp .slide {
  display: none;
  text-align: center;
  font-style: italic;
  font-size: 1.1rem;
}

.canada-temp .slide.active {
  display: block;
  animation: fadeIn 1s ease-in-out;
}

.canada-temp .slide span {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  color: #555;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* FAQs */
.canada-temp .faq-item {
  margin-bottom: 20px;
}

.canada-temp .faq-item h4 {
  font-weight: 600;
  color: #333;
}

.canada-temp .faq-item p {
  margin-top: 5px;
  color: #555;
}

/* CTA */
.canada-temp .cta {
  text-align: center;
  background: #f9f9f9;
  border-radius: 12px;
  padding: 40px 20px;
  margin-top: 40px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.canada-temp .btn-apply {
  display: inline-block;
  background: #d32f2f;
  color: #fff;
  text-decoration: none;
  padding: 12px 25px;
  border-radius: 8px;
  transition: background 0.3s ease;
  font-weight: 500;
}

.canada-temp .btn-apply:hover {
  background: #b71c1c;
}


/* ================= South Africa Work Permit Styles ================= */
.south-africa-permit {
  font-family: "Poppins", sans-serif;
  color: #333;
}

/* Animations */
.south-africa-permit .animate-fade { animation: fadeIn 1.2s ease-in-out; }
.south-africa-permit .animate-left { animation: slideLeft 1.2s ease-in-out; }
.south-africa-permit .animate-right { animation: slideRight 1.2s ease-in-out; }
.south-africa-permit .animate-up { animation: slideUp 1.2s ease-in-out; }

@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes slideLeft { from {transform: translateX(-60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideRight { from {transform: translateX(60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideUp { from {transform: translateY(50px); opacity: 0;} to {transform: translateY(0); opacity: 1;} }

/* Intro Section */
.south-africa-permit .intro-section img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.south-africa-permit .intro-section p{
  color: #000000;
}

.south-africa-permit .intro-section ul {
  list-style: none;
  padding-left: 0;
}
.south-africa-permit .intro-section ul li {
  margin-bottom: 10px;
  font-weight: 500;
  color: #444;
}

/* Eligibility */
.south-africa-permit .eligibility-card {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.south-africa-permit .eligibility-card i {
  font-size: 40px;
  color: #0d6efd;
  margin-bottom: 15px;
}
.south-africa-permit .eligibility-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
.south-africa-permit .eligibility-card p{
  color: #000000;
}

/* Documents */
.south-africa-permit .document-list {
  list-style: none;
  padding: 0;
}
.south-africa-permit .document-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
.south-africa-permit .document-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #198754;
  font-weight: bold;
}

/* Permit Types */
.south-africa-permit .hover-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.south-africa-permit .hover-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.south-africa-permit h5{
  color: #000;
}

/* CTA */
.south-africa-permit .cta {
  background: linear-gradient(135deg, #1f272b, #3a7bd5);
  border-radius: 12px;
  color: #fff;
}


/* ================= Canada Work Permit Styles ================= */
.canada-permit {
  font-family: "Poppins", sans-serif;
  color: #333;
}

/* Animations */
.canada-permit .animate-fade { animation: fadeIn 1.2s ease-in-out; }
.canada-permit .animate-left { animation: slideLeft 1.2s ease-in-out; }
.canada-permit .animate-right { animation: slideRight 1.2s ease-in-out; }
.canada-permit .animate-up { animation: slideUp 1.2s ease-in-out; }

@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes slideLeft { from {transform: translateX(-60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideRight { from {transform: translateX(60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideUp { from {transform: translateY(50px); opacity: 0;} to {transform: translateY(0); opacity: 1;} }

/* Intro Section */
.canada-permit .intro-section img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.canada-permit .intro-section ul {
  list-style: none;
  padding-left: 0;
}
.canada-permit .intro-section ul li {
  margin-bottom: 10px;
  font-weight: 500;
  color: #444;
}

.canada-permit .intro-section p{
  color: #000000;
}

/* Eligibility */
.canada-permit .eligibility-card {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.canada-permit .eligibility-card i {
  font-size: 40px;
  color: #dc3545;
  margin-bottom: 15px;
}
.canada-permit .eligibility-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
.canada-permit .eligibility-card p{
  color: #000000;
}

/* Documents */
.canada-permit .document-list {
  list-style: none;
  padding: 0;
}
.canada-permit .document-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
.canada-permit .document-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #0d6efd;
  font-weight: bold;
}

/* Permit Types */
.canada-permit .hover-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.canada-permit .hover-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.canada-permit .hover-card h5{
  color: #000000;
}

/* CTA */
.canada-permit .cta {
  background: linear-gradient(135deg, #ff4b2b, #ff416c);
  border-radius: 12px;
  color: #fff;
}


/* ================= Germany Job Seeker Visa Styles ================= */
.germany-permit {
  font-family: "Poppins", sans-serif;
  color: #333;
}

/* Animations */
.germany-permit .animate-fade { animation: fadeIn 1.2s ease-in-out; }
.germany-permit .animate-left { animation: slideLeft 1.2s ease-in-out; }
.germany-permit .animate-right { animation: slideRight 1.2s ease-in-out; }
.germany-permit .animate-up { animation: slideUp 1.2s ease-in-out; }

@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes slideLeft { from {transform: translateX(-60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideRight { from {transform: translateX(60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideUp { from {transform: translateY(50px); opacity: 0;} to {transform: translateY(0); opacity: 1;} }

/* Intro Section */
.germany-permit .intro-section img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.germany-permit .intro-section p{
  color: #000000;
}
.germany-permit .intro-section ul {
  list-style: none;
  padding-left: 0;
}
.germany-permit .intro-section ul li {
  margin-bottom: 10px;
  font-weight: 500;
  color: #444;
}

/* Eligibility */
.germany-permit .eligibility-card {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.germany-permit .eligibility-card p{
  color: #000000;
}
.germany-permit .eligibility-card i {
  font-size: 40px;
  color: #000; /* German theme (black primary) */
  margin-bottom: 15px;
}
.germany-permit .eligibility-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* Documents */
.germany-permit .document-list {
  list-style: none;
  padding: 0;
}
.germany-permit .document-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
.germany-permit .document-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #e30613; /* German flag red */
  font-weight: bold;
}

/* Process */
.germany-permit .custom-list {
  padding-left: 20px;
}
.germany-permit .custom-list li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

/* CTA */
.germany-permit .cta {
  background: linear-gradient(135deg, #000000, #e30613, #ffcc00); /* German flag colors */
  border-radius: 12px;
  color: #fff;
}

/* ================= Australia Work Permit Styles ================= */
.australia-permit {
  font-family: "Poppins", sans-serif;
  color: #333;
}

/* Animations */
.australia-permit .animate-fade { animation: fadeIn 1.2s ease-in-out; }
.australia-permit .animate-left { animation: slideLeft 1.2s ease-in-out; }
.australia-permit .animate-right { animation: slideRight 1.2s ease-in-out; }
.australia-permit .animate-up { animation: slideUp 1.2s ease-in-out; }

@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes slideLeft { from {transform: translateX(-60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideRight { from {transform: translateX(60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideUp { from {transform: translateY(50px); opacity: 0;} to {transform: translateY(0); opacity: 1;} }

/* Intro Section */
.australia-permit .intro-section img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.australia-permit .intro-section p{
  color: #000000;
}
.australia-permit .intro-section ul {
  list-style: none;
  padding-left: 0;
}
.australia-permit .intro-section ul li {
  margin-bottom: 10px;
  font-weight: 500;
  color: #444;
}

/* Permit Types */
.australia-permit .permit-card {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.australia-permit .permit-card p{
  color: #000000;
}
.australia-permit .permit-card i {
  font-size: 40px;
  color: #0d6efd;
  margin-bottom: 15px;
}
.australia-permit .permit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* Eligibility */
.australia-permit .eligibility-list {
  list-style: none;
  padding-left: 0;
}
.australia-permit .eligibility-list li {
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
}
.australia-permit .eligibility-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #198754; /* green tick */
  font-weight: bold;
}

/* Process */
.australia-permit .custom-list {
  padding-left: 20px;
}
.australia-permit .custom-list li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

/* CTA */
.australia-permit .cta {
  background: linear-gradient(135deg, #006bb6, #00a859); /* Australia ocean + green */
  border-radius: 12px;
  color: #fff;
}

/* ================= US Settlement Styles ================= */
.us-settlement {
  font-family: "Poppins", sans-serif;
  color: #333;
}

/* Animations */
.us-settlement .animate-fade { animation: fadeIn 1.2s ease-in-out; }
.us-settlement .animate-left { animation: slideLeft 1.2s ease-in-out; }
.us-settlement .animate-right { animation: slideRight 1.2s ease-in-out; }
.us-settlement .animate-up { animation: slideUp 1.2s ease-in-out; }

@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes slideLeft { from {transform: translateX(-60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideRight { from {transform: translateX(60px); opacity: 0;} to {transform: translateX(0); opacity: 1;} }
@keyframes slideUp { from {transform: translateY(50px); opacity: 0;} to {transform: translateY(0); opacity: 1;} }

/* Intro Section */
.us-settlement .intro-section img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.us-settlement .intro-section ul {
  list-style: none;
  padding-left: 0;
}
.us-settlement .intro-section ul li {
  margin-bottom: 10px;
  font-weight: 500;
  color: #444;
}
.us-settlement .intro-section p{
  color: #000000;
}

/* Pathway Cards */
.us-settlement .pathway-card {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.us-settlement .pathway-card p{
  color: #000000;
}
.us-settlement .pathway-card i {
  font-size: 40px;
  color: #0d6efd;
  margin-bottom: 15px;
}
.us-settlement .pathway-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* Eligibility */
.us-settlement .eligibility-list {
  list-style: none;
  padding-left: 0;
}
.us-settlement .eligibility-list li {
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
}
.us-settlement .eligibility-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #198754;
  font-weight: bold;
}

/* Process */
.us-settlement .custom-list {
  padding-left: 20px;
}
.us-settlement .custom-list li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

/* CTA */
.us-settlement .cta {
  background: linear-gradient(135deg, #002868, #bf0a30); /* US flag colors: blue & red */
  border-radius: 12px;
  color: #fff;
}

.schengen-container {
    font-family: Arial, sans-serif;
    padding: 20px;
    max-width: 1200px;
    margin: auto;
  }

  .schengen-container .title {
    font-size: 2.5rem;
    color: #0056b3;
    font-weight: bold;
  }

  .schengen-container .subtitle {
    font-size: 1.2rem;
    color: #666;
  }

  /* Info Section */
  .schengen-container .info-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
    align-items: center;
  }
  .schengen-container .info-section p{
    color: #000000;
  }

  .schengen-container .info-image {
    flex: 1;
    min-width: 250px;
  }

  .schengen-container .info-image img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }

  .schengen-container .info-text {
    flex: 2;
    min-width: 280px;
  }

  .schengen-container h2 {
    color: #003366;
    margin-bottom: 15px;
  }

  .schengen-container ul {
    list-style: none;
    padding: 0;
  }

  .schengen-container ul li {
    margin-bottom: 10px;
  }

  /* Eligibility & Process Sections */
  .schengen-container .eligibility,
  .schengen-container .process {
    margin-bottom: 40px;
  }

  /* Steps */
  .schengen-container .steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
  }
  .schengen-container .steps p{
    color: #000000;
  }

  .schengen-container .step {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.2s;
  }

  .schengen-container .step:hover {
    transform: translateY(-5px);
  }

  /* Call to Action */
  .schengen-container .cta {
    text-align: center;
    margin-top: 30px;
  }

  .schengen-container .apply-btn {
    display: inline-block;
    padding: 12px 30px;
    background: #0056b3;
    color: #fff;
    border-radius: 30px;
    font-size: 1.1rem;
    text-decoration: none;
    transition: background 0.3s;
  }

  .schengen-container .apply-btn:hover {
    background: #003d80;
  }

  /* ====== Responsive ====== */
  @media (max-width: 991px) {
    .schengen-container .info-section {
      flex-direction: column;
      text-align: center;
    }
    .schengen-container .info-text ul {
      display: inline-block;
      text-align: left;
    }
  }

  @media (max-width: 575px) {
    .schengen-container .title {
      font-size: 2rem;
    }
    .schengen-container .subtitle {
      font-size: 1rem;
    }
    .schengen-container .step {
      padding: 15px;
    }
    .schengen-container .apply-btn {
      padding: 10px 25px;
      font-size: 1rem;
    }
  }

  /* Floating animation for image */
.schengen-container .floating img {
  animation: float 4s ease-in-out infinite alternate;
}

@keyframes float {
  0% { transform: translateX(0px); }
  50% { transform: translateX(15px); }
  100% { transform: translateX(0px); }
}