/*
Theme Name: Westkin Associates
Theme URI: https://wordpress.org/themes/westkin/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Westkin Associates brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: westkin
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
  outline: none;
}
.cmplz-label span.screen-reader-text {
    display: none !important;
}
:root {
  --primary-btn-color: #0c9488;
  --primary-btn-hover-color: #0a7970;
  --primary-btn-focus-color: #08635c;

  --body-color: #021c1d;
  --secondary-color: #052b2c;
  --primary-color: #0c9488;
  --light-color: #f1f8ef;
  --light-dark-color: #c3e4da;
  --grey-color: #5d6e6e;
  --primary-light-color: #c3e4da;
  --text-secondary-color: #b3bbbb;
}
body {
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: var(--body-color);
  letter-spacing: 0.5px;
  line-height: 28px;
}
body.fixed {
  width: 100%;
  overflow: hidden;
}
/* DEFAULT CSS */
.object-cover{
	object-fit:cover;
}
#newsletterModal .modal-body {
  overflow: hidden;
  background-color: var(--secondary-color);
	color:#fff;
}
#newsletterModal .form-control {
  background-color: #fff;
}
.popup-header {
  position: relative;
}
.poup-close-button {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #fff;
  z-index: 3;
  border: 0;
  font-size: 2.5rem;
  line-height: 1px;
  height: 35px;
  width: 35px;
  display: inline-block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}
.newsletter-submit {
  border-color: #fff;
  border-width: 3px;
  font-weight: 600;
}
.popup-bullets{
	list-style:none;
	padding:0;
	margin:0;
}
.popup-bullets li{
	padding-left: 28px;
    background-repeat: no-repeat;
    background-position: left 2px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>');
}

.progress-line{
	display: block;
    width: 100%;
    height: 8px;
    background-color: #767676;
    margin-bottom: 10px;
	border-radius:10px;
	overflow:hidden;
}
.progress-inner-line,
.progress-inner-line-2{
	display: block;
    width: 0;
    height: 100%;
    background-color: #F77500;
}
#videoImage,
.VideoImageThumbnail{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#videoImage:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(12,148,136, 0.6);
}
#videoImage img,
.VideoImageThumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.video-title{
	position: absolute;
    color: #fff;
    z-index: 3;
    text-align: center;
    width: 100%;
    top: 100px;
}
.wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	z-index:4;
}

.video-main {
  position: relative;
  display: inline-block;
}

.video {
  height: 50px;
  width: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
  background: #0c9488;
  z-index: 999;
}
.video:hover{
	color:#fff;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.fa-play:before {
  content: "\f04b";
}

.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(12, 148, 136, 0.3);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.ff-proxima-nova {
  font-family: "proxima-nova", sans-serif;
}
.ff-proxima-nova-condensed {
  font-family: "proxima-nova-condensed", sans-serif;
}
.ff-proxima-nova-extra-condensed {
  font-family: "proxima-nova-extra-condensed", sans-serif;
}
.opacity-01 {
  opacity: 0.1;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-06 {
  opacity: 0.6;
}
.opacity-07 {
  opacity: 0.7;
}
.opacity-08 {
  opacity: 0.8;
}
.opacity-09 {
  opacity: 0.9;
}
.opacity-1 {
  opacity: 1;
}
.text-body {
  color: var(--body-color) !important;
}
.text-secondary {
  color: var(--text-secondary-color) !important;
}
a {
  text-decoration: none;
  color: var(--primary-color);
}
a:hover{
	color:#021C1D;
}
.text-primary {
  color: var(--primary-color) !important;
}
.text-grey {
  color: var(--grey-color) !important;
}
.bg-primary {
  background-color: var(--primary-color) !important;
}
.bg-secondary {
  background-color: var(--secondary-color) !important;
}
.bg-light {
  background-color: var(--light-color) !important;
}
.bg-dark-light {
  background-color: var(--light-dark-color) !important;
}
.bg-dark {
  background-color: var(--body-color) !important;
}
.ls-3 {
  letter-spacing: 3px;
}
.border-primary {
  border-color: rgba(12, 148, 136, 0.5) !important;
}
.bg-light-primary {
  background-color: var(--primary-light-color) !important;
}
.list-style-none {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ff-timesr {
  font-family: Times, sans-serif;
}
.text-italic {
  font-family: Times, sans-serif;
  font-style: italic !important;
}
h1,
.h1 {
  font-size: 60px;
  line-height: 60px;
  letter-spacing: -1px;
  word-spacing: -1px;
}
h2,
.h2 {
  font-size: 45px;
  line-height: 52px;
  letter-spacing: -1px;
  word-spacing: -1px;
}
h3,
.h3 {
  font-size: 25px;
  line-height: 32px;
  letter-spacing: -0.5px;
}
h6,
.h6 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 3px;
}
/*END DEFAULT CSS */
/* SITE HEADER */
.site-header {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
}
.site-header.is-fixed{
	position:fixed;
	background-color:rgba(2,27,28,1);
}
.header-call-us span,
.header-call-us a {
  line-height: 20px;
}
.main-navbar .nav-item {
  position: relative;
}

.main-navbar .nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  font-family: "proxima-nova", sans-serif;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  letter-spacing: 3px;
  position: relative;
}
.main-navbar .nav-item.has-menus .nav-link {
  padding-right: 1.4rem !important;
}
.main-navbar .nav-item.has-menus .nav-link::after {
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
	height:20px;
	width:20px;
  vertical-align: -.125em;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
	filter: invert(1) brightness(100);
}
.main-navbar .nav-item.has-menus:hover .nav-link::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg>');
}
.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  background-color: #fff;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}
.sub-menu li .nav-link {
  display: block;
  font-weight: normal;
  text-transform: capitalize;
  padding: 10px 16px  !important;
  border-top: 1px solid var(--primary-color);
  color: var(--body-color);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.sub-menu li .nav-link::after {
  display: none;
}
.sub-menu li a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.sub-menu li:first-child a {
  border-top: 0;
}
.main-navbar .nav-item:hover > .sub-menu {
  display: block;
}

.nav-search i {
  font-size: 24px;
}
/* FIXED NAVIGATION */
.fixed-navigation,
.search-box {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: var(--secondary-color);
  padding-top: 20px;
  height: 100vh;
  overflow: auto;
  display: none;
}
.fixed-nav-close,
.search-close {
  background-color: transparent;
  border: 0;
  display: inline-block;
  width: 50px;
  height: 26px;
  overflow: hidden;
  padding:0;
}
.fixed-nav-close span,
.search-close span {
  width: 100%;
  height: 2px;
  background-color: #fff;
  display: block;
}
.fixed-nav-close span.top,
.search-close span.top {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.fixed-nav-close span.bottom,
.search-close span.bottom {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.menu-title {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 24px;
  font-size: 22px;
}
.menu-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background-color: var(--primary-color);
}
.fixed-services-item ul{
	list-style:none;
	padding:0;
	margin:0;
}
.fixed-services-item li a {
  text-transform: uppercase;
  letter-spacing: 3px;
  display: block;
  margin-bottom: 10px;
  font-size:15px;
  color: #fff;
}
.fixed-services-item li a:hover {
  color: var(--primary-color);
}
.animation-delay1s {
  animation-delay: 0.5s;
}
.animation-delay15s {
  animation-delay: 1s;
}
/* END FIXED NAVIGATION */
/* SEARCH FORM */
.search-form {
  position: relative;
  padding-left: 50px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--primary-color);
}
.place-holder {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  opacity: 0.6;
  z-index: -1;
  color: #fff;
  letter-spacing: 3px;
}
.search-form i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  color: var(--primary-color);
  font-size: 40px;
}
.search-form .form-control {
  background-color: transparent;
  border: 0;
  font-size: 40px;
  color: #fff;
  font-family: Times, sans-serif;
}
.search-form .form-control:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.trending-searches a {
  color: #fff;
  margin-bottom: 10px;
  opacity: 0.6;
}
.trending-searches a i {
  font-size: 20px;
}
.trending-searches a:hover {
  color: var(--primary-color);
}
/* END SEARCH FORM */
/* MOBILE NAVIGATION */

.mobile-menu-toggler {
  width: 40px;
  height: 26px;
  padding: 0;
  overflow: hidden;
}
.mobile-menu-toggler span {
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0.6;
  display: block;
}
.mobile-menu-toggler span.middle {
  margin: 8px 0;
}
.mobile-menu-toggler:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.mobile-menu-toggler.open span.middle {
  display: none;
}
.mobile-menu-toggler.open span.top {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.mobile-menu-toggler.open span.bottom {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.main-nav {
  z-index: 1;
}
.mobile-menu {
  padding-top: 80px;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  height: 100vh;
  overflow: hidden;
  background-color: var(--body-color);
  color: #fff;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.mobile-menu.open {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.mobile-menu .main-menu .main-menu-navbar,
.mobile-menu .main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu .main-menu li a {
  display: block;
  padding: 0.8rem 1rem;
  border-top: 1px solid rgba(12, 148, 136, 0.1);
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
.submenu-title {
  position: relative;
  display: block;
  padding: 0.8rem 1rem 0.8rem 1.8rem;
  text-transform: uppercase;
  background-color: var(--body-color);
  color: var(--primary-color);
}
.submenu-title button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40px;
  color: #fff;
  background-color: transparent;
  border: 0;
  font-size: 34px;
  line-height: 1px;
  opacity: 0.6;
}
.submenu-title::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 16px;
  height:16px;
  width:16px;
  vertical-align: -.125em;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  filter: invert(1) brightness(100);
  opacity: 1;
}
.mobile-menu .main-menu li:last-child a {
  border-bottom: 1px solid rgba(12, 148, 136, 0.1);
  color: #fff;
}
.mobile-menu .main-menu li.has-menu > a::after,
.mobile-menu .main-menu li.has-sub-menu > a::after{
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  height:20px;
  width:20px;
  vertical-align: -.125em;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  filter: invert(1) brightness(100);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mobile-submenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #052b2c;
  z-index: 2;
  height: 100vh;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}
.mobile-submenu.open {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
/*END MOBILE NAVIGATION  */
/* END SITE HEADER */
/* BUTTONS CSS */
.btn,
a {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.btn {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 3px;
  padding: 21px 38px;
  border-width: 2px;
}
.btn-check:focus + .btn,
.btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.text-inherit{
	text-transform: inherit;
}
.btn-primary {
  background-color: var(--primary-btn-color);
  border-color: var(--primary-btn-color);
  color: #fff;
}
.btn-primary:hover {
  background-color: var(--primary-btn-hover-color);
  border-color: var(--primary-btn-hover-color);
  color: #fff;
}
.btn-primary:focus,
.btn-outline-primary:focus {
  border-color: var(--primary-btn-focus-color) !important;
  background-color: var(--primary-btn-focus-color) !important;
}

.btn-outline-primary {
  border-color: var(--primary-btn-color);
  background-color: transparent;
  color: var(--primary-btn-color);
}
.btn-outline-primary:hover {
  background-color: var(--primary-btn-hover-color);
  border-color: var(--primary-btn-hover-color);
  color: #fff;
}
.site-link {
  color: #fff;
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  font-size: 16px;
}
.site-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 50px;
  background-color: var(--primary-color);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.site-link.white {
  font-weight: bold;
  letter-spacing: 3px;
}
.site-link.white::after {
  background-color: #fff;
  width: 100px;
}
.site-link:hover {
  color: #fff;
}
.site-link:hover::after {
  width: 100%;
}
/* END BUTTONS CSS */
/* HEADINGS CSS */
.h1,
h1,
.h2,
h2,
.h3,
h3 {
  font-family: Times, sans-serif;
}

/* END HEADING CSS */
/* INTRO BANNER */
.intro-banner-section{
	min-height: 100vh;
}
.intro-banner {
  background-image: url("assets/images/Banner-Image.jpg");
  position: relative;
  min-height: 100vh;
  height: 900px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 500px 0;
}
.intro-banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#021b1c+40,e5e5e5+70&1+40,0+70 */
  background: -moz-linear-gradient(
    left,
    rgba(2, 27, 28, 1) 40%,
    rgba(229, 229, 229, 0) 70%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(2, 27, 28, 1) 40%,
    rgba(229, 229, 229, 0) 70%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(2, 27, 28, 1) 40%,
    rgba(229, 229, 229, 0) 70%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021b1c', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
}
.intro-inner {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 4;
}
.intro-banner-slider{
	z-index:24 !important;
}
.intro-title {
  font-size: 7vw;
  letter-spacing: -2px;
  line-height: 7vw;
  margin-bottom: 30px;
}
.intro-title i {
  font-family: Times, sans-serif;
}
.intro-sub-title {
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  max-width: 492px;
  margin-bottom: 40px;
}

.google-reviews-box {
  width: 277px;
  margin-bottom: 80px;
}
.google-reviews-box i {
  font-size: 14px;
}
.google-reviews-box span {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.5px;
  line-height: 18px;
  display: block;
}
.google-reviews-box span strong {
  font-size: 13px;
  font-style: normal;
  border-bottom: 2px solid var(--primary-color);
}
.search-dropdown {
  position: relative;
  background-color: #052b2d;
  color: #fff;
  max-width: 550px;
  margin-bottom: 80px;
  width: calc(100% - 60px);
}
.search-dropdown .search-group {
  position: relative;
  padding: 18px;
}
.search-dropdown .search-group .dropdown-selected {
  position: relative;
  cursor: pointer;
}
.search-dropdown .search-group .dropdown-selected::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  height:20px;
	width:20px;
  vertical-align: -.125em;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
	filter: invert(1) brightness(100);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.search-dropdown .search-group .btn-search {
  position: absolute;
  right: -60px;
  top: 0;
  height: 100%;
  width: 60px;
  display: block;
	text-align: center;
    line-height: 60px;
}
.search-dropdown .search-group .btn-search i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  font-size: 24px;
}
.search-select-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 4;
  background-color: var(--body-color);
  height:264px;
  overflow:auto;
}
.search-select-dropdown li a {
  color: var(--text-secondary-color);
  display: block;
  padding: 10px 12px;
  background-color: #052b2d;
  border-top: 2px solid #021b1c;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.search-select-dropdown li a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.scroll-down {
  position: absolute;
  bottom: 50px;
  left: 240px;
  z-index: 2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
}
.scroll-down:hover {
  color: #fff;
}
.scroll-down i {
  font-weight: bold;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  margin-right: 10px;
}
/* END INTRO BANNER */
/* INNER PAGE BANNER LAYOUT 1 */
.bg-banner-overlay::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#021b1c+40,e5e5e5+70&1+40,0+70 */
  background: -moz-linear-gradient(
    left,
    rgba(2, 27, 28, 1) 40%,
    rgba(2, 27, 28, 0.5) 70%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(2, 27, 28, 1) 40%,
    rgba(2, 27, 28, 0.5) 70%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(2, 27, 28, 1) 40%,
    rgba(2, 27, 28, 0.5) 70%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021b1c', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
}
.page-banner {
  position: relative;
  height: 1050px;
  padding-top: 140px;
}
.page-title {
  font-size: 60px;
  line-height: 60px;
  letter-spacing: -1px;
}
.site-breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-breadcrumb li {
  display: inline-block;
}
.site-breadcrumb li a {
  color: #fff;
  opacity: 0.6;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: var(--primary-color);
  content: "";
  vertical-align: -0.125em;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
	height:20px;
	width:20px;
	background-repeat:no-repeat;
	filter: invert(1) brightness(100);
    position: relative;
    top: 6px;
}
/* END INNER PAGE BANNER LAYOUT 1 */
/* HOME ABOUT US */
.home-about {
  padding: 80px 0 140px;
  background-color: var(--light-color);
}
.home-about h1,
.home-about .h1 {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
}
.home-about h6 {
  color: #0d9488;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 18px;
}
.about-image {
  position: relative;
  padding-top: 40px;
  padding-right: 40px;
  z-index: 1;
}
.about-image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 90%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.about-image img {
  height: 600px;
  width: 100%;
  object-fit: cover;
}
.about-reivews {
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  position: absolute;
  bottom: -50px;
  left: -100px;
  z-index: 2;
  width: 460px;
  border-radius: 16px;
  line-height: 2;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
/* HOME ABOUT US */
/* HOME SERVICES */
.home-services {
  padding: 90px 0;
}
.services-at-glance .service-col:nth-child(2) {
  margin-top: 1.5rem;
}
.services-at-glance .service-col:nth-child(3) {
  margin-top: 3rem;
}
.home-services .h1 {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
}
.home-services .h1 i {
  font-family: Times, sans-serif;
  font-style: italic;
}
.home-services .h6 {
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 18px;
}
.service-item {
  padding-bottom: 50px;
}
.service-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 24px);
}
.service-item .title {
  font-size: 25px;
  letter-spacing: -0.5px;
  line-height: 32px;
  position: relative;
  padding-top: 16px;
}
.service-item .title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 2px;
  background-color: var(--primary-color);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.service-item:hover .title::after {
  width: 20%;
}

/* END HOME SERVICES */
/* HOME PROCESS */
.video-box {
  padding-bottom: 40px;
  z-index: 1;
}
.video-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50px;
  width: 40%;
  height: 100px;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.watch-video-link {
  position: absolute;
  top: -54px;
  right: -90px;
}
.watch-video-link i,
.contact-video .watch-video i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  font-size: 50px;
  color: var(--primary-color);
}
/* END HOME PROCESS */
/* HIGHLIGHTS */
.highlights {
  padding: 90px 0;
}
.highlights .h1 {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
}
.highlight-item {
  padding: 0 0.5rem;
}
.highlight-item .number {
  line-height: 1;
  letter-spacing: -2px;
  display: block;
  font-family: Times, sans-serif;
  font-style: italic;
  font-size: 115px;
  letter-spacing: -2px;
  line-height: 115px;
}
.highlight-item .site-link {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 18px;
}
.highlight-item .site-link::after {
  width: 34%;
}
.highlight-item .site-link:hover::after {
  width: 100%;
}
/* END HIGHLIGHTS */
/* STORY */
.section-title {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
}
.section-title i {
  font-family: Times, sans-serif;
  font-style: italic;
}
.story {
  padding: 90px 0 60px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
}
.story-content h3 {
  font-size: 25px;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.story-content p {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
/* END STORY */
/* HONEST EFFECTIVE */
.honest-effective {
  padding: 90px 0;
}
.honest-content {
  max-width: 600px;
}
.honest-content .h1 {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
}
.honest-content .h1 i {
  font-family: Times, sans-serif;
  font-style: italic;
}
.honest-effective .image-box {
  padding-bottom: 80px;
  padding-top: 60px;
  z-index: 1;
}
.honest-effective .image-box::after {
  content: "";
  position: absolute;
  right: 130px;
  top: 0;
  height: 80px;
  width: 70%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.honest-effective .reivews {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 450px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
/* END HONEST EFFECTIVE */
/* CLIENTS LOGOS */
.clients {
  padding: 50px 0 100px;
}
/* END CLIENTS LOGOS */
/* TESITIMONIALS */
.testimonials {
  padding: 90px 0;
}
.testimoianl-wrapper {
  position: relative;
  padding-left: 100px;
}
.testimoianl-wrapper::after {
  content: "❝";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 150px;
  line-height: 122px;
  color: #c3e4da;
}
.testimonial-slider .slide-item blockquote {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
  height: 200px;
  overflow: hidden;
}
.testimonial-slider .owl-item.active .slide-item blockquote {
  height: auto;
}
/* Styling Pagination*/
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 50px;
  text-align: left;
}
.owl-theme .owl-dots .owl-dot span {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  width: 100px !important;
  height: 5px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  background: #c3e4da !important;
  border: none !important;
  position: relative !important;
}
.owl-theme .owl-dots .owl-dot span::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: 0 !important;
  background-color: var(--primary-color) !important;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.owl-theme .owl-dots .owl-dot.active span::after {
  width: 100% !important;
}
/* END TESTIMONIALS */
/* NEWS */
.blogs {
  padding: 90px 0;
}

.blog-item-content .inner-content {
  height: auto;
}
.blog-title:hover {
  color: var(--primary-btn-hover-color);
}
.blog-title {
  font-size: 25px;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.blog-cat {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 3px;
}
/* END NEWS */
/* HOME CONTACT */
.contact-form .h1 {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
}
.contact-form .h1 i {
  font-family: Times, sans-serif;
  font-style: italic;
}
.contact-form_wrapper .gform_heading{
	margin-bottom: 1.5rem;
}
.book-appointment-btn{
	margin-top:-88px;
}
.contact-form .form-control {
  border-color: var(--body-color);
  background-color: var(--body-color);
  color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-weight: bold;
  padding: 1rem 0.75rem;
}
.contact-form_wrapper .ginput_container input,
.contact-form_wrapper  .ginput_container textarea,
.contact-form_wrapper  .ginput_container select{
	background-color:transparent;
	border:0;
	color: #fff;
	padding:0 !important;
}
.contact-form_wrapper  .ginput_container select option{
	color:#000;
}
.contact-form_wrapper .ginput_container input::placeholder,
.contact-form_wrapper .ginput_container textarea::placeholder{
	color:#fff;
}
.ginput_container_textarea textarea{
	resize:none !important
}
.charleft{
	text-align:right;
}
.gform_button{
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 3px;
    padding: 21px 38px;
	border:2px solid;
	background-color: var(--primary-btn-color);
    border-color: var(--primary-btn-color);
    color: #fff;
}
.gform_button:hover{
	background-color: var(--primary-btn-hover-color);
    border-color: var(--primary-btn-hover-color);
    color: #fff;
}
.gform_button:focus{
	border-color: var(--primary-btn-focus-color) !important;
    background-color: var(--primary-btn-focus-color) !important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label{
	 vertical-align: top !important;
}
.appointment-form_wrapper .gform_heading{
	display:none;
}
.appointment-form_wrapper .gform_button{
	padding: 14px 38px;
}
.contact-form .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgb(12 148 136 / 25%);
}
.contact-form .form-check-input {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background-color: var(--body-color);
}
.form-check-input:checked {
  background-color: var(--body-color);
  border-color: var(--body-color);
  box-shadow: none;
}
.max-character {
  position: absolute;
  right: 40px;
  bottom: 20px;
  opacity: 0.5;
  font-size: 12px;
}
.contact-video .play-button {
  color: #fff;
  width: 120px;
  height: 120px;
  font-size: 70px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  text-align: center;
  line-height: 128px;
}
.contact-video .watch-video {
  position: absolute;
  right: 100px;
  top: -96px;
}
/* END HOME CONTACT */
/* INFO */
.info {
  background-color: var(--body-color);
  padding: 120px 0;
}
/* END INFO */
/* ABOUT PAGE CSS */

.video-box.about-video::after {
  display: none;
}
.about {
  padding: 300px 0 90px;
}
.about-2 {
  padding: 110px 0;
}
.about-2 ul li {
  font-size: 60px;
  line-height: 60px;
  letter-spacing: -1px;
  margin-bottom: 30px;
  font-family: Times, sans-serif;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.about-2 ul li:last-child {
  margin-bottom: 0;
}
.about-2 ul li:hover {
  color: var(--primary-color);
}
.about-videos {
  padding: 100px 0;
}
.about-video-slider{
	height:624px;
	overflow:hidden;
}
.about-video-slider .owl-nav button.owl-next,
.about-video-slider .owl-nav button.owl-prev,
.team-slider .owl-nav button.owl-next,
.team-slider .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: transparent;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.about-video-slider .owl-nav button:hover,
.team-slider .owl-nav button:hover {
  background: var(--primary-color) !important;
}
.about-video-slider .owl-nav button.owl-prev,
.team-slider .owl-nav button.owl-prev {
  left: -90px;
}
.about-video-slider .owl-nav button.owl-next,
.team-slider .owl-nav button.owl-next {
  right: -90px;
}
.two-images {
  position: relative;
  padding-top: 60px;
  z-index: 1;
}
.two-images::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56%;
  background-color: var(--light-color);
  z-index: -1;
}
.image-one {
  margin-top: 80px;
  padding-bottom: 80px;
  padding-top: 60px;
  z-index: 1;
  position: relative;
}
.image-one::after,
.image-two::after {
  content: "";
  position: absolute;
  right: 130px;
  top: 0;
  height: 80px;
  width: 70%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.image-two {
  position: relative;
  padding-right: 40px;
  z-index: 3;
}
.image-two img {
  width: 100%;
}
.image-two h5 {
  padding-bottom: 20px;
  padding-left: 114px;
}
.image-two::after {
  top: auto;
  bottom: 0;
  right: 0;
  height: 90%;
  width: 90%;
}
.about-story {
  padding: 20px 0 60px;
}
/* END ABOUT PAGE CSS */
/* FAQS */
.faqs {
  padding: 100px 0;
}
.faq-box {
  margin: 0;
  padding: 20px 16px;
  border: 2px solid var(--primary-color);
}
.faq-box .faq-title {
  font-family: Times, sans-serif;
  margin: 0;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
}
.faq-box .faq-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 7px;
  width:20px;
	height:20px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
	background-repeat:no-repeat;
}
.faq-box .faq-title.collapsed::after {
 
}
.about-common-ques .faq-box .faq-title::after {
	filter: invert(1) brightness(100);
}
.faq-box .faq-text {
  margin-top: 20px;
}
/* END FAQS */
/* TEAM SECTION */
.about-team {
  padding: 90px 0;
}
.team-slider .slide-item .service-item {
  padding-bottom: 160px;
}
/* END TEAM SECTION */
/* PROMISES PAGE CSS */
.promises-heading {
  font-size: 60px;
}
.promises-image-1,
.promises-image-2 {
  position: relative;
  padding-bottom: 40px;
  padding-right: 40px;
  z-index: 1;
}
.promises-image-1::after,
.promises-image-2::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 90%;
  height: 90%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.promises-image-2 {
  padding-right: 0;
  padding-left: 40px;
}
.promises-image-2::after {
  right: auto;
  left: 0;
}
/*END PROMISES PAGE CSS */
/* BOOK APPOINTMENT CSS */
.appointment-step span {
  margin: auto;
  display: inline-flex;
  justify-content:center;
  align-items:center;
  width: 80px;
  height: 80px;
  border: 2px solid var(--primary-color);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  font-size: 40px;
  font-family: Times, sans-serif;
}
.datePickerSlider {
  padding-top: 70px !important;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c9488+0,0c9488+100&1+0,0.3+100 */
  background: -moz-linear-gradient(
    -45deg,
    rgba(12, 148, 136, 1) 0%,
    rgba(12, 148, 136, 0.3) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(12, 148, 136, 1) 0%,
    rgba(12, 148, 136, 0.3) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    rgba(12, 148, 136, 1) 0%,
    rgba(12, 148, 136, 0.3) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9488', endColorstr='#4d0c9488',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  position: relative;
}
.datePickerSlider .team-image {
  left: 50%;
  position: absolute;
  top: -60px;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border: 2px solid #fff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.datePickerSlider .team-image img {
  width: 100%;
}
.datePickerSlider .ui-widget-content {
  width: 100% !important;
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
.datePickerSlider .ui-widget-header {
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
}
.datePickerSlider .ui-widget-header .ui-icon {
  filter: grayscale(1) invert(1) brightness(100) !important;
  -webkit-filter: grayscale(1) invert(1) brightness(100) !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  border: 0 !important;
  background: transparent !important;
  font-weight: normal !important;
  color: #fff !important;
  font-size: 18px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  border-radius: 100% !important;
  line-height: 40px !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-active {
  background: #fff !important;
  color: var(--body-color) !important;
}
.appointment-video {
  position: relative;
  padding-bottom: 40px;
  z-index: 1;
}
.appointment-video::after {
  content: "";
  position: absolute;
  right: 100px;
  bottom: 0;
  height: 60px;
  width: 70%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
/* END BOOK APPOINTMENT CSS */
/* CAREERS PAGE CSS */
.vac-categories li {
  padding: 20px;
}
.vac-categories li a {
  display: block;
  color: var(--body-color);
  position: relative;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.vac-categories li a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.vac-categories li a.active {
  font-weight: bold;
}
.vac-categories li a.active::after,
.vac-categories li a:hover::after {
  width: 50%;
}
.vacancy-item {
  border: 2px solid var(--light-dark-color);
}
.vacancy-pagination a,
.vacancy-pagination span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  background-color: var(--light-dark-color);
  margin: 0 8px;
  color: var(--body-color);
  font-weight: bold;
}
.vacancy-pagination span,
.vacancy-pagination a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.vacancy-pagination a.next,
.vacancy-pagination a.prev {
  line-height: 40px;
  background-color: transparent;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}
.vacancy-pagination a.prev {
  display: none;
}
/* END CAREERS PAGE CSS */
/* CAREERS DETAIL PAGE CSS */
.career-banner-image {
  position: absolute;
  right: 0;
  bottom: -60px;
  padding-bottom: 40px;
  z-index: 1;
	width:844px;
}
.career-banner-image::after {
  content: "";
  position: absolute;
  left: 100px;
  bottom: 0;
  height: 50px;
  width: 70%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.brows-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.brows-title small {
  padding-left: 10px;
  font-size: 10px;
}
.form-control.file-input-field {
  padding: 1.5rem 0.75rem 0.5rem;
}
.clear-form-field,
.upload-icon {
  background-color: transparent;
  border: 0;
  color: var(--primary-color);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.gform_fileupload_rules{
	display:none !important;
}
.custom-file-field{
	position:relative;
}
.custom-file-field .ginput_container_fileupload,
.custom-file-field .ginput_container_fileupload input.large{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
}
.custom-file-field .gfield_required{
	position: absolute;
    right: 10px;
    top: 18px;
    width: 20px;
    height: 20px;
    color: #fff !important;
}
.custom-file-field .gfield_label{
	color:#757575 !important;
	font-weight:normal !important;
}
.custom-file-field .gfield_required span{
	display:none;
}
.custom-file-field .gfield_required::after{
	content: "\f603";
	display: inline-block;
    font-display: block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* END CAREERS DETAILS PAGE CSS */
/* CONTACT PAGE CSS */
.contact-content {
  position: relative;
  margin-top: -100px;
  padding-bottom: 100px;
}
.contact-box {
  background-color: var(--secondary-color);
  color: #fff;
  padding: 3rem;
  text-align: center;
}
.contact-box a {
  color: #fff;
}
.contact-address {
  position: relative;
  padding-top: 16px;
  font-size: 22px;
}
.contact-address::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: var(--primary-color);
}
.contact-map {
  position: relative;
  padding-top: 40px;
  padding-right: 40px;
  z-index: 1;
}
.contact-map::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 90%;
  width: 90%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.contact-video .about-reivews {
  bottom: 30px;
  right: 30px;
  left: auto;
  top: auto;
  text-align: left;
}
#accordionFindUs .faq-box {
  border-color: #c3e4da;
}

#accordionFindUs .faq-box.show {
  background-color: #c3e4da;
  border-color: #c3e4da;
}
#accordionHowWeWork .faq-box {
  border-color: var(--primary-color);
}
#accordionHowWeWork .faq-box.show {
  background-color: var(--light-color);
  border-color: var(--light-color);
  color: var(--body-color);
}
/* END COTACT PAGE CSS */
/* FAQs PAGE CSS */
.general-faqs .faq-box,
#accordionAdditionalFAQS .faq-box {
  border-color: var(--primary-light-color);
}
.general-faqs .faq-box.show {
  background-color: #fff;
  border-color: #fff;
}
.special-heading {
  position: relative;
}
.special-heading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary-color);
  width: 50px;
  height: 2px;
}
/* END FAQs PAGE CSS */
/* LEARNING CENTRE PAGES CSS */
.learning-centre-categories li a {
  color: #fff;
  opacity: 0.6;
  padding-right: 1.5rem;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 3px;
  position: relative;
}
.learning-centre-categories li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.learning-centre-categories li a.active,
.learning-centre-categories li a:hover {
  opacity: 1;
}
.learning-centre-categories li a.active::after,
.learning-centre-categories li a:hover::after {
  width: 60px;
}
.learning-centre-filter {
  position: relative;
}
.learning-centre-filter .selected {
  padding: 18px 56px 18px 16px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  position: relative;
  cursor: pointer;
}
.learning-centre-filter .selected::after {
  position: absolute;
  right: 16px;
  top: 50%;
  content: "";
  display: inline-block;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
    background-repeat: no-repeat;
    width:20px;
	height:20px;
    filter: invert(1) brightness(100);
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.learning-centre-filter .selected.open::after {
  content: "";
}
.learning-centre-filter .filter-list {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}
.learning-centre-filter .filter-list li a {
  display: block;
  padding: 18px 16px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  color: #fff;
  background-color: var(--body-color);
  border-top: 1px solid var(--primary-color);
}
.learning-centre-filter .filter-list li a:hover {
  background-color: var(--primary-color);
}
/* END LEARNING CENTRE PAGES CSS */
/* LEARNING CENTRE DETAIL PAGES CSS */
.lerning-center-detail-page-banner {
  padding-top: 140px;
  padding-bottom: 250px;
}
.date-and-reading-time span {
  display: inline-block;
  padding: 0 18px;
  font-size: 14px;
  font-weight: bold;
  border-right: 1px solid var(--primary-color);
  letter-spacing: 3px;
  text-transform: uppercase;
}
.date-and-reading-time span:last-child {
  border-right: 0;
}
.learning-centre-single-image {
  position: absolute;
  z-index: 2;
}
.learning-centre-single-image img {
  width: 100%;
}
.learning-centre-single-image .image-caption {
  position: absolute;
  bottom: 24px;
  right: -24px;
  padding: 24px;
  width: 344px;
  background-color: #ffffff;
}
.learning-centre-single-image .image-caption h6 {
  font-size: 16px;
  line-height: 24px;
}
.learning-centre-single-image .image-caption p {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
.learning-centre-detail-content {
  padding-top: 350px;
  padding-bottom: 70px;
}
.learning-centre-detail-content .h2,
.learning-centre-detail-content h2 {
  font-size: 25px;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.learning-centre-detail-content blockquote {
  position: relative;
}
.learning-centre-detail-content blockquote::after {
  content: "❝";
  position: absolute;
  left: -100px;
  top: 0;
  font-size: 140px;
  line-height: 1;
  letter-spacing: 3px;
  color: var(--light-dark-color);
}
.learning-center-socials a {
  color: var(--body-color);
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 28px;
  margin: 0 10px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  display: inline-block;
  text-align: center;
}
/* END LEARNING CENTRE DETAIL PAGES CSS */
/* PAY PAGE CSS */
.wordpay-embeded {
  height: 540px;
  width: 100%;
  position: relative;
}
.wordpay-embeded h3 {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin: 0;
}
@media (max-width: 768px) {
  .wordpay-embeded {
    height: 250px;
  }
	.search-dropdown .search-group .btn-search {
		line-height:50px;
	}
}
/* END PAY PAGE CSS */
/* SEARCH RESULTS PAGE CSS */
.search-result-form {
  position: relative;
}
.search-result-form .form-control {
  background-color: transparent;
  border: 0;
  padding: 18px 56px;
  font-size: 16px;
  color: #fff;
}
.search-result-form .form-control:focus {
  outline: none;
  box-shadow: none;
}
.search-result-form i {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 24px;
  color: var(--primary-color);
}
.cat-tag {
  font-size: 16px;
  color: var(--body-color);
  padding: 5px 10px;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  letter-spacing: 3px;
}
.cat-tag:hover {
  color: var(--primary-color);
}
.searchAccordion .faq-box {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.searchAccordion .faq-box .faq-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.searchAccordion .faq-box.search .cat-tag{
	position:absolute;
	right: 50px;
	top: 20px;
}
.searchAccordion .faq-box:last-child {
  border-bottom: 2px solid var(--primary-color);
}
.searchAccordion .faq-text {
  color: #b3bbbb;
}
.looking-to-hire {
  padding: 110px 0;
  margin-bottom: 40px;
}
.review-box {
  position: absolute;
  right: 0;
  width: 460px;
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.review-box.one {
  top: -140px;
  bottom: auto;
}
.review-box.two {
  top: auto;
  bottom: -140px;
  right: 40px;
}
@media (max-width: 768px) {
  .searchAccordion .faq-box .faq-title {
    gap: 8px;
    font-size: 14px;
    padding-right: 20px;
  }
  .cat-tag {
	  display:none;
    font-size: 8px;
    padding: 5px 6px;
    letter-spacing: 1px;
    font-weight: normal;
  }
}
/* END SEARCH RESULTS PAGE CSS */
/* SERVICES PAGE */
.services-by-group,
.single-services {
  background-color: var(--secondary-color);
  color: #fff;
}
.service-page-title {
  font-size: 60px;
  letter-spacing: -1px;
}
.servicesAccordions .faq-box.show {
  border-color: var(--light-color);
  background-color: var(--light-color);
  color: var(--body-color);
}
.servicesAccordions .faq-box.show .site-link {
  color: var(--body-color);
}
.signle-services-list .item {
  padding: 24px 0;
  border-top: 1px solid var(--primary-color);
  position: relative;
}
.signle-services-list .item:last-child {
  border-bottom: 1px solid var(--primary-color);
}
.signle-services-list .item .service-title {
  color: #ffffff;
  font-family: Times, sans-serif;
  font-size: 25px;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.signle-services-list .service-cat {
  padding: 4px 12px;
  color: var(--body-color);
  height: 34px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 3px;
}
.signle-services-list .service-cat:hover {
  color: var(--primary-color);
}
.vacancy-pagination.services a.active,
.vacancy-pagination.services a:hover {
  background-color: #fff;
  color: var(--body-color);
}
.vacancy-pagination.services a {
  background-color: var(--body-color);
  color: #fff;
}
.vacancy-pagination.services a.next,
.vacancy-pagination.services a.prev {
  background-color: transparent;
  color: var(--primary-color);
}
@media (max-width: 768px) {
  .services-by-group {
    background-color: var(--light-color);
    color: var(--body-color);
    padding: 30px 0;
  }
  .services-by-group .learning-centre-categories li a,
  .single-services .learning-centre-categories li a {
    color: var(--body-color);
    font-weight: bold;
  }
  
  .servicesAccordions .faq-box.show {
    border-color: #fff;
    background-color: #fff;
    color: var(--body-color);
  }
  .single-services {
    background-color: #fff;
    color: var(--body-color);
    padding: 30px 0;
  }
  .signle-services-list .item {
    padding: 10px 0;
  }
  .signle-services-list .item .service-title {
    font-size: 16px;
  }
	.signle-services-list.service-page .item .service-title{
		color:var(--body-color);
	}
  .signle-services-list .item .service-title i {
    color: var(--primary-color);
    margin-left: 0.5rem !important;
  }
  .signle-services-list .service-cat {
    padding: 4px 10px;
    color: var(--body-color);
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    display: none;
    line-height: 14px;
    background-color: var(--light-dark-color) !important;
  }
  .signle-services-list .item div {
    align-items: center;
  }
}
/* END SERVICES PAGE */
/* SERVICES GROUP PAGE CSS */
.services-group-about-image {
  padding-top: 40px;
  padding-right: 40px;
  z-index: 1;
}
.services-group-about-image img {
  width: 100%;
}
.services-group-about-image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 90%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.about-single-service .special-heading {
  font-size: 25px;
}
.single-service-testimonial {
  padding: 80px 0 80px;
}
.further-detail {
  position: relative;
}
@media (max-width: 768px) {
  .services-group-about-image {
    padding: 0;
  }
  .services-group-about-image::after {
    display: none;
  }
  .single-service-testimonial {
    padding: 30px 0;
  }
  .single-service-testimonial .testimoianl-wrapper {
    padding-top: 30px;
  }
  .single-service-testimonial .testimoianl-wrapper::after {
    top: 0;
  }
  .single-service-testimonial blockquote {
    position: relative;
    z-index: 2;
  }
  .further-detail {
    margin: 0;
  }
  .further-detail .video-box {
    top: 0;
  }
  .further-detail .video-box .watch-video-link {
    top: -34px;
  }
  .cat-tag {
    background-color: var(--primary-light-color) !important;
  }
}
/* END SERVICES GROUP PAGE CSS */
/* TEAM PAGE CSS */
.video-page-banner {
  height: 950px;
}
.team-list {
  padding-top: 200px;
  padding-bottom: 90px;
}
.team-item .title {
  padding-top: 16px;
  position: relative;
  font-size: 25px;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.team-item .position {
  font-size: 14px;
  letter-spacing: 3px;
  line-height: 18px;
  font-weight: bold;
}
.team-item .title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: var(--primary-color);
}
.team-item .team-content {
  width: 94%;
  position: relative;
  margin-top: -40px;
}
.team-profile-banner-image {
  position: absolute;
  right: 0;
  bottom: -88px;
  padding-bottom: 40px;
  z-index: 1;
	width:840px;
}
.team-profile-banner-image::after {
  content: "";
  position: absolute;
  left: 100px;
  bottom: 0;
  height: 50px;
  width: 70%;
  border: 2px solid var(--primary-color);
  z-index: -1;
}
.team-testimonial {
  padding: 160px 0 120px;
}
.notification-text{
	z-index:99; 
	top:100px; 
	color:#fff;
}
@media (max-width: 768px) {
	.notification-text{
		line-height:1.2;
		top:68px;
	}
  .video-page-banner {
    padding-bottom: 0;
    height: auto;
  }
  .video-page-banner .video-box {
    padding-top: 25px;
    top: 5px;
  }
  .team-list {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .team-profile-banner-image {
    position: relative;
    padding: 0;
    bottom: 0;
  }
  .team-testimonial {
    padding: 30px 0 30px;
  }
  .team-testimonial blockquote {
    position: relative;
    z-index: 2;
  }
}
/* END TEAM PAGE CSS*/
/* CASE STUDIES PAGE CSS */
.case-studies-filter {
  position: relative;
  color: var(--text-secondary-color);
}
.case-studies-filter.open {
  height: 500px;
}
.case-studies-filter .selected-fiter {
  position: relative;
  cursor: pointer;
  padding: 18px 16px;
  background-color: var(--body-color);
  letter-spacing: 0.5px;
  line-height: 28px;
}
.case-studies-filter .selected-fiter::after {
  content: "\f282";
  position: absolute;
  right: 16px;
  top: 50%;
  display: inline-block;
  font-display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 28px;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  color: #fff;
}
.case-studies-filter .selected-fiter.open::after {
  content: "\f286";
}
.case-studies-filter .filter-dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 3;
  background-color: var(--body-color);
  max-height: 400px;
  overflow: auto;
}
.case-studies-filter .form-check {
  min-height: auto;
  padding: 18px 16px;
  background-color: var(--body-color);
  border-top: 1px solid var(--secondary-color);
	cursor:pointer;
}
.case-studies-filter .form-check:hover {
	 background-color: var(--primary-color);
}
.case-studies-filter .form-check-label {
  cursor: pointer;
}
.case-studies-filter .filter-dropdown .form-check-input {
  height: 20px;
  width: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin-right: 6px;
  margin-left: 0;
  background-color: #c3e4da;
  float: none;
  cursor: pointer;
}
.case-studies-filter .filter-dropdown .form-check-input:checked[type="radio"] {
  background-image: url(assets/images/check-icon.png);
}
.client-review-text {
  font-family: Times, sans-serif;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: -0.5px;
  position: relative;
  padding-top: 8px;
}
.client-review-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--primary-color);
  width: 50px;
  height: 1px;
}
/* END CASE STUDIES PAGE CSS */
.clients-slider .logo-item {
	text-align:center;
}
.clients-slider .logo-item img{
	width:auto !important;
	margin:auto
}
/* SITE FOOTER */
.site-footer {
  background-color: var(--body-color);
  color: #fff;
}
.site-footer a {
  color: #fff;
}
.site-footer a:hover {
  color: var(--primary-color);
}
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-links a {
  display: block;
  margin-bottom: 6px;
  color: var(--text-secondary-color);
  font-size: 14px;
  letter-spacing: 0.5px;
}
.social-media a {
  opacity: 1;
  font-size: 24px;
}
.footer-bottom {
  background-color: #010f10;
  color: #acb9b9;
  font-size: 14px;
}
@media (max-width: 768px) {
  .site-breadcrumb li a,
  .site-breadcrumb li {
    font-size: 13px;
  }
  .footer-links-title {
    font-size: 14px;
    letter-spacing: 0.5px;
    position: relative;
    display: inline-block;
    padding-right: 26px;
  }
  .footer-links-title::after {
    content: "\f282";
    position: absolute;
    right: 0;
    top: 2px;
    display: inline-block;
    font-display: block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--primary-color);
  }
  .footer-links-title.open::after {
    content: "\f286";
  }
  .footer-links {
    display: none;
  }
  .footer-links a {
    font-size: 14px;
  }
}
/* END SITE FOOTER */
/* CUSTOM ANIMATIONS */
.animate360 {
  animation: circle360 10s infinite linear;
  -webkit-animation: circle360 10s infinite linear;
}
@keyframes circle360 {
  from {
    -webkit-transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
  }
}

@-webkit-keyframes circle360 {
  from {
    -webkit-transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0deg);
  }
}
/* END CUSTOM ANIMATIONS */
.section-heading {
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 52px;
}
.section-heading i {
  font-family: Times, sans-serif;
  font-style: italic;
}
.custom-scroller::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.custom-scroller::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px var(--body-color);
}

.custom-scroller::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  outline: 1px solid slategrey;
}
.case-study-content{
  height: 140px;
  overflow: hidden;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.enquiry-form-image{
	min-height: 922px;
	object-fit:cover;
}

/* CAREER FORM CSS */
.attachment-field{
	position:relative !important;
	border-color: var(--body-color)  !important;
    background-color: var(--body-color)  !important;
    color: #fff  !important;
    border-radius: 0  !important;
    -webkit-border-radius: 0  !important;
    font-weight: bold  !important;
    padding: .7rem 0.75rem  !important;
}
.attachment-field::after{
	content:"";
	position:absolute;
	right:8px;
	top:0;
	width:30px;
	height:100%;
	background-image:url(/wp-content/uploads/2024/11/upload-icon.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:18px;
}
.attachment-field .ginput_container_fileupload{
	position:relative;
	z-index:3;
	opacity:0;
}
.attachment-field label .gfield_required{
	display:none  !important;
}
.attachment-field label,
.attachment-field .gfield_description{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	padding: 1rem !important;
	font-weight: 400 !important;
}
.attachment-field label{
	top: -10px;
    margin: 0 !important;
	font-size:14px !important;
}
.attachment-field .gfield_description{
	top: 10px;
    font-size: 11px !important;
}
/*  END CAREER FORM CSS*/
@media (min-width: 1400px) {
.intro-title {
  font-size: 7vw;
  letter-spacing: -2px;
  line-height: 7vw;
  margin-bottom: 30px;
}
}
@media (min-width: 1400px) {
  .custom-container {
    max-width: 1440px;
  }
}
/* STANDARD SCREEN SIZE */
@media(min-width:1920px) {
  .intro-title {
    font-size: 5vw;
	line-height: 5vw;
  }
}
@media(max-width:1650px){
	.scroll-down {
    	bottom: 40px;
		left: 106px;
	}
}
@media (max-width: 1600px) {
  nav.navbar .container-fluid {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  nav.navbar .container-fluid,
  .custom-container {
    max-width: 1340px;
  }
  nav.navbar .container-fluid .btn {
    font-size: 12px;
    letter-spacing: 1px;
  }
  .btn,
  .gform_button{
    padding: 0.8rem 1rem;
  }
	.book-appointment-btn {
    margin-top: -72px;
	}
  .intro-banner {
    background-position: 300px -50px;
    height: 900px;
  }
  .scroll-down {
    left: 4rem;
    bottom: 50px;
  }
  .main-navbar .nav-link {
    font-size: 14px;
    font-weight: 300;
    padding-left: 0.5rem !important;
  }
  .watch-video-link {
    right: 0;
  }
  .contact-video img {
    height: 680px;
    object-fit: cover;
  }
  .watch-video img {
    height: auto;
  }
  .career-banner-image {
    width: 50%;
  }
  .about-video-slider .owl-nav button.owl-prev,
  .team-slider .owl-nav button.owl-prev {
    left: 0;
  }
  .about-video-slider .owl-nav button.owl-next,
  .team-slider .owl-nav button.owl-next {
    right: 0;
  }

  .team-slider .owl-nav button.owl-next,
  .team-slider .owl-nav button.owl-prev {
    top: 40%;
  }
  .menu-title {
    font-size: 20px;
  }
  .fixed-menus li a {
    font-size: 12px;
  }
	.team-profile-banner-image {
    width: 690px;
	}
	.gform_wrapper.gravity-theme .gfield-choice-input+label{
		line-height:16px;
	}
	input.gfield-choice-input{
		vertical-align: top !important;
    	margin-top: 2px !important;
	}
}
/* LAPTOP IPAD PRO SCREEN SIZE */
@media (max-width: 1300px) {
  nav.navbar .container-fluid,
  .custom-container {
    max-width: 1200px;
  }
  .site-lag {
    display: none;
  }
  .header-call-us {
    margin-right: 16px;
  }
  .intro-banner {
    background-position: 40px -50px;
  }
  .intro-title {
    font-size: 74px;
    line-height: 80px;
  }
  .scroll-down {
    left: 1.5rem;
  }
	.about-video-slider{
		height:500px;
	}
  .highlight-item .number {
    font-size: 70px;
  }
  .honest-effective .reivews {
    right: 40px;
  }
  .testimonial-slider .slide-item blockquote {
    font-size: 34px;
  }
  .section-heading {
    font-size: 30px;
  }
  .team-profile-banner-image {
    bottom: -40px;
    width: 610px;
}
}
/* MINI SCREENS SIZES */
@media (max-width: 1100px) {
  nav.navbar .container-fluid,
  .custom-container {
    max-width: 1000px;
  }
  .site-lag,
  .header-call-us {
    display: none;
  }
  .intro-banner {
    background-position: 0 -100px;
    height: 800px;
  }
  .intro-title {
    font-size: 60px;
    line-height: 66px;
  }
  .about-image img {
    height: 430px;
  }
  .section-heading {
    font-size: 24px;
  }
  .team-profile-banner-image {
    bottom: -40px;
    width: 520px;
	}
}
/* IPAD SCREEN */
@media (max-width: 968px) {
  nav.navbar .container-fluid,
  .custom-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .intro-title {
    font-size: 40px;
    line-height: 40px;
  }
  .intro-banner {
    background-position: -130px -120px;
    height: 650px;
  }
  .intro-inner {
    top: 55%;
  }
  .google-reviews-box,
  .search-dropdown {
    margin-bottom: 40px;
  }
  .about-reivews {
    left: 40px;
  }
	.about-video-slider{
		height:auto;
	}
  .servcies-slider .owl-nav button.owl-next,
  .servcies-slider .owl-nav button.owl-prev,
  .blogs-slider .owl-nav button.owl-next,
  .blogs-slider .owl-nav button.owl-prev {
    position: absolute;
    bottom: -2px;
    background-color: transparent;
    border: 0;
  }
  .blogs-slider .owl-nav i,
  .servcies-slider .owl-nav i {
    width: 24px;
    height: 24px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: block;
    line-height: 24px;
    font-size: 14px;
  }
  .servcies-slider .owl-nav button.owl-next,
  .blogs-slider .owl-nav button.owl-next {
    right: -10px;
  }
  .servcies-slider .owl-nav button.owl-prev,
  .blogs-slider .owl-nav button.owl-prev {
    left: -10px;
  }
  .highlights {
    padding: 40px 0;
  }
  .highlight-item .number {
    font-size: 50px;
  }
  .home-services {
    padding: 40px 0;
  }
  .testimonial-slider .slide-item blockquote {
    font-size: 24px;
  }
  .testimonial-slider .slide-item blockquote {
    height: 122px;
  }
  .contact-video img {
    height: 400px;
    object-fit: cover;
    width: 100%;
  }
  .team-profile-banner-image {
    bottom: 0;
    width: 100%;
    position: relative;
	  padding:0;
	}
	.team-testimonial { padding: 50px 0 50px; }
	.honest-content{ max-width:100%; }
	.about-video{padding-bottom:0; margin-bottom:-216px;}
	.about-video img{width:100%;}
	.page-banner {height:auto;}
	.about-2 ul li {font-size: 45px; line-height: 50px;}
	.promises-heading {font-size: 40px;}
	.page-title {font-size: 45px;}
	.service-page-title {font-size: 45px;}
	.video-page-banner{height:auto;}
	.team-list {padding-top: 230px;}
	.learning-centre-detail-content { padding-top: 200px;}
}
/* MOBILE SCREEN SIZE */
@media (max-width: 768px) {
	.clients-slider .logo-item img{
		width:100% !important;
		object-fit:contain;
	}
	.owl-theme .owl-dots .owl-dot span{
		width:16px !important;
	}
	.about-video{ margin-bottom:0;}
	.service-page-title {
    	font-size: 28px;
    	letter-spacing: -0.6px;
		line-height:1.2;
  	}
	.gform_button,
	.btn {
		padding: 0.8rem 1.6rem
	}
	.book-appointment-btn{
		margin-top:0;
	}
  .site-header {
    padding: 0;
  }
  .site-header.is-fixed {
    position: fixe d;
    background-color: var(--body-color);
  }
  .container,
  .custom-container {
    padding: 0 24px;
  }
  nav.navbar .container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  body {
    font-size: 13px;
    line-height: 24px;
  }
  h1,
  .h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.6px;
  }
  h2,
  .h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.6px;
  }
  h3,
  .h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.4px;
  }
  h6,
  .h6 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2.5px;
  }
  
  /* SEARCH FORM */
  .search-box .container-fluid {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .search-form {
    padding-left: 16px;
  }
  .search-form .form-control,
  .search-form i {
    font-size: 18px;
  }
  .place-holder {
    display: none;
  }
  /* END SEARCH FORM */
  /* HOME BANNER CSS */
	.intro-banner-section{
		min-height:700px;
	}
  .intro-banner {
    padding: 130px 0 30px;
    position: relative;
    height: 633px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("assets/images/mobile-banner-image.jpg");
    background-position: 1px -110px;
  }
	.intro-banner-slider .owl-item .intro-banner {
		height:auto;
		min-height:700px;
	}
  .intro-banner .intro-inner {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .google-reviews-box {
    font-size: 12px;
  }
  .intro-banner::after {
    display: none;
  }
  .intro-title {
    font-size: 40px;
    letter-spacing: -0.7px;
    line-height: 48px;
    padding-right: 100px;
  }
  .intro-sub-title {
    line-height: 20px;
    padding: 20px 0px 10px;
  }
  .intro-banner .intro-inner p br {
    display: none;
  }

  .search-dropdown .search-group,
  .search-select-dropdown li a {
    padding: 13px 18px;
  }
  .google-reviews-box i {
    font-size: 10px;
  }
  .google-reviews-box span {
    line-height: 8px;
  }
  .google-reviews-box span strong {
    font-size: 11px;
  }
  /*END HOME BANNER CSS  */
  /* INNER PAGE BANNER LAYOUT 1 */
  .page-banner {
    height: auto;
    padding-top: 100px;
  }
  .page-banner .page-title,
  .page-title {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.6px;
  }
  .watch-video-link i,
  .contact-video .watch-video i {
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 1;
  }
  /* END INNER PAGE BANNER LAYOUT 1 */
  /* HOME ABOUT CSS */
  .home-about {
    padding: 30px 0 200px;
    overflow: hidden;
  }
  .home-about h1,
  .home-about .h1 {
    font-size: 28px;
    letter-spacing: -0.62px;
    line-height: 32px;
  }
  .about-image {
    padding: 0;
    margin: 0 -14px;
  }
  .about-image img {
    height: 380px;
  }
  .about-image::after {
    display: none;
  }
  .about-reivews {
    width: calc(100% - 40px);
    left: 50%;
    bottom: -160px;
    font-size: 12px;
    transform: translateX(-50%);
  }
  /* END HOME ABOUT CSS */
  /* HOME SERVIVES */
  .home-services {
    padding: 30px 0;
  }
  .home-services .h1 {
    font-size: 28px;
    letter-spacing: -0.62px;
    line-height: 22px;
  }
  .service-item .title {
    font-size: 18px;
    letter-spacing: -0.36px;
    line-height: 32px;
  }

  .servcies-slider .owl-nav button.owl-next,
  .servcies-slider .owl-nav button.owl-prev,
  .blogs-slider .owl-nav button.owl-next,
  .blogs-slider .owl-nav button.owl-prev {
    position: absolute;
    bottom: -2px;
    background-color: transparent;
    border: 0;
  }
  .blogs-slider .owl-nav i,
  .servcies-slider .owl-nav i {
    width: 24px;
    height: 24px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: block;
    line-height: 24px;
    font-size: 14px;
  }
  .blogs-slider .owl-nav i {
    color: #fff;
    border-color: #fff;
    line-height: 24px;
  }
  .blogs-slider.dark .owl-nav i {
    color: var(--body-color);
    border-color: var(--body-color);
  }
  .blogs-slider .owl-dots {
    padding-top: 1rem;
  }
  .servcies-slider .owl-nav button.owl-prev,
  .blogs-slider .owl-nav button.owl-prev {
    left: -10px;
  }
  .servcies-slider .owl-nav button.owl-next,
  .blogs-slider .owl-nav button.owl-next {
    right: -10px;
  }
  /* END HOME SERVCIES */
  /* OUR PROCESS */
  .watch-video-link {
    top: -10px;
    right: 30px;
  }
  .watch-video-link img {
    width: 70px;
  }

  .video-box {
    padding-bottom: 0;
    top: 10px;
  }
  .video-box::after {
    display: none;
  }
  /* END OUR PROCESS */
  /* HIGHTLIGHTS */
  .highlights {
    padding: 30px 0 10px;
  }
  .highlights .h1 {
    font-size: 28px;
    letter-spacing: -0.62px;
    line-height: 32px;
  }
  .highlight-item {
    padding: 0;
  }
  .highlight-item .number {
    font-size: 40px;
    letter-spacing: -0.7px;
    line-height: 48px;
  }
  .highlight-item .site-link {
    font-size: 12px;
    letter-spacing: 2.6px;
    line-height: 18px;
  }
  /*END HIGHTLIGHTS */
  /* HONEST EFFECTIVE */
  .honest-effective {
    padding: 0 0 30px;
  }
  .honest-effective .image-box::after {
    display: none;
  }
  .honest-effective .reivews {
    position: relative;
    max-width: 305px;
    margin: -80px auto;
    font-size: 12px;
  }
  .honest-effective .image-box {
    padding-bottom: 114px;
    padding-top: 0;
  }
  .honest-content .h1 {
    font-size: 28px;
    letter-spacing: -0.62px;
    line-height: 32px;
  }
  /* END HONOEST EFFECTIVE */
  /* CLIENTS */
  .clients {
    padding: 30px 0;
  }
  /* END CLIENTS */
  /* TESTIMONIALS */
  .testimonials {
    padding: 30px 0;
  }
  .testimoianl-wrapper {
    padding-left: 0;
    padding-top: 0;
  }
  .testimonial-slider .slide-item blockquote {
    font-size: 28px;
    letter-spacing: -0.62px;
    line-height: 32px;
    height: 250px;
  }
  .testimonial-slider .owl-item.active .slide-item blockquote {
    height: 250px;
  }
  .testimonial-slider .owl-nav.disabled + .owl-dots {
    margin-top: 24px;
  }
  .testimoianl-wrapper h3 {
    padding-bottom: 30px;
  }
  .testimoianl-wrapper::after {
    top: 34px;
  }
  /* END TESTIMONIALS */
  /* NEWS */
  .section-heading {
    font-size: 28px;
    letter-spacing: -0.62px;
    line-height: 32px;
  }
  .blogs {
    padding: 40px 0;
  }
  .blogs h1,
  .blogs .h1 {
    font-size: 25px;
  }
  .blogs h1 br,
  .blogs .h1 br {
    display: none;
  }
  .blog-title {
    letter-spacing: -0.36px;
    line-height: 32px;
  }
  .blog-cat {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2.15px;
  }
  /* END NEWS */
  /* CONTACT FORM */
  .home-contact {
    padding-top: 40px;
  }
  .contact-video .play-button {
    width: 70px;
    height: 70px;
    font-size: 40px;
    line-height: 76px;
    z-index: 3;
  }
  .contact-form .h1 {
    font-size: 30px;
    letter-spacing: -0.62px;
    line-height: 36px;
  }
  /* END CONTACT FORM */
  /* INFO */
  .info h1,
  .info .h1 {
    font-size: 40px;
    letter-spacing: -0.67px;
    line-height: 40px;
    padding: 0 10px;
  }
  .border-none {
    border: 0 !important;
  }
  .info {
    padding: 30px 0;
  }
  /* END INFO */

  /* ABOUT PAGE CSS */
  .about {
    padding: 30px 0 20px;
  }
  .about-2 ul li {
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: -0.33px;
    line-height: 36px;
  }
  .about-2 {
    padding: 40px 0;
  }
  .about-videos {
    padding: 30px 0 14px;
  }
	.about-video-slider{
		height:auto;
	}
  .about-video-slider .owl-nav button.owl-next,
  .about-video-slider .owl-nav button.owl-prev,
  .team-slider .owl-nav button.owl-next,
  .team-slider .owl-nav button.owl-prev {
    top: auto;
    bottom: -20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .about-video-slider .owl-nav button.owl-prev,
  .team-slider .owl-nav button.owl-prev {
    left: 10px;
  }
  .about-video-slider .owl-nav button.owl-next,
  .team-slider .owl-nav button.owl-next {
    right: 10px;
  }
  .two-images {
    padding-top: 0;
  }
  .two-images::after {
    display: none;
  }
  .image-one {
    margin-top: 0;
    padding-bottom: 30px;
    padding-top: 0;
  }
  .image-two {
    padding-right: 0;
  }
  .image-two::after {
    display: none;
  }
  .image-two h5 {
    padding-bottom: 0px;
    padding-left: 0;
    font-size: 12px;
  }
  .about-story {
    padding: 20px 0 20px;
  }

  /* END ABOUT PAGE CSS */
  /* FAQS */
  .faqs {
    padding: 30px 0;
  }
  .faq-box {
    padding: 14px 10px;
  }
  .faq-box .faq-title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.32px;
  }
  /* END FAQS */

  .owl-theme .owl-dots .owl-dot span {
    width: 60px;
    height: 3px;
  }
  .owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
  }
  /* TEAM SLIDER */
  .about-team {
    padding: 30px 0;
  }
  .team-slider .owl-nav button.owl-next {
    right: 0;
  }
  .team-slider .owl-nav button.owl-prev {
    left: 0;
  }
  .team-slider .owl-nav {
    margin-top: 20px;
  }
  /* END TEAM SLIDER */
  /* PROMISES PAGE CSS*/
  .promises-heading {
    font-size: 28px;
  }
  .promises-image-1,
  .promises-image-2 {
    padding-bottom: 0;
    padding-right: 0;
  }
  .promises-image-2 {
    padding-left: 0;
  }
  .promises-image-1::after,
  .promises-image-2::after {
    display: none;
  }
  /* END PROMISES PAGE CSS */
  /* APPOINTMENT PAGE CSS */
  .appointment-step span {
    line-height: 80px;
  }
  .appointment-steps {
    background-color: var(--light-color);
    color: var(--body-color);
    padding: 30px 0;
  }
  .appointment {
    padding: 100px 24px 0;
  }
  .ui-state-default,
  .ui-widget-content .ui-state-default {
    font-size: 16px  !important;
    width: 40px !important;
    height: 40px  !important;
    line-height: 36px  !important;
    display: block  !important;
  }
  .appointment-video {
    padding-bottom: 0;
  }
  .appointment-video::after {
    display: none;
  }
  .ui-datepicker-calendar {
    width: 100%;
  }
  /* END APPOINTMENT PAGE CSS */
  /* CAREER LISTING PAGE CSS */
  .vac-categories li {
    padding: 10px;
    display: inline-block;
  }
  .casestudy-search-button {
    position: absolute;
    right: 14px;
    top: -36px;
  }
  /* END CAREER LISTING PAGE CSS */
  /* CAREER DETAIL PAGE CSS */
  .career-banner-image {
	width:100%;
    position: relative;
    right: 0;
    bottom: 0;
    padding-bottom: 0;
    z-index: 1;
  }
  .career-banner-image::after {
    display: none;
  }
  /* END CAREER DETAIL PAGE CSS */
  /* CONTACT PAGE CSS */
  .contact-box {
    padding: 1.8rem;
  }
  .contact-box h6 {
    font-size: 24px;
  }
  .contact-content {
    margin-top: -176px;
    padding-bottom: 40px;
  }
  .contact-map {
    padding-top: 0;
    padding-right: 0;
  }
  .contact-map::after {
    display: none;
  }
  .contact-map iframe {
    height: 300px;
  }
  .contact-form-title {
    font-size: 24px;
  }
  .contact-video {
    height: 373px;
  }
  .contact-video .about-reivews {
    bottom: 10px;
    right: 10px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }

  /* END CONTACT PAGE CSS */
  /* LEARNING CENTER PAGE CSS */
  .learning-centre-categories {
    width: 100%;
    display: block;
    text-transform: uppercase;
  }

  .learning-centre-categories li {
    display: inline-block;
    width: 32%;
    margin-bottom: 10px;
  }
  .learning-centre-categories li a {
    display: block;
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2.57px;
  }
  .contact-video {
    overflow: hidden;
  }
  .contact-video img {
    height: 530px;
    object-fit: cover;
    transform: translate3d(0px, -156px, 0);
  }
  .learning-centre-filter .selected {
    padding: 10px 56px 10px 16px;
  }
  .learning-centre-filter .filter-list li a {
    padding: 10px 16px;
  }
  /*END LEARNING CENTER PAGE CSS */
  .lerning-center-detail-page-banner {
    padding-top: 90px;
    padding-bottom: 0;
  }
  .learning-centre-single-image .image-caption {
    position: relative;
    bottom: 0;
    right: 0;
    padding: 24px;
    width: 100%;
  }
  .learning-centre-single-image {
    position: relative;
    left: 0;
  }
  .date-and-reading-time span {
    padding: 6px 10px;
  }
  .date-and-reading-time span:nth-child(2) {
    border-right: 0;
    padding-right: 0;
  }
  .learning-centre-detail-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .learning-centre-detail-content .h2,
  .learning-centre-detail-content h2 {
    font-size: 20px;
  }
  .page-title.search {
    font-size: 22px;
  }
  .looking-to-hire {
    padding: 30px 0;
    height: 470px;
    margin-bottom: 160px;
  }
  .review-box,
  .review-box.one {
    position: relative;
    width: auto;
    top: 0;
    bottom: auto;
    right: auto;
    margin-top: 25px;
  }
  .related-services .servicesAccordions .faq-box.show {
    border-color: var(--light-color);
    background-color: var(--light-color);
    color: var(--body-color);
  }
	.searchAccordion .faq-box.search .cat-tag {
		display:inline-block !important;
		position: absolute;
		right: 0;
		top: 8px;
	}
	.search-select-dropdown {
		height:154px;
	}
}
@media (max-width: 480px) {
  .intro-banner {
    background-position: 0 0;
  }
}
@media (max-width: 390px) {
	.gform_button,
	.btn {
		padding: 0.8rem 1rem
	}
}


.hbspt-form fieldset{
	
	max-width: 100% !important;
    width: 100% !important;
}
.hbspt-form fieldset .hs-dependent-field .hs-form-field{
	margin-bottom: 1rem !important;
}
.legal-consent-container{
	margin-bottom: 1.5rem;
}
.hsfc-FieldLabel,
.hsfc-RichText{
	 color: #fff !important;
}
.hbspt-form .input,
.hsfc-TextInput,
.hsfc-TextareaInput{
	border-color: var(--body-color) !important;
    background-color: var(--body-color) !important;
    color: #fff !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    font-weight: bold !important;
    padding: 10px 0.75rem !important;
}
.hbspt-form .input{
	margin-bottom:1rem !important;
}
.hsfc-PhoneInput__FlagAndCaret{
	border-color: var(--body-color) !important;
    background-color: var(--body-color) !important;
	 color: #fff !important;
}
.hsfc-PhoneInput .hsfc-TextInput{
	margin-bottom:0 !important;
}
.hbspt-form .hs-fieldtype-booleancheckbox .input{
	border:0 !important;
	background-color:transparent !important;
	padding:0 !important;
	color:inherit !important;
}
.hbspt-form .hs-fieldtype-booleancheckbox > .input > ul.inputs-list{
	list-style:none !important;
	padding:0 !important;
	margin: 1rem 0 !important;
}
.hbspt-form .input input,
.hbspt-form .input select,
.hbspt-form .input textarea{
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	display:block;
	width:100%;
	color:#fff;
}
.hbspt-form .input select{
	width:100% !important;
}
.hbspt-form .input select{
	height:28px;
}
.hbspt-form .hs-fieldtype-booleancheckbox .input ul li label{
	display:flex;
	align-items:center;
}
.hbspt-form .hs-fieldtype-booleancheckbox ..input ul li label input{
	width: 16px !important;
    height: 16px !important;
}

.hbspt-form .input select option{
	color:#000;
}
.hs-where_did_you_hear_about_us{
	width:100% !important;
}
.hs-fieldtype-file{
	width:99% !important;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
    border-color: var(--body-color) !important;
    background-color: var(--body-color) !important;
    color: #fff !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    font-weight: 700 !important;
    padding: .7rem 0.75rem !important;
	margin-bottom:15px;
	margin-right:8px;
}
.hs-fieldtype-file::after{
	content: "";
    position: absolute;
    right: 8px;
    top: 0;
    width: 30px;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/11/upload-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.hs-fieldtype-file .input > input[type="file"]{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* Makes it invisible but still clickable */
    cursor: pointer;
    z-index: 2; /* Ensures it sits on top of the label */
}
.hs-fieldtype-file label {
	width:100%;
    margin: 0 !important;
    font-size: 14px !important;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 1rem !important;
}
.hbspt-form input[type="submit"],
.hsfc-Button{
	border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    line-height: 18px !important;
    letter-spacing: 3px !important;
    padding: 13px 38px !important;
    border: 2px solid !important;
    background-color: var(--primary-btn-color) !important;
    border-color: var(--primary-btn-color) !important;
    color: #fff !important;
}
.hsfc-DropdownInput__Caret span{
	border-top-color:#fff !important;
}
.book-appointment-button{
	margin-top:-48px;
}
.hs-error-msgs{
	list-style:none;
	padding:0;
	margin-top:.5rem;
	font-size:14px;
	color:#dc3545;
}
.objectPosition{
	object-fit:cover;
	object-position: -170px;	
}
@media(max-width:799px){
	.hbspt-form .hs-fieldtype-booleancheckbox .input ul li label{
		align-items:start;
	}
	.book-appointment-button {
		margin-top: 20px;
	}
	.objectPosition {
		object-fit: cover;
		object-position: 0;
		transform: none !important;
	}
}



@font-face {
  font-family: "timesregular";
  src: url("assets/fonts/times-roman-01-webfont.ttf") format("ttf"),
    url("assets/fonts/times-roman-01-webfont.woff2") format("woff2"),
    url("assets/fonts/times-roman-01-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: "timesitalic";
  src: url("assets/fonts/times-italic-03-webfont.ttf") format("ttf"),
    url("assets/fonts/times-italic-03-webfont.woff2") format("woff2"),
    url("assets/fonts/times-italic-03-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: "timesbold";
  src: url("times-bold-02-webfont.woff2") format("woff2"),
    url("times-bold-02-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: "timesbold_italic";
  src: url("assets/fonts/times-bolditalic-04-webfont.woff2") format("woff2"),
    url("assets/fonts/times-bolditalic-04-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}