/*
@File: Jovie Template Styles

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

This files table contents are outlined below>>>>>

*******************************************
*******************************************
** - Default CSS
** - Header Area CSS
** - Navbar Area CSS
** - Banner Section CSS
** - Category Section CSS
** - Job Section CSS
** - Way To Use CSS
** - Top Company CSS
** - Why Choose CSS
** - Job Info CSS
** - Price CSS
** - Candidate CSS
** - Testimonial CSS
** - Blog CSS
** - Footer CSS
*** - Home Page Two CSS
*** - Home Page Three CSS
*** - Home Page Four CSS
*** - Home Page Five CSS
*** - About Page CSS
*** - Find Jobs Page CSS
*** - Post Jobs Page CSS
*** - Job List Page CSS
*** - Job Grid Page CSS
*** - Job Details Page CSS
*** - Candidates Page CSS
*** - Candidates Details Page CSS
*** - Companies Page CSS
*** - Pricing Page CSS
*** - Account Page CSS
*** - Resume Page CSS
*** - Sign In Page CSS
*** - Sign Up Page CSS
*** - Reset Password CSS
*** - 404 Page CSS
*** - Testimonial CSS
*** - FAQ Page CSS
*** - Categories Page CSS
*** - Privacy Page CSS
*** - Terms Page CSS
*** - Blog Page CSS
*** - Blog Page Two Page CSS
*** - Blog Details Page CSS
*** - Contact Page CSS
*** - Back To Top CSS
*** - Pre-loader CSS
*** - Aniamtion CSS
*/
@import url("https://fonts.googleapis.com/css?family=Catamaran:400,600|IBM+Plex+Sans:400,500,500i,600,700&display=swap");

/* Font Variables */
/* Color Variables */
/* Others Variables */
body {
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  color: #707070;
  line-height: 1.6;
}

/* Default CSS Start */
img {
  max-width: 100%;
}

a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

p {
  font-size: 17px;
  color: #707070;
  line-height: 1.8;
}

button {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}

button:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #001935;
  font-weight: bold;
}

h3 {
  font-size: 22px;
}

/* Blog sidebar css*/
/* ---------------------------
   Layout tweaks & grid basics
   --------------------------- */
.row.content-row {
  align-items: flex-start;
}

/* Ensure main columns are natural flow (no inner scrolling) */
.col-8, .blog-details-content {
  /* Do NOT set overflow or fixed heights here — page should scroll normally */
  height: auto;
  overflow: visible;
  box-sizing: border-box;
}

/* ---------------------------
   Sticky sidebar (Swiza-style)
   --------------------------- */
/* Compute top offset in JS if you have a header, or adjust fallback value */
:root {
  --sticky-top: 24px; /* fallback for sticky top distance */
}

/* Sidebar wrapper that becomes sticky while the page scrolls */
.sidebar-sticky {
  /* position: -webkit-sticky; */
  position: sticky !important;
  /* top: var(--sticky-top); */
  align-self: flex-start; /* makes the sticky stick within the row */
  width: 100%;
  /* Do NOT place overflow, transform, or perspective on parent containers,
     otherwise sticky will not work. */
}

/* ---------------------------
   Sidebar visual style
   --------------------------- */
.sidebar-card {
  background: #fafafa;
  border-radius: 6px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(16, 15, 109, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

/* Title with yellow accent */
.sidebar-card h3 {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 700;
  color: #100f6d;
  position: relative;
  padding-left: 10px;
}

/* Services / product list */
.products-list {
  margin: 0;
  padding: 0 8px;
}
.products-list li {
  list-style: none;
  padding: 8px 0;
  font-size: 14px;
  color: #444;
  border-bottom: 1px dashed rgba(0,0,0,0.03);
}
.products-list li a {
  color: #444;
  text-decoration: none;
}

/* Related posts list */
.related-posts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
.related-posts li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.related-posts .thumb {
  width: 54px;
  height: 54px;
  overflow: hidden;
  border-radius: 3px;
  flex-shrink: 0;
  background: #eee;
}
.related-posts .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.related-posts .meta {
  font-size: 13px;
  color: #333;
}
.related-posts .meta a {
  display: block;
  font-weight: 600;
  color: #100f6d;
  text-decoration: none;
}
.related-posts .meta .date {
  font-size: 12px;
  color: #808080;
  margin-top: 6px;
}

/* ---------------------------
   Blog image & text styling
   --------------------------- */
.img-holder {
  position: relative;
  margin-bottom: 18px;
}
.img-holder .inner img {
  width: 100%;
  display: block;
  border-radius: 6px;
}
.img-holder .date-box {
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: #100f6d;
  padding: 8px 10px;
  border-radius: 4px;
}
.img-holder .date-box h6 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

/* text content */
.text-inner p { line-height: 1.6; margin-bottom: 12px; color: #333; }
.sm-vbs { margin-top: 16px; color: #100f6d; }

/* ---------------------------
   Responsive: disable sticky
   --------------------------- */
@media (max-width: 991px) {
  .col-8, .col-4 { width: 100%; }
  .sidebar-sticky {
    position: static;
    margin-top: 18px;
  }
}
/* Blog sidebar css*/

.form-control:focus {
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.pt-100 {
  padding-top: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.section-title {
  margin-bottom: 60px;
}

.section-title h2 {
  font-size: 38px;
  font-weight: 600;
  max-width: 550px;
  margin: 0 auto 10px;
  line-height: 1;
  text-transform: capitalize;
}

.section-title p {
  padding: 10px 100px 0px;
  margin: 0 auto;
}

.theme-btn {
  display: flex;
  justify-content: right;
}

.theme-btn .default-btn {
  font-size: 18px;
  font-weight: 500;
  font-family: "Catamaran", sans-serif;
  background: #1459a1;
  color: #ffffff;
  border: 1px solid transparent;
  padding: 10px 25px;
  display: inline-block;
  border-radius: 5px;
}

.theme-btn .default-btn:hover {
  background: #1459a1;
  color: #ffffff;
}

/* Default CSS End */
/*---------- Home Page One CSS Start ----------*/
/* Navbar CSS Start */
.navbar-area .main-nav {
  background: #fff;
  padding: 0px 0;
  position: relative;
}

.navbar-area .main-nav .navbar {
  padding: 0;
}

.navbar-area .main-nav .navbar .navbar-brand {
  padding: 0;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item {
  padding: 10px 0;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link {
  color: #000;
  display: inline-block;
  font-size: 15px ;
  padding: 30px 0;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  text-transform: uppercase;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
  border: 0;
  content: '\ea4a';
  font-family: 'boxicons';
  vertical-align: middle;
  line-height: 1;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link.active {
  color: #1459a1;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  padding: 0;
  border-radius: 0;
  background: none;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
  padding: 0;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
  border-bottom: 1px dashed #4d5877;
  background: #061742;
  font-size: 15px !important;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active,
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
  color: #ffffff;
  background: #657294 !important;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:last-child .nav-link {
  border-bottom: 0;
}

.navbar-area .main-nav .navbar .other-option .signin-btn,
.navbar-area .main-nav .navbar .other-option .signup-btn {
  color: #ffffff;
  font-family: "Catamaran", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 20px;
  background: #1459a1;
  border-radius: 5px;
}

.navbar-area .main-nav .navbar .other-option .signin-btn:hover,
.navbar-area .main-nav .navbar .other-option .signup-btn:hover {
  background: #ffffff;
  color: #001935;
}

.navbar-area .main-nav .navbar .other-option .signup-btn {
  background: none;
  padding: 0;
  margin-right: 10px;
}

.navbar-area .main-nav .navbar .other-option .signup-btn:hover {
  color: #1459a1;
  background: none;
}

/* .is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100% !important;
} */

/* Navbar CSS End */
/* Banner CSS Start */
.banner-section {
  height: 800px;
  background-image: url(../img/banner/1.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 0;
}

.banner-section::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 4, 44, 0.6);
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-section::after {
  position: absolute;
  content: '';
  background-image: url(../img/banner/white-shape.png);
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 350px;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.banner-section .banner-content p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.banner-section .banner-content h1 {
  font-size: 65px;
  font-weight: 700;
  color: #ffffff;
  max-width: 630px;
  margin: 0 auto 40px;
  text-transform: capitalize;
}

.banner-section .banner-content .banner-form {
  background: rgba(255, 255, 255, 0.8);
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 45px;
}

.banner-section .banner-content .banner-form .form-group {
  margin-bottom: 0;
  line-height: 1;
  text-align: left;
}

.banner-section .banner-content .banner-form .form-group label {
  font-size: 15px;
  color: #5c5a5a;
  font-weight: 600;
  margin-bottom: 10px;
}

.banner-section .banner-content .banner-form .form-group .form-control {
  height: 60px;
  border-radius: 10px;
  padding: 12px 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-section .banner-content .banner-form .form-group .form-control:focus {
  border-color: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: 1px solid #1459a1;
}

.banner-section .banner-content .banner-form .form-group .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.banner-section .banner-content .banner-form .form-group .form-control:focus:-ms-input-placeholder {
  color: transparent;
}

.banner-section .banner-content .banner-form .form-group .form-control:focus::-ms-input-placeholder {
  color: transparent;
}

.banner-section .banner-content .banner-form .form-group .form-control:focus::placeholder {
  color: transparent;
}

.banner-section .banner-content .banner-form .form-group .form-control::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-section .banner-content .banner-form .form-group .form-control:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-section .banner-content .banner-form .form-group .form-control::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-section .banner-content .banner-form .form-group .form-control::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-section .banner-content .banner-form .find-btn {
  background: #1459a1;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
  color: #ffffff;
  border-radius: 10px;
  top: 25px;
  position: relative;
  padding: 16px 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-section .banner-content .banner-form .find-btn:hover {
  background: #001935;
}

.banner-section .banner-content .banner-form .find-btn i {
  left: 10px;
  top: 2px;
  position: relative;
}

.banner-section .banner-content .keyword {
  padding-left: 0;
  margin-bottom: 0;
}

.banner-section .banner-content .keyword li {
  display: inline-block;
  color: #ffffff;
  font-size: 17px;
  font-weight: 500;
}

.banner-section .banner-content .keyword li a {
  color: #ffffff;
  font-size: 17px;
  font-weight: 500;
}

.banner-section .banner-content .keyword li a:hover {
  color: #1459a1;
}

/* Banner CSS End */
/* Category Section CSS Start */
.category-card {
  text-align: center;
  padding: 30px 25px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
  border: 1px solid transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 10px;
}

.category-card i {
  font-size: 50px;
  color: #1459a1;
  margin-bottom: 25px;
  display: inline-block;
  line-height: 1;
  
}



.category-card p {
  margin-bottom: 0;
}

.category-card:hover {
  border: 1px solid #1459a1;
  margin-top: -5px;
  border-radius: 10px;
}

/* Category Section CSS End */
/* Job Section CSS Start */
.job-card {
  border: 1px dashed #d9dbdf;
  padding: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  background: #fff;
}

.job-card .thumb-img {
  border: 1px dashed #d9dbdf;
  max-width: 100%;
  height: 100%;
  text-align: center;
  line-height: 80px;
  background: #ffffff;
}

.job-card .thumb-img img {
  max-width: 40px;
}

.job-card .job-info h3 {
  margin-bottom: 10px;
  font-size: 20px;
}

.job-card .job-info h3 a {
  color: #001935;
}

.job-card .job-info h3 a:hover {
  color: #1459a1;
}

.job-card .job-info ul {
  padding-left: 0;
  margin-bottom: 0;
}

.job-card .job-info ul li {
  display: block;
  font-size: 15px;
  padding-right: 10px;
  margin-bottom: 5px;
}

.job-card .job-info ul li:last-child {
  margin-bottom: 0;
}

.job-card .job-info ul li a {
  color: #1459a1;
  font-weight: 500;
}

.job-card .job-info ul li i {
  top: 2px;
  position: relative;
  font-size: 18px;
}

.job-card .job-save {
  text-align: center;
}

.job-card .job-save span {
  background: #ffffff;
  display: block;
  padding: 5px 10px;
  border-radius: 10px;
  color: #1459a1;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  margin-bottom: 15px;
  font-size: 15px;
}

.job-card .job-save a i {
  color: #afafaf;
  font-size: 20px;
  background: #ffffff;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px dashed #afafaf;
  display: inline-block;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.job-card .job-save a i:hover {
  background: #1459a1;
  color: #ffffff;
}

.job-card .job-save p {
  margin-bottom: 0;
  font-size: 14px;
}

.job-card .job-save p i {
  border: 0;
  width: inherit;
  height: inherit;
  top: 3px;
  position: relative;
  line-height: 1;
  font-size: 18px;
}

.job-card:hover {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border: 1px dashed #1459a1;
}

/* Job Section CSS End */
/* Way To Use CSS Start */
.use-section {
  background-image: url(../img/section-bg/1.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 0;
  background-attachment: fixed;
}

.use-section::before {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  height: 100%;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  z-index: -1;
}

.use-section .section-title h2 {
  color: #ffffff;
}

.use-text {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 20px;
  position: relative;
}

.use-text span {
  color: #1459a1;
  background: #fdc7c7;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  line-height: 30px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: -100px;
  margin: auto;
  z-index: 1;
}

.use-text i {
  font-size: 50px;
  color: #1459a1;
  background: #ffffff;
  display: inline-block;
  border: 3px dashed #1459a1;
  position: relative;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 150px;
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.use-text h3 {
  color: #ffffff;
  margin-bottom: 20px;
}

.use-text p {
  color: #ffffff;
  margin-bottom: 0;
}

.use-text:hover i {
  background: #1459a1;
  color: #ffffff;
}

/* Way To Use CSS End */
/* Top Company CSS Start */
.company-card {
  text-align: center;
  border: 1px dashed #1459a1;
  padding: 40px 30px;
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #ffffff;
}

.company-card .company-logo {
  margin-bottom: 25px;
}

.company-card .company-text h3 {
  margin-bottom: 10px;
}

.company-card .company-text p {
  font-size: 16px;
  margin-bottom: 25px;
}

.company-card .company-text .company-btn {
  background: #1459a1;
  color: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  font-size: 14px;
}

.company-card:hover {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}

.company-card:hover .company-btn {
  background: #001935;
}

/* Top Company CSS End */
/* Why Choose CSS Start */
.why-choose {
  background: #fff;
  position: relative;
}

.why-choose::before {
  position: absolute;
  content: '';
  background-image: url(../img/shape/why-choose.png);
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 330px;
  height: 400px;
}

.why-choose-text {
  padding-left: 25px;
  padding-right: 25px;
}

.why-choose-text .section-title {
  margin-bottom: 50px;
}

.why-choose-text .section-title h2 {
  color: #ffffff;
}

.why-choose-text .section-title p {
  color: #ffffff;
  max-width: 500px;
}

.why-choose-text .media {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.why-choose-text .media i {
  background: #182441;
  font-size: 30px;
  color: #1459a1;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  top: -10px;
}

.why-choose-text .media .media-body {
  padding-top: 15px;
  padding-left: 15px;
}

.why-choose-text .media .media-body h5 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

.why-choose-text .media .media-body p {
  color: #ffffff;
  font-size: 15px;
  max-width: 260px;
}

.counter-area .counter-text {
  text-align: center;
  margin-bottom: 30px;
}

.counter-area .counter-text h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
}

.counter-area .counter-text p {
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
}

.why-choose-img {
  background-image: url(../img/why.choose.jpg);
  background-position: center center;
  background-size: cover;
  height: 100%;
}

/* Why Choose CSS End */
/* Job Info CSS Start */
.looking-job {
  background: #1459a1;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.looking-job .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.looking-job .media i {
  background: #fbd3d3;
  color: #1459a1;
  width: 55px;
  height: 55px;
  border-radius: 50px;
  line-height: 55px;
  text-align: center;
  font-size: 30px;
  display: inline-block;
}

.looking-job .media .media-body {
  padding-left: 15px;
}

.looking-job .media .media-body h5 {
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 10px;
}

.looking-job .media .media-body p {
  color: #ffffff;
  margin-bottom: 5px;
}

.looking-job .media .media-body a {
  color: #ffffff;
  font-size: 15px;
}

.looking-job .media .media-body a:hover,
.looking-job .media .media-body a:hover i {
  color: #001935;
  letter-spacing: 1px;
}

.looking-job .media .media-body a i {
  background: none;
  width: unset;
  height: unset;
  color: #ffffff;
  line-height: 1;
  font-size: 18px;
  top: 4px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.recruiting-card {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.recruiting-card .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recruiting-card .media i {
  background: #9a9ca2;
  color: #001935;
  width: 55px;
  height: 55px;
  border-radius: 50px;
  line-height: 55px;
  text-align: center;
  font-size: 30px;
  display: inline-block;
}

.recruiting-card .media .media-body {
  padding-left: 15px;
}

.recruiting-card .media .media-body h5 {
  font-size: 25px;
  font-weight: 600;
  color: #1459a1;
  margin-bottom: 10px;
}

.recruiting-card .media .media-body p {
  color: #1459a1;
  margin-bottom: 5px;
}

.recruiting-card .media .media-body a {
  color: #1459a1;
  font-size: 15px;
}

.recruiting-card .media .media-body a:hover,
.recruiting-card .media .media-body a:hover i {
  color: #1459a1;
  letter-spacing: 1px;
}

.recruiting-card .media .media-body a i {
  background: none;
  width: unset;
  height: unset;
  color: #1459a1;
  line-height: 1;
  font-size: 18px;
  top: 4px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* Job Info CSS End */
/* Price CSS Start */
.price-card {
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 45px 30px;
  margin-bottom: 30px;
  position: relative;
}

.price-card::before {
  position: absolute;
  content: '';
  background-image: url(../img/shape/price.png);
  background-position: center center;
  background-size: cover;
  width: 145px;
  height: 100px;
  bottom: 0;
  left: 0;
}

.price-card .price-top {
  margin-bottom: 20px;
}

.price-card .price-top h3 {
  margin-bottom: 20px;
}

.price-card .price-top i {
  color: #1459a1;
  font-size: 30px;
  border: 1px dashed #1459a1;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.price-card .price-top h2 {
  font-size: 40px;
  font-weight: 600;
}

.price-card .price-top h2 sub {
  font-size: 14px;
  color: #969697;
  top: -2px;
  position: relative;
}

.price-card .price-feature {
  text-align: left;
  margin-bottom: 30px;
}

.price-card .price-feature ul {
  padding-left: 30px;
  margin-bottom: 0;
}

.price-card .price-feature ul li {
  list-style: none;
  color: #707070;
}

.price-card .price-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #1459a1;
  padding: 12px 30px;
  display: inline-block;
}

.price-card.mt-12 {
  margin-top: -12px;
}

.price-card:hover .price-btn a {
  background: #001935;
}

.price-card:hover .price-top i {
  background: #001935;
  color: #ffffff;
}

/* Price CSS End */
/* Candidate CSS Start */
.condidate-item {
  text-align: center;
  max-width: 300px;
  position: relative;
  margin-bottom: 100px;
}

.condidate-item .candidate-img {
  border-radius: 10px;
}

.condidate-item .candidate-img img {
  border-radius: 10px;
}

.condidate-item .candidate-social {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.condidate-item .candidate-social a i {
  background: #1459a1;
  color: #ffffff;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  line-height: 35px;
  margin: 0 3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.condidate-item .candidate-social a i:hover {
  background: #001935;
}

.condidate-item .candidate-text {
  background: #ffffff;
  position: absolute;
  bottom: -98px;
  left: 0;
  right: 0;
  max-width: 95%;
  margin: auto;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 20px;
  border-radius: 5px;
}

.condidate-item .candidate-text h3 {
  margin-bottom: 15px;
}

.condidate-item .candidate-text h3 a {
  color: #001935;
}

.condidate-item .candidate-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.condidate-item .candidate-text ul li {
  list-style: none;
  font-size: 15px;
  margin-bottom: 10px;
}

.condidate-item .candidate-text ul li:last-child {
  margin-bottom: 0;
}

.condidate-item .candidate-text .bottom-text {
  border-top: 1px dashed #e2caca;
  margin-top: 14px;
  padding: 14px 0 0;
  line-height: 1;
}

.condidate-item .candidate-text .bottom-text p {
  margin-bottom: 0;
  font-size: 16px;
  float: left;
}

.condidate-item .candidate-text .bottom-text p i {
  font-size: 18px;
  top: 3px;
  position: relative;
}

.condidate-item .candidate-text .bottom-text a {
  float: right;
}

.condidate-item .candidate-text .bottom-text a i {
  color: #1459a1;
  border: 1px dashed #1459a1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
}

.condidate-item .candidate-text .bottom-text a i:hover {
  background: #1459a1;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.condidate-item:hover .candidate-social {
  bottom: 120px;
}

.condidate-item:hover .candidate-text h3 a {
  color: #1459a1;
}

.condidate-slider .owl-dots {
  line-height: 1;
  margin-top: 25px !important;
}

.condidate-slider .owl-dots .owl-dot span {
  background: #fdc8bb !important;
  margin: 0 5px;
}

.condidate-slider .owl-dots .owl-dot.active span {
  background: #1459a1 !important;
}

/* Candidate CSS End */
/* Testimonial CSS Start */
.testimonial-section {
  background-image: url(../img/section-bg/2.jpg);
  background-position: center center;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 0;
}

.testimonial-section::before {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  height: 100%;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  z-index: -1;
}

.testimonial-section .section-title h2 {
  color: #ffffff;
}

.testimonial-section .section-title p {
  color: #ffffff;
}

.testimonial-items .testimonial-img {
  margin-bottom: 20px;
  margin-left: 15px;
}

.testimonial-items .testimonial-img-text {
  text-align: center;
}

.testimonial-items .testimonial-img-text h3 {
  color: #ffffff;
  margin-bottom: 5px;
}

.testimonial-items .testimonial-img-text p {
  color: #c6c4c4;
  margin-bottom: 0;
  font-size: 16px;
}

.testimonial-items .testimonial-text {
  padding: 50px;
  background: #ffffff;
}

.testimonial-items .testimonial-text i {
  color: #fd987f;
  font-size: 45px;
  margin-bottom: 20px;
  line-height: 1;
}

.testimonial-items .testimonial-text p {
  color: #001935;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 15px;
}

.testimonial-slider {
  position: relative;
}

.testimonial-slider .owl-prev {
  display: none !important;
}

.testimonial-slider .owl-next {
  position: absolute;
  bottom: 120px;
  right: 25px;
  color: #ffffff !important;
  background: #1459a1 !important;
  width: 45px !important;
  height: 45px !important;
  line-height: 50px !important;
  border-radius: 45px !important;
  font-size: 25px !important;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.testimonial-slider .owl-next:hover {
  background: #001935 !important;
}

.testimonial-slider .owl-nav {
  margin-top: 0 !important;
}

/* Testimonial CSS End */
/* Blog CSS Start */
.blog-card {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
  border-radius: 25px;
}

.blog-card .blog-img {
  overflow: hidden;
}

.blog-card .blog-img img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-card .blog-text {
  padding: 25px;
}

.blog-card .blog-text ul {
  padding-left: 0;
  margin-bottom: 10px;
}

.blog-card .blog-text ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
}

.blog-card .blog-text ul li i {
  color: #1459a1;
  margin-right: 2px;
}

.blog-card .blog-text h3 {
  font-size: 22px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.blog-card .blog-text h3 a {
  color: #001935;
}

.blog-card .blog-text h3 a:hover {
  color: #1459a1;
}

.blog-card .blog-text p {
  margin-bottom: 10px;
}

.blog-card .blog-text .blog-btn {
  color: #1459a1;
  font-size: 16px;
}

.blog-card .blog-text .blog-btn:hover {
  color: #001935;
}

.blog-card .blog-text .blog-btn i {
  top: 2px;
  position: relative;
}

.blog-card:hover .blog-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Blog CSS End */
/* Footer CSS Start */
.footer-area {
  background: #000;
  position: relative;
}

.footer-area::before {
  position: absolute;
  content: '';
  background-image: url(../img/shape/footer.png);
  background-position: center center;
  background-size: cover;
  width: 140px;
  height: 138px;
  right: 60px;
  top: 70px;
  opacity: .2;
  -webkit-animation: rotate 30s infinite linear;
  animation: rotate 30s infinite linear;
}

.footer-area .footer-widget {
  margin-bottom: 30px;
}

.footer-area .footer-widget .footer-logo {
  margin-bottom: 30px;
}

.footer-area .footer-widget p {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 30px;
}

.footer-area .footer-widget .footer-social a i {
  color: #3955bc;
  background: #ffffff;
  font-size: 18px;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 50px;
  line-height: 35px;
  margin-right: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-area .footer-widget .footer-social a i:hover {
  background: #1459a1;
  color: #ffffff;
}

.footer-area .footer-widget h3 {
  color: #ffffff;
  position: relative;
  margin-bottom: 40px;
  font-weight: 600;
}

.footer-area .footer-widget h3::before {
  position: absolute;
  content: '';
  background: #ffffff;
  height: 2px;
  width: 50px;
  left: 0;
  bottom: -15px;
}

.footer-area .footer-widget ul {
  padding-left: 0;
  margin-bottom: 0;
}

.footer-area .footer-widget ul li {
  list-style-type: none;
  color: #d3d3d3;
  margin-bottom: 5px;
}

.footer-area .footer-widget ul li a {
  color: #fff;
}

.footer-area .footer-widget ul li a i {
  color: #fff;
  top: 2px;
  position: relative;
}
.top-header-content .row {
  margin: 0px 15px;
}
.footer-area .footer-widget ul li a:hover {
  color: #1659A1 !important;
/* : none !important; */
}

.footer-area .footer-widget ul li:last-child {
  margin-bottom: 0;
}

.footer-area .footer-widget.footer-info ul li {
  margin-bottom: 12px;
}

.footer-area .footer-widget.footer-info ul li span {
  display: block;
}

.footer-area .footer-widget.footer-info ul li span i {
  color: #fff;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.footer-area .footer-widget.footer-info ul li a {
  padding-left: 25px;
}

.footer-area .footer-widget.footer-info ul li:last-child {
  padding-left: 25px;
}

.footer-area .footer-widget.footer-info ul li:last-child span {
  left: -25px;
  position: relative;
}

.footer-area .footer-widget.pl-60 {
  padding-left: 60px;
}

.copyright-text {
  background: #000;
  padding: 20px 0;
}

.copyright-text p {
  margin-bottom: 0;
  color: #ffffff;
  line-height: 1;
}

.copyright-text p a {
  color: #ffffff;
}

.copyright-text p a:hover {
  color: #1459a1;
}

/* Footer CSS End */
/*---------- Home Page One CSS End ----------*/
/*---------- Home Page Two CSS Start ----------*/
/* Banner CSS Start */
.banner-style-two {
  background-image: url(../img/banner/Untitled-2.png);
  background-position: center center;
  background-size: cover;
  height: 620px;
  position: relative;
  z-index: 0;
  margin-top: 15px;
}

.banner-style-two::before {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}


/*** 
========================================
    Mobile Menu
========================================
***/
.nav-outer .mobile-nav-toggler {
    position: relative;
    display: none;
    float: right;
    cursor: pointer;
    padding: 30px 0;
}

.nav-outer.style1 .mobile-nav-toggler {
    padding: 35px 0 35px;
}

.nav-outer.style2 .mobile-nav-toggler {
    padding: 25px 0;
}

.nav-outer.style3 .mobile-nav-toggler {
    padding: 30px 0;
}

.nav-outer .mobile-nav-toggler .inner {
    position: relative;
    display: block;
    padding: 3px 5px;
    background: var(--thm-base);
}

.nav-outer.style2 .mobile-nav-toggler .inner {
    background-color: var(--thm-black);
}




.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    max-width: 100%;
    height: 100%;
    padding-right: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9, 16, 32, 0.90);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    z-index: 1;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 0.70;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .mCSB_inside>.mCSB_container {
    margin-right: 5px;
}

.mobile-menu .navbar-collapse {
    display: block !important;
}


.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left;
}

.mobile-menu .nav-logo a {
    position: relative;
    display: inline-block;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #000000;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.mobile-menu .close-btn:hover {
    color: var(--thm-base);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    border-left: 5px solid var(--thm-base);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li.current>a:before {
    height: 100%;
}

.mobile-menu .navigation li.current>a,
.mobile-menu .navigation li>a:hover {
    color: var(--thm-base);
}


.mobile-menu .navigation li ul li>a {
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px;
    text-transform: capitalize;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.10);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul,
.mobile-menu .navigation>li.dropdown>.megamenu {
    display: none;
}

.mobile-menu .social-links {
    position: relative;
    text-align: center;
    padding: 50px 15px;
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 1px 10px;
}

.mobile-menu .social-links li a {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 50%;
    background: var(--thm-base);
    color: #ffffff;
    font-size: 16px;
    line-height: 41px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .social-links li a:hover {
    color: var(--thm-base);
    background-color: #ffffff;
}

@media screen and (min-width:1100px) {
  .paragraph-in-banner {
    max-width: 550px;
    position: relative;
    bottom: 3rem;
  }

  .paragraph-in-banner14 {

    position: relative;
    bottom: 5rem;
    right: 10rem;
    font-size: x-small;
  }

  .h1-in-banner {
    position: relative;
    bottom: 4rem;
    font-size: 3rem !important;
  }

  .paragraph-in-banner1 {
    max-width: 550px;
    position: absolute;
    top: 12.4rem;
    right: 8rem;
  }

  .paragraph-in-banner12 {
    max-width: 550px;
    position: absolute;
    top: 19rem;
    right: 23rem;
    font-size: x-small;

  }

  .paragraph-in-banner121 {
    max-width: 550px;
    position: absolute;
    top: 20rem;
    right: 58rem;
    font-size: x-small;
  }

  .paragraph-in-banner13 {
    max-width: 550px;
    position: absolute;
    top: 21.7rem;
    right: 30rem;

  }
}

.paragraph-in-banner15 {
  position: relative;
  bottom: 3.3rem;
}


.banner-style-two .banner-text span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 25px;
}

.banner-style-two .banner-text h1 {
  color: #ffffff;
  font-size: 65px;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.banner-style-two .banner-text p {
  color: #ffffff;
  margin-bottom: 45px;
}

.banner-style-two .banner-img {
  position: absolute;
  top: 15%;
  right: 5%;
  max-width: 500px;
}

.banner-style-two .banner-img img {
  border-radius: 65% 35% 42% 58% / 55% 48% 52% 45%;
  -webkit-animation: wrap 5s infinite alternate;
  animation: wrap 5s infinite alternate;
}

/* Banner CSS End */
/* Find Section CSS Start */
.find-form {
  background: #ffffff;
  padding: 45px;
  border-radius: 10px;
  margin-top: -75px;
  z-index: 1;
  position: relative;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}

.find-form .form-group {
  margin-bottom: 0;
  line-height: 1;
  text-align: left;
  position: relative;
}

.find-form .form-group label {
  font-size: 15px;
  color: #5c5a5a;
  font-weight: 600;
  padding-left: 20px;
}

.find-form .form-group .form-control {
  height: 60px;
  border-radius: 10px;
  padding: 5px 20px 10px;
}

.find-form .form-group ::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
}

.find-form .form-group :-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
}

.find-form .form-group ::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
}

.find-form .form-group ::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #8e8d8d;
}

.find-form .form-group i {
  position: absolute;
  top: 18px;
  right: 15px;
  font-size: 22px;
  color: #9b9b9b;
}

.find-form .nice-select {
  height: 60px;
  border-radius: 10px;
  padding: 5px 20px 10px;
  border: 1px solid #ced4da;
  width: 100%;
}

.find-form .nice-select::after {
  right: 20px;
  top: 46%;
  width: 9px;
  height: 9px;
}

.find-form .nice-select .current {
  font-size: 14px;
  top: 3px;
  position: relative;
  font-weight: 500;
}

.find-form .nice-select .list {
  width: 100%;
}

.find-form .find-btn {
  background: #1459a1;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
  color: #ffffff;
  border-radius: 10px;
  padding: 16px 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.find-form .find-btn:hover {
  background: #001935;
}

.find-form .find-btn i {
  left: 10px;
  top: 2px;
  position: relative;
}

/* Find Section CSS End */
/* Why Choose Section CSS Start */
.choose-card {
  border: 1px dashed #1459a1;
  padding: 36px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #fff;
}

.choose-card i {
  font-size: 40px;
  color: #1459a1;
  background: #fff;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50px;
  text-align: center;
  display: inline-block;
  right: -5px;
  border: 1px dashed #1459a1;
  margin-bottom: 25px;
}

.choose-card h3 {
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.choose-card p {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.choose-card:hover {
  background: #1459a1;
}

.choose-card:hover i {
  border: 1px dashed #ffffff;
}

.choose-card:hover h3,
.choose-card:hover p {
  color: #ffffff;
}

/* Why Choose Section CSS End */
/* Job Section CSS Start */
.job-style-two {
  background: #fdf8f7;
  position: relative;
  z-index: 1;
}

.job-style-two::before {
  position: absolute;
  content: '';
  background-image: url(../img/shape/job.png);
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .02;
  z-index: -1;
}

.job-card-two {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 40px 30px;
}

.job-card-two .company-logo {
  background: #fddcd4;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 100px;
  border: 1px dashed #1459a1;
  position: relative;
  top: -8px;
}

.job-card-two .job-info {
  padding-left: 25px;
}

.job-card-two .job-info h3 {
  margin-bottom: 10px;
}

.job-card-two .job-info h3 a {
  color: #001935;
}

.job-card-two .job-info h3 a:hover {
  color: #1459a1;
}

.job-card-two .job-info ul {
  padding-left: 0;
}

.job-card-two .job-info ul li {
  display: inline-block;
  font-size: 15px;
  padding-right: 10px;
}

.job-card-two .job-info ul li a {
  color: #1459a1;
  font-weight: 500;
}

.job-card-two .job-info ul li i {
  top: 2px;
  position: relative;
  font-size: 18px;
}

.job-card-two .job-info span {
  background: #fdd6cc;
  display: inline-block;
  padding: 5px 10px;
  color: #1459a1;
  margin-bottom: 10px;
  border: 1px dashed #1459a1;
  font-size: 14px;
}

.job-card-two .theme-btn .default-btn {
  margin-right: 0;
}

/* Job  Section CSS End */
/* Job  Info CSS Start */
.job-info-two {
  background-image: url(../img/banner/banner-cta.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;
}

.job-info-two::before {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

/* Job  Info CSS End */
/* Counter CSS Start */
.counter-section {
  background-image: url('../img/common/c1.jpg');
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;

}

.counter-section::before {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.counter-section .counter-text i {
  color: #fff;
  font-size: 60px;
}

.counter-section .counter-text h2 {
  color: #fff;
  margin-bottom: 0;
}

/* Counter CSS End */
/* Testimonial CSS Strat */
.testimonial-slider-two .testimonial-items .testimonial-text {
  background: #2a589c52;
  padding: 50px;
  margin: 0 0 25px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 20px;
  height: 22rem;
}

.testimonial-slider-two .testimonial-items .testimonial-text i {
  color: #2a589c;
  font-size: 30px;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.testimonial-slider-two .testimonial-items .testimonial-text p {
  color: #001935;
  font-size: 17px;
  font-style: italic;
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.testimonial-slider-two .testimonial-items .testimonial-info-text h3 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 600;
}

.testimonial-slider-two .testimonial-items .testimonial-info-text p {
  font-size: 16px;
  color: #707070;
  margin-bottom: 0;
}

.testimonial-slider-two .testimonial-items:hover .testimonial-text {
  background: #1459a1;
}

.testimonial-slider-two .testimonial-items:hover .testimonial-text i,
.testimonial-slider-two .testimonial-items:hover .testimonial-text p {
  color: #ffffff;
}

.testimonial-slider-two .owl-prev,
.testimonial-slider-two .owl-next {
  background: #2a589c !important;
  color: #ffffff !important;
  font-size: 22px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50px !important;
  line-height: 42px !important;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
}

.testimonial-slider-two .owl-prev:hover,
.testimonial-slider-two .owl-next:hover {
  background: #1459a1 !important;
  color: #ffffff !important;
}

.testimonial-slider-two .owl-nav {
  margin-top: 20px !important;
}

/* Testimonial CSS End */
/*---------- Home Page Two CSS End ----------*/
/*---------- Home Page Three CSS Start ----------*/
/* Banner CSS Start */
.banner-style-three {
  background-image: url(../img/banner/4.jpg);
  background-size: cover;
  background-position: center center;
  height: 800px;
}

.banner-style-three .banner-text {
  max-width: 600px;
}

.banner-style-three .banner-text span {
  font-size: 18px;
  font-weight: 600;
  color: #1459a1;
  margin-bottom: 20px;
  display: inline-block;
}

.banner-style-three .banner-text h1 {
  font-size: 65px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.banner-style-three .banner-text p {
  margin-bottom: 30px;
  color: #001935;
}

.banner-style-three .banner-text .theme-btn .default-btn {
  background: #ffffff;
  color: #525252;
}

.banner-style-three .banner-text .theme-btn .default-btn:hover {
  background: #1459a1;
  color: #ffffff;
}

.banner-style-three .banner-text .theme-btn .active {
  background: #1459a1;
  color: #ffffff;
}

.banner-style-three .banner-text .theme-btn .active:hover {
  background: #001935;
}

/* Banner CSS End */
/* Category CSS Start */
.category-item {
  position: relative;
  padding-left: 100px;
  border: 1px dashed #1459a1;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.category-item i {
  position: absolute;
  font-size: 40px;
  background: #fccdcd;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50px;
  color: #1459a1;
  left: 15px;
  top: 9px;
  border: 1px dashed #1459a1;
}

.category-item h3 {
  font-size: 20px;
  margin-bottom: 0px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.category-item p {
  font-size: 15px;
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.category-item:hover {
  background: #1459a1;
}

.category-item:hover h3,
.category-item:hover p {
  color: #ffffff;
}

/* Category CSS End */
/* Grow Business CSS Start */
.grow-business .grow-text .section-title {
  margin-bottom: 25px;
}

.grow-business .grow-text .section-title h2 {
  margin: 0 0 0 0;
  line-height: 1.3;
}

.grow-business .grow-text p {
  margin-bottom: 25px;
}

.grow-business .grow-text .theme-btn {
  margin-top: 35px;
}

.grow-business .grow-img {
  -webkit-animation: translateY 5s infinite linear;
  animation: translateY 5s infinite linear;
}

/* Grow Business CSS End */
/* Process CSS Start */
.video-section {
  background-image: url(../img/section-bg/3.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;
}

.video-section::before {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.video-section .video-text h2 {
  color: #ffffff;
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 45px;
}

.video-section .video-text a {
  display: inline-block;
  width: 75px;
  height: 75px;
  line-height: 85px;
  background-color: #ffffff;
  border-radius: 50%;
  color: #1459a1;
  position: relative;
  z-index: 1;
}

.video-section .video-text a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  -webkit-animation: ripple 3s linear infinite;
  animation: ripple 3s linear infinite;
}

.video-section .video-text a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  -webkit-animation: ripple 3s linear 1s infinite;
  animation: ripple 3s linear 1s infinite;
}

.video-section .video-text a i {
  font-size: 35px;
  line-height: 75px;
}

/* Process CSS End */
/* Browser CSS Start */
.browse-job {
  position: relative;
  background: #fef8f6;
}

.browse-job::before {
  position: absolute;
  content: '';
  background-image: url(../img/shape/app.png);
  background-position: center center;
  background-size: cover;
  width: 450px;
  height: 400px;
  top: 100px;
  right: 0;
}

.browse-job .browse-jobs-text .section-title {
  margin-bottom: 25px;
}

.browse-job .browse-jobs-text .section-title h2 {
  margin: 0 auto 10px;
}

.browse-job .browse-jobs-text .section-title p {
  margin-bottom: 0;
}

.browse-job .browse-jobs-text p {
  margin-bottom: 40px;
}

.browse-job .browse-jobs-text .app-btn .app-store,
.browse-job .browse-jobs-text .app-btn .play-store {
  background: #1459a1;
  color: #ffffff;
  position: relative;
  display: inline-block;
  margin-right: 15px;
  padding: 10px 20px;
  line-height: 1;
}

.browse-job .browse-jobs-text .app-btn .app-store i,
.browse-job .browse-jobs-text .app-btn .play-store i {
  position: absolute;
  left: 15px;
  top: 13px;
  font-size: 30px;
}

.browse-job .browse-jobs-text .app-btn .app-store ul,
.browse-job .browse-jobs-text .app-btn .play-store ul {
  margin-bottom: 0;
}

.browse-job .browse-jobs-text .app-btn .app-store ul li,
.browse-job .browse-jobs-text .app-btn .play-store ul li {
  list-style: none;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
}

.browse-job .browse-jobs-text .app-btn .app-store:hover,
.browse-job .browse-jobs-text .app-btn .app-store.active,
.browse-job .browse-jobs-text .app-btn .play-store:hover,
.browse-job .browse-jobs-text .app-btn .play-store.active {
  background: #001935;
}

.browse-job .browse-jobs-text .app-btn .app-store.active:hover,
.browse-job .browse-jobs-text .app-btn .play-store.active:hover {
  background: #1459a1;
}

.browse-job .browse-job-img {
  position: absolute;
  right: 20%;
  bottom: 0;
}

/* Browser CSS End */
/* Subscribe CSS Start */
.subscribe-section {
  background: #1459a1;
  padding: 80px 0;
}

.subscribe-section .section-title {
  margin-bottom: 0;
}

.subscribe-section .section-title h2 {
  color: #ffffff;
  margin: 0 auto 10px 0;
}

.subscribe-section .section-title p {
  color: #ffffff;
  margin-bottom: 0;
}

.subscribe-section .newsletter-form {
  position: relative;
}

.subscribe-section .newsletter-form .form-control {
  height: 65px;
  position: relative;
  padding: 20px;
  border-radius: 10px;
}

.subscribe-section .newsletter-form .sub-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 65px;
  border-radius: 10px;
  background: #001935;
  color: #ffffff;
  padding: 0 30px;
  border: 1px solid transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.subscribe-section .newsletter-form .sub-btn:hover {
  background: #1459a1;
  border: 1px solid #ffffff;
}

.subscribe-section .newsletter-form ::-webkit-input-placeholder {
  font-size: 18px;
}

.subscribe-section .newsletter-form :-ms-input-placeholder {
  font-size: 18px;
}

.subscribe-section .newsletter-form ::-ms-input-placeholder {
  font-size: 18px;
}

.subscribe-section .newsletter-form ::placeholder {
  font-size: 18px;
}

.subscribe-section .newsletter-form .validation-danger {
  color: #ffffff;
  margin-top: 10px;
}

/* Subscribe CSS End */
/*---------- Home Page Three CSS End ----------*/
/*---------- Home Page Four CSS Start ----------*/
/* Banner Section CSS Start */
.banner-style-four {
  background-image: none;
  background: #fdeeee80;
  height: 100vh;
  position: relative;
}

.banner-style-four::before {
  position: absolute;
  content: '';
  background-image: url(../img/shape/banner.png);
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 55%;
  top: 0;
  left: 0;
}

.banner-style-four .banner-text {
  z-index: 1;
  position: relative;
}

.banner-style-four .banner-img {
  position: absolute;
  top: 100px;
  right: 100px;
  max-width: 500px;
  -webkit-animation: translateY 5s infinite linear;
  animation: translateY 5s infinite linear;
}

/* Banner Section CSS End */
/* Discover CSS Start */
.discover-section .discover-text h2 {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.discover-section .discover-text p {}

.discover-section .discover-text .theme-btn {}

.discover-section .discover-img {
  -webkit-animation: translateY 5s infinite linear;
  animation: translateY 5s infinite linear;
}

/* Discover CSS End */
/* How Works CSS Start */
.how-works .media {
  margin-bottom: 30px;
}

.how-works .media i {
  color: #1459a1;
  background: #fbd3d3;
  font-size: 35px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  border: 1px dashed #1459a1;
}

.how-works .media:last-child {
  margin-bottom: 0;
}

.how-works .how-works-img {
  -webkit-animation: translateY 5s infinite linear;
  animation: translateY 5s infinite linear;
}

/* How Works CSS End */
/* Tastimonial CSS Start */
.testimonial-style-three {
  position: relative;
}

.testimonial-style-three::before {
  position: absolute;
  content: '';
  background-image: url(../img/banner/2.jpg);
  background-position: center center;
  background-size: cover;
  height: 400px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.testimonial-style-three::after {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  width: 100%;
  height: 400px;
  top: 0;
  left: 0;
  z-index: -1;
}

.testimonial-style-three .section-title h2,
.testimonial-style-three .section-title p {
  color: #ffffff;
}

.testimonial-style-three .testimonial-info-text img {
  max-width: 100%;
  width: unset;
  border-radius: 50%;
  margin-bottom: 10px;
}

/* Testimonial CSS End */
/*---------- Home Page Four CSS End ----------*/
/*---------- Home Page Five CSS End ----------*/
/* Banner CSS Start */
.banner-style-five {
  background-image: url(../img/banner/5.jpg);
}

.banner-style-five::after {
  display: none;
}

.banner-style-five .banner-content h1 {
  max-width: 880px;
}

.banner-style-five .banner-content p {
  font-weight: 400;
  max-width: 500px;
  margin: 0 auto;
}

.banner-style-five .find-form {
  margin-top: 45px;
}

/* Banner CSS End */
/* Category CSS Start */
.category-style-three .category-card {
  background: #1459a1;
}

.category-style-three .category-card:hover {
  background: #001935;
  border: 1px solid transparent;
}

.category-style-three .category-card i,
.category-style-three .category-card h3,
.category-style-three .category-card p {
  color: #ffffff;
}

/* Category CSS End */
/* Why Choose CSS Start */
.choose-style-two {
  background: #fafafd;
}

.choose-style-two::before {
  display: none;
}

.choose-style-two .why-choose-text .section-title h2 {
  color: #001935;
  margin: 0 0 10px;
}

.choose-style-two .why-choose-text .section-title p {
  color: #707070;
  margin: 0 0 0;
}

.choose-style-two .why-choose-text .media i {
  color: #1459a1;
  background: none;
  font-size: 50px;
  top: 10px;
  position: relative;
}

.choose-style-two .why-choose-text .media .media-body h5 {
  color: #001935;
}

.choose-style-two .why-choose-text .media .media-body p {
  color: #707070;
}

/* Why Choose CSS End */
/* Company Location CSS Start */
.location-img {
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
}

.location-img img {
  border-radius: 10px;
  width: 100%;
}

.location-img::before {
  position: absolute;
  content: '';
  background: #001935;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .8;
  border-radius: 10px;
}

.location-img .location-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100%;
}

.location-img .location-text h3 {
  color: #ffffff;
  font-size: 25px;
}

.location-img .location-text span {
  color: #ffffff;
}

/* Company Location CSS End */
/*---------- Home Page Five CSS End ----------*/
/*---------- About Page CSS Start ----------*/
/* Page Title CSS Start */
.page-title {
  background-position: center center;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}

.page-title::before {
  position: absolute;
  content: '';
  background: rgba(1, 12, 41, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.page-title h2 {
  font-size: 45px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.page-title ul {
  margin: 0;
  display: inline-block;
  padding: 10px;
  border: 1px solid rgba(132, 137, 152, 0.5);
  border-radius: 30px;
}

.page-title ul li {
  color: #ffffff;
  display: inline-block;
  position: relative;
  margin: 0 15px;
  text-transform: capitalize;
}

.page-title ul li::before {
  position: absolute;
  content: '\ea50';
  right: -28px;
  top: 4px;
  font-family: 'boxicons';
  font-size: 22px;
  line-height: 1;
}

.page-title ul li:last-child::before {
  display: none;
}

.page-title ul li a {
  color: #ffffff;
  font-weight: 500;
}

.page-title ul li a:hover {
  color: #1459a1;
}

.page-title.title-bg1 {
  background-image: url(../img/title-bg/1.jpg);
}

.page-title .lines {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  z-index: -1;
}

.page-title .lines .line {
  position: absolute;
  width: 2px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  left: 50%;
  top: 0;
}

.page-title .lines .line::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 10px;
  background: #1459a1;
  left: 0;
  top: -50%;
  right: 0;
  margin: auto;
  -webkit-animation: line 6s infinite cubic-bezier(0, 1.11, 1, 1);
  animation: line 6s infinite cubic-bezier(0, 1.11, 1, 1);
}

.page-title .lines :nth-child(1) {
  margin-left: 25%;
}

.page-title .lines :nth-child(2)::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.page-title .lines :nth-child(3) {
  margin-left: -25%;
}

.page-title .lines :nth-child(3)::after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

/* Page Title CSS End */
/* About CSS Start */
.about-section .about-text .section-title {
  margin-bottom: 25px;
}

.about-section .about-text .section-title h2 {
  margin: 0 auto 10px 0;
}

.about-section .about-text p {
  margin-bottom: 25px;
}

/* About CSS End */
/* Why Choose CSS Start */
.section-title h2 {
  line-height: 1.4;
}

/* Why Choose CSS End */
/*---------- About Page CSS End ----------*/
/*---------- Find Jobs Page CSS Start ----------*/
.page-title.title-bg2 {
  background-image: url(../img/title-bg/2.jpg);
}

/*---------- Find Jobs Page CSS End ----------*/
/*---------- Post Jobs Page CSS Start ----------*/
.page-title.title-bg3 {
  background-image: url(../img/title-bg/3.jpg);
}

.job-post-from {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 50px;
  border-radius: 10px;
  text-transform: capitalize;
}

.job-post-from h2 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 35px;
  font-weight: 700;
}

.job-post-from .form-group {
  margin-bottom: 20px;
}

.job-post-from .form-group label {
  font-size: 16px;
  font-weight: 500;
  color: #001935;
  margin-bottom: 10px;
}

.job-post-from .form-group .form-control {
  height: 50px;
  padding: 10px 20px;
  border: 1px solid #ddd;
}

.job-post-from .form-group .nice-select {
  width: 100%;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
}

.job-post-from .form-group .nice-select::after {
  height: 10px;
  width: 10px;
  right: 20px;
}

.job-post-from .form-group .nice-select .list {
  width: 100%;
}

.job-post-from .form-group .description-area {
  height: 100%;
}

.job-post-from .post-btn {
  background: #1459a1;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 30px;
  border-radius: 10px;
  padding: 10px 45px;
  font-weight: 500;
}

.job-post-from .post-btn:hover {
  background: #001935;
}

/*---------- Post Jobs Page CSS End ----------*/
/*---------- Job List Page CSS Start ----------*/
.page-title.title-bg4 {
  background-image: url(../img/title-bg/4.jpg);
}

.job-list-section .pagination {
  margin-bottom: 30px;
  margin-top: 30px;
}

.job-list-section .pagination .page-item .page-link {
  width: 50px;
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background: #ffffff;
  color: #1459a1;
  font-weight: 600;
  font-size: 17px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.job-list-section .pagination .page-item .page-link:hover,
.job-list-section .pagination .page-item .page-link.active {
  background: #001935;
  color: #ffffff;
}

.job-list-section .pagination .page-item .page-link i {
  font-size: 25px;
  line-height: 50px;
}

.job-list-section .pagination .page-item .page-link .bx-fade-right {
  -webkit-animation: fade-right 3s infinite linear;
  animation: fade-right 3s infinite linear;
}

.job-list-section .pagination .page-item .page-link .bx-fade-left {
  -webkit-animation: fade-left 3s infinite linear;
  animation: fade-left 3s infinite linear;
}

/*---------- Job List Page CSS End ----------*/
/*---------- Job Grid Page CSS Start ----------*/
.page-title.title-bg5 {
  background-image: url(../img/title-bg/5.jpg);
}

.jobs-grid-section .pagination {
  margin-bottom: 30px;
  margin-top: 30px;
}

.jobs-grid-section .pagination .page-item .page-link {
  width: 50px;
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background: #ffffff;
  color: #1459a1;
  font-weight: 600;
  font-size: 17px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.jobs-grid-section .pagination .page-item .page-link:hover,
.jobs-grid-section .pagination .page-item .page-link.active {
  background: #001935;
  color: #ffffff;
}

.jobs-grid-section .pagination .page-item .page-link i {
  font-size: 25px;
  line-height: 50px;
}

.jobs-grid-section .pagination .page-item .page-link .bx-fade-right {
  -webkit-animation: fade-right 3s infinite linear;
  animation: fade-right 3s infinite linear;
}

.jobs-grid-section .pagination .page-item .page-link .bx-fade-left {
  -webkit-animation: fade-left 3s infinite linear;
  animation: fade-left 3s infinite linear;
}

/*---------- Job Grid Page CSS End ----------*/
/*---------- Job Details Page CSS Start ----------*/
.page-title.title-bg6 {
  background-image: url(../img/common/breadcrumb-banner.jpg);
  background-position: center center;
  margin-top: 150px;
}

.job-details-text .job-card {
  background: #ffffff;
  border: 0;
  padding: 0;
  /* margin-bottom: 50px; */
}

.job-details-text .job-card:hover {
  border: 0;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

.job-details-text .job-card .company-logo {
  background: #ddd;
  text-align: center;
  height: 100px;
  line-height: 100px;
}

.job-details-text .job-card .job-info h3 {
  font-size: 25px;
}

.job-details-text .job-card .job-info ul {
  margin-bottom: 6px;
}

.job-details-text .job-card .job-info ul li {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  font-weight: 500;
}

.job-details-text .job-card .job-info span {
  color: #1459a1;
  font-size: 16px;
  font-weight: 500;
}

.job-details-text .job-card .job-info span i {
  top: 4px;
  position: relative;
  font-size: 20px;
  display: inline-block;
}

.job-details-text .details-text {
  margin-bottom: 30px;
}

.job-details-text .details-text h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.job-details-text .details-text p {
  margin-bottom: 10px;
}

.job-details-text .details-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.job-details-text .details-text ul li {
  list-style: none;
  margin-bottom: 5px;
}

.job-details-text .details-text ul li i {
  top: 2px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
}

.job-details-text .details-text .table {
  margin-bottom: 0;
}

.job-details-text .details-text .table tr {
  margin-bottom: 20px;
  display: block;
}

.job-details-text .details-text .table tr td {
  border-top: 0;
  padding: 0 0 10px 0;
  color: #707070;
}

.job-details-text .details-text .table tr td span {
  color: #001935;
  font-weight: 500;
}

.job-details-text .details-text .table tr td a {
  color: #707070;
}

.job-details-text .details-text .table tr:last-child td {
  padding-bottom: 0;
}

.job-details-text .details-text:last-child {
  margin-bottom: 0;
}

.job-details-text .theme-btn {
  margin-top: 20px;
}

.job-sidebar {
  text-align: center;
  padding: 20px;
  border-radius: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
}

.job-sidebar h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.job-sidebar img {
  border-radius: 100px;
  margin-bottom: 10px;
}

.job-sidebar h4 {
  font-size: 18px;
  margin-bottom: 5px;
}

.job-sidebar span {
  font-size: 15px;
}

.job-sidebar iframe {
  height: 400px;
  width: 100%;
  margin-bottom: -10px;
}

.job-sidebar ul {
  padding-left: 0;
  margin-bottom: 0;
  text-align: left;
}

.job-sidebar ul li {
  display: inline-block;
  margin-bottom: 5px;
  list-style: none;
}

.job-sidebar ul li a {
  border: 1px dashed #ddd;
  padding: 5px 10px;
  color: #001935;
  display: inline-block;
  font-size: 16px;
}

.job-sidebar ul li a:hover {
  background: #1459a1;
  color: #ffffff;
}

.job-sidebar.social-share ul {
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
}

.job-sidebar.social-share ul li {
  display: inline-block;
  margin-bottom: 5px;
  list-style: none;
}

.job-sidebar.social-share ul li a {
  border: 0;
  padding: 0;
  border-radius: 10px;
}

.job-sidebar.social-share ul li a i {
  border: 1px solid #ddd;
  color: #001935;
  display: inline-block;
  font-size: 20px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #1459a1;
  border-radius: 10px;
  -webkit-transition: .5s;
  transition: .5s;
}

.job-sidebar.social-share ul li a i:hover {
  color: #ffffff;
}

/*---------- Job Details Page CSS End ----------*/
/*---------- Candidates Page CSS Start ----------*/
.page-title.title-bg7 {
  background-image: url(../img/title-bg/7.jpg);
}

.candidate-card {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
}

.candidate-card .candidate-img img {
  width: 100%;
}

.candidate-card .candidate-text {
  text-align: center;
  padding: 15px 10px;
  border-bottom: 1px dashed #ddd;
  margin-top: -45px;
  z-index: 1;
  background: #ffffff;
  position: relative;
}

.candidate-card .candidate-text h3 {
  margin-bottom: 5px;
}

.candidate-card .candidate-text h3 a {
  color: #001935;
}

.candidate-card .candidate-text h3 a:hover {
  color: #1459a1;
}

.candidate-card .candidate-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.candidate-card .candidate-text ul li {
  list-style: none;
  font-size: 16px;
}

.candidate-card .candidate-social {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.candidate-card .candidate-social a i {
  border: 1px solid #1459a1;
  color: #1459a1;
  width: 25px;
  height: 25px;
  line-height: 25px;
  -webkit-transition: .5s;
  transition: .5s;
}

.candidate-card .candidate-social a i:hover {
  background: #001935;
  color: #ffffff;
}

/*---------- Candidates Page CSS End ----------*/
/*---------- Candidates Details CSS Start ----------*/
.page-title.title-bg8 {
  background-image: url(../img/title-bg/8.jpg);
}

.candidate-profile {
  text-align: center;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 20px;
}

.candidate-profile img {
  border-radius: 100px;
  margin-bottom: 20px;
}

.candidate-profile h3 {
  margin-bottom: 5px;
  font-size: 24px;
}

.candidate-profile p {
  font-size: 16px;
}

.candidate-profile ul {
  padding-left: 0;
  margin-bottom: 20px;
}

.candidate-profile ul li {
  list-style: none;
  margin-bottom: 10px;
}

.candidate-profile ul li:last-child {
  margin-bottom: 0;
}

.candidate-profile ul li a {
  color: #707070;
  font-size: 16px;
}

.candidate-profile ul li a i {
  margin-right: 5px;
  color: #1459a1;
}

.candidate-profile .candidate-social a {
  color: #707070;
}

.candidate-profile .candidate-social a i {
  border: 1px solid;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 3px;
  -webkit-transition: .5s;
  transition: .5s;
}

.candidate-profile .candidate-social a i:hover {
  background: #001935;
  color: #ffffff;
}

.candidate-info-text {
  margin-bottom: 25px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 20px 30px;
  border-radius: 10px;
}

.candidate-info-text h3 {
  margin-bottom: 15px;
  font-size: 24px;
}

.candidate-info-text p {
  margin-bottom: 0;
}

.candidate-info-text.candidate-education .education-info {
  margin-bottom: 20px;
}

.candidate-info-text.candidate-education .education-info h4 {
  font-size: 20px;
  margin-bottom: 10px;
}

.candidate-info-text.candidate-education .education-info p {
  margin-bottom: 0;
  font-size: 16px;
}

.candidate-info-text.candidate-education .education-info span {
  font-size: 16px;
}

.candidate-info-text.candidate-experience ul {
  padding-left: 20px;
}

.candidate-info-text.candidate-experience ul li {
  list-style: circle;
}

.candidate-info-text.candidate-skill ul {
  padding-left: 0;
}

.candidate-info-text.candidate-skill ul li {
  list-style: none;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 5px 15px;
  line-height: 1;
  margin-right: 8px;
  margin-bottom: 10px;
}

.candidate-info-text .theme-btn .default-btn {
  margin: 0 5px;
}

/*---------- Candidates Details CSS End ----------*/
/*---------- Company CSS Start ----------*/
.page-title.title-bg9 {
  background-image: url(../img/title-bg/9.jpg);
}

.company-style-two .pagination {
  margin-bottom: 30px;
  margin-top: 30px;
}

.company-style-two .pagination .page-item .page-link {
  width: 50px;
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background: #ffffff;
  color: #1459a1;
  font-weight: 600;
  font-size: 17px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.company-style-two .pagination .page-item .page-link:hover,
.company-style-two .pagination .page-item .page-link.active {
  background: #001935;
  color: #ffffff;
}

.company-style-two .pagination .page-item .page-link i {
  font-size: 25px;
  line-height: 50px;
}

.company-style-two .pagination .page-item .page-link .bx-fade-right {
  -webkit-animation: fade-right 3s infinite linear;
  animation: fade-right 3s infinite linear;
}

.company-style-two .pagination .page-item .page-link .bx-fade-left {
  -webkit-animation: fade-left 3s infinite linear;
  animation: fade-left 3s infinite linear;
}

/*---------- Company CSS End ----------*/
/*---------- Pricing CSS Start ----------*/
.page-title.title-bg10 {
  background-image: url(../img/title-bg/10.jpg);
}

/*---------- Pricing CSS End ----------*/
/*---------- Account CSS Start ----------*/
.account-information {
  text-align: center;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.account-information .profile-thumb {
  padding: 20px;
}

.account-information .profile-thumb img {
  border-radius: 50%;
  margin-bottom: 15px;
}

.account-information .profile-thumb h3 {
  margin-bottom: 12px;
}

.account-information .profile-thumb p {
  margin-bottom: 0;
  line-height: 1;
}

.account-information ul {
  padding-left: 0;
  margin-bottom: 0;
  text-align: left;
}

.account-information ul li {
  list-style: none;
}

.account-information ul li a {
  color: #707070;
  border-top: 1px dashed #ddd;
  display: block;
  padding: 10px 20px;
}

.account-information ul li a:hover {
  background: #1459a1;
  color: #ffffff;
}

.account-information ul li a.active {
  background: #1459a1;
  color: #ffffff;
}

.account-information ul li a i {
  top: 2px;
  position: relative;
  margin-right: 5px;
}

.account-details {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 30px 30px;
}

.account-details h3 {
  margin-bottom: 15px;
}

.account-details form {
  margin-bottom: 30px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 40px;
}

.account-details form .form-group {
  margin-bottom: 20px;
}

.account-details form .form-group label {
  font-size: 16px;
  margin-bottom: 10px;
}

.account-details form .form-group .form-control {
  height: 50px;
  padding: 10px 20px;
}

.account-details form .account-btn {
  font-size: 16px;
  background: #1459a1;
  padding: 5px 30px;
  color: #ffffff;
  margin-top: 10px;
  margin-right: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.account-details form .account-btn:hover {
  background: #001935;
}

.account-details form:last-child {
  margin-bottom: 0;
  border-bottom: 0px dashed #ddd;
  padding-bottom: 0;
}

/*---------- Account CSS End ----------*/
/*---------- Resume CSS Start ----------*/
.page-title.title-bg11 {
  background-image: url(../img/title-bg/11.jpg);
}

.resume-area {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 50px;
}

.resume-area .resume-thumb-area {
  margin-bottom: 35px;
}

.resume-area .resume-thumb-area img {
  border-radius: 50%;
  margin-bottom: 15px;
}

.resume-area .resume-thumb-area h3 {
  margin-bottom: 5px;
  font-size: 25px;
}

.resume-area .resume-thumb-area p {
  font-size: 16px;
  margin-bottom: 0;
}

.resume-area .resume-thumb-area .social-links {
  margin-top: 15px;
}

.resume-area .resume-thumb-area .social-links a i {
  color: #001935;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
  border: 1px solid;
  width: 50px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
}

.resume-area .resume-thumb-area .social-links a i:hover {
  color: #1459a1;
}

.resume-area .resume-content {
  margin-bottom: 30px;
}

.resume-area .resume-content h3 {
  margin-bottom: 15px;
  font-size: 24px;
}

.resume-area .resume-content h3 i {
  font-size: 22px;
  top: 1px;
  position: relative;
  margin-right: 5px;
}

.resume-area .resume-content.basic-info-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.resume-area .resume-content.basic-info-text ul li {
  display: inline-block;
  width: 45%;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px 20px;
  margin-right: 20px;
}

.resume-area .resume-content.basic-info-text ul li span {
  font-weight: 600;
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
  width: 30%;
  color: #001935;
}

.resume-area .resume-content.education-text {
  margin-bottom: 20px;
}

.resume-area .resume-content.education-text .education-info {
  margin-bottom: 15px;
}

.resume-area .resume-content.education-text .education-info span {
  font-size: 14px;
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  padding-left: 20px;
}

.resume-area .resume-content.education-text .education-info span::before {
  position: absolute;
  content: '';
  background: #1459a1;
  width: 8px;
  height: 8px;
  top: 7px;
  left: 0;
}

.resume-area .resume-content.education-text .education-info h5 {
  font-size: 18px;
}

.resume-area .resume-content.education-text .education-info h4 {
  font-size: 16px;
}

.resume-area .resume-content.education-text .education-info p {
  margin-bottom: 0;
}

.resume-area .resume-content.experience-text .experience-info {
  margin-bottom: 20px;
}

.resume-area .resume-content.experience-text .experience-info span {
  font-size: 14px;
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  padding-left: 20px;
}

.resume-area .resume-content.experience-text .experience-info span::before {
  position: absolute;
  content: '';
  background: #1459a1;
  width: 8px;
  height: 8px;
  top: 7px;
  left: 0;
}

.resume-area .resume-content.experience-text .experience-info h5 {
  font-size: 18px;
}

.resume-area .resume-content.experience-text .experience-info h4 {
  font-size: 16px;
}

.resume-area .resume-content.experience-text .experience-info p {
  margin-bottom: 0;
}

.resume-area .resume-content.skill span {
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 5px;
  display: inline-block;
  color: #001935;
}

.resume-area .resume-content.skill .progress {
  margin-bottom: 20px;
  border-radius: 20px;
}

.resume-area .resume-content.skill .progress .progress-bar {
  border-radius: 20px;
}

.resume-area .theme-btn {
  margin-top: 60px;
  text-align: center;
}

.resume-area .theme-btn .bx-fade-down {
  -webkit-animation: fade-down 3s infinite linear;
  animation: fade-down 3s infinite linear;
}

/*---------- Resume CSS End ----------*/
/*---------- Sign In CSS Start ----------*/
.page-title.title-bg12 {
  background-image: url(../img/title-bg/12.jpg);
}

.signin-form {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 50px;
  border-radius: 30px;
}

.signin-form .form-group {
  margin-bottom: 20px;
}

.signin-form .form-group label {
  font-size: 15px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 500;
}

.signin-form .form-group .form-control {
  height: 50px;
  border-radius: 50px;
  padding: 5px 20px;
  background: #f9f6f6;
}

.signin-form .signin-btn {
  margin-top: 40px;
  margin-bottom: 30px;
}

.signin-form .signin-btn button {
  padding: 10px 30px;
  border-radius: 30px;
  background: #001935;
  color: #ffffff;
  -webkit-transition: .8s;
  transition: .8s;
  font-size: 16px;
}

.signin-form .signin-btn button:hover {
  background: #1459a1;
}

.signin-form .other-signin span {
  color: #001935;
  margin-bottom: 15px;
  display: inline-block;
}

.signin-form .other-signin ul {
  padding-left: 0;
  margin-bottom: 0;
}

.signin-form .other-signin ul li {
  display: inline-block;
}

.signin-form .other-signin ul li a i {
  width: 35px;
  height: 35px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  line-height: 35px;
  border-radius: 30px;
  -webkit-transition: 1s;
  transition: 1s;
  margin: 0 3px;
}

.signin-form .other-signin ul li a i:hover {
  background: #001935;
  color: #ffffff;
}

.signin-form .create-btn {
  margin-top: 35px;
}

.signin-form .create-btn a {
  color: #001935;
  -webkit-transition: .8s;
  transition: .8s;
}

.signin-form .create-btn a:hover {
  color: #1459a1;
}

.signin-form .create-btn a i {
  top: 3px;
  position: relative;
}

.signin-form .create-btn a .bx-fade-right {
  -webkit-animation: fade-right 3s infinite linear;
  animation: fade-right 3s infinite linear;
}

.signin-form .create-btn p {
  margin-bottom: 0;
}

/*---------- Sign In CSS End ----------*/
/*---------- Sign Up CSS Start ----------*/
.page-title.title-bg13 {
  background-image: url(../img/title-bg/13.jpg);
}

.signup-form {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 50px;
  border-radius: 30px;
}

.signup-form .form-group {
  margin-bottom: 20px;
}

.signup-form .form-group label {
  font-size: 15px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 500;
}

.signup-form .form-group .form-control {
  height: 50px;
  border-radius: 50px;
  padding: 5px 20px;
  background: #f9f6f6;
}

.signup-form .signup-btn {
  margin-top: 40px;
  margin-bottom: 30px;
}

.signup-form .signup-btn button {
  padding: 10px 30px;
  border-radius: 30px;
  background: #001935;
  color: #ffffff;
  -webkit-transition: .8s;
  transition: .8s;
  font-size: 16px;
}

.signup-form .signup-btn button:hover {
  background: #1459a1;
}

.signup-form .other-signup span {
  color: #001935;
  margin-bottom: 15px;
  display: inline-block;
}

.signup-form .other-signup ul {
  padding-left: 0;
  margin-bottom: 0;
}

.signup-form .other-signup ul li {
  display: inline-block;
}

.signup-form .other-signup ul li a i {
  width: 35px;
  height: 35px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  line-height: 35px;
  border-radius: 30px;
  -webkit-transition: 1s;
  transition: 1s;
  margin: 0 3px;
}

.signup-form .other-signup ul li a i:hover {
  background: #001935;
  color: #ffffff;
}

.signup-form .create-btn {
  margin-top: 35px;
}

.signup-form .create-btn a {
  color: #001935;
  -webkit-transition: .8s;
  transition: .8s;
}

.signup-form .create-btn a:hover {
  color: #1459a1;
}

.signup-form .create-btn a i {
  top: 3px;
  position: relative;
}

.signup-form .create-btn a .bx-fade-right {
  -webkit-animation: fade-right 3s infinite linear;
  animation: fade-right 3s infinite linear;
}

.signup-form .create-btn p {
  margin-bottom: 0;
}

/*---------- Sign Up  CSS End ----------*/
/*---------- Reset Password CSS Start ----------*/
.page-title.title-bg14 {
  background-image: url(../img/title-bg/14.jpg);
}

.reset-form {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 50px;
  border-radius: 30px;
}

.reset-form .form-group label {
  font-size: 15px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 500;
}

.reset-form .form-group .form-control {
  height: 50px;
  border-radius: 50px;
  padding: 5px 20px;
}

.reset-form .reset-btn {
  margin-top: 40px;
}

.reset-form .reset-btn button {
  padding: 10px 30px;
  border-radius: 30px;
  background: #001935;
  color: #ffffff;
  -webkit-transition: .8s;
  transition: .8s;
  font-size: 16px;
}

.reset-form .reset-btn button:hover {
  background: #1459a1;
}

/*---------- Reset Password CSS End ----------*/
/*---------- 404 CSS Start ----------*/
.page-title.title-bg15 {
  background-image: url(../img/title-bg/15.jpg);
}

/*---------- 404 CSS End ----------*/
/*---------- Testimonial CSS Start ----------*/
.page-title.title-bg16 {
  background-image: url(../img/title-bg/16.jpg);
}

/*---------- Testimonial CSS End ----------*/
/*---------- FAQ Page CSS Start ----------*/
.page-title.title-bg17 {
  background-image: url(../img/title-bg/17.jpg);
}

.faq-section .accordions .accordion-item {
  background-color: #f9f9f9;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}

.faq-section .accordions .accordion-item .accordion-title {
  cursor: pointer;
  padding: 15px 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: #ffffff;
  position: relative;
  border-radius: 10px 10px 0 0;
}

.faq-section .accordions .accordion-item .accordion-title i {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faq-section .accordions .accordion-item .accordion-title.active-title {
  background-color: #001935;
}

.faq-section .accordions .accordion-item .accordion-title.active-title h2 {
  color: #ffffff;
}

.faq-section .accordions .accordion-item .accordion-title.active-title h2 i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.faq-section .accordions .accordion-item .accordion-title h2 {
  margin: 0;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #001935;
  line-height: 20px;
}

.faq-section .accordions .accordion-item .accordion-title h2 i {
  font-size: 25px;
  position: inherit;
}

.faq-section .accordions .accordion-item .accordion-content {
  display: none;
  line-height: 1.7;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 0 0 5px 5px;
}

.faq-section .accordions .accordion-item .accordion-content.active {
  display: block;
}

.faq-section .accordions .accordion-item .accordion-content p {
  margin: 0;
}

/*---------- FAQ Page CSS End ----------*/
/*---------- Categories Page CSS Start ----------*/
.page-title.title-bg18 {
  background-image: url(../img/title-bg/18.jpg);
}

.category-style-two .pagination {
  margin-bottom: 30px;
  margin-top: 30px;
}

.category-style-two .pagination .page-item .page-link {
  width: 50px;
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background: #ffffff;
  color: #1459a1;
  font-weight: 600;
  font-size: 17px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.category-style-two .pagination .page-item .page-link:hover,
.category-style-two .pagination .page-item .page-link.active {
  background: #001935;
  color: #ffffff;
}

.category-style-two .pagination .page-item .page-link i {
  font-size: 25px;
  line-height: 50px;
}

.category-style-two .pagination .page-item .page-link .bx-fade-right {
  -webkit-animation: fade-right 3s infinite linear;
  animation: fade-right 3s infinite linear;
}

.category-style-two .pagination .page-item .page-link .bx-fade-left {
  -webkit-animation: fade-left 3s infinite linear;
  animation: fade-left 3s infinite linear;
}

/*---------- Categories Page CSS End ----------*/
/*----------  Privacy Page CSS Start ----------*/
.page-title.title-bg20 {
  background-image: url(../img/title-bg/20.jpg);
}

.privacy-section .privacy-text h2 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 700;
}

.privacy-section .privacy-text p {
  margin-bottom: 15px;
}

.privacy-section .privacy-text p:last-child {
  margin-bottom: 0;
}

/*----------  Privacy Page CSS End ----------*/
/*----------  Terms Page CSS Start ----------*/
.page-title.title-bg19 {
  background-image: url(../img/title-bg/19.jpg);
}

.terms-section .terms-text h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #001935;
}

.terms-section .terms-text h3 {
  margin-bottom: 10px;
}

.terms-section .terms-text p {
  font-size: 18px;
  margin-bottom: 15px;
}

.terms-section .terms-text p:last-child {
  margin-bottom: 0;
}

/*----------  Terms Page CSS End ----------*/
/*----------  Blog Page CSS Start ----------*/
.page-title.title-bg21 {
  background-image: url(../img/title-bg/21.jpg);
}

.blog-style-two .pagination {
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-style-two .pagination .page-item .page-link {
  width: 50px;
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background: #ffffff;
  color: #1459a1;
  font-weight: 600;
  font-size: 17px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}

.blog-style-two .pagination .page-item .page-link:hover,
.blog-style-two .pagination .page-item .page-link.active {
  background: #001935;
  color: #ffffff;
}

.blog-style-two .pagination .page-item .page-link i {
  font-size: 25px;
  line-height: 50px;
}

.blog-style-two .pagination .page-item .page-link .bx-fade-right {
  -webkit-animation: fade-right 3s infinite linear;
  animation: fade-right 3s infinite linear;
}

.blog-style-two .pagination .page-item .page-link .bx-fade-left {
  -webkit-animation: fade-left 3s infinite linear;
  animation: fade-left 3s infinite linear;
}

/*----------  Blog Page CSS End ----------*/
/*----------  Blog Page Two CSS Start ----------*/
.page-title.title-bg24 {
  background-image: url(../img/title-bg/24.jpg);
}

/*----------  Blog Page Two CSS End ----------*/
/*----------  Blog Details Page CSS Strat ----------*/
.page-title.title-bg22 {
  background-image: url(../img/title-bg/22.jpg);
}

.blog-widget {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 30px;
  margin-bottom: 30px;
}

.blog-widget h3 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ddd;
  position: relative;
}

.blog-widget h3::before {
  position: absolute;
  content: '';
  background: #001935;
  width: 2px;
  height: 20px;
  left: -30px;
  top: 4px;
}

.blog-widget.blog-search form .form-group {
  position: relative;
  margin-bottom: 0;
}

.blog-widget.blog-search form .form-group .form-control {
  height: 50px;
  padding: 5px 20px;
  background: #fdf5f5;
  border-radius: 0;
}

.blog-widget.blog-search form .form-group button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  background: #001935;
  color: #ffffff;
  height: 100%;
  width: 50px;
  text-align: center;
  line-height: 50px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-widget.blog-search form .form-group button:hover {
  background: #1459a1;
}

.blog-widget .popular-post {
  margin-bottom: 15px;
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 1px dashed #d2b7b7;
}

.blog-widget .popular-post .blog-thumb {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 14px;
}

.blog-widget .popular-post .info {
  padding: 5px 0px 0 0;
  line-height: 1;
}

.blog-widget .popular-post .info time {
  font-size: 14px;
}

.blog-widget .popular-post .info h4 {
  line-height: 1;
}

.blog-widget .popular-post .info h4 a {
  font-size: 15px;
  color: #001935;
}

.blog-widget .popular-post .info h4 a:hover {
  color: #1459a1;
}

.blog-widget .popular-post:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.blog-widget.blog-category ul {
  padding-left: 20px;
  margin-bottom: 0;
}

.blog-widget.blog-category ul li {
  list-style: circle;
  margin-bottom: 5px;
}

.blog-widget.blog-category ul li a {
  color: #001935;
}

.blog-widget.blog-category ul li a:hover {
  color: #1459a1;
}

.blog-widget.blog-category ul li span {
  float: right;
}

.blog-widget.blog-tags ul {
  padding-left: 0;
  margin-bottom: 0;
}

.blog-widget.blog-tags ul li {
  display: inline-block;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 10px;
}

.blog-widget.blog-tags ul li a {
  border: 1px dashed #001935;
  color: #001935;
  font-size: 15px;
  padding: 5px 15px;
}

.blog-widget.blog-tags ul li a:hover {
  background: #1459a1;
  color: #ffffff;
  border: 1px dashed transparent;
}

.blog-dedails-text .blog-details-img {
  margin-bottom: 20px;
}

.blog-dedails-text .blog-details-img img {
  width: 100%;
}

.blog-dedails-text .blog-meta ul {
  padding-left: 0;
  margin-bottom: 10px;
}

.blog-dedails-text .blog-meta ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
}

.blog-dedails-text .blog-meta ul li i {
  color: #1459a1;
  margin-right: 2px;
}

.blog-dedails-text .post-title {
  font-size: 25px;
  margin-bottom: 15px;
}

.blog-dedails-text p {
  margin-bottom: 15px;
}

.blog-dedails-text .details-inner-img {
  margin-bottom: 25px;
  margin-top: 15px;
}

.blog-dedails-text .details-tag {
  background: #f3eeee;
  padding: 20px;
  border-radius: 10px;
  margin-top: 30px;
}

.blog-dedails-text .details-tag ul {
  padding-left: 0;
  margin-bottom: 0;
}

.blog-dedails-text .details-tag ul li {
  display: inline-block;
  list-style: none;
  margin-right: 5px;
  font-weight: 500;
  color: #001935;
}

.blog-dedails-text .details-tag ul li a {
  color: #001935;
  padding: 5px 15px;
  border: 1px solid #ccb2b2;
  border-radius: 20px;
  font-weight: 400;
  background: #ffffff;
  font-size: 14px;
}

.blog-dedails-text .comment-form {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 30px;
  border-radius: 10px;
  margin-top: 40px;
}

.blog-dedails-text .comment-form h3 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ddd;
  position: relative;
}

.blog-dedails-text .comment-form h3::before {
  position: absolute;
  content: '';
  background: #001935;
  width: 2px;
  height: 20px;
  left: -30px;
  top: 4px;
}

.blog-dedails-text .comment-form .form-group {
  margin-bottom: 20px;
}

.blog-dedails-text .comment-form .form-group label {
  color: #001935;
  margin-bottom: 10px;
}

.blog-dedails-text .comment-form .form-group .form-control {
  height: 50px;
  padding: 5px 20px;
  background: #fff1f1;
}

.blog-dedails-text .comment-form .form-group .comment-box {
  height: 100%;
  padding: 10px 20px;
}

.blog-dedails-text .comment-form .comment-btn {
  margin-top: 14px;
  padding: 10px 20px;
  background: #1459a1;
  color: #ffffff;
  -webkit-transition: .8s;
  transition: .8s;
}

.blog-dedails-text .comment-form .comment-btn:hover {
  background: #001935;
}

/*----------  Blog Details Page CSS End ----------*/
/*----------  Contact Page CSS Start ----------*/
.page-title.title-bg23 {
  background-image: url(../img/title-bg/23.jpg);
}

.contact-card {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  text-align: center;
  padding: 25px;
  border-radius: 15px;
  margin-bottom: 30px;
}

.contact-card i {
  color: #001935;
  border: 1px dashed #001935;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
  margin-bottom: 20px;
  font-size: 25px;
}

.contact-card ul {
  padding-left: 0;
  margin-bottom: 0;
}

.contact-card ul li {
  list-style: none;
  color: #001935;
}

.contact-card ul li a {
  color: #001935;
}

.contact-card ul li a:hover {
  color: #1459a1;
}

.contact-area {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 50px;
  border-radius: 50px;
}

.contact-area h3 {
  /* margin-bottom: 30px; */
  font-size: 30px;
  text-align: center;
}

.contact-area form .form-group {
  margin-bottom: 30px;
}

.contact-area form .form-group .form-control {
  height: 50px;
  padding: 5px 20px;
  background: #fafafa;
}

.contact-area form .form-group .message-field {
  height: 100%;
  padding-top: 10px;
}


.contact-area form .contact-btn {
  background: #1459a1;
  color: #ffffff;
  padding: 12px 30px;
  -webkit-transition: .8s;
  transition: .8s;
  border-radius: 5px;
}

.contact-area form .contact-btn:hover {
  /* background: #c10101; */
}

.contact-area form .list-unstyled {
  font-size: 16px;
  margin-top: 10px;
  color: red;
}

.contact-area form .text-danger {
  color: #dc3545 !important;
  margin-top: 18px;
  font-size: 20px;
}

/*----------  Contact Page CSS End ----------*/
/* Back To Top CSS Start */
.top-btn {
  position: fixed;
  bottom: 102%;
  right: 30px;
  color: #ffffff;
  font-size: 30px;
  background: #1459a1;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: 2s;
  transition: 2s;
  z-index: 999;
}

.top-btn:hover {
  background: #001935;
}

.top-btn.active {
  bottom: 2%;
}

.top-btn .bx-fade-up {
  -webkit-animation: fade-up 3s infinite linear;
  animation: fade-up 3s infinite linear;
}

.grow-img img {
  width: 100%;
}

/* Back To Top CSS End */
/* Pre-loader CSS Start */
.loader-content {
  background: #001935;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  text-align: center;
}

.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Pre-loader CSS End */
/* Animation CSS Start */
@-webkit-keyframes line {
  0% {
    top: 0%;
  }

  100% {
    top: 100%;
  }
}

@keyframes line {
  0% {
    top: 0%;
  }

  100% {
    top: 100%;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes wrap {
  0% {
    border-radius: 65% 35% 42% 58% / 55% 48% 52% 45%;
  }

  100% {
    border-radius: 55% 45% 52% 48% / 51% 60% 40% 49%;
  }
}

@keyframes wrap {
  0% {
    border-radius: 65% 35% 42% 58% / 55% 48% 52% 45%;
  }

  100% {
    border-radius: 55% 45% 52% 48% / 51% 60% 40% 49%;
  }
}

@-webkit-keyframes translateY {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes translateY {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

/* Animation CSS End */
/*# sourceMappingURL=style.css.map */
.switch-box {
  display: none;
}

.checked {
  color: orange;
}

.top-header {

  background-color: #1459a1;
  width: 100%;

}

.left-container {
  display: flex;
  justify-content: center;
}

.left-container a {

  color: #fff;
  margin: 0rem 1rem;
  position: relative;
  right: 45px;
}

.right-container {
  display: flex;
  justify-content: r;
}

.right-container a {

  color: #fff;
  margin: 0rem 1rem;
}

.footer-color {
  color: white !important;
}

.vbslogo {
  width: 22% !important;
}

/*.width{
  max-width: 90% !important;
}*/
@media screen and (max-width:768px) {
  .theme-btn {
    display: flex;
    justify-content: center;
  }
}

.nice-select.open .list {


  height: 200px;
  overflow-y: auto;
  min-width: 100%;
  background-attachment: local, local, scroll, scroll;


}

.label {
  display: block;
  font-weight: 600;
  font-size: 17px;
  color: black;

  font-family: 'Poppins', sans-serif;
  padding: 9px;
}

.nice-select {
  width: 100%;
  background-color: #fafafa;
  font-size: 16px!important;
  border: 1px solid #ced4da;
}

.success-section {
  padding-top: 2rem;
  padding-bottom: 8rem;

}

.index-btn {
  float: left;
}

.index-btn .default-btn {
  margin: 0rem 1rem;
}

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

  .top-header .right-container {
    display: none;
  }

  .vbslogo {
    width: 30% !important;
  }

  .index-btn {
    float: none;
  }

}

/* job rec */
.wid-5r {
  width: 3rem !important;
}

.img-wid {
  width: 10rem !important;
}

.fmilear {
  width: 13.666667%;
}

.package-wrap .package-content {
  padding: 0 30px 0;
}

element.style {}

.container {
  /* max-width: 1170px; */
  padding-left: 15px;
  padding-right: 15px;
}

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



.package-meta ul li {
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  line-height: 1.1;
  padding: 0 12px;
  position: relative;
}

.package-inner .row [class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
}

.package-wrap {
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 24px;
  position: relative;
}

.neeww-wid {
  width: 100% !important;
  text-align: center !important;
}

.widt-by {
  width: 66rem;
}

.claty {
  margin-left: -8px !important;
}

.back-non {
  background: #fff !important;
}



.int1 {
  font-size: 23px;
}

.rec1 {
  font-size: 40px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #000;
}

.vl {
  border-left: 1px solid white;
  height: 250px;
  position: absolute;
  left: 48%;
  margin-left: -3px;
  top: 200px;
}

.pt {
  padding-top: 2rem;
}

.top-header-content {
  padding: 6px 0px;
}

@media screen and (max-width:720px) {
  .vl {
    display: none !important;
  }
}

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

  #san-a {
    padding-bottom: 3rem !important;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .paragraph-in-banner15 {
    position: relative;
    bottom: 1.3rem !important;
  }

  .rs1 {
    font-size: 38px;
    text-align: left;
  }

}


/* Category Section Start */

@import url("https://fonts.googleapis.com/css?family=Cardo:400i|Rubik:400,700&display=swap");

:root {
  --d: 1100ms;
  --e: cubic-bezier(0.19, 1, 0.22, 1);
  --font-sans: 'Montserrat', sans-serif;
  --font-serif: 'Montserrat', sans-serif;
}


.mpf-page-content {
  width: 1240px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.5rem;
  max-width: 100vw;
  margin-inline: auto;
  font-family: var(--font-sans);
}

@media (min-width: 600px) {
  .mpf-page-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 800px) {
  .mpf-page-content {
    grid-template-columns: repeat(4, 1fr);
  }
}

.mpf-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 1rem;
  width: 100%;
  text-align: center;
  color: white;
  background-color: white;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 10px 30px !important;
}

@media (min-width: 600px) {
  .mpf-card {
    height: 230px;
    width: 298px;
  }
}

.mpf-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: 0 0;
  transition: transform calc(var(--d) * 1.5) var(--e);
  pointer-events: none;
}

.mpf-card:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;

  transform: translateY(-50%);
  transition: transform calc(var(--d) * 2) var(--e);
}


.mpf-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1rem;
  transition: transform var(--d) var(--e);
  z-index: 1;
}

.mpf-content>*+* {
  margin-top: 1rem;
}


.mpf-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  font-family: 'Montserrat', sans-serif;
}

.mpf-copy {
  font-size: 16px;
  line-height: 1.35;
}


@media (hover: hover) and (min-width: 600px) {
  .mpf-card:after {
    transform: translateY(0);
  }

  .mpf-content {
    transform: translateY(calc(80% - 4.5rem));
  }

  .trf1 {
    transform: translateY(calc(70% - 4.5rem));
  }

  .trf2 {
    transform: translateY(calc(72% - 4.5rem));
  }

  .trf3 {
    transform: translateY(calc(70% - 4.5rem));
  }

  .trf4 {
    transform: translateY(calc(71% - 4.5rem));
  }

  .trf5 {
    transform: translateY(calc(71% - 4.5rem));
  }

  .trf6 {
    transform: translateY(calc(71% - 4.5rem));
  }

  .trf7 {
    transform: translateY(calc(71% - 4.5rem));
  }

  .trf8 {
    transform: translateY(calc(75% - 4.5rem));
  }


  .mpf-content>*:not(.mpf-title) {
    opacity: 0;
    transform: translateY(1rem);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e);
  }

  .mpf-card:hover,
  .mpf-card:focus-within {
    align-items: center;
  }

  .mpf-card:hover:before,
  .mpf-card:focus-within:before {
    transform: translateY(-4%);
  }

  .mpf-card:hover:after,
  .mpf-card:focus-within:after {
    transform: translateY(-50%);
  }

  .mpf-card:hover .mpf-content,
  .mpf-card:focus-within .mpf-content {
    transform: translateY(0);
  }

  .mpf-card:hover .mpf-content>*:not(.mpf-title),
  .mpf-card:focus-within .mpf-content>*:not(.mpf-title) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--d) / 8);
  }

  .mpf-card:focus-within:before,
  .mpf-card:focus-within:after,
  .mpf-card:focus-within .mpf-content,
  .mpf-card:focus-within .mpf-content>*:not(.mpf-title) {
    transition-duration: 0s;
  }
}

.fs {
  font-size: 50px !important;
  color: #1459a1;
  font-weight: normal !important;
}

.bclr {
  color: #000;
  font-weight: 500;
}

.mpf-card:hover {
  transition: 0.5s;
  border: 1px solid #1459a1;
  transition: transform var(--d) var(--e);
}

.fs2 {
  font-size: 50px !important;
  width: 50px !important;
}

.pm {
  padding: 0px !important;
  margin: 0px !important;
}

.md {
  width: 100%;
  margin-bottom: 100px;
  margin-top: 100px;
}

@media only screen and (max-width: 600px) {
  .mpf-card {
    width: 100vw !important;
  }

  .mpf-page-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
  }

}

/* Category Section End  */



/* <!-- FAQ START -->  */

@import url("https://fonts.googleapis.com/css?family=Hind:300,400&display=swap");


.fcontainer {
  width: 100%;
  height: 100%;
  background: white;
  margin-bottom: 100px;
}


.containerm {
  margin: 0 auto;
  /* width: 75%; */
}

.accordionm .accordion-itemm {
  border-bottom: 1px solid black;
}

.accordionm .accordion-itemm button[aria-expanded=true] {
  border-bottom: 1px solid #1459a1;
}

.accordionm button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: black;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: none;
  outline: none;
}

.accordionm button:hover,
.accordionm button:focus {
  cursor: pointer;
  color: #1459a1;
}

.accordionm button:hover::after,
.accordionm button:focus::after {
  cursor: pointer;
  color: #1459a1;
  border: 1px solid #1459a1;
}
.accordionm button .accordion-titlem {
  padding: 1em 1.5em 1em 0;
  color: #1459a1;
  line-height: 1.6;
}

.accordionm button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  color: #1459a1;
  border-radius: 22px;
}

.accordionm button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}

.accordionm button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.accordionm button[aria-expanded=true] {
  color: #1459a1;
}

.accordionm button[aria-expanded=true] .icon::after {
  width: 0;
}

.accordionm button[aria-expanded=true]+.accordion-content {
  opacity: 1;
  max-height: 12em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.accordionm .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.accordionm .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 1em 0;
}


.faqm {
  margin-bottom: 40px;
  margin-inline: 12rem;
  color: #1459a1;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.375rem;

}

.faqw {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4;
  color: black !important;
  font-family: var(--font-sans) !important;
}

.faqc {
  margin-inline: 26rem;
}

.color-white {
  color: black;
  text-align: center;
}

.mt{
  margin-top: 60px;
}
/* <!-- FAQ END-->  */


.abp{
  font-size: 17px !important;
  color: #707070 !important;
  line-height: 1.8 !important;
  display: inline !important;
  font-weight: 100 !important;
  font-family: 'Montserrat', sans-serif !important;
}

.inline{
  display: inline !important;
}

/* whatsapp start  */
/* .float1{
  width: 60px !important;
  height: 60px !important;
  bottom: 40px !important;
  left: 40px !important;
  background-color: #25d366 !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-size: 30px !important;
  box-shadow: 2px 2px 3px #999 !important;
  z-index: 100 !important;
  position: fixed;
  justify-content:center;
  display: flex;
  align-items: center;
  
}
*/
.wa{
  margin-left: 0px!important;
} 

/* whatsapp end  */
section.why-choose-two {
  margin-top: -239px;
  position: relative;
  z-index: 9;
}
.default-btn-banner {
 
    font-size: 18px;
    font-weight: 500;
    font-family: "Catamaran", sans-serif;
    background: #1459a1;
    color: #ffffff;
    border: 1px solid transparent;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 10px;
}
.choose-card:hover .default-btn-banner{
  background-color: #ffffff;
  color:#1459a1;
}
.blog-style7-area {
  position: relative;
  display: block;
  background: #ffffff;
  padding: 60px 0 90px;
  z-index: 9;
}
.sec-title {
  position: relative;
  display: block;
}
.why-choose-1 {
  background-image: url('../img/recruitment/recruitment-09.png');
  background-size: cover;
  background-position: center center;
  margin-top: 70px;
}
.why-choose-upp {
  margin-top: -65px;
}
.why-choose-img{
  max-width: 85%;
  margin: 0 auto;
}
.uploadcv 
{
  height: auto!important;
  padding: 5px!important;
}
.WhatsappIcon img {
  width: 50px;
}
.WhatsappIcon {
  position: fixed;
  z-index: 999;
  bottom: 20px;
  left: 20px;
  cursor: pointer;
}
img.rev-btn {
  width: 191px;
  margin-top: 20px;
}
@media only screen and (max-width: 480px) {
  section.why-choose-two {
    margin-top: 0px;
  
  }
  .section-title p {
    padding: 0;
    margin: 0 auto;
}

.accordionm button {
  font-size: 15px;
}
.accordionm button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 0em 15px 15px 0em;
    color: black;
    font-size: 15px;
    font-weight: bold;
    border: none;
    background: none;
    /* margin-right: 162px; */
    outline: none;
}
.blog-style7-area .col-md-12 {
  margin-top: 0px!important;
}
}
.pt-50{
  padding-top: 50px;
}
.text-justify{
  text-align: justify;
}
.only-hover:hover{
color: #1459a1 !important;
background-color: #fff;
border:solid #1459a1;
}
/*  */
.forhig{
height: 28rem;
}
@media (max-width: 480px){
.choose-card {
  height:32rem !important;
}
}
/* services pages */
.para{
  font-size:large;
  color: #707070;
  font-style: initial;
  font-weight: 400;
  display: inline !important;
}
.display-inli{
  display: inline !important;
}
/* blogs  */
/* blogs sm */

.sm-vbs{
  font-size: 17px!important;
  font-weight: 400!important;
  display: inline !important;
  color: #707070!important;
  font-family: Montserrat, sans-serif;
}
.blog-titlee{
  font-size: 20px;
  padding-top: 10px;
  display: inline;
}
.single-blog-style1 .img-holder .date-box {
  position: absolute;
  left:28rem!important;
  margin-top: -20px;
  background:#2a589c;
  border-radius: 3px;
  text-transform: capitalize;
  text-align: center;
  padding: 6px 25px;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: 5;
}
.single-blog-style1 .text-holder {
position: relative;
display: block;
padding: 42px 0 0;
}
.main-heding{
  font-size: 45px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: capitalize;
}
@media screen and (max-width: 376px) {
  .left-container a {
    color: #fff;
    margin: 10px;
    position: relative;
    right: 15px;
}
.faqw{
  font-size: 14px !important;
}
.offset-2 {
  margin-left: -0.333333%;
}
.about-style10__content .inner-content {
  text-align: justify !important;
}
}
@media screen and (max-width: 821px) {
  .offset-2 {
    margin-left: 0.666666%;
}
.single-blog-style1 .img-holder .date-box {
  position: absolute;
  left: 3rem;
  margin-top: -10px;
}
.about-style10__content .inner-content {
  text-align: justify !important;
}

}
@media screen and (width: 912px) {
.offset-2 {
  margin-left: 0.666667%;
}
.about-style10__content .inner-content {
  text-align: justify !important;
}
}
@media screen and (width: 280px) {
.main-heding {
  font-size: 34px;
}
}
@media screen and (width: 820px) {
.mean-container a.meanmenu-reveal {
    left: 46rem !important;
}
.partner-box-style3 {
  margin-left: 0px;
  margin-right: 39px;
}
.about-style10__content .inner-content {
  text-align: justify !important;
}
.why-choose-img {
  height: 64px !important;
}
.mean-container a.meanmenu-reveal {
  width: 40px;
  height: 140px !important;
  top: 5rem;
  left: 46rem !important;
}
.vbslogo {
  padding-top: 2rem;
  width: 26% !important;
}
}
@media screen and (width: 768px) {
  .mean-container a.meanmenu-reveal {
    width: 40px;
    height: 140px !important;
    top: 5rem;
    left: 43rem !important;
  }
  .vbslogo {
    padding-top: 2rem;
    width: 26% !important;
  }
  .why-choose-img {
    height: 64px !important;
  }
  .about-style10__content .inner-content {
    text-align: justify !important;
  }
}
@media screen and (max-width: 991px) and (min-width: 821px) {
  .mean-container a.meanmenu-reveal {
    width: 40px;
    height: 140px !important;
    top: 5rem;
    left: 43rem !important;
  }
  .vbslogo {
    padding-top: 2rem;
    width: 26% !important;
  }
  .why-choose-img {
    height: 64px !important;
  }
  .about-style10__content .inner-content {
    text-align: justify !important;
  }
  .mean-container a.meanmenu-reveal {
    left: 53rem !important;
}

}

.reaestate{
  height: 50px;
  width: 50px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link:hover {
  color: #1459a1;
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link:active  {
  color: #1459a1;
}

.forh1{
  font-size: 17px;
    color: #707070;
    line-height: 1.8;
    display: inline;
    font-weight: normal;
}

.forp{
  display: inline;
}
 /* Sitemap  start*/


 .main-sitemap-section{
  margin-top: 7rem;
  margin-bottom: 7rem;
  font-size: 20px;
  font-weight: 800;
 line-height: 2.3rem;
}

.sitemap-links li a{
  color: #1659A1 !important;
  font-size: 16px;
    font-weight: 550;
}

.sitemap-links li a:hover{
  color: black !important;
}
.p1{
  display: inline !important;
  font-size: 16px !important;
  line-height: 36px !important;
  color: #000 !important;
  font-family: 'Raleway', sans-serif !important;
  text-align: left !important;
  font-weight: 400 !important;
  color: black !important;
}
.sitemap-links li{
  list-style-type:none;
}
/* Sitemap end  */
@media only screen and (max-width: 480px){
.accordionm button {
    padding: 1em 15px 15px 1em;
    font-size: 12px;
}
}