@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif !important;
  color: #444444;
}
.pricing br {
    display: none;
}
.advatjiffy br{
	display:none;
}
.cockpit br{
	display:none;
}
.d-flex {
    display: flex;
}
a {
  color: #000;
}

a:hover {
  color: #000;
  text-decoration: none;
}
.php-email-form label {
	font-family: 'Poppins', sans-serif;
	color: #a6a8ab;
	text-transform: uppercase;
	font-size: 14px;
  letter-spacing: 2px;
}
/* h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
} */
@font-face {
  font-family: 'cooper_lt_btlight';
  src: url('fonts/cooper_light_bt/cooper_light_bt.eot');
  src: url('fonts/cooper_light_bt.eot?#iefix') format('embedded-opentype'),
       url('fonts/cooper_light_bt/cooper_light_bt.woff2') format('woff2'),
       url('fonts/cooper_light_bt/cooper_light_bt.woff') format('woff'),
       url('fonts/cooper_light_bt/cooper_light_bt.ttf') format('truetype'),
       url('fonts/cooper_light_bt/cooper_light_bt.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'Perpetua Titling MT';
  src: url('fonts/PerpetuaTitlingMT-Bold/PerpetuaTitlingMT-Bold.eot');
  src: local('fonts/PerpetuaTitlingMT-Bold/Perpetua Titling MT Bold'), local('PerpetuaTitlingMT-Bold'),
      url('fonts/PerpetuaTitlingMT-Bold/PerpetuaTitlingMT-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/PerpetuaTitlingMT-Bold/PerpetuaTitlingMT-Bold.woff2') format('woff2'),
      url('fonts/PerpetuaTitlingMT-Bold/PerpetuaTitlingMT-Bold.woff') format('woff'),
      url('fonts/PerpetuaTitlingMT-Bold/PerpetuaTitlingMT-Bold.ttf') format('truetype'),
      url('fonts/PerpetuaTitlingMT-Bold/PerpetuaTitlingMT-Bold.svg#PerpetuaTitlingMT-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*--------------------------------------------------------------
# Airbnb fonts
--------------------------------------------------------------*/

@font-face {
  font-family: 'AirbnbCerealLight';
  src: url('fonts/airbnb/AirbnbCerealLight.eot');
  src: url('fonts/airbnb/AirbnbCerealLight.eot') format('embedded-opentype'),
       url('fonts/airbnb/AirbnbCerealLight.woff2') format('woff2'),
       url('fonts/airbnb/AirbnbCerealLight.woff') format('woff'),
       url('fonts/airbnb/AirbnbCerealLight.ttf') format('truetype'),
       url('fonts/airbnb/AirbnbCerealLight.svg#AirbnbCerealLight') format('svg');
}

@font-face {
  font-family: 'AirbnbCerealBook';
  src: url('fonts/airbnb/AirbnbCerealBook.eot');
  src: url('fonts/airbnb/AirbnbCerealBook.eot') format('embedded-opentype'),
       url('fonts/airbnb/AirbnbCerealBook.woff2') format('woff2'),
       url('fonts/airbnb/AirbnbCerealBook.woff') format('woff'),
       url('fonts/airbnb/AirbnbCerealBook.ttf') format('truetype'),
       url('fonts/airbnb/AirbnbCerealBook.svg#AirbnbCerealBook') format('svg');
}
@font-face {
  font-family: 'AirbnbCerealMedium';
  src: url('fonts/airbnb/AirbnbCerealMedium.eot');
  src: url('fonts/airbnb/AirbnbCerealMedium.eot') format('embedded-opentype'),
       url('fonts/airbnb/AirbnbCerealMedium.woff2') format('woff2'),
       url('fonts/airbnb/AirbnbCerealMedium.woff') format('woff'),
       url('fonts/airbnb/AirbnbCerealMedium.ttf') format('truetype'),
       url('fonts/airbnb/AirbnbCerealMedium.svg#AirbnbCerealMedium') format('svg');
}
@font-face {
  font-family: 'AirbnbCerealBold';
  src: url('fonts/airbnb/AirbnbCerealBold.eot');
  src: url('fonts/airbnb/AirbnbCerealBold.eot') format('embedded-opentype'),
       url('fonts/airbnb/AirbnbCerealBold.woff2') format('woff2'),
       url('fonts/airbnb/AirbnbCerealBold.woff') format('woff'),
       url('fonts/airbnb/AirbnbCerealBold.ttf') format('truetype'),
       url('fonts/airbnb/AirbnbCerealBold.svg#AirbnbCerealBold') format('svg');
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #106eea;
  border-top-color: #e2eefd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #5e4200;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #312200;
  color: #fff;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/

.container {
  width: 100%;
  padding: 0px 90px !important;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
  background: transparent;
  transition: all 0.5s;
  z-index: 997;
  padding: 25px 0;
}
.scroll-css .navbar-fixed-top{background: #ffffff;}
header > .navbar{
	border-bottom: none !important;
}
header .custom-area {
    padding: 0 !important;
}
header .container {
    padding-top: 25px !important;
}
header .navbar-brand .logo-default{
	margin-top:0 !important;
}
.navbar-brand{height: 70px;}
.navbar-default{
  background: transparent;
}
.navbar-main{background: transparent;}
header .navbar-default .navbar-collapse{
    float: right;
}
header.scroll-css {
  top: 0;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.main-banner .row{
	margin:0 !important;
}
header.scroll-css .navbar-main{
    background-color: transparent;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}
header.scroll-css .container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 70px !important;
    padding-right: 70px !important;
}
header .navbar-brand {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
}
header .navbar-brand img{
	max-height: 70px !important;
}
header .logo a {
  color: #222222;
}

header .logo a span {
  color: #106eea;
}

header .logo img {
  max-height: 50px;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
ul.navbar-nav {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
display: flex;
}
.navbar-right{margin-top: 10px;}

ul.navbar-nav > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

ul.navbar-nav a {
  display: block;
  position: relative;
  color: #4e4e4e !important;
  transition: 0.3s;
  font-size: 14px!important;
  padding: 0 3px;
  font-family: 'AirbnbCerealBook';
}

ul.navbar-nav > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -15px;
  left: 0;
  background-color: #f3bb06;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

ul.navbar-nav li.active a:before {  
  visibility: visible;
  width:100%;
}

ul.navbar-nav li.active a,
ul.navbar-nav li:hover a{
  color: #000!important;
}

/* CTA Button */
.cta-btn-black{
	display:block;
}
.cta-btn-black a{
	font-family: 'AirbnbCerealMedium';
	font-size: 14px;
	background-color: #ffc331;
	padding: 13px 35px;
	margin-left: 35px;
	color: #fff;
	cursor: pointer;
	text-decoration:none;
	display:inline-block;
  text-transform: uppercase;
}
.cta-btn-black .iconify{
  font-size: 24px;
  vertical-align: middle;
}
.cta-btn-black a:hover {
  text-decoration: underline;
}
.cta-btn-yellow a {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 14px;
	background-color: #ffc333;
	padding: 15px 35px;
	border-radius: 30px;
	color: #000 !important;
	cursor: pointer;
	display: inline-block;
	line-height:normal;
}
.cta-btn-yellow a:hover {
  text-decoration: underline !important;
}

/* Radio Button */

.continput .inputGroup {
  background-color: #fff;
  display: block;
  margin: 35px 0;
  position: relative;
  height: 100px;
}
.continput .inputGroup label {
  padding: 12px 30px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  height: 100px;
}
.continput .inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.continput .inputGroup label:after {
  width: 32px;
  height: 32px;
  content: "";
  border: 2px solid #D1D7DC;
  background-color: #D1D7DC;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.continput .inputGroup input:checked ~ label {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(185, 185, 185,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(185, 185, 185,1);
  box-shadow: 0px 0px 20px 0px rgba(185, 185, 185,1);
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.continput .inputGroup input:checked ~ label:after {
  background-color: #f3bb06;
  border: 6px solid #000;
}
.continput .inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.continput .form {
  padding: 0 16px;
  width: 100%;
  margin: 50px auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}





/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #222222;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #222222;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #106eea;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(9, 9, 9, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.banner-cont {
  width: 650px;
  margin-top: 108px;
}
.banner-cont br {
    display: none;
}
.section-empty > .content{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
#hero {
  width: 100%;
  height: 445px;
  background: url("images/hero.png") bottom right;
  position: relative;
  background-repeat: no-repeat;
  padding: 0 !important;
}

#hero:before {
  content: "";
  background: rgba(255, 255, 255, 0);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  position: relative;
  padding-top: 132px;
}



#hero h1 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 35px;
  color: #231f20;
  font-family: 'Perpetua Titling MT';
   letter-spacing: normal;
}

#hero h1 span {
  color: #231f20;
  font-family: 'cooper_lt_btlight';
  font-size: 34px;
  font-weight: 400;
}

#hero h2 {
  color: #555555;
  margin: 35px 0;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  line-height: normal;
    letter-spacing: normal;
}

#hero .btn-get-started {
	font-family: 'Poppins', sans-serif;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 30px;
	transition: 0.5s;
	color: #000;
	background: #f3bb06;
	position: relative;
    z-index: 1;
}

#hero .btn-get-started:hover {
  background: #f7c82d;
  text-decoration: underline;
}

#hero .btn-watch-video {
  font-size: 16px;
  display: inline-block;
  padding: 10px 25px 8px 40px;
  transition: 0.5s;
  margin-left: 25px;
  color: #222222;
  position: relative;
  font-weight: 600;
}

#hero .btn-watch-video i {
  color: #106eea;
  font-size: 32px;
  position: absolute;
  left: 0;
  top: 7px;
  transition: 0.3s;
}

#hero .btn-watch-video:hover {
  color: #106eea;
}

#hero .btn-watch-video:hover i {
  color: #3b8af2;
}





/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f6f9fe;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 8px 20px;
  margin: 0;
  background: #e7f1fd;
  color: #106eea;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 50px;
}

.section-title h3 {
  margin: 15px 0 0 0;
  font-size: 32px;
  font-weight: 700;
}

.section-title h3 span {
  color: #106eea;
}

.section-title p {
  margin: 15px auto 0 auto;
  font-weight: 600;
}



/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 20px 0;
  background-color: #f1f6fe;
  min-height: 40px;
  margin-top: 134px;
}

.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 300;
  margin: 0;
}


.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

.sec-heading {
	padding: 20px 0px 35px 0px;
  font-family: 'Playfair Display', serif;
  font-size: 35px;
  color: #231f20;
  font-weight: 600;
}
.sec-heading span {
  font-family: 'cooper_lt_btlight';
  color: #231f20;
  font-size: 30px;
  font-weight: 300;
  line-height: 18px;
}
.jiffy-txt {
	font-family: 'Perpetua Titling MT' !important;
}
.sec-cont-info {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
}
.sec-cont-info span {
  font-weight: 600;
  color: #000;
}
/*--------------------------------------------------------------
# meetjiffy Services
--------------------------------------------------------------*/
#meetj1ffy .content {
    padding: 0;
}
#meetj1ffy .col-md-12{
	padding:0;
}
#meetj1ffysec .hc_column_cnt {
    padding-top: 40px !important;
}
.meetjiffy {
  background-color: #f9f2e0 !important;
  background: url("images/meet-jiffy-bg-img.png") top center;
  background-repeat: no-repeat;
  overflow:visible;
  padding:75px 0;
}
#meetj1ffy {
    z-index: 10;
	overflow: visible;
}
#meetj1ffy .row{
	margin:0;
}
.meetjiffy br{
	display:none;
}

.meetjiffy .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 0px;
  z-index: 1;
  margin-bottom: 30px;
}

.meetjiffy .icon-box::before {
  content: '';
  position: absolute;
  background: #cbe0fb;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;
}

.meetjiffy .icon-box:hover::before {
  background: #5e4200;
  top: 0;
  border-radius: 0px;
  color: #000 !important;
}
.meetjiffy .icon {
  margin-bottom: 0;
   height: 65px;
}

.meetjiffy .title {
  font-weight: 300;
  margin-bottom: 15px;
  font-family: 'Playfair Display', serif;
  font-size: 20px;

}

.meetjiffy .title a {
  color: #111;
}

.meetjiffy .description {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
  font-family: 'Poppins', sans-serif;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.meetjiffy .icon-box:hover .title a,
.meetjiffy .icon-box:hover .description {
  color: #fff;
}

.meetjiffy .icon-box:hover .icon i {
  color: #fff;
}

.meetjiffy .card{
    position: relative;
    cursor: pointer;
	height:220px;
	 width: 100%;
	 margin:0 0 20px 0;
}
.meetjiffy .card h3{
  font-weight: 300;
  font-family: 'Playfair Display', serif;
  font-size: 20px;
}
.meetjiffy .card .face{
    width: 100%;
    height: 220px;
    transition: 0.5s;
}

.meetjiffy .card .face.face1{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(0px);
    padding: 65px;
}
.meetjiffy .card:hover .face.face1{
	z-index:10;
	background: #c09326;
    transform: translateY(0);
}
.meetjiffy .card:hover .face.face1 .content h3{
	color:#fff;
}

.meetjiffy .card .face.face1 .content{
    opacity: 1;
    transition: 0.5s;
}

.meetjiffy .card:hover .face.face1 .content{
    opacity: 1;
}

.meetjiffy .card .face.face1 .content img{
    max-width: 100px;
}



.meetjiffy .card .face.face1 .content h3{
    margin: 10px 0 0;
    padding: 0;
    color: #000000;
    text-align: center;
    font-size: 1.5em;
}

.meetjiffy .card .face.face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(14, 10, 10, 0.4);;
    transform: translateY(-220px);
	opacity:0;
}

.meetjiffy .card:hover .face.face2{
    transform: translateY(0);
	z-index: 10;
	opacity:1;
	align-items: start;
    height: auto;
}

.meetjiffy .card .face.face2 .content p{
    margin: 0;
    padding: 0;
	font-size: 14px;
	line-height:20px;
}

.meetjiffy .card .face.face2 .content a{
    margin: 15px 0 0;
    display:  inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}

.meetjiffy .card .face.face2 .content a:hover{
    background: #333;
    color: #fff;
}
.icon-corner-clr-box {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
}
.icon-corner-clr-box.yellow {
  background-color: #ffc334;
}
.icon-corner-clr-box.gray {
  background-color: #606060;
}

/*--------------------------------------------------------------
# cockpit
--------------------------------------------------------------*/

#cockpit_tab {
	background-color: #f7eac7;
}
#cockpit_tab .tab-box .panel.active {
    display: block;
    background: #fff;
    background-color: #fff;
    margin-top: 20px;
    padding: 40px 60px !important;
    min-height: 180px;
    border-radius: 10px !important;
}
.col-md-12.hc_tab_cnt {
    background: #f7eac7;
}
#rightsection br{
	display:none;
}
.cockpit .sec-heading span{
	line-height: 35px;
    display: block;
}
.cockpit .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.cockpit .content ul {
  list-style: none;
  padding: 0;
}

.cockpit .content ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 35px;
}

.cockpit .content ul li:first-child {
  margin-top: 35px;
}

.cockpit .content ul i {
  background: #fff;
  box-shadow: 0px 6px 15px rgba(16, 110, 234, 0.12);
  font-size: 24px;
  padding: 20px;
  margin-right: 15px;
  color: #106eea;
  border-radius: 50px;
}
#cockpit_tab .content {
    padding: 0 55px !important;
}
.cockpit .content ul h5 {
  font-size: 18px;
  color: #555555;
}

.cockpit .content ul p {
  font-size: 15px;
}

.cockpit .content p:last-child {
  margin-bottom: 0;
}


#cockpit_tab .tab-box {
	background: transparent;
	color: #231f20;
	margin-bottom:120px;
}
#cockpit_tab .tab-box h6.section-title{
    color: #eee;
}
#cockpit_tab .tab-box .nav-tabs {
    border-bottom: none;
}
#cockpit_tab .tab-box .nav-tabs li a{
	background-color: #fff !important;
  height: 90px;
  margin: 0px 15px !important;
  border-radius: 20px;  
  border: none !important;
  width: 102px;
}
#cockpit_tab .tab-box .nav-tabs li.active{
	background-color: transparent !important;
}
#cockpit_tab .tab-box .nav-tabs li.active a, 
#cockpit_tab .tab-box .nav-tabs li:hover a{
	background:#000 !important;
    border:none !important;
}

#cockpit_tab .tab-box .nav-tabs .nav-link.cockpit-tab-icon {
	display:block;
	width: 100%;
	height: 100%;
}
#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.cust-info {
  background: url("images/cockpit/cust-info-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.cust-info,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.cust-info {
  background: url("images/cockpit/cust-info-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.cust-app-flow {
  background: url("images/cockpit/cust-app-flow-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.cust-app-flow,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.cust-app-flow {
  background: url("images/cockpit/cust-app-flow-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.requirment-icon {
  background: url("images/cockpit/requirment-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.requirment-icon,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.requirment-icon {
  background: url("images/cockpit/requirment-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.docmt-pipeline-icon {
  background: url("images/cockpit/docmt-pipeline-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.docmt-pipeline-icon,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.docmt-pipeline-icon {
  background: url("images/cockpit/docmt-pipeline-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.reminder-icon {
  background: url("images/cockpit/reminder-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.reminder-icon,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.reminder-icon {
  background: url("images/cockpit/reminder-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.cont-icon {
  background: url("images/cockpit/cont-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.cont-icon,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.cont-icon{
  background: url("images/cockpit/cont-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.pricing-temp-icon {
  background: url("images/cockpit/pricing-temp-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.pricing-temp-icon,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.pricing-temp-icon {
  background: url("images/cockpit/pricing-temp-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.paymwnt-icon {
  background: url("images/cockpit/paymwnt-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.paymwnt-icon,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.paymwnt-icon{
  background: url("images/cockpit/paymwnt-icon-h.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li a .nav-link.cockpit-tab-icon.quickbook-integ-icon {
  background: url("images/cockpit/quickbook-integ-icon-n.png") center center;
  background-repeat: no-repeat;
}

#cockpit_tab .tab-box .nav-tabs li:hover a .nav-link.cockpit-tab-icon.quickbook-integ-icon,
#cockpit_tab .tab-box .nav-tabs li.active a .nav-link.cockpit-tab-icon.quickbook-integ-icon{
  background: url("images/cockpit/quickbook-integ-icon-h.png") center center;
  background-repeat: no-repeat;
}

.tab-content {
	background-color: #fff;
	margin-top: 20px;
	padding: 40px 60px !important;
	min-height: 180px;
	border-radius: 10px !important;
}
.cockpit-sec-heading {
	color: #231f20;
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	margin-bottom: 10px;
}
.cockpit-sec-cont {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	color: #606060;
}


/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing {
	background-color: #f1f1f3;
}
#pricing .site-container {
    padding: 0 55px;
}
#pricing .sec-cont-info p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #444444;
    margin-bottom: 20px;
}
#pricing .cta-btn-yellow.mt-5 {
    margin-top: 40px;
}
.pricing .box {
  padding: 20px;
  background: transparent;
  text-align: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.pricing .box h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #777777;
  background: #f8f8f8;
}

.pricing .box h4 {
  font-size: 36px;
  color: #106eea;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.pricing .box h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .box h4 span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}

.pricing .box ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.pricing .box ul li {
  padding-bottom: 16px;
}

.pricing .box ul i {
  color: #106eea;
  font-size: 18px;
  padding-right: 4px;
}

.pricing .box ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-wrap {
  margin: 20px -20px -20px -20px;
  padding: 20px 15px;
  background: #f8f8f8;
  text-align: center;
}

.pricing .btn-buy {
  background: #106eea;
  display: inline-block;
  padding: 8px 35px 10px 35px;
  border-radius: 4px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}

.pricing .btn-buy:hover {
  background: #3b8af2;
}

.pricing .featured h3 {
  color: #fff;
  background: #106eea;
}

.pricing .advanced {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #106eea;
  color: #fff;
}
.pricing-text-info {
	margin-left: 50px;
	width:66%;
}
.pricing-text-b {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}
.pricing-text-s {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 14px;
}
.pricing-sec {
	font-family: 'Poppins', sans-serif;
	text-align: center;
}
.pricing-value {
	font-size: 40px;
	font-weight: 600;
  color: #000 ;
  margin-top: 14px;
  line-height: 30px;
  font-weight: bold;
}
.pricing-value-sub-txt {
	font-size: 14px;
	font-weight: 300;
}

/*--------------------------------------------------------------
# Advantage  J1FFY
--------------------------------------------------------------*/
.advatjiffy {
	background-color: #f7eac7;
}
#advatjiffy .site-container {
    padding: 0 55px;
}
.advat-blog {
	background-color: #fff;
	padding: 15px 17px;
  margin-bottom: 15px;
}
.advat-blog-heading {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
  margin-bottom: 10px;
  line-height: 15px;
}
.advat-blog-cont {
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
  font-weight: 300;
  text-align: justify;
  line-height: 17px;
}

/*--------------------------------------------------------------
# SEVIS Batch
--------------------------------------------------------------*/
#sevissec {
	background:url(images/sevis-batch-img.png) no-repeat 125% bottom transparent;
	height:550px;
}
#sevissec .site-container{
	padding:0 55px;
}
.btn-near-txt {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	padding: 35px 0 10px 0;
}


/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  padding: 60px 0;
}

.faq .faq-list {
  padding: 0;
  list-style: none;
}

#faq .list-group-item {
  padding: 30px 30px 30px 0px;
}

#faq .list-group-item a {
	display: block;
	position: relative;
	color: #4e4e4e;
	font-size: 26px;
	font-weight: 500;
	font-family: 'AirbnbCerealBold';
	border: none;
	padding: 0px 30px 0px 0px;
}
#faq .list-group-item a:hover{
	 color: #f3bb06;
	 background: transparent;
}
#faq .accordion-list .panel{
	margin:0;
	padding:25px;
}
#faq .accordion-list .list-group-item > .panel > .inner {
    padding: 0;
}
#faq .sec-heading {
    padding: 20px 0px 0 0px
}
#faq .list-group-item .im-arrow-down{
	font-family: IcoFont !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
	  position: absolute;
    left: 0px;
    top: 6px;
    padding: 0;
}
#faq .list-group-item .im-arrow-down:before {
    content: "\eab2" !important;
}
#faq .list-group-item .active .im-arrow-down:before {
    content: "\eab9" !important;
}
.faq .faq-list i {
  font-size: 18px;
  position: absolute;
  left: -25px;
  top: 6px;
}
#faq .content{
	padding: 0 55px;
	background: #f6f9fe;
}
#faq .accordion-list .list-group-item .panel .inner p {
  margin-bottom: 20px;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

.faq .faq-list a.collapse {
  color: #f3bb06;
}

.faq .faq-list a.collapsed {
  color: #343a40;
}

.faq .faq-list a.collapsed:hover {
  color: #f3bb06;
}

.faq .faq-list a.collapsed i::before {
  content: "\eab2" !important;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #106eea;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #b3d1fa;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  padding: 0px 30px 30px 30px;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #106eea;
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .cta-btn-yellow input {
  background: #000;
  border: 0;
  padding: 15px 40px;
  color: #f3bb06;
  transition: 0.4s;
  border-radius: 30px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  background-image:none;
  margin:0;
}
#contact .content.container {
    margin: auto auto 80px auto;
}
.contact .cta-btn-yellow input:hover {
  background: #f3bb06;
  color: #000;
  text-decoration: none;
}

.contactus-left-sec h3 {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  color: #000;
}
.contactus-left-sec p {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  line-height: normal;
  color: #606060;
}
.add-info-sec label {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:normal;  
}
.contact .form-row label{
	font-family: 'Poppins', sans-serif;
    color: #a6a8ab;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
	font-weight:normal;
}
.contact .form-row input{
	padding: 10px 15px;
    line-height: normal;
    height: auto;
	border:1px solid #ced4da !important;
	margin:0 0 10px 0;
	color: #414141;
    font-size: 14px;
}
.contact .form-row textarea{
	padding: 10px 15px;
	color: #414141;
    font-size: 14px;
    line-height: normal;
    height: 154px !important;
	border:1px solid #ced4da !important;
	width: 100% !important;
	resize:none;
	margin:0 0 10px 0;
}

.contactus-left-sec {
	background-color: #f1f1f3 !important;
	background: url("images/chat-msg-blog-corner-img.png") top right;
	background-repeat: no-repeat;
	padding: 30px 40px;
  width: 450px
}


@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
	padding: 20px 35px;
	background: #222222;
}
footer .copyright {
  text-align: center;
  float: left;
  color: #f3bb06;
  font-size: 14px;
}
.scroll-top.scroll-top-mobile.scn-up.show{
	font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
	font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #5e4200;
    color: #fff;
    transition: all 0.4s;
}
.scroll-top.scroll-top-mobile.scn-up.show:before {
    content: "\eab9" !important;
	transform: none !important;
    font-family: IcoFont !important;
    position: relative;
    top: -8px;
    font-size: 24px;
}

/*-------------Register Form starts here------------*/
.page-registration .header-base{
	display:none;
}
.page-registration .collapse.navbar-collapse{
	display:none !important;
}
.page-registration footer{
    display:none;
}
.page-registration .scroll-top.scroll-top-mobile.scn-up{
	display:none;
}
.contact.registerform {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}
.contact.registerform .cta-btn-yellow {
    margin: 20px 0 40px 0;
    text-align: center;
}
.contact.registerform .form-row select{
	margin: 0 0 10px 0;
}
.contact .form-row input::placeholder {
	color: #a6a8ab;
    font-size: 14px;
}
.page-registration header {
    display: none;
}
.page-registration .container.content {
    padding: 0 !important;
}
.page-registration .client-logo img {
	width: auto;
	height: 45px;
}

/*--------------------------------------------------------------
Login Page - Star
--------------------------------------------------------------*/
.login-p {
    background-color: #f7edc7;
    padding: 0px;
    margin: 0;
}
.m-0{
    margin: 0;
}
.p-0{
    padding: 0;
}
.login-page-cont {
	  padding:50px 0px 0px 50px;
    height: 100vh;
    background-color: #f7edc7;
    align-items: start;
    flex-direction: column;
}
.login-p h1 {
	margin: 0;
	font-size: 35px;
	font-weight: 600;
	line-height: 30px;
	color: #231f20;
	font-family: 'Perpetua Titling MT';
	letter-spacing: normal;
    text-align: left;
}
.login-p h1 span {
	color: #231f20;
	font-family: 'Poppins';
	font-size: 30px;
	font-weight: 200;
    text-align: left;
}
.login-p h2 {
	color: #555555;
	margin: 15px 0;
    font-size: 15px;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	line-height: normal;
	letter-spacing: normal;
    text-align: left;
}
.login-page-cont img {
    max-width: 840px;
	width: 840px;
    position: relative;
    z-index: 9;
}
.login-right-cont {
	background-color: #fff;
  padding: 0px 40px;
  /* height: 100vh; */
}
.user-entry-page {
	height: auto;
	padding: 50px 0px;
  position: relative;
    z-index: 10;
    max-width: 380px;
    margin:0 auto;
}
.client-logo {
	text-align: right;
  margin-top:20px;
}
.client-logo img {
	width: auto;
	height: 63px;
}
.page-registration .login-p{
	display:flex;
}

.user-entry-page.resgi-form  .wpcf7-text {
	margin: 0;
	padding: 0;
	height: 25px;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
}
.scroll-top.scroll-top-mobile.scn-up {
	display: none !important;
}
.user-entry-page.resgi-form label {
	line-height: 14px;
	margin: 10px 0px 2px 0px;
	font-size: 11px;
	text-transform: full-size-kana;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
}

.user-entry-page.resgi-form  {
	padding: 0px 0px 20px 0px ;
}
.user-entry-page.resgi-form  .wpcf7-form-control-wrap.Program {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	font-size: 14px;
}
span.wpcf7-not-valid-tip {
	font-size: 10px;
	line-height: 14px;
}

.reg_bg_img_align{
	position:absolute;
	left:12%;
	bottom:0;
}
.wpcf7-form-control.wpcf7-submit {
	background: #FDC330 !important;
	text-transform: uppercase;
	color: #000;
	border-radius: 6px;
}
.mb-auto{
	margin-bottom: auto;
}
.mt-auto {
	margin-top: auto;
}
.ml-auto {
	margin-left: auto;
}
.mr-auto {
	margin-right: auto;
}
.respons-msg-txt div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	border: none;
	background-color: #f7e700;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	padding: 10px 10px;
	width: 100%;
}
/*-------------Register Form ends here------------*/

.home .navbar-nav li:nth-child(2){display: none;} .home .navbar-nav li:nth-child(4){display: none;}.home .navbar-nav li:nth-child(5){display: none;}


/*jiffy home page */
body.page-jiffy-home{position: relative;background: url("images/jiffy_homebg.png") left top;background-repeat: no-repeat;}
/* body.page-jiffy-home::before{position: absolute;background: url("images/jiffy_homebg.png") left top;left: 0;top: 0;content: "";width: 508px;height: 503px;background-repeat: no-repeat;z-index: 999;} */
.header-title{display: none;}
.banner_section h1{font-family: 'AirbnbCerealLight';font-size: 38px;color: #000000;line-height: initial;}
.banner_section h1 span{font-family: 'Perpetua Titling MT';}
.banner_section{background: url("images/jiffy_banner.png");background-position: 91% 89%;background-repeat: no-repeat;}
.banner_txt{font-size: 18px;color: #4e4e4e;font-family: 'AirbnbCerealLight';margin-top: 15px;white-space: nowrap;}.banner_txt em{text-decoration: underline;font-family: 'AirbnbCerealBook';}
.page-jiffy-home .navbar-nav li:nth-child(6){display: none;}.page-jiffy-home .navbar-nav li:nth-child(7){display: none;}.page-jiffy-home .navbar-nav li:nth-child(4){display: none;}
.page-jiffy-home .banner_btxt strong{font-family: 'AirbnbCerealBook';font-size: 16px;color: #000000;text-transform: uppercase;letter-spacing: .6px;}
.btn-border{font-family: 'AirbnbCerealMedium';font-size: 16px;color: #4e4e4e;text-transform: uppercase;font-weight: 100;padding: 14px 22px;border:1px solid #c0c0c0;}
.border_btn a .iconify{font-size: 20px;vertical-align: middle;}


/* meet j1ffy css */
#meetj1ffy h2{
font-family: 'AirbnbCerealBold';
font-size: 40px;
color: #222222;
}
#meetj1ffy h2 span{
  font-family: 'Perpetua Titling MT';
}
#meetj1ffy h4{
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-family: 'AirbnbCerealMedium';
    font-weight: 500;
    padding-top: 10px;
}
#meetj1ffy .meet_jiffy_content{
    font-size: 15px;
    color: #000;
    font-family: 'AirbnbCerealLight';
    line-height: 22px;
    padding-right: 15px;
}

/* personalize */
#personalize .hc_subtitle_cnt:nth-child(5) .personalize_list::before{
  display: none;
}
/* #personalize .hc_subtitle_cnt:nth-child(5) .personalize_list{
  min-height: inherit;
} */
.personalize_list{
  padding-left: 120px;
  position: relative;
  min-height: 170px;
}
.personalize_btn{margin-left: 120px;}
.personalize_list::before{
  content: "";
  position: absolute;
  left: 39px;
  top: 0px;
  border: 1px solid #efc144;
  width: 1px;
  height: 100%;
}
.personlize_need h1{
  font-size: 40px;
  font-family: 'AirbnbCerealMedium';
}
.personlize_need .personalize_list::before:last-child{
  display: none;
}
.personalize_list h2{
  position: relative;
  font-size: 22px;
  font-family: 'AirbnbCerealMedium';
  line-height: normal;
}
.p_custom h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/p_coustominfo.png") no-repeat #fff;
  background-position: center;
}
.work_flow h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/p_workflow.png") no-repeat #fff;
  background-position: center;
}
.pipeline h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/p_pipline.png") no-repeat #fff;
  background-position: center;
}
.paperwork h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/p_paperwork.png") no-repeat #fff;
  background-position: center;
}
.reminder h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/p_remainder.png") no-repeat #fff;
  background-position: center;
}

.contracts h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/cont-icon-h.png") no-repeat #fff;
  background-position: center;
}
.pricing_tem h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/pricing-temp-icon-h.png") no-repeat #fff;
  background-position: center;
}
.pay_gateway h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/paymwnt-icon-h.png") no-repeat #fff;
  background-position: center;
}
.quick_books h2::before{
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  left: -120px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid #efc144;
  box-shadow: 0px 0px 10px #e6e6e6;
  background: url("images/quickbook-integ-icon-h.png") no-repeat #fff;
  background-position: center;
}


.personalize_list p{
  font-size: 16px;
  color: #222222;
  font-family: 'AirbnbCerealLight';
  line-height: 22px;
}
/* pricing table */

.table-scroll {
	position:relative;
	max-width:1000px;
	margin:auto;
	overflow:hidden;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
  margin-top: 40px;
}
.table-scroll th, .table-scroll td {
	padding:10px 10px;
	vertical-align:middle;
    border: none;
}
/* div#column_ye9Gl:before{
    background: url(/wp-content/themes/sole-child/images/pricing_bg.png);
    background-size: 100%;
    position: absolute;
    content: "";
    width: 100%;
    height: 36%;
    border-radius: 10px 10px 0px 0px;
} */

.pricing_inner{
  background: linear-gradient(180deg, rgba(244,194,94,1) 0%, rgba(244,194,94,1) 36%, rgba(255,255,255,1) 36%);
  padding: 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.pricing_inner h1{font-size: 40px;font-family: 'AirbnbCerealMedium';color: #222;margin-top: 40px;}
.payment_info span{font-size: 24px;  color: #fff;font-family: 'AirbnbCerealMedium';}.payment_info span strong{font-size: 34px;border-bottom: 2px solid #fff;}
.payment_info p{font-size: 18px;  color: #fff;font-family: 'AirbnbCerealMedium'; line-height: normal;}
.pricing_table{background: #fff;  padding: 30px 0px;  border-radius: 6px 6px 0px 0px;}
.selected_app{font-size: 20px; font-family: 'AirbnbCerealLight';  color: #4e4e4e;}
.selected_app em{display: block;font-style: normal;}.selected_app em strong{background: #f4c25e;  padding: 1px 10px 2px 10px;  color: #fff;  font-family: 'AirbnbCerealBold';}
.pricing_table h3{white-space: nowrap;font-size: 26px;  font-family: 'AirbnbCerealMedium';height: 60px;}
.pricing_table h3 span{font-family: 'Perpetua Titling MT';}
.pricing_table .t_head_con p{color: #757573;
  font-size: 15px;
  font-family: 'AirbnbCerealBook';
  line-height: 20px;
  height: 70px;
}
.t_head_con p a{
  color: #efc144;
  text-decoration: underline;
  font-family: 'AirbnbCerealBold';
}
#btnintial strong{
  font-size: 38px;
  font-family: 'AirbnbCerealBold';
  color: #000;
  display: inline-block;
}
#btnintial em{
  display: inline-block;
  line-height: 16px;
  font-size: 13px;
  font-family: 'AirbnbCerealBold';
  vertical-align: text-bottom;
  padding-left: 10px;
  border-left: 2px solid #000;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
th.fixed-side {
  min-width: 180px;
  font-size: 14px;
  font-family: 'AirbnbCerealMedium';
  line-height: normal;
}
#btnintial em b{display: block;}
#btnintial{margin: 10px 0px;white-space: nowrap;}
table.main-table tbody tr th{
  border-bottom: 1px solid #edeef0;
}
table.main-table tbody tr td{
  border-bottom: 1px solid #edeef0;
  border-right: 1px solid #edeef0;
}
table.main-table thead th{border-right: 1px solid #edeef0;padding: 0px 25px 0px 25px !important;}
table.main-table thead th:nth-child(1){border: none;}
table.main-table thead th:nth-child(4){border: none;}

/* our client */
ul.our_client{display: block;margin: 0; padding: 0;}
ul.our_client li{
  display: inline-block;
  box-shadow: 0px 0px 10px #dedede;
  margin: 0px 10px;
  padding: 0px 10px;
  background: #fff;
}
.ourclient h1{font-size: 40px;font-family: 'AirbnbCerealMedium';color: #000000;}

/* Faq */
.faq_accordian .list-group-item a{
    font-size: 26px;
    font-family: 'AirbnbCerealBold';
    color: #4e4e4e;
    padding: 30px 60px 30px 0px;
    position: relative;
}
.faq_accordian .list-group-item a::after{
  content: "+";
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: 'AirbnbCerealLight';
    font-size: 40px;
}
.faq_accordian .list-group-item a.active::after{
  content: "-";
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: 'AirbnbCerealLight';
    font-size: 40px;
}
.faq_accordian .list-group-item{
  border-bottom: 1px solid #e9e9e9;
  border-top: none;
}

.faq_accordian .list-group-item a.active{
  border: none;
  color: #f0c244 !important;
}
.faq_accordian .list-group-item a.active:hover{
  border: none;
}
.faq_accordian .list-group-item a:hover{
  background: transparent;
  color: #f0c244;
}
.acc-content{
  font-family: 'AirbnbCerealBook';
    font-size: 18px;
    padding-left: 0;
    padding-right: 10%;
}
#faq h2{
  font-size: 40px;
    font-family: 'AirbnbCerealMedium';
    color: #000000;
    position: relative;
}
#faq h2::before{
  content: "";
  position: absolute;
  left: 0;
  width: 200px;
  height: 1px;
  background: #f0c244;
  bottom: 0;
  z-index: 99;
}

#faq h1{
  font-size: 200px;
  font-family: 'AirbnbCerealBold';
  color: #fafafa;
  white-space: nowrap;
  position: absolute;
  top: 25px;
  left: 3px;
}
#faq .content{
  background: #ffffff;
}

/* testimonials */
#testimonials{
  background: #000;
}


.view_testimonial ul {
  margin: 0;
  padding: 0;
}

  .view_testimonial ul li {
      display: block;
      margin-bottom: 1em;
      line-height: 22px;
      font-family: 'AirbnbCerealBook';
      color: #fff;
  }

.view_testimonial h3 {
  display: inline-block;
  font-size: 1.6em;
  color: #fff;
  font-family: 'AirbnbCerealmedium';
  margin: 0em 1em 0em 0em;
  vertical-align: middle;
  line-height: 1.4;
}


  .view_testimonial h3 em {
      display: block;
      color: #b88200;
      font-size: 12px;
      text-transform: uppercase;
      font-style: normal;
  }
  .view_testimonial p{
    display: inline-block;
  }

.view_testimonial h4 {
  font-family: 'AirbnbCerealmedium' !important;
  font-size: 1.6em !important;
  color: #fff;
  display: inline-block;
  margin-left: .5em;
  vertical-align: text-bottom;
  line-height: 1.4;
}

  .view_testimonial h4 span {
      display: block;
      color: #b88200;
      font-size: .7em;
  }

.view_testimonial a {
  display: inline-block;
}

  .view_testimonial a.client_logo {
      background: #fff;
      border-radius: 3px;
      padding: .2em;
      width: 100px;
      text-align: center;
  }

      .view_testimonial a.client_logo img {
          vertical-align: middle;
          width: 100%;
          object-fit: contain;
      }

.pointer {
  cursor: pointer;
}

.client_video {
  margin-top: 2em;
  position: relative;
}

  .client_video a {
      position: absolute;
      width: 100%;
      height: 70px;
  }

.testi_monial h1 {
  font-size: 48px;
  font-family: 'AirbnbCerealBold';
  color: #fff;
}

.testi_monial li.content span {
  font-size: 1.2em;
  color: #fff;
  font-family: 'AirbnbCerealMedium';
  padding-bottom: 1em;
  display: block;
  position: relative;
}

  .testi_monial li.content span i {
      position: absolute;
      left: -47px;
      font-size: 2em;
      top: -7px;
  }

  .testi_monial li.content span b {
      font-family: 'AirbnbCerealBold';
      color: #4e4e4e;
      font-size: 1.2em;
  }

ul.dots {
  margin: 7em 0em 0em 0em;
  padding: 4em 0em 2em 0em;
  display: block;
  text-align: center;
  border-left: 1px solid #fff;
  border-image: linear-gradient(to bottom, #000000 0%,#ffc332 25%,#ffc332 75%,#000000 100%) 1 stretch;
}

  ul.dots li {
      display: block;
  }

      ul.dots li a {
          width: 15px;
          height: 15px;
          border-radius: 11px;
          border: 2px solid #fff;
          display: block;
          margin-bottom: 3em;
          position: relative;
          margin-left: -8px;
          background: #222;
      }

.user_list {
  position: relative;
  margin-top: 4em;
}

  .user_list li a img {
      object-fit: contain;
      width: 100%;
      cursor: pointer;
  }

  .user_list li {
      display: inline-block;
      border-radius: 50%;
      border: 3px solid #ffffff;
      overflow: hidden;
  }

      .user_list li.active {
          border: 3px solid #ffc332;
      }

      .user_list li.c1 {
          position: absolute;
          top: 20px;
          left: 170px;
          width: 60px;
          height: 60px;
      }

      .user_list li.c2 {
          position: absolute;
          left: 31px;
          top: 71px;
          width: 70px;
          height: 70px;
      }

      .user_list li.c3 {
          position: absolute;
          left: 34px;
          top: 200px;
          width: 80px;
          height: 80px;
      }

      .user_list li.c4 {
          position: absolute;
          top: 272px;
          left: 160px;
          width: 70px;
          height: 70px;
      }

      .user_list li.c5 {
          position: absolute;
          top: 113px;
          left: 160px;
          width: 120px;
          height: 120px;
      }

          .user_list li.c5 a img {
              min-width: 120px;
          }

ul.dots li a.active {
  background: #fff;
}

.user_list ul li a {
  cursor: pointer;
}

/* contact us */
ul.address_info{
  border: 2px solid #ff9b1a;
  padding: 50px 60px;
  display: block;
  background: #fff;
}
ul.address_info li{
  display: block;
    font-family: 'AirbnbCerealMedium';
    font-size: 18px;
    line-height: normal;
    color: #4e4e4e;
    padding-bottom: 20px;
}
ul.address_info li strong{
    display: block;
    color: #ff9b1a;
    font-family: 'AirbnbCerealBold';
    font-size: 18px;
}
.contact_form{
    position: absolute;
    top: 200px;
    left: -150px;
    background: #fff;
    box-shadow: 0px 0px 30px #eceaea;
    padding: 40px;
}
.contact_form input{
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  width: 100%;
  padding: 0px;
  margin-bottom: 30px;
  color: #939393;
  font-family: 'AirbnbCerealMedium';
}

.contact_form textarea{
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  width: 100%;
  padding: 0px;
  margin-bottom: 30px;
  color: #939393;
  font-family: 'AirbnbCerealMedium';
}
#contact .btn-primary{
  background: transparent !important;
  color: #ff9b1a !important;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  border-bottom: 2px solid #ff9b1a !important;
}
#contact h2{
  font-size: 200px;
    position: absolute;
    top: 50px;
    color: #fafafa;
    font-family: 'AirbnbCerealBold';
}
#contact h1{
  font-family: 'AirbnbCerealMedium';
    font-size: 40px;
    color: #222;
    position: relative;
}
#contact h1::before{
    content: "";
    position: absolute;
    left: 0;
    width: 200px;
    height: 1px;
    background: #f0c244;
    bottom: 0;
    z-index: 99;
}

#footer {
  background: #222222;
}

#footer .footer_logo {
      padding: 2em 0em 2em 0em;
}
  #footer .footer_menu {
    border-bottom: 1px solid #000;
    padding-bottom: 1em;
}
.nopadding {
  padding: 0px;
}
#footer .links li {
  display: inline-block;
}
#footer .links li a {
  padding: 0.7em 1.5em;
  display: block;
  font-size: 1em;
  color: #ffffff;
  font-family: AirbnbCerealMedium;
  letter-spacing: .1em;
}
#footer .social li {
  padding: 0 10px;
  line-height: normal;
}
#footer .links li {
  display: inline-block;
}
.social a {
  padding: 1em 0em 0em 0em !important;
  font-size: 1.3em !important;
  width: 3.5em;
  height: 3.5em;
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  color: #fff;
  margin-top: 10px;
}

.bottom_menu a {
  color: #919191;
  font-family: AirbnbCerealMedium;
  padding-bottom: .5em;
  font-size: 1.12em;
  padding-top: .7em;
  display: inline-block;
  padding-right: 1em;
}
.bottom_menu p {
  color: #919191;
  font-family: AirbnbCerealMedium;
  padding-bottom: .5em;
  font-size: 1.12em;
}
#footer .links li a i{
  color: #ffffff;
}
#content_hideshow{
  display: none;
}
#content_hideshow_1{
  display: none;
}

#loadmore_btn .less{
  display: none;
}
#loadmore_btn a.active .more{
  display: none;
}
#loadmore_btn a.active .less{
  display: block;
}
a#title em{
  font-style: normal;
}
a#title_1 em{
  font-style: normal;
}
a#title_1{
  margin-left: 120px;
}
#loadmore_btn .more img{
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  display: initial;
  margin-top: -4px;
}
#loadmore_btn .less img{
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  display: initial;
}
#content_hideshow_1 .personalize_list::before{
  top: -90px;
}