:root {

  --color-primary: #d63b32;

  --color-secondary: #072c53;

  --font-family-ss: "Plus Jakarta Sans", sans-serif;

}



@font-face {

  font-family: "Plus Jakarta Sans";

  src: url("/fonts/PlusJakartaSans-Regular.ttf") format("truetype");

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: "Plus Jakarta Sans";

  src: url("/fonts/PlusJakartaSans-Bold.ttf") format("truetype");

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}



* {

  font-family: "Plus Jakarta Sans", sans-serif !important;

}

html {
    scroll-behavior: smooth;
}

#package-1,
#package-2,
#package-3,
#package-4 {
    scroll-margin-top: 200px !important;
}



.work-sans-fonts {

  font-family: "Plus Jakarta Sans", sans-serif;

}


header.front_page.fix nav#topMenu ul li a {

  color: #000;

  transition: all .5s ease-in-out;

}

header.front_page.fix nav#topMenu ul li a:hover {
  color: var(--color-primary);
}



body {

  font-weight: 400;

  font-family: "Plus Jakarta Sans", sans-serif;

}



td {

  background: #fff !important;

}



body {

  margin: 0 auto;



  font-family: var(--font-family-ss);

}



.home p {

  color: var(--color-blue);

}



.sec {

  padding: 100px 0px;

}



.highlight-title {

  font-weight: 700;

  font-size: 20px;

  line-height: 100%;

  margin-bottom: 5px;

  text-transform: uppercase;

  color: var(--color-primary);

}



.title {

  font-weight: 700;

  font-size: 35px;

  line-height: 50px;

  color: var(--color-secondary);

  margin-bottom: 14px;

}



p {

  font-weight: 400;



  font-size: 16px;



  line-height: 29px;



  font-family: "Source Sans 3", sans-serif;

}



h2,

h3,

h4,

h5,

h6 {

  font-family: "Source Sans 3", sans-serif;



  font-weight: 700;



  line-height: 100%;



  letter-spacing: 0%;

}



h2 {

  font-size: 44px;

}



* a:hover,

*a:focus {

  outline: none;

}



header {

  -webkit-transition: all 0.5s ease;



  -moz-transition: position 10s;



  -ms-transition: position 10s;



  -o-transition: position 10s;



  transition: all 0.5s ease;



  /*border-top: 8px solid #0c4da2;*/



  /*padding-top: 17px;*/

}



header.fix {

  position: fixed;



  top: 0;



  z-index: 9999;



  background-color: #fff;



  width: 100%;



  left: 0;



  animation: smoothScroll 1s forwards;



  /*    box-shadow: 1px -1px 7px #000;*/

}



/************** menu **************/



.right-side-menu ul > li.current-menu-item a {

  color: var(--color-blue);

}



.right-side-menu ul > li:hover a {

  color: var(--color-blue);

  font-weight: 600;

}



.dropdown-menu-lg-end:hover ul.dropdown-menu {

  display: block;

}



/*.dropdown>.dropdown-toggle:active {



    pointer-events: none;



}*/



nav#site-nav {

  padding: 0;

}


.dropdown-menu-start a:hover ul.dropdown-menu,

.dropdown-menu-start a:focus ul.dropdown-menu {

  display: block !important;

}



@keyframes smoothScroll {

  0% {

    transform: translateY(-40px);

  }



  100% {

    transform: translateY(0px);

  }

}



/* Pagination */



ul.page-numbers {

  padding-left: 0px;

}



ul.page-numbers li {

  float: left;



  height: 35px;



  width: 35px;



  list-style: none;



  line-height: 35px;



  text-align: center;



  padding: 0px;



  border-radius: 100px;



  margin-right: 3px;



  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);

}



ul.page-numbers li span.current {

  color: #000;



  font-size: 16px;

}



.content-img img {

  width: 100%;



  height: auto;

}



/* 404 error */



.error img {

  position: relative;



  margin: 0 auto;

}



.back-home-wrap p {

  font-size: 21px;



  margin-top: 50px;

}



.back-home-wrap {

  text-align: center;



  left: 0;



  right: 0;

}



.error {

  height: 400px;

}



.back-home {

  margin-top: 14px;



  border-radius: 0;

}



.cns-btn {

  display: inline-block;

  background-color: var(--color-primary);

  color: #fff;

  font-weight: 700;

  padding: 14px 25px;

  border-radius: 10px;

  text-decoration: none;

  transition: all 0.5s ease-in-out;

  outline: none;

  border: none;

}



.cns-btn:hover {

  color: #fff;

  transform: translateY(-4px);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);

}



#go-top {

  width: 42px;



  height: 42px;



  border-radius: 50%;



  background-color: #ffffff;



  color: #1f4c77;



  display: flex;



  justify-content: center;



  align-items: center;



  font-size: 18px;



  position: fixed;



  right: 14px;



  bottom: 14px;

}



/* Breadcrumb */


ol.breadcrumb {
  color: #fff;
}


#ns_breadcrumb {

  list-style-type: none;

  display: inline-block;

}



#ns_breadcrumb li {

  display: inline-block;

}



.ns_breadcrumb {

  list-style: none;



  padding: 0;

}



ol.breadcrumb.ns-bcr {

  background-color: transparent;



  padding-left: 0;



  padding-top: 0px;



  margin-bottom: 0;



  padding-bottom: 0;



  padding-right: 0;



  z-index: 999;

}



.ns_breadcrumb li {

  list-style: none;



  margin: 0;



  padding: 0;



  display: block;



  float: left;



  font-size: 13px;



  text-transform: uppercase;



  font-weight: 700;



  letter-spacing: 0.05em;



  line-height: 20px;



  color: hsl(0deg 0% 100%);

}



ol.breadcrumb.ns-bcr li a {

  text-decoration: none;

}



ol.breadcrumb.ns-bcr li a:hover,

ol.breadcrumb.ns-bcr li a:focus {

  text-decoration: none;



  outline: none;

}



.ns_breadcrumb li a {

  display: block;



  padding: 0 40px 0 0px;



  color: hsl(0deg 0% 100%);



  text-decoration: none;



  height: 20px;



  position: relative;



  perspective: 700px;

}



.ns_breadcrumb li a:after {

  content: "";



  width: 20px;



  height: 20px;



  border-color: #fff;



  border-style: solid;



  border-width: 1px 1px 0 0;



  -webkit-backface-visibility: hidden;



  outline: 1px solid transparent;



  position: absolute;



  right: 20px;



  -webkit-transition: all 0.15s ease;



  -moz-transition: all 0.15s ease;



  -ms-transition: all 0.15s ease;



  transition: all 0.15s ease;



  -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);



  -moz-transform: rotateZ(45deg) skew(10deg, 10deg);



  -ms-transform: rotateZ(45deg) skew(10deg, 10deg);



  transform: rotateZ(45deg) skew(10deg, 10deg);

}



.ns_breadcrumb li a:hover:after {

  right: 15px;



  -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);



  -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);



  -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);



  transform: rotateZ(45deg) skew(-10deg, -10deg);

}



/*







   Styles for animated modal



   =========================







*/



/* Start state */



.animated-modal {

  max-width: 550px;



  border-radius: 4px;



  overflow: hidden;



  transform: translateY(-50px);



  transition: all 0.7s;

}



.animated-modal h2,

.animated-modal p {

  transform: translateY(-50px);



  opacity: 0;



  transition-property: transform, opacity;



  transition-duration: 0.4s;

}



/* Final state */



.fancybox-slide--current .animated-modal,

.fancybox-slide--current .animated-modal h2,

.fancybox-slide--current .animated-modal p {

  transform: translateY(0);



  opacity: 1;

}



/* Reveal content with different delays */



.fancybox-slide--current .animated-modal h2 {

  transition-delay: 0.1s;



  font-family: "Inria Serif";



  font-weight: 800;



  font-size: 23px;

}



.fancybox-slide--current .animated-modal p {

  transition-delay: 0.3s;



  font-family: "Inria Serif";

}



a.fancyboxBtn.modal-btn {

  background: var(--color-blue);



  color: #fff;



  border-radius: 10px;



  padding: 4px 12px;



  text-decoration: none;

}



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



#top_header .web-logo {

  width: auto;

  flex-shrink: 0;

  height: 84px;

}



#top_header .web-logo img {

  height: 100%;

}



header .menubar {

  flex: 1;

}



p {

  font-family: Source Sans Pro;

  font-weight: 400;

  font-size: 16px;

  line-height: 38px;

}



.online-application-page .first .d-flex.form-detail label {

  min-width: 30%;

  padding-right: 10px;

  padding-left: 10px;

  padding-top: 5px;

}



.online-application-page .first .d-flex.form-detail .form-control {

  border-radius: 0px;

  border: 1px solid var(--color-secondary);

}



.online-application-page .form-control {

  border-radius: 0px;

}



.online-application-page .first .d-flex.form-detail {

  background-color: #51b7e1;

  max-width: 100%;

  /* max-width: 80%; */

}



.online-application-page .first .d-flex.form-detail.right {

  justify-content: flex-end;

  float: right;

  min-width: 80%;

}



.pb-30 {

  padding-bottom: 30px;

}



.online-application-page .table-responsive td label {

  margin-bottom: 0px;

  padding-top: 6px;

  padding-left: 10px;

}



.online-application-page .table-responsive td.lable-col,

.online-application-page .table-responsive th {

  background-color: #efd483 !important;

}



.online-application-page .table-responsive td {

  padding: 0px;

  border: 1px solid #a3915a;

}



.online-application-page .table-responsive th {

  border: 1px solid #a3915a;

  text-align: center;

}



.online-application-page .table-responsive .form-control {

  border: none;

  box-shadow: none;

}



.online-application-page .table-responsive td.number {

  text-align: center;

}



.online-application-page .table-responsive td.pt-5-5 {

  padding-top: 5.5px;

}



.online-application-page .table-responsive td.number label {

  padding-left: 0px;

}



.online-application-page .sixth p {

  margin-bottom: 7px;

}



.online-application-page .sixth .d-flex.form-detail label {

  padding: 0px 10px;

  min-width: 15%;

  margin: 0px;

}



.online-application-page .sixth .d-flex.form-detail {

  background-color: #51b7e1;

}



.online-application-page .sixth .d-flex.form-detail .form-control {

  border-radius: 0px;

}



.footer-address .address.hidden-md {

  display: none;



}



.application_form_form {

  padding-top: 30px;

}



.application_form_form .background-container {

  padding: 50px 20px 0px 20px;

  background: #f2f3f4;

}



.pb-40 {

  padding-bottom: 40px;

}



td {

  background-color: white;

}



.application_form_form .background-container .first .control-label {

  min-width: 50px;

}



.application_form_form .background-container .first input {

  border: 1px solid var(--color-primary);

}



.application_form_form .background-container .nine .google-cap {

  display: flex;

  justify-content: center;

}



form.oaf .form-control {

  margin-bottom: 0 !important;

}



.g-recaptcha.btn.btn-submit.btn-default.btn,

button.g-recaptcha.btn.btn-default.submit-btn.btn-submit {

  background-color: var(--color-primary);

  color: #fff;

  border-radius: 2px;

  padding: 8px 40px;

  margin-bottom: 30px;

}



.form-section table tr th {

  vertical-align: middle;

}



.home_slides .splide__track {

  position: relative;

}



.home_slides .splide__track::before {

  content: "";

  width: 100%;

  height: 100%;

  background:

    linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 18.14%),

    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}



.home_slides ul.splide__list li.splide__slide {

  height: 850px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  display: flex;

  align-items: center;

}



.splide__caption h2 {

  font-weight: 700;

  font-size: 35px;

  line-height: 100%;

  text-transform: uppercase;

  white-space: pre-line;

  color: #fff;

  line-height: 25px;

  display: flex;

  align-items: end;

  column-gap: 20px;

  margin-bottom: 14px;

}



.splide__caption h3 {

  font-weight: 700;

  font-size: 80px;

  white-space: pre-line;

  color: #fff;

  margin-bottom: 24px;

}



.splide__caption p {

  max-width: 450px;

  line-height: 25px;

  color: #fff;

  word-spacing: 0px;

  margin-bottom: 52px;

}



.splide__caption {

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  transform: translateY(-40%);

}



/* Add numbers to pagination buttons by CSS */

.splide__pagination {

  counter-reset: pagination-num;

}



.splide__pagination__page:before {

  counter-increment: pagination-num;

  content: "0" counter(pagination-num);

}



div#home_slide {

  position: relative;

}



header div#top_header {

  position: absolute;

  top: 0;

  z-index: 999;

  left: 0;

  right: 0;

  padding: 10px 0;

  border-bottom: 1.5px solid #fafafa;



  backdrop-filter: blur(10px);



  background: #fafafa33;

}






header.inner_page #top_header {

  background: var(--color-yellow);

  padding: 10px 0;

  position: static;

}




nav#topMenu {

  float: right;

}

.navbar-light .navbar-nav .nav-link {
  color: #000;
  transition: all .5s ease-in-out;
}

.navbar-light .navbar-nav .nav-link:hover{
  color: var(--color-primary);
}

.navbar-nav a {

  font-weight: 400;

  font-size: 18px;

  line-height: 100%;

  color: #000;

  padding: 15px 10px;

  position: relative;

  margin: 0 15px;

  transition: all .5s ease-in-out;

}



.navbar-nav a::before {

  content: "";

  width: 0%;

  height: 3px;

  background-color: var(--color-primary);

  position: absolute;

  bottom: 0;

  left: 0;

  transition: all .5s ease-in-out;

}







.navbar-nav  a:hover {

  color: var(--color-primary);

}



nav#topMenu ul li a:hover::before {

  width: 100%;

}



div#top_header .container .row {

  display: flex;

  align-items: center;

}



.social-icon-for-slide {

  display: flex;

  flex-flow: column;

  align-items: end;

  gap: 13px;

}



ul.splide__pagination.home-slide-pagination.splide__pagination--ltr {

  width: auto;

  position: relative;

  top: 0;

  right: auto;

  justify-content: start;

  padding: 0;

}



.home-slide-pagination {

  display: flex;

  gap: 16px;

}



.home-slide-pagination li button.splide__pagination__page {

  width: 26px;

  height: 26px;

  border-radius: 50%;

  background-color: transparent;

  opacity: 1;

  border: 5px solid #fff;

}



.splide__pagination__page:before {

  display: none;

}



/******************* Home ******************/



.about-us-section p {

  font-size: 16px;

  line-height: 50px;

  margin-bottom: 42px;

}



.aboutus_photo {

  width: 100%;

  height: 100%;

  border-radius: 20px;

  overflow: hidden;

}



.aboutus_photo img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease-in-out;

}



.aboutus_photo:hover img {

  transform: scale(1.1);

}



.training-section {

  width: 90%;

  position: relative;

  background-image: url("/img/home/package-img.jpg");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  overflow: hidden;

  border-radius: 50px;

  padding: 100px 50px;

  margin: 0 auto 100px;

}



.training-heading h2 {

  text-align: right;

  text-shadow: 2px 2px 5px #223;

  color: #fff;

  font-size: 54px;

  line-height: 50px;

  font-weight: 700;

  margin-bottom: 42px;

}



.training-packages {

  width: 100%;

  display: grid;

  grid-template-columns: auto auto;

  justify-content: space-between;

  column-gap: 244px;

  row-gap: 40px;

  position: relative;

  z-index: 3;

}



.training-card {


  text-decoration: none;


  position: relative;

  min-height: 261px;

  padding: 20px 30px;

  background: #ffffff2e;

  border-right: 1px solid #fff;

  border-radius: 20px;

  backdrop-filter: blur(5px);

  -webkit-backdrop-filter: blur(5px);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  overflow: hidden;

}



.training-card-content {

  padding-right: 50px;

}



.package-label {

  display: block;

  margin-bottom: 5px;

  color: var(--color-primary);

  font-size: 16px;

  font-weight: 700;

}



.training-card h3 {

  margin: 0;



  color: #fff;



  font-size: 25px;

  line-height: 30px;



  font-weight: 700;

}



.training-card p {

  margin: 34px 0 0;



  width: 100%;



  color: #fff;



  font-size: 18px;

  line-height: 30px;



  font-weight: 400;

}



.training-arrow {

  position: absolute;



  right: 18px;

  bottom: 18px;



  width: 56px;

  height: 56px;



  border-radius: 50%;



  background: #ef4035;



  color: #fff;



  display: flex;

  align-items: center;

  justify-content: center;



  text-decoration: none;



  transition: all 0.3s ease;

}



.training-arrow i {

  font-size: 21px;



  transform: rotate(45deg);

}



.training-arrow:hover {

  background: #d93229;



  color: #fff;



  transform: translateY(-3px);

}



/**************** Footer ***************/



footer {

  background-image: url("/img/footer.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding-top: 50px;

  position: relative;

}



.ft-top-row {

  margin-bottom: 20px;

}



.footer-label {

  display: flex;

  align-items: center;

  font-size: 18px;

  font-weight: 700;

  color: var(--color-primary);

}



.contact-info-widget .address {

  max-width: 516px;

  color: #fff;

}



.contact-info-widget .address address:first-child {

  margin-bottom: 24px;

}



.address p {

  line-height: 30px;

  color: #fff;

  margin-bottom: 0px;

}

.contact-info-widget .address a {

  text-decoration: none;

  color: #fff;

}



.copyright p a {

  text-decoration: none;

  color: var(--color-yellow);

  font-weight: 600;

}



.copyright p {

  margin-bottom: 0;

  border-top: 1px solid #fff;

  color: #fff;

  font-size: 14px;

}



.career-box h4 > span {

  float: right;

}



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



/* scroll to top */

.scrollup {

  display: flex;

  justify-content: center;

  align-items: center;

  position: fixed;

  width: 50px;

  height: 50px;

  bottom: 100px;

  right: 50px;

  z-index: 10;

  background-color: var(--color-primary);

  color: #fff;

  border-radius: 50%;

}



a.scrollup {

  outline: 0;

  text-align: center;

}



a.scrollup:hover,

a.scrollup:active,

a.scrollup:focus {

  opacity: 1;

  text-decoration: none;

}



a.scrollup i {

  /*margin-top: 10px;*/

  color: #fff;

}



a.scrollup i:hover {

  text-decoration: none;

}



.csr img {

  margin-bottom: 20px;

}



.row.inner_banner_wrap h1 {

  color: #fff;

  font-weight: 700;

  font-size: 30px;

  text-transform: uppercase;

  margin-bottom: 0;

}



.row.inner_banner_wrap {

  align-items: center;

  padding: 20px 15px;

}



.banner {

  width: 100%;

  height: 350px;

  background: url("/img/inner-bg.jpg") center / cover;

  display: flex;

  align-items: center;

  position: relative;

}



.banner .container-fluid {

  position: relative;

  z-index: 2;

}



.banner::before {

  content: "";

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, #ffffff1f 10%, rgba(0, 0, 0, .4) 100%);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}



.banner h1 {

  max-width: 840px;

  font-size: 36px;

  font-weight: 700;

  line-height: 45px;

  color: #fff;

}



ol.breadcrumb {

  display: flex;

  align-items: center;

}



ol.breadcrumb a {

  color: var(--color-primary);

  font-size: 16px;

  text-decoration: none;

}



ol.breadcrumb.breadcrumb-arrow {

  margin-bottom: 0;

}



/*

div#banner {

    margin-top: 100px;

}*/



ol.breadcrumb.breadcrumb-arrow li.active span {

  font-size: 16px;

}



ol.breadcrumb.breadcrumb-arrow li {

  position: relative;

}



ol.breadcrumb.breadcrumb-arrow li:after {

  content: "|";

  padding: 10px;

  color: var(--color-yellow);

}



ol.breadcrumb.breadcrumb-arrow li.active:after {

  content: "";

}



.nav-tabs.profile-lang {

  border-bottom-color: transparent;

  margin-top: 30px;

}



.nav-tabs.profile-lang .nav-item.show .nav-link,

.nav-tabs.profile-lang .nav-link.active {

  color: #000;

  background-color: var(--color-yellow);

  border-color: transparent;

}



.nav-tabs.profile-lang .nav-link {

  background: #212529;

  margin-right: 10px;

  color: #fff;

}



.nav-tabs.profile-lang {

  border-bottom-color: transparent;

  margin-top: 30px;

  /*    justify-content: end;*/

  margin-bottom: 30px;

}



.csr {

  padding: 15px 15px;

  display: flex;

  gap: 20px;

}



.en-lang p {

  font-family: "Source Sans 3";

  font-size: 16px;

}



form#contact-form .form-control {

  margin-bottom: 25px;

}



button.g-recaptcha.btn.btn-submit.butn {

  background-color: #000;

  color: var(--color-yellow);

  padding: 8px 26px;

  font-size: 20px;

  font-weight: 400;

  text-transform: uppercase;

  margin-bottom: 33px;

}



p.gray.text-center {

  font-family: var(--font-family-ss);

  font-size: 18px;

}



.company_circle .row {

  align-items: center;

}



.circle {

  margin: 0 auto;

  text-align: center;

  padding: 15px 0;

}



.company_circle {

  width: 80%;

  margin: 0 auto;

}



.company_circle figcaption {

  text-transform: uppercase;

  font-weight: 800;

  color: #000;

  font-size: 18px;

  line-height: 20px;

}



.company_circle figcaption span {

  font-size: 15px;

  display: block;

  color: #5e5e5e;

  font-weight: 400;

}



h3.family-company-title {

  font-weight: 700;

  text-align: center;

  text-transform: uppercase;

  display: inline-block;

  margin: 30px 0;

  border-bottom: 8px groove #ffcc11;

}



.gallery {

  margin-top: 30px;

}



.gallery-wrap {

  margin-bottom: 35px;

}



.gallery-wrap img {

  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;

}



.mm-menu {

  --mm-color-border: rgba(0, 0, 0, 0.1);

  --mm-color-button: rgba(0, 0, 0, 0.3);

  --mm-color-text: rgba(0, 0, 0, 0.75);

  --mm-color-text-dimmed: #000;

  --mm-color-background: var(--color-yellow);

  --mm-color-background-highlight: rgba(0, 0, 0, 0.05);

  --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);

  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

}



li.nav-item.active.mm-listitem a.nav-link,

li.nav-item.active .nav-link {

  color: var(--color-primary) !important;

  font-weight: 700 !important;

}



a.nav-link.mm-listitem__text {

  color: #000;

  text-transform: uppercase;

}



div.mm-navbars_top a.mm-navbar__title {

  font-size: 19px;

  font-weight: 900;

  color: #000;

}



/* ------------------------------------------ */



.about-content {

  text-align: center;

  margin: 0 auto;

}



.about-content p {

  line-height: 50px;

  margin-bottom: 50px;

}



.about-img {

  width: 100%;

  height: 500px;

  border-radius: 20px;

  overflow: hidden;

  position: relative;

}



.about-img .full-img {

  width: 100%;

  object-fit: cover;

  height: 100%;

}



.testimonal {

  width: 500px;

  padding: 40px;

  color: #fff;

  background: #00000054;

  backdrop-filter: blur(5px);

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 10px;

}



.testimonal p {

  margin-bottom: 0px;

}



.testimonal .quotes {

  width: 60px;

  height: 60px;

  background-color: var(--color-primary);

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  top: 0;

  left: 0;

  transform: translate(-50%, -50%);

  border-radius: 50%;

}



.testimonal .quotes img {

  width: 50%;

}



.title-box {

  max-width: 740px;

  text-align: center;

  margin: 0 auto 50px;

}



.title-box p {

  max-width: 700px;

  margin: 0 auto;

}



/* Course card */

.course-card {

  display: block;

  height: 100%;

  gap: 26px;

  padding: 20px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #edf4fc;

  border-radius: 12px;

  box-shadow: 0 6px 24px rgba(15, 75, 125, 0.06);

  text-decoration: none;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease;

}



.course-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 14px 32px rgba(15, 75, 125, 0.12);

}



.course-image {

  flex: 0 0 38%;

  min-width: 0;

  overflow: hidden;

  border-radius: 7px;

}



.course-image img {

  display: block;

  width: 100%;

  height: 100%;

  min-height: 290px;

  object-fit: cover;

  transition: transform 0.5s ease;

}



.course-card:hover .course-image img {

  transform: scale(1.1);

}



.course-content {

/* height: 170px; */
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0 0px;
}



.course-content h3 {

  margin-bottom: 0px;

  color: #000;

  font-size: 18px;

  line-height: 30px;

  font-weight: 700;

  transition: color .5s ease;

}

.course-card:hover h3 {
  color: var(--color-secondary);
}


.course-content p {

  margin-bottom: 30px;

  color: #000;

  font-size: 16px;

  line-height: 1.7;

}



.course-detail .img-wrapper {

  border-radius: 10px;

  display: inline-block;

  overflow: hidden;

}



.course-detail .img-wrapper .img-fluid {

  transition: all 0.5s ease-in-out;

}



.course-detail .img-wrapper:hover .img-fluid {

  transform: scale(1.1);

}



.package-page {
  overflow: hidden;
}

/* Package Card */

.package-card {

  height: 100%;

  display: flex;

  flex-direction: column;

  background: #fff;

  border: 1px solid #e4eaf1;

  border-radius: 12px;

  overflow: hidden;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease,

    border-color 0.3s ease;

}



.package-card:hover {

  transform: translateY(-5px);

  border-color: var(--color-secondary);

  box-shadow: 0 15px 35px rgba(18, 56, 91, 0.1);

}



.package-card-header {

  display: flex;

  gap: 15px;

  padding: 24px 22px;

  background: #fff;

  border-bottom: 1px solid #edf1f6;

}



.package-number {

  width: 52px;

  height: 52px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  background: var(--color-primary);

  border-radius: 10px;

  font-size: 18px;

  font-weight: 800;

}



.package-card-header h3 {

  font-size: 22px;

  font-weight: 700;

  margin: 0 0 5px;

}



.package-subtitle {

  font-size: 16px;

  margin: 0;

}


.package-img {
  width: 100%;
  height: 400px;
  overflow: hidden;
}


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


.package-card-body {

  padding: 24px 22px;

  display: flex;

  flex-direction: column;

  flex: 1;

}



.service-count {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px dashed #dce4ed;

  border-top: 1px dashed #dce4ed;

  padding: 24px 22px;

}





.service-count span:first-child {

  font-size: 16px;

}



.service-count span:last-child {

  color: var(--color-primary);

  font-size: 16px;

  font-weight: 800;

}



.service-list {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  list-style: none;

  padding: 0;

  margin: 0;

}



.service-list li {

  display: flex;

  align-items: center;

  gap: 12px;

  font-size: 16px;

  line-height: 1.6;

  padding: 8px 0;

  color: #000;

}



/* Bottom CTA */

.package-contact {

  margin-top: 45px;

  padding: 30px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  background: #e9f1f9;

  border-radius: 10px;

}



.package-contact h3 {

  color: var(--primary);

  font-size: 21px;

  font-weight: 700;

  margin-bottom: 8px;

  line-height: 30px;

}



.package-contact p {

  color: #000;

  font-size: 14px;

  margin: 0;

}









.contact-form-box {

  height: 100%;

  padding: 35px;

  background: #fff;

  border: 1px solid #dee2e6;

  border-radius: 14px;

  box-shadow: 0 8px 30px rgba(20, 50, 80, 0.04);

}



.contact-us-page .title-box p {

  line-height: 20px;

}



.contact-form-box h3 {

  font-size: 22px;

  color: var(--color-primary);

  font-weight: 700;

  margin-bottom: 5px;

}



.form-intro {

  color: var(--muted-color);

  font-size: 14px;

  line-height: 1.7;

  margin-bottom: 34px;

}



.form-label {

  font-size: 16px;

  font-weight: 700;

  margin-bottom: 9px;

}



.form-control {

  min-height: 49px;

  padding: 12px 14px;

  border: 1px solid #dee2e6;

  border-radius: 7px;

  background: #fafbfd;

  font-size: 14px;

  transition: all 0.3s ease;

}



.form-control::placeholder {

  color: #a0a9b4;

}



.form-control:focus {

  border-color: var(--primary-color);

  background: #fff;

  box-shadow: 0 0 0 3px rgba(26, 78, 125, 0.1);

}



textarea.form-control {

  min-height: 135px;

  resize: vertical;

}



/* SUBMIT BUTTON */



.contact-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 14px 25px;

  color: #fff;

  background: var(--primary-color);

  border: 1px solid var(--primary-color);

  border-radius: 7px;

  font-size: 14px;

  font-weight: 600;

  transition: all 0.3s ease;

  cursor: pointer;

}



.contact-btn:hover {

  background: var(--secondary-color);

  border-color: var(--secondary-color);

  transform: translateY(-3px);

  box-shadow: 0 8px 20px rgba(26, 78, 125, 0.18);

}



/* MAP */



.map-box {

  height: 100%;

  min-height: 550px;

  overflow: hidden;

  border-radius: 14px;

  background: #e8eef4;

  border: 1px solid var(--border-color);

  box-shadow: 0 8px 30px rgba(20, 50, 80, 0.05);

}



.map-box iframe {

  display: block;

  width: 100%;

  height: 100%;

  min-height: 550px;

  border: 0;

}



/* BOTTOM CONTACT CARDS */



.contact-info-row {

  margin-top: 25px;

}



.contact-info-card {

  display: flex;

  align-items: flex-start;

  gap: 22px;

  height: 100%;

  padding: 30px;

  background: #fff;

  border: 1px solid #dee2e6;

  border-radius: 12px;

  transition: all 0.3s ease;

}



.contact-info-card:hover {

  transform: translateY(-5px);

  border-color: var(--color-secondary);

  box-shadow: 0 12px 30px rgba(20, 50, 80, 0.08);

}



.info-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  width: 58px;

  height: 58px;

  color: #fff;

  background: var(--color-primary);

  border-radius: 10px;

  font-size: 22px;

}



.info-content {

  flex: 1;

}



.info-content h4 {

  color: var(--color-secondary);

  font-size: 18px;

  font-weight: 700;

  margin: 3px 0 12px;

}



.info-content p {

  font-size: 16px;

  line-height: 1.8;

  margin-bottom: 0px;

}



.info-content a {

  color: #000;

  text-decoration: none;

  font-size: 16px;

  transition: all .5s ease-in-out;

}



.info-content a:hover {

  color: var(--color-secondary);

}



.mm-navbar {

  background-color: var(--color-secondary);

}



div.mm-navbars_top a.mm-navbar__title {

  color: #fff;

}


.footer-logo {
  max-height: 100px;
  margin-bottom: 36px;
  
}


@media (max-width: 1199.9px) {

  .training-packages {

    column-gap: 122px;

  }



    #top_header .web-logo {

    height: 64px;

  }

}



@media (max-width: 991.9px) {


  .footer-logo {
    max-height: 80px;
  }



  .responsive-menu-wrap {

    display: flex;

    justify-content: end;

  }



  .about-us-section {

    margin-bottom: 50px;

  }



  .about-us-section p {

    line-height: 30px;

    margin-bottom: 30px;

  }



  .training-section {

    width: calc(100% - 28px);

    margin: 0px 14px 100px;

  }



  .training-packages {

    column-gap: 40px;

  }

}



@media (max-width: 767.9px) {

  
  .footer-logo {
    max-height: 80px;
  }


  p {

    line-height: 25px;

  }

  .sec {

    padding: 50px 0px;

  }



  .home_slides ul.splide__list li.splide__slide {

    height: 500px;

  }



  .splide__caption {

    transform: translateY(-30%);

  }



  .splide__caption h2 {

    font-size: 24px;

    margin-bottom: 8px;

  }



  .splide__caption h3 {

    font-size: 56px;

    margin-bottom: 14px;

  }



  .splide__caption p {

    margin-bottom: 30px;

  }



  .training-heading h2 {

    font-size: 32px;

    margin-bottom: 24px;

  }



  .training-section {

    padding: 30px;

    margin-bottom: 50px;

  }



  .training-card h3 {

    font-size: 18px;

  }



  .about-us-section {

    margin-bottom: 30px;

  }



  .about-us-section p {

    margin-bottom: 24px;

  }



  .training-card-content {

    padding-right: 10px;

  }



  .training-arrow {

    width: 40px;

    height: 40px;

  }



  .training-packages {

    column-gap: 20px;

    row-gap: 20px;

  }



  .social-widget {

    margin-bottom: 24px;

  }

  

  .title {

    font-size: 26px;

    line-height: 35px;

  }

  

  .highlight-title {

    font-size: 16px; 

  }


  .course-content {
    height: auto;
  }

  .course-content h3 {

    font-size: 18px;

  }



  .package-card-header h3 {

    font-size: 18px;

  }



  .package-contact {

    flex-direction: column;

    align-items: end;

  }



  .contact-form-box h3 {

    font-size: 18px;

  }


  .service-list {
      grid-template-columns: 1fr;
  }

  .package-img {
    height: 250px;
  }

}



@media (max-width: 675px) {

  .training-packages {

    grid-template-columns: 1fr;

  }



  .training-section {

    padding: 20px 0px;

    border-radius: 20px;

  }



  .course-card {

    height: auto;

    flex-direction: column;

  }



  .about-img {

    height: 500px;

  }



  .testimonal {

    width: 300px;

    padding: 20px;

  }



  .contact-info-card {

    flex-direction: column;

  }

}



@media (max-width: 470px) {

  .splide__caption h2 {

    font-size: 18px;

  }



  .splide__caption h3 {

    font-size: 42px;

  }



  #top_header .web-logo {

    height: 52px;

  }

  .training-section {

    width: 100%;

    margin: 0 0 50px;

    padding: 20px 0px;

    background: var(--color-secondary);

    border-radius: 0px;

  }



  .testimonal {

    width: 250px;

    padding: 20px;

  }

}

.grecaptcha-badge {
  z-index: 3;
}