/* Projects Styling

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

/*  Colors

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

/*  Fonts

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

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

/* Settings

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

/* top header */

/* anchor link */

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

/* Header Css Start

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

html {
  scroll-behavior: smooth;
}

a{text-decoration: none;}
.site-header {

  color: #ffffff;

  position: relative;

  z-index: 200; }

  .site-header .top-header {

    background: #212529;

    color: #ffffff; }

    .site-header .top-header a {

      color: #fff;

      cursor: pointer; }

      .site-header .top-header a:hover {

        color: #fff;

        text-decoration: none; }



.utility-nav {

  padding-top: 10px;

  padding-bottom: 10px; }

  .utility-nav a {

    font-size: 18px; }

    .utility-nav a:hover {

      color: #4ecfcc; }



/* saperator */

.social-listing ul {

  margin-bottom: 0; }

  .social-listing ul li {

    display: inline-block;

    vertical-align: middle;

    margin-left: 5px;

    margin-bottom: 0; }

    .social-listing ul li a {

      padding: 5px;

      display: block;

      color: #333; }

      .social-listing ul li a span {

        line-height: 1.25em; }

        .social-listing ul li a span:before {

          content: '|';

          display: inline-block;

          vertical-align: baseline;

          line-height: 1em;

          margin: 0 5px 0 -8px;

          color: #fff !important;

          opacity: 0.2; }

      .social-listing ul li a:hover {

        color: #4ecfcc; }

        .social-listing ul li a:hover:before {

          content: '|';

          display: inline-block;

          vertical-align: baseline;

          line-height: 1em;

          margin: 0 5px 0 -8px;

          color: #fff !important;

          opacity: 0.2; }

  .social-listing ul:first-child span:before {

    display: none; }

  .social-listing ul:first-child a:hover span:before {

    display: none; }



/* Social Links */

.social-listing .fa-social {

  font-size: 14px;

  background: #3fadaa;

  border: 0px solid #3fadaa;

  color: white;

  height: 32px;

  line-height: 32px;

  text-align: center;

  width: 32px;

  border-radius: 100%;

  position: relative; }

  .social-listing .fa-social:hover {

    color: #3fadaa;

    background: #fff; }

  .social-listing .fa-social a {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    display: block; }

.social-listing ul li[class^=icon],

.social-listing ul li.fa {

  width: 30px;

  height: 30px;

  border: 1px solid #fff;

  border-radius: 100%;

  background: #fff;

  color: #333;

  line-height: 30px; }

  .social-listing ul li[class^=icon]:hover,

  .social-listing ul li.fa:hover {

    background: #4ecfcc;

    border-color: #4ecfcc;

    color: #fff; }

.social-listing ul li[class^=icon] img {

  max-height: 100%;

  vertical-align: top; }

.social-listing ul li[class^=icon] span:before,

.social-listing ul li[class^=icon] a:hover span:before,

.social-listing ul li.fa span:before,

.social-listing ul li.fa a:hover span:before {

  display: none; }



/* ------------ Main Header Start -----------*/

.main-header .site-description {

  color: #fff;

  margin: 5px 0; }

.main-header .logo-wrap img {

  width: 100%;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.site-header h1, .site-header h2 {

  text-align: center; }

  .site-header h1 a, .site-header h2 a {

    color: #515151;

    display: inline-block;

    text-decoration: none; }

    .site-header h1 a:hover, .site-header h2 a:hover {

      color: #21759b; }

.site-header h1 {

  font-size: 24px;

  line-height: 1.5em;

  margin-bottom: 14px;

  margin-bottom: 30px; }

.site-header h2 {

  font-weight: normal;

  font-size: 13px;

  line-height: 1.5em;

  color: #757575; }



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

/* Header Css End

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

/* ------------ Header Navigation Menu Start -----------*/

body.menu-is-opened {

  overflow: hidden !important; }



.top-nav {

  text-align: center; }



.top-nav ul.nav-menu.toggled-on, .hamburger {

  display: inline-block;

  float: right; }



.top-nav ul.nav-menu, .top-nav div.nav-menu > ul {

  display: none; }



.top-nav ul {

  padding-left: 0;

  list-style: none; }



.top-nav li {

  font-size: 14px;

  line-height: 1.25em;

  position: relative; }



.top-nav li a {

  color: #5e5e5e; }



.top-nav li .submenuToggle {

  position: absolute;

  top: 1.227em;

  /*27px;*/

  right: 5px;

  width: 1.818em;

  /*40px;*/

  height: 1.818em;

  /*40px;*/

  background: #eee url(../images/menu-right-arrow.svg) no-repeat center;

  background-size: 1.591em;

  /*35px;*/

  display: block;

  cursor: pointer;

  border-radius: 100%;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.top-nav li.submenuOpened > .submenuToggle {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



/* hamburger menu */

.hamburger {

  margin: 34px 0 0 0;

  float: right;

  display: inline-block;

  cursor: pointer;

  transition-property: opacity, filter;

  transition-duration: 0.15s;

  transition-timing-function: linear;

  font: inherit;

  color: inherit;

  text-transform: none;

  background-color: transparent;

  border: 0;

  overflow: visible; }



.hamburger-box {

  width: 40px;

  height: 24px;

  display: inline-block;

  position: relative; }



.hamburger-inner {

  display: block;

  top: 50%;

  margin-top: -2px; }



.hamburger-inner,

.hamburger-inner::before,

.hamburger-inner::after {

  width: 40px;

  height: 4px;

  background-color: #fff;

  border-radius: 4px;

  position: absolute;

  transition-property: transform;

  transition-duration: 0.15s;

  transition-timing-function: ease; }



.hamburger-inner::before,

.hamburger-inner::after {

  content: "";

  display: block; }



.hamburger-inner::before {

  top: -10px; }



.hamburger-inner::after {

  bottom: -10px; }



/*  3DXY Reverse */

.hamburger--3dxy-r .hamburger-box {

  perspective: 80px; }



.hamburger--3dxy-r .hamburger-inner {

  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }



.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {

  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }



.hamburger.is-active {

  position: relative;

  z-index: 120;

  margin-top: 0; }



.hamburger--3dxy-r.is-active .hamburger-inner {

  background-color: transparent;

  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }



.hamburger--3dxy-r.is-active .hamburger-inner::before {

  transform: translate3d(0, 10px, 0) rotate(45deg);

  background: #333; }



.hamburger--3dxy-r.is-active .hamburger-inner::after {

  transform: translate3d(0, -10px, 0) rotate(-45deg);

  background: #333; }



/* HEADER CSS */

.fixed-header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 100; }



.fixed-header .hamburger {

  margin-top: 11px; }



.fixed-header .logo-wrap img {

  width: 50%;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.fixed-header .top-nav {

  margin-top: 10px; }



.fixed-header .top-header {

  display: none; }



/*.left-sidebar-layout, .right-sidebar-layout, .full-width {  padding: 50px 0; }*/

/* responsive start */

@media (max-width: 1023px) {

  .main-header > .row > .col-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%; }



  .main-header .logo-wrap {

    max-width: 350px;

    float: left; }



  .top-nav, .top-nav.menu-opened {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff; }



  .top-nav {

    opacity: 0;

    visibility: hidden;

    z-index: -10;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s; }



  .top-nav.menu-opened {

    opacity: 1;

    visibility: visible;

    z-index: 100;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s; }



  .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul {

    display: block; }



  .top-nav.menu-opened .menu-main-menu-container {

    display: flex;

    height: 100%;

    overflow: auto;

    padding: 100px 0; }



  .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul {

    margin: auto;

    width: 100%;

    max-width: 600px; }



  .top-nav ul li {

    font-size: 22px;

    line-height: 1.5em; }



  .top-nav ul li a {

    padding: 30px 20px;

    display: block; }



  .top-nav ul li:last-child a {

    border: 0; }



  .top-nav ul li a:hover {

    text-decoration: none; }



  .top-nav ul li ul {

    background: rgba(0, 0, 0, 0.03); }



  .top-nav ul li ul li {

    font-size: 0.864em; }



  .top-nav ul li ul {

    display: none; }



  .top-nav a:hover,

  .top-nav a:focus,

  .top-nav li.current-menu-item a,

  .top-nav li.current_page_item a {

    color: #4ecfcc; } }

@media (max-width: 640px) {

  .main-header .logo-wrap {

    max-width: 240px; }



  .main-header .logo-wrap img {

    width: 70%; }



  .hamburger {

    margin-top: 10px; }



  .fixed-header .hamburger {

    margin-top: 10px; }



  .hamburger.is-active {

    margin-top: -25px; }



  .fixed-header .hamburger.is-active {

    margin-top: 10px; }



  .top-nav ul li {

    font-size: 18px; }



  .top-nav ul li a {

    padding: 15px; }



  .top-nav li .submenuToggle {

    top: 0.778em;

    /*14px;*/

    width: 1.667em;

    /*30px;*/

    height: 1.667em;

    /*30px;*/

    background-size: 1.389em;

    /*25px;*/ } }

@media (min-width: 1024px) {

  .top-nav ul.nav-menu,

  .top-nav div.nav-menu > ul {

    display: inline-block !important;

    text-align: right;

    width: 100%; }



  .top-nav ul {

    margin: 0;

    text-indent: 0; }



  .top-nav li {

    margin: 0 0 0 20px;

    position: relative; }



  .top-nav li a,

  .top-nav li {

    display: inline-block;

    text-decoration: none; }



  .top-nav li a {

    color: #fff;

    text-transform: uppercase;

    white-space: nowrap;

    position: relative;

    padding: 15px; }

    .top-nav li a:hover {

      background: #000000; }



  .top-nav li ul {

    position: absolute;

    top: 100%;

    left: 0;

    text-align: left;

    z-index: 1;

    visibility: hidden;

    opacity: 0;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transform: translateY(50px);

    -o-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -webkit-transform: translateY(50px);

    transform: translateY(50px); }



  .top-nav li ul ul {

    top: 0;

    left: 100%; }



  .top-nav li li {

    margin-left: 0; }



  .top-nav li ul li a {

    background: #efefef;

    color: #333;

    border-bottom: 1px solid #ededed;

    display: block;

    font-size: 11px;

    font-size: 0.785714286rem;

    line-height: 2.181818182;

    padding: 8px 10px;

    padding: 0.571428571rem 0.714285714rem;

    width: 180px;

    width: 12.85714286rem;

    white-space: normal; }



  .top-nav .current-menu-item > a,

  .top-nav .current-menu-ancestor > a,

  .top-nav .current_page_item > a,

  .top-nav .current_page_ancestor > a {

    border-color: #fff; }



  .top-nav li:hover a {

    border-color: #fff; }



  .top-nav li a:hover,

  .top-nav li a:focus {

    border-color: #fff;

    color: #fff; }



  .top-nav ul li:hover > ul,

  .top-nav ul li:focus > ul,

  .top-nav .focus > ul {

    visibility: visible;

    opacity: 1;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transform: translateY(0px);

    -o-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -webkit-transform: translateY(0px);

    transform: translateY(0px); }



  .top-nav li ul li a:hover,

  .top-nav li ul li a:focus {

    background: #e3e3e3;

    color: #444; }



  /* for last child only please remove if not required */

  .top-nav ul.nav-menu > li:last-child .sub-menu {

    left: inherit;

    right: 0; }



  .top-nav ul.nav-menu > li:last-child .sub-menu ul {

    right: 100%; }



  /* ... */

  .hamburger,

  .top-nav li .submenuToggle {

    display: none; } }

@media (min-width: 1280px) {

  .top-nav li {

    margin: 0 0 0 5%;

    position: relative; } }

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

/* Settings

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

/* anchor link */

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

/* Footer Css Start

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

footer {

  clear: both;

  color: #fff; }

  footer li,

  footer a {

    color: #fff; }

    footer li:hover,

    footer a:hover {

      color: #fff; }

  footer li.current_page_item a {

    color: #fff; }

  footer.entry-meta {

    margin-top: 24px;

    font-size: 13px;

    line-height: 1.846153846;

    color: #fff;

    background: transparent;

    padding: 0; }

  footer .widget-title {

    font-size: 24px;

    color: #fff;

    margin-bottom: 20px; }

  footer .widget ul {

    padding-left: 0;

    list-style: none; }

  footer .bottom-footer {

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    padding-top: 15px;

    margin-top: 50px; }

    footer .bottom-footer .footer-menu {

      padding-left: 0;

      margin-bottom: 0; }

    footer .bottom-footer .footer-menu li,

    footer .bottom-footer .site-info p

    .site-info {

      font-size: 16px; }

    footer .bottom-footer .social-media {

      margin-bottom: 0; }

      footer .bottom-footer .social-media li {

        padding: 10px;

        font-size: 15px; }

    footer .bottom-footer .footer-menu li {

      list-style: none;

      display: inline-block;

      padding-right: 10px; }

    footer .bottom-footer .social-listing {

      float: right; }

      footer .bottom-footer .social-listing ul li.fa {

        padding: 0; }

  footer .site-info {

    float: left;

    width: 50%;

    font-size: 15px;

    padding-top: 8px; }



#top {

  float: right;

  width: 39px;

  margin-top: -85px;

  margin-right: 20px;

  opacity: 0.5;

  display: none;

  cursor: pointer;

  font-size: 50px;

  padding-right: 20px;

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease; }

  #top:hover {

    opacity: 1; }

  #top .fa {

    color: #fff; }



/* responsive start */

@media (max-width: 767px) {

  footer .social-listing {

    float: none; }



  .bottom-footer .col-sm-12 {

    margin-bottom: 5px;

    text-align: left; }

  .bottom-footer .social-media {

    padding-left: 0; } }

/*==========================================================================

   underconstruction page

* ========================================================================*/

#container {

  margin: 0;

  padding: 0; }



.intro .title {

  color: #2098f5;

  font-family: lato;

  font-weight: 700;

  font-size: 2em;

  text-transform: uppercase;

  position: relative;

  display: table;

  margin: 0 auto; }



.intro .title::before {

  background: none repeat scroll 0 0 #ddd;

  content: "";

  height: 2px;

  left: 25%;

  position: absolute;

  top: -8px;

  width: 50%; }



.intro .title::after {

  background: none repeat scroll 0 0 #ddd;

  content: "";

  height: 2px;

  left: 25%;

  position: absolute;

  bottom: -8px;

  width: 50%; }



.intro .title-tag {

  font-family: open_sanslight;

  font-size: 1.1em;

  padding: 10px 0 20px 0; }



.padding-2x {

  padding: 60px 0; }



.padding-x {

  padding: 20px 0; }



.padding-top-2x {

  padding-top: 60px; }



.padding-top-x {

  padding-top: 20px; }



.padding-btm-2x {

  padding-bottom: 60px; }



.padding-btm-x {

  padding-bottom: 20px; }



.margin-2x {

  margin: 60px 0; }



.margin-x {

  margin: 20px 0; }



.margin-top-2x {

  margin-top: 60px; }



.margin-top-x {

  margin-top: 20px; }



.margin-btm-2x {

  margin-bottom: 60px; }



.margin-btm-x {

  margin-bottom: 20px; }



/* Intro Section  */

.intro {

  background-size: cover;

  background-position: center;

  background-color: #2a2e39;

  position: fixed;

  z-index: 10;

  overflow: hidden;

  width: 100%;

  height: 100%;

  color: #fff;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }



.intro:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.4);

  z-index: -2; }



.intro .center-content {

  display: table;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%; }



/* Intro Content */

.intro .intro-content {

  display: table-cell;

  font-size: 1.15em;

  margin: 0;

  padding: 0;

  min-width: 100%;

  min-height: 100%;

  vertical-align: middle; }



/* Logo */

.intro .logo {

  width: 100%;

  margin: -30px 0 25px; }



.intro .logo img {

  width: 200px;

  height: auto; }



.intro .text-logo {

  color: #2098f5;

  font-family: BeonMedium;

  font-weight: 700;

  font-size: 3em;

  margin-top: 15px; }



/* Intro Main Heading */

.intro .intro-title {

  font-family: lato;

  font-size: 3em;

  font-weight: normal;

  margin: 15px 0;

  text-transform: uppercase; }



.intro .obak {

  color: #2098f5; }



/* Countdown */

.intro .countdown {

  list-style: none;

  margin: 20px 0;

  padding: 0;

  display: block;

  text-align: center;

  font-family: BeonMedium; }



.intro .countdown li {

  display: inline-block;

  color: #fff; }



.intro .countdown li span {

  font-size: 80px;

  font-weight: 300;

  line-height: 80px; }



.intro .countdown li.seperator {

  font-size: 14px;

  margin-top: 12px;

  line-height: 30px;

  vertical-align: top; }



.intro .countdown li p {

  color: #ddd;

  font-size: 14px; }



.intro .content-div {

  width: 100%; }



/* Intro Sub Heading */

.intro .intro-subtitle {

  display: block;

  -webkit-align-items: center;

  align-items: center;

  text-align: center; }



.intro .intro-subtitle p {

  color: #efefef; }



.intro .intro_description {

  margin: 0 auto 0 1em;

  line-height: 1.2; }



/* Social Links */

.intro .social {

  bottom: 0;

  left: 0;

  margin: 10px;

  position: absolute;

  z-index: 3; }



.intro .fa-social {

  font-size: 14px;

  background: #fff;

  border: 0px solid #fff;

  color: #2098f5;

  height: 32px;

  line-height: 32px;

  text-align: center;

  width: 32px;

  margin-right: 3px;

  border-radius: 100%;

  position: relative;

  transition: all 0.5s;

  -webkit-transition: all 0.5s; }



.intro .fa-social:hover {

  color: #fff;

  background: #1e87d8;

  transition: all 0.5s;

  -webkit-transition: all 0.5s; }



.intro .fa-social a {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  display: block; }



/* Footer */

.intro #footer {

  background-color: #2098f5;

  padding: 20px 0;

  overflow: hidden;

  position: fixed;

  bottom: 0;

  max-width: 100%; }



.intro #footer a {

  color: #fff; }



.intro .copyright p {

  color: #fff;

  display: block;

  padding-top: 5px;

  font-size: 1.1em; }



.intro .container-bottom-content .social-media {

  margin-bottom: 10px; }



.hidden {

  display: none !important;

  visibility: hidden; }



.visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px; }



.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

  clip: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  position: static;

  width: auto; }



.invisible {

  visibility: hidden; }



.clearfix:before, .clearfix:after {

  content: " ";

  display: table; }



.clearfix:after { clear: both; }



.main-header .logo-wrap img{ width: 150px; }



/* responsive start */

@media only screen and (max-width: 1280px) {

  .intro .logo {

    margin-top: 0; }



  .intro .center-content {

    display: flex;

    align-items: center;

    overflow: auto;

    position: static; }



  .intro .intro-content {

    padding: 70px 0 100px;

    min-height: inherit; } }

@media only screen and (max-width: 767px) {

  .intro:after {

    background-color: rgba(0, 0, 0, 0.7); }



  .intro .logo img {

    max-height: 100px;

    width: auto; }



  .intro .text-logo,

  .intro .intro-title {

    font-size: 1.5em; }



  .intro .center-content {

    align-items: flex-start; } }

@media only screen and (max-width: 639px) {

  .intro #footer {

    padding-top: 50px; }



  .intro .intro-content {

    padding-bottom: 120px; }



  .intro .social {

    text-align: center;

    width: 100%;

    margin: 0;

    bottom: 46px; }



  .intro .container-bottom-content .social-media {

    padding-left: 0; } }

.error404 {

  height: 100%;

  color: #ffffff; }

  .error404 #top {

    display: none !important; }

  .error404 .site-header {

    display: none; }

  .error404 .logo-wrap {

    max-width: 250px;

    margin: auto auto 35px; }

  .error404 footer {

    display: none; }

  .error404 #page {

    height: 100%; }

  .error404 .page-content-section {

    height: 100%;

    padding: 140px 0; }

    @media (max-width: 767px) {

      .error404 .page-content-section {

        padding: 50px 0 0; } }

  .error404 .error-main {

    max-width: 530px;

    margin: auto;

    padding: 5%;

    background: rgba(40, 41, 45, 0.35);

    border: 1px solid rgba(255, 255, 255, 0.17);

    box-shadow: 0 0px 60px rgba(0, 0, 0, 0.15); }

    @media (max-width: 767px) {

      .error404 .error-main {

        padding: 55px 5%;

        margin-bottom: 50px; } }

    .error404 .error-main .title-404 {

      font-size: 150px;

      line-height: 0.8;

      margin-bottom: 0; }

      @media (max-width: 767px) {

        .error404 .error-main .title-404 {

          font-size: 100px;

          margin-bottom: 10px; } }

    .error404 .error-main .content-404 h3 {

      padding: 10px;

      border-top: 1px solid rgba(255, 255, 255, 0.42);

      border-bottom: 1px solid rgba(255, 255, 255, 0.42);

      text-transform: uppercase;

      letter-spacing: 10px;

      margin: 20px 0;

      font-size: 22px; }

    @media (max-width: 767px) {

      .error404 .error-main .content-404 h3 {

        font-size: 22px;

        letter-spacing: 2px; }

      .error404 .error-main .content-404 p {

        line-height: 1.25em;

        font-size: 15px; } }

  .error404 .bg-image {

    background-repeat: no-repeat !important;

    background-size: cover !important;

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: -1;

    pointer-events: none;

    top: 0; }

  .error404 .btn-primary:hover {

    background-color: #6c757d;

    border-color: #6c757d;

    opacity: 1;

    color: #ffffff; }



.widget-area .widget {

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  hyphens: auto;

  margin-bottom: 48px;

  word-wrap: break-word; }



.widget-area .widget h3 {

  margin-bottom: 10px; }



.widget-area .widget p,

.widget-area .widget li,

.widget-area .widget .textwidget {

  font-size: 13px;

  line-height: 1.846153846; }



.widget-area .textwidget ul,

.widget-area .textwidget ol {

  list-style: disc outside;

  margin: 0 0 24px; }



.widget-area .textwidget li > ul,

.widget-area .textwidget li > ol {

  margin-bottom: 0; }



.widget-area .textwidget ol {

  list-style: decimal; }



.widget-area .textwidget li {

  margin-left: 36px; }



.widget-area .widget ul ul {

  margin-left: 12px; }



.widget-area .widget a {

  color: #757575; }



.widget-area .widget a:hover {

  color: #21759b; }



/* =Widgets

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

.widget_recent_entries .post-date, .widget_rss .rss-date {

  color: #aaa;

  font-size: 11px;

  margin-left: 12px; }



#wp-calendar {

  margin: 0;

  width: 100%;

  font-size: 13px;

  line-height: 1.846153846;

  color: #686868; }



#wp-calendar th, #wp-calendar td, #wp-calendar caption {

  text-align: left; }



#wp-calendar #next {

  padding-right: 24px;

  text-align: right; }



.widget_twitter li {

  list-style-type: none; }



.widget_twitter .timesince {

  display: block;

  text-align: right; }



.widget_search label {

  display: block;

  font-size: 13px;

  line-height: 1.846153846; }



.widget_search input[type="text"], .widget_search input[type="search"] {

  width: 70%; }



.widget-area .search-form form {

  position: relative; }



.widget-area .search-form input {

  width: 100%;

  padding-right: 33px; }



.widget-area .search-form input.search-button {

  width: 35px;

  height: 30px;

  padding: 5px;

  display: inline-block;

  vertical-align: middle;

  position: absolute;

  right: 0;

  top: 4px;

  border-left: 1px solid rgba(0, 0, 0, 0.2);

  cursor: pointer; }



/* =Blog main content and comment content

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

.entry-content .item {

  margin-bottom: 50px; }



.entry-content .item .title {

  font-size: 30px;

  margin-bottom: 5px; }



.entry-content .item .meta-box {

  margin-bottom: 25px; }



.entry-content .item .meta-box > div {

  display: inline-block;

  vertical-align: middle;

  margin-right: 15px;

  color: #999;

  font-size: 14px; }



.entry-content .item .meta-box .post-category a {

  display: inline-block;

  vertical-align: middle; }



.entry-content .item .img-blk {

  margin-bottom: 20px; }



.page-numbers {

  padding-left: 0; }



/* paginiation text color */

.page-numbers .page-numbers,

.page-numbers .page-numbers.next:hover, .page-numbers .page-numbers.prev:hover,

.page-numbers .page-numbers.next, .page-numbers .page-numbers.prev {

  color: #999;

  border-color: #999; }



.page-numbers li {

  list-style: none;

  display: inline-flex;

  display: -webkit-inline-flex;

  align-items: center;

  justify-content: center; }



.page-numbers .page-numbers {

  border: 1px solid;

  width: auto;

  padding: 3px 15px;

  display: block; }



/* paginiation hover and selected color */

.page-numbers .page-numbers:hover,

.page-numbers .page-numbers.current {

  background: #4ecfcc;

  color: #fff;

  border-color: #4ecfcc; }



.page-numbers .page-numbers.next:hover, .page-numbers .page-numbers.prev:hover,

.page-numbers .page-numbers.next, .page-numbers .page-numbers.prev {

  border: 0;

  background: none; }



.page-numbers .page-numbers.prev {

  padding-left: 0; }



/* =Single image attachment view

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

.article.attachment {

  overflow: hidden; }



.image-attachment div.attachment {

  text-align: center; }



.image-attachment div.attachment p {

  text-align: center; }



.image-attachment div.attachment img {

  display: block;

  height: auto;

  margin: 0 auto;

  max-width: 100%; }



.image-attachment .entry-caption {

  margin-top: 8px; }

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

/* GLOBAL STYLES */
@font-face {
  font-family: 'SFT Schrifted Sans';
  src: url('../fonts/SFT-Schrifted-Sans/SFTSchriftedSans-Regular.eot');
  src: url('../fonts/SFT-Schrifted-Sans/SFTSchriftedSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SFT-Schrifted-Sans/SFTSchriftedSans-Regular.woff2') format('woff2'),
      url('../fonts/SFT-Schrifted-Sans/SFTSchriftedSans-Regular.woff') format('woff'),
      url('../fonts/SFT-Schrifted-Sans/SFTSchriftedSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
	padding:0;
	margin:0
}
.loader_main{
	background-color:#071E2D;
	background: linear-gradient(116.42deg, #071E2D 2.53%, #125486 100%);
	display: flex;
  	justify-content: center;
	align-items:center;
	height:100vh; 
  overflow: hidden;
}
.overlay{position: absolute;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;} 
.overlay>div { width: 33.33%; position: absolute; } 
.overlay>div svg { width: 100%; height: auto; } 
.overlay>div.ellipse1 { top: 0; left: 0; animation: ellipse1 10s infinite; transform-origin:bottom left; } 
.overlay>div.ellipse2 { bottom: 0; left: 0; animation: ellipse1 16s infinite; transform-origin:top right; } 
.overlay>div.ellipse3 { right: 0; top: 0; animation: ellipse1 10s infinite; transform-origin:bottom left; } 
.overlay>div.ellipse4 { right: 0; bottom: 0; animation: ellipse1 16s infinite; transform-origin:top right; } 


.banner-slider .overlay:after{background:url(../images/home-banner-bg.png) no-repeat bottom center;}
/* DEMO-SPECIFIC STYLES */
.loader_main .text p {
  line-height: 56px;
  opacity:0;
  color: #fff;
  font-family: monospace;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #3DD7D4; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
   /* Gives that scrolling effect as the typing happens */
   /* Adjust as needed */
  font-size: 53px;
  letter-spacing: 0.12px;
  animation: typing 3.5s steps(23, end) forwards,
    blink-caret .5s step-end infinite;
    font-family: 'SFT Schrifted Sans';
    font-weight: 600;
} 
.loader_content>div {
    text-align: center;
    max-width: 650px;
    width: 100%; 
    margin: 0 auto;
    z-index: 1;
    transform: translateY(120px);
}
.loader_main .text2 p {
    animation-delay: 4s;
}

.loader_main .text3 p {
    animation-delay: 8s;
}

.logo-img>img {
    display: block;
    margin: 0 auto;
	transform:scale(0);
	animation: bounce 1s forwards;
    animation-delay: 12s;
}

.overlay:after{content:'';background:url(../images/stars-bg.png) no-repeat bottom center;position:absolute;height:100%;width:100%;left:0;top:0}
.banner-slider { background: linear-gradient(116.42deg, #071E2D 2.53%, #125486 100%); padding-top: 227px;position: relative;overflow: hidden;} 
.banner-head h1 { font-size: 53px; line-height: 56px; color: #fff; letter-spacing: 0.12px;font-family: 'SFT Schrifted Sans';margin-bottom: 23px;} 
.banner-head p { font-size: 16px; line-height: 20px; color: #B7C6D1; } 
.banner-head { max-width: 658px; margin: 0 auto; text-align: center; } 
.btn-group .btn { font-size: 14px; line-height: 18px; color: #fff; font-weight: 600; display: inline-flex; align-items: center; border: 1px solid; border-radius: 8px !important; margin: 0 10px; position: relative; padding: 11px 18px; overflow: hidden;font-family: 'SFT Schrifted Sans';background: linear-gradient(to right, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.16)); moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-size: 300% 100%;} 
.btn-group .btn:hover { background-position: 100% 0; }
.banner-mobile-img img { margin: 0 auto; display: block; } 
.banner-mobile-img { margin-top: 90px; } 
.banner-mobile-img img { transform: translateX(87px); }
.btn-group .btn.play-icon img { margin-right: 5px; }
body {font-family: 'SFT Schrifted Sans';background: #071E2D;overflow: hidden;}
.banner-head h1 span { background-image: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); color: transparent; background-clip: text; }
.banner-head .text-inner p { font-family: 'SFT Schrifted Sans'; color: #B7C6D1; font-size: 16px; line-height: 20px; } 
.banner-head .text-inner { width: 90%; margin: 0 auto 23px auto; } 
.btn-group .btn.text { background-image: linear-gradient(to right, #3DD7D4 , #2A91D3, #2A91D3, #3DD7D4); color: transparent; background-clip: text; text-decoration: underline; position: relative; } 
.btn-group .btn.text:after { content: ''; height: 1px; width: calc(100% - 36px); position: absolute; background-image: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); bottom: 11px; }
.loader_content div.text1 { max-width: 520px; } 
.loader_content div.text3 { max-width: 438px; } 
.loader_content div.text2 { max-width: 588px; } 
.loader_content { max-width: 650px; position: relative; width: 100%;z-index: 1;}
.loader_content .logo-img { position: absolute; left: 50%; top: 50%; transform: translate(-50%); }
.loader_content .text-box{animation: opacity 12s forwards;}
.banner-slider .overlay>div { width: 50%; }
.text-box>div { margin: 0 auto; }
section#book_a_demo { background: linear-gradient(58.73deg, rgba(18, 84, 134, 0.7) 0%, rgba(18, 84, 134, 0.2) 100%);padding: 129px 0 70px;position: relative;overflow: hidden;} 
section#book_a_demo .overlay:after{background:url(../images/home-banner-bg.png) no-repeat bottom center;}
.footer-top .overlay:after{background:url(../images/home-banner-bg.png) no-repeat center;}
section#book_a_demo .heading h2 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 42px; line-height: 46px; letter-spacing: 0.12px; color:#fff }
section#book_a_demo .heading h2 span {background: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%);color: transparent;background-clip: text;} 
a.gradient-btn.btn { background: linear-gradient(to right, #2A91D3, #3DD7D4, #3DD7D4, #2A91D3); box-shadow: 0px 0px 0px 2px #2377AD; color: #fff; font-weight: 600; font-size: 14px; line-height: 18px; border: 1px solid; border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, rgba(153, 153, 153, 0.34) 100%); padding: 12px 17px; border-radius: 8px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-size: 300% 100%;}
a.gradient-btn.btn:hover { background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
section#book_a_demo .text p {color: #B7C6D1;font-size: 16px;line-height: 20px;font-weight: 500;margin-bottom: 23px;} 
img { max-width: 100%;height: auto;} 
section#book_a_demo .demo-video { margin-top: 48px;position: relative;border-radius: 20px;overflow: hidden;margin-bottom: 46px;} 
.thumbnail-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;cursor: pointer;} 
.thumbnail-img:after { content: ''; height: 100%; width: 100%; position: absolute; background: linear-gradient(271.04deg, rgba(42, 145, 211, 0.2) 0%, rgba(61, 215, 212, 0.2) 100%); left: 0; top: 0; }
.specification-box { display: inline-flex; align-items: center; margin-bottom: 40px; } 
.specification-box .text h4 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 27px; line-height: 32px; letter-spacing: 0.12px; color: #fff; margin-bottom: 3px; } 
.specification-box .text p { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 16px; line-height: 20px; color: #fff; } 
.specification-box .text { padding-left: 10px; flex: 1; } 
section#book_a_demo  .specification-box .text p { margin-bottom: 0; } 
.specification-box .icon { width: 24px; }
section.staffing_solutions .container { position: relative; }

section.our_priority { background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); position: relative; padding: 110px 0 110px 0; min-height: auto;position: relative;overflow: hidden;} 
section.our_priority .overlay:after { max-width: 1280px; left: 50%; transform: translateX(-50%); background-position: bottom left; }
section.our_priority .head { text-align: center; margin-bottom: 31px;} 
section.our_priority .head h2 { font-weight: 600; font-size: 42px; line-height: 46px; letter-spacing: 0.12px; color: #fff; margin-bottom: 26px; } 
section.our_priority .head h2 span { background: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); color: transparent; background-clip: text; } 
section.our_priority .head p { color: #fff; font-size: 16px; line-height: 20px; font-weight: 500; margin-bottom: 23px; } 
h2 span { background: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); color: transparent; background-clip: text; }
h2, .h2 { font-weight: 600; font-size: 42px; line-height: 46px; letter-spacing: 0.12px; } 
section.our_priority .tab-head { display: flex; justify-content: center;margin-bottom: 80px;} 
section.our_priority .tab-head button { color: #DBEDFA; font-size: 16px; line-height: 20px; font-weight: 600; display: inline-flex; align-items: center; border: 1px solid transparent; background: transparent; border-radius: 16px; margin: 0 4px; position: relative; padding: 15px 16px; overflow: hidden; font-family: 'SFT Schrifted Sans'; transition: 0.4s linear;outline: none;} 
section.our_priority .tab-head .active button, section.our_priority .tab-head button:hover { border: 1px solid; background: linear-gradient(95.84deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.32) 100%); }
section.our_priority .tab-single { display: none; } 
section.our_priority .tab-single.active { display: block; } 
section.our_priority .tab-single-inner { display: flex; align-items: center; } 
section.our_priority .tab-single-inner .text { width: 45%; } 
section.our_priority .tab-single-inner .img { width: 55%; padding: 0 15px; } 
section.our_priority .tab-single-inner .img img { margin: 0 auto; display: block; max-width: 486px; } 
section.our_priority .tab-single-inner .text ul>li { display: block; color: #fff; font-size: 16px; line-height: 20px; font-weight: 500; } 
section.our_priority .tab-single-inner .text ul>li h6 { color: #B7C6D1; margin-bottom: 6px;display: flex;} 
section.our_priority .tab-single-inner .text ul>li h6 img { margin-right: 4px; }
section.our_priority .tab-single-inner .text ul>li:not(:last-child) { margin-bottom: 22px; }
section.staffing_solutions { background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); padding: 120px 0 121px 0;position: relative;overflow: hidden;} 
section.staffing_solutions .overlay:after { background-position: bottom 120px left 60%; }
section.staffing_solutions .head { text-align: center; color: #fff;margin-bottom: 80px;} 
section.staffing_solutions .head h2 span { background: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); color: transparent; background-clip: text; } 
section.staffing_solutions .body { display: flex;align-items: center;} 
/*.side-tab-img-single:not(.active) { display: none; } */
.side-tab-head-single { color: #fff; margin-bottom: 10px; } 
.side-tab-head-single h4 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 27px; line-height: 32px; letter-spacing: 0.12px; margin-bottom: 16px; } 
.side-tab-head-single .text ul { padding-left: 30px; }
.side-tab-head { flex: 1; } 
.side-tab-body { width: 67.9%; } 
/*.side-tab-head-single.active { background: rgba(255, 255, 255, 0.10); border: 1px solid white; } */
.side-tab-head-single .text { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; } 
.side-tab-head-single .text li { color: #B7C6D1; margin-bottom: 8px; } 
.side-tab-head-single .text li span { color: #fff; } 
.side-tab-head-single .text ul { padding-left: 21px; list-style-type: square; } 
.side-tab-head-single:not(.active) .text { display: none; }
.side-tab-img-single img { display: block; margin-left: auto; }

.side-tab-head-single  .side-tab-head-content { border-radius: 15px; padding: 23px 24px 7px 24px; transition: border-color 0.4s linear;cursor: pointer; border: 1px solid transparent; }
.side-tab-head-single.active  .side-tab-head-content { background: rgba(255, 255, 255, 0.10); border: 1px solid white; } 
.side-tab-head-single .side-tab-head-content:hover {background: rgba(255, 255, 255, 0.10); border: 1px solid white;}


section.those_who_care .overlay:after, section.faq .overlay:after {background: url(../images/Stars.png) repeat top center;}

section.those_who_care { background: linear-gradient(58.73deg, rgba(18, 84, 134, 0.7) 0%, rgba(18, 84, 134, 0.2) 100%); padding: 160px 0 142px 0;position: relative;overflow: hidden;} 
section.those_who_care .heading { text-align: center; color: #fff; margin-bottom: 80px; } 
.twc-box .img img { border-radius: 20px; display: block; display: block;width: 100%;} 
.twc-box .text h4 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 27px; line-height: 32px; letter-spacing: 0.12px; color: #fff; } 
.twc-box .img { margin-bottom: 20px; } 
.twc-box .text p { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; color: #B7C6D1; }

section.faq .heading { text-align: center; color: #fff; max-width: 660px; margin: 0 auto 116px auto; } 
section.faq { background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); padding: 121px 0 105px 0;position: relative;overflow: hidden;} 
section.faq .heading p { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; color: #BCC6CD; } 
section.faq .heading h2 { margin-bottom: 21px; } 
.faq-list { counter-reset: section; max-width: 1110px; margin: 0 auto; } 
.faq-single .head:before { counter-increment: section; content: "[" counter(section) "]"; font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 16px; line-height: 20px; color: #3DD7D4; position: absolute; left: 0; top: 5px; } 
.faq-single:nth-child(-n+9) .head:before { content: '[0'counter(section)"]"; } 
.faq-single .head { display: flex; width: 100%; position: relative; padding-left: 15.6%; padding-right: 8.5%; cursor: pointer; } 
.faq-single .head h4 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 23px; line-height: 28px; color: #FFFFFF; width: 100%; margin-bottom: 0; } 
.faq-single .body { display: none; padding-left: 15.6%; margin-top: 23px; max-width: 750px; } 
.faq-single.active .body { display: block; } 
.faq-single .body p { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 20px; color: #BCC6CD; } 
.faq-single { padding-bottom: 30px;position: relative;} 
.faq-single .head:after {content:'';position: absolute;height: 11px;width: 11px;border: solid #BCC6CD;right: 3px;border-width: 0px 2px 2px 0px;border-radius: 0px 0px 4px 0px;transform: rotate(45deg);top: 50%;margin-top: -6px;transition: 0.4s ease;}
.faq-single:after { content: ''; height: 1px;width: 0; background: #8194A2; position: absolute; left: -25px; bottom: 20px;transition: none;} 
.faq-single.active:after{width: calc(100% + 50px);transition: width 0.4s ease-in; transition-delay: 0.4s;}
.faq-single.active .head:after { transform: rotate(227deg); }   

section.contact-section .overlay:after { background-image: unset; }
section.contact-section { background: linear-gradient(58.73deg, rgba(18, 84, 134, 0.7) 0%, rgba(18, 84, 134, 0.2) 100%); padding: 140px 0px;position: relative;overflow: hidden;} 
.contact-section-main { background: linear-gradient(135deg, #125486 0%, #071E2D 100%); border-radius: 20px;position: relative;}
.contact-section-main:before{content:'';background: url(../images/Stars.png) repeat bottom center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
a.btn.solid-blue { background-color: #2A91D3; color: #fff; font-size: 14px; line-height: 18px; border-radius: 8px; } 
section.contact-section .contact-text { padding: 24px 80px 0 10px; } 
section.contact-section .contact-text .btn { margin-bottom: 22px; }
section.contact-section .contact-text .head { color: #fff; margin-bottom: 20px; } 
section.contact-section .contact-text .text p { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 20px; color: #BCC6CD; }

section.your_journey .heading { text-align: center; color: #fff; margin-bottom: 61px; } 
section.your_journey { padding: 159px 0 144px 0;background: linear-gradient(58.73deg, rgba(18, 84, 134, 0.7) 0%, rgba(18, 84, 134, 0.2) 100%);position: relative;overflow: hidden;} 
section.your_journey .overlay:after{background:url(../images/home-banner-bg.png) no-repeat bottom center;}
section.your_journey .heading h2 { margin-bottom: 21px; } 
section.your_journey .heading p { color: #B7C6D1; font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 16px; line-height: 20px; } 
.journey_slide { padding: 0px 12px; position:relative; }
section.your_journey .body { margin: 0 -12px; }
.journey_slide img { 
  border-radius: 15px; 
  display: block;
  width: 100%;
} 

.journey_slider .slick-slide .journey_slide .img { 
  position: relative; 
} 

/* custom css - start */
.journey_slider .slick-track > div:nth-child(1) .journey_slide {
  z-index: 2;
}
.journey_slider .slick-track > div:nth-child(2) .journey_slide {
  z-index: 1;
}

/* Pulsate effect */
@keyframes heartbeat {
  0% {
    transform: translateY(-50%) scale(1);
  }
  20% {
    transform: translateY(-50%) scale(1.2); /* Rapid zoom in */
  }
  40% {
    transform: translateY(-50%) scale(1); /* Back to normal quickly */
  }
  100% {
    transform: translateY(-50%) scale(1);
  }
}

/* First arrow: Quick heartbeat every 5s */
.journey_slider .slick-slide:nth-child(1) .journey_slide .img:before,
.journey_slider .slick-slide:nth-child(1) .journey_slide .img:after {
  animation: heartbeat 0.3s ease-out;
  /* animation-delay: 0s; */
  animation-iteration-count: infinite;
  animation-duration: 4.7s; /* 0.5s animation, 4.5s rest */
}

/* Second arrow: Quick heartbeat every 6s */
.journey_slider .slick-slide:nth-child(2) .journey_slide .img:before,
.journey_slider .slick-slide:nth-child(2) .journey_slide .img:after {
  animation: heartbeat 0.3s ease-out;
  /* animation-delay: 0s; */
  animation-iteration-count: infinite;
  animation-duration: 5s; /* 0.5s animation, 5.5s rest */
}

/* custom css - end */

/* Styling for the arrows and circles */
.journey_slider .slick-slide:not(:last-child) .journey_slide .img:before { 
  content: ''; 
  height: 48px; 
  width: 48px; 
  position: absolute; 
  border-radius: 20px; 
  background: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); 
  right: -35px; 
  top: 50%; 
  transform: translateY(-50%);
  z-index: 1;
} 

.journey_slider .slick-slide:not(:last-child) .journey_slide .img:after { 
  content: ''; 
  position: absolute; 
  height: 48px; 
  width: 48px; 
  right: -35px; 
  top: 50%; 
  transform: translateY(-50%); 
  background: url(../images/arrow-right.svg) no-repeat center; 
  z-index: 2; 
}

.journey_slide .text .step { color: #B7C6D1; font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; } 
.journey_slide .text { padding-top: 61px; position: relative; } 
.journey_slide .text h4 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 27px; line-height: 32px; letter-spacing: 0.12px; color: #fff; margin-bottom: 10px; } 
.journey_slide .text p { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 16px; line-height: 20px; color: #B7C6D1; } 
.journey_slide .text:before { content: ''; height: 1px; width: calc(100% - 12px); background: linear-gradient(271.04deg, rgba(42, 145, 211, 0.4) 0%, rgba(61, 215, 212, 0.4) 100%); position: absolute; top: 38px; right: -20px; }
.journey_slide .text .circle img { width: 32px; } 
.journey_slide .text .circle { position: absolute; top: 24px; left: -2px; }

.contact-section-main.row { margin: 0; } 
.form-col label { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 2px; } 
.form-col input[type="text"], .form-col input[type="email"], .form-col input[type="tel"] { border-radius: 4px; height: 40px; border: 1px solid #fff; background: #fff; width: 100%; font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; padding: 5px 15px; color: #50606D; } 
.form-col { padding: 0 8px; flex: 1; width: 100%; margin-bottom: 10px; position: relative; } 
.form-main .form-row { margin-left: -8px; margin-right: -8px; } 
.form-col span { display: block; } 
.form-main { padding: 18px 10px 15px 0; margin-left: -26px; } 
.form-col p { margin: 0px; } 
.form-col textarea { height: 142px; border-radius: 4px; border: 1px solid #fff; background: #fff; width: 100%; font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; padding: 11px 15px; color: #50606D; } 
.form-col input[type="text"]:hover, .form-col input[type="email"]:hover, .form-col input[type="tel"]:hover { color: #50606D; } 
.form-col textarea:hover { color: #50606D; } 
.form-col.submit input.wpcf7-submit { border: 1px solid; font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 14px; line-height: 18px; color: #fff; width: 100%; border-radius: 8px; height: 44px; margin-top: 7px;background: linear-gradient(to right, #2A91D3, #3DD7D4, #3DD7D4, #2A91D3); box-shadow: 0px 0px 0px 2px #2377AD; border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, rgba(153, 153, 153, 0.34) 100%); padding: 12px 17px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4sease -in-out; transition: all .4sease -in-out; background-size: 300% 100%;} 
.form-col.submit input.wpcf7-submit:hover{background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.form-col.submit span.wpcf7-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.footer-top { background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); padding: 120px 0;position: relative;} 
.footer-bottom p { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 13px; line-height: 16px; margin: 0; } 
.footer-bottom { text-align: center; padding: 16px 10px; } 
.footer-logo>a { display: inline-block; } 
.footer-logo>a img { max-width: 165px; } 
.footer-links ul li a { color: #D2E8F9; font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; } 
.footer-links ul li { width: 50%; display: block; margin-bottom: 12px; } 
.footer-links ul { display: flex; flex-wrap: wrap; max-width: 395px; } 
.footer-logo { margin-bottom: 34px; } 
.footer-contact-info h6 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 16px; line-height: 20px; color: #fff; } 
.footer-contact-info { padding-top: 65px; margin-left: -3px; } 
.f-contact ul li a { color: #fff; font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; } 
.f-contact ul li { display: block; margin-bottom: 9px; } 
.f-contact h6 { margin-bottom: 11px; } 
.f-contact ul li svg { margin-right: 5px; } 
.f-contact { margin-bottom: 32px; } 
.f-book-demo h6 { margin-bottom: 15px; }
.header-logo { padding: 5px 15px 5px; width: 195px; } 
.header-navigation { flex: 1; display: flex; padding: 0 15px; } 
.header-navigation nav#site-navigation { flex: 1; max-width: 100%; } 
.header-navigation nav#site-navigation ul { text-align: center; } 
header.site-header { padding: 20px 0; position: fixed; width: 100%; top: -100%; left: 0;transition: 0.4s ease;} 
header.site-header.loaded{top:0}
.header-navigation nav#site-navigation ul li { margin: 0; } 
.header-navigation nav#site-navigation ul li a { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 16px; line-height: 20px; text-transform: capitalize; color: #D9DFE3; } 
.header-navigation nav#site-navigation ul>li { padding: 0 8px; } 
.header-navigation nav#site-navigation ul>li>a { padding: 0 0; }
.header-navigation nav#site-navigation ul>li>a:hover, .header-navigation nav#site-navigation ul>li>a:focus{color: #3DD7D4;background-color: transparent;}

.header-navigation nav#site-navigation ul.sub-menu>li>a { background: white; color: black; }
.header-navigation nav#site-navigation ul.sub-menu>li.current-menu-item>a {background: white;color:black;}
.header-navigation nav#site-navigation ul.sub-menu>li>a:hover {background: #deecf9;color:black;}

.header-navigation nav#site-navigation ul.sub-menu > li:first-child > a { border-top-left-radius: 8px;
    border-top-right-radius: 10px; color: black;}

.header-navigation nav#site-navigation ul.sub-menu > li:last-child > a { border-bottom-left-radius: 8px;
    border-bottom-right-radius: 10px;}


section.blog-buzz { background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); padding: 190px 0px 126px 0px;position: relative;overflow: hidden;} 
section.blog-buzz .heading { display: flex; align-items: flex-end; margin-bottom: 30px; } 
section.blog-buzz .heading>div { width: 50%; } 
.blog-head-right { text-align: right; } 
.blog-head-right p { margin-bottom: 13px; color: #B7C6D1; font-size: 16px; line-height: 20px; font-weight: 500; } 
.blog-head-left h1 { color: #FFFFFF; padding-right: 15px; } 
.blog-body { display: flex; margin: 0 -12px; } 
.featured-post { padding: 0 12px; width: 50%; } 
.featured-posts-list { padding: 0 12px; width: 50%; } 
.blog-single-box { background: linear-gradient(0deg, var(--Totalmed-Indigo, #071E2D), var(--Totalmed-Indigo, #071E2D)), linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); box-shadow: 0px 6px 20px 0px rgb(0 18 26 / 20%); border-radius: 20px; overflow: hidden;position: relative;} 
.blog-single-box img { width: 100%; border-radius: 20px;height: auto;} 
.blog-single-box .text { padding: 25px 24px 23px 24px; } 
span.cat-tag>a { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 13px; line-height: 16px; background: #2A91D3; color: #fff; border-radius: 8px; padding: 6px 9px; display: inline-block; margin-bottom: 11px; pointer-events: none; } 
.blog-single-box .text h3 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 34px; line-height: 38px; letter-spacing: 0.12px; color: #fff; margin-bottom: 13px; } 
.blog-single-box .text h3 a{color: #fff;}
.blog-single-box .post-date { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 16px; line-height: 20px; color: #B7C6D1; } 
.featured-posts-list .blog-single-box { display: flex; } 
.featured-posts-list .blog-single-box .img { width: 48%; } 
.featured-posts-list .blog-single-box .text { width: 52%; padding: 17px 15px; } 
.featured-posts-list .blog-single-box .text h3 { font-size: 21px; line-height: 26px; margin-bottom: 9px; } 
.featured-posts-list .blog-single-box .text .cat-tag>a { margin-bottom: 7px; } 
.featured-posts-list .blog-single-box:not(:last-child) { margin-bottom: 24px; }

section.blog-buzz-board { background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); padding: 120px 0;position: relative;overflow: hidden;} 
section.blog-buzz-board .heading h2 { color: #fff; margin-bottom: 14px; } 
section.blog-buzz-board .heading p { color: #B7C6D1; } 
.filter ul { display: flex; margin-bottom: 32px; } 
section.blog-buzz-board .blog-single-box .img img { border-radius: 20px 20px 0px 0px; } 
section.blog-buzz-board .blog-single-box .text { padding: 19px 16px 14px 16px; } 
section.blog-buzz-board .blog-single-box .text h3 { font-size: 21px; line-height: 26px; margin-bottom: 10px; } 
section.blog-buzz-board .blog-single-box .text span.cat-tag>a { margin-bottom: 7px; } 
section.blog-buzz-board .blog-single-box { margin-bottom: 24px; }

section.blog-buzz-board .filter>ul>li>a { color: #DBEDFA; font-size: 16px; line-height: 20px; font-weight: 600; display: inline-flex; align-items: center; border: 1px solid transparent; background: transparent; border-radius: 16px; margin-right: 7px; position: relative; padding: 9px 16px; overflow: hidden; font-family: 'SFT Schrifted Sans'; transition: 0.4s linear; outline: none;cursor: pointer;text-decoration: none;} 
section.blog-buzz-board .filter>ul>li>a.active, section.blog-buzz-board .filter>ul>li>a:hover { border: 1px solid; background: linear-gradient(95.84deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.32) 100%); } 
section.blog-buzz-board .heading { margin-bottom: 26px; }
.featured-posts-list .blog-single-box .img img { height: 100%; object-fit: cover; }
section.blog-buzz-board .filter>ul>li{display: block;}
.row.post-list { margin: 0; }

section.blog-buzz .overlay:after, section.contact-us-main .overlay:after, section.blog-main .overlay:after { background: url(../images/Stars.png) repeat bottom center; } 
section.blog-buzz-board .overlay:after { background: url(../images/home-banner-bg.png) repeat-y bottom center; }

.blog-single-box:before { content: ''; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); } 
.blog-single-box>div { position: relative; }

section.contact-us-main { padding: 160px 0 149px 0;background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%);position: relative;} 
section.contact-us-main .form-main { padding: 0; margin: 0; } 
.contact-us-main .head h2 { color: #fff; } 
.contact-us-main .contact-text .btn { margin-bottom: 20px; } 
.contact-us-main .head { max-width: 420px; margin-bottom: 20px; } 
.contact-us-main .text p { color: #BCC6CD; font-size: 14px; line-height: 20px; } 
.contact-us-main .text { margin-bottom: 19px; }

section.contact-us-main .contact-left { padding: 0 15px; width: 60%; } 
section.contact-us-main .contact-right { padding: 0 15px; width: 40%; } 
.contact-directly { background: linear-gradient(135deg, #125486 0%, #071E2D 100%); border-radius: 20px; padding: 23px 20px 22px 20px; } 
.contact-directly>ul>li { display: block; } 
h3 { font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 34px; line-height: 38px; letter-spacing: 0.12px; color: #fff; } 
h3 span { background: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); color: transparent; background-clip: text; } 
.contact-directly>ul>li>a { font-size: 14px; line-height: 18px; color: #fff; font-weight: 500; } 
.contact-directly>ul>li>a svg { margin-right: 5px; } 
.contact-directly>ul>li:not(:last-child) { margin-bottom: 10px; } 
.contact-directly ul { margin-bottom: 0; }

section.contact-us-main .container {position: relative;} 
section.loader-new { height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(116.42deg, rgb(7, 30, 45) 2.53%, rgb(18, 84, 134) 100%); } 
.loading-text-group { max-width: 600px; margin: 0 auto;transition: 0.4s ease-in-out;} 
.loading-logo { text-align: center; }

.loading-text-group .text { text-align: center; font-family: "SFT Schrifted Sans"; font-weight: 600; font-size: 53px; line-height: 56px; letter-spacing: 0.12px; color: #fff;transition: 0.2s ease-in-out;position: relative;}
.loading-text-group .text.text-done { font-size: 44px;margin-bottom: 25px;line-height: 48px;}
.loading-text-group .text#text3{font-size: 44px;}
.loading-logo { text-align: center; opacity: 0; position: absolute; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center; left: 0; top: 0; }
.loading-logo.show{opacity: 1;}
.loading-logo.show>img {
  transform:scale(0);
  animation: bounce 1s forwards;
  animation-delay: 0.2s;
}
.loading-text-group.hide{opacity: 0;}
.loading-text-group .text:not(:empty):after{
  content: '|';
  animation: blink-caret 1s step-end infinite;
  right:-5px;
  position: relative;
}
.loading-text-group .text.text-done:after{opacity: 0;}
form.sent .wpcf7-response-output {color: rgb(70, 180, 80);}

span.cat-tag { display: inline-block; } 
section.blog-main .blog-detail .heading .h2 { color: #fff; } 
section.blog-main .blog-detail .heading { max-width: 700px; margin-top: 6px; margin-bottom: 13px; } 
section.blog-main .blog-detail .post-date { color: #B7C6D1; margin-bottom: 28px; } 
section.blog-main .blog-detail-text { background: linear-gradient(135deg, #125486 0%, #071E2D 100%); border-radius: 20px; padding: 25px 25px 7px 25px; } 
section.blog-main .blog-detail-text p { font-size: 16px; line-height: 20px; color: #FFFFFF; } 
section.blog-main .blog-detail .featured-img { margin-bottom: 59px; } 
section.blog-main .blog-detail-text p:not(:last-child) { margin-bottom: 20px; } 
.blog-detail-sidebar { background: linear-gradient(135deg, #125486 0%, #071E2D 100%); border-radius: 20px; padding: 18px 20px 25px 20px; } 
.blog-detail-sidebar .heading span { display: inline-block; } 
.blog-detail-sidebar p { color: #BCC6CD; } 
.btn.btn-large { width: 100%; } 
.blog-detail-sidebar h3 { margin-bottom: 10px; }
section.blog-main { padding: 124px 0 95px 0;background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); position: relative; overflow: hidden; } 
section.blog-main:before {content: '';height: 100%;width: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%);}
section.blog-main .latest-posts { margin-top: 114px; }
section.blog-main .blog-detail .heading p { color: #B7C6D1; } 
#breadcrumbs { font-size: 14px; line-height: 18px; color: #FFFFFF; font-weight: 600; margin-bottom: 25px; } 
#breadcrumbs a { color: #B7C6D1; font-weight: 500; }
section.blog-buzz.blog-buzz-board.latest-posts { margin-top: 0; background: no-repeat; padding-bottom: 0; } 
section.blog-buzz.blog-buzz-board.latest-posts .heading { margin-bottom: 52px; }
section.blog-buzz-board.latest-posts .blog-single-box .text { padding: 16px 13px; } 
section.blog-buzz-board.latest-posts .blog-single-box .text span.cat-tag { margin-bottom: 0px; } 
section.blog-buzz-board.latest-posts .blog-single-box .text span.cat-tag>a { margin-bottom: 7px; }
.side-tab-img-single .image-content { display: none; }

.pagination>* { font-family: "SFT Schrifted Sans"; font-weight: 500; font-size: 14px; line-height: 18px; color: #B7C6D1 !important; background: linear-gradient(0deg, var(--Totalmed-Indigo, #071E2D), var(--Totalmed-Indigo, #071E2D)), linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); border-radius: 8px; padding: 10px 10px; display: inline-flex; height: 32px; min-width: 32px; align-items: center; justify-content: center; margin: 0 4px; cursor: pointer; } 
.pagination { display: flex; justify-content: center; width: 100%; margin-top: 69px; } 
.pagination>*.current { background: linear-gradient(271.04deg, #2A91D3 0%, #3DD7D4 100%); color: #fff !important; }
section.blog-buzz-board .container { position: relative; }

section { overflow: hidden; } 
.page-404 { background: linear-gradient(116.42deg, rgb(7, 30, 45) 2.53%, rgb(18, 84, 134) 100%); } 
.page-404 .main-con-sec.error-main { background: linear-gradient(135deg, #125486 0%, #071E2D 100%); border-radius: 20px; border: none; text-align: center; }

.featured-img>img { width: 100%; display: block; border-radius: 20px; box-shadow: 0px 6px 20px 0px #00121A33; }

.header-navigation nav#site-navigation ul>li.menu-item-has-children { position: relative; padding-right: 25px; } 
.header-navigation nav#site-navigation ul>li.menu-item-has-children>.submenuToggle { top: 0; display: block; right: 0; background: url(../images/arrow-bottom.svg) no-repeat center; height: 1.318em; }
section#book_a_demo .demo-video iframe, section#book_a_demo .demo-video video { width: 100%; height: 650px; }
.thumbnail-img>img { height: 100%; object-fit: cover;width:100% ;}

.thumbnail-img span.play-icn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; z-index: 2; } 
.thumbnail-img span.play-icn:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url(../images/play.svg) no-repeat center; } 
.thumbnail-img span.play-icn img { -webkit-animation: rotating 8s linear infinite; -moz-animation: rotating 8s linear infinite; -ms-animation: rotating 8s linear infinite; -o-animation: rotating 8s linear infinite; animation: rotating 8s linear infinite; }
.wpcf7-not-valid-tip { font-size: 14px; } 
form.invalid .wpcf7-response-output { color: #ffb900; margin-top: 5px; }
.header-navigation nav#site-navigation ul>li.current-menu-item>a { color: #3DD7D4; font-weight: 600; position: relative; } 
.header-navigation nav#site-navigation ul>li.current-menu-item>a:after { content: ''; height: 2px; background: #3DD7D4; width: 100%; position: absolute; left: 0; bottom: -7px; }

header.site-header.fixed-header { background: linear-gradient(116.42deg, rgb(7 30 45 / 80%) 2.53%, rgb(18 84 134 / 80%) 100%); }
.pagination .next, .pagination .prev{position: relative;font-size: 0;}
.pagination .next:before, .pagination .prev:before{content: '';height: 100%;width:100%;position: absolute;left: 0;top:0}
.pagination .next:before { background: url(../images/page-right.svg) no-repeat center;}
.pagination .prev:before { background: url(../images/page-left.svg) no-repeat center;}

.single-post .blog-detail-text{color: #fff;}
.single-post .blog-detail-text .has-black-color { color: #fff !important; } 
.single-post .blog-detail-text .has-black-color a { color: #3DD7D4; } 
.single-post .blog-detail-text ul { padding-left: 25px; }
.single-post .blog-detail-text h2, .single-post .blog-detail-text h3{margin-bottom: 15px;}
/*****************/
/*body:not(.home) section.loader-new { display: none !important; } body:not(.home) { overflow: unset !important; } body:not(.home) header.site-header { top: 0; }*/
@keyframes ellipse1 { from, to { transform:rotate(0deg) } 50% { transform:rotate(180deg) } }
@keyframes blink-caret {
  from,
  to {
    color: transparent;
  }
  50% {
    color: #fff;
  }
} 
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* The typing effect */
@keyframes typing {
  0% {
    width: 0;
    opacity:1;
  }
  99% {
    font-size: 53px;
    line-height: 1;
    width: 100%;
    border-right: 0px;
  }
100% {
    font-size: 44px;
    line-height: 1;
    opacity:1;
    border-right: 0px;
  }
}

/* The typewriter cursor effect */
@keyframes bounce {
  0% {
    transform:scale(1)
  }
80%{transform:scale(1.4)}
100% {
    transform:scale(1.2)
  }
}
@keyframes opacity {
  0% {opacity: 1;}
  30%{transform: translateY(120px);}
  31%{transform: translateY(60px);}
  62%{transform: translateY(60px);}
  63%{transform: translateY(0px);}
  98%{opacity: 1;}
  100% {opacity: 0;transform: translateY(0px);}
}
@media(min-width:1024px){
  nav#site-navigation .overlay { display: none; } 
  nav#site-navigation .btn { display: none; }

  .top-nav li ul.sub-menu>li>a { padding: 10px 5px !important; } 
  .top-nav li ul.sub-menu>li>a:after { display: none; } 
  .top-nav ul li:hover > ul.sub-menu, .top-nav ul li:focus > ul.sub-menu, .top-nav .focus > ul.sub-menu {padding-top: 10px;}
}
@media(min-width:1200px){
  .container{max-width: 1190px;}
  section.contact-us-main .container { max-width: 992px; } 
}
@media(max-width:1339px){
  .banner-slider { padding-top: 160px; } 
  .banner-head h1 { font-size: 48px; line-height: 52px; }
}
@media(max-width:1199px){
  .banner-head h1 { font-size: 42px; line-height: 46px; } 
  section#book_a_demo .heading h2 { font-size: 34px; line-height: 38px; } 
  h2, .h2 { font-size: 34px; line-height: 38px; } 
  section.our_priority .head h2 { font-size: 34px; line-height: 38px; } 
  section.our_priority .tab-head button { padding: 15px 8px; }
  section#book_a_demo .demo-video iframe, section#book_a_demo .demo-video video { width: 100%; height: 450px; }
  section.contact-us-main .contact-left, section.contact-us-main .contact-right { width: 100%; padding: 0 8px; } 
}
@media(max-width:1023px){
  .header-logo { padding: 0px 8px 0px; width: 180px; } 
  .header-logo>a { display: block; } 
  .banner-slider { padding-top: 191px; } 
  .banner-head h1 { margin-bottom: 17px; } 
  .banner-mobile-img { margin-top: 80px; } 
  section#book_a_demo { padding: 80px 0 55px; } 
  section#book_a_demo .col-7, section#book_a_demo .col-5 { flex: 0 0 100%; max-width: 100%; } 
  section#book_a_demo .heading h2 { margin-bottom: 20px; } 
  section#book_a_demo .demo-video { margin-top: 60px; margin-bottom: 25px; } 
  section#book_a_demo .demo-video iframe, section#book_a_demo .demo-video video { height: 390px; }
  section#book_a_demo .col-3 { flex: 0 0 50%; max-width: 50%; } 
  section.our_priority { padding: 79px 0 63px 0; } 
  section.our_priority .head h2 { margin-bottom: 21px; } 
  section.our_priority .tab-head { flex-wrap: wrap; margin-bottom: 10px; } 
  section.our_priority .tab-head button { padding: 11px 16px; } 
  section.our_priority .tab-head .tab-button { margin-bottom: 16px; } 
  section.our_priority .tab-single-inner { flex-wrap: wrap; } 
  section.our_priority .tab-single-inner .img { width: 100%; margin-bottom: 20px; } 
  section.our_priority .tab-single-inner .text { width: 100%; max-width: 470px; margin: 0 auto; } 
  section.your_journey { padding: 84px 0 63px 0; } 
  section.your_journey .heading h2 { margin-bottom: 25px; } 
  section.staffing_solutions { padding: 80px 0 121px 0; } 
  section.staffing_solutions .body { flex-wrap: wrap; } 
  .side-tab-head { flex: unset; text-align: center; width: 100%; } 
  .side-tab-body { width: 100%; margin-top: 46px; } 
  .side-tab-head-single .text { display: none !important;} 
  .side-tab-head-single h4 { font-size: 16px; line-height: 20px; margin-bottom: 0; } 
  .side-tab-head-single { border: 1px solid transparent; display: inline-block; padding: 11px 15px; margin: 0 2px; } 
  section.staffing_solutions .head { margin-bottom: 32px; } 
  .side-tab-img-single img { margin: 0 auto; } 
  section.those_who_care { padding: 84px 0 20px 0; } 
  section.those_who_care .body .col-3 { flex: 0 0 50%; max-width: 50%; } 
  section.those_who_care .heading { margin-bottom: 64px; } 
  .twc-box .img img { max-height: 272px; object-fit: cover; } 
  .twc-box .img { margin-bottom: 15px; } 
  .twc-box { margin-bottom: 60px; } 
  section.faq { padding: 84px 0 65px 0; } 
  section.faq .heading { margin: 0 auto 55px auto; } 
  section.faq .body { padding: 0 17px; } 
  .faq-single .head { padding-left: 9%; padding-right: 8.5%; } 
  section.faq .faq-single .body { padding-left: 9%; padding-right: 0; }
  .faq-single { padding-bottom: 32px; } 
  section.contact-section { padding: 80px 0px 80px 0px; } 
  .contact-section-main .col-6 { flex: 0 0 100%; max-width: 100%; } 
  section.contact-section .contact-text { padding: 25px 8px 0 8px; } 
  section.contact-section .contact-text .btn { margin-bottom: 9px; } 
  section.contact-section .contact-text .head h2 {max-width: 350px;} 
  section.contact-section .contact-text .head { margin-bottom: 16px; } 
  section.contact-section .contact-text .text { max-width: 480px; } 
  .form-main { padding: 2px 9px 14px 9px; margin-left: 0; } 
  .footer-top .col-7, .footer-top .col-5 { flex: 0 0 100%; max-width: 100%; } 
  .footer-top .container { max-width: 519px; } 
  .footer-top { padding: 80px 0; } 
  .footer-contact-info { padding-top: 0px; margin-left: 0; } 
  .footer-bottom { padding: 12px 10px; }
  section.contact-us-main .contact-left, section.contact-us-main .contact-right { width: 100%; padding: 0 8px; } 
  section.contact-us-main { padding: 133px 0 80px 0; } 
  section.contact-us-main .contact-right { margin-top: 50px; }
  /*********************blog-detail*********************/
  section.blog-main { padding: 155px 0 54px 0; } 
  section.blog-main .blog-detail .featured-img { margin-bottom: 24px; } 
  .blog-detail .col-8, .blog-detail .col-4 { width: 100%; max-width: 100%; flex: unset; } 
  .blog-detail-text { margin-bottom: 24px; } 
  .blog-detail-sidebar { padding: 18px 25px 25px 25px; } 
  section.blog-main .blog-detail .blog-detail-sidebar .heading { margin-bottom: 22px; } 
  section.blog-buzz.blog-buzz-board.latest-posts { padding-top: 79px; } 
  section.blog-buzz.blog-buzz-board.latest-posts .heading>div {width: auto;} 
  section.blog-buzz.blog-buzz-board.latest-posts .heading { justify-content: space-between; margin-bottom: 32px; }
  /*******************header**************************/
  .main-header>.row { align-items: center; } 
  .header-navigation a.btn { display: none; } 
  .hamburger { margin-top: 0; } 
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 18px; height: 2px; border-radius: 0px; } 
  .hamburger-box { width: 18px; height: 12px; } 
  .hamburger-inner::before { top: -5px; } 
  .hamburger-inner::after { bottom: -5px; } 
  .hamburger-inner { right: 10px; }
  .top-nav, .top-nav.menu-opened {background: #071E2D;} 
  .top-nav:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(305.71deg, rgba(18, 84, 134, 0.2) 0%, rgba(18, 84, 134, 0.7) 100%); }
  .hamburger-inner::before, .hamburger-inner::after { background: #fff !important; } 
  .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); } 
  .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); } 
  .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul { max-width: 100%; margin: 0; } 
  .header-navigation nav#site-navigation ul>li { text-align: left; padding: 15px 0 15px 0; } 
  .header-navigation nav#site-navigation ul>li>a { font-size: 20px; line-height: 22px; } 
  .header-navigation nav#site-navigation ul>li:not(:last-child) { border-bottom: 1px solid #50606D; } 
  .header-navigation nav#site-navigation ul { margin-top: 43px; padding: 0 17px; } 
  .header-navigation nav#site-navigation ul>li.menu-item-has-children>.submenuToggle { top: 11px; width: 26px; background-size: 18px auto; } 
  .header-logo { position: relative; z-index: 991; }
  .header-navigation nav#site-navigation ul>li.menu-item-has-children.submenuOpened>.submenuToggle { transform: rotate(180deg); } 
  .header-navigation nav#site-navigation ul>li.menu-item-has-children>ul { margin-top: 8px; padding: 0; background: none; } 
  .header-navigation nav#site-navigation ul.sub-menu>li>a { background: transparent;font-size: 18px;line-height: 20px;} 
  ul.sub-menu>li { padding: 8px 0 !important; border: none !important; }
  nav#site-navigation a.book-demo.btn { display: block; } 
  .header-navigation nav#site-navigation ul>li.current-menu-item>a:after{display: none;}
  .top-nav.menu-opened .menu-main-menu-container { height: unset; padding-bottom: 40px; } 
  .header-navigation nav#site-navigation {display: flex;flex-flow: column;justify-content: space-between;padding-bottom: 32px;}
  /********************blog***************/
  section.blog-buzz .container { position: relative; } 
  section.blog-buzz { padding: 112px 0px 80px 0px; } 
  .featured-post { width: 100%; } 
  .blog-body { flex-wrap: wrap; } 
  section.blog-buzz .heading { margin-bottom: 16px; } 
  .featured-posts-list { width: 100%; margin-top: 24px; } 
  .featured-posts-list .blog-single-box .img { width: 38.6%; } 
  .featured-posts-list .blog-single-box .text { width: 61.4%; } 
  section.blog-buzz-board { padding: 81px 0 79px 0; } 
  section.blog-buzz-board .heading h2 { margin-bottom: 7px; } 
  section.blog-buzz-board .heading { margin-bottom: 21px; } 
  .filter ul { margin-bottom: 24px; } 
  .row.post-list .col-4 { flex: 0 0 50%; max-width: 50%; } 
  section.blog-buzz-board .blog-single-box .text { padding: 17px 16px 14px 16px; } 
  .pagination { margin-top: 17px; }
  /**************************/
  .loading-text-group .text { font-size: 44px; line-height: 48px; }
  .loading-text-group .text.text-done, .loading-text-group .text#text3 { font-size: 38px;line-height: 38px;}
  /***************/
  section.your_journey .container { max-width: 100%; } 
  section.your_journey .body { margin: 0 -15px; } 
  section.your_journey .body .journey_slider { padding-left: calc((100vw - 960px)/2); }
  /******************/
  section.your_journey .container { padding-right: 0; } 
  section.your_journey .journey_slider .slick-list { padding-right: 48%; }
  /*****/
  .journey_slider .slick-slide:not(.slick-current) .journey_slide .img:after, .journey_slider .slick-slide:not(.slick-current) .journey_slide .img:before { opacity: 0; }
  .side-tab-img-single .image-content { display: block; font-size: 14px; line-height: 18px; font-weight: 500; color: #fff; max-width: 550px; margin: 0 auto; } 
  .side-tab-img-single .image-content h4 { display: none; } 
  .side-tab-img-single .image-content .text ul { margin-left: 30px; margin-bottom: 0; } 
  .side-tab-img-single .image-content .text ul li:not(:last-child) { margin-bottom: 8px; }
}
@media(max-width:991px){
  section.your_journey .body .journey_slider { padding-left: calc((100vw - 720px)/2); }
}
@media(max-width:767px){
  .contact-text a.btn.solid-blue { display: none; } 
  section.contact-us-main { padding: 119px 0 40px 0; } 
  section.contact-us-main .contact-left, section.contact-us-main .contact-right { padding: 0 24px; } 
  .contact-us-main .head h2 {margin-bottom: 6px;} 
  .contact-us-main .head { margin-bottom: 0px; } 
  .contact-us-main .text p { font-size: 16px; } 
  .form-col { flex: unset; } 
  section.contact-us-main .contact-right { margin-top: 29px; } 
  h3 { font-size: 27px; line-height: 32px; } 
  .contact-directly { padding: 24px 24px 28px 24px; }
  /**************blog-detail**************/
  section.blog-main { padding: 150px 10px 16px 10px; } 
  section.blog-main .blog-detail .heading { margin-top: 0; } 
  section.blog-main .blog-detail .post-date { margin-bottom: 20px; } 
  .blog-detail-sidebar { padding: 24px 25px 25px 25px; } 
  section.blog-main .blog-detail .blog-detail-sidebar .heading { margin-bottom: 18px; } 
  section.blog-buzz.blog-buzz-board.latest-posts .heading>div { width: 100%; text-align: left; } 
  section.blog-buzz.blog-buzz-board.latest-posts .heading { justify-content: unset; flex-flow: column; align-items: unset; margin-bottom: 10px; } 
  section.blog-buzz.blog-buzz-board.latest-posts { padding-top: 23px; } 
  section.blog-main .latest-posts .col-4 { width: 100%; max-width: 100%; flex: unset; }  
  /*******************footer***************/
  .footer-top { padding: 40px 10px; } 
  .footer-logo { margin-bottom: 26px; } 
  .footer-links ul li { width: 100%; } 
  .footer-links ul li:nth-child(2), .footer-links ul li:nth-child(4) { order: 1; } 
  .footer-links ul { margin-bottom: 7px; } 
  .f-contact { margin-bottom: 26px; }
  /******header********/
  header.site-header { padding-left: 16px; padding-right: 16px; }
  .header-navigation nav#site-navigation ul { margin-top: 0px; padding: 0 9px; } 
  .top-nav.menu-opened .menu-main-menu-container { padding: 94px 0 30px 0; } 
  .header-navigation nav#site-navigation { padding-bottom: 24px; } 
  .hamburger.is-active { margin-top: 0; } 
  .overlay>div svg { width: 380px; }
  /****************blog-list******************/
  section.blog-buzz { padding: 83px 10px 40px 10px; } 
  section.blog-buzz .heading>div { width: 100%; } 
  section.blog-buzz .heading { flex-wrap: wrap; margin-bottom: 10px; } 
  .blog-head-right { text-align: left; } 
  .blog-single-box .text { padding: 23px 24px 23px 24px; } 
  .featured-posts-list .blog-single-box { flex-wrap: wrap; } 
  .featured-posts-list .blog-single-box .img { width: 100%; } 
  .featured-posts-list .blog-single-box .text { width: 100%; padding: 17px 15px 20px 15px; } 
  section.blog-buzz-board { padding: 40px 10px 40px 10px; } 
  section.blog-buzz-board .heading { margin-bottom: 8px; } 
  section.blog-buzz-board .heading p { margin-bottom: 0; } 
  .row.post-list .col-4 { flex: 0 0 100%; max-width: 100%; } 
  .pagination { margin-top: 0; }
  /*****************/
  .loading-text-group .text { font-size: 32px; line-height: 36px; }
  .loading-text-group .text.text-done, .loading-text-group .text#text3 { font-size: 24px;margin-bottom: 20px;line-height: 24px;}
  section.your_journey .body .journey_slider { padding-left: calc((100vw - 540px)/2); }
  /*********/
  section.those_who_care .body .col-3 { flex: 0 0 100%; max-width: 100%; } 
  .twc-box .text h4 { font-size: 23px; line-height: 24px; } 
  section.those_who_care .body>.row .slick-list { padding-right: 30%; }
  /**************/
  .slick-current.slick-active .side-tab-head-single { background: linear-gradient(95.84deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.32) 100%); border: 1px solid; backdrop-filter: blur(200px); } 
  .side-tab-head-single.active { background: transparent; border: none; backdrop-filter: unset; }
  section.our_priority .tab-head .slick-current.slick-active button { border: 1px solid; background: linear-gradient(95.84deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.32) 100%); } 
  section.our_priority .tab-head .active button, section.our_priority .tab-head button:hover { border: none; background: none; }
  section#book_a_demo .demo-video iframe, section#book_a_demo .demo-video video { width: 100%; height: 340px; }
  section.your_journey .journey_slider .slick-list { padding-right: 25%; }
  section.faq .faq-single .body { padding-left: 0; padding-right: 0px; }

  section.our_priority .tab-single-inner .img img{max-width: 100%;}
  .tab-single, section.our_priority .tab-single-inner .img{opacity: 1 !important;transform: scale(1) !important;}
  .tab-single.active .img img{transform: scale(1);}
}
@media(max-width:599px){
  .banner-head h1 { font-size: 34px; line-height: 38px; margin-bottom: 10px; } 
  .banner-slider { padding: 84px 25px 0; } 
  .banner-head .text-inner { width: 100%; margin-bottom: 0px; } 
  .banner-head .text-inner p { margin-bottom: 14px; } 
  .banner-head .btn-group .btn { padding: 11px 15px; margin: 0 10px; } 
  .banner-mobile-img { margin-top: 40px; } 
  .banner-mobile-img img { transform: translateX(0px); } 
  section#book_a_demo .heading h2 { font-size: 27px; line-height: 32px; margin-bottom: 17px; } 
  h2, .h2 { font-size: 27px; line-height: 32px; } 
  section#book_a_demo { padding: 43px 10px 25px; } 
  section#book_a_demo .text p { margin-bottom: 15px; } 
  section#book_a_demo .col-3 { flex: 0 0 100%; max-width: 100%; } 
  .specification-box .text { padding-left: 7px; } 
  .specification-box .text h4 { margin-bottom: 4px; } 
  .specification-box { width: 100%; margin-bottom: 16px; } 
  section.our_priority .head h2 { font-size: 27px; line-height: 32px; max-width: 240px; margin: 0 auto 19px auto; } 
  section.our_priority { padding: 38px 0 33px 0; } 
  section.our_priority .head { padding: 0 10px; margin-bottom: 0; } 
  section.our_priority .tab-single-inner .img { padding: 0; margin-bottom: 20px; } 
  section.our_priority .tab-head { margin-bottom: 15px; } 
  section.our_priority .tab-single-inner .text { max-width: 328px; } 
  section.your_journey { padding: 39px 0 20px 0; } 
  section.your_journey .heading h2 { margin-bottom: 10px; } 
  section.staffing_solutions { padding: 40px 0 121px 0; } 
  section.staffing_solutions .head { margin-bottom: 24px; }
  .btn-group .btn.text:after{width: calc(100% - 30px);}
  section.those_who_care .body>.row .slick-list { padding-right: 20%; }
  section.our_priority .tab-single-inner .text ul>li h6 { margin-bottom: 4px; } 
  section.your_journey .heading { margin-bottom: 32px; } 
  section.those_who_care { padding: 40px 0 20px 0; } 
  section.those_who_care .heading { margin-bottom: 41px; } 
  section.those_who_care .body .col-3 { padding-left: 12px; padding-right: 12px; } 
  section.faq { padding: 41px 10px 30px 10px; } 
  section.faq .heading h2 { margin-bottom: 16px; } 
  .faq-single .head h4 { line-height: 20px; font-size: 16px; font-weight: 500; } 
  section.faq .body { padding: 0 0; } 
  .faq-single .head { padding-left: 60px; padding-right: 40px; } 
  section.faq .heading { margin-bottom: 33px; } 
  .faq-single { padding-bottom: 16px; } 
  .faq-single .head:before { top: 50%; transform: translateY(-50%); } 
  .faq-single.active:after { width: 100%; } 
  .faq-single:after { left: 0; }
  section.contact-section { padding: 41px 10px 40px 10px; } 
  section.contact-section .contact-text a.btn.solid-blue { display: inline-block; } 
  section.contact-section .contact-text .head { margin-bottom: 0; } 
  section.contact-section .form-col { margin-bottom: 18px; } 
  section.contact-section .form-col.submit { margin-bottom: 10px; }
  section#book_a_demo .demo-video iframe, section#book_a_demo .demo-video video {height: 320px; }
  section#book_a_demo .demo-video { margin-top: 30px; margin-bottom: 25px; } 
  .thumbnail-img span.play-icn { width: 78px; } 
  .thumbnail-img span.play-icn:after { background-size: 17px; }
  section.your_journey .journey_slider .slick-list { padding-right: 0; }
}
@media(max-width:574px){
  section.your_journey .body .journey_slider { padding-left: 15px; }
}
section.privacy-policy {
    padding: 90px 0;
    color: #fff;
}