/*-------------------------------------------------------------------------------------
Theme Name:	Edumart
Theme URI: 	http://protechtheme.com/edumart/
Author: protechtheme
-------------------------------------------------------------------------------------*/

/**
*****************************************
@File: Edumart Theme Styles

* This file contains the styling for the actual Template,
this is the file you need to edit to change the look of the Template.

01. General Style
02. header
03. navigation
04. home sections
	├─ banner
	├─ about
	├─ cources
	├─ impotance
	├─ how study
	├─ why choose
	├─ news & events
	├─ campus tour
	├─ client logos
	├─ testimonials
05. footer
06. index 2
	├─ banner2
	├─ Intro Sec
	├─ Popular Cources Sec
	├─ Whats Makes Different Sec
	├─ How Study 2
	├─ Why Choose 2
	├─ Testimonials 2
	├─ Brands 2
	├─ Footer 2
07. about page
08. cources listing page
	├─ browse teacher
09. course detail page
	├─ course detail tab
	├─ how to apply
	├─ comments section
10. contact page
11. blog page
12. blog Single page
13. 404 page
14. FAQ opt1 page
15. FAQ opt2 page

16. login page
17. testimonial page
18. gallery page
19. news & events page
20. privacy page
21. register page
22. apply online page
23. generic UI page
24. Coming Soon
25. Responsive Style

*****************************************
**/

/* ================================================== */
/* 01. General Style */
/* ================================================== */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");

body {
    font-family: "Helvetica", sans-serif;
  font-size: 14px;
  color: #93a0a7;
  line-height: 26px;
}

/*---Typography---*/

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
  font-family: "texgyreadventorbold";
  text-transform: uppercase;
  color: #24353b;
}
h1 {
  font-size: 46px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 14px;
}
p {
  padding: 0px;
  margin: 0px;

  color: #272626;
}
ol,
ul {
  margin-bottom: 0px;
}
a {
  text-decoration: none !important;
  outline: none;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
label {
  font-weight: normal;
}
::-webkit-input-placeholder {
  opacity: 1;
  text-transform: uppercase;
}
:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  text-transform: uppercase;
}
::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  text-transform: uppercase;
}
:-ms-input-placeholder {
  opacity: 1;
  text-transform: uppercase;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent !important;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
  color: transparent !important;
}
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent !important;
}

/*-----------------------
	Page Loader
-----------------------*/
#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  background: #fff;
}
#loading .element {
  position: absolute;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  top: 50%;
}
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff9600;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}


/* ================================================== */
/* 03. navigation */
/* ================================================== */
.navbar {
  border-radius: 0px;
  margin: 0px;
  border: none;
}
.navbar-collapse {
  padding: 0px;
}
.navbar-inverse {
  /* background: #17a43b; */
}
.nav > li > a {
  padding: 19px 26px;
}
/* .navbar-nav > li {
	border-right: 1px #5fc078 solid;
} */
.navbar-nav > li > a {
  text-transform: uppercase;
}
.navbar-nav > li:last-child {
  border: none;
}
.navbar-inverse .navbar-nav > li > a {
  font-family: "texgyreadventorbold";
  /* font-size: 16px; */
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fcc045;
}
.navbar-inverse .navbar-nav > li > a i {
  font-size: 20px;
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a i:hover,
.navbar-inverse .navbar-nav > li > a i:focus {
  color: #fcc045;
}



/* General Styling for Links and Navbar */
.nav-link {
  font-size: 1.6rem;
  padding: 10px 15px;
  text-align: center;
  color: #ffffff !important; /* Ensures text stays white */
  transition: color 0.3s ease-in-out; /* Smooth hover transition */
}
.nav-link:hover {
  color: #ffc107 !important; /* Hover color */
}
.nav-link:hover {
  background-color: transparent !important; /* Ensures no background on hover */
  color: #ffc107 !important; /* Optional: Set a custom color for the text on hover */
}

/* Navbar Toggler (Hamburger Menu) Styling */
.navbar-toggler {
  border: none; /* Optional: Remove the border around the toggler */
}



.custom-toggler {
  position: fixed;
  font-size: 25px; /* Adjust size */
  color: #fff; /* Toggler color */

}


/* Dropdown Menu Customization */
.dropdown-menu-dark {
  background-color: #343a40; /* Matches the navbar background */
  border: none;
  border-radius: 5px; 

}
.dropdown-item {
  font-size: 1.5rem;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.dropdown-item:hover {
  background-color: #495057; /* Slightly lighter shade on hover */
  color: #ffc107; /* Gold color on hover */
}

/* Logo Section */
a img {
  height: 80px;
}

/* Breakpoints and Responsive Design */

/* For Large Screens */
@media (min-width: 992px) {
  .navbar-collapse {
    justify-content: center;
  }
  .nav {
    flex-direction: row !important;
  }
  .nav-link {
    padding: 12px 20px;
  }
}

/* For Medium Screens (Tablets) */
@media (max-width: 991px) {
  .navbar-collapse {
    text-align: center;
  }
  .nav {
    flex-direction: column !important;
    text-align: center;
  }
  .nav-link {
    font-size: 1rem;
    padding: 10px 15px;
  }
  .navbar-toggler {
    margin-left: auto;
    margin-right: 0;
  }
}

/* For Small Screens (Phones) */
@media (max-width: 576px) {
  .nav-link {
    font-size: 0.9rem;
    padding: 8px 10px;
  }
  a img {
    max-height: 60px; /* Adjusted for smaller screens */
  }
  .navbar-toggler {
    margin-left: auto;
  }
}




/* Fixed Header Styling */
.bg-dark {
  background-color: #343a40 !important; /* Dark background */
}
.fixed-top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1030; /* Ensures it stays above other elements */
}
.text-white {
  color: #ffffff !important;
}
.border-radius-5px {
  border-radius: 5px;
}

/* Specific styling for nav-items */
.nav-item {
  margin: 0 10px; /* Add spacing between individual nav-items */
}

/* Larger font size for nav-items on desktop */
@media (min-width: 992px) {
  .nav-link {
    font-size: 1.8rem; /* Increase font size for desktop screens */
    padding: 15px 25px; /* Add padding for a more spacious feel */
  }
  .nav-item {
    margin: 0 15px; /* Increase spacing between nav-items */
  }
}
/* General Styling for nav-items and nav-links */
.nav-item {
  font-size: 1.3rem; /* Adjust the size as needed */
}

/* For Large Screens */
@media (min-width: 992px) {
  .nav-item,
  .nav-link {
    font-size: 1.5rem; /* Larger font size for desktops */
  }
}

/* For Medium Screens (Tablets) */
@media (max-width: 991px) {
  .nav-item,
  .nav-link {
    font-size: 1.25rem; /* Medium font size for tablets */
  }
}

/* For Small Screens (Phones) */
@media (max-width: 576px) {
  .nav-item,
  .nav-link {
    font-size: 1rem; /* Smaller font size for phones */
  }
}



.nav .dropdown-menu {
  min-width: 260px;
  padding: 0px;
  border: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  border-top: 4px #FCBA2E solid;
}
.nav .dropdown-menu:after {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(255, 150, 0, 0);
  border-bottom-color: #FCBA2E;
  border-width: 10px;
}
.nav .dropdown-menu > li > a {
  padding: 7px 15px;
}
.nav .dropdown-menu > li > a:focus,
.nav .dropdown-menu > li > a:hover {
  background: #FCBA2E;
  color: #fff;
}

/* Logo Image Border Radius */
header a img {
  border-radius: 5px; /* For a circular shape */
  /* Or use any other radius like 10px for rounded corners */
  /* border-radius: 10px; */
}





/* Navbar Toggler Icon Fixed Position */
.navbar-toggler {
  position: absolute; /* Keeps it in a fixed position relative to its parent */
  top: 15px;
  right: 10px;
  z-index: 1050; /* Ensures it stays on top */
  margin: 0; /* Removes unwanted margins */
  border: none; /* Optional: Removes border for a cleaner look */
}

/* General Toggler Styling */
.navbar-toggler {
  position: absolute; /* Keeps it aligned relative to its parent */
  top: 15px; /* Adjust to align with logo */
  right: 15px; /* Adjust to align with layout */
  z-index: 1050; /* Ensures visibility over content */
  margin: 0; /* Removes unwanted margins */
  border: none; /* Clean appearance */
  display: flex;
  align-items: center; /* Align icon vertically */
  justify-content: center; /* Center the icon */
}

/* Custom Toggler Icon Appearance */
.navbar-toggler .custom-toggler {
  position: relative;
  font-size: 25px; /* Base size for toggler icon */
  color: #ffffff; /* Match with navbar theme */
}

/* Adjustments for Breakpoints */


/* For Large Screens (992px and above) */
@media (min-width: 992px) {
  .navbar-toggler {
    display: none; /* Hide toggler on larger screens */
  }
}

/* For Small Screens (576px and below) */
@media (max-width: 576px) {
  .navbar-toggler {
    top: 20px; /* Adjust alignment */
    right: 10px; /* Adjust alignment */
  }

  .navbar-toggler .custom-toggler {
    font-size: 25px; /* Smaller size for mobile */
  }
}

/* For Screens Above 576px */
@media (min-width: 577px) and (max-width: 768px) {
  .navbar-toggler {
    top: 30px; /* Align vertically */
    right: 10px; /* Adjust alignment */
  }

  .navbar-toggler .custom-toggler {
    font-size: 30px; /* Adjust size for tablets */
  }
}

/* For Screens Between 768px and 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-toggler {
    top: 30px; /* Adjust position */
    right: 10px; /* Align more with logo */
  }

  .navbar-toggler .custom-toggler {
    font-size: 30px; /* Larger size for tablets/laptops */
  }
  
  /* Adjust the navbar links' alignment for medium devices */
  .navbar-collapse {
    text-align: center;

  }
  
  /* Ensure the dropdown menus are centered on medium screens */
  .dropdown-menu {
    text-align: center;
  }
}



/* Logo and Toggler Alignment */
.navbar-brand img {
  max-height: 50px; /* Adjust logo size for alignment */
  margin-right: 10px; /* Spacing between logo and toggler */
}

.navbar {
  display: flex;
  align-items: center; /* Align logo and toggler vertically */
  justify-content: space-between; /* Add proper spacing */
}

/* Collapse Menu Links - Remove Icons in Mobile View */
@media (max-width: 576px) {
  .nav-link {
    font-size: 1rem; /* Ensure links are readable */
    padding: 10px 15px; /* Adjust spacing for mobile view */
    display: block; /* Ensures each link is stacked */
  }

  /* Hide icons in the dropdown menu */
  .nav .dropdown-item i {
    display: none; /* Hides any icons present */
  }

  /* Align dropdown menu links to center */
  .dropdown-menu {
    text-align: left;
  }



  /* Prevent any misalignment of dropdown submenus */
  .dropdown-menu > .dropdown-submenu > ul {
    position: relative;
    left: 0;
    top: 0;
  }
}
/* Collapse Menu Links - Remove Icons in Tablet View (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
   .nav {
    flex-direction: column !important;
    justify-content: flex-start; /* Align to the left */
  }
  .nav-link {
    padding: 12px 20px;
    font-size: 1.4rem;
  }
  /* Hide icons in the dropdown menu */
  .nav .dropdown-item i {
    display: none; /* Hides any icons present */
  }

  /* Align dropdown menu links to center */
  .dropdown-menu {
    text-align: left;
  }


}

/* Dropdown Menu Style */
.dropdown-menu {
  border-radius: 5px;
  background-color: #343a40; /* Matches navbar */
  border: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.dropdown-item {
  font-size: 1.25rem; /* Adjust font size */
  padding: 10px 15px;
  color: #fff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.dropdown-item:hover {
  background-color: #495057;
  color: #ffc107;
}

/* Ensure navbar links align properly on desktop */
@media (min-width: 992px) {
  .nav {
    flex-direction: row !important;
    justify-content: flex-start; /* Align to the left */
  }
  .nav-link {
    padding: 12px 20px;
    font-size: 1.4rem;
  }
}



.collapse {
    transition: height 0.3s ease-out;
}

.navbar-nav .nav-item {
    margin: 0.5rem 0; /* Add spacing between items */
}

/* For Extra Large Screens (Above 1199px) */
@media (min-width: 1200px) {
  .navbar-collapse {
    justify-content: space-between; /* Ensures links are spaced properly */
  }
  .nav {
    flex-direction: row !important;
    justify-content: center; /* Centers the navigation links */
    align-items: center;
  }
  .nav-item {
    margin: 0 20px; /* Increases spacing between nav-items */
  }
  .nav-link {
    font-size: 1.6rem; /* Adjust for readability on large screens */
    padding: 15px 30px; /* Spacious padding */
  }
}









.navbar-form {
  width: 30%;
  padding: 0 25px;
  background: #4ab866;
  margin: 0px;
  position: relative;
}
.navbar-form .form-control {
  width: 100%;
  margin: 12px 0;
  padding-left: 0px;
  height: 34px;
  background: none;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 1px #a5dcb3 solid !important;
  border: none;
  font-size: 12px;
  color: #b4ddbd;
  text-transform: uppercase;
}
.navbar-form .form-control::-webkit-input-placeholder {
  color: #fff;
}
.navbar-form .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.navbar-form .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.navbar-form .form-control:-ms-input-placeholder {
  color: #fff;
}
.navbar-form .search-btn {
  display: block;
  border: none;
  position: absolute;
  right: 25px;
  top: 18px;
  background: none;
  font-size: 16px;
  color: #fff;
}
.navbar .dropdown-menu {
  min-width: 260px;
  padding: 0px;
  border: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  border-top: 4px #ff9600 solid;
}
.navbar .dropdown-menu:after {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(255, 150, 0, 0);
  border-bottom-color: #ff9600;
  border-width: 10px;
}
.navbar .dropdown-menu > li > a {
  padding: 7px 15px;
}


/* ================================================== */
/* 04. home page sections */
/* ================================================== */

/*-----------------------
	banner 1
-----------------------*/
.banner-outer {
  display: block;
  position: relative;
  overflow-x: hidden;
  width: 100%;
}

.banner-slider .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.banner-outer .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* Ensures full screen height */
  width: 100%;
  text-align: center;
  background-size: cover;
  background-position: center;
}

.banner-outer .slide1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(63, 63, 63, 0.5)),
    url(../images/banner2.jpg) no-repeat center / cover;
}

.banner-outer .slide2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(63, 63, 63, 0.5)),
    url(../images/banner4.jpg) no-repeat center / cover;
}

.banner-outer .slide3 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(63, 63, 63, 0.5)),
    url(../images/banner5.jpg) no-repeat center / cover;
}

.banner-outer .slide4 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(63, 63, 63, 0.5)),
    url(../images/banner7.png) no-repeat center / cover;
}

.banner-outer .slide5 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(63, 63, 63, 0.5)),
    url(../images/banner6.jpg) no-repeat center / cover;
}




.banner-outer .content h1 {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 1rem;
  animation-delay: 0.2s;
}

.banner-outer .content p {
  font-size: 1.125rem;
  color: #f0eeee;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
  animation-delay: 0.34s;
}

/* Breakpoints */

/* Small mobile (Portrait) */
@media (max-width: 480px) {
  .banner-outer .content h1 {
    font-size: 1.5rem;
  }

  .banner-outer .content p {
    font-size: 1rem;
  }

  .banner-outer .slide {
    height: 90vh;
  }
}

/* Large mobile (Landscape) */
@media (min-width: 481px) and (max-width: 767px) {
  .banner-outer .content h1 {
    font-size: 1.75rem;
  }

  .banner-outer .content p {
    font-size: 1rem;
  }

  .banner-outer .slide {
    height: 90vh;
  }
}

/* Tablet (Portrait) */
@media (min-width: 768px) and (max-width: 991px) {
  .banner-outer .content h1 {
    font-size: 3rem;
  }

  .banner-outer .content p {
    font-size: 1.125rem;
  }

  .banner-outer .slide {
    height: 100vh;
  }

  /* Header Section Adjustments */
  header .logo img {
    height: 70px; /* Adjust logo size for tablet */
  }

  header .navbar-nav .nav-item {
    font-size: 1.1rem; /* Adjust font size for tablet */
  }

  header .navbar-toggler {
    font-size: 1.5rem; /* Adjust toggler button size */
  }
}

/* Tablet (Landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
  .banner-outer .content h1 {
    font-size: 3rem;
  }

  .banner-outer .content p {
    font-size: 2rem;
  }
}

/* Small desktop */
@media (min-width: 1200px) and (max-width: 1599px) {
  .banner-outer .content h1 {
    font-size: 3rem;
  }

  .banner-outer .content p {
    font-size: 1.5rem;
  }
}

/* Large desktop */
@media (min-width: 1600px) {
  .banner-outer .content h1 {
    font-size: 3rem;
  }

  .banner-outer .content p {
    font-size: 1.5rem;
  }
}
.btn {
  display: inline-block;
  padding: 15px 24px;
  border-radius: 4px;
  background-color: #923158;
  font-family: "texgyreadventorbold";
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.btn span {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  content: "";
  opacity: 0.5;
}
.btn:hover,
.btn:focus {
  background: #641e3a;
  color: #fff;
}
.btn.white {
  background: #fff;
  color: #595545;
}
.btn.white:hover {
  background: #2c97ea;
  color: #fff;
}
.btn.blue {
  background: #2c97ea;
  color: #fff;
}
.btn.blue:hover {
  background: #17a43b;
}
.banner-outer .bx-wrapper .bx-pager {
  bottom: 60px;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 999;
}
.banner-outer .bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
}
.banner-outer .bx-wrapper .bx-pager a {
  background: #fff;
  border-radius: 2px;
  display: block;
  height: 5px;
  margin: 0 4px;
  outline: 0 none;
  text-indent: -9999px;
  width: 18px;
  opacity: 0.3;
}
.banner-outer .bx-wrapper .bx-pager a:hover,
.banner-outer .bx-wrapper .bx-pager a.active {
  background: #fff;
  opacity: 1;
}
/*-----------------------
	about
-----------------------*/
.about {
  display: block;
  position: relative;
  padding: 222px 0 100px 0;
  background-color: rgba(0, 0, 0, 0.027); /* Foreground opacity applied */
}
.about ul.our-links {
  display: block;
  margin: -100px 0 0 0;
  position: relative;
  z-index: 99;
  padding-left: 30px;
  padding-right: 30px;
}
.about ul.our-links li {
  display: block;
  position: relative;
}
.about ul.our-links li.apply-online {
  /* background: #EFF2F5 */
  background: #000;
}
.about ul.our-links li.prospects .detail a.more {
  border: 2px #ff9600 solid;
  color: #ff9600;
}
.about ul.our-links li.prospects {
  /* background: #EFF2F5; */
  background: #000;
}
.about ul.our-links li.prospects .detail a.more {
  border: 2px #2c97ea solid;
  color: #2c97ea;
}
.about ul.our-links li.certification {
  /* background: #EFF2F5; */
  background: #000;
}
.about ul.our-links li.certification .detail a.more {
  border: 2px #f0bc01 solid;
  color: #f0bc01;
}
.about ul.our-links li {
  display: block !important;
  padding: 44px 10px 60px 4%;
  opacity: 1 !important;
}
.about ul.our-links li p {
  padding-bottom: 0px;
}
.about ul.our-links li .icon {
  width: 23%;
  float: left;
}
.about ul.our-links li .detail {
  width: 60%;
  padding-left: 20px;
  float: left;
  color: #fff;
}
.about ul.our-links li .detail h3 {
  display: block;
  padding-bottom: 10px;
  font-family: "texgyreadventorbold";
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
}
.about ul.our-links li .detail h3 span {
  display: block;
  font-size: 12px;
}
.about ul.our-links li .detail p {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.about ul.our-links li .detail a.more {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 34px;
  position: absolute;
  bottom: -17px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: #fff;
  font-size: 20px;
  color: #ff9600;
  border-radius: 50%;
  text-align: center;
  border: 2px #ff9600 solid;
}
.about ul.our-links li .detail a.more:hover {
  color: #211d1e;
}
.about .sm-head {
  display: block;
  font-family: "texgyreadventorregular";
  font-size: 14px;
  color: #7d7c7c;
  line-height: 18px;
  text-transform: uppercase;
}
.about .left-block {
  display: block;
}
.video-block {
  /*
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
*/
  position: relative;
}
/*
.video-block iframe, .video-block object, .video-block embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#thumbnail_container {
	overflow: hidden;
	width: 100%;
}
*/
.about .video-block img {
  width: 100%;
}
.about .video-block a {
  width: 67px;
  display: block;
  position: absolute;
  margin: -34px auto 0;
  left: 0px;
  right: 0px;
  top: 50%;
  cursor: pointer;
}
.about h2 {
  padding-bottom: 20px !important;
  color: #353434;
}
.about p {
  display: block;
  padding-bottom: 34px;
}
.about .know-more-wrapper {
  display: block;
  position: relative;
}
.about .know-more-wrapper:after {
  width: calc(100% - 135px);
  height: 1px;
  background: #e8e8e8;
  content: "";
  position: absolute;
  right: 0px;
  top: 14px;
  z-index: 1;
}
.about a.know-more {
  display: inline-block;
  padding-right: 24px;
  position: relative;
  z-index: 2;
  font-family: "texgyreadventorbold";
  font-size: 14px;
  color: #645847;
  text-transform: uppercase;
}
.about a.know-more span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 4px;
  color: #ff9600;
}
.about a.know-more:hover span {
  color: #17a43b;
}

/*-----------------------
	cources
-----------------------*/
.padding-lg {
  display: block;
  padding-top: 40px;
  padding-bottom: 40px;

}

/* Adjust Padding for Small Devices */
@media (max-width: 768px) {
  .padding-lg {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .padding-lg {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.our-cources h2,
.how-study h2,
.why-choose h2,
.news-events h2,
.campus-tour h2,
.testimonial h2,
.about h2,
.browse-teacher h2,
.how-apply h2,
.have-question h2 {
  display: block;
  padding-bottom: 44px;
  font-family: "texgyreadventorbold";
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}
.our-cources h2 span,
.how-study h2 span,
.why-choose h2 span,
.news-events h2 span,
.campus-tour h2 span,
.browse-teacher h2 span,
.how-apply h2 span {
  display: block;
  font-family: "texgyreadventorregular";
  font-size: 14px;
  opacity: 0.8;
}
.our-cources {
  display: block;
  background: url(../images/banner4.jpg) no-repeat center top / cover;
  position: relative;
}
.our-cources:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  background: #b33441;
  opacity: 0.7;
}
.our-cources .container {
  position: relative;
  z-index: 2;
}
.our-cources h2 {
  color: #fff;
}
.our-cources h2 span {
  color: #202020;
}
.our-cources ul.course-list {
  display: block;
  /* padding-top: 20px; */
}
.our-cources ul.course-list li {
  display: block;
  background: url(../images/book-bg.html) no-repeat center top;
  position: relative;
}
.our-cources ul.course-list li:after {
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  background: #fff;
  content: " ";
  opacity: 0.3;
}
.our-cources ul.course-list li .inner {
  width: 198px;
  margin: 0 auto;
  height: 280px;
  /* padding: 54px 0 0 30px; */
  position: relative;
}
.our-cources ul.course-list li .inner figure {
  position: absolute;
  left: 4px;
  top: 1px;
  opacity: 0.3;
}
.our-cources ul.course-list li h3 {
  display: block;
  padding-bottom: 10px;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  text-transform: uppercase;
  line-height: 22px;
  color: #fff;
  position: relative;
}
.our-cources ul.course-list li h3 span {
  display: block;
}
.our-cources ul.course-list li p {
  display: block;
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  opacity: 0.8;
}
.our-cources ul.course-list li .fess-box {
  display: inline-block;
  padding: 0 12px;
  background: #ff9600;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  position: relative;
  text-transform: uppercase;
}
.our-cources ul.course-list li .fess-box span {
  font-family: "texgyreadventorbold";
  font-size: 16px;
}
.our-cources ul.course-list li .bottom-txt {
  width: 100%;
  padding: 18px 30px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.our-cources ul.course-list li .duration {
  width: 81%;
  float: left;
}
.our-cources ul.course-list li .duration h4 {
  display: block;
  font-family: "texgyreadventorbold";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
.our-cources ul.course-list li .duration span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 16px;
  text-transform: uppercase;
  opacity: 0.8;
}
.our-cources ul.course-list li a {
  display: block;
  position: absolute;
  right: 18px;
  top: 22px;
}
.our-cources ul.course-list li a .icon-more-icon {
  font-size: 23px;
  color: #fff;
  opacity: 0.5;
  transition: all 0.3s ease 0s;
}
.our-cources ul.course-list li a:hover .icon-more-icon {
  opacity: 1;
}

/*-----------------------
	impotance
-----------------------*/
/* General Styling for .our-impotance */
.our-impotance {
  background: #fff;
  padding: 20px;
}

.our-impotance ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  list-style: none;
  margin: 0;
}

.our-impotance ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  border-right: 1px #e9e9e9 solid;
  position: relative;
  width: 30%; /* Default width for desktop */
  box-sizing: border-box;
}

.our-impotance ul li .inner {
  display: block;
  padding: 30px;
}

.our-impotance ul li .inner img {
  border-radius: 3px;
  max-width: 100%;
  height: auto;
}

.our-impotance ul li:nth-child(3n) {
  border-right: none;
}

.our-impotance ul li:nth-child(n + 4):after {
  display: none;
}

.our-impotance ul li:nth-child(n + 4) {
  margin-bottom: 0px;
}

.our-impotance ul li:after {
  width: 80%;
  height: 1px;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  display: block;
  position: absolute;
  bottom: -35px;
  content: "";
  background: #e9e9e9;
}

.our-impotance ul li h3 {
  display: block;
  padding: 22px 0 12px 0;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  color: #284962;
  text-transform: uppercase;
  line-height: 24px;
}

.our-impotance ul li h3 span {
  display: block;
}

.our-impotance ul li p {
  display: block;
  font-size: 1.5rem;
  color: #272626;
  line-height: 20px;
}

/* Responsive Adjustments */

/* For Small Devices (Phones) */
@media (max-width: 576px) {
  .our-impotance ul li {
    width: 100%; /* Full width for smaller screens */
    margin-bottom: 30px; /* Adjust margin for smaller screens */
  }

  .our-impotance ul li h3 {
    font-size: 16px; /* Smaller font size */
  }

  .our-impotance ul li p {
    /* font-size: 1rem;  */
  }

  .our-impotance ul li:after {
    display: none; /* Remove the line for small screens */
  }
}

/* For Medium Devices (Tablets) */
@media (min-width: 577px) and (max-width: 768px) {
  .our-impotance ul li {
    width: 48%; /* Two items per row on medium-sized screens */
    margin-bottom: 40px;
  }

  .our-impotance ul li h3 {
    font-size: 17px; /* Slightly smaller font size for tablets */
  }

  .our-impotance ul li p {
    font-size: 1.2rem; /* Adjust paragraph font size */
  }

  .our-impotance ul li:after {
    display: block; /* Keep the line for tablets */
  }
}

/* For Larger Devices (Desktops) */
@media (min-width: 769px) {
  .our-impotance ul li {
    width: 30%; /* Three items per row on larger screens */
    margin-bottom: 64px; /* Default margin */
  }

  .our-impotance ul li h3 {
    font-size: 18px; /* Default font size for desktop */
  }

  .our-impotance ul li p {
    font-size: 1.5rem; /* Default paragraph font size */
  }

  .our-impotance ul li:after {
    display: block; /* Keep the line for larger screens */
  }
}

/*-----------------------
	how study
-----------------------*/
.how-study {
  background: #f3f6f8;
}
.how-study h2 {
  color: #2d4256;
}
.how-study h2 span {
  color: #7d8792;
}
.how-study ul {
  display: block;
}
.how-study ul li img {
  width: 100%;
}
.how-study ul li:hover .overly {
  background: rgba(0, 0, 0, 0.9);
}
.how-study ul li .overly {
  width: calc(100% - 30px);
  height: 100%;
  position: absolute;
  left: 15px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease 0s;
}
.how-study ul li .cnt-block {
  max-width: 220px;
  position: absolute;
  bottom: 30px;
  left: 11%;
  color: #fff;
}
.how-study ul li .cnt-block h3 {
  display: block;
  padding-bottom: 12px;
  font-family: "texgyreadventorregular";
  font-size: 22px;
  color: #fff;
  line-height: 26px;
  position: relative;
  text-transform: none;
}
.how-study ul li .cnt-block h3:before {
  display: block;
  margin-bottom: 8px;
  width: 40%;
  height: 4px;
  content: " ";
  background: #ff9600;
}
.how-study ul li:nth-child(2) .cnt-block h3:before,
.how-study ul li:nth-child(2) a.more:hover {
  background: #17a43b;
}
.how-study ul li:nth-child(3) .cnt-block h3:before,
.how-study ul li:nth-child(3) a.more:hover {
  background: #1876bf;
}
.how-study ul li .cnt-block p {
  display: block;
  font-size: 12px;
  line-height: 16px;
  opacity: 0.7;
}
.how-study ul li a.more {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  border-radius: 50%;
  line-height: 24px;
  background: #fff;
  font-size: 18px;
  color: #000;
  text-align: center;
}
.how-study ul li a.more i {
  margin-left: 2px;
}
.how-study ul li a.more:hover {
  background: #ff9600;
  color: #fff;
}

/*-----------------------
	why choose
-----------------------*/
.why-choose {
  background: url(../images/why-choose-bg.jpg) no-repeat center center / cover;
  position: relative;
}
.why-choose:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  background: #b33441;
  opacity: 0.7;
}
.why-choose .container {
  position: relative;
  z-index: 2;
}
.why-choose h2 {
  padding-bottom: 70px;
  color: #fff;
}
.why-choose h2 span {
  color: #fff;
}
ul.our-strength {
  display: block;
  text-align: center;
}
ul.our-strength li {
  width: 20%;
  display: inline-block;
  color: #fff;
  text-align: center;
  border-right: 1px #94d3a4 solid;
}
ul.our-strength li:last-child {
  border: none;
}
ul.our-strength li .icon {
  display: block;
  padding-bottom: 20px;
}
ul.our-strength li .icon span {
  font-size: 44px;
  opacity: 0.7;
}
ul.our-strength li span {
  padding-bottom: 12px;
  font-family: "texgyreadventorregular";
  font-size: 48px;
}
ul.our-strength li .couter-outer {
  display: block;
}
ul.our-strength li .title {
  display: block;
  font-family: "texgyreadventorregular";
  font-size: 14px;
  opacity: 0.8;
  text-transform: uppercase;
    color: #e7ebee;
}

/*-----------------------
	news & events
-----------------------*/
.news-events {
  background: #f3f6f8;
}
.news-events h2 {
  color: #2a4356;
}
.news-events h2 span {
  color: #2d4256;
}
.news-events ul {
  display: block;
  margin-bottom: 60px;
}
.news-events ul li .inner {
  display: block;
  background: #fff;
  box-shadow: 0px 0px 3px #c4c6c8;
  position: relative;
}
.news-events ul li .img-block {
  display: block;
}
.news-events ul li .img-block img {
  width: 100%;
}
.news-events ul li .cnt-block {
  display: block;
  padding: 40px 30px 30px 30px;
  background: #fff;
  position: relative;
}
.news-events ul li .cnt-block .plus-icon {
  display: block;
  width: 64px;
  height: 64px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: -32px;
  background: #2c97ea;
  border-radius: 50%;
  font-size: 34px;
  color: #fff;
  box-shadow: 0px 5px 5px #c0e0f9;
}
.news-events ul li .cnt-block .plus-icon:hover {
  background: #ff9600;
}
.news-events ul li .cnt-block h3 {
  display: block;
  padding-bottom: 36px;
  font-family: "texgyreadventorregular";
  font-size: 22px;
  color: #41484d;
  line-height: 32px;
  text-transform: none;
}
.news-events figure {
  position: relative;
}
.news-events figure img {
  width: 100%;
  display: block;
  position: relative;
}
.news-events figcaption {
  position: absolute;
  top: 0;
  left: 0;
}
/* Caption Style 3 */
.cs-style-3 figure {
  overflow: hidden;
  padding-bottom: 104px;
}
.cs-style-3 figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.cs-style-3 figcaption {
  width: 100%;
  top: auto;
  bottom: 0px;
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
  bottom: 0px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}
.news-events ul li .bottom-block {
  display: block;
  padding: 30px 0 0 0;
  border-top: 1px #e8eef0 solid;
  font-size: 12px;
  color: #96adba;
}
.news-events ul li .date {
  display: block;
  float: left;
}
.news-events ul li .icon {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
.news-events ul li .icon span {
  font-size: 20px !important;
  color: #c5d4da !important;
}
.news-events ul li .comment {
  display: block;
  float: right;
}
.news-events ul li .date span,
.news-events ul li .comment span {
  font-weight: 700;
  color: #5c7e91;
}
.news-events .know-more-wrapper {
  display: block;
  text-align: center;
  position: relative;
}
.news-events .know-more-wrapper:after {
  width: 100%;
  height: 1px;
  background: #daddde;
  content: "";
  position: absolute;
  left: 0px;
  top: 14px;
  z-index: 1;
}
.news-events .know-more {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  background: #f3f6f8;
  z-index: 2;
  font-family: "texgyreadventorbold";
  font-size: 14px;
  color: #645847;
  text-transform: uppercase;
}
.news-events a.know-more span {
  margin-left: 4px;
  vertical-align: middle;
  margin-top: -2px;
  display: inline-block;
  color: #ff9600;
  transition: all 0.3s ease 0s;
}
.news-events a.know-more:hover span {
  color: #17a43b;
}

/*-----------------------
	campus tour
-----------------------*/
.campus-tour {
  background: #fff;
  padding-bottom: 0px;
}
.campus-tour h2 {
  color: #2a4356;
}
.campus-tour h2 span {
  color: #2d4256;
}
.campus-tour ul.gallery {
  display: block;
}
.campus-tour ul.gallery li {
  width: 20%;
  float: left;
  display: block;
  background: #000;
  position: relative;
}
.campus-tour ul.gallery li figure {
  transition: all 0.3s ease 0s;
}
.campus-tour ul.gallery li:hover figure {
  opacity: 0.2;
}
.campus-tour ul.gallery li .overlay {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -57px;
  z-index: 1;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.campus-tour ul.gallery li:hover .overlay {
  top: 44%;
  opacity: 1;
}
.campus-tour ul.gallery li h3 {
  display: block;
  padding-bottom: 4px;
  font-family: "texgyreadventorbold";
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
}
.campus-tour ul.gallery li p {
  display: block;
  padding-bottom: 30px;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  opacity: 0.5;
}
.campus-tour ul.gallery li a {
  width: 56px;
  height: 56px;
  margin: 0 8px;
  display: inline-block;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  background: #ff9600;
  font-size: 22px;
  color: #fff;
}
.campus-tour ul.gallery li a.more {
  background: #17a43b;
}
.campus-tour ul.gallery li a:hover {
  background: #2c97ea;
}
.mfp-arrow-left:before,
.mfp-arrow-left:after,
.mfp-arrow-right:before,
.mfp-arrow-right:after {
  border: none;
}
.mfp-arrow-left:before,
.mfp-arrow-right:after {
  width: 20px;
  height: 38px;
  display: block;
  content: "";
  background: url(../images/popup-arrows.png) no-repeat center bottom;
}
.mfp-arrow-left:before {
  background-position: left top;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  width: 28px;
  height: 28px;
  right: 0px;
  padding-right: 0px;
  display: block;
  cursor: pointer;
  background: url(../images/popup-close.png) no-repeat center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

/*-----------------------
	client logos
-----------------------*/
.logos {
  display: block;
  padding: 60px 0;
}
.logos ul {
  display: block;
}
.logos ul .owl-item img {
  width: auto;
}

/*-----------------------
	testimonials
-----------------------*/
.testimonial {
  display: block;
  background: url(../images/testimonial-bg.jpg) no-repeat center top / cover;
  text-align: center;
  position: relative;
}
.testimonial:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  background: #b33441;
  opacity: 0.7;
}
.testimonial .container {
  position: relative;
  z-index: 2;
  justify-content: center;
  align-items: center;
}
.testimonial h2 {
  font-family: "texgyreadventorbold";
  color: #fff;
}
.testimonial .wrapper {
  display: block;
  max-width: 1012px;
  margin: 0 auto; /* Center aligns the wrapper horizontally */
  position: relative;
  text-align: center; /* Optional: aligns text content inside */
}

.testimonial .wrapper:before,
.testimonial .wrapper:after {
  display: block;
  position: absolute;
  font-family: "icomoon";
  font-size: 48px;
  color: #fff;
}
.testimonial .wrapper:before {
  left: 0;
  top: 0;
  content: "\e90d";
}
.testimonial .wrapper:after {
  right: 0;
  bottom: 0;
  content: "\e90c";
}
.testimonial ul {
  display: block;
}
.testimonial ul li {
  display: block;
}
.testimonial ul li p {
  display: block;
  padding-bottom: 32px;
  font-family: "texgyreadventorregular";
  font-size: 23px;
  color: #e7ebee;
  line-height: 38px;
}
.testimonial ul li p a {
  font-family: "texgyreadventorbold";
  font-size: 18px;
  color: #fff;
}
.testimonial ul li span {
  font-family: "texgyreadventorregular";
  font-size: 18px;
  color: #fff;
}
.testimonial ul li span span {
  font-size: 14px;
  color: #7fadd2;
}
.testimonial .bx-wrapper {
  padding-bottom: 20px;
}
.testimonial #bx-pager a {
  display: inline-block;
  position: relative;
  margin: 0 6px;
}
.testimonial #bx-pager a img {
  border: 5px solid transparent;
}
.testimonial #bx-pager a:hover img,
.testimonial #bx-pager a.active img {
  border: 5px solid #ff8500;
}
.testimonial #bx-pager a:hover:after,
.testimonial #bx-pager a.active:after {
  width: 0;
  height: 0;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -7px;
  content: " ";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #ff8500;
}

/* ================================================== */
/* 06. index2 */
/* ================================================== */
/*-----------------------
	banner2
-----------------------*/
.banner2 {
  min-height: 650px;
  padding: 115px 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  text-align: center;
  color: #fff;
  position: relative;
}
.banner2:before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
.banner2 .container {
  max-width: 965px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.banner2 .cnt-block {
  max-width: 740px;
  margin: 0 auto;
}
.banner2 h1 {
  padding-bottom: 30px;
  color: #fff;
  text-transform: none;
  line-height: 56px;
}
.banner2 p {
  font-size: 16px;
  line-height: 26px;
  opacity: 0.8;
}
.banner2 .form-group {
  width: 100%;
  margin: 40px 0 70px 0;
  display: inline-block;
  vertical-align: middle;
}
.banner2 .form-group .form-control {
  width: calc(100% - 74px);
  margin-right: -2px;
  height: 64px;
  padding: 0 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #98a1a5;
  text-transform: capitalize;
  border: none;
  border-radius: 30px 0 0 30px;
  box-shadow: none;
}
.banner2 .form-group .search-btn {
  width: 70px;
  height: 64px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -2px;
  border-radius: 0 30px 30px 0;
}

.banner2 ul.banner-list {
  width: 100%;
  max-width: 790px;
  display: inline-block;
  vertical-align: middle;
}
.banner2 ul.banner-list li {
  width: 33%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.banner2 ul.banner-list li:after {
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  right: 30px;
  top: 0px;
  content: "";
  background: rgba(255, 255, 255, 0.5);
}
.banner2 ul.banner-list li:last-child:after {
  display: none;
}
.banner2 ul.banner-list li figure {
  width: 54px;
  display: inline-block;
  vertical-align: middle;
}
.banner2 ul.banner-list li .cnt {
  width: calc(100% - 58px);
  padding-left: 10px;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.banner2 ul.banner-list li .cnt span {
  display: block;
}

/*-----------------------
	Intro Sec
-----------------------*/
.intro-sec .video-block .play-outer {
  width: 220px;
  height: 78px;
  padding: 15px;
  background: #fff;
  border-radius: 50px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.intro-sec .video-block .play-outer figure {
  width: 46px;
  display: inline-block;
  vertical-align: middle;
}
.intro-sec .video-block .play-outer span {
  width: calc(100% - 50px);
  padding-left: 12px;
  display: inline-block;
  vertical-align: middle;
  font-family: "texgyreadventorbold";
  font-size: 16px;
  color: #565656;
  line-height: 20px;
}
.intro-sec h2 {
  padding-bottom: 35px;
  font-size: 36px;
  color: #353434;
  line-height: 45px;
  text-transform: capitalize;
}
.intro-sec h2 span {
  display: block;
}
.intro-sec p {
  color: #575d60;
}
.intro-sec .know-more-wrapper {
  display: block;
  margin-top: 40px;
  position: relative;
}
.intro-sec a.know-more {
  display: inline-block;
  font-family: "texgyreadventorbold";
  font-size: 16px;
  color: #606d87;
  text-decoration: underline !important;
}
.intro-sec a.know-more span {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 14px 0 0;
  font-size: 18px;
  color: #f5731f;
}
.intro-sec a.know-more:hover span {
  color: #17a43b;
}

/*---------------------------
	Popular Cources Sec
---------------------------*/
.popular-cources {
  background: #fafafa;
}
.popular-cources .title-row {
  display: block;
  margin-bottom: 45px;
}
.popular-cources a.view-courses {
  display: block;
  float: right;
  font-family: "texgyreadventorbold";
  font-size: 16px;
  color: #606d87;
  text-decoration: underline !important;
}
.popular-cources a.view-courses span {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 14px 0 0;
  font-size: 18px;
  color: #f5731f;
}
.popular-cources a.view-courses:hover span {
  color: #17a43b;
}
.popular-cources h3 {
  display: block;
  float: left;
  font-size: 30px;
  color: #353434;
  text-transform: capitalize;
}
.popular-cources ul.courses-list li .inner {
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
  border-radius: 5px;
}
.popular-cources ul.courses-list li figure img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.popular-cources ul.courses-list li .cnt-block {
  padding: 40px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  position: relative;
}
.popular-cources ul.courses-list li .duration {
  padding: 6px 20px;
  background: #2c97ea;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  border-radius: 10px;
  position: absolute;
  right: 20px;
  top: -22px;
}
.popular-cources ul.courses-list li .duration .year {
  display: block;
  font-family: "texgyreadventorbold";
  font-size: 16px;
}
.popular-cources ul.courses-list li .duration .txt {
  font-size: 12px;
  opacity: 0.7;
}
.popular-cources ul.courses-list li h4 {
  padding-bottom: 12px;
  font-size: 18px;
  color: #282828;
  text-transform: capitalize;
  line-height: 22px;
}
.popular-cources ul.courses-list li p {
  font-size: 14px;
  color: #7f7f7f;
  line-height: 22px;
}

/*-----------------------------
	Whats Makes Different Sec
-----------------------------*/
.wt-makes-different {
  background: #1b305c;
  position: relative;
}
.wt-makes-different .bg-image {
  width: 45%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-position: left top;
  background-size: cover;
}
.wt-makes-different .bg-image:after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: rgba(27, 48, 92, 0.7);
  position: absolute;
  left: 0;
  top: 0;
}
.wt-makes-different .left {
  padding-top: 140px;
  padding-bottom: 180px;
  color: #fff;
}
.wt-makes-different .left .q-mark {
  width: 100px;
  height: 100px;
  margin-bottom: 22px;
  font-family: "texgyreadventorbold";
  font-size: 60px;
  line-height: 90px;
  background: #ff9600;
  border-radius: 50%;
  text-align: center;
}
.wt-makes-different .left h2 {
  margin-bottom: 50px;
  font-size: 60px;
  line-height: 72px;
  color: #fff;
  text-transform: capitalize;
}
.wt-makes-different .left a.read-more {
  display: inline-block;
  font-family: "texgyreadventorbold";
  font-size: 16px;
  color: #fff;
  text-decoration: underline !important;
}
.wt-makes-different .left a.read-more span {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 12px 0 0;
  font-size: 18px;
}
.wt-makes-different .left a.read-more:hover span {
  color: #17a43b;
}
.wt-makes-different .right {
  padding: 120px 0 0 60px;
}
ul.makes-different-list li {
  margin-bottom: 70px;
}
ul.makes-different-list li .inner {
  max-width: 246px;
}
ul.makes-different-list li h3 {
  padding: 20px 0 15px 0;
  padding-bottom: 15px;
  font-size: 18px;
  text-transform: inherit;
  color: #fff;
}
ul.makes-different-list li p {
  font-size: 14px;
  line-height: 22px;
  color: #9ca8c3;
}

/*-----------------------------
	How Study 2
-----------------------------*/
.how-study2 {
  background: #fff;
}
.how-study2 h2,
.why-choose2 h2,
.news-events2 h2,
.campus-tour2 h2 {
  text-transform: inherit;
}
.how-study2 h2 span,
.why-choose2 h2 span,
.news-events2 h2 span,
.campus-tour h2 span {
  padding-bottom: 5px;
}
.how-study2 ul li .overly,
.how-study2 ul li figure {
  border-radius: 15px;
  overflow: hidden;
}

/*-----------------------------
	Why Choose 2
-----------------------------*/
.why-choose2 ul.our-strength li {
  border: none;
}

/*-----------------------------
	Testimonials 2
-----------------------------*/
.testimonial2 {
  background: none;
}
.testimonial2:after {
  display: none;
}
.testimonial2 .wrapper:before,
.testimonial2 .wrapper:after {
  color: #cecece;
}
.testimonial2 h2 {
  text-transform: inherit;
  color: #254b65;
}
.testimonial2 ul li p {
  color: #8397a5;
}
.testimonial2 ul li p a {
  color: #2c97ea;
}
.testimonial2 ul li span {
  color: #ff9600;
}
.testimonial2 ul li span span {
  color: #8397a5;
}

/*-----------------------------
	Brands 2
-----------------------------*/
.logos2 {
  padding-top: 0px;
}
.logos2 ul {
  padding: 60px 0 0;
  border-top: 1px #e9e9e9 solid;
}

/* ================================================== */
/* 07. about page */
/* ================================================== */
.about-right {
  display: block;
}
.about-right img {
  width: 100%;
}
.why-choose.grey-bg {
  background: #f3f6f8;
}
.why-choose.grey-bg:after {
  display: none;
}
.why-choose.grey-bg h2 {
  color: #2a4356;
}
.why-choose.grey-bg h2 span {
  color: #808182;
}
ul.our-strength.opt2 li {
  border-color: #dde5e9;
}
ul.our-strength.opt2 li span {
  color: #3f5044;
}
ul.our-strength.opt2 li .icon span {
  color: #17a43b;
}
ul.our-strength.opt2 li .title {
  color: #9099a0;
}
.about-video {
  width: 100%;
  background: url(../images/about-video-bg.jpg) no-repeat center top / cover;
  text-align: center;
  position: relative;
}
.about-video:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  background: #081d2d;
  opacity: 0.6;
}
.about-video .container {
  display: table;
  height: 550px;
  position: relative;
  z-index: 2;
}
.about-video p {
  display: table-cell;
  vertical-align: middle;
  font-family: "texgyreadventorbold";
  font-size: 60px;
  color: #d1d3d4;
}
.about-video p a {
  color: #fff;
}
.about-video p a span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.about-video p a:hover {
  color: #17a43b;
}
.browse-teacher.grey-bg {
  background: #f3f6f8;
}
.modal-content {
  border-radius: 0px;
}
.about .close,
.about-video .close {
  position: absolute;
  opacity: 1;
  top: 0;
  right: 0;
  z-index: 2;
}
.about .close span,
.about-video .close span {
  width: 36px;
  height: 36px;
  display: block;
  text-indent: -9999px;
  background: url(../images/popup-close-btn.jpg) no-repeat center top;
}
.modal {
  z-index: 99999;
}
.modal-backdrop {
  z-index: 9999;
}

/* ================================================== */
/* 08. cources listing page */
/* ================================================== */
.inner-banner {
  display: block;
  padding: 60px 0;
  min-height: 280px;

  /* background-color: #000000b0; */
}

.inner-banner .content {
  max-width: 392px;
}
.inner-banner h1 {
  display: block;
  padding-bottom: 20px;
  font-family: "texgyreadventorbold";
  font-size: 45px;
  color: #f7f4f4;
  text-transform: uppercase;
}
.inner-banner p {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #5f6465;
}
.inner-banner a.apply-online {
  max-width: 246px;
  display: block;
  margin-top: 16px;
  margin-bottom: 26px;
  background: #ff9600;
  text-transform: uppercase;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  color: #fff;
  position: relative;
}
.inner-banner a.apply-online:hover {
  background: #ff8800;
}
.inner-banner a.apply-online .left {
  width: 80%;
  float: left;
  padding: 20px 0 20px 24px;
}
.inner-banner a.apply-online .icon {
  display: block;
  padding-right: 15px;
  float: left;
}
.inner-banner a.apply-online .txt {
  width: 36%;
  float: left;
  line-height: 20px;
}
.inner-banner a.apply-online .arrow {
  width: 20%;
  height: 100%;
  line-height: 78px;
  position: absolute;
  right: 0px;
  background: #e38600;
  font-size: 24px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.inner-banner a.apply-online:hover .arrow {
  background: #df7600;
}
a.download-prospects {
  display: block;
  padding: 0 10px 10px 0;
  font-family: "texgyreadventorbold";
  font-size: 14px;
  color: #43647d;
  text-transform: uppercase;
}
a.download-prospects .icon-brochure-icon {
  display: block;
  margin-right: 15px;
  float: left;
  font-size: 29px;
  color: #389ceb;
}
a.download-prospects.brochure {
  background-position: left 4px;
  font-size: 18px;
  line-height: 18px;
  text-transform: none;
  color: #4f4a4a;
}
a.download-prospects .small {
  display: block;
  font-family: "texgyreadventorregular";
  font-size: 12px;
  color: #8f9ba1;
  line-height: 14px;
  text-transform: uppercase;
}
a.download-prospects:hover,
a.download-prospects:hover span {
  color: #2c97ea;
}
.about.inner {
  background: none;
}
.about.inner .video-block {
  margin-bottom: 12px;
}
.about.inner .modal-body .video-block {
  margin-bottom: 0px;
}
.about.inner p {
  padding-bottom: 20px;
}
.about .btn-wrapper {
  display: block;
}
a.download-pros,
a.download-cert {
  width: 50%;
  float: left;
  padding: 22px 20px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
}
a.download-pros {
  background: #2c97ea;
  border-right: 1px #fff solid;
}
a.download-cert {
  background: #f0bc01;
  border-left: 1px #fff solid;
}
a.download-pros .ico-block,
a.download-cert .ico-block {
  display: block;
  padding-right: 15px;
  float: left;
}
a.download-pros .txt-block,
a.download-cert .txt-block {
  display: block;
  padding-top: 4px;
  float: left;
  text-transform: uppercase;
}
a.download-pros .sm-txt,
a.download-cert .sm-txt {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  opacity: 0.7;
}
a.download-pros:hover,
a.download-cert:hover {
  background-color: #17a43b;
}
.select-course {
  display: block;
  float: right;
  padding-right: 34px;
}
.select-course .select2.select2-container {
  width: 254px !important;
}
.select-course .select2-container .select2-selection--single {
  height: 48px;
}
.select-course .select2-container--default .select2-selection--single {
  background: rgba(0, 0, 0, 0.4);
}
.select-course
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 20px;
  line-height: 48px;
  font-family: "texgyreadventorregular";
  color: #fff;
  text-transform: uppercase;
}
.select-course
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  width: 46px;
  height: 46px;
  border-left: 1px #aaa solid;
  background: rgba(255, 255, 255, 0.2);
}
.our-cources.sub {
  /* background: url(../images/cources-bg1.jpg) no-repeat center top / cover; */
}
.our-cources.sub h2 {
  padding-left: 32px;
  text-align: left;
}
.our-cources ul.inner li {
  margin-bottom: 140px;
}
.our-cources ul.inner li:before {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: -70px;
  display: block;
  background: #fff;
  content: " ";
  opacity: 0.3;
}
.our-cources ul.course-list.inner li .inner {
  padding: 40px 0 0 30px;
}
.our-cources ul.inner li:nth-child(n + 9) {
  margin-bottom: 80px;
}
.our-cources ul.inner li:nth-child(n + 9):before,
.our-cources ul.inner li:nth-child(4n):after {
  display: none;
}
.pagination {
  margin: 0px;
}
.pagination > li > a,
.pagination > li > span {
  font-family: "texgyreadventorbold";
  color: #8faabe;
  margin: 0 4px;
  border: none;
  border-radius: 50%;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background: #ff9600;
  color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  padding: 7px 22px;
  border-radius: 25px;
  font-size: 12px;
  text-transform: uppercase;
}
.pagination li a i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 18px;
}
.pagination > li:first-child a i {
  margin-right: 10px;
}
.pagination > li:last-child a i {
  margin-left: 10px;
}

/*-----------------------
	browse teacher
-----------------------*/
.browse-teacher {
  display: block;
}
.browse-teacher h2 {
  color: #2a4356;
}
ul.browse-teachers-list {
  display: block;
  padding-top: 20px;
}
ul.browse-teachers-list > li {
  display: block;
  text-align: center;
  border-right: 1px #e5e5e5 solid;
}
ul.browse-teachers-list > li:last-child {
  border: none;
}
ul.browse-teachers-list > li .inner-block {
  display: block;
  padding: 0 20px;
}
ul.browse-teachers-list figure {
  width: 124px;
  height: 124px;
  margin: 0 auto 28px;
  position: relative;
}
ul.browse-teachers-list figure:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  background: url(../images/teacher-overlay-bg.png) no-repeat center top;
}
.browse-teacher.grey-bg ul.browse-teachers-list figure:before {
  background: url(../images/teacher-overlay-bg-grey.png) no-repeat center top;
}
.details-tab ul.browse-teachers-list figure:before {
  background: url(../images/teacher-overlay-bg-tab.png) no-repeat center top;
}
ul.browse-teachers-list h3 {
  font-family: "texgyreadventorbold";
  font-size: 14px;
  text-transform: uppercase;
  color: #414a4f;
}
ul.browse-teachers-list .designation {
  display: block;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}
ul.browse-teachers-list p {
  display: block;
  padding: 0 20px 26px 20px;
  font-size: 12px;
  line-height: 22px;
}
ul.teachers-follow {
  display: block;
}
ul.teachers-follow li {
  display: inline-block;
  padding: 0 6px;
}
ul.teachers-follow li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
ul.teachers-follow li a:hover {
  background: #333 !important;
}
ul.teachers-follow li:nth-child(1) a {
  background: #00a0d1;
}
ul.teachers-follow li:nth-child(2) a {
  background: #0e76a8;
}
ul.teachers-follow li:nth-child(3) a {
  background: #00aff0;
}

/* ================================================== */
/* 09. course detail page */
/* ================================================== */
.enquire-wrapper {
  max-width: 438px;
}
.enquire-now {
  max-width: 405px;
  margin: -90px auto 0;
  position: relative;
  color: #fff;
}
.enquire-now .inner {
  padding: 40px 26px 30px 26px;
  background: #2c97ea;
}
.enquire-now .inner h3 {
  display: block;
  padding-bottom: 26px;
  font-family: "texgyreadventorbold";
  font-size: 24px;
  color: #fff;
  text-transform: none;
}
.enquire-now .inner .row1 {
  display: block;
  margin-bottom: 14px;
}
.enquire-now .inner input::-webkit-input-placeholder {
  color: #fff;
}
.enquire-now .inner input:-moz-placeholder {
  color: #fff;
}
.enquire-now .inner input::-moz-placeholder {
  color: #fff;
}
.enquire-now .inner input:-ms-input-placeholder {
  color: #fff;
}
.enquire-now .inner .row1 input,
.enquire-now .inner .row2 input {
  width: 100%;
  height: 44px;
  padding: 0 15px;
  background: #60b1f0;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px #fff solid;
}
.enquire-now .inner .row2 {
  display: block;
  margin: 0 -5px 14px -5px;
}
.enquire-now .inner .row2 input {
  width: calc(50% - 10px);
  margin: 0 5px;
  float: left;
}
.enquire-now .enquire-btn {
  width: 100%;
  padding: 13px 15px;
  font-family: "texgyreadventorbold";
  font-size: 16px;
  text-transform: uppercase;
  background: #ff9600;
  border: none;
}
.enquire-now .enquire-btn span {
  margin-left: 4px;
  font-size: 14px;
  opacity: 0.5;
}
.enquire-now .enquire-btn:hover {
  background: #17a43b;
}
.cert-head {
  display: block;
  margin-top: 15px;
  padding-bottom: 10px;
  position: relative;
}
.cert-head:after {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 10px;
  left: 0px;
  background: #d8d8d8;
  content: "";
}
.cert-head h3 {
  display: inline-block;
  padding-right: 14px;
  background: #fff;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  color: #211d1e;
  z-index: 1;
  position: relative;
}
ul.cert-list {
  display: block;
}
ul.cert-list li {
  width: calc(50% - 30px);
  float: left;
  padding: 14px 0 14px 28px;
  margin-right: 30px;
  font-weight: 700;
  border-bottom: 1px #c0c4c6 dashed;
  position: relative;
}
ul.cert-list li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 13px;
  font-family: "icomoon";
  font-size: 15px;
  color: #2c97ea;
  content: "\e91f";
}
ul.cert-list li:nth-last-child(2),
ul.cert-list li:last-child {
  border-bottom: none;
}
ul.cert-list li span {
  display: inline-block;
  margin-right: 6px;
  color: #2c97ea;
}
.course-detail {
  display: block;
  padding: 25px 40px;
  margin-top: 50px;
  border: 1px #dfe9f1 solid;
}
.course-detail .duration {
  width: 25%;
  min-height: 85px;
  padding-right: 40px;
  float: left;
  border-right: 1px #dfe9f1 solid;
}
.course-detail .duration.eligible {
  width: 34%;
  padding: 0 40px;
}
.course-detail .duration.eligible .icon {
  font-size: 34px;
}
.course-detail .duration.fee {
  width: 22%;
  padding: 0 40px;
}
.course-detail .duration.fee .detail {
  font-size: 36px;
  color: #17a43b;
}
.course-detail .duration.fee .detail span {
  padding-bottom: 10px;
}
.course-detail .duration .icon {
  width: 67px;
  height: 67px;
  display: table;
  float: left;
  background: #edf1f4;
  border-radius: 50%;
  font-size: 38px;
  color: #79a2c2;
  text-align: center;
}
.course-detail .duration .icon span {
  display: table-cell;
  vertical-align: middle;
}
.course-detail .duration .detail {
  display: block;
  padding: 10px 0 0 16px;
  float: left;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  color: #4f4a4a;
  line-height: 22px;
}
.course-detail .duration .detail span {
  display: block;
  font-family: "texgyreadventorregular";
  font-size: 14px;
  color: #8f9ba1;
  text-transform: uppercase;
}
.course-detail .btn {
  margin: 18px 0 0 40px;
}

/*-----------------------
	course detail tab
-----------------------*/
.details-tab {
  display: block;
  padding: 50px 0 90px 0;
  background: #ebeff3;
}
#myTabs {
  padding: 0 30px;
  text-align: center;
}
.course-tab {
  margin-bottom: 50px;
  border-bottom: 2px #d8e0e7 solid;
}
.course-tab > li {
  width: 25%;
}
.course-tab > li > a {
  padding: 0 0 26px 0;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  color: #909aa1;
  text-transform: uppercase;
  border: none !important;
}
.course-tab > li > a span {
  display: block;
  padding-bottom: 18px;
  font-size: 50px;
  color: #a4b1bc;
}
.course-tab > li > a .block {
  display: inline;
}
.course-tab > li.active > a,
.course-tab > li.active > a:focus,
.course-tab > li.active > a:hover,
.course-tab > li > a:hover {
  background: none;
  border-bottom: 2px #17a43b solid !important;
  color: #17a43b;
}
.course-tab > li.active > a span,
.course-tab > li.active > a:focus span,
.course-tab > li.active > a:hover span,
.course-tab > li > a:hover span {
  color: #17a43b;
}
.details-tab #curriculam,
.details-tab #schedule {
  background: #fff;
  box-shadow: 0 0 14px #d4d9de;
}
#curriculam .lecture-txt {
  display: block;
  padding-bottom: 2px;
  font-size: 12px;
  color: #a5b1a8;
  text-transform: uppercase;
}
#curriculam .lecture-txt span {
  color: #4f5c53;
}
#curriculam .lecture-txt a.preview {
  display: inline-block;
  padding: 0 12px;
  background: #2c97ea;
  font-size: 11px;
  color: #fff;
  border-radius: 2px;
}
#curriculam .lecture-txt a.preview:hover {
  background: #ff9600;
}
.details-tab .course-table {
  border: 1px #d8e0e7 solid;
  margin: 0px;
}
.details-tab .course-table > thead > tr > th {
  padding: 11px 30px;
  background: #e9f4fd;
  font-family: "texgyreadventorbold";
  text-transform: uppercase;
  font-size: 14px;
  color: #4e5d52;
  border-color: #c3e1f9;
}
.course-table > tbody > tr > td,
.course-table > tfoot > tr > td,
.course-table > thead > tr > td {
  padding: 28px 30px;
}
.course-table > thead > tr,
.course-table > thead > tr > td,
.course-table > thead > tr > th {
  border: 1px #c3e1f9 solid;
}
.course-table > tbody > tr > td,
.course-table > tbody > tr > th,
.course-table > tfoot > tr > td,
.course-table > tfoot > tr > th {
  border: 1px solid #eee;
  font-weight: 700;
  color: #707c82;
}
.table-col1 {
  display: block;
  padding-left: 20px;
  position: relative;
}
.table-col1:before {
  display: block;
  position: absolute;
  left: 0px;
  top: -4px;
  font-family: "FontAwesome";
  font-size: 18px;
  color: #ff9600;
  content: "\f105";
}
#schedule .course-table > thead > tr > th:first-child {
  width: 55%;
}
#schedule .fee-amt {
  font-family: "texgyreadventorbold";
  font-size: 24px;
  color: #585d60;
}
#schedule ul.fee-details {
  display: block;
  padding: 5px 0 0 22px;
}
#schedule ul.fee-details li {
  display: block;
  padding: 8px 0;
  border-bottom: 1px #c9cdce dashed;
  font-weight: normal;
  position: relative;
}
#schedule ul.fee-details li:last-child {
  border-bottom: none;
}
#schedule ul.fee-details li:before {
  display: block;
  position: absolute;
  left: -22px;
  top: 8px;
  font-family: "icomoon";
  font-size: 14px;
  color: #2c97ea;
  content: "\e908";
}
#semester ul.content {
  display: block;
}
#semester ul.content > li {
  display: block;
  padding: 0 0 24px 24px;
  margin-bottom: 24px;
  border-bottom: 1px #c9cdce dashed;
  position: relative;
}
#semester ul.content > li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#semester ul.content > li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  font-family: "icomoon";
  font-size: 16px;
  color: #2c97ea;
  content: "\e908";
}
#semester ul.content > li:last-child {
  border-bottom: none;
}
#semester ul.content > li h4 {
  display: block;
  padding-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
  color: #4c5357;
}
#semester ul.content > li p {
  display: block;
  line-height: 22px;
}
#semester ul.content > li > ul {
  max-width: 430px;
  padding: 10px 0 0 0;
}
#semester ul.content > li > ul > li {
  padding: 6px 0 6px 20px;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}
#semester ul.content > li > ul > li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 8px;
  font-family: "icomoon";
  font-size: 12px;
  color: #79a2c2;
  content: "\e917";
}
#teachers ul.browse-teachers-list > li {
  border-color: #dbdedf;
}

/*-----------------------
	how to apply
-----------------------*/
.how-apply {
  display: block;
}
.how-apply h2 {
  color: #2a4356;
}
.how-apply ul {
  display: block;
  padding-top: 20px;
  padding-bottom: 70px;
}
.how-apply ul li {
  display: block;
  text-align: center;
}
.how-apply ul li:nth-child(1):after {
  width: 214px;
  height: 77px;
  display: block;
  content: "";
  position: absolute;
  right: -120px;
  top: 86px;
  background: url(../images/dotted-arrow.png) no-repeat left top;
  z-index: -1;
}
.how-apply ul li:nth-child(2):after {
  width: 221px;
  height: 84px;
  display: block;
  content: "";
  position: absolute;
  right: -122px;
  top: 32px;
  background: url(../images/dotted-arrow1.png) no-repeat left top;
  z-index: -1;
}
.how-apply ul li .icon-block {
  width: 175px;
  height: 175px;
  line-height: 175px;
  position: relative;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background: #ff9600;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.how-apply ul li .icon-block .num {
  width: 44px;
  height: 44px;
  position: absolute;
  right: -20px;
  top: 45px;
  display: block;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  line-height: 44px;
  color: #fff;
  background: #2c97ea;
  border-radius: 50%;
}
.how-apply ul li:hover .icon-block,
.how-apply ul li.active .icon-block {
  background: #3eb25c;
}
.how-apply ul li:hover .num,
.how-apply ul li.active .num {
  background: #ff9600;
}
.how-apply ul li h3 {
  display: block;
  padding: 34px 0 25px 0;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  color: #211d1e;
  text-transform: uppercase;
}
.how-apply ul li p {
  display: block;
  padding: 0 40px 0;
}
.how-apply .button-wrapper {
  display: block;
  text-align: center;
  position: relative;
}
.how-apply .button-wrapper:before,
.how-apply .button-wrapper:after {
  width: calc(50% - 110px);
  height: 1px;
  background: #d8d8d8;
  content: "";
  position: absolute;
  top: 50%;
}
.how-apply .button-wrapper:before {
  left: 0;
}
.how-apply .button-wrapper:after {
  right: 0;
}

/*-----------------------
	comments section
-----------------------*/
.comments-wrapper {
  display: block;
  background: #f3f6f8;
}
.comments-wrapper h2 {
  display: block;
  padding-bottom: 22px;
  font-family: "texgyreadventorbold";
  font-size: 24px;
  color: #606d87;
  text-transform: uppercase;
  border-bottom: 1px #d5d7d9 solid;
  position: relative;
}
.comments-wrapper h2:after {
  display: block;
  width: 166px;
  height: 1px;
  background: #4181b9;
  position: absolute;
  bottom: -1px;
  content: "";
  background: #4181b9;
}
.comments-wrapper ul.comments {
  display: block;
  padding-top: 56px;
  padding-bottom: 40px;
}
.comments-wrapper ul.comments li {
  margin-bottom: 30px;
}
.comments-wrapper ul.comments li .com-img {
  width: 68px;
  height: 68px;
  float: left;
}
.comments-wrapper ul.comments li .com-txt {
  width: calc(100% - 92px);
  padding: 30px 60px 30px 30px;
  float: right;
  background: #fbfcfd;
  border: 1px #d1dadf solid;
  position: relative;
}
.comments-wrapper ul.comments li .com-txt:after,
.comments-wrapper ul.comments li .com-txt:before {
  right: 100%;
  top: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.comments-wrapper ul.comments li .com-txt:after {
  border-color: rgba(243, 246, 248, 0);
  border-right-color: #fbfcfd;
  border-width: 8px;
  margin-top: -8px;
}
.comments-wrapper ul.comments li .com-txt:before {
  border-color: rgba(209, 218, 223, 0);
  border-right-color: #d1dadf;
  border-width: 9px;
  margin-top: -9px;
}
.comments-wrapper ul.comments li .com-txt h3 {
  display: block;
  padding-bottom: 13px;
  font-family: "texgyreadventorbold";
  font-size: 16px;
  color: #4b5761;
  text-transform: uppercase;
}
.comments-wrapper ul.comments li .com-txt h3 span {
  padding-left: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #96adba;
}
.comments-wrapper ul.comments li .com-txt p {
  padding-bottom: 10px;
  line-height: 20px;
}
.comments-wrapper ul.comments li .com-txt a {
  font-size: 12px;
  font-weight: 700;
  color: #4181b9;
  text-transform: uppercase;
}
.comments-wrapper ul.comments li .com-txt a span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
  font-size: 16px;
  opacity: 0.5;
  transition: all 0.3s ease 0s;
}
.comments-wrapper ul.comments li .com-txt a:hover {
  color: #ff9600;
}
.comments-wrapper ul.comments li .com-txt a:hover span {
  opacity: 1;
}
.comments-wrapper hr {
  margin: 0px;
  border-color: #d5d7d9;
}
.leave-comment h4 {
  display: block;
  padding: 60px 0;
  font-family: "texgyreadventorbold";
  font-size: 20px;
  color: #606d87;
  text-transform: uppercase;
}
.leave-comment .row1 {
  display: block;
  margin-bottom: 30px;
}
.leave-comment input {
  width: calc(50% - 25px);
  height: 46px;
  padding: 0 20px;
  float: left;
  background: none;
  border: none;
  border-left: 1px #cbd8de solid;
  border-bottom: 1px #cbd8de solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
}
.leave-comment input:last-child {
  float: right;
}
.leave-comment textarea {
  width: 100%;
  height: 130px;
  margin-bottom: 40px;
  padding: 10px 20px;
  float: left;
  background: none;
  border: none;
  border-left: 1px #cbd8de solid;
  border-bottom: 1px #cbd8de solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
  resize: none;
}

/* ================================================== */
/* 10. contact page */
/* ================================================== */
.inner-banner.contact {
  min-height: 240px;
  padding: 60px 0;
}
.form-wrapper {
  display: block;
}
.form-wrapper .input-row {
  display: block;
}
.form-wrapper .row .col-sm-6 {
  margin-bottom: 40px;
}
.form-wrapper input {
  width: 100%;
  padding: 0 22px;
  height: 46px;
  border: none;
  border-bottom: 1px #dae4e8 solid;
  border-left: 1px #dae4e8 solid;
  font-size: 12px;
  color: #858788;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-wrapper input:focus {
  border-color: #9da4a8;
}
.google-map {
  display: block;
  position: relative;
}
.google-map .container {
  position: absolute;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  top: 0px;
}
.google-map #map {
  height: 550px;
  z-index: 1;
}
.google-map #map iframe {
  width: 100%;
  height: 100%;
}
.contact-detail {
  max-width: 360px;
  margin: 96px 0;
  float: right;
  background: #17a43b;
  color: #fff;
  box-shadow: 0 0 30px #bfcdbf;
  position: relative;
  z-index: 2;
}
.contact-detail .address {
  display: block;
  padding: 18px 40px 12px 70px;
}
.contact-detail .inner {
  display: block;
  padding: 18px 0;
  border-bottom: 1px #45b662 solid;
  position: relative;
}
.contact-detail .inner:before {
  width: 16px;
  height: 23px;
  display: block;
  position: absolute;
  left: -30px;
  font-family: "icomoon" !important;
  font-size: 22px;
  content: "\e918";
  color: #a4dbb2;
}
.contact-detail .inner:nth-child(2):before {
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  left: -30px;
  font-size: 18px;
  content: "\e91a";
}
.contact-detail .inner:nth-child(3) {
  border-bottom: none;
}
.contact-detail .inner:nth-child(3):before {
  width: 21px;
  height: 15px;
  display: block;
  position: absolute;
  left: -30px;
  top: 20px;
  font-size: 16px;
  content: "\e919";
}
.contact-detail .inner h3 {
  padding-bottom: 6px;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
.contact-detail .inner p {
  color: #9be5ad;
  line-height: 20px;
}
.contact-detail .inner a {
  padding-bottom: 6px;
  font-size: 18px;
  font-family: "texgyreadventorbold";
  color: #fff;
}
.contact-bottom {
  display: block;
  padding: 27px 0 23px 0;
  background: #ff9600;
  text-align: center;
}
.contact-bottom ul.follow-us {
  display: block;
}
.contact-bottom ul.follow-us li {
  display: inline-block;
  padding: 0 20px;
  font-size: 24px;
}
.contact-bottom ul.follow-us li a {
  color: #fff;
  opacity: 0.7;
}
.contact-bottom ul.follow-us li a:hover {
  color: #fff;
  opacity: 1;
}
.have-question h2 {
  color: #2d4256;
}
.have-question ul li {
  margin-bottom: 0px;
}
.have-question ul li:after {
  display: none;
}
.error {
  margin: 5px 0 0 0;
  font-size: 13px;
  color: #cb0101;
}
.msg {
  display: none;
}
.msg-error {
  display: block;
  padding: 6px 20px;
  margin: 30px 0 0 0;
  font-size: 13px;
  color: #fff;
  background: #c70202;
  border-radius: 4px;
}
.msg-error:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  content: "\f071";
  float: right;
}
.msg-success {
  display: block;
  padding: 6px 20px;
  margin: 30px 0 0 0;
  font-size: 13px;
  color: #fff;
  background: #17a43b;
  border-radius: 4px;
}
.msg-success:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  content: "\f00c";
  float: right;
}

/* ================================================== */
/* 11. blog page */
/* ================================================== */
/* Default styles for larger screens */
.inner-banner.blog {
  min-height: 50vh;                /* Banner takes up 50% of viewport height */
  padding: 80px 0;                 /* Padding for vertical spacing */
  background-size: cover;         /* Ensures the background image covers the entire banner */
  background-position: center top; /* Keeps the background at the top center */
  background-repeat: no-repeat;    /* Prevents background image repetition */
  margin-top: 55px;                /* Adjusts spacing from the element above */
}

@media (max-width: 1024px) {
  /* Styles for tablets and medium screens */
  .inner-banner.blog {
    min-height: 40vh;              /* Reduces min-height to 40% of viewport height for tablets */
    padding: 60px 0;               /* Adjusts padding for medium screens */
    background-position: center;  /* Centers background for tablets */
    margin-top: 50px;              /* Adjusts top margin for tablets */
  }
}

@media (max-width: 768px) {
  /* Styles for mobile devices */
  .inner-banner.blog {
    min-height: 35vh;              /* Further reduces min-height for mobile devices */
    padding: 40px 0;               /* Reduces padding for mobile screens */
    background-size: cover;       /* Ensures background still covers mobile screens */
    background-position: center;  /* Centers background for mobile screens */
    margin-top: 40px;              /* Adjusts top margin for mobile screens */
  }
}

@media (max-width: 480px) {
  /* Styles for very small screens (small mobile devices) */
  .inner-banner.blog {
    min-height: 30vh;              /* Further reduces min-height for very small screens */
    padding: 30px 0;               /* Further reduces padding for very small screens */
    margin-top: 50px;              /* Adjusts top margin for very small screens */
  }
}

/* Ensuring the content inside the banner is centered */
.inner-banner.blog .content {
  margin: 0 auto;                  /* Centers the content horizontally */
  text-align: center;              /* Centers the text inside the content div */
}

.blog-wrapper {
  display: block;
}
.blog-left {
  display: block;
  position: relative;
}
.blog-left:after {
  width: 1px;
  height: 100%;
  display: block;
  background: #e5e5e5;
  position: absolute;
  top: 0px;
  right: -50px;
  content: "";
}
ul.blog-listing {
  display: block;
}
ul.blog-listing > li {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px #e9e9e9 solid;
}
ul.blog-listing > li h2 {
  padding: 30px 0 20px 0;
  font-family: "texgyreadventorregular";
  font-size: 24px;
  color: #343a3c;
  line-height: 36px;
  text-transform: none;
}
ul.blog-listing > li p {
  padding-bottom: 26px;
  color: #8d8f8f;
}
ul.blog-listing > li .read-more {
  font-family: "texgyreadventorbold";
  font-size: 14px;
  color: #606d87;
  text-transform: uppercase;
}
ul.blog-listing > li .read-more span {
  vertical-align: middle;
  margin-right: 7px;
  font-size: 18px;
  color: #ff9600;
  transition: all 0.3s ease 0s;
}
ul.blog-listing > li .read-more:hover span {
  color: #17a43b;
}
ul.post-detail {
  display: block;
  padding-bottom: 17px;
}
ul.post-detail li {
  display: inline-block;
  padding-right: 20px;
  font-size: 12px;
  color: #96adba;
}
ul.post-detail li .ico {
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
  font-size: 17px;
  color: #afc0c9;
}
ul.post-detail li .bold {
  font-weight: 700;
  color: #5c7e91;
  text-transform: uppercase;
}
ul.post-detail li .label {
  display: inline-block;
  padding: 5px 10px;
  background: #abbfc9 scroll;
  border-radius: 2px;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
}
.blog-wrapper .pagination > li > a,
.blog-wrapper .pagination > li > span {
  background: #ecf4fa;
}
.blog-wrapper .pagination > li > a:focus,
.blog-wrapper .pagination > li > a:hover,
.blog-wrapper .pagination > li > span:focus,
.blog-wrapper .pagination > li > span:hover {
  background: #ff9600;
}
.blog-right {
  display: block;
  padding-left: 100px;
}
.search-block {
  display: block;
  margin-bottom: 40px;
  background: #e9e9e9;
}
.search-block input {
  width: calc(100% - 58px);
  height: 42px;
  float: left;
  padding: 0 20px;
  border: none;
  background: none;
}
.search-block .search {
  width: 40px;
  height: 42px;
  float: right;
  border: none;
  background: #ff9600;
  font-size: 16px;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.search-block .search:hover {
  background: #17a43b;
}
.blog-right h3 {
  padding-bottom: 16px;
  font-size: 17px;
  color: #606d87;
  text-transform: uppercase;
}
.category {
  display: block;
  padding-bottom: 70px;
}
.category h3 {
  border-bottom: 1px #eee solid;
}
.category ul {
  display: block;
}
.category ul li {
  display: block;
  border-bottom: 1px #eee solid;
}
.category ul li:last-child {
  border-bottom: none;
}
.category ul li a {
  display: block;
  padding: 10px 0;
  font-size: 13px;
  color: #899eaa;
}
.category ul li a span {
  display: inline-block;
  margin-top: 5px;
  background: #bed1db;
  float: right;
  padding: 1.5px 5px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 14px;
  transition: all 0.3s ease 0s;
}
.category ul li a:hover span {
  background: #2c97ea;
}
.recent-post {
  display: block;
  padding-bottom: 60px;
}
.recent-post ul {
  display: block;
}
.recent-post ul li {
  display: block;
  padding: 15px 0;
  border-bottom: 1px #eee solid;
}
.recent-post ul li:last-child {
  border: none;
}
.recent-post ul li .img-block {
  width: 22%;
  float: left;
}
.recent-post ul li .detail {
  width: 78%;
  padding-left: 15px;
  float: left;
}
.recent-post ul li .detail h4 {
  padding-bottom: 4px;
  font-family: "texgyreadventorbold";
  font-size: 12px;
  color: #5f6f77;
  text-transform: uppercase;
}
.recent-post ul li .detail p {
  font-size: 12px;
  color: #b9c8d0;
}
.recent-post ul li .detail .ico {
  padding-right: 7px;
  font-size: 15px;
  color: #adbec8;
}
.recent-post ul li .detail p span {
  font-weight: 700;
  text-transform: uppercase;
  color: #98abb6;
}
.archives {
  display: block;
  padding-bottom: 60px;
}
.archives h3 {
  border-bottom: 1px #eee solid;
}
.archives ul {
  display: block;
}
.archives ul li {
  display: block;
  border-bottom: 1px #eee solid;
}
.archives ul li:last-child {
  border: none;
}
.archives ul li a {
  display: block;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  color: #899eaa;
  text-transform: uppercase;
}
.archives ul li a:hover,
.archives ul li:hover span {
  color: #ff9600;
}
.archives ul li span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 20px;
  color: #adbec8;
}
.blog-right .tags {
  display: block;
  padding-bottom: 70px;
}
.blog-right .tags h3 {
  border-bottom: 1px #eee solid;
}
ul.tags-list {
  display: block;
  padding-top: 24px;
}
ul.tags-list li {
  display: block;
  margin-right: 8px;
  float: left;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: bold;
}
ul.tags-list li a {
  padding: 4px 10px;
  color: #fff;
  background: #abbfc9;
  text-transform: uppercase;
  border-radius: 2px;
}
ul.tags-list li a:hover {
  background: #17a43b;
}

/* ================================================== */
/* 12. blog Single page */
/* ================================================== */
.imp-quote {
  display: block;
  padding: 25px 20px 0 66px;
  margin-bottom: 30px;
  border-radius: 4px;
  background: #eef2f4;
  position: relative;
}
.imp-quote:before {
  position: absolute;
  left: 26px;
  top: 30px;
  font-family: "icomoon";
  font-size: 20px;
  content: "\e90d";
  color: #4181b9;
}
.imp-quote > p {
  display: block;
  font-size: 14px;
  font-style: italic;
  color: #79929f !important;
  line-height: 24px;
}
ul.blog-listing.detail > li {
  margin-bottom: 0px;
  padding-bottom: 50px;
}
.blog-left ul.follow-us {
  display: inline-block;
  padding-right: 15px;
  margin-top: -17px;
  background: #fff;
}
.blog-left ul.follow-us li {
  display: block;
  padding: 0 4px;
  float: left;
}
.blog-left ul.follow-us li:first-child {
  padding-left: 0px;
}
.blog-left ul.follow-us li a {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  background: #c6d9ea;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.blog-left ul.follow-us li a:hover {
  background: #17a43b;
  border-color: #1c7bc3;
}
.blog-left .comments-wrapper {
  background: none;
  padding: 50px 0 0 0;
  border-bottom: 1px #dfdfdf solid;
}
.blog-left .comments-wrapper ul.comments li .com-txt {
  background: none;
}
.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
  padding-left: 42px;
}
.blog-left .leave-comment h4 {
  padding: 50px 0;
}

/* ================================================== */
/* 13. 404 page */
/* ================================================== */
.not-found-wrapper {
  max-width: 480px;
  margin: 130px auto;
  padding: 240px 0 0 0;
  background: url(../images/404-img.png) no-repeat center top / 100%;
  text-align: center;
}
.not-found-wrapper h1 {
  font-size: 186px;
  color: #bcbfc1;
}
.not-found-wrapper p {
  padding-bottom: 60px;
  font-family: "texgyreadventorbold";
  font-size: 30px;
  color: #bcbfc1;
  text-transform: uppercase;
}

/* ================================================== */
/* 14. FAQ opt1 page */
/* ================================================== */

.faq-wrapper {
  display: block;
  background: #f3f6f8;
}
.faq-wrapper .search-block {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 4px #eaedef;
}
.faq-wrapper .search-block input {
  height: 58px;
}
.faq-wrapper .search-block .search {
  width: 58px;
  height: 58px;
  border-radius: 0px 4px 4px 0px;
}
ul.faq-listing {
  display: block;
}
ul.faq-listing li {
  margin-bottom: 25px;
  position: relative;
}
ul.faq-listing li:after {
  width: 1px;
  height: calc(100% - 25px);
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #e2e4e6;
  content: "";
}
ul.faq-listing li:nth-child(even):after {
  display: none;
}
ul.faq-listing li:nth-child(even) .inner {
  padding-left: 88px;
}
ul.faq-listing li:nth-child(even) .inner:before {
  left: 20px;
}
ul.faq-listing li:nth-last-child(2) .inner,
ul.faq-listing li:last-child .inner {
  border-bottom: none;
}
ul.faq-listing li .inner {
  display: block;
  padding: 50px 40px 50px 68px;
  border-bottom: 1px #e2e4e6 solid;
  position: relative;
}
ul.faq-listing li .inner:before {
  position: absolute;
  left: 0px;
  top: 58px;
  font-family: "icomoon";
  font-size: 46px;
  color: #c5d4da;
  content: "\e91c";
}
ul.faq-listing li h2 {
  padding-bottom: 20px;
  font-size: 18px;
  color: #284962;
  text-transform: uppercase;
  line-height: 26px;
}
.faq-wrapper hr {
  margin: 0px;
  border-color: #e2e4e6;
}
.faq-wrapper .text-center,
.testimonial-outer .text-center {
  margin-top: 80px;
}
.pagination.blue > li > a,
.faq-wrapper .pagination.blue > li > span {
  background: #e3edf5;
}
.pagination.blue > li > a:focus,
.pagination.blue > li > a:hover,
.pagination.blue > li > span:focus,
.pagination.blue > li > span:hover {
  background: #ff9600;
}

/* ================================================== */
/* 15. FAQ opt2 page */
/* ================================================== */
.faq-wrapper.faq2 {
  background: #fff;
}
.faq-wrapper.faq2 .search-block {
  padding-left: 50px;
  box-shadow: none;
}
.faq-wrapper.faq2 .search-block input {
  border: 2px #ff9600 solid;
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.panel-default {
  background: none;
  border: none;
  border-bottom: 1px #ececec solid;
  border-radius: 0px !important;
  box-shadow: none;
}
.panel-group .panel + .panel {
  margin: 0px;
}
.panel-default > .panel-heading {
  padding: 22px 0px;
  background: none;
  border: none;
  color: #738c9f;
}
.panel-default .panel-title {
  font-size: 18px;
  text-transform: inherit;
}
.panel-default .panel-title a {
  display: block;
  padding-left: 50px;
  position: relative;
  color: #284962;
}
.panel-default .panel-title a:before,
.panel-default .panel-title a.collapsed:before {
  position: absolute;
  left: 0px;
  top: -15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 46px;
}
.panel-default .panel-title a:before {
  top: -20px;
  content: " - ";
  color: #284962;
}
.panel-default .panel-title a.collapsed {
  color: #738c9f;
}
.panel-default .panel-title a.collapsed:before {
  content: " + ";
  color: #b9c5cf;
}
.panel-default .panel-body {
  padding: 0 0 15px 50px;
}
.panel-default .panel-body p {
  padding-bottom: 15px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}

/* ================================================== */
/* 16. login page */
/* ================================================== */
.fill-bg {
  background: url(../images/login-bg.jpg) no-repeat center center / cover;
  background-attachment: fixed;
}
.fill-bg:after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}
.login-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  z-index: 2;
}
.login-wrapper .inner {
  display: table-cell;
  vertical-align: middle;
}
.login-wrapper .login {
  max-width: 500px;
  margin: 30px auto;
}
.login-wrapper .login-logo {
  margin-bottom: 30px;
}
.login-wrapper .login-logo img {
  margin: 0 auto;
}
.login-wrapper .head-block {
  display: block;
  padding: 22px 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}
.login-wrapper .head-block h1 {
  font-size: 34px;
  text-transform: uppercase;
  color: #353434;
}
.login-wrapper .cnt-block {
  display: block;
  padding: 40px;
  background: #fff;
}
.form-outer input {
  width: 100%;
  height: 46px;
  margin-bottom: 30px;
  padding: 0 20px;
  background: none;
  border: none;
  border-left: 1px #dae4e8 solid;
  border-bottom: 1px #dae4e8 solid;
  font-size: 12px;
  font-weight: 700;
  color: #7f8385;
  z-index: 2;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-outer input:focus {
  border-color: #9da4a8;
}
.login-wrapper .button-outer {
  display: block;
  position: relative;
}
.login-wrapper .or {
  width: 16%;
  display: inline-block;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  text-align: center;
  color: #b7c1c4;
  text-transform: uppercase;
}
.login-wrapper .btn:hover {
  background: #17a43b;
}
.login-wrapper .register {
  display: block;
  float: right;
  background: #7f7f7f;
}
.login-wrapper .remember {
  display: block;
  margin: 36px 0 0 0;
  font-family: "texgyreadventorbold";
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
.login-wrapper .remember .check {
  display: inline-block;
  margin-right: 15px;
  line-height: 15px;
  color: #6e7e83;
}
.login-wrapper .remember .check input {
  height: auto;
  position: absolute;
}
.login-wrapper a.forgot {
  display: inline-block;
  margin-left: 15px;
  color: #6e7e83;
}
.login-wrapper a.forgot:hover {
  color: #17a43b;
}
.login-wrapper a.forgot span {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  background: #becfd5;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}
.login-wrapper a.forgot:hover span {
  background: #17a43b;
}
.login-wrapper .login-footer {
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.login-wrapper ul.follow-us {
  display: block;
}
.login-wrapper ul.follow-us li {
  display: inline-block;
  padding: 0 15px;
}
.login-wrapper ul.follow-us li a {
  font-size: 18px;
  color: #849da6;
}
.login-wrapper ul.follow-us li a:hover {
  color: #1e4f61;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 17px;
  height: 17px;
  background: #dae4e8;
  border-radius: 3px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  font-family: "icomoon";
  font-size: 11px;
  content: "\e91e";
  position: absolute;
  top: 3px;
  left: 3px;
  line-height: 0.8;
  color: #17a43b;
  transition: all 0.2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* ================================================== */
/* 17. testimonial page */
/* ================================================== */
.testimonial-outer {
  display: block;
}
ul.testimonials {
  text-align: center;
  border-bottom: 1px #dfe5e1 solid;
  position: relative;
}
ul.testimonials:after {
  width: 5px;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  background: #fff;
}
ul.testimonials li {
  display: block;
  border-right: 1px #dfe5e1 solid;
  border-bottom: 1px #dfe5e1 solid;
  position: relative;
}
ul.testimonials li .quotblock {
  display: block;
  padding: 50px 20px;
}
ul.testimonials li:nth-last-child(1),
ul.testimonials li:nth-last-child(2),
ul.testimonials li:nth-last-child(3) {
  border-bottom: none;
}
ul.testimonials li:nth-last-child(1):after,
ul.testimonials li:nth-last-child(2):after,
ul.testimonials li:nth-last-child(3):after,
ul.testimonials li:nth-last-child(1):before,
ul.testimonials li:nth-last-child(2):before,
ul.testimonials li:nth-last-child(3):before {
  display: none !important;
}
ul.testimonials li:after,
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
  width: 5px;
  height: 7px;
  display: block;
  content: "";
  background: url(../images/testi-clip.png) no-repeat left top;
  position: absolute;
  bottom: -4px;
}
ul.testimonials li:nth-child(1) .quotblock,
ul.testimonials li:nth-child(2) .quotblock,
ul.testimonials li:nth-child(3) .quotblock {
  padding-top: 0px;
}
ul.testimonials li:after {
  right: -1px;
}
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
  left: -1px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
ul.testimonials li img {
  margin: 0 auto 22px;
}
ul.testimonials li .icon-quote-left-icon {
  font-size: 20px;
  color: #ffac34;
}
ul.testimonials li h3 {
  padding: 14px 0 2px 0;
  font-size: 18px;
  color: #464f53;
  text-transform: none;
}
ul.testimonials li .desig {
  display: block;
  padding-bottom: 15px;
  font-size: 12px;
  font-weight: 700;
}
ul.testimonials li p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 36px;
}

/* ================================================== */
/* 18. gallery page */
/* ================================================== */
.campus-tour .pagination {
  margin: 80px 0;
}
ul.gallery-filter {
  display: block;
  padding: 0 30px;
  border-bottom: 2px #d8e0e7 solid;
  margin-bottom: 50px;
}
ul.gallery-filter li {
  width: 19%;
  display: inline-block;
  font-family: "texgyreadventorbold";
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
ul.gallery-filter li a {
  display: inline-block;
  padding: 0 0 30px 0;
  color: #909aa1;
}
ul.gallery-filter li:after {
  width: 0px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: -2px;
  right: 0px;
  content: "";
  background: #17a43b;
  color: #4f4a4a;
  transition: all 0.5s ease 0s;
}
ul.gallery-filter li:hover:after,
ul.gallery-filter li.active:after {
  width: 100%;
  left: 0px;
  color: #4f4a4a;
}
ul.gallery-filter li:hover a,
ul.gallery-filter li.active a {
  color: #4f4a4a;
}
.mfp-counter {
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
}

/* ================================================== */
/* 19. news & events page */
/* ================================================== */
.news-wrapper {
  background: #f1f4f6;
}
ul.news-listing > li {
  margin-bottom: 30px;
}
ul.news-listing > li .inner {
  display: block;
  padding-bottom: 15px;
  background: #fff;
  box-shadow: 0 0 8px #e4e7e9;
}
ul.news-listing > li img {
  width: 100%;
}
ul.news-listing > li .cnt-block {
  display: block;
  padding: 40px 30px;
}
ul.news-listing > li h2 {
  padding-bottom: 12px;
  font-family: "texgyreadventorbold";
  font-size: 20px;
  color: #4d5557;
  line-height: 30px;
  text-transform: none;
}
ul.news-listing > li p {
  padding-bottom: 26px;
  color: #8d8f8f;
}
ul.news-listing > li .read-more {
  font-family: "texgyreadventorbold";
  font-size: 14px;
  color: #606d87;
  text-transform: uppercase;
}
ul.news-listing > li .read-more span {
  vertical-align: middle;
  margin-right: 7px;
  font-size: 19px;
  color: #ff9600;
  transition: all 0.3s ease 0s;
}
ul.news-listing > li .read-more:hover span {
  color: #17a43b;
}
.news-wrapper ul.post-detail {
  padding-bottom: 10px;
}
.news-wrapper ul.post-detail li .ico {
  font-size: 17px;
}
.news-wrapper .text-center {
  margin-top: 50px;
}

/* ================================================== */
/* 20. privacy page */
/* ================================================== */
.privacy-wrapper {
  background: #f1f4f6;
}
.privacy-wrapper h2 {
  display: block;
  padding-bottom: 25px;
  font-size: 30px;
  color: #343a3c;
  line-height: 32px;
  text-transform: none;
}
.privacy-wrapper p {
  padding-bottom: 25px;
  color: #7d8081;
}
ul.privacy-listing {
  padding: 10px 0;
}
ul.privacy-listing > li {
  border-bottom: 1px dashed #c9cdce;
  color: #707c82;
  font-weight: 700;
  margin-bottom: 8px;
  padding: 0 0 15px 24px;
  position: relative;
}
ul.privacy-listing > li:last-child {
  border-bottom: none;
}
ul.privacy-listing > li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 4px;
  font-family: "icomoon";
  font-size: 12px;
  color: #79a2c2;
  content: "\e917";
}
ul.privacy-listing > li > ul {
  padding: 4px 0;
}
ul.privacy-listing > li > ul > li {
  font-size: 12px;
  font-weight: normal;
}
ul.privacy-listing > li > ul > li:before {
  display: inline-block;
  vertical-align: middle;
  top: -2px;
  width: 5px;
  height: 5px;
  margin-right: 12px;
  border-radius: 50%;
  content: "";
  background: #98b4cb;
}
.privacy-wrapper hr {
  border-color: #daddde;
}
.privacy-wrapper h3 {
  display: block;
  padding-bottom: 25px;
  font-size: 24px;
  color: #343a3c;
  line-height: 32px;
  text-transform: none;
}
.privacy-wrapper .padding-top {
  padding-top: 30px;
}
.imp-note {
  display: block;
  margin: 10px 0 38px 0;
  box-shadow: 0 0 8px #e4e7e9;
  padding: 24px 40px 5px 22px;
  background: #fdfdfe;
}
.imp-note span {
  width: 72px;
  height: 72px;
  line-height: 52px;
  margin-right: 25px;
  display: block;
  float: left;
  border-radius: 50%;
  background: #fec472;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border: 12px #fdf2e4 solid;
}
.imp-note p {
  padding-bottom: 25px;
  font-size: 13px;
  color: #94a6af;
  line-height: 22px;
  overflow: hidden;
}
ol.ord-listing {
  padding-left: 68px;
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
}
ol.ord-listing li {
  position: relative;
  min-height: 60px;
  margin-top: 15px;
  padding-bottom: 20px;
  color: #7d8081;
  border-bottom: 1px #daddde solid;
}
ol.ord-listing li:before {
  content: counter(li);
  counter-increment: li;
  color: #fff;
  background: #17a43b;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  position: absolute;
  top: 7px;
  left: -50px;
}
ol.ord-listing li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

/* ================================================== */
/* 21. register page */
/* ================================================== */
.form-outer input.country-code {
  float: left;
  width: 16%;
}
.form-outer input.phone-no {
  float: right;
  width: calc(84% - 18px);
}
.register .cnt-block textarea {
  width: 100%;
  height: 122px;
  margin-bottom: 30px;
  padding: 0 20px;
  background: none;
  border: none;
  border-left: 1px #dae4e8 solid;
  border-bottom: 1px #dae4e8 solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
  resize: none;
}
.datepicker {
  min-width: 260px;
  border: 1px #dae4e8 solid;
  box-shadow: none;
}
.form-outer .date {
  position: relative;
}
.form-outer .date .icon-calander-icon {
  position: absolute;
  right: 0px;
  top: 14px;
  font-size: 19px;
  color: #aab8be;
}
.register .cnt-block {
  padding: 70px 80px;
}
.register .regiter-inner {
  max-width: 1000px;
  padding: 0 15px;
  margin: 30px auto;
}
.form-outer h2 {
  padding-bottom: 14px;
  font-size: 13px;
  text-transform: uppercase;
  color: #353434;
}
.form-outer ul.select-opt {
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0 0 40px 0;
}
ul.select-opt li {
  color: #aaa;
  display: block;
  position: relative;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
.login-wrapper .cnt-block ul.select-opt li input {
  height: auto;
  margin: 0px;
}
ul.select-opt li input[type="radio"] {
  position: absolute;
  visibility: hidden;
}
ul.select-opt li label {
  display: block;
  position: relative;
  padding: 0px 30px 0 26px;
  margin: 0px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
ul.select-opt li .check {
  display: block;
  position: absolute;
  background: #dae4e8;
  border-radius: 2px;
  height: 17px;
  width: 17px;
  top: 4px;
  left: 0px;
  z-index: 5;
}
ul.select-opt li:hover .check {
  border: 3px solid #dae4e8;
}
ul.select-opt li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 2px;
  height: 11px;
  width: 11px;
  top: 0px;
  left: 0px;
  margin: auto;
}
.form-outer input[type="radio"]:checked ~ .check {
  border: 3px solid #dae4e8;
}
.form-outer input[type="radio"]:checked ~ .check::before {
  background: #ef5b34;
}
.form-outer input[type="radio"]:checked ~ label {
  color: #343a3c;
}

/* ================================================== */
/* 22. apply online page */
/* ================================================== */
.form-outer .select2.select2-container {
  width: 100% !important;
}
.form-outer .select2-container--default .select2-selection--single {
  width: 100%;
  height: 46px;
  margin-bottom: 1px;
  padding: 0 20px;
  background: none;
  border: none;
  border-left: 1px #dae4e8 solid;
  border-bottom: 1px #dae4e8 solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
  border-radius: 0px;
}
.form-outer
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0px;
  color: #7f8385;
  line-height: 43px;
}
.form-outer .col-left {
  float: left;
}
.form-outer .col-left:first-child {
  padding-right: 10%;
}

/* ================================================== */
/* 23. generic UI page */
/* ================================================== */
.generic-wrapper {
  display: block;
}
.generic-wrapper .head-block {
  display: block;
  padding-bottom: 50px;
}
.generic-wrapper .head-block h2 {
  padding-bottom: 10px;
}
.generic-wrapper .head-block p {
  color: #7d8081;
}
.generic-wrapper hr {
  margin: 0;
  border-color: #dde5e9;
}
.generic-wrapper .heading-group {
  display: block;
}
.heading-group h1,
.heading-group h2,
.heading-group h3,
.heading-group h4,
.heading-group h5,
.heading-group h6 {
  padding-bottom: 30px;
}
.heading-right {
  display: block;
}
.heading-right ul.privacy-listing,
.heading-right ul.privacy-listing li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.heading-right p {
  padding-bottom: 20px;
}
ul.our-spec {
  display: block;
}
ul.our-spec li {
  width: 33.3%;
  padding-bottom: 50px;
  float: left;
  font-weight: 700;
  color: #284962;
  text-align: center;
  line-height: 20px;
}
ul.our-spec li .icon {
  display: block;
  padding-bottom: 15px;
}
ul.our-spec li .icon img {
  border-radius: 3px;
}
ul.our-spec li:last-child,
ul.our-spec li:nth-last-child(2),
ul.our-spec li:nth-last-child(3) {
  padding-bottom: 0px;
}
.button-group {
  margin-bottom: 70px;
}
.button-group a {
  display: inline-block;
  vertical-align: middle;
}
a.btn-circle {
  width: 60px;
  height: 60px;
  margin: 0 8px;
  display: inline-block;
  line-height: 64px;
  border-radius: 50%;
  text-align: center;
  background: #ff9600;
  font-size: 22px;
  color: #fff;
}
a.btn-circle.more {
  background: #17a43b;
}
a.btn-circle.plus {
  background: #2c97ea;
}
a.btn-circle.plus:hover {
  background: #ff9600;
}
a.btn-circle:hover {
  background: #2c97ea;
}
.button-group a.btn {
  margin: 0 8px;
}
.generic-wrapper .imp-note {
  margin: 0px;
}
.button-group1 {
  margin: 0;
}
.button-group1 a.download-pros,
.button-group1 a.download-cert {
  width: calc(50% - 20px);
  margin: 0 10px;
}
.generic-wrapper ul.tags-list,
.generic-wrapper ul.teachers-follow {
  padding-top: 0px;
  margin-bottom: 40px;
}
.generic-wrapper .enquire-now {
  margin: inherit;
}

/* ================================================== */
/* 24. Coming Soon */
/* ================================================== */
.coming-soon {
  display: block;
}
.coming-soon .left {
  height: 100vh;
  display: table;
  text-align: center;
  position: relative;
}
.coming-soon .inner {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.coming-soon .left a.logo {
  width: 200px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
}
.coming-soon .left .cnt-block {
  max-width: 490px;
}
.coming-soon .cnt-block {
  max-width: 520px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.coming-soon .cnt-block h1 {
  display: block;
  padding-bottom: 40px;
  font-size: 60px;
}
.stay-connected {
  width: 100%;
  position: absolute;
  bottom: 80px;
}
.stay-connected h2 {
  padding-bottom: 25px;
  font-size: 18px;
  text-transform: inherit;
}
.coming-soon ul.follow-us {
  display: block;
}
.coming-soon ul.follow-us li {
  display: inline-block;
  padding: 0 3px;
}
.coming-soon ul.follow-us li a {
  width: 38px;
  height: 38px;
  display: block;
  background: rgba(28, 123, 195, 0.3);
  border-radius: 50%;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #fff;
}
.coming-soon ul.follow-us li a:hover {
  background: rgba(28, 123, 195, 1);
  border-color: #1c7bc3;
}
.coming-soon .right {
  height: 100vh;
  display: table;
  background: url(../images/coming-soon-bg.jpg) no-repeat center top / cover;
  text-align: center;
  position: relative;
  color: #fff;
}
.coming-soon .right:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  background: rgba(0, 0, 0, 0.7);
}
.coming-soon .right .ready {
  display: block;
  padding-bottom: 60px;
}
.coming-soon .right h2 {
  padding-bottom: 20px;
  font-family: "texgyreadventorregular";
  font-size: 20px;
  text-transform: inherit;
  color: #fff;
}
.coming-soon .right ul {
  display: block;
}
.coming-soon .right ul li {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  font-weight: 300;
  color: #fff;
}
.coming-soon .right ul li:after {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  content: ":";
  font-size: 60px;
  position: absolute;
  right: -5px;
  top: 18%;
}
.coming-soon .right ul li:last-child:after {
  display: none;
}
.coming-soon .right ul li span {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.coming-soon .right ul li .count {
  font-size: 70px;
  font-weight: 300;
  line-height: 70px;
}
.coming-soon .stay-tuned {
  max-width: 400px;
  margin: 0 auto;
}
.coming-soon .stay-tuned p {
  max-width: 320px;
  padding-bottom: 25px;
  margin: 0 auto;
  opacity: 0.7;
}
.coming-soon .stay-tuned input[type="email"] {
  width: calc(100% - 115px);
  height: 46px;
  padding: 0 0 0 55px;
  border: none;
  border-radius: 25px 0 0 25px;
  color: #9cb0be;
  text-transform: none;
}
.coming-soon .stay-tuned #mc_embed_signup_scroll {
  position: relative;
}
.coming-soon .stay-tuned #mc_embed_signup_scroll:before {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "icomoon";
  font-size: 20px;
  content: "\e907";
  color: #c0cfda;
  z-index: 1;
}
.coming-soon .stay-tuned input::-webkit-input-placeholder,
.banner2 .form-group .form-control::-webkit-input-placeholder {
  text-transform: none;
}
.coming-soon .stay-tuned input:-moz-placeholder,
.banner2 .form-group .form-control:-moz-placeholder {
  /* Firefox 18- */
  text-transform: none;
}
.coming-soon .stay-tuned input::-moz-placeholder,
.banner2 .form-group .form-control::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: none;
}
.coming-soon .stay-tuned input:-ms-input-placeholder,
.banner2 .form-group .form-control:-ms-input-placeholder {
  text-transform: none;
}
.coming-soon .stay-tuned .clear {
  float: right;
}
.coming-soon .stay-tuned .clear .button {
  width: 115px;
  background: #ff9600;
  padding: 10px 0;
  border: none;
  border-radius: 0 25px 25px 0;
  transition: all 0.3s ease 0s;
}
.coming-soon .stay-tuned .clear .button:hover {
  background: #2c97ea;
}

/* ================================================== */
/* 25. Responsive Style */
/* ================================================== */
@media (min-width: 1200px) and (max-width: 1366px) {
  .logos {
    padding: 40px 0;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  .nav > li > a {
    padding: 19px 20px;
  }
  .navbar-form {
    width: 24%;
    padding: 0 20px;
  }
  .banner-outer .content h1 {
    font-size: 3.5rem;
    line-height: 48px;
  }
  .banner-outer .content h1 span {
    font-size: 60px;
  }
  .news-events ul li .cnt-block h3 {
    font-size: 18px;
  }
  .campus-tour {
    padding: 60px 0 0 0;
    padding-bottom: 0px;
  }
  .campus-tour ul.gallery li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  .campus-tour ul.gallery li h3 {
    font-size: 20px;
  }
  .campus-tour ul.gallery li a {
    margin: 0 2px;
  }
  .campus-tour ul.gallery li .overlay {
    margin-top: -55px;
  }
  .details-tab,
  .padding-lg {
    padding-top: 40px;
    padding-bottom: 40px;
   

  }
  a.download-pros,
  a.download-cert {
    padding: 20px 16px;
  }
  a.download-pros .txt-block,
  a.download-cert .txt-block {
    text-transform: none;
  }
  a.download-pros .ico-block,
  a.download-cert .ico-block {
    padding-right: 10px;
  }
  .logos {
    padding: 40px 0;
  }
  .testimonial ul li p {
    padding-bottom: 25px;
    font-size: 20px;
    line-height: 36px;
  }
  .footer ul.follow-us li a {
    width: 36px;
    height: 36px;
    line-height: 34px;
  }
  .footer .connect-us {
    width: 100%;
  }
  .footer .subscribe {
    width: 100%;
    padding-right: 30px;
  }
  .footer .instagram {
    padding-right: 0px;
  }
  .about-video .container {
    height: 450px;
  }
  .about-video p {
    font-size: 55px;
  }
  .about {
    padding-bottom: 60px;
  }
  .about ul.our-links li {
    padding: 44px 0 60px 3%;
  }
  .course-detail {
    padding: 20px 30px;
    margin: 30px 0 0 0;
  }
  .course-detail .duration {
    width: 23%;
    padding-right: 20px;
  }
  .course-detail .duration.eligible {
    padding: 0 20px;
  }
  .course-detail .duration.fee {
    width: 21%;
    padding: 0 20px;
  }
  .course-detail .btn {
    margin: 10px 0 0 32px;
  }
  .how-apply ul li:nth-child(1):after,
  .how-apply ul li:nth-child(2):after {
    top: 54px;
  }
  .how-apply ul li p {
    padding: 34px 0 25px;
  }
  .blog-right {
    padding-left: 60px;
  }
  ul.blog-listing > li {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
  .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
    padding-left: 53px;
  }
  .not-found-wrapper {
    width: 60%;
  }
  .not-found-wrapper h1 {
    font-size: 186px;
  }
  .login-wrapper .login {
    max-width: 460px;
  }
  .login-wrapper .login-logo {
    margin-bottom: 40px;
    text-align: center;
  }
  .login-wrapper .login-logo a {
    width: 250px;
    display: inline-block;
  }
  .login-wrapper .head-block {
    padding: 22px 0;
  }
  .login-wrapper .head-block h1 {
    font-size: 30px;
  }
  .login-wrapper .cnt-block {
    padding: 30px;
  }
  .login-wrapper .or {
    width: 20%;
  }
  .login-wrapper .btn {
    padding: 10px 20px;
  }
  ul.testimonials li p {
    font-size: 16px;
    line-height: 30px;
  }
  .coming-soon .cnt-block {
    max-width: 400px;
  }
  .coming-soon .cnt-block h1 {
    font-size: 50px;
  }
  .coming-soon .right ul li {
    padding: 0 15px;
  }
  .coming-soon .right ul li .count {
    font-size: 60px;
  }
  .banner2 ul.banner-list li:after {
    right: 35px;
  }
  .popular-cources ul.courses-list li .cnt-block {
    padding: 40px 25px;
  }
  .popular-cources ul.courses-list li h4 {
    font-size: 16px;
  }
  .wt-makes-different .left {
    padding-top: 100px;
    padding-bottom: 140px;
  }
  .wt-makes-different .left .q-mark {
    width: 80px;
    height: 80px;
    font-size: 50px;
    line-height: 76px;
  }
  .wt-makes-different .left h2 {
    margin-bottom: 40px;
    font-size: 52px;
    line-height: 64px;
  }
  .wt-makes-different .right {
    padding: 80px 0 0 60px;
  }
  .logos2 ul {
    padding-top: 40px;
  }
}

@media (max-width: 991px) {
  .faq-wrapper.faq2 .search-block input {
    width: calc(100% - 48px);
  }
  .panel-default .panel-title {
    font-size: 17px;
  }
  .faq-wrapper.faq2 .search-block,
  .panel-default .panel-title a,
  .panel-default .panel-body {
    padding-left: 40px;
  }
  .panel-default .panel-title a:before,
  .panel-default .panel-title a.collapsed:before {
    font-size: 40px;
    top: -10px;
  }
  .coming-soon .left,
  .coming-soon .right {
    width: 100%;
  }
  .banner2 {
    min-height: inherit;
    padding: 60px 0;
  }
  .banner2 h1 {
    padding-bottom: 25px;
    font-size: 42px;
    line-height: 50px;
  }
  .banner2 .cnt-block {
    max-width: 630px;
  }
  .banner2 .form-group {
    width: 80%;
    margin: 30px 0 40px 0;
  }
  .banner2 .form-group .form-control {
    width: calc(100% - 60px);
    height: 50px;
    padding: 0 30px;
    font-size: 16px;
  }
  .banner2 .form-group .search-btn {
    width: 50px;
    height: 50px;
    padding: 0px;
  }
  .intro-sec .video-block .play-outer {
    width: 200px;
    height: 68px;
    padding: 10px;
  }
  .intro-sec h2 {
    padding-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
  }
  .intro-sec .know-more-wrapper {
    margin-top: 20px;
  }
  .popular-cources .title-row {
    margin-bottom: 30px;
  }
  .popular-cources h3 {
    font-size: 28px;
  }
  .popular-cources a.view-courses {
    font-size: 14px;
  }
  .popular-cources a.view-courses span {
    margin: -2px 10px 0 0;
    font-size: 16px;
  }
  .popular-cources ul.courses-list li {
    margin-bottom: 30px;
  }
  .popular-cources ul.courses-list li .cnt-block {
    padding: 40px 50px;
  }
  .wt-makes-different .left {
    padding-top: 100px;
    padding-bottom: 140px;
  }
  .wt-makes-different .left .q-mark {
    width: 72px;
    height: 72px;
    font-size: 42px;
    line-height: 68px;
  }
  .wt-makes-different .left h2 {
    margin-bottom: 40px;
    font-size: 46px;
    line-height: 56px;
  }
  .wt-makes-different .right {
    padding: 60px 0 10px 45px;
  }
  ul.makes-different-list li {
    margin-bottom: 50px;
  }
  ul.makes-different-list li h3 {
    font-size: 16px;
  }
  .why-choose h2 {
    padding-bottom: 40px;
  }
  .logos2 ul {
    padding-top: 30px;
  }
}



/* Below 768px (Landscape phone to portrait tablet) */
@media (max-width: 767px) {
  .navbar {
    min-height: 45px;
  }
  /* Additional styles here */
}

/* 768px and above (Portrait tablet to larger devices) */
@media (min-width: 768px) {
  .navbar {
    min-height: 60px;
  }
  .navbar-inverse .navbar-toggle {
    border: 1px solid #333;
  }
  .navbar-form {
    background: #f8f9fa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .navbar-nav > li > a {
    padding: 20px 30px;
    font-size: 1.2rem;
  }
  .about {
    padding: 50px 0 50px;
  }
  .testimonial ul li p {
    font-size: 20px;
    line-height: 30px;
  }
  /* Add other styles for larger screens as needed */
}

/* Landscape phones and down */
@media (max-width: 640px) {
  .banner-outer .content h1 span {
    font-size: 50px;
  }
  .why-choose ul li {
    width: 48%;
    padding-bottom: 30px;
  }
  .why-choose ul li:nth-child(n + 3) {
    padding-bottom: 0px;
  }
  ul.our-strength.opt2 li {
    border-right: none;
  }
  ul.testimonials li {
    width: 100%;
  }
  ul.testimonials li:before,
  ul.testimonials li:nth-last-child(2):before,
  ul.testimonials li:nth-last-child(3):before,
  ul.testimonials li:after,
  ul.testimonials li:nth-last-child(2):after,
  ul.testimonials li:nth-last-child(3):after {
    display: none !important;
  }
  ul.testimonials li:nth-last-child(2),
  ul.testimonials li:nth-last-child(3) {
    border-bottom: 1px solid #dfe5e1;
  }
  ul.testimonials li:first-child .quotblock {
    padding-top: 0px;
  }
  ul.testimonials li:nth-child(2) .quotblock {
    padding-top: 30px;
  }
  ul.gallery-filter li {
    margin-bottom: 10px;
    font-size: 15px;
    padding: 0 6px;
  }
  ul.gallery-filter li a {
    padding-bottom: 8px;
  }
  ul.news-listing > li {
    width: 100%;
  }
  ul.select-opt li {
    width: 100%;
    margin-bottom: 8px;
    float: none;
  }
  .generic-wrapper ul.our-spec li {
    width: 50%;
    min-height: 142px;
  }
  .generic-wrapper a.btn-circle {
    margin-bottom: 20px;
  }
  .button-group1 a.download-pros,
  .button-group1 a.download-cert {
    width: 100%;
    margin: 0 0 2px 0;
  }
  .coming-soon .right .cnt-block {
    padding: 0px;
  }
  .coming-soon .right ul li:after {
    font-size: 50px;
  }
  .coming-soon .right ul li .count {
    font-size: 60px;
    line-height: 60px;
  }
  .coming-soon .cnt-block h1 {
    font-size: 50px;
    padding-bottom: 30px;
  }
  .banner2 h1 {
    padding-bottom: 20px;
    font-size: 36px;
    line-height: 48px;
  }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .banner-outer .content h1 {
    font-size: 26px;
    line-height: 38px;
  }
  .banner-outer .content h1 span {
    font-size: 50px;
  }
  .our-impotance ul li {
    width: 100%;
  }
  .our-impotance ul li:after {
    width: 94%;
  }
  .our-impotance ul li .inner {
    padding: 10px 10px 30px 10px;
  }
  .our-impotance ul li h3 span {
    display: inline;
  }
  .testimonial ul li p {
    font-size: 16px;
    line-height: 26px;
  }
  .testimonial .wrapper:before,
  .testimonial .wrapper:after {
    font-size: 28px;
  }
  .about-video .container {
    height: 300px;
  }
  .about-video p {
    font-size: 32px;
  }
  a.download-pros {
    margin-bottom: 1px;
  }
  a.download-pros,
  a.download-cert {
    width: 100%;
    border: none;
  }
  .our-cources ul.inner li {
    width: 100%;
    margin-bottom: 40px;
  }
  .our-cources ul.inner li:nth-child(n + 9) {
    margin-bottom: 40px;
  }
  .our-cources ul.course-list li:after {
    display: none;
  }
  .enquire-now .inner .row2 input {
    width: 100%;
    margin: 0 0 14px 0;
  }
  ul.browse-teachers-list > li {
    width: 100%;
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .leave-comment input {
    width: 100%;
  }
  .leave-comment input:first-child {
    margin-bottom: 30px;
  }
  .course-detail .duration .icon {
    width: 57px;
    height: 57px;
    font-size: 34px;
  }
  .form-outer input {
    height: 40px;
    padding: 0 15px;
    margin-bottom: 20px;
  }
  .login-wrapper .remember {
    margin-top: 20px;
  }
  .register .cnt-block textarea {
    margin-bottom: 20px;
  }
  .form-outer input.country-code {
    width: 20%;
  }
  .form-outer input.phone-no {
    width: calc(80% - 18px);
  }
  .coming-soon .left,
  .coming-soon .right {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .coming-soon .cnt-block {
    padding: 40px 0;
  }
  .coming-soon .cnt-block h1 {
    font-size: 40px;
  }
  .coming-soon .right ul li {
    padding: 0 15px;
  }
  .coming-soon .right ul li:after {
    font-size: 40px;
    top: 13%;
  }
  .coming-soon .right ul li .count {
    font-size: 44px;
    line-height: 50px;
  }
  .banner2 {
    padding: 30px 0 40px 0;
  }
  .banner2 h1 {
    padding-bottom: 12px;
    font-size: 30px;
    line-height: 40px;
  }
  .banner2 p {
    font-size: 14px;
    line-height: 22px;
  }
  .banner2 .form-group {
    margin-top: 20px;
  }
  .popular-cources a.view-courses {
    display: none;
  }
  .wt-makes-different .left .q-mark {
    width: 60px;
    height: 60px;
    font-size: 32px;
    line-height: 56px;
  }
  .wt-makes-different .left h2 {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 46px;
  }
  .wt-makes-different .left a.read-more {
    font-size: 15px;
  }
  .wt-makes-different .right {
    padding: 30px 0 0 0;
  }
  ul.makes-different-list li h3 {
    font-size: 17px;
  }
}

/* iPhone 6 Plus and down */
@media (max-width: 414px) {

  .about-video p {
    font-size: 26px;
  }
  .pagination > li > a,
  .pagination > li > span {
    margin: 0 2px;
    padding: 4px 10px;
    font-size: 13px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span,
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    padding: 5px 14px;
  }
  .pagination > li:first-child a i {
    margin-right: 4px;
  }
  .pagination > li:last-child a i {
    margin-left: 4px;
  }
  .course-tab > li > a {
    font-size: 13px;
  }
  .not-found-wrapper {
    padding-top: 158px;
  }
  .not-found-wrapper h1 {
    font-size: 96px;
  }
  .not-found-wrapper p {
    font-size: 22px;
    padding-bottom: 30px;
  }
  .banner2 h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .banner2 .form-group .form-control {
    height: 42px;
    padding: 0 20px;
    font-size: 14px;
  }
  .banner2 .form-group .search-btn {
    width: 42px;
    height: 42px;
  }
  .banner2 .form-group .search-btn img {
    width: 18px;
  }
  .intro-sec h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .wt-makes-different .left h2 {
    margin-bottom: 15px;
    font-size: 34px;
    line-height: 42px;
  }
  .wt-makes-different .left .q-mark {
    width: 52px;
    height: 52px;
    font-size: 26px;
    line-height: 48px;
    margin-bottom: 15px;
  }
  ul.makes-different-list li {
    width: 100%;
    margin-bottom: 30px;
  }
  ul.makes-different-list li .inner {
    max-width: inherit;
  }
  .popular-cources ul.courses-list li .cnt-block {
    padding: 30px 20px;
  }
}

/* iPhone 6 and down */
@media (max-width: 375px) {

  .banner-outer .content h1 {
    font-size: 35px;
 
  }
  .banner-outer .content h1 span,
  .banner-outer .slide2 .content h1,
  .banner-outer .slide2 .content h1 {
    font-size: 22px;
    line-height: 40px;
  }
  .btn {
    padding: 8px 16px;
  }
  .testimonial #bx-pager a {
    margin: 0 2px;
  }
  .testimonial .wrapper:before {
    top: 44px;
  }
  .testimonial .wrapper:after {
    /* bottom: -26px; */
  }
  .testimonial ul li p {
    padding-top: 30px;
  }
  .course-tab > li > a span {
    font-size: 40px;
  }
  .course-tab > li > a {
    font-size: 12px;
  }
  .not-found-wrapper {
    padding-top: 138px;
  }
  .not-found-wrapper h1 {
    font-size: 86px;
  }
  .login-wrapper .head-block h1 {
    font-size: 20px;
  }
  .login-wrapper .login {
    max-width: 320px;
  }
  .login-wrapper .cnt-block {
    padding: 20px 15px;
  }
  .login-wrapper .btn {
    padding: 6px 12px;
  }
  .privacy-wrapper h2 {
    font-size: 22px;
  }
  .coming-soon .right ul li {
    padding: 0 12px;
  }
  .coming-soon .stay-tuned input[type="email"] {
    width: calc(100% - 90px);
  }
  .coming-soon .stay-tuned .clear .button {
    width: 90px;
  }
  .banner2 h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .banner2 h1 br {
    display: none;
  }
  .banner2 .form-group {
    width: 100%;
  }
  .intro-sec .video-block .play-outer {
    width: 170px;
    height: 52px;
    padding: 8px;
  }
  .intro-sec .video-block .play-outer span {
    padding-left: 8px;
    font-size: 14px;
    line-height: 18px;
  }
  .intro-sec .video-block .play-outer figure {
    width: 36px;
  }
}

/* iPhone 4 */
@media (max-width: 320px) {
  .about-video p {
    font-size: 24px;
  }
  .course-detail .btn {
    position: inherit;
    margin: 10px 0 20px 0;
    right: auto;
  }
  .not-found-wrapper {
    padding-top: 128px;
  }
  .not-found-wrapper h1 {
    font-size: 66px;
  }
  .not-found-wrapper p {
    font-size: 18px;
  }
  ul.faq-listing li h2 {
    font-size: 16px;
  }
  .login-wrapper .login {
    max-width: 300px;
  }
  .login-wrapper .cnt-block {
    padding: 20px 15px;
  }
  .login-wrapper .btn {
    padding: 6px 12px;
    font-size: 12px;
  }
  .coming-soon .cnt-block h1 {
    font-size: 34px;
  }
  .coming-soon .right ul li {
    padding: 0 8px;
  }
}
.header-middle img {
  width: 100%; /* Default for small screens */
  height: auto;
}

/* For larger screens (e.g., tablets and above), reduce the logo size */
@media (min-width: 576px) {
  .header-middle img {
    width: 50%; /* Half the container width on medium and large screens */
  }
}

/* For even larger screens, keep the size at 50% */
@media (min-width: 992px) {
  .header-middle img {
    width: 60%;
  }
}

/* Courses Content Styling */
#courses-content {
  display: none; /* Hidden by default */
  position: absolute;
  top: 100%; /* Position below the navigation */
  left: 0;
  width: 100%;
  background: #fff;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.courses-grid {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.courses-category {
  flex: 1;
}

.courses-category h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.courses-category ul {
  list-style: none;
  padding: 0;
}

.courses-category ul li {
  margin-bottom: 8px;
}

.courses-category ul li a {
  text-decoration: none;
  color: #333;
  transition: color 0.3s;
}

.courses-category ul li a:hover {
  color: #007bff; /* Highlight color */
}

/* Show the div when active */
#courses-content.show {
  display: block;
}

/* Styling for hidden */
.hidden {
  display: none;
}
.map-image {
  width: 100%;
  height: 70%; /* Adjust this value to reduce the height as per your need */
  max-width: 1920px;
  max-height: 1080px;
  object-fit: contain;
}
#global-education {
  position: relative;
  height: 500px; /* Adjust the height as needed */
  background-color: #000; /* Fallback color in case the image is not loaded */
}

#global-education::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f9f9f9;
  opacity: 0.8;
  background-image: url("images/map.png");
  background-size: cover;
  background-position: center;
  opacity: 0.5; /* Adjust opacity here (0 = fully transparent, 1 = fully opaque) */
  z-index: 1; /* Ensure the background is below the content */
}

#global-education .container {
  position: relative;
  z-index: 2; /* Ensure the foreground content is above the background */
}

#global-education .flag-container img {
  width: 100%; /* Ensure flags fit within the container */
  max-height: 100px; /* Optional: limit the height of flags */
}

.offer-section {
  background-color: #f4f4f9;
  padding: 60px 0;
  position: relative;
}

.offer-section .pattern-layer {
  background-image: url("path-to-pattern.png"); /* Replace with your pattern path */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.2;
}

.offer-section .container {
  position: relative;
  z-index: 2;
}

.text-primary {
  color: #007bff;
  font-weight: bold;
}

.text-light {
  color: #333;
  font-size: 28px;
  margin-bottom: 10px;
}

.dotted-box {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}

.dotted {
  width: 10px;
  height: 10px;
  background-color: #007bff;
  border-radius: 50%;
}

.single-item {
  margin-bottom: 30px;
}

.image-box {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.image-box img {
  width: 100%;
  transition: transform 0.3s ease;
}

.image-box:hover img {
  transform: scale(1.05);
}

.text {
  margin-top: 10px;
}

.text h4 a {
  color: #007bff;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

.text h4 a:hover {
  color: #0056b3;
  text-decoration: underline;
}
.testimonial-slide {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.testimonial-slide li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.testimonial-content {
  flex: 1;
  padding: 20px;
}

.testimonial-image img {
  width: auto;
  height: 80px;
  object-fit: cover;
  margin-right: 20px;
}

.section-title {
  font-size: 32px;
  color: #333;
  margin-bottom: 20px;
  font-weight: bold;
}

.section-title i {
  color: #5cb85c;
  margin-right: 10px;
}

.about-img {
  max-width: 90%;
  border: 3px solid #ddd;
  border-radius: 15px;
}

.mission-card,
.vision-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.mission-card:hover,
.vision-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.mission-card .icon,
.vision-card .icon {
  font-size: 40px;
  color: #5cb85c;
  margin-bottom: 15px;
}

.mission-card h3,
.vision-card h3 {
  color: #333;
  font-size: 24px;
  font-weight: bold;
}

.mission-card p,
.vision-card p {
  color: #555;
  font-size: 16px;
  line-height: 1.8;
}
.makes-different-list .inner {
  margin-bottom: 20px;
  text-align: center;
}

.makes-different-list img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

/* Background Layer */
.background-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 0;
}

/* Content Layer */
.content-layer {
  display: grid;
  grid-template-rows: auto auto;
  gap: 2rem;
  text-align: center;
  z-index: 1;
  grid-column: 2;
}

/* Section Title */
.section-title h2 {
  color: #353434;
  font-weight: 700;
}

/* Services Grid */
.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* Service Item */
.service-item {
  padding: 1rem;
  text-align: center;
}

.service-item img {
  width: 64px;
  height: 64px;
}

.service-item p {
  color: #222f53;
  font-weight: 700;
  margin-top: 0.5rem;
}

.card-body {
  padding: 50px; /* Padding inside the card for better spacing */
  margin: 5px;
}
.navbar-collapse {
  display: flex;
  justify-content: center;
}

.navbar-nav {
  display: flex;
  list-style: none;
  padding-left: 0;
}

.navbar-nav > li {
  padding: 0 15px; /* Adjust space between menu items */
}

/* Section title */
.section-title {
  margin-bottom: 30px;
}

.section-title__tagline-box {
  margin-bottom: 10px;
  text-align: center;
}

.section-title__tagline {
  font-size: 20px;
  color: #6c757d;
  text-transform: uppercase;
}

.section-title__border-box {
  width: 50px;
  height: 2px;
  background-color: #393185;
} /* Location content */
.location-one__top-left {
  padding-left: 15px;
}

.location-one__bottom {
  margin-top: 40px;
}

/* Center content for all devices */
.location-one__tab-content-box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* Full viewport height */
  flex-direction: column;
  text-align: center;
}

.location-one__tab-content-box-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
}

.location-one__tab-content-img img {
  width: 100%; /* Ensures responsiveness */
  max-width: 300px; /* Prevents the image from being too large */
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.location-one__tab-content-contact {
  text-align: center; /* Align text content */
}

.location-one__tab-content-contact-title {
  font-size: 22px;
  color: #393185;
  margin-bottom: 20px;
}

.location-one__tab-content-contact-list {
  list-style: none;
  padding: 0;
}

.location-one__tab-content-contact-list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: center;
}

.location-one__tab-content-contact-list li .icon {
  margin-right: 15px;
  font-size: 20px;
  color: #393185;
}

.location-one__tab-content-contact-list li .content {
  font-size: 16px;
  color: #333;
}

.location-one__tab-content-contact-list li .content a {
  color: #393185;
  text-decoration: none;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
  .location-one__tab-content-box-inner {
    padding: 15px;
  }

  .location-one__tab-content-img img {
    width: 80%; /* Adjust image size for smaller screens */
    margin: 0 auto;
  }

  .location-one__tab-content-contact-list li {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}

/* Keyframes for breathing animation */
@keyframes breathe {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1); /* Increase the size slightly at the midpoint */
  }
}

/* Phone Call Icon Styles */
.float-enquiry {
  position: fixed;
  bottom: 50px; /* Adjust based on your layout */
  left: 10px; /* Position it on the left */
  z-index: 9999;
  width: 60px; /* Size of the icon */
  height: 60px; /* Size of the icon */
  border-radius: 50%; /* Round icon */
  background-color: #0ea01a; /* Background color for visibility */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: breathe 2s ease-in-out infinite; /* Apply the breathing animation */
}

/* WhatsApp Button Styles */
.whatsapp-button {
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #0ea01a; /* Background color for visibility */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: breathe 2s ease-in-out infinite; /* Apply the breathing animation */
}

.whatsapp-button i {
  color: #fff; /* Icon color */
}

.contact-icons {
  font-size: 12px; /* Adjust icon size for mobile */
}
.icon-png {
  height: 30px;
  width: auto;
  align-items: center;
  margin-top: 2px;
}

/* Popout Chat UI */
.chat-popout {
  position: fixed;
  bottom: 120px; /* Adjusts above WhatsApp button */
  right: 10px;
  z-index: 9998;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  width: 150px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  animation: popout 0.6s ease-in-out;
}

.chat-popout::before {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 10px;
  border-width: 8px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.chat-popout i {
  color: #0ea01a;
  font-size: 18px;
}

/* Media query for mobile devices */
@media (max-width: 600px) {
  .float-enquiry {
    position: fixed;
    bottom: 20px; /* Adjust position for mobile if necessary */
    left: 10px; /* Adjust position for mobile if necessary */
    width: 50px; /* Adjust size for mobile */
    height: 50px; /* Adjust size for mobile */
  }
  .whatsapp-button {
    position: fixed;
    bottom: 20px; /* Adjust position for mobile if necessary */
    right: 10px; /* Adjust position for mobile if necessary */
    width: 50px; /* Adjust size for mobile */
    height: 50px; /* Adjust size for mobile */
  }
  .contact-icons {
    font-size: 12px; /* Adjust icon size for mobile */
  }
  .icon-png {
    height: 30px;
    width: auto;
    align-items: center;
    margin-top: 2px;
  }
    .chat-popout {
    bottom: 80px;
    right: 10px;
    width: 120px;
    font-size: 12px;
  }
}


.about .content h1 {
  text-align: center;
  margin-bottom: 10px;
}

/* Heading Style */
h2.fw-bold {
  font-weight: bold;
  font-size: 2.5rem;
  color: #2c3e50;
}

p.text-muted {
  color: #7f8c8d;
  font-size: 1.1rem;
}

/* Card Image Style */
.card-custom {
  border: none;
  border-radius: 10px;
  overflow: hidden;
}

.card-body-custom {
  padding: 0;
}

.img-fluid {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Content Sections */
.countries-details__right {
  font-family: Arial, sans-serif;
}

.countries-details__points {
  padding: 0;
  list-style: none;
}

.countries-details__points li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* .icon {
  width: 40px;
  height: 40px;
  background-color: #3498db;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
} */

.icon-books,
.icon-international-passport,
.icon-consulting {
  font-size: 1.5rem;
  color: white;
}

.text p {
  font-size: 1.1rem;
  color: #34495e;
}

.text p a {
  color: #3498db;
  text-decoration: none;
}

.text p a:hover {
  text-decoration: underline;
}

.countries-details__text {
  /* font-size: 1.1rem; */
  color: #34495e;
  line-height: 1.6;
  margin: 15px;
  font-weight: 700;
}

.countries-details__text-two {
  font-size: 1rem;
  color: #34495e;
  line-height: 1.6;
  margin-bottom: 25px;
}

.countries-details__text-four {
  /* font-size: 1.1rem; */
  color: #34495e;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 30px;
}

@media (max-width: 992px) {
  .col-md-8 {
    max-width: 100%;
  }

  .text p {
    font-size: 1rem;
  }
}

@media (max-width: 768px) {
  h2.fw-bold {
    font-size: 2rem;
  }

  .icon {
    width: 35px;
    height: 35px;
  }

  .countries-details__points li {
    flex-direction: column;
    align-items: flex-start;
  }

  .countries-details__text,
  .countries-details__text-two {
    font-size: 0.95rem;
  }
}

@media (max-width: 576px) {
  h2.fw-bold {
    font-size: 1.8rem;
  }

  .icon {
    width: 30px;
    height: 30px;
  }

  .countries-details__text,
  .countries-details__text-two {
    font-size: 1.5rem;
  }
}

/* Ensures the image is responsive and maintains its aspect ratio */
.custom-image {
  max-width: 100%; /* Ensures image scales with container width */
  height: auto; /* Maintains aspect ratio */
  border-radius: 8px; /* Optional: adds rounded corners to the image */
}

/* General Styling */
/* section.about {
  background-color: #f9f9f9;
  padding: 50px 0;
} */

.about h1{
    color: #333;
  font-weight: 700;

}
.about h3 {
  color: #333;
  font-weight: 700;
  font-size: 2.5rem;
}

.about p {
  line-height: 1.6;
  color: #272626;
  font-size: 1.5rem;
}



/* Text Centering */
.about .content.text-center h1 {
  margin-bottom: 30px;
  font-size: 2.5rem;
}

.about .left-block {
  margin-bottom: 30px;
}

/* Image Styling */
.about .about-img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Services Section */
.service-box {
  /* background: #fff; */
  border-radius: 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-box h4 {
  margin-top: 15px;
  font-weight: 600;
}

.service-box p {
  margin-top: 10px;
   color: #272626;
}

.icon-container {
  border-radius: 50%;
  margin: 0 auto;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
  .about .col-md-7,
  .about .col-md-5 {
    text-align: center;
  }

  .about .left-block {
    margin-bottom: 20px;
  }

  .service-box {
    margin-bottom: 30px;
  }

  .icon-container {
    width: 60px;
    height: 60px;
  }

  .service-box h4 {
    font-size: 1.6rem;
  }

  .service-box p {
    font-size: 1.5rem;
  }
}

@media (max-width: 576px) {
  .about h1 {
    font-size: 2rem;
  }

  .about h3 {
    font-size: 1.8rem;
  }
}
.education-section {
  position: relative;
  overflow: hidden;
}

.education-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 background-color: rgba(0, 0, 0, 0.029); /* Foreground opacity applied */
 
}

.education-section .content {
  position: relative;
  z-index: 2; /* Ensures the content appears above the overlay */
  color: #fff; /* Optional: Makes text visible against the dark background */
  padding: 20px; /* Add some padding for better readability */
}

.education-title {
  color: rgb(53, 52, 52);
  font-weight: 700;
  text-align: center;
}
/* Flags Container Styling */
.flags-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px; /* Even spacing between flags */
}

/* Flag Container Styling */
.flag-container {
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Add transition for smooth effect */
  width: 120px; /* Fixed width for consistency */
}

.flag-container:hover {
  transform: scale(1.1); /* Scale up on hover */
 
}

/* Flag Image Styling */
.flag-img {
  width: 100%;
  height: auto;
  max-width: 120px;
  border-radius: 5px;
  margin-bottom: 8px;
}

/* Flag Text Styling */
.flag-text {
  font-size: 1.5rem;
  color: rgb(53, 52, 52);
  font-weight: 600;
}

/* WhatsApp Button */
.education-section .btn-danger {
  margin-top: 20px;
}

/* Responsiveness for Flags */
@media (max-width: 768px) {
  .flag-img {
    max-width: 100px;
  }
  .flag-text {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .flag-img {
    max-width: 80px;
  }
  .flag-text {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .flag-container {
    width: 100px; /* Adjust width for smaller screens */
  }
  .flag-img {
    max-width: 70px;
  }
  .flag-text {
    font-size: 1.1rem;
  }
}

@media (max-width: 320px) {
  .flag-container {
    width: 80px; /* Further adjustment for very small screens */
  }
  .flag-img {
    max-width: 60px;
  }
  .flag-text {
    font-size: 1rem;
  }
}


/* Image Styling */
.custom-image-container {
  display: flex;
  justify-content: right;
}

.custom-image-wrapper {
  max-width: 100%;
  height: auto;
}

.custom-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}


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

/* Content Section Styling */
.countries-details__right {
  font-size: 18px;
  line-height: 1.6;
  color: #555;
}

.countries-details__text-two {
  margin-bottom: 20px;
  font-size: 1.8rem;
}
@media (max-width: 576px) {
  h2.fw-bold {
    font-size: 1.8rem;
  }

  .icon {
    width: 30px;
    height: 30px;
  }

  .countries-details__text,
  .countries-details__text-two {
    font-size: 1.5rem;
  }
}


.point-marker {
  font-size: 20px;
  margin-right: 10px;
}

/* For Medium to Large Screens (Tablets and up) */
@media (min-width: 768px) {
  .countries-details__right {
    font-size: 20px;
  }
  .col-lg-8 {
    margin-top: 0;
  }
  .custom-image {
    height: 100%;
  }
}

/* For Desktop Screens */
@media (min-width: 992px) {
  .row.my-5 {
    display: flex;
    align-items: stretch; /* Stretches the content and image equally */
  }

  .col-lg-7 {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Fills the white space below the image */
  }

  .countries-details__right {
    flex: 1; /* Allows the content to grow and fill the white space */
    font-size: 20px;
    line-height: 1.6;
  }

  .custom-image {
    width: 100%;
    height: auto; /* Adjusts the image size automatically */
    object-fit: cover;
  }
}

/* Card styling */
.card {
  background-color: #414195;
  border-radius: 5px;
  overflow: hidden; /* Ensures the border radius is applied properly */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}


/* Card title styling */
.card-title {
 
  font-size: 2.5rem; /* Larger font for the title */
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px; /* Add margin below title */
}

/* Card text styling */
.card-text {
  color: #F0F0F0; /* Light grey text for contrast with background */
  font-size: 1.4rem; /* Default font size for desktop */
  line-height: 1.8;
  text-align: center;
  margin: 0; /* Ensure no extra margin */
}

/* Responsive Design: Ensure proper layout on smaller screens */
@media (max-width: 1200px) {
  .card-title {
    font-size: 2.2rem; /* Adjust title font size on larger tablets */
  }

  .card-text {
    font-size: 1.3rem; /* Slightly reduce text size for large screens */
  }
}

@media (max-width: 992px) {
  .card-body {
    padding: 30px 20px; /* Reduce padding on medium screens */
  }

  .card-title {
    font-size: 2rem; /* Adjust title font size */
  }

  .card-text {
    font-size: 1.2rem; /* Reduce text size slightly */
  }
}

@media (max-width: 768px) {
  .card-body {
    padding: 50px 20px; /* Less padding on smaller screens */
  }

  .card-title {
    font-size: 1.8rem; /* Adjust title font size for mobile */
  }

  .card-text {
    font-size: 1.1rem; /* Reduce font size for better readability */
    line-height: 1.6; /* Adjust line height for smaller screens */
  }
}

@media (max-width: 480px) {
  .card-title {
    font-size: 1.6rem; /* Further reduce title size on very small screens */
  }

  .card-text {
    font-size: 1rem; /* Make text slightly smaller for small mobile devices */
  }
}


  .bg-dark {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a shadow below the header */
  }

 /* Add gap between the logo and navigation links for desktop */
  @media (min-width: 992px) {
    .d-flex.justify-content-between {
      gap: 25px; /* Adjust the gap size as needed */

    }
  }












/* Ensure container width is fully utilized and centered */
.container {
  width: 100%;
  max-width: 1200px; /* You can adjust this to suit your design */
  margin: 0 auto;
  padding: 0 15px; /* Adjust padding to fit content */
}

/* Adjustments for heading */
.heading {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* Styling the list items */
.equal-hight {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.inner {
  text-align: center;
}

.inner img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.inner h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.inner p {
  font-size: 16px;
  color: #666;
}

/* Responsive grid for mobile and tablet */
@media (max-width: 767px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .col-sm-6 {
    flex: 1 1 48%; /* Adjust columns on mobile for better use of space */
    margin: 10px;
  }

  .heading {
    font-size: 28px; /* Adjust heading size for smaller screens */
  }
}

/* Responsive for desktop (larger screens) */
@media (min-width: 768px) {
  .col-md-4 {
    flex: 1 1 32%;
  }
}

/* Ensure full-width layout on larger screens */
@media (min-width: 1200px) {
  .container {
    max-width: 1200px; /* Optional: Adjust for larger screens */
  }
}








.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.equal-hight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.inner img {
  object-fit: cover;
  max-height: 250px; /* Adjust as needed */
}


.equal-hight:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}


@media (max-width: 768px) {
  .equal-hight {
    margin-bottom: 30px;
  }
}








/* General Styling */
.contact-five {
background-color: #474899; /* Light gray background for better contrast */
    border-radius: 8px; /* Smooth corners */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    overflow: hidden;
    width: 100%;
       padding: 15px;
    
}
.contact-five p{
  font-size: 1.8rem;
  color: #fff;
  font-weight: 400;
}
.contact-five__form-box {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-five__input-box input,
.contact-five__input-box select,
.contact-five__input-box textarea {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 1rem;

}

.contact-five__input-box input:focus,
.contact-five__input-box select:focus,
.contact-five__input-box textarea:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.25);
    outline: none;
}

/* Breakpoints for All Devices */
@media (max-width: 575.98px) { /* Mobile Devices */
    .contact-five {
        padding: 15px;
    }

    .contact-five__form-box {
        padding: 20px;
    }

    .contact-five__btn-box button {
        font-size: 16px;
        width: 100%; /* Full-width button for small screens */
    }
}

@media (min-width: 576px) and (max-width: 767.98px) { /* Tablets */
     .contact-five {
        padding: 15px;
    }

  .contact-five__form-box {
        padding: 25px;
    }
      .contact-five__btn-box button {
        font-size: 16px;
        width: 100%; /* Full-width button for small screens */
    }
}

@media (min-width: 768px) and (max-width: 991.98px) { /* Small Laptops */
    .contact-five__form-box {
        padding: 30px;
    }
}

@media (min-width: 992px) { /* Desktops */
    .contact-five__form-box {
        padding: 40px;
    }
}

/* Style for placeholder option */
select.form-control option[disabled] {
    color: #858788; /* Gray text for placeholder */
    font-style: italic; /* Italicized for better differentiation */
}














/* ================================================== */
/* 05. footer */
/* ================================================== */
.footer {
  display: block;
  background: #000;
}

.footer .row1 {
  display: block;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer .foot-nav {
  display: block;
  width: 25%;
  padding-right: 15px;
  float: left;
  margin: 16px;
}

.footer .foot-nav ul li {
  display: block;
  line-height: 25px;

}

.footer h3 {
  display: block;
  padding-bottom: 20px;
  font-family: "texgyreadventorbold";
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
}

.footer .foot-nav ul li a {
  font-size: 14px;
  color: #fcbd38;

}

.footer .foot-nav ul li a:hover {
  color: #fff;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
  .footer .row1 {
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer .foot-nav {
    width: 100%;
    text-align: center;

    margin-bottom: 20px; /* Add some space between columns */
  }

  .footer .foot-nav ul li {
    margin-bottom: 10px; /* Space out the list items */
  }

  .footer .foot-nav ul li a {

    padding: 12px 0; /* Increase padding for easier clicks */
  }
}

@media screen and (max-width: 480px) {
 .footer .row1 {
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer .foot-nav {
    width: 100%;
    text-align: center;

    margin-bottom: 20px; /* Add some space between columns */
  }

  .footer .foot-nav ul li {
    margin-bottom: 10px; /* Space out the list items */
  }

  .footer .foot-nav ul li a {

    padding: 12px 0; /* Increase padding for easier clicks */
  }
}

.footer .footer-logo {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px #fcbd38 solid;
  text-align: center; /* Centers the logo */
}

.footer-logo img {
  width: 100%;         /* Makes the image responsive */
  max-width: 150px;    /* Default max width for the logo */
  height: auto;        /* Maintains the aspect ratio */
  margin: 0 auto;      /* Centers the image horizontally */
  display: block;      /* Ensures block display to center */
}

/* For Tablets and Small Devices (up to 768px) */
@media (max-width: 768px) {
  .footer-logo img {
width: auto;
  max-height: 120px;
  }
}
/* For Devices Above 575px */
@media (min-width: 576px) {
  .footer-logo img {
    width: auto;
    max-height: 120px;
  }
}
/* For Mobile Devices (up to 480px) */
@media (max-width: 480px) {
  .footer-logo img {
width: auto;
  max-height: 120px;
  }
}

/* For Very Small Mobile Screens (below 320px) */
@media (max-width: 320px) {
  .footer-logo img {
width: auto;
  max-height: 120px;
  }
}



.footer p {
  font-size: 12px;
  color: #e9e9e9;
  text-align: center;
}
.footer p span {
  color: #e9e9e9;
  font-weight: 700;
}



/* Footer Bottom Alignment */
.site-footer__bottom {
  text-align: center;

  padding: 10px 0;
  color: #ccc;
  font-size: 14px;
}







/* Contact Links */
.contact-links a {
  color: #000;
  font-size: 16px;
}

.contact-links a i {
  display: inline;
  margin-right: 10px;
  font-size: 16px;
}

.contact-detail-icons {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}


.contact-icons a {
  display: block;
  margin: 0 10px;
}

.contact-icons img {
  width: 30px;
  height: 30px;
}

.fixed-top {
  z-index: 1030; /* Ensures the navbar stays on top of other content */
}


@media (min-width: 1200px) {
  .padding-lg {
    /* padding: 4rem 2rem; */
  }

  .countries-details__right {
    padding: 2rem;
    /* margin-top: 10px; */
  }

  .countries-details__text-two {
    margin-bottom: 1.5rem;
  }

  .custom-image-wrapper {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .custom-image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  /* Flex alignment for rows above 1199px */
  .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .col-lg-6.order-lg-2 {
    padding-left: 2rem;
  }

  .col-lg-6.order-lg-1 {
    padding-right: 2rem;
  }
}



.social-media {
  display: flex;
justify-content: center;
}

.social-media a {
  font-size: 20px;
  color: #333; /* Set the desired icon color */
  text-decoration: none;
  padding: 10px;
  color: #5c7e91;
}

.social-media a:hover {
  color: #007bff; /* Change this to your desired hover color */
}


/* Remove dropdown functionality on smaller devices */
@media screen and (max-width: 768px) {
  .foot-nav {
    text-align: left; /* Align everything to the left */
  }
  .foot-nav h3 {
    display: block; /* Ensure <h3> remains visible */
    color: #ffffff; /* Set text color to white */
    font-size: 16px; /* Adjust font size as needed */
    margin-bottom: 10px; /* Add spacing for better layout */
        text-align: left; /* Align <h3> to the left */
  }

  .footer-links {
    display: block !important; /* Ensure links are always visible */
    margin: 0; /* Adjust spacing as needed */
    padding: 0;
        text-align: left; /* Align links to the left */
  }

  .footer-links li {
    list-style: none; /* Remove bullets */
    margin: 5px 0; /* Add spacing between items */
  }

  .footer-links a {
    text-decoration: none;
    color: #ffffff; /* Ensure readability, adjust as per your theme */
  }
}