@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: Source Sans Pro;
  src: url(../fonts/SourceSansPro.otf);
  font-weight: 500;
}

*{
    margin: 0;
    padding: 0;
}
html,body{
    font-family: 'Poppins', sans-serif;
}
a {
    text-decoration: none;
    font-size: 14px;
}
ul {
    padding: 0;
    margin: 0;
}
ul,li {
    list-style-type: none;
}
img {
  width: 100%;
}
p {
  color: #000;
  font-size: 14px;
  margin-bottom: 15px;
  text-align: justify;
  line-height: 1.4;
  font-family: 'Open Sans', sans-serif;
}
.section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.section-heading h2 {
  font-weight: 700;
  text-align: center;
  font-size: 40px;
  color: #000;
  text-transform: uppercase;
  position: relative;
}

.section-heading h2 span {
  font-weight: 400;
}
.section-heading h2::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -15px;
  height: 4px;
  width: 100px;
  background-color: #07b0a0;
}

/* -----------------
Top Bar
--------------------*/

.top-bar {
    background-color: #fff;
    padding: 7px 0;
    border-bottom: 1px solid #e7e7e7;
}
.top-bar .contact-info {
    float: right;
}
.top-bar .contact-info li {
    display: inline-block;
    padding-left: 20px;
}
.top-bar .contact-info li a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.top-bar .contact-info li a i {
  color: #07b0a0;
  text-align: center;
  line-height: 28px;
  margin-right: 6px;
  font-size: 16px;
}
.top-bar .contact-info li:nth-child(2) a i{
  font-size: 19px;
}



.top-bar .contact-info li .lang-change .goog-logo-link {
  font-size: 12px;
}
.top-bar .contact-info li .lang-change .goog-logo-link img {
  width: auto;
}
.lang-change {
  margin-bottom: 0px;
}

.lang-change select {
  height: auto;
}

.goog-te-banner-frame {
  position: absolute !important;
  display: none !important;
}

body {
  top: 0 !important;
}

.goog-te-menu-value {
  display: inline-flex;
}

/* -----------------
Navbar
--------------------*/

.fixed-header {
  background-color: #fff !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.navbar {
  padding: 0;
  background-color: #fff !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: 0.5s;
  border-bottom: 1px solid #e7e7e7;
}

.navbar-brand span {
  font-size: 30px;
  color: #07b0a0;
  font-weight: 600;
}

/* .navbar {
  padding: 0;
  background-color: #fff !important;
  border-bottom: 1px solid #e7e7e7;
} */

.navbar-nav li .nav-link {
  padding: 30px 15px !important;
  color: #000 !important;
  font-weight: 500;
  font-size: 16px;
  font-family: Source Sans Pro;
  text-transform: uppercase;
}
.navbar-nav li .nav-link:hover {
color: #07b0a0 !important;
}
.dropdown-menu {
  width: 260px;
  opacity: 0;
  border-top: 4px solid #07b0a0 !important;
  visibility: hidden;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  box-shadow: 0 10px 18px 0 #00000026;
}
.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.sub-dropdown:hover .sub-dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.dropdown-menu li a {
  padding: 6px 20px;
  font-size: 16px;
  font-weight: 500 !important;
  font-family: Source Sans Pro;
  text-transform: uppercase;
  color: #000;
  border-bottom: 1px solid #ccc !important;
}

.sub-dropdown .dropdown-toggle::after{
  content: "\f105";
  font-family: "FontAwesome";
  border: none;
  font-weight: 700;
  vertical-align: 0;
  float: right;
}
.dropdown-menu,
.sub-dropdown-menu {
  border: none;
  background-color: #fff;
  border-radius: 0;
  padding: 10px 20px !important;
}
.dropdown-menu li a,
.sub-dropdown-menu li a {
  border-bottom: 1px solid #ffffff2b;
}
.dropdown-menu li a:hover,
.sub-dropdown-menu li a:hover {
  background-color: #07b0a0;
  color: #fff;
}

.sub-dropdown .sub-dropdown-menu {
  position: absolute;
  top: 0;
  right: auto;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}




/* .navbar-nav li.dropdown .dropdown-menu {
position: absolute;
left: 0px;
top: 100%;
margin-top: 0;
z-index: 100;
display: block;
background: #ffffff;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-moz-transform-origin: top;
transform-origin: top;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 768px) {
  .navbar-nav li.dropdown:hover .dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
  }
} */

@media only screen and (min-width: 768px) {
.dropdown .dropdown-menu {
  display: block;
}
.sub-dropdown:hover .sub-dropdown-menu {
  display: block;
}
}

/* -----------------
Welcome Section
--------------------*/

.welcome-section {
    padding: 60px 0;
}
.welcome-section p {
    text-align: justify;
}


.pt-120 {
  padding-top: 120px !important;
}

/* -----------------
Banner Area
--------------------*/

.banner-area.banner-fix {
  top: 80px;
}


.banner-area .single-banner {
    position: relative;
  }
  
  
  .banner-area .single-banner .slide {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .banner-area .single-banner .slide img {
      width: 100%;
  }
  
  .banner-area .single-banner .slide:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: #00000000;
    }
  
  .banner-area .single-banner .slide .banner-caption {
      position: absolute;
      left: 10%;
  }
  
  .banner-area .single-banner .slide .banner-caption h2 {
    font-size: 2vw;
    text-transform: uppercase;
    margin: 0;
    color: #0e428b;
    font-weight: 800;
  }

  .banner-area .single-banner .slide .cap-1 h2,
  .banner-area .single-banner .slide .cap-3 h2 {
    color: #fff;
  }
  
  .banner-area .single-banner .slide .o-banner-center {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
  }
  
  
  .banner-area .banner-text-center {
    position: absolute;
    top: 40%;
    left: 30%;
    text-align: center;
  }
  .banner-area .banner-text-left {
    position: absolute;
    top: 40%;
    left: 10%;
    text-align: left;
  }
  .banner-area .banner-text-right {
    position: absolute;
    top: 40%;
    left: 50%;
    text-align: left;
  }
  
  .banner-area .banner-text h2 {
    font-size: 3vw;
    text-transform: capitalize;
    font-family: Rockford Sans;
    margin: 0;
    font-weight: 700;
  }
  
  .banner-area .banner-text p {
    width: 70%;
    color: #262626;
  }
  
  .banner-area .banner-btn a {
    text-decoration: none;
    background: red;
    color: #fff;
    padding: 15px 25px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
  }
  
  .banner-area .slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  
  .banner-area .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 25px;
    padding: 0;
    cursor: pointer;
  }
  
  .banner-area .slick-dots li button {
    position: relative;
    background-color: red;
    opacity: .25;
    width: 50px;
    height: 3px;
    padding: 0;
    font-size: 0;
  }
  
  .banner-area .slick-dots li.slick-active button {
    color: red;
    opacity: .75;
  }
  
  .banner-area .slick-next {
    right: 6%;
  }
  
  .banner-area .slick-prev {
    left: 3%;
    z-index: 9;
  }
  
  .banner-area .slick-next:before {
    content: '\f105' !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    background-color: #0000003b;
    border-radius: 50%;
    position: absolute;
    font-family: "FontAwesome";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  
  .banner-area .slick-prev:before {
    content: '\f104' !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    background-color: #0000003b;
    border-radius: 50%;
    position: absolute;
    font-family: "FontAwesome";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  
  .banner-area .slick-prev,
  .banner-area .slick-next {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  
  }
  





  .achievements-section {
    padding: 60px 0;
    margin-bottom: 4em;
  }

  .achievements-section .item {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .achievements-section .item-1 {
    background-color: #eaf7ea;
  }
  .achievements-section .item-2 {
    background-color: #e5f4fb;
  }
  .achievements-section .item-3 {
    background-color: #efebf8;
  }
  .achievements-section .item-4 {
    background-color: #e5eef8;
  }

  .achievements-section .item:hover {
    background-color: #07b0a0;
  }

  .achievements-section .item:hover .counter-item h2,
  .achievements-section .item:hover .counter-item p {
    color: #fff;
  }
  .achievements-section .item:hover .counter-item img {
    filter: brightness(5);
  }

  .achievements-section .item .counter-item {
    text-align: center;
  }
  .achievements-section .item .counter-item.plus .counter::after{
    content: "+";
  }
  .achievements-section .item .counter-item img {
    width: 70px;
    margin-bottom: 10px;
  }
  .achievements-section .item .counter-item h2 {
    font-size: 60px;
    font-weight: 700;
    color: #005bbb;
    margin: 0;
  }
  .achievements-section .item .counter-item p {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    color: #000;
  }













  .departments
  {
    width: 100%;
    background: transparent;
    padding-top: 75px;
    padding-bottom: 65px;	
  }
  
  .departments_background
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .departments_row .top-text {
    margin-bottom: 20px;
  }
  
  
  .dept_col
  {
    margin-bottom: 30px;
  }
  .dept
  {
    width: 100%;
    height: 100%;
  }
  
  
  .dept_image
  {
    width: 100%;
  }
  .dept_image img
  {
    max-width: 100%;
  }
  .dept_content
  {
    padding-top: 48px;
    padding-bottom: 55px;
    background: #FFFFFF;
  }
  .dept_title
  {
    font-size: 25px;
    padding: 10px 0 10px;
    font-weight: 700;
    color: #07b0a0;
  }
  .dept_subtitle
  {
    font-size: 14px;
    font-weight: 400;
    color: #696969;
    margin-top: 5px;
  }
  .dept_text p
  {
    color: #FFFFFF;
    -webkit-transform: translateY(-9px);
    -moz-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    -o-transform: translateY(-9px);
    transform: translateY(-9px);
  }
  .dept_button
  {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
  }
  .dept_button a
  {
    color: #272727;
  }
  
  .services-seciton {
    background-image: url(../images/worldmap-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .services-seciton .dept_content {
    padding: 15px 40px;
    background: #ffffff;
  }
  
  
  .services-seciton .dept_content {
    border-bottom: 3px solid #07b0a0;
  }
  
  .services-seciton .dept_subtitle ul li::before {
    content: "\f0da";
      font-family: FontAwesome;
      font-size: 16px;
      padding-right: 4px;
      color: #c1c1c1;
  }
  
  .services-seciton .dept_subtitle ul li {
    text-align: left;
      font-size: 12px;
    display: flex;
      line-height: 15px;
      margin-bottom: 7px;
  }
  
  /* 
    .services-seciton .dept .dept_image img {
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    }
    .services-seciton .dept:hover .dept_image img {
      transform: scale(1.3);
    }
  
  
  
    .services-seciton .dept_image {
    position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    }
  
    .services-seciton .dept_image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    background: #33a1b1d1;
    }
  
    .services-seciton .dept:hover .dept_image:before {
      opacity: 1;
      visibility: visible;
    }
  
    .services-seciton .dept_image .icon {
      position: absolute;
      top: 50%;
      left: 50%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    }
  
    .services-seciton .dept_image .icon i {
      color: #fff;
    }
  
    .services-seciton .dept:hover .dept_image .icon {
      opacity: 1;
      visibility: visible;
      transform: scale(3.5);
    }
   */
  
  
  
   .services-seciton .dept_col .dept {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
   }
  
   .services-seciton .dept_col .dept {
    margin-top: 10px;
   }
  
   .services-seciton .dept_col:hover .dept {
    margin-top: 0px;
   }
    
   .services-seciton .dept .dept_image .item .overlay {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #33a1b1d1;
      overflow: hidden;
      width: 100%;
      height: 100%;
      transition: .5s ease;
  }
  
  .services-seciton .dept .dept_image .item {
      position: relative;
      overflow: hidden;
  }
  
  .services-seciton .dept:hover .dept_image .item .overlay {
    bottom: 0;
    height: 100%;
    width: 100%;
  }
  
  
  .services-seciton .dept .dept_image .item .fade-overlay {
      height: 100%;
      opacity: 0;
  }
  
  .services-seciton .dept:hover .dept_image .item .fade-overlay {
    opacity: 1;
  }
  .services-seciton .dept .dept_image .item .overlay .text {
      color: white;
      font-size: 1.2vw;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
  }
  
  .services-seciton .dept .dept_image .item .overlay .text svg,
  .services-seciton .dept .dept_image .item .overlay .text svg path,
  .services-seciton .dept .dept_image .item .overlay .text svg g,
  .services-seciton .dept .dept_image .item .overlay .text svg g path {
    width: 0%;
    fill: #fff;
    stroke: #fff;
    transition: 0.5s;
  }
  
  .services-seciton .dept:hover .dept_image .item .overlay .text svg {
    width: 100%;
  }
  
  .services-seciton .dept .dept_image .item .service-img {
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
  }
  
  .services-seciton .dept:hover .dept_image .item .service-img {
    transform: scale(1.3);
  }
  
  
  
  
  
  .services-seciton .dept:hover .dept_image .item .overlay::before {
    /* background-color: rgba(0, 0, 0, 0.3); */
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    }
    .services-seciton .dept:hover .dept_image .item .overlay .inner-block:before,
    .services-seciton .dept:hover .dept_image .item .overlay .slider-top-right:after {
    height: 100%;
    }
    .services-seciton .dept:hover .dept_image .item .overlay .inner-block:after,
    .services-seciton .dept:hover .dept_image .item .overlay .slider-top-right:before {
    width: 100%;
    }
    .services-seciton .dept:hover .dept_image .item .overlay img {
    display: block;
    max-width: 100%;
    }
    
    
    .services-seciton .dept .dept_image .item .slider-top-right:before,
    .services-seciton .dept .dept_image .item .inner-block:after {
    height: 1px;
    transition: width 0.75s ease;
    width: 0%;
    }
    
    .services-seciton .dept .dept_image .item .slider-top-right:after,
    .services-seciton .dept .dept_image .item .inner-block:before {
    height: 0%;
    transition: height 0.75s ease;
    width: 1px;
    }
    
    .services-seciton .dept .dept_image .item .inner-block:before,
    .services-seciton .dept .dept_image .item .inner-block:after,
    .services-seciton .dept .dept_image .item .slider-top-right:before,
    .services-seciton .dept .dept_image .item .slider-top-right:after {
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    }
    
    .services-seciton .dept .dept_image .item .inner-block {
    font-size: 2em;
    width: 90%;
    height: 88%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    }
    .services-seciton .dept .dept_image .item .inner-block:before {
    bottom: 0;
    left: 0;
    }
    .services-seciton .dept .dept_image .item .inner-block:after {
    bottom: 0;
    right: 0;
    }
    
    .services-seciton .dept .dept_image .item .slider-top-right {
    position: relative;
    width: 100%;
    height: 100%;
    }
    .services-seciton .dept .dept_image .item .slider-top-right:before {
    top: 0;
    left: 0;
    }
    .services-seciton .dept .dept_image .item .slider-top-right:after {
    top: 0;
    right: 0;
    }
  




    .jobs-abroad-section {
      padding: 60px 0 0;
    }
    
    .jobs-abroad-section .item .info {
      padding: 10px;
      text-align: center;
    }
    
    .jobs-abroad-section .item .info h2 {
      margin: 0;
      font-size: 20px;
      padding: 0px 0 10px;
      font-weight: 700;
      color: #07b0a0;
    }






.footer-top {
  background-color: #0e428b;
  padding: 40px 0;
  margin-bottom: 3em;
  position: relative;
}

.footer-top .img-left {
  position: absolute;
  bottom: 0;
  left: 12%;
  width: 200px;
}

.footer-top .img-right {
  position: absolute;
  bottom: 0;
  right: 12%;
  width: 200px;
}

.footer-top .content {
  text-align: center;
}

.footer-top .content h2 {
  margin: 0;
  padding-bottom: 10px;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
}
.footer-top .content p {
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  margin: 0;
}
.footer-top .content a {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
}















    






  
  




.about-section {
  padding: 60px 0;
}



.testimonials-section {
  padding: 60px 0 120px;
}


.testimonials-section .gender-icon {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  border: 1px solid #ccc;
  padding: 30px 0;
}
.testimonials-section .gender-icon img {
  width: 200px;
}

.testimonials-section .media-box {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.testimonials-section .media-box img {
  width: 200px;
}

.testimonials-section .name {
  text-align: center;
  padding: 10px 0;
}
.testimonials-section .name h2 {
  margin: 0;
  font-size: 20px;
  text-transform: capitalize;
}







.opportunities-section {
  padding: 60px 0 0;
}

.opportunities-section .content-box {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.opportunities-section .content-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000000bf;
  opacity: 0;
  transition: 0.5s;
}

/* .opportunities-section .left-box .content-box:before {
  background-color: #09897cd9;
}
.opportunities-section .right-box .content-box:before {
  background-color: #0e428bc7;
} */

.opportunities-section .content {
  position: absolute;
  left:0;
  right:0;
  padding:40px;
  text-align:center;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.opportunities-section .box:hover .content {
  opacity: 1;
  visibility: visible;
}
.opportunities-section .box:hover .content-box:before {
  opacity: 1;
}

.opportunities-section .content h2 {
  font-size:40px;
  color:#fff;
  margin: 0px 0 20px;
}

.opportunities-section .content p {
  font-size:15px;
  color:#fff;
  margin:0;
  text-align: center;
}

.opportunities-section .content ul {
  margin-top: 80px;
}
.opportunities-section .content ul li {
  display: inline-block;
  margin: 0 10px;
}
.opportunities-section .content ul li a {
  color: #000000;
  font-weight: 600;
  background-color: #fff;
  border: 2px solid #fff;
  transition: 0.3s;;
  padding: 10px 25px;
}
.opportunities-section .content ul li a:hover {
  background-color: transparent;
  color: #fff;
}






.opportunities-section .left-box .seeker-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background-color: #0e428b;
}
.opportunities-section .left-box .seeker-box h2 {
  margin: 0;
  font-size: 30px;
  color: #fff;
}
.opportunities-section .left-box .seeker-box a {
  background-color: #fff;
  border: 2px solid #fff;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: 600;
  color: #0e428b;
  transition: all 0.3s ease;
}

.opportunities-section .left-box .seeker-box a:hover {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}






.opportunities-section .right-box .employer-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background-color: #0e428b;
  border-left: 1px solid #ffffff1f;
}
.opportunities-section .right-box .employer-box h2 {
  margin: 0;
  font-size: 30px;
  color: #fff;
}
.opportunities-section .right-box .employer-box a {
  background-color: #fff;
  border: 2px solid #fff;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #0e428b;
  transition: all 0.3s ease;
}

.opportunities-section .right-box .employer-box a:hover {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}









.faq-section  {
  padding: 60px 0;
}

.faq-section .accordion-container {
  position: relative;
  height: auto;
  margin: 10px auto;
}
.faq-section .accordion-container > h2 {
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.faq-section .set,
.faq-section .set2 {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.faq-section .set > a,
.faq-section .set2 > a {
  display: block;
  padding: 15px 40px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.faq-section .set > a i,
.faq-section .set2 > a i {
  float: right;
  margin-top: 2px;
  font-weight: 700;
  font-size: 20px;
}
.faq-section .accordion-container .set > a.active,
.faq-section .accordion-container .set2 > a.active {
  background-color: #203084;
  color: #fff;
}
.faq-section .content {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
  padding: 20px 40px;
  display: none;
}
.faq-section .content p {
  margin: 0 0 15px 0;
  color: #000;
}




























.pr-0 {
  padding-right: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}

.mb-20 {
  margin-bottom: 20px;
}


.contact-section {
  padding: 60px 0;
}

.contact-section .contact-col {
display: flex;
}


.contact-form input,
.contact-form textarea,
.contact-form select {
  color: #7c7c7c;
  font-size: 14px;
  font-weight: 300;
border: 1px solid #ddd;
background-color: #fff;
width: 100%;
border-radius: 5px;
outline: none;
padding: 10px 15px;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
/*margin-bottom: 20px;*/
}
.contact-form fieldset {
margin-bottom: 20px;
}
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
border-color: #07b0a0;
}

.contact-form button {
  margin-top: 0px;
  font-size: 14px;
  color: #fff;
  background-color: #0e428b;
  padding: 12px 25px;
  box-shadow: none;
  border: none;
  display: inline-block;
  border-radius: 3px;
  font-weight: 600;
  transition: all .3s;
}

.contact-form button:hover {
opacity: .9;
}

.contact-form textarea {
padding: 20px;
}

.contact-form ::-webkit-input-placeholder { /* Edge */
color: #7c7c7c;
}

.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #7c7c7c;
}

.contact-form ::placeholder {
color: #7c7c7c;
}

.contact-section .contact-box {
  padding: 30px;
  width: 100%;
}
.contact-section .contact-box .contact-info h2 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 600;
}
.contact-section .contact-box .contact-info ul li {
  padding: 0px 0px 40px 60px;
  position: relative;
  align-items: center;
  line-height: 1.7;
  color: #fff;
}

.contact-section .contact-box .contact-info ul li i {
  color: #fff;
  border-radius: 50px;
  background: #07b0a0;
  width: 40px;
  height: 40px;
  position: absolute;
  text-align: center;
  box-shadow: none;
  margin-right: 20px;
  line-height: 40px;
  left: 0px;
  transition: 1.2s ease;
}
.contact-section .contact-box .contact-info ul li p {
  color: #000 !important;
  font-size: 15px;
  margin: 0 !important;
  font-weight: 600;
}

.contact-section .contact-box .contact-info ul li a {
  color: #000;
  font-weight: 600;
  font-size: 15px;
}
.contact-section .contact-box .contact-info h4 {
  font-size: 16px;
  color: #000;
  margin-bottom: 30px;
  font-weight: 600;
}

form fieldset .radio {
  margin-top: 10px;
  position: relative;
}
form fieldset .radio li {
  margin: 0 10px;
}
.contact-form input[type="radio"] {
  width: auto;
  margin-bottom: 0;
}
form fieldset .radio li label {
  width: auto;
}




/* -----------------
Footer Section
--------------------*/
footer {
  background:#9e3887;
  padding: 50px 0;
}
footer .widget h2 {
  color: #fff
  ;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  margin-right: 15px;
  border-bottom: 2px solid;
  padding-bottom: 10px;
}
footer .widget p {
  color: #fff;
  margin: 0;
}
footer .widget-about p {
  text-align: justify;
}


footer .widget-links .nav-links ul {
  padding: 0;
  list-style-type: none;
}
footer .widget-links .nav-links ul li a {
  color: #fff;
  font-size: 15px;
  padding: 7px 0;
  display: flex;
  transition: 0.3s ease;
  border-bottom: 1px solid #ffffff17;
}
footer .widget-links .nav-links ul li a:before {
  content: "\f105";
  font-family: "FontAwesome";
  padding-right: 10px;
  color: #fff;
}
footer .widget-links .nav-links ul li a:hover {
  color: #ff91e6;
  ;
  background-color: transparent;
}
footer .widget-contact .contact-info ul {
  padding: 0;
}
footer .widget-contact .contact-info ul li {
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  padding-bottom: 30px;
  padding-left: 55px;
}
footer .widget-contact .contact-info ul li i {
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  margin-right: 20px;
  text-align: center;
  border-radius: 60px;
  line-height: 37px;
}
footer .widget-contact .contact-info ul li p {
  display: grid;
  text-align: left;
}
footer .widget-contact .contact-info ul li a {
  color: #fff;
}
footer .widget-contact .contact-info ul li a.email {
  margin-top: 10px;
}

/* footer .widget-contact .contact-info h4 {
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
  font-family: 'Ubuntu', sans-serif;
} */

.reg-info h4 {
  font-size: 20px;
  font-weight: 600;
  color: #cf9fff
  ;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'Ubuntu', sans-serif;
}
.reg-info h4 span {
  display: block;
  font-size: 15.2px;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
}

.footer-bottom {
  background: #81286d;
  padding: 20px 0;
}
.footer-bottom p,
.footer-bottom p a {
  margin: 0;
  color: #fff;
  font-size: 15px;
}
.footer-bottom .copyrights {
  float: left;
}
.footer-bottom .design {
  float: right;
}


.social-icons {
  margin-top: 10px;
}

.social-icons li {
  display: inline-block;
  margin: 0 10px;
}
.social-icons li a {
  width: 30px;
  height: 30px;
  display: block;
  background-color: #f7b444;
  text-align: center;
  line-height: 35px;
}
.social-icons li a i {
  color: #0c487f;
  font-size: 18px;
}


.pt-0{
  padding-top: 0 !important;
}










.captcha-img {
    display: flex;
}
.captcha-img img {
  width: 200px;
}
#captcha_reload i {
    color: #000000;
    font-size: 22px;
    line-height: 40px;
    padding-left: 10px;
}

#captcha-field {
    margin: 0;
}

#captcha-error {
     text-align: center;
}
#captcha-error p {
  margin: 0;
}

#captcha_reload i {
color: #000;
    font-size: 20px;
    height: 100%;
    display: flex;
    align-items: center;
}

#captcha-field {
     margin-top: 0px;
}

#captcha_image {
    width: 80%;
    height: 100%;
    margin: 0 0px 0 0;
    text-align: center;
}


#success_message {
  text-align: center;
  background-color: #dff2d5;
  padding: 5px 10px;
  border: 1px solid #399d04;
  margin-top: 20px;
}

#success_message h3 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
.help-block.error,
#file-error p {
    color: #f00;
    font-size: 14px;
}

#employment_type-error {
  position: absolute;
  top: 100%;
}

#error_message {
  text-align: center;
  background-color: #f2d5d5;
  padding: 5px 10px;
  border: 1px solid #9d0404;
  margin-top: 20px;
}

#error_message h3 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}