* {
  margin: 0rem;
  padding: 0rem;
}
body {
  font-family: "Montserrat";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0rem;
  padding: 0rem;
}
p {
  margin: 0rem;
  padding: 0rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 140%;
}
a {
  text-decoration: none;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Montserrat-Bold.woff2") format("woff2"),
    url("../fonts/Montserrat-Bold.woff") format("woff"),
    url("../fonts/Montserrat-Bold.ttf") format("truetype"),
    url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Montserrat-Regular.woff2") format("woff2"),
    url("../fonts/Montserrat-Regular.woff") format("woff"),
    url("../fonts/Montserrat-Regular.ttf") format("truetype"),
    url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Montserrat-Medium.woff2") format("woff2"),
    url("../fonts/Montserrat-Medium.woff") format("woff"),
    url("../fonts/Montserrat-Medium.ttf") format("truetype"),
    url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
    url("../fonts/Montserrat-SemiBold.woff") format("woff"),
    url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
    url("../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --skyblue: #55b9ff;
  --blue: #15499b;
  --dark-blue1: #001223;
  --dark-blue2: #03132d;
  --drack-gray: #343a40;
  --gay-100: #f7f7f7;
  --gay-200: #d8d8d8;
  --gar-300: #9e9e9e;
  --white: #ffffff;
}
/* button area start*/
.blue-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  background: var(--blue);
  color: var(--white);
  border: 0rem;
  padding: 0 2.5rem;
  border-radius: 0.313rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  transition: 0.5s;
}
.blue-button:hover {
  background: #1e58b4;
}
.bluesky-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  background: var(--skyblue);
  color: var(--white);
  border: 0rem;
  padding: 0 2.5rem;
  border-radius: 0.313rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  transition: 0.5s;
}
.bluesky-button:hover {
  background: #2ea5f8;
}
.bluesky-button-sm {
  height: 2.5rem;
  padding: 0 1.5rem;
  font-size: 1rem;
}
.white-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  background: var(--white);
  color: var(--blue);
  border: 0rem;
  padding: 0 2.5rem;
  border-radius: 0.313rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  transition: 0.5s;
}
.white-button:hover {
  background: var(--blue);
  color: var(--white);
}
/* button area end */
main {
  padding-top: 5.813rem;
}
/* heading start */
.blue-left-heading {
  position: relative;
}
.blue-left-heading::after {
  width: 2.75rem;
  height: 0.125rem;
  background: var(--skyblue);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}
.blue-left-heading h2 {
  color: var(--blue);
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.blue-left-heading-sm {
  position: relative;
}
.blue-left-heading-sm::after {
  width: 2.75rem;
  height: 0.125rem;
  background: var(--skyblue);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}
.blue-left-heading-sm h2 {
  color: var(--blue);
  font-size: 3.438rem;
  font-weight: 600;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.blue-center-heading {
  position: relative;
  text-align: center;
}
.blue-center-heading::after {
  width: 2.75rem;
  height: 0.125rem;
  background: var(--skyblue);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 1;
  content: "";
}
.blue-center-heading h2 {
  color: var(--blue);
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.white-left-heading {
  position: relative;
  z-index: 1;
}
.white-left-heading::after {
  width: 2.75rem;
  height: 0.125rem;
  background: var(--white);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}
.white-left-heading h2 {
  color: var(--white);
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.white-center-heading {
  position: relative;
  text-align: center;
  z-index: 1;
}
.white-center-heading::after {
  width: 2.75rem;
  height: 0.125rem;
  background: var(--white);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 1;
  content: "";
}
.white-center-heading h2 {
  color: var(--white);
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.white-center-subheading p {
  color: var(--white);
  font-size: 1.125rem;
  line-height: 2.25rem;
  font-weight: 500;
  margin-bottom: 3.125rem;
  text-align: center;
  margin-bottom: 3.75rem;
}

.white-left-line-heading {
  position: relative;
  z-index: 1;
  display: inline-flex;
}
.white-left-line-heading h2 {
  color: var(--white);
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.white-left-line-heading::after {
  width: 2.75rem;
  height: 0.125rem;
  background: var(--white);
  position: absolute;
  right: -4.063rem;
  top: 2.75rem;
  margin: 0 auto;
  z-index: 1;
  content: "";
}
.line-heading {
  position: relative;
  margin-bottom: 3.125rem;
}
.line-heading::after {
  width: 100%;
  height: 0.063rem;
  background: var(--gar-300);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}
.line-heading h3 {
  font-size: 2.813rem;
  color: var(--drack-gray);
  font-weight: 500;
  position: relative;
  z-index: 2;
  background: var(--white);
  display: inline-flex;
  padding: 0 1rem 0 0;
}
/* heading end */
/* header start */

.header-area {
  position: fixed;
  width: 100%;
  z-index: 100;
  background: var(--white);
  -webkit-box-shadow: 0px 7px 9px -2px rgba(0, 0, 0, 0.035);
  -moz-box-shadow: 0px 7px 9px -2px rgba(0, 0, 0, 0.035);
  box-shadow: 0px 7px 9px -2px rgba(0, 0, 0, 0.035);
}
.header-area .navbar {
  padding: 0;
}
.header-area.sticky {
  -webkit-box-shadow: 0px 7px 9px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 7px 9px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 7px 9px -2px rgba(0, 0, 0, 0.1);
}
.header-area::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 2.2rem;
  background: var(--blue);
  content: "";
  width: 30%;
}
.header-area .navbar .container {
  z-index: 1;
}
.header-area .navbar-brand {
  width: 20rem;
}

.header-area .navbar-brand img {
  width: 100%;
}

.header-area .navbar-collapse {
  flex-grow: 0;
  margin: 0.5rem 0;
}

.header-area .dropdownflex {
  display: flex;
  position: relative;
}

.header-area .dropdownclick {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.header-area .nav-item {
  margin-left: 1.25rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.header-area .nav-item .nav-link {
  color: var(--drack-gray);
  padding: 0.313rem 0;
  transition: 0.5s;
}
.header-area .nav-item .nav-link:hover {
  color: var(--blue);
}
.header-area .nav-item .nav-link.active {
  color: var(--blue);
}
.header-area .nav-link:hover {
  border-bottom: 1px solid var(--brown);
  color: var(--brown);
}

.header-area .dropdown-menu {
  top: 25px;
}
.header-area .dropdown-toggle::after {
  border-top: 0.3em solid var(--skyblue);
}
.header-area .dropdown-item {
  font-weight: 600;
  padding: 0.5rem 1rem;
}
.header-area .dropdown-item:hover {
  background: var(--blue);
  color: var(--white);
}
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }

  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }

  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}
.callnow {
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
  margin-left: 3.5rem;
}
.callnow h2 {
  font-size: 0.875rem;
  color: var(--blue);
  font-weight: 600;
}
.callnow h2 span {
  font-size: 1.313rem;
  font-weight: bold;
  display: block;
}
.callnow-contact {
  display: flex;
  gap: 0.313rem;
  font-size: 1rem;
  color: var(--skyblue);
  font-weight: 600;
  transition: 0.5s;
}
.callnow-contact:hover {
  color: var(--blue);
}
.callnow-contact span {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0.063rem solid var(--drack-gray);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.header-righ-top {
  display: flex;
  justify-content: flex-end;
}
.header-righ-top-contactinfo {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
  gap: 3rem;
  background: linear-gradient(90deg, #03132d 35.51%, #15499b 48.96%);
  padding: 0 1.875rem;
  height: 2.2rem;
}
.header-righ-top-contactinfo li {
  font-size: 0.938rem;
  font-weight: 600;
}
.header-righ-top-contactinfo li:last-child {
  text-transform: uppercase;
}
.header-righ-top-contactinfo li a {
  gap: 0.625rem;
  display: flex;
  align-items: center;
  color: var(--white);
}
.h-social-icon {
  width: 2.2rem;
  height: 2.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  transition: 0.5s;
}
.h-social-icon:hover img {
  filter: brightness(0) saturate(100%) invert(7%) sepia(57%) saturate(1140%)
    hue-rotate(174deg) brightness(95%) contrast(105%);
}
/* header end */
/* banner-area start */
.banner-area {
  width: 100%;
  overflow: hidden;
  height: 56.25rem;
  position: relative;
}
.banner-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-banner-area {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.inner-banner-area .container {
  z-index: 1;
}
.inner-banner-area::after {
  background: url(../images/bg1.png) left top no-repeat;
  content: "";
  height: 100%;
  width: 40.438rem;
  left: 32%;
  top: 0;
  position: absolute;
}
.inner-banner-area h1 {
  color: var(--white);
  font-size: 4rem;
  line-height: 100%;
  font-weight: bold;
  margin-bottom: 3.125rem;
}
.inner-banner-area p {
  color: var(--white);
  font-size: 1.375rem;
  line-height: 2.25rem;
  font-weight: 500;
  margin-bottom: 3.125rem;
}
/* innerpage-banner-area start */
.innerpage-banner-area {
  width: 100%;
  overflow: hidden;
  height: 41.875rem;
  position: relative;
}
.innerpage-banner-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.innerpage-banner-area .inner-banner-area {
  background: rgba(0, 0, 0, 0.5);
}
.innerpage-banner-area .inner-banner-area::after {
  background: url(../images/bg1a.png) left top no-repeat;
  left: 24%;
}
/* innerpage-banner-area end */
/* banner-area end */
.white-area {
  padding: 6.25rem 0;
  background: var(--white);
}
.homebg1 {
  background: url(../images/bg2.png) left top no-repeat;
  background-size: 100%;
}
/* our-story-sec start */
.our-story-sec {
  margin-bottom: 6.25rem;
}
.our-story-left p {
  color: var(--drack-gray);
  margin-bottom: 1.875rem;
}
.our-story-right {
  position: relative;
}
.our-story1 {
  width: 16.25rem;
  height: 18.75rem;
  overflow: hidden;
  border-radius: 0.313rem;
  position: absolute;
  z-index: 1;
}
.our-story1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-story2 {
  width: 33.75rem;
  height: 24.375rem;
  overflow: hidden;
  border-radius: 0.313rem;
  position: relative;
  float: right;
  margin-top: 4.75rem;
}
.our-story2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* our-story-sec end */
/* advantage start */
.advantage-area {
  width: 100%;
  background: url(../images/bg1.png) left top no-repeat var(--blue);
  border-radius: 1.25rem;
  padding: 5.625rem;
  margin-bottom: 6.25rem;
}
.advantage-box-area-inner {
  margin-bottom: 1.875rem;
}
.advantage-box-area-inner:last-child {
  margin-bottom: 0;
}
.advantage-box-img {
  height: 21.875rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.advantage-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.advantage-box-content h3 {
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 600;
  margin-top: 3.75rem;
  margin-bottom: 1.25rem;
}
.advantage-box-content p {
  color: var(--white);
}
/* advantage end */

/* success goal start */
.success_goal-area {
  padding-bottom: 7.5%;
}
.success_goal-box-inner {
  position: relative;
}
.success_goal-box-img {
  width: 100%;
  height: 18rem;
  overflow: hidden;
  border-radius: 0.313rem;
}
.success_goal-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.success_goal-box-content {
  background: var(--white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0.75rem;
  margin-top: -2.063rem;
  z-index: 1;
  width: 98%;
  padding: 1.25rem;
  transition: 0.3s;
  position: absolute;
}
.success_goal-box-content h3 {
  font-size: 1.875rem;
  color: var(--drack-gray);
  font-weight: 500;
  margin-bottom: 1rem;
}
.success_goal-box-content p {
  font-size: 0.875rem;
  color: var(--drack-gray);
  font-weight: 500;
  margin-bottom: 1rem;
}
.success_goal-box-content a {
  display: none;
  transition: 0.3s;
  font-size: 0.875rem;
  color: var(--white);
  font-weight: bold;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.success_goal-box-content:hover a {
  display: block;
}
.success_goal-box-content:hover {
  background: var(--blue);
}
.success_goal-box-content:hover h3,
.success_goal-box-content:hover p {
  color: var(--white);
}
/* success goal end */

/* Leadership area start */

.leadership-area {
  padding: 6.25rem 0;
}
.center-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
.leadership-slider-inner {
  background: rgba(225, 225, 225, 0.9);
  border: 0.938rem solid var(--white);
  border-radius: 0.313rem;
  padding: 2rem;
  height: 100%;
}
.leader-info {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}
.leader-img {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  overflow: hidden;
}
.leader-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.leader-content h3 {
  color: var(--drack-gray);
  font-size: 2.188rem;
  font-weight: 600;
}
.leader-content span {
  color: var(--drack-gray);
  font-size: 1.5rem;
  font-weight: normal;
}
.leadership-slider-inner p {
  color: var(--drack-gray);
}
.leadership-slider-area .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin: 3.75rem 0;
}
.leadership-slider-area .owl-dots .owl-dot {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.leadership-slider-area .owl-dots .owl-dot.active {
  background: var(--white);
}
.leadership-slider-area .owl-dots .owl-dot span {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--white);
}
.leadership-slider-area .owl-carousel .owl-stage {
  display: flex;
}
.leadership-slider-area .owl-item .item {
  height: 100%;
}
/* Leadership area end */

/* Training start */
.traning-area {
  background: url(../images/bg3.jpg) left top no-repeat var(--white);
  background-size: 100% 100%;
  padding: 6.25rem 0;
}
.traning-bottom-box {
  display: flex;
  margin: 2.5rem 0 0 0;
  padding: 0;
  list-style-type: none;
  gap: 1.25rem;
}
.traning-bottom-box li {
  border-radius: 1.563rem;
  background: var(--white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  padding: 2rem;
  width: 20%;
  width: 16%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.traning-bottom-box li img {
  width: 3.75rem;
}
/* Training end */

.national-team-area {
  padding: 6.25rem 0;
  background: var(--white);
}
.national-team-inner {
  padding: 6.25rem;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.national-team-inner::after {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 0;
}
.national-team-inner p {
  color: var(--white);
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 2rem;
}
.national-team-inner h5 {
  color: var(--white);
  font-size: 2rem;
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 0.5rem;
}
.national-team-inner .white-button {
  position: relative;
  z-index: 1;
}
.national-team-inner .white-center-heading::after {
  background: var(--skyblue);
}
/* Get-started-area start */
.get-started-area {
  width: 100%;
  position: relative;
}
.get-started-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.get-started-form {
  width: 45%;
  padding: 4.375rem 2.5rem;
  background: var(--blue);
  float: right;
}
.get-started-form h3 {
  color: var(--white);
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 3.75rem;
}
.get-started-input {
  background: none;
  border-color: var(--white);
  border-style: solid;
  border-width: 0 0 0.063rem 0;
  border-radius: 0;
  height: 1.875rem;
  margin-bottom: 3.75rem;
  padding: 0;
  color: var(--white) !important;
}
.get-started-input::placeholder {
  color: var(--white);
}
.get-started-input:focus {
  background: transparent;
  box-shadow: none;
}
.get-started-textarea {
  background: none;
  border-color: var(--white);
  border-style: solid;
  border-width: 0 0 0.063rem 0;
  border-radius: 0;
  height: 9.375rem;
  margin-bottom: 3.75rem;
  padding: 0;
  color: var(--white) !important;
}
.get-started-textarea::placeholder {
  color: var(--white);
}
.get-started-textarea:focus {
  background: transparent;
  box-shadow: none;
}
.map {
  width: 55%;
  height: 40rem;
}
/* Get-started-area end */

/* footer-area start */
.footer-area {
  padding: 8.125rem 0 0 0;
  background: var(--dark-blue2);
}
.follow-us-area {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 4.875rem;
}
.follow-us-area span {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
}
.follow-us-area a {
  display: inline-flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  border: 0.188rem solid var(--skyblue);
  transition: 0.5s;
}
.follow-us-area a:hover {
  background: var(--skyblue);
}
.footer-heading {
  position: relative;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.footer-heading::after {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 2.75rem;
  height: 0.125rem;
  background: var(--skyblue);
  content: "";
}
.footer-heading h5 {
  color: var(--white);
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
.footer-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer-links li {
  font-size: 1rem;
  color: var(--white);
  font-weight: 600;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.938rem;
}
.footer-links li:last-child {
  margin-bottom: 0;
}
.footer-links li a {
  color: var(--white);
  transition: 0.5s;
}
.footer-links li a:hover {
  color: var(--skyblue);
}
.footer-bottom {
  padding: 1rem 0;
  border-top: 1px solid rgba(225, 225, 225, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin-top: 2.25rem;
}
.footer-bottom li {
  font-size: 1rem;
  color: var(--white);
  font-weight: 600;
  border-right: 0.063rem solid var(--white);
  padding: 0 0.5rem;
}
.footer-bottom li a {
  color: var(--white);
  transition: 0.5s;
}
.footer-bottom li a:hover {
  color: var(--skyblue);
}
.footer-bottom li:first-child {
  padding-left: 0;
}
.footer-bottom li:last-child {
  border-right: 0;
  padding-right: 0;
}
/* footer-area end */

/* Carrers Page Start */
.carrer-page {
  padding: 6.25rem 0;
  background: var(--blue);
  margin-bottom: 6.25rem;
}
.carrer-box-area {
  display: flex;
  flex-wrap: wrap;
  gap: 3.75rem 3.75rem;
  justify-content: center;
}
.carrer-boxs {
  border: 0.063rem solid var(--white);
  border-radius: 0.938rem;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  width: 47.5%;
  transition: 0.5s;
}
.carrer-boxs h3 {
  color: var(--white);
  font-size: 2rem;
  font-weight: bold;
  transition: 0.5s;
}
.carrer-boxs p {
  color: var(--white);
  transition: 0.5s;
}
.carrer-boxs:hover {
  background: var(--white);
}
.carrer-boxs:hover h3,
.carrer-boxs:hover p {
  color: var(--blue);
}
.carrer-boxs:hover .icon img {
  filter: brightness(0) saturate(100%) invert(21%) sepia(73%) saturate(1253%)
    hue-rotate(191deg) brightness(94%) contrast(98%);
}
/* Carrers Page end */

/* Contact Page Start */
.contact-us-left {
  background: var(--gay-100);
  padding: 5rem 3.125rem;
  height: 100%;
}
.contact-us-left h4 {
  font-size: 2rem;
  color: var(--drack-gray);
  margin: 2.5rem 0;
  padding-bottom: 1.5rem;
  border-bottom: solid 0.063rem var(--gay-200);
}
.contact-us-left-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.contact-us-left-links li {
  font-size: 1rem;
  color: var(--drack-gray);
  font-weight: 600;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.938rem;
}
.contact-us-left-links li p {
  font-weight: 600;
}
.contact-us-left-links li:last-child {
  margin-bottom: 0;
}
.contact-us-left-links li a {
  color: var(--drack-gray);
  transition: 0.5s;
}
.contact-us-left-links li a:hover {
  color: var(--skyblue);
}
.Write-message-area {
  padding: 1.875rem;
  background: var(--blue);
}
.Write-message-area h3 {
  color: var(--white);
  font-size: 2.188rem;
  font-weight: bold;
  margin-bottom: 1.875rem;
}
.Write-message-inpurarea {
  margin-bottom: 2.5rem;
}
.Write-message-inpurarea label {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 1.563rem;
}

.Write-message-inpurarea .input-group-text {
  background: #255298;
  border: 0rem;
  height: 4.375rem;
  padding: 0 0 0 1.25rem;
}
.Write-message-inpurarea .form-control {
  background: #255298;
  border: 0rem;
  height: 4.375rem;
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  padding: 0 1.25rem;
}
.Write-message-inpurarea .form-control::placeholder {
  color: var(--gar-300);
}
.Write-message-inpurarea .form-control:focus {
  box-shadow: none;
}
.textarea .form-control {
  height: 14.375rem;
  padding: 1.25rem;
}
.textarea .input-group-text {
  height: 14.375rem;
  align-items: flex-start;
  padding-top: 1.25rem;
}
.contactmap-area {
  border: 0.125rem solid var(--blue);
  border-radius: 0.938rem;
  padding: 2.188rem;
  margin-top: 6.25rem;
  height: 36.25rem;
}
/* Contact Page end */

/* Legal Notice Page start */
.legal-notice-page ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.legal-notice-page ul li {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 2rem;
  position: relative;
  padding-left: 1.5rem;
}
.legal-notice-page ul li::after {
  width: 0.563rem;
  height: 0.563rem;
  border-radius: 50%;
  background: var(--blue);
  position: absolute;
  left: 0;
  top: 0.5rem;
  content: "";
}
.legal-notice-page p {
  margin-bottom: 2rem;
}
/* Legal Notice Page end */
/* training start */
.training {
  position: relative;
}
.training::after {
  height: 40.375rem;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  background: var(--blue);
}
.training .our-story-sec {
  margin-bottom: 0;
}
.who-we-serve {
  border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-bottom: 6.25rem;
}
.who-we-serve-top {
  padding: 3rem 5rem;
  background: var(--white);
}
.about-area {
  background: var(--blue);
}
.about-area-left img {
  width: 100%;
}
.about-area-right p {
  color: var(--white);
}
.about-area-right ul {
  margin: 2.5rem 0 0 0;
  padding: 0;
  list-style-type: none;
}
.about-area-right ul li {
  margin-bottom: 1.875rem;
}
.about-area-right ul li h5 {
  color: var(--white);
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.supporting-initiatives-area {
  padding: 6.25rem 0;
  background: var(--gay-100);
}
.supporting-initiatives-area p {
  text-align: center;
}

.our-background-inner {
  padding: 3.125rem 6.25rem;
  background: var(--blue);
  border-radius: 2rem;
}
.our-background-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
.our-background-item li {
  text-align: center;
}
.our-background-item li h6 {
  font-size: 2rem;
  font-weight: 600;
  color: var(--white);
  margin-top: 2rem;
}

.customizable-courses-area {
  padding: 6.25rem 0;
  background: #faffff;
}
.customizable-courses-area h3 {
  color: var(--blue);
  font-size: 2rem;
  font-weight: 600;
}
.tailored-topics-items {
  display: flex;
  gap: 2.5rem 0;
  flex-wrap: wrap;
  margin: 2.5rem 0 0 0;
  padding: 0;
  list-style-type: none;
  justify-content: space-between;
}
.tailored-topics-items li {
  width: 17%;
  position: relative;
  padding-left: 2rem;
  font-weight: 600;
  color: var(--drack-gray);
}
.tailored-topics-items li::after {
  position: absolute;
  left: 0;
  top: 0.125rem;
  background: url(../images/i32.png) left top no-repeat;
  width: 20px;
  height: 19px;
  content: "";
  z-index: 1;
}

.expart-team {
  padding: 6.25rem 0;
}
.expart-teams {
  display: flex;
  justify-content: center;
  gap: 1.25rem 1.25rem;
  flex-wrap: wrap;
  margin-top: 3.125rem;
}
.expart-teams-inner {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.625rem;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0.313rem;
  width: 48%;
}
.expart-teams-inner-left {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.expart-teams-inner-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expart-teams-inner-right h3 {
  font-size: 1.7rem;
  color: var(--drack-gray);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.expart-teams-inner-right p {
  font-weight: normal;
}
/* training end */

.blue-txt-area {
  text-align: center;
  font-size: 1rem;
  color: var(--white);
  background: var(--blue);
  padding: 3.125rem 5rem;
  margin-top: 3.125rem;
}
.leadership-people-area {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  position: relative;
  z-index: 1;
}
.leadership-inner {
  background: var(--gay-100);
  padding: 6.25rem 0;
  position: relative;
}
.leadership-inner::after {
  background: var(--blue);
  width: 30%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 0;
}
.leadership-inner .blue-left-heading {
  width: 50%;
  margin-left: auto;
}
.leadership-people {
  width: 27.411rem;
  height: 27.411rem;
  overflow: hidden;
}
.leadership-people img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.leadership-people-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leadership-text {
  width: 50%;
}
.leadership-text h3 {
  font-size: 1.5rem;
  color: var(--drack-gray);
  font-weight: bold;
}
.leadership-text h4 {
  font-size: 1.1rem;
  color: var(--drack-gray);
  font-weight: 500;
  margin-bottom: 2rem;
}
.leadership-text h5 {
  color: var(--blue);
  font-size: 1rem;
  font-weight: bold;
  transition: 0.5s;
}
.leadership-text p {
  margin-bottom: 2rem;
  color: var(--drack-gray);
}
.bluereadmore {
  color: var(--blue);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  transition: 0.5s;
}
.bluereadmore:hover {
  color: var(--skyblue);
}
.social-links {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.mail {
  color: var(--blue);
  font-size: 1rem;
  font-weight: 600;
  background: url(../images/blue-mail.png) left 0.063rem no-repeat;
  padding-left: 1.7rem;
  transition: 0.5s;
}
.mail:hover {
  color: var(--skyblue);
}
.linkedin {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.063rem solid var(--blue);
  background: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.linkedin:hover {
  background: var(--blue);
}
.linkedin:hover img {
  filter: brightness(0) invert(1);
}
.management-area {
  padding: 6.25rem;
  background: var(--white);
}
.management-area .leadership-people-area {
  flex-direction: initial;
  gap: 1.875rem;
}
.management-area .leadership-people-area .leadership-people-item {
  flex-direction: column;
  gap: 1rem;
  width: 25%;
  justify-content: start;
}
.management-area
  .leadership-people-area
  .leadership-people-item
  .leadership-people {
  width: 100%;
  height: 25rem;
}
.management-area
  .leadership-people-area
  .leadership-people-item
  .leadership-text {
  width: 100%;
}
.training-people-area {
  padding: 6.25rem 0;
  background: var(--gay-100);
}

.training-people-area .leadership-people-area {
  flex-direction: initial;
  flex-wrap: wrap;
}
.training-people-area .leadership-people-area .leadership-people-item {
  gap: 1rem;
  width: 48%;
}
.training-people-area
  .leadership-people-area
  .leadership-people-item
  .leadership-people {
  width: 17.438rem;
  height: 21.625rem;
}
.training-people-area
  .leadership-people-area
  .leadership-people-item
  .leadership-text {
  width: 50%;
}

.sales-people-inner-area .leadership-people-area {
  flex-direction: initial;
  flex-wrap: wrap;
  gap: 2rem;
}
.sales-people-inner-area .leadership-people-area .leadership-people-item {
  gap: 1rem;
  width: 30%;
}
.sales-people-inner-area
  .leadership-people-area
  .leadership-people-item
  .leadership-people {
  width: 7.375rem;
  height: 9rem;
}
.sales-people-inner-area
  .leadership-people-area
  .leadership-people-item
  .leadership-text {
  width: 65%;
}
.sales-people-inner-area
  .leadership-people-area
  .leadership-people-item
  .leadership-text
  h3 {
  font-size: 1.4rem;
}
.sales-people-area {
  padding: 6.25rem 0 0 0;
  background: var(--white);
}
.sales-peoples_item {
  margin-bottom: 5rem;
}
.sales-peoples_item:last-child {
  margin-bottom: 0;
}
.administration-people {
  padding-bottom: 6.25rem;
}

.modal-title {
  font-size: 1.5rem !important;
  color: var(--drack-gray);
  font-weight: bold;
}
.leadership-modal-body p {
  margin-bottom: 1.5rem;
}
.leadership-modal-body p a {
  color: var(--blue);
  transition: 0.5s;
}
.leadership-modal-body p a:hover {
  color: var(--skyblue);
}
.leadership-modal-body {
  max-height: 30rem;
  overflow-y: auto;
}
/* width */
.leadership-modal-body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.leadership-modal-body::-webkit-scrollbar-track {
  background: var(--gay-100);
}

/* Handle */
.leadership-modal-body::-webkit-scrollbar-thumb {
  background: var(--blue);
}

.modal-leadership-people {
  width: 16rem;
  height: 18rem;
  overflow: hidden;
  float: left;
  margin: 0 1.5rem 1.5rem 0;
}
.modal-leadership-people img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn-close:focus {
  box-shadow: none;
}