/*----------------------------------------------------
This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
---------------------------------------------------- */
/*=====================================================================
@Theme Name: Rave
@Author: Md. Shahadat Hussain
@WordPress Developed By: Arif Rahman
@Default Styles

Table of Content:
01/ Variables
02/ predefine
03/ header
04/ banner
05/ about
06/ portfolio
07/ team
08/ blog
09/ service
10/ blog
11/ contact
12/ footer


=====================================================================*/
/*----------------------------------------------------*/
/**
 * /*font Variables
 *
 * @format
 */
/*Color Variables*/
/*=================== fonts ====================*/
@font-face {
  font-family: cerebriSans;
  font-weight: 400;
  src: url("../font/cerebrisans-regular.woff") format("woff");
}

@font-face {
  font-family: cerebriSans;
  font-weight: 600;
  src: url("../font/cerebrisans-semibold.woff") format("woff");
}

@font-face {
  font-family: Bagnard;
  src: url("../font/Bagnard.woff") format("woff");
}

@font-face {
  font-family: futuraPtB;
  src: url("../font/FuturaPTBook.woff");
}

@font-face {
  font-family: futuraPtD;
  src: url("../font/FuturaPTDemi.woff");
}

@font-face {
  font-family: 'Futura PT Web';
  src: url('../font/FuturaPTWeb-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GRIFTERB;
  src: url("../font/GRIFTERBold.woff");
}

@font-face {
  font-family: HelveticaLight;
  src: url("../font/HelveticaNeue-Light.woff");
}

@font-face {
  font-family: ProximaNovaR;
  src: url("../font/ProximaNova-Regular.woff");
}

@font-face {
  font-family: ProximaNovaB;
  src: url("../font/ProximaNova-Bold.woff");
}

@font-face {
  font-family: ButlerM;
  src: url("../font/Butler_Medium.woff");
}

/***** Adobe Typekit fonts ****/
@font-face {
  font-family: 'neue-haas-unica';
  font-weight: 300;
  font-style: normal;
  src: url("../font/typekit/NeueHaasUnicaW1G-Light.woff");
}

@font-face {
  font-family: 'neue-haas-unica';
  font-weight: normal;
  font-style: normal;
  src: url("../font/typekit/NeueHaasUnicaW1G-Regular.woff");
}

@font-face {
  font-family: 'neue-haas-unica';
  font-weight: 500;
  font-style: normal;
  src: url("../font/typekit/NeueHaasUnicaW1G-Medium.woff");
}

@font-face {
  font-family: 'neue-haas-unica';
  font-weight: 600;
  font-style: normal;
  src: url("../font/typekit/NeueHaasUnicaW1G-Heavy.woff");
}

@font-face {
  font-family: 'neue-haas-unica';
  font-weight: bold;
  font-style: normal;
  src: url("../font/typekit/NeueHaasUnicaW1G-Bold.woff");
}

@font-face {
  font-family: 'Gibson';
  src: url('../font/gibson/Gibson-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gibson';
  src: url('../font/gibson/Gibson-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "neuzeit-grotesk";
  src: url('../font/neuzeit/NeuzeitGro-Reg.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "neuzeit-grotesk";
  src: url('../font/neuzeit/NeuzeitGro-Lig.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "neuzeit-grotesk";
  src: url('../font/neuzeit/NeuzeitGro-Bol.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adobe Caslon Pro';
  src: url('../font/typekit/ACaslonPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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


.col-md-offset-right-1,
.col-lg-offset-right-1 {
  margin-right: 8.33333333%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/** @format */
a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

body {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  height: 100%;
}

:focus {
  outline: none;
}

i:before {
  margin-left: 0px !important;
}

button:focus {
  outline: none;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.body_wrapper {
  overflow: hidden;
}

.sec_pad {
  padding: 150px 0px;
}

.pr-100 {
  padding-right: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-60 {
  padding-left: 60px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0;
}

/*=========== title css ===========*/
.section_title {
  margin-bottom: 40px;
}

.section_title h5 {
  font-size: 16px;
  font-family: cerebriSans;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #460ec6;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.section_title h2 {
  font-size: 60px;
  line-height: 80px;
  margin-bottom: 0;
  overflow: hidden;
}

.section_title h2 .color {
  color: #ff3f63;
}

.section_title h2 .char {
  animation-delay: calc(0.02s * var(--char-index));
}

.section_title p {
  font-size: 20px;
  color: #899097;
  letter-spacing: -0.2px;
  font-family: cerebriSans;
  font-weight: 400;
  padding-top: 18px;
}

.agency_title {
  margin-bottom: 55px;
}

.agency_title h5 {
  font: 600 14px/20px "canada-type-gibson", sans-serif;
  letter-spacing: 1.4px;
  color: #ff3f63;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.agency_title h2 {
  font: 600 48px/56px "canada-type-gibson", sans-serif;
  letter-spacing: -0.48px;
  color: #181b31;
}

.agency_title p {
  font: 400 18px/30px "neue-haas-unica";
  color: #899097;
  letter-spacing: 0.45px;
  margin-top: 30px;
  margin-bottom: 0;
}

.section_saas_title {
  margin-bottom: 80px;
}

.section_saas_title h6 {
  font: 500 16px "neue-haas-unica";
  color: #ff48a7;
}

.section_saas_title .saas_title {
  margin-bottom: 18px;
}

.section_saas_title p {
  font: 300 18px/32px "neue-haas-unica";
  color: #8a919a;
  letter-spacing: 0.45px;
  margin-bottom: 0;
}

.startup_title {
  margin-bottom: 80px;
}

.startup_title h6 {
  font: 500 18px/30px "neue-haas-unica";
  letter-spacing: 0.18px;
  color: #ff3a84;
  margin-bottom: 15px;
}

.startup_title h2 {
  font: 600 48px/60px "canada-type-gibson", sans-serif;
  letter-spacing: -0.55px;
  color: #222e3e;
  margin-bottom: 0;
}

.app_title {
  font-size: 48px;
  font-family: "neue-haas-unica";
  font-weight: 700;
  color: #33375c;
  margin-bottom: 0;
  padding-bottom: 50px;
}

.const_title {
  margin-bottom: 68px;
}

.const_title h6 {
  font: 400 16px "neuzeit-grotesk";
  color: #aaaaaa;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.const_title h2 {
  font: 500 72px/72px "teko";
  color: #222;
  letter-spacing: -1.8px;
}

.const_title h2 span {
  color: #ffc600;
}

.const_title p {
  font: 400 20px/32px "neuzeit-grotesk";
  color: #222222;
  padding-top: 37px;
  margin-bottom: 0;
}

.const_title_w h6,
.const_title_w h2,
.const_title_w p {
  color: #fff;
}

.travel_sec_title {
  margin-bottom: 58px;
}

.travel_sec_title h2 {
  font: 700 36px/48px "neuzeit-grotesk";
  letter-spacing: 0.36px;
  color: #222;
  margin-bottom: 0;
}

.travel_sec_title p {
  font-size: 18px;
  line-height: 28px;
  color: #8a8a8a;
  font-family: "neuzeit-grotesk";
}

.travel_sec_title.color_w h2 {
  color: #fff;
}

.corporate_title {
  margin-bottom: 60px;
}

.corporate_title h6 {
  font-size: 20px;
  color: #5ea998;
  font-family: ProximaNovaR;
  margin-bottom: 15px;
}

.corporate_title h2 {
  font-family: ProximaNovaB;
  font-size: 48px;
  color: #2f3534;
  line-height: 56px;
  letter-spacing: -1.2px;
  margin-bottom: 0;
}

.event_title {
  font-family: cerebriSans;
  margin-bottom: 75px;
}

.event_title h6 {
  font-size: 24px;
  color: #0185d0;
  letter-spacing: -0.24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.event_title h2 {
  font-size: 100px;
  line-height: 115px;
  letter-spacing: -5px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}

.event_title h2 span {
  color: #f94f2b;
}

.event_title p {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.24px;
  color: #6f6995;
  margin-top: 40px;
}

.education_title {
  margin-bottom: 60px;
}

.education_title h6 {
  font-size: 24px;
  color: #2e3337;
  opacity: 0.7;
  font-family: "neue-haas-unica";
  margin-bottom: 25px;
}

.education_title h2 {
  font-family: "Zilla Slab", serif;
  font-size: 48px;
  color: #2e3337;
  font-weight: 700;
}

.education_title.text-center {
  max-width: 875px;
  margin-left: auto;
  margin-right: auto;
}

.personal_blog_title {
  margin-bottom: 30px;
}

.personal_blog_title h2 {
  font-size: 48px;
  line-height: 54px;
  color: #222222;
  font-family: "neuzeit-grotesk";
  margin-bottom: 0;
}

.shop_title {
  margin-bottom: 85px;
}

.shop_title h6 {
  font-size: 18px;
  color: #9a9a9a;
  letter-spacing: -0.18px;
  font-family: cerebriSans;
  margin-bottom: 12px;
}

.shop_title h2 {
  font-size: 36px;
  line-height: 48px;
  font-family: "Spectral", serif;
  letter-spacing: -1.8px;
}

.startup_body {
  background-image: linear-gradient(0deg, #f9f9fa 0%, transparent 90%);
}

.dark_body {
  background: #151515;
}

.event_bg {
  background: #171233;
}

.personal_blog_wrapper {
  left: 0;
  padding-left: 100px;
  padding-right: 100px;
}

#back_to_top {
  display: inline-block;
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  border: 1px dashed #575969;
  color: #181b31;
  font-size: 30px;
  line-height: 80px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  cursor: pointer;
}

#back_to_top.show {
  opacity: 1;
  visibility: visible;
}

#back_to_top:hover {
  background: #181b31;
  color: #fff;
}

.luxery_hotel_title {
  max-width: 870px;
  margin: 0 auto;
}

.luxery_hotel_title h6 {
  font-size: 16px;
  color: #b59872;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-family: cerebriSans;
  margin-bottom: 30px;
}

.luxery_hotel_title h2 {
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: -2.4px;
  font-family: "Spectral", serif;
  color: #131a1d;
  margin-bottom: 14px;
}

.rotate_title {
  font-size: 16px;
  color: #b59872;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-family: cerebriSans;
  margin-bottom: 30px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
  top: 0;
  margin: 0px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/** @format */
.agency_btn {
  font-size: 20px;
  line-height: 30px;
  font-family: "neue-haas-unica";
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: 3px;
  background: #3740ff;
  text-align: center;
  display: inline-block;
  color: #fff;
  padding: 20px 50px;
  min-width: 270px;
  box-shadow: 0px 20px 50px 0px rgba(55, 64, 255, 0.2);
  position: relative;
}

.agency_btn img {
  margin-left: 10px;
  transition: all 0.2s linear;
}

.agency_btn:before {
  width: 70%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(55, 64, 255, 0.1);
  content: '';
  z-index: -1;
  opacity: 0;
}

.agency_btn:hover {
  color: #fff;
}

.agency_btn:hover:before {
  animation: pulse 2s infinite;
  opacity: 1;
}

.agency_btn:hover img {
  transform: translateX(6px);
}

.agency_learn_btn {
  font-weight: 600;
  font-size: 18px;
  color: #3740ff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}

.agency_learn_btn:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  color: #ff3f63;
  overflow: hidden;
  z-index: 0;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  white-space: nowrap;
}

.agency_learn_btn i {
  font-size: 14px;
  margin-left: 10px;
  transition: margin 0.2s linear, color 0.5s;
}

.agency_learn_btn:hover {
  color: #ff3f63;
}

.agency_learn_btn:hover:before {
  width: 100%;
}

.agency_learn_btn:hover i {
  margin-left: 15px;
  color: #ff3f63;
  transition: margin 0.4s linear, color 0.5s;
}

.saas_btn {
  font: 500 14px/44px "DM Sans", sans-serif;
  display: inline-block;
  border-radius: 45px;
  background: #63f3d6;
  text-transform: uppercase;
  letter-spacing: 0.42px;
  color: #2b3646;
  padding: 8px 48px;
  transition: all 0.2s linear;
}

.saas_btn:hover {
  background: #6c21e9;
  color: #fff;
}

.saas_banner_btn_two {
  border: 2px solid #7345ad;
  font: 500 14px/44px "DM Sans", sans-serif;
  border-radius: 45px;
  text-transform: uppercase;
  color: #fff;
  padding: 6px 50px;
  display: flex;
  align-items: center;
  text-align: center;
}

.saas_banner_btn_two i {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  font-size: 8px;
  line-height: 24px;
  text-align: center;
  color: #ff48a7;
  margin-left: 16px;
}

.saas_banner_btn_two:hover {
  background: #63f3d6;
  color: #2b3646;
  border-color: #63f3d6;
}

.saas_banner_btn_two.white_btn {
  color: #7345ad;
}

.saas_banner_btn_two.white_btn i {
  background: #7345ad;
  color: #fff;
}

.startup_btn {
  font: 500 18px/36px "neue-haas-unica";
  color: #fff;
  border-radius: 45px;
  padding: 11px 53px 13px;
  display: inline-block;
  text-align: center;
  background: #695fff;
  transition: all 0.3s linear;
}

.startup_btn:hover {
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.11);
  color: #fff;
}

.app_btn {
  font: 700 17px/36px "neue-haas-unica";
  display: inline-block;
  padding: 12px 21px;
  color: #fff;
  transition: all 0.3s ease-in-out;
  background-image: linear-gradient(to right, #ff9567 0%, #ff79b8 51%, #ff9567 100%);
  background-size: 200% auto;
  border-radius: 5px;
}

.app_btn i {
  margin-right: 15px;
  position: relative;
  display: inline-block;
}

.app_btn:hover {
  color: #fff;
  background-position: right center;
}

.app_btn:hover i {
  animation: bounce 0.9s infinite;
}

.home_btn_hover {
  font-weight: 600;
  font-size: 18px;
  border: 0px;
  color: #fff;
  padding: 17px 29px;
  border-radius: 3px;
}

.hover_style1 {
  background: #ff4d6f;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: inline-block;
}

.hover_style1:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hover_style1:after {
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s linear;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-property: transform;
  z-index: -1;
  background: #3740ff;
}

.hover_style1 i {
  font-size: 12px;
  margin-left: 5px;
}

.hover_style1:hover {
  color: #fff;
}

.hover_style1:hover:after {
  transform: scaleX(1);
  transform-origin: left;
}

.restaurent_btn {
  font-size: 16px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  font-family: 'futura-pt', sans-serif;
  padding: 15px 42px;
  line-height: 30px;
  min-width: 270px;
  background: #e83622;
  text-align: center;
}

.restaurent_btn:after {
  background: #272727;
}

.architecture_btn_border {
  background: transparent;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "GRIFTERB";
  letter-spacing: 0.35px;
  padding: 20px 44px 18px;
  transition: color 0.2s linear;
  min-width: 270px;
  text-align: center;
}

.architecture_btn_border:after {
  background: #1a1a1a;
}

.construction_btn {
  font-size: 22px;
  line-height: 36px;
  letter-spacing: 0.22px;
  font-family: "teko";
  font-weight: 500;
  color: #222222;
  border: 0px;
  text-transform: uppercase;
  display: inline-block;
  padding: 18px 54px 16px;
  position: relative;
  z-index: 1;
  transition: all 0.2s linear;
}

.construction_btn i {
  font-size: 12px;
  padding-left: 12px;
}

.construction_btn:before {
  content: '';
  left: 6px;
  right: 6px;
  top: -6px;
  bottom: 0;
  position: absolute;
  background: #b68e05;
  z-index: -1;
  transition: all 0.2s linear;
}

.construction_btn:after {
  content: '';
  left: 0px;
  right: 0px;
  top: -0px;
  bottom: 0;
  position: absolute;
  background: #ffc600;
  z-index: -1;
}

.construction_btn:hover {
  color: #fff;
}

.construction_btn:hover:before {
  top: 0;
}

.construction_btn_two {
  font: 500 20px/36px "teko";
  color: #222;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  border: 1px solid #dddddd;
  background: transparent;
  padding: 12px 39px 10px;
  transition: color 0.3s linear;
}

.construction_btn_two i {
  color: #ffc600;
  font-size: 11px;
  margin-left: 7px;
}

.construction_btn_two:after {
  background: #ffc600;
}

.construction_btn_two:hover {
  color: #fff;
  border-color: #ffc600;
}

.construction_btn_two:hover i {
  color: #fff;
}

.travel_btn {
  font-size: 16px;
  font-family: "neuzeit-grotesk";
  color: #fff;
  letter-spacing: 0.8px;
  padding: 10px 35px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  background: transparent;
  border: 1px solid #ff6969;
}

.travel_btn:after {
  background: #ff6969;
  transform: scaleX(1);
  transform-origin: left;
}

.travel_btn:hover {
  color: #ff6969;
}

.travel_btn:hover:after {
  transform: scaleX(0);
  transform-origin: right;
}

.travel_btn_two {
  font-size: 16px;
  font-family: "neuzeit-grotesk";
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background: transparent;
  color: #ff6969;
  padding: 9px 26px;
  border-radius: 5px;
  border: 1px solid #ff6969;
}

.travel_btn_two:after {
  background: #ff6969;
}

.corporate_btn {
  font-size: 18px;
  line-height: 36px;
  font-family: ProximaNovaR;
  border-radius: 3px;
  padding: 11px 41px;
  color: #fff;
  background: #ff4d33;
}

.corporate_btn:after {
  background: #fc634d;
}

.event_btn {
  border-radius: 12px;
  display: inline-block;
  box-shadow: 0 6px 0 #b83a20, 0 10px 15px rgba(0, 0, 0, 0.35);
  transition: box-shadow 0.2s ease-in-out;
}

.event_btn span {
  display: inline-block;
  line-height: 36px;
  font-family: cerebriSans;
  font-weight: 600;
  background: #f94f2b;
  padding: 12px 35px;
  font-size: 18px;
  border-radius: 12px;
  color: #fff;
  transition: transform 0.2s ease-in-out;
}

.event_btn:hover {
  box-shadow: 0 6px 0 #b83a20, 0 7px 10px rgba(0, 0, 0, 0.25);
  color: #fff;
}

.event_btn:hover span {
  transform: translateY(4px);
}

.education_learn_btn {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-size: 18px;
  color: #35b7e1;
  display: inline-block;
}

.education_learn_btn i {
  font-size: 11px;
  margin-left: 5px;
  display: inline-block;
  transition: transform 0.3s linear;
}

.education_learn_btn:hover {
  color: #35b7e1;
}

.education_learn_btn:hover i {
  transform: translateX(6px);
}

.personal_blog_btn {
  font-family: "neuzeit-grotesk";
  letter-spacing: 2.4px;
  color: #222;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.personal_blog_btn:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #222;
  transition: all 0.5s linear;
}

.personal_blog_btn:hover {
  color: #ff3f63;
}

.personal_blog_btn:hover:after {
  background: #ff3f63;
  left: auto;
  right: 0;
}

.shop_btn {
  font-family: cerebriSans;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.8px;
  color: #222222;
  text-transform: uppercase;
  padding: 17px 68px;
  background: #fff;
}

.shop_btn:after {
  background: #222;
}

.post_btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 63px;
  font-size: 16px;
  color: #b8bbc0;
  position: relative;
  transition: all 0.2s linear;
  display: inline-block;
}

.post_btn:before, .post_btn:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.post_btn:before {
  border: 2px solid #e5e7ec;
}

.post_btn:after {
  border: 0 solid transparent;
}

.post_btn:hover {
  color: #695fff;
}

.post_btn:hover:before {
  border-top-color: #695fff;
  border-right-color: #695fff;
  border-bottom-color: #695fff;
  transition: border-top-color 0.15s linear,
  border-right-color 0.15s linear 0.1s,
  border-bottom-color 0.15s linear 0.2s;
}

.post_btn:hover:after {
  border-top: 2px solid #695fff;
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s,
  border-left-width 0s linear 0.35s;
}

.border-radious-0 {
  border-radius: 0px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/**
 * ==============  home_header_area  css ============*
 *
 * @format
 */
.navbar {
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0px;
  z-index: 100;
}

header {
  width: 100%;
  left: 0;
  z-index: 120;
  transition: all 0.3s linear;
  top: 0;
}

header .navbar {
  width: 100%;
  position: initial;
}

.home_header_area {
  padding: 0px 70px;
  align-items: center;
}

.home_header_area .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.home_header_area .agency_btn {
  min-width: auto;
  font-size: 18px;
  padding: 15px 33px;
}

.h_social_icon {
  margin-bottom: 0;
}

.h_social_icon li {
  display: inline-block;
  margin-right: 20px;
}

.h_social_icon li:last-child {
  margin-right: 0;
}

.h_social_icon li a {
  font-size: 18px;
  color: #fff;
}

.h_social_icon li a:hover {
  color: #ff4d6f;
}

.h_social_icon li a.shopping_cart {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: cerebriSans;
  font-weight: 400;
}

.h_social_icon li a.shopping_cart span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  line-height: 20px;
  text-align: center;
  color: #222;
  font-family: cerebriSans;
  font-weight: 600;
  display: inline-block;
  margin-left: 4px;
  transition: all 0.2s linear;
}

.h_social_icon li a.shopping_cart:hover span {
  background: #ff4d6f;
  color: #fff;
}

.home_header_area_black .h_social_icon li a.shopping_cart {
  color: #222;
}

.home_header_area_black .h_social_icon li a.shopping_cart span {
  background: #222;
  color: #fff;
}

.menu .nav-item {
  margin-right: 50px;
  position: relative;
}

.menu .nav-item .nav-link {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  padding: 31px 0px;
  text-transform: capitalize;
}

.menu .nav-item .nav-link:after {
  display: none;
}

.menu .nav-item .mobile_dropdown_icon {
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 14px;
  transition: all 0.2s;
}

@media (min-width: 992px) {
  .menu .nav-item .mobile_dropdown_icon {
    display: none;
  }
}

.menu .nav-item.active .nav-link {
  color: #ff4d6f;
}

.menu .nav-item.submenu .submenu_dropdown {
  border: 0px;
  margin: 0px;
  border-radius: 0px;
  left: -30px;
  min-width: 200px;
  padding: 20px 0px;
  background: #fff;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
}

@media (min-width: 992px) {
  .menu .nav-item.submenu .submenu_dropdown {
    transform: translateY(20px);
    transition: all 0.1s ease-in;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
  }
}

.menu .nav-item.submenu .submenu_dropdown .nav-item {
  display: block;
  width: 100%;
  margin-right: 0px;
  position: relative;
  z-index: 1;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item.submenu .arrow {
  display: block;
  top: 16px;
  right: 28px;
  width: auto;
  z-index: -1;
  font-size: 12px;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item.submenu .arrow:before {
  transition: all 0.3s linear;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  padding: 0px 30px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 40px;
  font-weight: 400;
  color: #333;
  transition: color 0.2s linear;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item .nav-link:after {
  display: none;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item .nav-link span.arrow_carrot-right {
  right: 20px;
  position: absolute;
  line-height: 30px;
  font-size: 18px;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item > .submenu_dropdown {
  transition: transform 0.2s linear;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item > .submenu_dropdown:before {
  display: none;
}

@media (min-width: 992px) {
  .menu .nav-item.submenu .submenu_dropdown .nav-item > .submenu_dropdown {
    position: absolute;
    left: 100%;
    top: -20px;
    opacity: 0;
    display: block;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.2s linear;
  }
}

.menu .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .menu .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #ff4d6f;
}

.menu .nav-item.submenu .submenu_dropdown .nav-item:hover .arrow, .menu .nav-item.submenu .submenu_dropdown .nav-item.active .arrow {
  color: #ff4d6f;
}

.menu .nav-item.submenu.mega_menu {
  position: static;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner {
  right: 0;
  left: 0;
  padding-top: 28px;
  padding-bottom: 28px;
  max-height: calc(100vh - 90px);
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .dropdown-menu > li {
  width: calc((100% - 650px) / 4);
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .dropdown-menu > li:last-child {
  width: 650px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  flex-wrap: wrap;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .mega_menu_img {
  display: inline-block;
  text-align: center;
  padding: 0px 5px;
  width: 50%;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .mega_menu_img p {
  font-size: 16px;
  color: #212529;
  margin-top: 7px;
  line-height: 1.2;
  margin-bottom: 0;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .mega_menu_img .img_hover {
  overflow: hidden;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .mega_menu_img .img_hover img {
  max-width: 100%;
  transition: all 0.3s linear;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .mega_menu_img:hover img {
  transform: scale(1.03);
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .mCSB_container {
  margin-right: 0;
  display: flex;
  justify-content: center;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu {
  position: relative;
  margin: 0 -10px;
  border: 0px;
  padding: 0px;
  border-radius: 0px;
  top: 0;
  max-width: 94%;
}

@media (min-width: 992px) {
  .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    background: transparent;
    justify-content: center;
  }
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li {
  width: calc(100% / 5);
  padding-left: 10px;
  padding-right: 10px;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li .nav-link {
  font-size: 15px;
  color: #747c86;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li .dropdown-menu {
  padding-top: 8px;
  max-width: 100%;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li .dropdown-menu .nav-item {
  width: 100%;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li .dropdown-menu .nav-item .nav-link {
  text-transform: capitalize;
  color: #333;
  font-weight: 400;
  line-height: 40px;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li .dropdown-menu .nav-item:hover .nav-link, .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li .dropdown-menu .nav-item.active .nav-link {
  color: #ff4d6f;
}

.menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu li .menu_img {
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  margin-right: -10px;
}

.menu .nav-item:hover .nav-link {
  color: #ff4d6f;
}

@media (min-width: 992px) {
  .menu .nav-item:hover .submenu_dropdown {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: all 0.3s linear;
  }
  .menu .nav-item:hover .submenu_dropdown.mega_menu_three .nav-item .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .menu .nav-item:hover .submenu_dropdown > .nav-item:hover .submenu_dropdown {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

.menu .nav-item:last-child {
  margin-right: 0;
}

.navbar-toggler {
  position: relative;
  width: 30px;
  height: 20px;
  border-radius: 0px;
  padding: 0px;
  border: 0px;
  margin: 25px 0px;
}

.navbar-toggler span {
  display: block;
  position: absolute;
  height: 1px;
  width: 50%;
  background: #fff;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.navbar-toggler span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

.navbar-toggler span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}

.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(6) {
  transform: rotate(45deg);
}

.navbar-toggler span:nth-child(2), .navbar-toggler span:nth-child(5) {
  transform: rotate(-45deg);
}

.navbar-toggler span:nth-child(1) {
  left: 0px;
  top: 4px;
}

.navbar-toggler span:nth-child(2) {
  left: calc(50% - 4px);
  top: 4px;
}

.navbar-toggler span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.navbar-toggler span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.navbar-toggler span:nth-child(5) {
  left: 0px;
  top: 14px;
}

.navbar-toggler span:nth-child(6) {
  left: calc(50% - 4px);
  top: 14px;
}

.navbar-toggler.collapsed span:nth-child(1), .navbar-toggler.collapsed span:nth-child(2) {
  top: 2px;
}

.navbar-toggler.collapsed span:nth-child(3), .navbar-toggler.collapsed span:nth-child(4) {
  top: 9px;
}

.navbar-toggler.collapsed span:nth-child(5), .navbar-toggler.collapsed span:nth-child(6) {
  top: 16px;
}

.navbar-toggler.collapsed span:nth-child(2), .navbar-toggler.collapsed span:nth-child(5), .navbar-toggler.collapsed span:nth-child(1), .navbar-toggler.collapsed span:nth-child(6) {
  transform: rotate(0deg);
}

.navbar-toggler.collapsed span:nth-child(3) {
  opacity: 1;
  left: 0;
}

.navbar-toggler.collapsed span:nth-child(4) {
  opacity: 1;
  left: calc(50% - 4px);
}

.navbar-toggler.black span {
  background: #222e3e;
}

.menu_black .nav-item > .nav-link {
  font-size: 18px;
  font-family: "neue-haas-unica";
  font-weight: 500;
  color: #899097;
}

.menu_black > .nav-item > .nav-link {
  position: relative;
}

.menu_black > .nav-item > .nav-link:before {
  content: '\e957';
  font-family: 'icomoon' !important;
  font-size: 11px;
  line-height: 11px;
  left: 50%;
  margin-left: -6px;
  transform: translateX(-5px);
  position: absolute;
  color: #3740ff;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s linear;
}

.menu_black > .nav-item.active .nav-link, .menu_black > .nav-item:hover .nav-link {
  color: #3740ff;
}

.menu_black > .nav-item.active .nav-link:before, .menu_black > .nav-item:hover .nav-link:before {
  transform: translateX(0px);
  opacity: 1;
}

.menu_black > .nav-item.submenu .submenu_dropdown > .nav-item .nav-link {
  color: #899097;
}

.menu_black > .nav-item.submenu .submenu_dropdown > .nav-item:hover > .nav-link, .menu_black > .nav-item.submenu .submenu_dropdown > .nav-item:hover .arrow, .menu_black > .nav-item.submenu .submenu_dropdown > .nav-item.active > .nav-link, .menu_black > .nav-item.submenu .submenu_dropdown > .nav-item.active .arrow {
  color: #3740ff;
}

.menu_black > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item .nav-link {
  color: #899097;
}

.menu_black > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item:hover > .nav-link, .menu_black > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item.active > .nav-link {
  color: #3740ff;
}

.canvus_menu_btn {
  width: 30px;
  cursor: pointer;
  margin-left: auto;
}

.canvus_menu_btn span {
  background: #fff;
  height: 2px;
  display: block;
  transition: width 0.3s linear;
}

.canvus_menu_btn span:nth-child(1) {
  margin-right: 0;
  margin-left: auto;
}

.canvus_menu_btn span:nth-child(2) {
  width: 100%;
  margin: 6px 0px;
}

.canvus_menu_btn span:nth-child(1), .canvus_menu_btn span:nth-child(3) {
  width: 50%;
}

.canvus_menu_btn:hover span:nth-child(1), .canvus_menu_btn:hover span:nth-child(3) {
  width: 100%;
}

/*===== app_header css ====*/
.app_header .menu .nav-item .nav-link {
  color: #455880;
  font-size: 16px;
}

.app_header .menu .nav-item.active .nav-link, .app_header .menu .nav-item:hover .nav-link {
  color: #ff4d6f;
}

.app_header .menu .nav-item.submenu .dropdown-menu > li .nav-link {
  color: #455880;
}

.app_header .menu .nav-item.submenu .dropdown-menu > li:hover > .nav-link, .app_header .menu .nav-item.submenu .dropdown-menu > li:hover .arrow, .app_header .menu .nav-item.submenu .dropdown-menu > li.active > .nav-link, .app_header .menu .nav-item.submenu .dropdown-menu > li.active .arrow {
  color: #ff4d6f;
}

.app_header .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  color: #455880;
}

.app_header .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item > .nav-link {
  color: #455880;
}

.app_header .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item:hover > .nav-link, .app_header .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item.active > .nav-link {
  color: #ff4d6f;
}

.app_header .app_btn {
  font-size: 15px;
  padding: 4px 19px;
  margin-left: 38px;
}

/*=============== startup_menu css  ============*/
.startup_menu {
  padding-top: 18px;
  background: #fff;
}

.startup_menu .navbar-brand {
  margin-right: 55px;
}

.startup_menu .menu > .nav-item > .nav-link {
  color: #929ba6;
}

.startup_menu .menu > .nav-item.active > .nav-link, .startup_menu .menu > .nav-item:hover > .nav-link {
  color: #695fff;
}

.startup_menu .menu > .nav-item.submenu .dropdown-menu > li:hover > .nav-link, .startup_menu .menu > .nav-item.submenu .dropdown-menu > li:hover .arrow, .startup_menu .menu > .nav-item.submenu .dropdown-menu > li.active > .nav-link, .startup_menu .menu > .nav-item.submenu .dropdown-menu > li.active .arrow {
  color: #695fff;
}

.startup_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  color: #222e3e;
}

.startup_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item > .nav-link {
  color: #222e3e;
}

.startup_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item:hover > .nav-link, .startup_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item.active > .nav-link {
  color: #695fff;
}

.startup_menu .menu_action_btn {
  color: #929ba6;
  opacity: 1;
}

.startup_menu .menu_action_btn:hover {
  color: #695fff;
}

.startup_menu .menu_site_btn .saas_btn {
  background: #695fff;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  font-family: "neue-haas-unica";
  font-size: 16px;
  padding: 1px 31px 2px;
  line-height: 41px;
}

.startup_menu .menu_site_btn .saas_btn:hover {
  box-shadow: 0px 10px 50px 0px rgba(105, 95, 255, 0.15);
}

.startup_menu + div,
.startup_menu + section {
  margin-top: 140px;
}

/*=============  home_header_area_black  =============*/
.home_header_area_black {
  background: #fff;
}

.home_header_area_black .menu .nav-item .nav-link {
  color: #899097;
}

.home_header_area_black .menu .nav-item:hover .nav-link, .home_header_area_black .menu .nav-item.active .nav-link {
  color: #ff4d6f;
}

.home_header_area_black .menu .nav-item.submenu .dropdown-menu > li .nav-link {
  color: #899097;
}

.home_header_area_black .menu .nav-item.submenu .dropdown-menu > li:hover > .nav-link, .home_header_area_black .menu .nav-item.submenu .dropdown-menu > li:hover .arrow, .home_header_area_black .menu .nav-item.submenu .dropdown-menu > li.active > .nav-link, .home_header_area_black .menu .nav-item.submenu .dropdown-menu > li.active .arrow {
  color: #ff4d6f;
}

.home_header_area_black .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  color: #899097;
}

.home_header_area_black .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item > .nav-link {
  color: #899097;
}

.home_header_area_black .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item:hover > .nav-link, .home_header_area_black .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item.active > .nav-link {
  color: #ff4d6f;
}

.home_header_area_black .h_social_icon li a {
  color: #899097;
}

.home_header_area_black .h_social_icon li a:hover {
  color: #ff4d6f;
}

.home_header_area_black .canvus_menu_btn span {
  background: #899097;
}

.home_header_area_black.margin_top + section,
.home_header_area_black.margin_top + div {
  margin-top: 92px;
}

.home_header_area_black .navbar-toggler span {
  background: #212529;
}

.menu_border {
  border-bottom: 1px solid #dfe2e7;
}

.menu_transparent {
  background: transparent;
}

/*===============  side_menu css  ===============*/
.side_menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: #ff4d6f;
  max-width: 100%;
  width: 100%;
  padding: 2.5rem 3.75rem 3.25rem;
  display: flex;
  flex-direction: column;
  transition: transform 0.4s ease-in-out;
  transform: translateX(100%);
}

.side_menu .menu-top {
  padding-bottom: 18vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 1s ease-in-out;
}

.side_menu .menu-top h3 {
  font-size: 24px;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 0;
}

.side_menu .menu-top .close {
  text-shadow: none;
  color: #aaaaaa;
  opacity: 1;
  font-size: 14px;
  cursor: pointer;
}

@media (min-width: 1192px) {
  .side_menu {
    width: 35rem;
  }
}

@media (max-width: 1191px) {
  .side_menu {
    width: 25rem;
  }
}

.side_menu.side_menu_left {
  left: 100px;
  right: auto;
  padding-top: 25vh;
  transform: translateX(-100%);
  background: #0f0f0f;
  border-left: 1px solid #2a2a2a;
}

.side_menu.side_menu_left.side_menu_left_two {
  left: 0;
  padding-top: 8vh;
}

.side_menu.side_menu_top {
  left: 0;
  right: auto;
  padding-top: 23vh;
  transform: translateY(-100%);
  background: #0f0f0f;
  border-left: 1px solid #2a2a2a;
  width: 50%;
}

.side_menu.menu_full {
  width: 100%;
  text-align: center;
}

.side_menu.cart_side_menu {
  background: #fff;
}

.side_menu.cart_side_menu .menu-top {
  padding-bottom: 3.5vh;
}

.side_menu.cart_side_menu .cart_pr_body {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.side_menu.cart_side_menu .cart_product_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid #eeeeee;
}

.side_menu.cart_side_menu .cart_product_item img {
  margin-right: 20px;
}

.side_menu.cart_side_menu .cart_product_item .cart_item_content {
  flex: 1;
}

.side_menu.cart_side_menu .cart_product_item .cart_item_content h4 {
  font-size: 18px;
  color: #222;
  font-family: cerebriSans;
  font-weight: 400;
  letter-spacing: -0.18px;
  margin-bottom: 14px;
}

.side_menu.cart_side_menu .cart_product_item .cart_item_content .product-qty .manual-adjust {
  width: 90px;
  height: 30px;
  padding: 0px 20px;
}

.side_menu.cart_side_menu .cart_product_item .cart_item_content .product-qty .ar_top, .side_menu.cart_side_menu .cart_product_item .cart_item_content .product-qty .ar_down {
  font-size: 12px;
  line-height: 12px;
  color: #dddddd;
}

.side_menu.cart_side_menu .cart_product_item .cart_item_content .product-qty .ar_top {
  left: 10px;
}

.side_menu.cart_side_menu .cart_product_item .cart_item_content .product-qty .ar_down {
  right: 10px;
}

.side_menu.cart_side_menu .cart_product_item .totla_price .close {
  font-size: 12px;
  color: #aaaaaa;
  opacity: 1;
  margin-bottom: 15px;
}

.side_menu.cart_side_menu .cart_product_item .totla_price .price {
  font-size: 16px;
  color: #9a9a9a;
  font-family: cerebriSans;
  font-weight: 400;
}

.side_menu.cart_side_menu .cart_product_item:last-child {
  border-bottom: 0px;
}

.side_menu.cart_side_menu .menu-footer .subtotal {
  font-size: 18px;
  color: #222222;
  font-family: cerebriSans;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #eeeeee;
  padding-top: 25px;
  padding-bottom: 22px;
}

.side_menu.cart_side_menu .menu-footer .architecture_btn_border {
  border: 1px solid #d5d5d5;
  min-width: 100%;
  font-family: cerebriSans;
  font-weight: 400;
  color: #222;
  padding: 14px 30px;
}

.side_menu.cart_side_menu .menu-footer .architecture_btn_border:hover {
  color: #fff;
}

.side_menu.cart_side_menu .menu-footer .architecture_btn_border + .architecture_btn_border {
  margin-top: 12px;
  color: #fff;
}

.side_menu.cart_side_menu .menu-footer .architecture_btn_border + .architecture_btn_border:after {
  background: #222;
  transform: scaleX(1);
  transform-origin: left;
}

.side_menu.cart_side_menu .menu-footer .architecture_btn_border + .architecture_btn_border:hover {
  color: #222;
}

.side_menu.cart_side_menu .menu-footer .architecture_btn_border + .architecture_btn_border:hover:after {
  transform: scaleX(0);
  transform-origin: left;
}

.body_capture {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in;
}

.menu-is-opened .side_menu {
  transform: translateX(0);
}

.menu-is-opened .body_capture {
  opacity: 1;
  visibility: visible;
}

.menu-main {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.menu-main .mCSB_scrollTools {
  width: 0px;
}

.menu-main .offcanvas_menu {
  margin-bottom: 0px;
}

.menu-main .offcanvas_menu > li {
  margin-bottom: 2rem;
  opacity: 0;
}

.menu-main .offcanvas_menu > li a {
  font-size: 2.25rem;
  color: #fff;
  font-family: cerebriSans;
  font-weight: 400;
  position: relative;
}

.menu-main .offcanvas_menu > li .mobile_dropdown_icon {
  color: #fff;
  font-size: 15px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  display: inline-block;
  transform: rotate(0deg);
  top: -5px;
}

.menu-main .offcanvas_menu > li ul {
  padding: 1rem 0 1px 0.875rem;
  margin: 0;
  display: none;
}

.menu-main .offcanvas_menu > li ul > li {
  margin-bottom: 0.5rem;
}

.menu-main .offcanvas_menu > li ul > li > a {
  font-size: 18px;
  display: inline-block;
  padding: 2px 0px;
}

.menu-main .offcanvas_menu > li ul > li.active > a, .menu-main .offcanvas_menu > li ul > li.active > i, .menu-main .offcanvas_menu > li ul > li:hover > a, .menu-main .offcanvas_menu > li ul > li:hover > i {
  color: #ff4d6f;
}

.menu-main .offcanvas_menu > li ul > li .mobile_dropdown_icon {
  font-size: 12px;
  top: 0;
}

.menu-main .offcanvas_menu > li ul > li ul {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.menu-main .offcanvas_menu > li ul > li ul li {
  margin-bottom: 0.3rem;
}

.menu-main .offcanvas_menu > li ul > li ul li a {
  padding: 0px;
  font-size: 15px;
}

.menu-main .offcanvas_menu > li ul > li:last-child {
  margin-bottom: 0px;
}

.menu-main .offcanvas_menu > li.menu_active > .mobile_dropdown_icon {
  transform: rotate(45deg);
}

.menu-main .offcanvas_menu > li.active > a, .menu-main .offcanvas_menu > li.active > i, .menu-main .offcanvas_menu > li:hover > a, .menu-main .offcanvas_menu > li:hover > i {
  color: #ff4d6f;
}

.menu-footer {
  padding-top: 2rem;
}

.menu-footer h5 {
  color: #fff;
  font-size: 24px;
}

.menu-footer ul {
  margin-top: 25px;
}

.menu-footer ul li {
  display: inline-block;
  margin-right: 15px;
}

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

.menu-footer h5,
.menu-footer ul,
.menu-top {
  opacity: 0;
  transform: translateY(20px);
  transition: all 2s ease-in-out;
}

.menu-is-opened .offcanvas_menu > li {
  opacity: 1;
  animation: fadeInUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both;
}

.menu-is-opened .menu-footer h5,
.menu-is-opened .menu-footer ul,
.menu-is-opened .menu-top {
  opacity: 1;
  transform: translateY(0px);
}

/* ============== header_saas css  ============= */
.header_green .sticky_logo {
  margin-right: 50px;
}

.header_green .menu > .nav-item > .nav-link {
  opacity: 0.5;
  font-family: "neue-haas-unica";
  letter-spacing: 0.45px;
}

.header_green .menu > .nav-item.active > .nav-link, .header_green .menu > .nav-item:hover > .nav-link {
  opacity: 1;
  color: #6c21e9;
}

.header_green .menu > .nav-item.submenu .dropdown-menu > li > .nav-link {
  font-family: "neue-haas-unica";
  letter-spacing: 0.45px;
}

.header_green .menu > .nav-item.submenu .dropdown-menu > li:hover > .nav-link, .header_green .menu > .nav-item.submenu .dropdown-menu > li:hover.submenu .arrow, .header_green .menu > .nav-item.submenu .dropdown-menu > li:active > .nav-link, .header_green .menu > .nav-item.submenu .dropdown-menu > li:active.submenu .arrow {
  color: #6c21e9;
}

.header_green .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  font-family: "neue-haas-unica";
  letter-spacing: 0.45px;
  color: #222e3e;
}

.header_green .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item:hover > .nav-link, .header_green .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu > .nav-item.active > .nav-link {
  color: #6c21e9;
}

.menu_action_btn {
  font-size: 18px;
  color: #fff;
  opacity: 0.5;
  font-family: "neue-haas-unica";
  display: inline-block;
}

.menu_action_btn:hover {
  color: #6c21e9;
  opacity: 1;
}

.menu_site_btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.menu_site_btn .saas_btn {
  opacity: 1;
  padding: 0px 38px;
  line-height: 40px;
  margin-left: 30px;
}

/*============= header_orange css ==============*/
.header_orange .menu > .nav-item.active > .nav-link, .header_orange .menu > .nav-item:hover > .nav-link {
  color: #f94f2b;
}

.header_orange .menu > .nav-item.active > .nav-link.submenu .arrow, .header_orange .menu > .nav-item:hover > .nav-link.submenu .arrow {
  color: #f94f2b;
}

.header_orange .menu > .nav-item.submenu .dropdown-menu > .nav-item:hover > .nav-link, .header_orange .menu > .nav-item.submenu .dropdown-menu > .nav-item.active > .nav-link {
  color: #f94f2b;
}

.header_orange .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .nav-link {
  color: #222e3e;
}

.header_orange .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .dropdown-menu > .nav-item:hover > .nav-link, .header_orange .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .dropdown-menu > .nav-item.active > .nav-link {
  color: #f94f2b;
}

.header_orange .event_btn {
  margin-left: 50px;
  margin-top: -8px;
}

/*============= architecture_header css  ===============*/
.architecture_header {
  padding-left: 85px;
  padding-right: 85px;
}

.architecture_header .menu .nav-item .nav-link {
  color: #1a1a1a;
  font-size: 24px;
  letter-spacing: 0.6px;
}

.architecture_header .menu .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  font-family: "GRIFTERB";
  color: #1a1a1a;
}

.architecture_header .menu .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .architecture_header .menu .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #ff4e17;
}

.architecture_header .menu .nav-item.submenu .submenu_dropdown .nav-item:hover.submenu .arrow, .architecture_header .menu .nav-item.submenu .submenu_dropdown .nav-item.active.submenu .arrow {
  color: #ff4e17;
}

.architecture_header .menu .nav-item.submenu:nth-child(5).submenu .submenu_dropdown li .submenu_dropdown, .architecture_header .menu .nav-item.submenu:nth-child(6).submenu .submenu_dropdown li .submenu_dropdown {
  right: 100%;
  left: auto;
}

.architecture_header .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  color: #1a1a1a;
}

.architecture_header .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover > .nav-link, .architecture_header .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item.active > .nav-link {
  color: #ff4e17;
}

.architecture_header .menu .nav-item:hover > .nav-link, .architecture_header .menu .nav-item.active > .nav-link {
  color: #ff4e17;
}

.architecture_header .social_list {
  margin-left: 190px;
}

.architecture_header + div,
.architecture_header + section {
  margin-top: 92px;
}

.social_list {
  margin-bottom: 0;
}

.social_list li {
  display: inline-block;
  margin-right: 45px;
}

.social_list li a {
  font-family: "GRIFTERB";
  font-size: 14px;
  letter-spacing: 1.4px;
  color: #aaaaaa;
  text-transform: uppercase;
}

.social_list li a:hover {
  color: #ff4e17;
}

.social_list li:last-child {
  margin-right: 0;
}

/*===============  corporate_menu css  ===============*/
.corporate_menu {
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  background: #fff;
}

.corporate_menu .collapse {
  max-width: 1170px;
}

.corporate_menu .navbar-brand {
  margin-right: 40px;
}

.corporate_menu .menu > .nav-item > .nav-link {
  font-family: ProximaNovaR;
  color: #2f3534;
  font-size: 18px;
}

.corporate_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  color: #2f3534;
}

.corporate_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .corporate_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #ff4d33;
}

.corporate_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  color: #2f3534;
}

.corporate_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item > .nav-link {
  color: #2f3534;
}

.corporate_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover > .nav-link, .corporate_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item.active > .nav-link {
  color: #ff4d33;
}

.corporate_menu .menu > .nav-item:hover > .nav-link, .corporate_menu .menu > .nav-item.active > .nav-link {
  color: #ff4d33;
}

.corporate_menu .corporate_btn {
  padding: 7px 41px;
}

.corporate_menu .menu_action_btn {
  color: #2f3534;
  opacity: 1;
}

.corporate_menu .menu_action_btn i {
  color: #ff4d33;
  margin-right: 5px;
}

.corporate_menu .menu_action_btn:hover {
  color: #ff4d33;
}

.corporate_menu + div,
.corporate_menu + section {
  margin-top: 92px;
}

.header_top {
  background: #2e3337;
  padding: 10px 0px;
}

.header_top_menu {
  margin-bottom: 0;
}

.header_top_menu li {
  display: inline-block;
  margin-right: 28px;
}

.header_top_menu li a {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  font-family: "neue-haas-unica";
  opacity: 0.4;
  transition: all 0.2s;
}

.header_top_menu li a:hover {
  opacity: 1;
}

.header_top_menu li:last-child {
  margin-right: 0;
}

.education_menu {
  background: #fff;
}

.education_menu .collapse {
  max-width: 1170px;
}

.education_menu .container-fluid {
  padding-left: 70px;
  padding-right: 70px;
}

@media (max-width: 1466px) {
  .education_menu .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.education_menu .menu > .nav-item > .nav-link {
  padding: 45px 0px;
  font-family: "Zilla Slab", serif;
  font-size: 24px;
  font-weight: 700;
}

.education_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  color: #455880;
}

.education_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .education_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #35b7e1;
}

.education_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item:hover.submenu .arrow, .education_menu .menu > .nav-item.submenu .submenu_dropdown .nav-item.active.submenu .arrow {
  color: #35b7e1;
}

.education_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item > .nav-link {
  color: #455880;
  font-weight: 700;
  font-size: 22px;
}

.education_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .dropdown-menu .nav-item > .nav-link {
  font-weight: 600;
  font-size: 16px;
}

.education_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .dropdown-menu .nav-item:hover > .nav-link, .education_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  color: #35b7e1;
}

.education_menu .menu > .nav-item:hover > .nav-link, .education_menu .menu > .nav-item.active > .nav-link {
  color: #35b7e1;
}

.education_menu + div,
.education_menu + section {
  margin-top: 170px;
}

.education_menu .menu_site_btn .menu_action_btn {
  opacity: 1;
  color: #2e3337;
  margin-right: 30px;
}

.education_menu .menu_site_btn .corporate_btn {
  background: #35b7e1;
}

.education_menu .menu_site_btn .corporate_btn:after {
  background: #2e3337;
}

.education_menu .menu_site_btn .corporate_btn:hover {
  color: #fff;
}

/*============ home_construction css ===========*/
.home_construction {
  padding: 40px 50px;
  align-items: center;
}

.home_construction .navbar-toggler span {
  background: #222;
}

.home_construction .navbar {
  flex: 1;
  max-width: 1230px;
  background: #ffffff;
  position: relative;
  z-index: 1;
}

.home_construction .navbar:before {
  content: '';
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 7px;
  right: 7px;
  top: -7px;
  height: 100%;
  z-index: -1;
}

.home_construction .menu > .nav-item {
  margin-right: 45px;
}

.home_construction .menu > .nav-item > .nav-link {
  color: #222;
  font-size: 22px;
  font-family: "teko";
  font-weight: 500;
  text-transform: uppercase;
  padding: 30px 0px;
  letter-spacing: 0.22px;
  position: relative;
}

.home_construction .menu > .nav-item > .nav-link:before {
  content: '';
  width: 30px;
  height: 2px;
  background: #ffc600;
  display: inline-block;
  position: absolute;
  margin-right: 6px;
  margin-top: -2px;
  transform: scaleX(0);
  transform-origin: left;
  transition: all 0.2s;
  left: -38px;
  top: 50%;
}

.home_construction .menu > .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  font-family: "teko";
  font-size: 18px;
}

.home_construction .menu > .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .home_construction .menu > .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #ffc600;
}

.home_construction .menu > .nav-item.submenu .submenu_dropdown .nav-item:hover.submenu .arrow, .home_construction .menu > .nav-item.submenu .submenu_dropdown .nav-item.active.submenu .arrow {
  color: #ffc600;
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  color: #222;
  font-size: 22px;
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu {
  margin-left: -10px;
  margin-right: -10px;
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item .nav-link {
  font-size: 18px;
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover .nav-link, .home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item.active .nav-link {
  color: #ffc600;
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .dropdown-menu > li {
  width: calc((100% - 500px) / 4);
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .dropdown-menu > li:last-child {
  width: 500px;
}

.home_construction .menu > .nav-item.submenu.mega_menu .mega_menu_inner.menu_bg_image .dropdown-menu > li .dropdown-menu .nav-item {
  width: 100%;
}

.home_construction .menu > .nav-item:hover .nav-link {
  color: #ffc600;
}

.home_construction .menu > .nav-item:hover .nav-link:before {
  transform: scaleX(1);
}

.home_construction .h_social_icon li {
  margin-right: 12px;
}

.home_construction .h_social_icon li .fa-facebook-square {
  color: #39579a;
}

.home_construction .h_social_icon li .fa-twitter {
  color: #69ace0;
}

.home_construction .h_social_icon li .fa-youtube {
  color: #dc2217;
}

.home_construction .h_social_icon li .fa-linkedin {
  color: #007bb5;
}

.home_construction .h_social_icon li:last-child {
  margin-right: 0;
}

.home_construction .menu_site_btn {
  justify-content: flex-end;
}

.home_construction .construction_btn_two {
  border-color: #fff;
  color: #fff;
}

.home_construction .construction_btn_two:after {
  background: #ffc600;
}

.home_construction .construction_btn_two:hover {
  border-color: #ffc600;
  color: #222222;
}

.home_construction .construction_btn_two:hover i {
  color: #222;
}

.home_construction .call_action,
.home_construction .menu_site_btn {
  flex: 0 0 12%;
}

.call_action h6 {
  font-size: 16px;
  font-family: "neuzeit-grotesk";
  color: #fff;
  letter-spacing: 0.6px;
}

.call_action a {
  color: #fff;
  font-size: 36px;
  font-family: "teko";
}

.call_action a:hover {
  color: #ffc600;
}

/*============ home_construction css ===========*/
/*============ header_resturent css  =========*/
.header_resturent {
  padding: 0px 35px;
}

.header_resturent .menu .nav-item .nav-link {
  font-size: 14px;
  color: #7a7a7a;
  text-transform: uppercase;
}

.header_resturent .menu .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  color: #7a7a7a;
  text-transform: capitalize;
}

.header_resturent .menu .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .header_resturent .menu .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #e83622;
}

.header_resturent .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item > .nav-link {
  color: #2f3534;
}

.header_resturent .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .dropdown-menu .nav-item .nav-link {
  color: #7a7a7a;
}

.header_resturent .menu .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > .nav-item .dropdown-menu .nav-item:hover > .nav-link {
  color: #e83622;
}

.header_resturent .menu .nav-item:hover > .nav-link, .header_resturent .menu .nav-item.active > .nav-link {
  color: #e83622;
}

.header_resturent .restaurent_btn {
  font-size: 14px;
  min-width: auto;
  padding: 10px 28px;
  margin-left: 100px;
  background: #272727;
}

.header_resturent .restaurent_btn:after {
  background: #e83622;
}

.resturent_open_hour {
  margin-bottom: 0;
  margin-top: 3px;
  margin-left: 180px;
}

.resturent_open_hour li {
  display: inline-block;
  margin-left: 40px;
}

.resturent_open_hour h5 {
  font-size: 14px;
  font-family: futuraPtD;
  color: #fff;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.resturent_open_hour span {
  display: block;
  font-size: 13px;
  font-family: futuraPtB;
  color: #7a7a7a;
  letter-spacing: 0.4px;
  margin-top: 5px;
}

/*===========  personal_blog_header css  =============*/
.personal_blog_header {
  padding-left: 85px;
  padding-right: 85px;
  background: #fff;
}

.personal_blog_header + div, .personal_blog_header + section {
  margin-top: 92px;
}

.personal_blog_header .menu {
  margin-left: 50px;
}

.personal_blog_header .menu > .nav-item > .nav-link {
  font-family: "neuzeit-grotesk";
  color: #222222;
  font-size: 18px;
}

.personal_blog_header .menu > .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  font-family: "neuzeit-grotesk";
  color: #2f3534;
}

.personal_blog_header .menu > .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .personal_blog_header .menu > .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #ff3f63;
}

.personal_blog_header .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li > .nav-link {
  color: #222222;
}

.personal_blog_header .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item > .nav-link {
  color: #222222;
}

.personal_blog_header .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover > .nav-link, .personal_blog_header .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item.active > .nav-link {
  color: #ff3f63;
}

.personal_blog_header .menu > .nav-item:hover > .nav-link, .personal_blog_header .menu > .nav-item.active > .nav-link {
  color: #ff3f63;
}

.menusearch_form {
  position: relative;
}

.menusearch_form .form-control {
  border: 1px solid #dddddd;
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 0px;
  color: #2f3534;
  width: 250px;
  position: relative;
  height: 40px;
}

.menusearch_form .form-control.placeholder {
  color: #aaaaaa;
}

.menusearch_form .form-control:-moz-placeholder {
  color: #aaaaaa;
}

.menusearch_form .form-control::-moz-placeholder {
  color: #aaaaaa;
}

.menusearch_form .form-control::-webkit-input-placeholder {
  color: #aaaaaa;
}

.menusearch_form .form-control:focus {
  outline: none;
  box-shadow: none;
}

.menusearch_form button {
  border: 0px;
  padding: 0px;
  background: transparent;
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 13px;
  line-height: 40px;
}

/*===========  personal_blog_header css  =============*/
/*===========  photography_header  css  =============*/
.photography_header {
  padding-left: 55px;
  padding-right: 55px;
}

.menu_black_two.menu {
  margin-left: 50px;
}

.menu_black_two.menu > .nav-item > .nav-link {
  font-family: "GRIFTERB";
  color: #5a5a5a;
  font-size: 18px;
}

.menu_black_two.menu > .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  font-family: "GRIFTERB";
  color: #5a5a5a;
}

.menu_black_two.menu > .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .menu_black_two.menu > .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #ff3f63;
}

.menu_black_two.menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .nav-link {
  color: #5a5a5a;
}

.menu_black_two.menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item .nav-link {
  color: #5a5a5a;
}

.menu_black_two.menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover > .nav-link {
  color: #ff3f63;
}

.menu_black_two.menu > .nav-item:hover > .nav-link, .menu_black_two.menu > .nav-item.active > .nav-link {
  color: #ff3f63;
}

.menu_black_two.menu.ml-auto > .nav-item.submenu .submenu_dropdown .nav-item > .submenu_dropdown {
  left: auto;
  right: 100%;
}

/*===========  photography_header  css  =============*/
/*===============  travel menu css  ===============*/
.travel_header {
  padding-left: 35px;
  padding-right: 35px;
}

.travel_header .menu {
  margin-left: 50px;
}

.travel_header .menu > .nav-item > .nav-link {
  font-family: "neuzeit-grotesk";
  font-size: 18px;
}

.travel_header .menu > .nav-item.submenu .submenu_dropdown .nav-item .nav-link {
  font-family: "neuzeit-grotesk";
}

.travel_header .menu > .nav-item.submenu .submenu_dropdown .nav-item:hover > .nav-link, .travel_header .menu > .nav-item.submenu .submenu_dropdown .nav-item.active > .nav-link {
  color: #ff6969;
}

.travel_header .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .nav-link {
  color: #212529;
}

.travel_header .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover > .nav-link {
  color: #ff6969;
}

.travel_header .menu > .nav-item:hover > .nav-link, .travel_header .menu > .nav-item.active > .nav-link {
  color: #ff6969;
}

.lang_select {
  margin-bottom: 0;
}

.lang_select li {
  display: inline-block;
  margin-right: 30px;
}

.lang_select li a {
  color: #fff;
  font-family: "neuzeit-grotesk";
  font-size: 16px;
  font-weight: 400;
}

.lang_select li a:hover {
  color: #ff6969;
}

.phone {
  font-size: 18px;
  font-family: "neuzeit-grotesk";
  color: #fff;
  padding: 10px 22px;
  border-radius: 3px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
}

.phone i {
  font-size: 13px;
}

.phone:hover {
  background: #ff6969;
  color: #fff;
}

/*===============  travel menu css  ===============*/
/*===============  luxery_menu css  ===============*/
.luxery_menu {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #adacaa;
  padding: 0px 50px 0px 100px;
}

.menu_middle {
  flex: 1;
  justify-content: center;
  display: flex;
}

.menu_middle .sticky_logo {
  height: auto;
}

.menu_left {
  display: flex;
  align-items: center;
}

.menu_left .nav_button.burger_menu.active span:nth-child(3) {
  opacity: 0;
}

.menu_left .nice-select {
  background: transparent;
  border: 0px;
  padding: 0px 25px 0px 0px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: cerebriSans;
  font-weight: 400;
  margin-right: 40px;
}

.menu_left .nice-select:after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 6px;
  height: 6px;
  margin-top: -5px;
}

.menu_left .nice-select ul li {
  color: #222;
}

.menu_left .social_list li {
  margin-right: 32px;
}

.menu_left .social_list li a {
  color: #fff;
  font-family: cerebriSans;
  font-weight: 400;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.menu_left .social_list li a:hover {
  color: #b59872;
}

.menu_left .social_list li:last-child {
  margin-right: 0;
}

.menu_left .nav_button.burger_menu {
  margin-right: 48px;
}

.menu_left .nav_button.burger_menu span {
  background: #fff;
}

.menu_right {
  margin-bottom: 0;
}

.menu_right li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: cerebriSans;
  font-weight: 400;
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
}

.menu_right li:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #adacaa;
  position: absolute;
  left: -51px;
}

.menu_right li a {
  color: #fff;
  line-height: 100px;
}

.menu_right li a i {
  font-size: 10px;
  margin-left: 12px;
}

.menu_right li a:hover {
  color: #b59872;
}

.menu_right li:last-child {
  margin-right: 0;
}

.menu_right li:first-child {
  margin-left: 0;
}

.menu_right li:first-child::before {
  display: none;
}

/*===============  luxery_menu css  ===============*/
/*============= navbar_fixed css ============*/
.sticky_logo {
  display: flex;
  align-items: center;
}

.sticky_logo img {
  display: block;
  transition: all 0.2s linear;
}

.sticky_logo img + img {
  display: none;
}

.navbar_fixed {
  background: #fff;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
}

.navbar_fixed.menu_border {
  border: 0px;
}

.navbar_fixed .menu > .nav-item > .nav-link {
  color: #212529;
  padding: 28px 0px;
}

.navbar_fixed .menu > .nav-item.active > .nav-link, .navbar_fixed .menu > .nav-item:hover > .nav-link {
  color: #ff4d6f;
}

.navbar_fixed .h_social_icon li a {
  color: #212529;
}

.navbar_fixed .h_social_icon li a:hover {
  color: #ff4d6f;
}

.navbar_fixed .canvus_menu_btn span {
  background: #212529;
}

.navbar_fixed .sticky_logo img {
  display: none;
}

.navbar_fixed .sticky_logo img + img {
  display: block;
}

.navbar_fixed.header_green .menu > .nav-item > .nav-link {
  opacity: 1;
}

.navbar_fixed.header_green .menu > .nav-item.active > .nav-link, .navbar_fixed.header_green .menu > .nav-item:hover > .nav-link {
  color: #6c21e9;
}

.navbar_fixed.header_green .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover > .nav-link {
  color: #6c21e9;
}

.navbar_fixed .menu_site_btn .menu_action_btn {
  color: #212529;
  opacity: 1;
}

.navbar_fixed .menu_site_btn .menu_action_btn:hover {
  color: #6c21e9;
}

.navbar_fixed.app_header .menu .nav-item .nav-link {
  color: #455880;
}

.navbar_fixed.app_header .menu .nav-item.active > .nav-link, .navbar_fixed.app_header .menu .nav-item:hover > .nav-link {
  color: #ff4d6f;
}

.navbar_fixed.corporate_menu .menu .nav-item .nav-link {
  color: #2f3534;
}

.navbar_fixed.corporate_menu .menu .nav-item.active > .nav-link, .navbar_fixed.corporate_menu .menu .nav-item:hover > .nav-link {
  color: #ff4d33;
}

.navbar_fixed.startup_menu {
  padding-top: 0;
}

.navbar_fixed.startup_menu .menu > .nav-item > .nav-link {
  color: #929ba6;
}

.navbar_fixed.startup_menu .menu > .nav-item.active > .nav-link, .navbar_fixed.startup_menu .menu > .nav-item:hover > .nav-link {
  color: #695fff;
}

.navbar_fixed.startup_menu .menu > .nav-item.submenu.mega_menu .mega_menu_inner .dropdown-menu > li .dropdown-menu .nav-item:hover > .nav-link {
  color: #695fff;
}

.navbar_fixed.startup_menu .menu_action_btn {
  color: #929ba6;
}

.navbar_fixed.startup_menu .menu_action_btn:hover {
  color: #695fff;
}

.navbar_fixed.personal_blog_header .menu > .nav-item > .nav-link {
  color: #222;
}

.navbar_fixed .menu_black > .nav-item .nav-link {
  color: #899097;
}

.navbar_fixed .menu_black > .nav-item .nav-link:before {
  bottom: 14px;
}

.navbar_fixed .menu_black > .nav-item:hover .nav-link, .navbar_fixed .menu_black > .nav-item.active .nav-link {
  color: #3740ff;
}

.navbar_fixed.header_orange .menu > .nav-item.active > .nav-link, .navbar_fixed.header_orange .menu > .nav-item:hover > .nav-link {
  color: #f94f2b;
}

.navbar_fixed.architecture_header .menu .nav-item.active > .nav-link, .navbar_fixed.architecture_header .menu .nav-item:hover > .nav-link {
  color: #ff4e17;
}

.navbar_fixed .header_top {
  display: none;
}

.navbar_fixed.education_menu .menu .nav-item.active > .nav-link, .navbar_fixed.education_menu .menu .nav-item:hover > .nav-link {
  color: #35b7e1;
}

.navbar_fixed .menu_black_two.menu > .nav-item > .nav-link {
  color: #5a5a5a;
}

.navbar_fixed.header_resturent {
  border: 0px;
}

.navbar_fixed.header_resturent .menu .nav-item.active > .nav-link, .navbar_fixed.header_resturent .menu .nav-item:hover > .nav-link {
  color: #e83622;
}

.navbar_fixed.travel_header .menu .nav-item.active > .nav-link, .navbar_fixed.travel_header .menu .nav-item:hover > .nav-link {
  color: #ff6969;
}

.navbar_fixed.home_construction .menu > .nav-item:hover > .nav-link, .navbar_fixed.home_construction .menu > .nav-item.active > .nav-link {
  color: #ffc600;
}

.navbar_fixed.home_construction .call_action h6 {
  color: #222;
}

.navbar_fixed.home_construction .call_action a {
  color: #222;
}

.navbar_fixed.home_construction .construction_btn_two {
  border-color: #222;
  color: #222;
}

.navbar_fixed.home_construction .construction_btn_two:after {
  background: #ffc600;
}

.navbar_fixed.home_construction .construction_btn_two:hover {
  border-color: #ffc600;
  transition: all 0.1s linear;
}

.navbar_fixed .lang_select li a {
  color: #212529;
}

.navbar_fixed .lang_select li a:hover {
  color: #ff6969;
}

.navbar_fixed .phone {
  background: #ff6969;
  color: #fff;
}

.navbar_fixed .resturent_open_hour h5 {
  color: #212529;
}

.navbar_fixed .navbar-toggler span {
  background: #212529;
}

.navbar_fixed .nav_button.burger_menu span {
  background: #655f5f;
}

.navbar_fixed .nav_button.burger_menu:hover span {
  background: #b59872;
}

.navbar_fixed .menu_left .nice-select, .navbar_fixed .menu_left .social_list li a, .navbar_fixed .menu_right li, .navbar_fixed .menu_right li a {
  color: #212529;
}

.navbar_fixed .menu_left .nice-select:after {
  border-color: #212529;
}

.navbar_fixed .menu_left .social_list li a:hover, .navbar_fixed .menu_right li a:hover {
  color: #b59872;
}

.mobile_block {
  display: none;
}

.mCSB_scrollTools {
  width: 0px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*==============  agency_banner_area css ==========*/
.agency_banner_area {
  padding-top: 210px;
}

.agency_banner_area:before {
  content: "";
  width: 100%;
  height: 1585px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/agency/dash_bg.png") no-repeat scroll center 0;
  z-index: -1;
}

.decore {
  left: 0;
  top: 295px;
  position: absolute !important;
}

.agency_content {
  padding-right: 50px;
}

.agency_content h6 {
  font-size: 16px;
  font-weight: 600;
  color: #ff3f63;
  text-transform: uppercase;
  font-family: "canada-type-gibson", sans-serif;
  letter-spacing: 1.6px;
  margin-bottom: 16px;
}

.agency_content h2 {
  font-size: 60px;
  line-height: 68px;
  letter-spacing: -0.1px;
  font-weight: 600;
  font-family: "canada-type-gibson", sans-serif;
  margin-bottom: 25px;
}

.agency_content p {
  font-size: 20px;
  color: #899097;
  letter-spacing: 0.5px;
  line-height: 32px;
  font-family: "neue-haas-unica";
  font-weight: 400;
}

.agency_content .agency_btn {
  margin-top: 45px;
}

.agency_banner_img {
  position: relative;
  margin-left: 100px;
  padding-top: 115px;
  padding-bottom: 50px;
  z-index: 1;
}

.agency_banner_img .layer {
  position: relative !important;
}

.agency_banner_img img {
  max-width: 100%;
}

.agency_banner_img .shap {
  position: absolute;
  z-index: 1;
}

.agency_banner_img .one {
  right: 100px;
  top: 80px;
  z-index: 2;
}

.agency_banner_img .two {
  right: 120px;
  top: 0;
}

.agency_banner_img .three {
  right: 100px;
  top: 0;
}

.agency_banner_img .four {
  right: 110px;
  bottom: 110px;
}

.agency_banner_img .five {
  bottom: 0;
  left: 100px;
}

.agency_banner_img .six {
  bottom: 85px;
  left: 0px;
}

.agency_banner_img .seven {
  right: 0;
  bottom: 150px;
  z-index: 0;
}

.agency_banner_img .eight {
  left: 12px;
  top: 85px;
}

.agency_banner_img .nine {
  right: 125px;
  bottom: 5px;
}

.banner_quote {
  background: #fff;
  box-shadow: 0px 30px 200px 0px #edeef1;
  border-radius: 10px;
  padding: 55px 70px;
  margin-top: 150px;
}

.banner_quote .media {
  padding-left: 100px;
}

.banner_quote .media .quote_img {
  position: relative;
  width: 142px;
  height: 142px;
  margin-right: 25px;
  overflow: hidden;
}

.banner_quote .media .quote_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/agency/man_img.png") no-repeat scroll center top;
}

.banner_quote .media .media-body {
  writing-mode: vertical-lr;
  text-align: center;
}

.banner_quote .media .media-body h6 {
  font-family: "canada-type-gibson", sans-serif;
  color: #181b31;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 0px;
  transform: rotate(180deg);
  margin-left: 0px;
  margin-right: 0px;
}

.banner_quote .media .media-body p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  font-family: "neue-haas-unica";
  color: #899097;
  font-weight: 400;
  transform: rotate(180deg);
  margin-left: 0;
  margin-right: 0;
}

.quote_text {
  padding-right: 50px;
}

.quote_text h3 {
  font-size: 36px;
  line-height: 32px;
  letter-spacing: -0.1px;
  color: #181b31;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 600;
  margin-bottom: 25px;
}

.quote_text p {
  margin-bottom: 0;
  color: #899097;
  font-size: 20px;
  letter-spacing: 0.5px;
  font-family: "neue-haas-unica";
}

/*==============  agency_banner_area css ==========*/
/*==============  saas_banner_area css ==========*/
.saas_banner_area .b_shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.section_intro {
  background: url("../img/saas/saasbanner_bg.jpg") no-repeat scroll center 0/cover;
  position: relative;
  z-index: 1;
}

.section_intro:before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, #350b89 0%, #5f14a4 100%);
  z-index: -1;
  opacity: 0.85;
}

.section_intro .intro {
  height: 53%;
  width: 100%;
  position: relative;
}

.section_intro .intro .intro_content {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.saas_banner_content {
  max-width: 630px;
  margin: 0 auto;
  height: 98vh;
}

@media (min-height: 1080px) {
  .saas_banner_content {
    height: 1020px;
  }
}

.saas_banner_content span {
  border-radius: 45px;
  font: 500 14px "DM Sans", sans-serif;
  color: #63f3d6;
  background: rgba(0, 0, 0, 0.15);
  padding: 8px 16px;
  letter-spacing: 0.14px;
  margin-bottom: 20px;
  display: inline-block;
}

.saas_banner_content h2 {
  font: 500 48px/56px "DM Sans", sans-serif;
  color: #fff;
  letter-spacing: -1.2px;
  margin-bottom: 32px;
}

.saas_banner_content p {
  font: 300 20px/32px "neue-haas-unica";
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.6);
}

.saas_banner_content .saas_btn_info {
  margin-top: 54px;
}

.saas_banner_content .saas_banner_btn {
  font-size: 15px;
  padding: 8px 59px;
}

.saas_banner_content .saas_banner_btn,
.saas_banner_content .saas_banner_btn_two {
  margin: 0px 5px;
}

.banner_dashboard_img {
  max-width: 1170px;
  margin: -400px auto 0px;
  position: relative;
  z-index: 1;
}

.banner_dashboard_img .shap {
  border-radius: 0px;
  position: absolute;
  z-index: -1;
}

.banner_dashboard_img .shap.one {
  left: -55px;
  top: -40px;
}

.banner_dashboard_img .shap.two {
  right: -80px;
  top: 85px;
}

.banner_dashboard_img img {
  border-radius: 20px;
  box-shadow: 0px 70px 150px 0px rgba(235, 237, 239, 0.4);
}

.blog_border_bottom {
  width: 100%;
  height: 1px;
  background: #ddd;
}

/*==============  saas_banner_area css ==========*/
/*==============  saas_banner_area css ==========*/
.stratup_banner_area .stratup_bg {
  background: #ffe2ed;
  border-radius: 100px;
  padding: 120px 0px;
}

.site_padding {
  padding: 0px 50px;
}

@media (min-width: 1500px) {
  .site_padding {
    padding: 0px 160px;
  }
}

.startup_banner_content h5 {
  font: 500 18px/30px "neue-haas-unica";
  letter-spacing: 0.18px;
  color: #ff3a84;
  margin-bottom: 16px;
}

.startup_banner_content h2 {
  font: 600 60px/68px "canada-type-gibson", sans-serif;
  letter-spacing: -0.65px;
  margin-bottom: 23px;
}

.startup_banner_content p {
  font: 400 18px/32px "neue-haas-unica";
  color: #5a6470;
  letter-spacing: 0.18px;
}

.startup_banner_content .startup_btn {
  margin-top: 35px;
}

.startup_banner_img {
  position: relative;
  z-index: 1;
}

.startup_banner_img .shape {
  position: absolute;
  right: 23px;
  top: 57px;
  z-index: -1;
}

/*==============  saas_banner_area css ==========*/
/*==============  app_banner_area css ==========*/
.app_banner_area {
  background-image: linear-gradient(-90deg, #f3f7fe 0%, #f8f6f7 100%);
  height: 100vh;
  min-height: 900px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.app_banner_area .dot_shap {
  position: absolute;
  border-radius: 50%;
  z-index: -1;
}

.app_banner_area .dot_shap.blue {
  width: 80px;
  height: 80px;
  background: #6083f6;
  top: 300px;
  left: -40px;
}

.app_banner_area .dot_shap.purple {
  width: 55px;
  height: 55px;
  background: #b876ff;
  left: 100px;
  top: 350px;
}

.app_banner_area .dot_shap.red {
  width: 32px;
  height: 32px;
  background: #ff7388;
  left: 50px;
  top: 430px;
}

.app_banner_area .row {
  margin-top: -50px;
}

.b_tag {
  background: #e9eef4;
  border-radius: 45px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #455880;
  display: inline-block;
  padding: 6px 30px 6px 6px;
  margin-bottom: 10px;
}

.b_tag span {
  background: #16d895;
  border-radius: 45px;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 7px;
  font-size: 12px;
  font-weight: 500;
}

.app_banner_text {
  font-family: "neue-haas-unica";
}

.app_banner_text h2 {
  font-weight: 700;
  font-size: 60px;
  line-height: 68px;
  color: #33375c;
  letter-spacing: -0.18px;
  margin-bottom: 32px;
}

.app_banner_text h2 .char {
  animation-timing-function: linear;
  animation-duration: 0.5s;
}

.app_banner_text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #455880;
  letter-spacing: 0.18px;
  margin-bottom: 42px;
}

.app_banner_text p .char {
  animation-timing-function: linear;
  animation-duration: 0.4s;
}

.app_banner_text .small_text {
  font-size: 14px;
  color: #455880;
  line-height: 20px;
  padding-top: 20px;
}

.app_banner_text .small_text span {
  font-weight: 700;
}

.app_img {
  position: relative;
  z-index: 1;
  padding-right: 70px;
  text-align: right;
  margin-top: 45px;
}

.app_img .shap,
.app_img .round,
.app_img .dot {
  position: absolute;
  z-index: -1;
}

.app_img .shap {
  right: -40px;
  top: 20px;
}

.app_img .round {
  right: 20px;
  top: 150px;
}

.app_img .left {
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
}

.app_img .right {
  right: 0;
  bottom: 200px;
}

/*==============  app_banner_area css ==========*/
/*==============  photography_banner_area css ==========*/
.photography_banner_area {
  padding-top: 250px;
}

.p_banner_content {
  font-family: "GRIFTERB";
  z-index: 1;
  position: relative;
}

.p_banner_content h6 {
  font-size: 18px;
  line-height: 30px;
  color: #7a7a7a;
  letter-spacing: 0.45px;
  font-weight: 700;
  max-width: 370px;
  margin-bottom: 50px;
}

.p_banner_content h2 {
  font-size: 200px;
  line-height: 200px;
  color: #fff;
  margin-bottom: 65px;
}

.p_banner_content .agency_learn_btn {
  font-family: "GRIFTERB";
  letter-spacing: 0.45px;
  color: #fff;
  padding-bottom: 10px;
}

.p_banner_content .agency_learn_btn:before {
  background: #ff4d6f;
  content: "";
  height: 1px;
  bottom: 0;
  top: auto;
  z-index: 0;
  transition: width 0.4s linear;
}

.p_banner_content .agency_learn_btn:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #5a5a5a;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.p_banner_content .agency_learn_btn i {
  font-size: 12px;
}

.p_banner_content .agency_learn_btn:hover {
  color: #ff4d6f;
}

.p_banner_content .agency_learn_btn:hover i {
  color: #ff4d6f;
}

.p_banner_content .agency_learn_btn:hover:before {
  width: 100%;
}

.photoshop_container {
  max-width: 1000px;
}

/*==============  photography_banner_area css ==========*/
/*==============  banner_area css ==========*/
.banner_area {
  height: 100vh;
  min-height: 700px;
  display: flex;
  align-items: center;
  background-color: #240056;
  overflow: hidden;
}

.banner_area .banner_text_intro .brand_name {
  border-radius: 45px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #460ec6;
  display: inline-block;
  color: #fff;
  font-family: cerebriSans;
  font-weight: 400;
  letter-spacing: 0.6px;
  padding: 0px 18px;
  margin-bottom: 25px;
}

.banner_area .banner_text_intro h2,
.banner_area .banner_text_intro p {
  color: #fff;
}

.banner_area .banner_text_intro h2 {
  font-size: 100px;
  font-family: "Spectral", serif;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -0.75px;
}

.banner_area .banner_text_intro p {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.65px;
  font-family: cerebriSans;
  font-weight: 400;
  padding-top: 22px;
}

.banner_area .pattern_one,
.banner_area .pattern_two {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
}

.bottom_btn {
  font-size: 18px;
  letter-spacing: -0.18px;
  font-family: cerebriSans;
  color: #ff4d6f;
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
}

.bottom_btn i {
  display: block;
  font-size: 10px;
  margin-top: 20px;
  animation: fadeInUp 1s linear infinite both alternate;
}

.bottom_btn:hover {
  color: #fff;
}

.banner_dot {
  margin-bottom: 0px;
}

.banner_dot li {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #922763;
  z-index: -1;
}

.banner_dot li:nth-child(1) {
  left: 230px;
  top: 55%;
  animation: spin1 2s infinite alternate;
  opacity: 0.1;
}

.banner_dot li:nth-child(2) {
  left: 430px;
  top: 42%;
  animation: spin 3s infinite alternate;
  opacity: 0.3;
}

.banner_dot li:nth-child(3) {
  left: 500px;
  bottom: 85px;
  opacity: 0.5;
}

.banner_dot li:nth-child(4) {
  left: 50%;
  transform: translateX(-50%);
  top: 130px;
  animation: spin1 2s infinite alternate;
  opacity: 0.6;
}

.banner_dot li:nth-child(5) {
  right: 620px;
  top: 290px;
  opacity: 0.7;
}

.banner_dot li:nth-child(6) {
  right: 720px;
  top: 55%;
  opacity: 0.8;
}

.banner_dot li:nth-child(7) {
  right: 390px;
  top: 260px;
  opacity: 0.9;
}

.banner_dot li:nth-child(8) {
  right: 112px;
  bottom: 230px;
  animation: spin2 2s infinite alternate;
  opacity: 1;
}

.banner_dot_two li {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  background: #361273;
  opacity: 0.50;
  z-index: -1;
}

.banner_dot_two li:nth-child(1) {
  left: 85px;
  top: 315px;
}

.banner_dot_two li:nth-child(2) {
  left: 280px;
  bottom: 70px;
}

.banner_dot_two li:nth-child(3), .banner_dot_two li:nth-child(4), .banner_dot_two li:nth-child(8), .banner_dot_two li:nth-child(15), .banner_dot_two li:nth-child(16), .banner_dot_two li:nth-child(17) {
  width: 60px;
  height: 60px;
  background: #2d1c92;
}

.banner_dot_two li:nth-child(3) {
  left: 290px;
  width: 80px;
  height: 80px;
  top: 260px;
}

.banner_dot_two li:nth-child(4) {
  left: 170px;
  top: 80px;
}

.banner_dot_two li:nth-child(5) {
  left: 400px;
  bottom: 220px;
}

.banner_dot_two li:nth-child(6) {
  left: 37%;
  top: 320px;
}

.banner_dot_two li:nth-child(7) {
  width: 135px;
  height: 135px;
  left: 44%;
  bottom: 250px;
}

.banner_dot_two li:nth-child(8) {
  left: 55%;
  top: 40px;
}

.banner_dot_two li:nth-child(9) {
  left: 62%;
  top: 130px;
}

.banner_dot_two li:nth-child(10) {
  left: 62%;
  bottom: 230px;
}

.banner_dot_two li:nth-child(11) {
  right: 452px;
  bottom: 350px;
}

.banner_dot_two li:nth-child(12) {
  right: 275px;
  top: 300px;
}

.banner_dot_two li:nth-child(13) {
  right: 145px;
  top: 380px;
}

.banner_dot_two li:nth-child(14) {
  right: 250px;
  bottom: 380px;
}

.banner_dot_two li:nth-child(15) {
  right: 220px;
  top: -20px;
}

.banner_dot_two li:nth-child(16) {
  right: 40px;
  top: 200px;
}

.banner_dot_two li:nth-child(17) {
  right: 400px;
  bottom: 120px;
}

/*==============  banner_area css ==========*/
/*=========== restaurent_banner_area css ==========*/
.restaurent_banner_area {
  padding: 320px 0px 220px;
}

.restaurent_banner_area .restaurent_btn {
  margin-top: 22px;
}

.restaurent_banner_info h2 {
  font-size: 100px;
  font-family: Bagnard;
  color: #fff;
  line-height: 100px;
  margin-top: -10px;
}

.restaurent_banner_info h2 .char {
  animation-delay: calc(0.05s * var(--char-index));
}

.restaurent_banner_info .read_time {
  display: block;
  font-size: 18px;
  color: #7a7a7a;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.45px;
  line-height: 24px;
  margin-top: 5px;
}

/*=========== restaurent_banner_area css ==========*/
/*=========== architecture_hero_area css ==========*/
.architecture_hero_area {
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 140px;
}

.architecture_hero_area .architecture_text {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -150px;
  position: relative;
  z-index: 1;
}

.architecture_hero_area .architecture_text h2 {
  font-size: 150px;
  line-height: 140px;
  font-family: "GRIFTERB";
  color: #1a1a1a;
  margin-bottom: 0;
}

.architecture_hero_area .architecture_text h2 span {
  color: #fff;
  display: block;
}

.architecture_hero_area .hero_img {
  height: 700px;
  position: relative;
  overflow: hidden;
}

.architecture_hero_area .hero_img .bg_img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0%;
}

/*=========== architecture_hero_area css ==========*/
/*=========== construction_banner_area css ==========*/
.construction_banner_area {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: #171819;
}

.video_banner {
  position: relative;
  z-index: 1;
}

.video-background {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  z-index: -99;
  overflow: hidden;
}

.construction_content {
  max-width: 575px;
}

.construction_content h2 {
  color: #fff;
  font-family: "teko";
  font-weight: 500;
  font-size: 130px;
  line-height: 120px;
  letter-spacing: -3.25px;
  margin-bottom: 30px;
}

.construction_content p {
  font-family: "neuzeit-grotesk";
  color: #fff;
  font-weight: 400;
  padding-right: 200px;
  margin-bottom: 50px;
}

/*=========== construction_banner_area css ==========*/
/*=========== corporate_banner_area  css ==========*/
.corporate_banner_area {
  height: calc(100vh - 102px);
  position: relative;
  z-index: 1;
}

.corporate_banner_area:hover .main_slider_nav .left_arrow {
  left: 5px;
}

.corporate_banner_area:hover .main_slider_nav .right_arrow {
  right: 5px;
}

.main_slider_nav .left_arrow, .main_slider_nav .right_arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 3px;
  line-height: 50px;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.2s linear;
}

.main_slider_nav .left_arrow.left_arrow, .main_slider_nav .right_arrow.left_arrow {
  left: -50px;
}

.main_slider_nav .left_arrow.right_arrow, .main_slider_nav .right_arrow.right_arrow {
  right: -50px;
}

.main_slider_nav .left_arrow:hover, .main_slider_nav .right_arrow:hover {
  background: #fff;
  color: #ff4d33;
}

.main_slider {
  height: 100%;
}

.main_slider .slider_item, .main_slider .slick-track, .main_slider .slick-list {
  height: 100%;
}

.main_slider .slider_item {
  align-items: center;
  display: flex;
  position: relative;
}

.corporate_banner_text {
  max-width: 570px;
}

.corporate_banner_text h2, .corporate_banner_text p {
  color: #fff;
}

.corporate_banner_text h2 {
  font-size: 72px;
  line-height: 72px;
  font-family: ProximaNovaB;
  letter-spacing: -1.8px;
  margin-bottom: 25px;
}

.corporate_banner_text p {
  font-family: ProximaNovaR;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 60px;
}

.corporate_banner_text .text_btn, .corporate_banner_text .corporate_btn {
  font-size: 20px;
  line-height: 36px;
  font-family: ProximaNovaB;
  color: #fff;
}

.corporate_banner_text .text_btn {
  margin-left: 40px;
}

/*=========== corporate_banner_area  css ==========*/
/*=========== education_banner_area  css ==========*/
.education_banner_area .overlay_bg {
  opacity: 0.5;
}

.education_banner_area .corporate_banner_text {
  max-width: 700px;
}

.education_banner_area .corporate_banner_text h2 {
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  letter-spacing: -1.5px;
  font-size: 60px;
  line-height: 68px;
  margin-bottom: 45px;
}

.education_banner_area p {
  font-family: "neue-haas-unica";
  line-height: 36px;
  font-weight: 400;
}

.education_banner_area .education_learn_btn {
  background: #fff;
  font-size: 18px;
  color: #22303e;
  font-family: "neue-haas-unica";
  padding: 20px 40px;
  font-weight: 700;
  border-radius: 4px;
}

.education_banner_area .triangle_img {
  position: absolute;
  height: 100%;
  width: 900px;
  z-index: -1;
  background: linear-gradient(0deg, rgba(98, 133, 54, 0.9), rgba(98, 133, 54, 0.9)), url("../img/corporate/banner_img.jpg") no-repeat scroll right 0/cover;
  clip-path: polygon(0% -130%, 0% 100%, 100% 100%);
}

@media (min-width: 1921px) {
  .education_banner_area .triangle_img {
    width: 1200px;
  }
}

@media (min-width: 2561px) {
  .education_banner_area .triangle_img {
    width: 1400px;
  }
}

/*=========== education_banner_area  css ==========*/
/*=========== travel_banner_area css ==========*/
.travel_banner_area {
  height: 700px;
  padding-top: 260px;
  position: relative;
  z-index: 1;
}

.travel_banner_area .overlay_bg {
  background: rgba(0, 0, 0, 0.55);
}

.overlay_bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
}

.travel_banner_text .bubble {
  border-radius: 50%;
  background: #ff6969;
  position: absolute;
  animation: circle_animation 7s linear infinite;
  z-index: -1;
}

.travel_banner_text .bubble.one {
  width: 130px;
  height: 130px;
  top: -53px;
  left: -50px;
}

.travel_banner_text .bubble.two {
  width: 44px;
  height: 44px;
  left: 88px;
  top: -17px;
}

.travel_banner_text h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  font-family: "neuzeit-grotesk";
  color: #fff;
  letter-spacing: -1.5px;
}

.travel_banner_text .tavel_search {
  margin-top: 40px;
  position: relative;
}

.travel_banner_text .tavel_search input {
  background: #fff;
  width: 100%;
  border-radius: 5px;
  height: 70px;
  padding: 0px 25px;
  font-size: 18px;
  color: #9a9a9a;
  line-height: 37px;
  letter-spacing: 0.18px;
  text-align: left;
  font-weight: 400;
  position: relative;
  border: 0px;
  box-shadow: none;
}

.travel_banner_text .tavel_search button {
  position: absolute;
  right: 26px;
  top: 0;
  line-height: 70px;
  background: transparent;
  padding: 0px;
  border: 0px;
  color: #222222;
}

.travel_banner_text .packages_promotion {
  display: inline-block;
  font-size: 18px;
  font-family: "neuzeit-grotesk";
  font-weight: 400;
  background: rgba(0, 0, 0, 0.6);
  letter-spacing: 0.18px;
  border-radius: 5px;
  color: #fff;
  padding: 8px 16px;
  margin-top: 20px;
}

.travel_video {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "neuzeit-grotesk";
  font-weight: 700;
  color: #fff;
  letter-spacing: 1.6px;
}

.travel_video .travel_video_icon {
  width: 70px;
  height: 70px;
  line-height: 75px;
  color: #ff6969;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  margin-left: 5px;
  display: block;
  margin: 0 auto 16px;
}

/*=========== travel_banner_area css ==========*/
/*=========== event_banner_area css ==========*/
.event_banner_area {
  padding: 200px 0px 160px;
  position: relative;
  z-index: 0;
}

.event_b_shape {
  position: absolute;
  left: 0;
  top: 400px;
  z-index: -1;
}

.event_banner_content {
  font-family: cerebriSans;
  position: relative;
  z-index: 1;
}

.event_banner_content h6 {
  font-size: 24px;
  letter-spacing: -0.24px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 25px;
}

.event_banner_content h2 {
  font-size: 150px;
  line-height: 150px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 46px;
  margin-left: -13px;
}

.event_banner_content p {
  color: #0185d0;
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
}

.event_banner_content .event_btn {
  margin-top: 38px;
}

.event_banner_content .event_btn span {
  padding: 16px 54px 18px;
  font-size: 24px;
}

/*=========== event_banner_area css ==========*/
/*=========== personal_blog_area css ==========*/
.personal_blog_area {
  padding: 92px 0px 100px;
}

.personal_blog_intro {
  margin-right: -15px;
}

.personal_blog_intro img {
  max-width: 100%;
}

.personal_blog_intro .blog_subscribe_title {
  margin-top: 100px;
}

.personal_blog {
  position: relative;
}

.personal_blog .author_info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 80px;
  text-align: center;
}

.personal_blog .author_info h6,
.personal_blog .author_info h2,
.personal_blog .author_info .position {
  color: #fff;
}

.personal_blog .author_info h6 {
  font-family: "neuzeit-grotesk";
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 25px;
}

.personal_blog .author_info h2 {
  font-family: "adobe-caslon-pro", serif;
  font-size: 72px;
  line-height: 75px;
  margin-bottom: 5px;
}

.personal_blog .author_info .position {
  font-size: 24px;
  font-family: "adobe-caslon-pro", serif;
  font-style: italic;
}

.personal_blog_info {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-top: -90px;
}

.personal_featured_item {
  width: calc(50% - 100px);
  margin-left: 100px;
  margin-top: 90px;
}

.personal_featured_item img {
  max-width: 100%;
}

.personal_content {
  padding-top: 28px;
}

.personal_content h6 {
  font-size: 12px;
  color: #aaaaaa;
  font-family: "neuzeit-grotesk";
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 15px;
}

.personal_content h3 {
  font-size: 30px;
  line-height: 40px;
  font-family: "adobe-caslon-pro", serif;
  color: #222;
  margin-bottom: 20px;
  transition: color 0.2s linear;
}

.personal_content h3:hover {
  color: #ff3f63;
}

.personal_content p {
  font-size: 18px;
  letter-spacing: 0.18px;
  color: #8a8a8a;
  font-family: "neuzeit-grotesk";
  font-weight: 400;
  margin-bottom: 35px;
}

.personal_content .agency_learn_btn {
  font-size: 16px;
  font-family: "neuzeit-grotesk";
  letter-spacing: 0.16px;
  color: #222;
  font-weight: 400;
}

.personal_content .agency_learn_btn i {
  font-size: 10px;
}

.personal_content .agency_learn_btn:hover {
  color: #ff3f63;
}

/*=========== personal_blog_area css ==========*/
/*=========== blog_subscribe_info css ==========*/
.blog_subscribe_title {
  margin-bottom: 48px;
}

.blog_subscribe_title h3 {
  font-size: 24px;
  font-family: "adobe-caslon-pro", serif;
  line-height: 32px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.blog_subscribe_title p {
  color: #aaaaaa;
  font-size: 16px;
  letter-spacing: 0.16px;
  margin-bottom: 0;
}

.blog_subscribe_form {
  max-width: 670px;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.blog_subscribe_form .form-control {
  height: 70px;
  border: 1px solid #dddddd;
  font-size: 16px;
  color: #aaaaaa;
  padding-left: 30px;
  border-radius: 0px;
  box-shadow: none;
  position: relative;
  z-index: 1;
  background: transparent;
}

.blog_subscribe_form .form-control.placeholder {
  color: #aaaaaa;
}

.blog_subscribe_form .form-control:-moz-placeholder {
  color: #aaaaaa;
}

.blog_subscribe_form .form-control::-moz-placeholder {
  color: #aaaaaa;
}

.blog_subscribe_form .form-control::-webkit-input-placeholder {
  color: #aaaaaa;
}

.blog_subscribe_form .form-control:focus + label {
  opacity: 0;
}

.blog_subscribe_form .icon {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-bottom: 0;
  font-size: 14px;
  height: auto;
  color: #aaaaaa;
  transform: translateY(-50%);
  transition: opacity 0.2s linear;
  width: auto;
}

.blog_subscribe_form .icon i {
  margin-right: 8px;
}

.blog_subscribe_form .blog_subscribe_btn {
  background: transparent;
  border: 1px solid #ddd;
  padding: 0px 46px 10px;
  border-left: 0px;
  transition: all 0.4s linear;
}

.blog_subscribe_form .blog_subscribe_btn span {
  font-size: 12px;
  text-transform: uppercase;
  color: #222222;
  font-family: "neuzeit-grotesk";
  letter-spacing: 2.4px;
  position: relative;
  padding-bottom: 7px;
}

.blog_subscribe_form .blog_subscribe_btn span:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #222;
  bottom: 0;
  left: 0;
  position: absolute;
  transition: all 0.2s linear;
}

.blog_subscribe_form .blog_subscribe_btn:hover {
  padding-top: 10px;
  background: #222;
}

.blog_subscribe_form .blog_subscribe_btn:hover span {
  color: #fff;
}

.blog_subscribe_form .blog_subscribe_btn:hover span:before {
  bottom: -19px;
}

/*=========== blog_subscribe_info css ==========*/
/*=========== shop_slider_area css ==========*/
.shop_slider_area {
  position: relative;
}

.shop_slider_area:hover .main_slider_nav .left_arrow, .shop_slider_area:hover .main_slider_nav .right_arrow {
  border-radius: 0px;
}

.shop_slider_area:hover .main_slider_nav .left_arrow:hover, .shop_slider_area:hover .main_slider_nav .right_arrow:hover {
  color: #222222;
}

.shop_slider_area:hover .main_slider_nav .left_arrow {
  left: 10px;
}

.shop_slider_area:hover .main_slider_nav .right_arrow {
  right: 10px;
}

.shop_slider {
  height: calc(100vh - 92px);
}

.shop_slider .slick-list,
.shop_slider .slick-track,
.shop_slider .container {
  height: 100%;
}

.shop_slider .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop_slider .slider_item {
  background-position: center 0;
}

.shop_slider_text h6 {
  font-family: cerebriSans;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.6px;
  margin-bottom: 0;
}

.shop_slider_text h6,
.shop_slider_text h2 {
  color: #fff;
}

.shop_slider_text h2 {
  font-family: "Spectral", serif;
  font-size: 150px;
  line-height: 162px;
  letter-spacing: -11.25px;
  font-weight: 400;
  margin-bottom: 0;
}

.shop_slider_text .shop_btn {
  margin-top: 35px;
}

/*=========== shop_slider_area css ==========*/
/*=========== shop_banner_area css ==========*/
.shop_banner_area {
  padding: 180px 0px 160px;
}

.shop_banner_area .section_title h2 {
  font-size: 72px;
}

.shopping_cart_banner_area {
  padding: 120px 0px 55px;
}

.shopping_cart_banner_area .section_title {
  margin-bottom: 0;
}

/*=========== shop_banner_area css ==========*/
/*=========== team_banner_area css ==========*/
.team_banner_area {
  position: relative;
  padding: 190px 0px;
}

/*=========== team_banner_area css ==========*/
/*=========== luxery_hotel_banner_area css ==========*/
.luxery_hotel_banner_area {
  height: 100vh;
  padding-top: 31vh;
  background: #000;
}

.luxery_hotel_banner_area .travel_video .travel_video_icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 25px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.luxery_hotel_banner_area .travel_video span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1.8px;
  font-family: cerebriSans;
  font-weight: 300;
}

.hotel_banner_title {
  display: flex;
  color: #fff;
}

.hotel_banner_title span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1.4px;
  font-family: cerebriSans;
  font-weight: 300;
  text-transform: uppercase;
  text-align: right;
  margin-top: 25px;
}

.hotel_banner_title h2 {
  font-size: 72px;
  line-height: 80px;
  font-family: "Spectral", serif;
  letter-spacing: -3.6px;
  flex: 1;
  padding-left: 26px;
}

.luxery_bottom_info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
}

.luxery_bottom_info .luxery_button {
  flex: 1;
  text-align: center;
  margin-left: 293px;
}

.luxery_bottom_info .agency_learn_btn {
  color: #fff;
  font-size: 18px;
  font-family: cerebriSans;
  font-weight: 300;
  letter-spacing: -0.10px;
}

.luxery_bottom_info .agency_learn_btn:before {
  display: none;
}

.luxery_bottom_info .agency_learn_btn:hover {
  color: #b59872;
}

.luxery_bottom_info .agency_learn_btn:hover i {
  color: #b59872;
}

.booking-form {
  max-width: 945px;
  margin-right: 0;
  margin-left: auto;
  background: #fff;
  padding: 55px 50px 35px;
}

.booking-form .input-append {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.booking-form .input-append.form_datetime:after {
  content: "";
  border-bottom: 1px solid #263940;
  border-right: 1px solid #263940;
  display: block;
  height: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 22px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 7px;
}

.booking-form .input-append input {
  width: 100%;
  height: 65px;
  border: 1px solid #e4e8e9;
  border-radius: 0px;
  font-size: 12px;
  color: #263940;
  letter-spacing: 1.5px;
  font-weight: 300;
  text-transform: uppercase;
  padding-left: 55px;
  background: transparent;
}

.booking-form .input-append input:focus {
  color: #263940;
}

.booking-form .input-append .add-on {
  position: absolute;
  left: 25px;
  line-height: initial;
  top: 48%;
  transform: translateY(-50%);
  z-index: -1;
}

.booking-form .input-append .add-on img {
  width: 16px;
}

.booking-form .niceSelect {
  border: 1px solid #e4e8e9;
  border-radius: 0px;
  font-size: 12px;
  color: #263940;
  letter-spacing: 1.5px;
  font-weight: 300;
  line-height: 65px;
  text-transform: uppercase;
  padding-left: 55px;
  width: 100%;
  height: 65px;
}

.booking-form .niceSelect:before {
  content: "";
  position: absolute;
  left: 25px;
  top: 48%;
  transform: translateY(-50%);
  background: url(../img/hotel/calendar-57.svg);
  width: 16px;
  height: 16px;
  background-size: cover;
}

.booking-form .niceSelect:after {
  border-color: #263940;
  border-width: 1px;
  width: 7px;
  height: 7px;
  right: 20px;
}

.booking-form .home_btn_hover {
  width: 100%;
  font-size: 16px;
  font-family: cerebriSans;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-weight: 300;
  background: #b59872;
}

.booking-form .home_btn_hover:after {
  background: #131a1d;
}

/*=========== luxery_hotel_banner_area css ==========*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/**
 * /*============ agency_about_area css ============
 *
 * @format
 */
.agency_about_area {
  padding: 200px 0px 100px;
}

.agency_accordion {
  overflow-anchor: none;
}

.agency_accordion .card {
  border: 0px;
  border-radius: 0px;
  background: transparent;
}

.agency_accordion .card .card-header {
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  background: transparent;
}

.agency_accordion .card .card-header button {
  width: 100%;
  text-align: left;
  font: 500 20px/30px "neue-haas-unica";
  color: #2d2f37;
  position: relative;
  padding: 10px 70px;
  text-decoration: none;
  margin-top: 30px;
}

.agency_accordion .card .card-header button .icon {
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 48px;
  border-radius: 50%;
  color: #fff;
  left: 0;
  top: 0;
  background: #3740ff;
  transition: all 0.2s linear;
}

.agency_accordion .card .card-header button .icon i {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  left: 50%;
  transition: all 0.2s linear;
}

.agency_accordion .card .card-header button.collapsed .icon {
  background: #fff;
  color: #2d2f37;
}

.agency_accordion .card .card-header button.collapsed .icon i {
  transform: translate(-50%, -50%) rotate(0deg);
}

.agency_accordion .card .card-body {
  font: 400 18px/30px "neue-haas-unica";
  letter-spacing: 0.45px;
  color: #899097;
  padding-left: 70px;
  padding-right: 20px;
  padding-bottom: 0px;
}

.agency_accordion .card + .card {
  border-top: 1px solid #d8dcdf;
  margin-top: 30px;
}

.agency_about_img {
  position: relative;
  text-align: right;
}

.agency_about_img img {
  max-width: 100%;
}

.agency_about_img .top {
  right: -120px;
  top: -60px;
  z-index: -1;
}

/*============ agency_about_area css ============*/
/*============ sass_about_area css ============*/
.sass_about_area {
  position: relative;
  z-index: 0;
}

.sass_about_area:before {
  content: '';
  position: absolute;
  background: url("../img/saas/gradient-bg-one.png") no-repeat center right;
  right: 0;
  top: 200px;
  height: 1645px;
  width: 100%;
  z-index: -1;
}

.sass_about_area .saas_about_intro {
  padding-left: 100px;
}

.saas_about_intro h2 {
  margin-bottom: 30px;
}

.saas_about_intro p {
  font: 300 18px/32px "neue-haas-unica";
  color: #8a919a;
  letter-spacing: 0.45px;
  margin-bottom: 52px;
}

.clients_logo_info {
  background: #6c21e9;
  padding: 60px 100px;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.clients_logo_info .clients_title {
  color: #fff;
  font: 500 30px/40px "DM Sans", sans-serif;
  letter-spacing: -0.3px;
  width: 30%;
}

.clients_logo_info .clients_title span {
  color: #63f3d6;
}

.clients_logo_info .clients_logo {
  width: 70%;
  text-align: right;
}

.clients_logo_info .clients_logo a {
  display: inline-block;
  line-height: 58px;
  opacity: 0.5;
  cursor: pointer;
}

.clients_logo_info .clients_logo a + a {
  margin-left: 70px;
}

.clients_logo_info .clients_logo a:hover {
  opacity: 1;
}

/*============ sass_about_area css ============*/
/*============ startup_about_area css ============*/
.startup_about_area {
  padding: 90px 0px 100px;
  position: relative;
}

.startup_about_area p {
  font: 400 18px/32px "neue-haas-unica";
  color: #5a6470;
  letter-spacing: 0.45px;
}

.startup_about_area .startup_title {
  padding-right: 50px;
}

.shap_img {
  position: absolute;
}

.shap_img.one {
  right: 0;
  top: -100px;
}

.shap_img.two {
  left: 0;
  bottom: -100px;
}

.about_member {
  padding-top: 50px;
}

.about_member .about_member_item {
  position: relative;
  text-align: center;
  z-index: 1;
}

.about_member .about_member_item .dot,
.about_member .about_member_item .round_dot {
  position: absolute;
  z-index: -1;
}

.about_member .about_member_item .dot {
  left: -85px;
  top: 100px;
}

.about_member .about_member_item .round_dot {
  right: -30px;
  top: -40px;
}

.about_member .about_member_item .member_img {
  border-radius: 20px;
}

.about_member .about_member_item h4 {
  font: 700 24px/32px "canada-type-gibson", sans-serif;
  color: #222e3e;
  margin-top: 15px;
}

.about_member .about_member_item h4 span {
  font-family: "neue-haas-unica";
  color: #5a6470;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding-left: 5px;
}

.about_member .about_member_item.about_member_item_two {
  margin-top: 100px;
}

/*============ startup_about_area css ============*/
/*============ case_study_area css ============*/
.case_study_area .case_study_bg {
  background: #d9f3ff;
  border-radius: 100px;
}

.case_study_area .case_study_bg .case_study_content {
  padding-right: 60px;
}

.case_study_area .case_study_bg .case_study_content h5 {
  color: #00afff;
}

.case_study_area .case_study_bg .case_study_content h2 {
  font-size: 48px;
  line-height: 60px;
}

.case_study_area .case_study_img {
  margin-top: -50px;
  padding-bottom: 60px;
}

/*============ case_study_area css ============*/
/*============ home_about_area css ============*/
.home_about_area {
  padding: 150px 0px 100px;
}

.home_about_area .section_title {
  max-width: 470px;
  margin-bottom: 70px;
}

.home_about_area .section_title h2 {
  font-size: 72px;
}

.home_about_area .section_title p {
  padding-top: 45px;
}

.about_gallery {
  height: 470px;
  position: relative;
  margin-bottom: 0;
}

.about_gallery li {
  position: absolute;
}

.about_gallery li a {
  display: inline-block;
}

.about_gallery li a img {
  border-radius: 5px;
  overflow: hidden;
  background-color: #aaaaaa;
  box-shadow: 0px 30px 70px 0px #eff0f6;
}

.about_gallery li:nth-child(1) {
  bottom: 0;
  left: 0;
}

.about_gallery li:nth-child(2) {
  top: 0px;
  left: 100px;
}

.about_gallery li:nth-child(3) {
  left: 325px;
  top: 55px;
}

.about_gallery li:nth-child(4) {
  top: -230px;
  right: 100px;
}

.about_gallery li:nth-child(5) {
  bottom: 0;
  right: 225px;
}

.about_gallery li:nth-child(6) {
  bottom: 100px;
  right: 0px;
}

.home_description_text {
  padding-top: 150px;
}

.home_description_text p {
  color: #40464c;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.24px;
  font-family: cerebriSans;
  font-weight: 400;
}

.home_description_text .discover_button {
  display: block;
  margin-top: 10px;
}

.discover_button {
  border-top: 2px solid #ff4d6f;
  padding-top: 45px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.discover_button:before {
  content: '';
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  top: -2px;
  background: #460ec6;
  transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.discover_button .agency_learn_btn {
  font-family: cerebriSans;
}

.discover_button:hover:before {
  width: 100%;
}

.discover_button:hover .agency_learn_btn {
  color: #460ec6;
}

.discover_button:hover .agency_learn_btn:before {
  width: 100%;
}

/*============ home_about_area css ============*/
/*============ restaurent_about_area css ============*/
.restaurent_about_area {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 120px;
}

.restaurent_area_left {
  width: calc(50% - 585px);
}

.restaurent_area_right {
  width: calc(50% + 585px);
}

.restaurent_about_img {
  position: relative;
  z-index: 1;
}

.restaurent_about_img .since_date {
  color: #fff;
  position: absolute;
  bottom: -70px;
  right: 210px;
  text-align: right;
}

.restaurent_about_img .since_date span {
  font-size: 24px;
  font-family: futuraPtB;
  margin-bottom: 10px;
  display: inline-block;
}

.restaurent_about_img .since_date .date {
  font-size: 150px;
  font-family: Bagnard;
  line-height: 150px;
}

.restaurent_about_img .since_date .line_bg {
  top: 120px;
  z-index: -1;
}

.resturent_img_slider img {
  max-width: 100%;
}

.resturent_img_slider .slide-animation.slick-active img {
  animation: fadezoom 10s infinite alternate;
}

.line_bg {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 250px;
  top: 0;
}

.line_bg li {
  position: absolute;
  height: 290px;
  z-index: 0;
  background-image: linear-gradient(0deg, #4a4a4a, #4a4a4a 75%, transparent 75%, transparent 100%);
  background-size: 1px 7px;
  border: none;
  width: 1px;
}

.line_bg li:nth-child(1) {
  left: 20px;
}

.line_bg li:nth-child(2) {
  left: 40px;
}

.line_bg li:nth-child(3) {
  left: 60px;
}

.line_bg li:nth-child(4) {
  left: 80px;
}

.line_bg li:nth-child(5) {
  left: 100px;
}

.line_bg li:nth-child(6) {
  left: 120px;
}

.line_bg li:nth-child(7) {
  left: 140px;
}

.line_bg li:nth-child(8) {
  left: 160px;
}

.line_bg li:nth-child(9) {
  left: 180px;
}

.line_bg li:nth-child(10) {
  left: 200px;
}

.line_bg li:nth-child(11) {
  left: 220px;
}

.line_bg li:nth-child(12) {
  left: 240px;
}

.line_bg li:nth-child(13) {
  left: 260px;
}

.line_bg li:nth-child(14) {
  left: 280px;
}

.line_bg li:nth-child(15) {
  left: 300px;
}

.line_bg li:nth-child(16) {
  left: 320px;
}

.line_bg li:nth-child(17) {
  left: 340px;
}

.line_bg li:nth-child(18) {
  left: 360px;
}

.line_bg li:nth-child(19) {
  left: 380px;
}

.line_bg li:nth-child(20) {
  left: 400px;
}

.line_bg li:nth-child(21) {
  left: 420px;
}

.line_bg li:nth-child(22) {
  left: 440px;
}

.line_bg li:nth-child(23) {
  left: 460px;
}

.line_bg li:nth-child(24) {
  left: 480px;
}

.line_bg li:nth-child(25) {
  left: 500px;
}

.line_bg li:nth-child(26) {
  left: 520px;
}

.line_bg li:nth-child(27) {
  left: 540px;
}

.line_bg li:nth-child(28) {
  left: 560px;
}

.line_bg li:nth-child(29) {
  left: 580px;
}

.line_bg li:nth-child(30) {
  left: 600px;
}

.line_bg li:nth-child(31) {
  left: 620px;
}

.line_bg li:nth-child(32) {
  left: 640px;
}

.line_bg li:nth-child(33) {
  left: 660px;
}

.line_bg li:nth-child(34) {
  left: 680px;
}

.line_bg li:nth-child(35) {
  left: 700px;
}

.line_bg li:nth-child(36) {
  left: 720px;
}

.line_bg li:nth-child(37) {
  left: 740px;
}

.line_bg li:nth-child(38) {
  left: 760px;
}

.line_bg li:nth-child(39) {
  left: 780px;
}

.line_bg li:nth-child(40) {
  left: 800px;
}

.line_bg li:nth-child(41) {
  left: 820px;
}

.line_bg li:nth-child(42) {
  left: 840px;
}

.line_bg li:nth-child(43) {
  left: 860px;
}

.line_bg li:nth-child(44) {
  left: 880px;
}

.line_bg li:nth-child(45) {
  left: 900px;
}

.line_bg li:nth-child(46) {
  left: 920px;
}

.line_bg li:nth-child(47) {
  left: 940px;
}

.line_bg li:nth-child(48) {
  left: 960px;
}

.line_bg li:nth-child(49) {
  left: 980px;
}

.line_bg li:nth-child(50) {
  left: 1000px;
}

.line_bg li:nth-child(51) {
  left: 1020px;
}

.line_bg li:nth-child(52) {
  left: 1040px;
}

.line_bg li:nth-child(53) {
  left: 1060px;
}

.line_bg li:nth-child(54) {
  left: 1080px;
}

.line_bg li:nth-child(55) {
  left: 1100px;
}

.line_bg li:nth-child(56) {
  left: 1120px;
}

.line_bg li:nth-child(57) {
  left: 1140px;
}

.line_bg li:nth-child(58) {
  left: 1160px;
}

.line_bg li:nth-child(59) {
  left: 1180px;
}

.line_bg li:nth-child(60) {
  left: 1200px;
}

.line_bg li:nth-child(61) {
  left: 1220px;
}

.line_bg li:nth-child(62) {
  left: 1240px;
}

.line_bg li:nth-child(63) {
  left: 1260px;
}

.line_bg li:nth-child(64) {
  left: 1280px;
}

.line_bg li:nth-child(65) {
  left: 1300px;
}

.line_bg li:nth-child(66) {
  left: 1320px;
}

.line_bg li:nth-child(67) {
  left: 1340px;
}

.line_bg li:nth-child(68) {
  left: 1360px;
}

.line_bg li:nth-child(69) {
  left: 1380px;
}

.line_bg li:nth-child(70) {
  left: 1400px;
}

.line_bg li:nth-child(71) {
  left: 1420px;
}

.line_bg li:nth-child(72) {
  left: 1440px;
}

.line_bg li:nth-child(73) {
  left: 1460px;
}

.line_bg li:nth-child(74) {
  left: 1480px;
}

.line_bg li:nth-child(75) {
  left: 1500px;
}

.line_bg li:nth-child(76) {
  left: 1520px;
}

.line_bg li:nth-child(77) {
  left: 1540px;
}

.line_bg li:nth-child(78) {
  left: 1560px;
}

.line_bg li:nth-child(79) {
  left: 1580px;
}

.line_bg li:nth-child(80) {
  left: 1600px;
}

.about_details {
  display: flex;
  flex-wrap: wrap;
  padding-top: 70px;
}

.about_details .item {
  max-width: 370px;
}

.about_details .item h3 {
  font-size: 30px;
  font-family: Bagnard;
  color: #fff;
  margin-bottom: 33px;
}

.about_details .item p {
  font-size: 22px;
  color: #7a7a7a;
  font-family: futuraPtB;
  letter-spacing: 0.55px;
}

.about_details .item + .item {
  margin-left: 130px;
}

.restaurent_text_btn {
  font-family: futuraPtD;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.4px;
  margin-top: 20px;
  color: #fff;
}

.restaurent_text_btn:before {
  color: #e83622;
}

.restaurent_text_btn i {
  font-size: 12px;
}

.restaurent_text_btn:hover {
  color: #e83622;
}

.restaurent_text_btn:hover i {
  color: #e83622;
}

.line_bg {
  margin-bottom: 0;
}

/*============ restaurent_about_area css ============*/
/*============ photography_about_area css ============*/
.outline_title {
  font-size: 60px;
  letter-spacing: 1.5px;
  color: #5a5a5a;
  -webkit-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  -webkit-text-stroke-color: #5a5a5a;
  -ms-text-stroke-color: #5a5a5a;
  -moz-text-stroke-color: #5a5a5a;
  -o-text-stroke-color: #5a5a5a;
  font-family: "GRIFTERB";
  text-transform: uppercase;
  margin-bottom: 50px;
}

.photography_about_area {
  padding: 290px 0px 150px;
}

.photography_about_area h5 {
  font-size: 24px;
  font-family: "GRIFTERB";
  color: #fff;
  letter-spacing: 0.6px;
  line-height: 36px;
}

/*============ photography_about_area css ============*/
/*============ arch_about_area css ============*/
.arch_about_area {
  padding-top: 145px;
}

.arch_about_text {
  padding-right: 100px;
}

.arch_about_text h4 {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #1a1a1a;
  font-family: "GRIFTERB";
  margin-bottom: 25px;
}

.arch_about_text p {
  font-family: "HelveticaLight";
  font-size: 18px;
  line-height: 30px;
  color: #5a5a5a;
  letter-spacing: 0.45px;
}

.arch_about_text .architecture_btn_border {
  margin-top: 90px;
}

.arch_about_img_info {
  margin-bottom: -380px;
}

.arch_about_img_info h2 {
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0.1px;
  font-family: "GRIFTERB";
}

.arch_about_img_info .about_img {
  margin-top: 90px;
}

/*============ arch_about_area css ============*/
/*============ const_about_area css ============*/
.const_about_area {
  padding-bottom: 100px;
}

.const_about_content {
  padding-right: 140px;
  padding-top: 150px;
}

.const_about_content .about_img {
  padding-top: 10px;
}

.const_about_content .construction_btn_two {
  margin-top: 100px;
}

.about_quote {
  margin-top: -128px;
  position: relative;
  z-index: 1;
}

.about_qoute_content {
  padding-left: 100px;
  position: relative;
  padding-right: 70px;
  margin-top: 80px;
}

.about_qoute_content i {
  position: absolute;
  left: 0;
  top: 0;
  color: #ffc600;
  font-size: 35px;
}

.about_qoute_content h4 {
  font-size: 30px;
  line-height: 40px;
  color: #222;
  font-family: "neuzeit-grotesk";
}

.about_qoute_content .name {
  text-transform: uppercase;
  font: 500 24px "teko";
  color: #222;
  margin-top: 50px;
}

.about_qoute_content .postition {
  font: 400 14px/24px "neuzeit-grotesk";
  color: #aaaaaa;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

/*============ const_about_area css ============*/
/*============ travel_about_area css ============*/
.travel_about_area {
  padding: 150px 0px;
}

.travel_about_img {
  padding-left: 30px;
}

.travel_about_img li {
  padding: 5px;
  display: inline-block;
}

.travel_about_img li:nth-child(1) {
  margin-top: 100px;
}

.travel_about_img li .agency_team_item {
  display: inline-block;
}

.travel_about_img li .agency_team_item img {
  max-width: 100%;
  border-radius: 3px;
  overflow: hidden;
}

.travel_about_content {
  font-family: "neuzeit-grotesk";
  margin-right: -20px;
}

.travel_about_content h2 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: -0.9px;
  color: #222;
  margin-bottom: 47px;
}

.travel_about_content h2 span {
  color: #ff6969;
}

.travel_about_content p {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.2px;
  padding-right: 100px;
  margin-bottom: 30px;
}

.travel_about_content .travel_btn {
  margin-top: 30px;
}

/*============ travel_about_area css ============*/
/*============ corporate_about_area css ============*/
.corporate_about_area {
  padding: 170px 0px;
}

.about_corporate_text h6 {
  color: #5ea998;
}

.about_corporate_text h6,
.about_corporate_text p {
  font-family: ProximaNovaR;
  font-size: 20px;
  line-height: 36px;
}

.about_corporate_text h2 {
  font-family: ProximaNovaB;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -1.2px;
  color: #2f3534;
  margin-bottom: 28px;
}

.about_corporate_text p {
  color: #636968;
}

.about_corporate_text .corporate_btn {
  margin-top: 40px;
}

.corporate_about_img {
  padding-left: 100px;
}

.corporate_about_img .img_one {
  text-align: right;
}

.corporate_about_img .img_two {
  margin-top: -105px;
}

/*============ corporate_about_area css ============*/
/*============ event_about_area css ============*/
.event_about_area {
  padding: 130px 0px 120px;
  position: relative;
  z-index: 2;
}

.event_about_area .event_title {
  max-width: 825px;
  margin-bottom: 120px;
}

.event_about_area .event_about_img {
  margin-left: -200px;
}

.event_about_area .event_about_content {
  padding-left: 100px;
}

.event_about_area .event_about_content p {
  color: #6f6995;
  font-size: 24px;
  line-height: 48px;
  letter-spacing: -0.24px;
  font-family: cerebriSans;
}

/*============ event_about_area css ============*/
/*============ expect_area css ============*/
.expect_area {
  padding: 70px 0px 140px;
}

.expect_info .expect_item {
  position: relative;
}

.expect_info .expect_item .number {
  font-size: 100px;
  letter-spacing: -5px;
  font-family: cerebriSans;
  font-weight: 600;
  -webkit-text-stroke: 1px #f94f2b;
  -webkit-text-fill-color: transparent;
  position: absolute;
  right: 0;
  top: -10px;
  z-index: 1;
}

.expect_info .expect_item .e_img {
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.expect_info .expect_item .e_img .image_mask {
  background: #1c173f;
}

.expect_info .expect_item h5 {
  color: #fff;
  font-size: 24px;
  font-family: cerebriSans;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 30px;
  margin-top: 35px;
}

.expect_info .expect_item + .expect_item {
  margin-top: 150px;
}

/*============ expect_area css ============*/
/*============ event_venus_area css ============*/
.event_venus_area {
  padding: 90px 0px 120px;
}

.event_venus_area .travel_about_img .agency_team_item {
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.event_venus_area .travel_about_img .agency_team_item:before {
  content: '';
  position: absolute;
  background: #60549c;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.7;
  z-index: 1;
  transition: opacity 0.4s linear;
}

.event_venus_area .travel_about_img .agency_team_item img {
  filter: hue-rotate(-19deg) grayscale(0.9);
  transition: all 0.2s;
}

.event_venus_area .travel_about_img .agency_team_item:hover:before {
  opacity: 0;
}

.event_venus_area .travel_about_img .agency_team_item:hover img {
  filter: hue-rotate(0deg) grayscale(0);
}

/*============ event_venus_area css ============*/
/*============ education_about_area css ============*/
.education_about_area {
  background: #f3f3f3;
  padding: 150px 0px;
}

.education_about_area .education_title {
  margin-bottom: 90px;
}

.education_link_item {
  background: #fff;
  padding: 34px 50px;
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
  cursor: pointer;
}

.education_link_item:before {
  content: '';
  width: 100%;
  top: 0;
  left: 0;
  height: 3px;
  background: #35b7e1;
  position: absolute;
  transform: scale(0);
  transition: all 0.3s linear;
}

.education_link_item p {
  font-size: 18px;
  font-family: "neue-haas-unica";
  opacity: 0.7;
  color: #2e3337;
  margin-bottom: 6px;
}

.education_link_item .education_link {
  font-size: 24px;
  font-weight: 700;
  font-family: "Zilla Slab", serif;
  color: #2e3337;
  display: inline-block;
}

.education_link_item .education_link i {
  font-size: 13px;
  margin-left: 5px;
  transition: transform 0.2s linear;
  display: inline-block;
}

.education_link_item .education_link:hover {
  color: #35b7e1;
}

.education_link_item .education_link:hover i {
  transform: translateX(5px);
}

.education_link_item:hover:before {
  transform: scale(1);
}

.education_about_info {
  margin-top: 120px;
}

.education_about_content {
  padding-right: 130px;
}

.education_about_content h2 {
  font-size: 48px;
  font-family: "Zilla Slab", serif;
  color: #2e3337;
  font-weight: 700;
  margin-bottom: 50px;
}

.education_about_content ul li {
  font-size: 18px;
  color: #2e3337;
  font-family: "neue-haas-unica";
  line-height: 30px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.education_about_content ul li:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #2e3337;
  position: absolute;
  left: 0;
  top: 13px;
}

.education_about_content .education_learn_btn {
  margin-top: 32px;
  margin-left: 20px;
}

.education_img {
  text-align: right;
  position: relative;
  height: 100%;
  padding-bottom: 220px;
}

.education_img .two {
  position: absolute;
  left: 0;
  bottom: 0;
}

/*============ education_about_area css ============*/
/*============ shipping_information_area css ============*/
.shipping_information_area {
  padding-top: 50px;
}

.shipping_information_item {
  margin: 0px 0px 50px;
}

.shipping_information_item i {
  font-size: 30px;
  color: #222;
  margin-right: 15px;
}

.shipping_information_item .media-body h4 {
  font-size: 18px;
  font-family: cerebriSans;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.18px;
  margin-bottom: 0px;
}

.shipping_information_item .media-body p {
  font-size: 15px;
  line-height: 20px;
  color: #9a9a9a;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 0;
}

/*============ shipping_information_area css ============*/
/*============ shop_about_area css ============*/
.shop_about_area {
  padding: 150px 0px 100px;
}

.shop_about_content h3 {
  font-size: 36px;
  font-family: "Spectral", serif;
  color: #222;
  line-height: 48px;
  letter-spacing: -1.8px;
}

.shop_about_content .agency_learn_btn {
  font-size: 18px;
  letter-spacing: -0.18px;
  color: #222;
  font-family: cerebriSans;
  padding-bottom: 12px;
  margin-top: 70px;
}

.shop_about_content .agency_learn_btn:before {
  color: #9a9a9a;
}

.shop_about_content .agency_learn_btn:after {
  content: '';
  width: 50px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #222;
  transition: all 0.4s linear;
}

.shop_about_content .agency_learn_btn:hover:after {
  width: 100%;
  background: #9a9a9a;
}

.shop_about_content .shop_about_img {
  margin-top: 100px;
}

.shop_about_img {
  display: inline-block;
  overflow: hidden;
}

.shop_about_img img {
  max-width: 100%;
  transition: all 0.3s linear;
}

.shop_about_img:hover img {
  transform: scale(1.03);
}

.shop_video {
  position: relative;
  margin-top: 170px;
  overflow: hidden;
}

.shop_video img {
  transition: all 0.3s linear;
}

.shop_video .travel_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: cerebriSans;
  font-weight: 400;
}

.shop_video .travel_video .travel_video_icon {
  background: transparent;
  border: 1px solid #fff;
  font-size: 20px;
  color: #fff;
  line-height: 74px;
}

.shop_video .travel_video .travel_video_icon:hover {
  background: #fff;
  color: #222;
}

.shop_video:hover img {
  transform: scale(1.03);
}

/*============ shop_about_area css ============*/
/*============ about_banner_area css ============*/
.custom_pad {
  padding-left: 70px;
  padding-right: 70px;
}

.about_banner_area {
  display: flex;
  flex-wrap: wrap;
}

.about_banner_left {
  width: calc(50% + 285px);
}

.about_banner_left img {
  max-width: 100%;
}

.about_banner_right {
  width: calc(50% - 285px);
}

.about_banner_right .about_banner_content {
  background: #3a0ca5;
  margin-left: -170px;
  padding: 70px 100px 90px;
  margin-top: 100px;
  position: relative;
  z-index: 1;
}

.about_banner_right .about_banner_content:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("../img/about-one/about_pattern.png") no-repeat scroll right top;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.about_banner_right .about_banner_content h2,
.about_banner_right .about_banner_content p {
  color: #fff;
}

.about_banner_right .about_banner_content h2 {
  font-size: 72px;
  font-family: "Spectral", serif;
  line-height: 72px;
  letter-spacing: -5.4px;
  margin-bottom: 44px;
}

.about_banner_right .about_banner_content p {
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -0.6px;
  font-family: cerebriSans;
  font-weight: 400;
}

/*============ about_banner_area css ============*/
/*============ about_video_info css ============*/
.about_video_info {
  position: relative;
  margin-top: 70px;
}

.about_video_info .pattern_one,
.about_video_info .pattern_two {
  position: absolute;
  z-index: -1;
}

.about_video_info .pattern_one {
  left: -70px;
  top: -60px;
}

.about_video_info .pattern_two {
  right: -70px;
  top: 130px;
}

.about_video_info .video_content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 100px 25px;
}

.about_video_info .video_content h2 {
  color: #fff;
  font-size: 60px;
  line-height: 70px;
}

.about_video_info .video_content .corporate_video_icon {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  display: flex;
  align-items: center;
  width: 100%;
}

.about_video_info .video_content .corporate_video_icon .icon {
  width: 80px;
  height: 80px;
  line-height: 84px;
}

.about_video_info .video_content .corporate_video_icon .icon i {
  position: relative;
  left: 4px;
}

.about_video_info .video_content .corporate_video_icon p {
  padding-top: 0;
  padding-left: 26px;
  text-transform: uppercase;
  font-weight: 400;
}

/*============ about_video_info css ============*/
/*============ about_banner_area_two css ============*/
.about_banner_area_two {
  padding-top: 320px;
  padding-bottom: 130px;
  position: relative;
  z-index: 1;
}

.about_banner_area_two .overlay_bg {
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.about_banner_content_two {
  max-width: 600px;
  position: relative;
}

.about_banner_content_two h6 {
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 20px;
  font-family: cerebriSans;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  transform: rotate(180deg);
  position: absolute;
  left: -68px;
  margin: 0;
  top: 9px;
}

.about_banner_content_two h2 {
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -5.4px;
  font-family: "Spectral", serif;
  color: #fff;
}

.about_banner_content_two .page_down_btn {
  font-size: 25px;
  color: #fff;
  margin-top: 70px;
  display: inline-block;
}

.portfolio_details_banner {
  padding: 470px 0px 80px;
}

.portfolio_details_banner h2 {
  font-size: 150px;
  line-height: 150px;
  font-family: "Spectral", serif;
  color: #fff;
  letter-spacing: -11.25px;
  margin-bottom: 0;
}

/*============ about_banner_area_two css ============*/
/*============ about_area_two css ============*/
.about_area_two {
  padding: 150px 0px;
}

.about_area_two p {
  font-size: 24px;
  line-height: 40px;
  color: #40464c;
  letter-spacing: -0.24px;
  margin-top: 140px;
  margin-bottom: 0;
}

.about_content_two {
  padding-right: 70px;
}

.about_content_two .about_title {
  margin-bottom: 0;
}

.about_title {
  font-size: 48px;
  font-family: "Spectral", serif;
  line-height: 60px;
  letter-spacing: -3.6px;
  color: #181b31;
}

/*============ about_area_two css ============*/
/*============ about_area_two css ============*/
.about_gallery_area {
  position: relative;
}

.about_gallery_area .shape_pattern {
  top: -280px;
}

.shape_pattern {
  position: absolute;
  left: 160px;
}

.about_gallery_item {
  position: relative;
  overflow: hidden;
}

.about_gallery_item.show .overlay_img {
  transform: translate3d(0, 0, 0);
}

.about_gallery_item.show .overlay_img:before {
  transform: scale(0, 1);
}

.overlay_img {
  display: block;
  transform: translate3d(-100.5%, 0, 0);
  transform-origin: left;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-property: transform;
  transition-delay: 0s;
  position: relative;
  z-index: 1;
}

.overlay_img:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #000;
  transform: scaleX(1);
  transform-origin: right;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-property: transform;
  transition-delay: 0.4s;
}

/*============ about_area_two css ============*/
/*============ about_banner_area_three css ============*/
.about_banner_area_three {
  padding-top: 150px;
  padding-bottom: 100px;
}

.about_banner_area_three .home_team_inner {
  height: 600px;
}

.about_banner_area_three .home_team_inner li a {
  border-radius: 0px;
}

.about_banner_area_three .home_team_inner li:nth-child(1) {
  top: 133px;
}

.about_banner_area_three .home_team_inner li:nth-child(2) {
  bottom: 0;
}

.about_banner_area_three .home_team_inner li:nth-child(3) {
  top: 250px;
}

.about_banner_area_three .home_team_inner li:nth-child(4) {
  top: 100px;
}

.about_banner_area_three .home_team_inner li:nth-child(5) {
  top: 0;
}

.about_banner_intro {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}

.about_banner_intro .section_title {
  max-width: 670px;
  margin-bottom: 0;
}

.about_banner_intro .section_title p {
  padding-left: 100px;
  padding-top: 42px;
  margin-bottom: 0;
}

.about_dot li {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #4ccce3;
  position: absolute;
}

.about_dot li:nth-child(1) {
  right: 125px;
  top: 0px;
}

.about_dot li:nth-child(2) {
  width: 56px;
  height: 56px;
  background: #a18fff;
  right: 0;
  top: 42px;
}

.about_dot li:nth-child(3) {
  width: 36px;
  height: 36px;
  background: #ff8874;
  top: 122px;
  right: 72px;
}

/*============ about_banner_area_three css ============*/
/*============ about_me_area css ============*/
.about_me_area {
  padding: 120px 0px;
}

.about_me_content {
  padding-right: 70px;
}

.about_me_content h6 {
  font-size: 24px;
  letter-spacing: -0.24px;
  color: #899097;
  font-weight: 400;
  margin-bottom: 22px;
}

.about_me_content h2 {
  font-family: "Spectral", serif;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: -5.4px;
  color: #181b31;
}

/*============ about_me_area css ============*/
/*============ about_me_details_area css ============*/
.about_me_details_area {
  padding: 100px 0px 170px;
}

.about_me_details_item .about_me_title h6 {
  font-size: 24px;
  color: #899097;
  letter-spacing: -0.24px;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 0;
}

.about_me_details_item .about_me_title h2 {
  font-family: "Spectral", serif;
  color: #181b31;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -4.5px;
  font-weight: 400;
  margin-bottom: 0;
}

.about_me_details_item p {
  font-size: 24px;
  line-height: 36px;
  color: #40464c;
  letter-spacing: -0.24px;
  margin-bottom: 0;
}

.about_me_details_item .sevice_list {
  width: calc(100% / 2);
  padding-top: 70px;
}

.about_me_details_item .sevice_list li {
  margin-bottom: 5px;
}

.about_me_details_item .sevice_list li a {
  font-size: 14px;
}

.about_me_details_item .awards_list {
  margin-top: 90px;
}

.about_me_details_item .awards_list li {
  padding-left: 25px;
  border-left: 5px solid #ff4d6f;
}

.about_me_details_item .awards_list li .date {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.18px;
  color: #899097;
  padding-bottom: 15px;
}

.about_me_details_item .awards_list li .award_title {
  font-size: 30px;
  line-height: 36px;
  color: #181b31;
  letter-spacing: -0.15px;
  font-family: "Spectral", serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.about_me_details_item .awards_list li .award_title a {
  font-size: 18px;
  font-family: cerebriSans;
  font-weight: 400;
  color: #899097;
}

.about_me_details_item .awards_list li .award_title a:hover {
  color: #ff4d6f;
}

.about_me_details_item .awards_list li + li {
  margin-top: 45px;
}

.about_me_details_item + .about_me_details_item {
  margin-top: 130px;
}

/*============ about_me_details_area css ============*/
/*============ portfolio_banner_area css ============*/
.portfolio_banner_area {
  padding: 150px 0px;
}

.portfolio_banner_area .about_banner_intro {
  margin-bottom: 0;
}

.portfolio_banner_title h6 {
  font-size: 16px;
  color: #899097;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 27px;
}

.portfolio_banner_title h2 {
  color: #181b31;
  font-size: 96px;
  line-height: 100px;
  margin-bottom: 0;
}

.portfolio_banner_title h2 span {
  color: #ff4d6f;
}

.portfolio_banner_title .author {
  margin-top: 40px;
}

.portfolio_banner_title .author img {
  margin-right: 15px;
}

.portfolio_banner_title .author .media-body h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.portfolio_banner_title .author .media-body .position {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
}

.portfolio_banner_title.portfolio_details_info {
  max-width: 540px;
}

.portfolio_banner_title.portfolio_details_info h2 {
  margin-bottom: 0;
}

/*============ portfolio_banner_area css ============*/
/*============ luxury_hotel_description_area css ============*/
.luxury_hotel_description_area {
  background: #131a1d;
  padding: 220px 0px 0px;
  position: relative;
  margin-bottom: 150px;
  z-index: 1;
}

.luxury_hotel_description_area .pattern_img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.hotel_description_content {
  margin-bottom: 0;
}

.hotel_description_content .section_title h2 {
  color: #fff;
  padding-right: 120px;
}

.hotel_description_content .section_title p {
  color: #787d7f;
  padding-left: 200px;
  padding-top: 96px;
}

.hotel_description_content img {
  margin-bottom: -150px;
  margin-top: 130px;
  margin-left: 200px;
}

.description_img_left {
  margin-right: -375px;
}

/*============ luxury_hotel_description_area css ============*/
/*============ hotel_room_details_area css ============*/
.hotel_room_details_area {
  padding-left: 100px;
  padding-right: 100px;
}

/*============ hotel_room_details_area css ============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== agency_features_area  =================*/
.agency_features_area {
  padding: 100px 0px;
  position: relative;
  z-index: 1;
}

.agency_features_area .shape_top {
  position: absolute;
  left: 225px;
  top: 0;
  z-index: -1;
}

.agency_features_inner {
  padding-right: 100px;
  margin-bottom: -30px;
}

.agency_features_inner .agency_features + .agency_features {
  margin-top: 70px;
}

.agency_features_item {
  padding: 40px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 40px 200px 0px #edeef1;
  margin-bottom: 30px;
  transition: all 0.2s linear;
}

.agency_features_item img {
  margin-bottom: 22px;
}

.agency_features_item h3 {
  font: 500 20px/30px "neue-haas-unica";
  color: #181b31;
  margin-bottom: 24px;
  transition: all 0.2s linear;
}

.agency_features_item h3:hover {
  color: #3740ff;
}

.agency_features_item p {
  font: 400 16px/26px "neue-haas-unica";
  color: #899097;
  letter-spacing: 0.32px;
}

/*============== agency_features_area  =================*/
/*============== saas_service_area  =================*/
.saas_title {
  font: 500 36px/48px "DM Sans", sans-serif;
  color: #2b3646;
  letter-spacing: -0.9px;
}

.saas_service_area {
  padding-top: 170px;
  padding-bottom: 140px;
}

.saas_service_area .saas_title {
  max-width: 770px;
  margin: 0 auto 90px;
}

.sass_service_item {
  text-align: center;
  padding: 0px 20px;
}

.sass_service_item .s_icon {
  margin-bottom: 30px;
}

.sass_service_item h3 {
  font: 500 24px/35px "DM Sans", sans-serif;
  color: #2b3646;
  letter-spacing: -0.24px;
  margin-bottom: 23px;
  transition: color 0.2s linear;
}

.sass_service_item h3:hover {
  color: #6c21e9;
}

.sass_service_item p {
  margin-bottom: 0;
  font: 300 18px/32px "neue-haas-unica";
  color: #8a919a;
  letter-spacing: 0.45px;
}

.s_icon {
  width: 64px;
  height: 64px;
  border-radius: 24px;
  line-height: 64px;
  font-size: 28px;
  margin: 0 auto;
  color: #fff;
  background: #ff88c6;
}

.s_icon.icon_blue {
  background: #8e8bff;
}

.s_icon.icon_green {
  background: #63f3d6;
}

/*============== saas_service_area  =================*/
/*============== dashboard_features_area  =================*/
.dashboard_features_area {
  padding: 200px 0px 100px;
  position: relative;
  z-index: 1;
}

.dashboard_img {
  position: relative;
}

.dashboard_img .triangle,
.dashboard_img .dot {
  position: absolute;
  z-index: -1;
}

.dashboard_img .triangle {
  left: -70px;
  top: -50px;
}

.dashboard_img .dot {
  right: -40px;
  top: -40px;
}

.dashboard_img .dashboard {
  border-radius: 20px;
  box-shadow: 0px 50px 150px 0px rgba(235, 237, 239, 0.7);
  background: #fff;
}

.dashboard_features_item .saas_about_intro {
  padding-left: 100px;
}

.dashboard_features_item .saas_about_intro h6 {
  font: 500 16px/40px "neue-haas-unica";
  color: #ff48a7;
}

.dashboard_features_item.flex-row-reverse .saas_about_intro {
  padding-left: 0;
  padding-right: 100px;
}

.dashboard_features_item + .dashboard_features_item {
  margin-top: 200px;
}

/*============== dashboard_features_area  =================*/
/*============== startup_features_inner  =================*/
.startup_features_inner {
  margin-bottom: -60px;
  padding-top: 185px;
}

.startup_features_inner .startup_features_item {
  margin-bottom: 60px;
}

.startup_features_inner .startup_features_item .startup {
  margin-right: 30px;
  position: relative;
}

.startup_features_inner .startup_features_item .startup i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
}

.startup_features_inner .startup_features_item .startup .green {
  color: #44d552;
}

.startup_features_inner .startup_features_item .startup .yellow {
  color: #ff8b2d;
}

.startup_features_inner .startup_features_item .startup .purple {
  color: #d776ff;
}

.startup_features_inner .startup_features_item .startup .support {
  color: #3facf2;
}

.startup_features_inner .startup_features_item .media-body h5 {
  font: 600 24px/1.4 "canada-type-gibson", sans-serif;
  color: #222e3e;
  margin-bottom: 22px;
}

.startup_features_inner .startup_features_item .media-body p {
  font-size: 18px;
  line-height: 32px;
  color: #5a6470;
  letter-spacing: 0.65px;
  font-family: "neue-haas-unica";
  margin-bottom: 0;
  font-weight: 400;
}

/*============== startup_features_inner  =================*/
.startup_service_area {
  padding: 80px 0px 100px;
}

.startup_service_item {
  background: #00afff;
  border-radius: 30px;
  padding: 50px 40px 65px;
}

.startup_service_item img {
  margin-bottom: 50px;
}

.startup_service_item h5 {
  font: 600 24px "canada-type-gibson", sans-serif;
  margin-bottom: 24px;
}

.startup_service_item p {
  font: 400 18px/32px "neue-haas-unica";
  letter-spacing: 0.4px;
}

.startup_service_item h5,
.startup_service_item p {
  color: #fff;
}

.startup_service_item.two {
  background: #695fff;
}

.startup_service_item.two .s_service_btn:hover {
  background: #fff;
  color: #695fff;
}

.startup_service_item.three {
  background: #f42479;
}

.startup_service_item.three .s_service_btn:hover {
  background: #fff;
  color: #f42479;
}

.startup_service_item .s_service_btn {
  font: 500 18px/32px "neue-haas-unica";
  letter-spacing: 0.45px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 45px;
  padding: 14px 50px;
  display: inline-block;
  color: #fff;
  margin-top: 28px;
  transition: all 0.2s linear;
}

.startup_service_item .s_service_btn:hover {
  background: #fff;
  color: #00afff;
}

/*============ app_features_area css ========*/
.app_features_area {
  padding: 80px 0px 100px;
}

.app_features_img {
  position: relative;
}

.app_features_img .app_screen {
  border-radius: 20px;
  background-color: #aaaaaa;
  box-shadow: 0px 50px 150px 0px #e3e3e9;
}

.app_features_img .shap,
.app_features_img .small_img_one,
.app_features_img .small_img_two {
  position: absolute;
}

.app_features_img .shap {
  top: -60px;
  z-index: -1;
}

.app_features_img .small_img_one {
  top: 45%;
  transform: translateY(-50%);
  box-shadow: 0px 50px 150px 0px #e3e3e9;
  border-radius: 10px;
}

.app_features_img .small_img_two {
  top: 63%;
  transform: translateY(-50%);
  box-shadow: 0px 50px 150px 0px #e3e3e9;
  border-radius: 10px;
}

.app_features_content {
  font-family: "neue-haas-unica";
}

.app_features_content h5 {
  font-size: 14px;
  color: rgba(69, 88, 128, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.app_features_content h2 {
  font-size: 30px;
  line-height: 36px;
  color: #33375c;
  font-weight: 500;
  margin-bottom: 25px;
}

.app_features_content p {
  font-size: 18px;
  letter-spacing: 0.18px;
  color: #455880;
}

.app_features_content ul {
  padding-top: 20px;
  margin-bottom: 52px;
}

.app_features_content ul li {
  font-size: 16px;
  letter-spacing: 0.16px;
  line-height: 28px;
  color: #455880;
  position: relative;
  padding-left: 35px;
}

.app_features_content ul li i {
  color: #6083f6;
  margin-right: 20px;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 7px;
}

.app_features_content ul li + li {
  margin-top: 22px;
}

.app_features_content .a_features_item {
  padding: 20px 0px;
}

.app_features_content .a_features_item h5 {
  font-size: 18px;
  font-weight: 700;
  color: #33375c;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.app_features_content .a_features_item p {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 0px;
}

.app_features_content .agency_learn_btn {
  font-size: 16px;
  color: #ff7388;
}

.app_features_content .agency_learn_btn i {
  font-size: 13px;
}

.app_features_item_one .app_features_img .shap {
  right: 0;
}

.app_features_item_one .app_features_img .small_img_one {
  right: 70px;
}

.app_features_item_one .app_features_img .small_img_two {
  right: 150px;
}

.app_features_item_two .app_features_img {
  text-align: right;
}

.app_features_item_two .app_features_img .shap {
  left: 20px;
  top: 90px;
}

.app_features_item_two .app_features_img .small_img_one {
  left: -55px;
  top: 50%;
}

.app_features_item_two .app_features_content ul li {
  color: #33375c;
  font-weight: 700;
  font-size: 18px;
}

.app_features_item_two .app_features_content ul li i {
  color: #c7cdd9;
  font-size: 16px;
  margin-right: 15px;
}

.app_features_item_three .app_features_img .shap {
  left: -175px;
  top: 90px;
}

.app_features_item_three .app_features_img .small_img_one {
  right: 0;
  top: 56%;
}

.app_features_item_three .app_features_img .small_img_two {
  right: -30px;
  top: 72%;
}

.app_features_item_three .agency_learn_btn {
  margin-top: 40px;
}

.app_features_item {
  margin-top: 160px;
}

/*============ app_features_area css ========*/
/*============ home_features_area css ========*/
.home_features_area {
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0px;
}

.home_features_area .slick-list {
  margin-right: -250px;
}

.h_features_left {
  width: calc(50% - 585px);
}

.h_features_right {
  width: calc(50% + 585px);
  position: relative;
}

.h_features_right .custome_nav {
  top: 0;
  transform: translateY(0);
  right: -10px;
}

.h_features_right .custome_nav .prev, .h_features_right .custome_nav .next {
  width: 64px;
  height: 64px;
  border: 1px solid #c4c6cb;
  line-height: 63px;
  background: transparent;
  position: relative;
  color: #c4c6cb;
  font-size: 14px;
  margin: 0px;
  z-index: 0;
}

.h_features_right .custome_nav .prev:hover, .h_features_right .custome_nav .next:hover {
  background-color: #ff4d6f;
  box-shadow: 0px 10px 30px 0px rgba(254, 77, 111, 0.5);
  color: #fff;
  border-color: #ff4d6f;
  z-index: 1;
}

.h_features_right .h_features_right_title {
  max-width: 1170px;
  position: relative;
}

.home_features_slider .slick-list {
  margin-right: -250px;
  margin-left: -55px;
}

.home_features_slider .slick-list .item {
  padding: 35px 25px;
}

.home_features_slider .slick-list .item .agency_features_item {
  background-color: white;
  box-shadow: -20px 0px 30px 0px #eff0f6;
  padding-bottom: 55px;
}

.home_features_slider .slick-list .item .agency_features_item img {
  margin-bottom: 28px;
}

.home_features_slider .slick-list .item .agency_features_item h3 {
  font-size: 24px;
  font-family: cerebriSans;
  color: #181b31;
  font-weight: 600;
}

.home_features_slider .slick-list .item .agency_features_item p {
  font-size: 18px;
  font-family: cerebriSans;
  line-height: 30px;
}

/*============ home_features_area css ========*/
/*============ home_dashboard_area css ========*/
.home_dashboard_area {
  padding: 60px 0px 100px;
}

.dashboard_img {
  position: relative;
  padding-top: 40px;
}

.dashboard_img .img_dashboard {
  border-radius: 20px;
  box-shadow: 0px 70px 150px 0px #eff0f6;
}

.dashboard_img .pattern_one,
.dashboard_img .pattern_two {
  position: absolute;
  z-index: -1;
}

.dashboard_img .pattern_one {
  top: 0px;
  left: -50px;
}

.dashboard_img .pattern_two {
  right: -70px;
  top: 100px;
}

/*============ home_dashboard_area css ========*/
/*============ home_build_area css ========*/
.home_build_area {
  padding: 100px 0px;
}

.build_item {
  padding: 0px 20px;
}

.build_item img {
  margin-bottom: 44px;
}

.build_item h3 {
  color: #181b31;
  font-size: 30px;
  line-height: 48px;
  letter-spacing: -0.26px;
  font-family: cerebriSans;
  font-weight: 600;
  margin-bottom: 12px;
}

.build_item p {
  font-size: 18px;
  line-height: 30px;
  color: #899097;
  font-family: cerebriSans;
  font-weight: 400;
}

/*============ home_build_area css ========*/
/*============ travel_package_area css ========*/
.travel_package_area .travel_sec_title {
  margin-bottom: 40px;
}

.travel_package_area .travel_btn_two {
  margin-top: 60px;
}

.travel_package_item {
  cursor: pointer;
}

.travel_package_item .package_img {
  overflow: hidden;
}

.travel_package_item .package_img img {
  border-radius: 4px;
  transition: all 0.3s linear;
}

.travel_package_item .content {
  font-family: "neuzeit-grotesk";
  padding-top: 18px;
}

.travel_package_item .content h3 {
  color: #222;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  transition: color 0.2s linear;
}

.travel_package_item .content .place_name {
  color: #aaaaaa;
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.travel_package_item .content p {
  font-size: 16px;
  line-height: 24px;
  color: #8a8a8a;
  letter-spacing: 0.16px;
}

.travel_package_item .content .time {
  letter-spacing: 0.16px;
  font-weight: 700;
  font-size: 16px;
  color: #222;
}

.travel_package_item:hover img {
  transform: scale(1.03);
}

.travel_package_item:hover h3 {
  color: #ff6969;
}

/*============ travel_package_area css ========*/
/*============ education_event_area css ========*/
.education_event_area {
  padding: 140px 0px;
}

.education_event_area .education_title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  margin: 0;
}

.education_event_area .education_title h2 {
  margin: 0;
}

.education_event_area h6 {
  font-size: 18px;
  color: #2e3337;
  opacity: 0.7;
  font-family: "neue-haas-unica";
  margin-bottom: 36px;
}

.featured_event img {
  margin-bottom: 15px;
}

.featured_event .event_date {
  font-size: 16px;
  color: #2e3337;
  font-family: "neue-haas-unica";
  text-transform: uppercase;
  margin-bottom: 8px;
}

.featured_event h2 {
  font-size: 30px;
  font-family: "Zilla Slab", serif;
  color: #2e3337;
  font-weight: 700;
  transition: color 0.2s linear;
}

.featured_event h2:hover {
  color: #35b7e1;
}

.featured_event .education_learn_btn {
  margin-top: 16px;
}

.event_list li + li {
  margin-top: 37px;
}

.event_list_item .event_date {
  font-family: "neue-haas-unica";
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #7d9e52;
  padding-right: 30px;
}

.event_list_item .event_date span {
  font-weight: 700;
  font-size: 24px;
  display: block;
}

.event_list_item .media-body h3 {
  font-size: 24px;
  font-family: "Zilla Slab", serif;
  color: #2e3337;
  font-weight: 700;
  margin-bottom: 4px;
  transition: color 0.2s linear;
}

.event_list_item .media-body .education_learn_btn {
  font-size: 16px;
}

.event_list_item .media-body .education_learn_btn i {
  font-size: 8px;
}

.event_list_item:hover .media-body h3 {
  color: #35b7e1;
}

/*============ education_event_area css ========*/
/*=========== personal_travel_blog_area css =============*/
.personal_travel_blog_area {
  padding: 90px 0px;
}

.personal_travel_row {
  margin-left: -10px;
  margin-right: -10px;
}

.personal_travel_col {
  padding-left: 10px;
  padding-right: 10px;
}

.personal-travel_item .img_hover {
  display: block;
  overflow: hidden;
}

.personal-travel_item img {
  max-width: 100%;
  transition: all 0.4s linear;
}

.personal-travel_item .personal_content {
  padding-top: 20px;
  padding-right: 100px;
}

.personal-travel_item:hover img {
  transform: scale(1.04);
}

/*=========== personal_travel_blog_area css =============*/
/*=========== personal_photography_blog_area css =============*/
.personal_photography_blog_area {
  padding: 90px 0px;
}

.personal_photography_blog_area .personal-travel_item .personal_content h3 {
  font-size: 36px;
  line-height: 48px;
}

/*=========== personal_photography_blog_area css =============*/
/*=========== personal_food_blog_area css =============*/
.blog_food_blog_area {
  padding: 90px 0px;
}

.blog_food_blog_area .personal-travel_item .personal_content {
  padding-right: 45px;
}

.blog_food_blog_area .personal-travel_item .personal_content h3 {
  font-size: 24px;
  line-height: 32px;
}

/*=========== personal_food_blog_area css =============*/
/*============ personal_video_blog_area css ========*/
.personal_video_blog_area {
  padding: 150px 0px;
}

.personal_video_blog_info {
  padding-left: 100px;
  padding-right: 100px;
}

.personal_blog_testimonial {
  padding-right: 200px;
}

.personal_blog_testimonial .item i {
  font-size: 36px;
  color: #222;
  transform: rotate(180deg);
  display: inline-block;
  margin-bottom: 45px;
}

.personal_blog_testimonial .item h4 {
  font-size: 36px;
  line-height: 48px;
  font-family: "adobe-caslon-pro", serif;
  color: #222;
}

.personal_blog_testimonial .item .author_name,
.personal_blog_testimonial .item .position {
  font-family: "neuzeit-grotesk";
}

.personal_blog_testimonial .item .sign {
  display: inline-block;
  margin-top: 42px;
}

.personal_blog_testimonial .item .author_name {
  font-size: 18px;
  line-height: 20px;
  color: #222;
  letter-spacing: 0.18px;
  margin-top: 26px;
}

.personal_blog_testimonial .item .position {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #aaaaaa;
}

.personal_video {
  margin-left: -15px;
  position: relative;
}

.personal_video .travel_video {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 400;
}

.personal_video .travel_video .travel_video_icon {
  width: 100px;
  height: 100px;
  line-height: 110px;
  color: #222;
}

/*============ personal_video_blog_area css ========*/
/*============ personal_popular_blog_area css ========*/
.personal_popular_blog_area {
  padding: 150px 0px;
}

.personal_popular_blog_area .row {
  margin-bottom: -100px;
}

.personal_popular_blog_area .row .col-lg-6:nth-child(even) .popular_post_item {
  padding-left: 35px;
  padding-right: 0;
}

.popular_post_item {
  margin-bottom: 100px;
  padding-right: 40px;
}

.popular_post_item img {
  margin-right: 30px;
}

.popular_post_item .personal_content {
  padding-top: 0;
  padding-right: 0;
}

.popular_post_item .personal_content h3 {
  font-size: 24px;
  line-height: 32px;
}

/*============ personal_popular_blog_area css ========*/
/*============ about_features_area css ========*/
.about_features_area {
  padding-bottom: 130px;
}

.about_features_item {
  padding: 0px 60px;
  margin-top: 100px;
}

.about_features_item .icon {
  width: 70px;
  height: 70px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 72px;
  font-size: 28px;
  background: #33c8ff;
  margin-bottom: 27px;
  color: #fff;
}

.about_features_item .icon.yellow {
  background: #ffc62c;
}

.about_features_item .icon.green {
  background: #3bd25b;
}

.about_features_item .icon.purple {
  background: #b15eff;
}

.about_features_item h3 {
  font-size: 24px;
  font-family: cerebriSans;
  font-weight: 600;
  color: #181b31;
  letter-spacing: -0.6px;
  margin-bottom: 28px;
}

.about_features_item p {
  font-family: cerebriSans;
  font-weight: 400;
  color: #899097;
  margin-bottom: 0;
}

/*============ about_features_area css ========*/
/*============ about_features_area two css ========*/
.about_features_area_two {
  padding: 150px 0px;
}

.about_features_area_two .row {
  margin-bottom: -95px;
}

.about_features_item_two {
  margin-bottom: 95px;
}

.about_features_item_two i {
  font-size: 50px;
  color: #181b31;
  margin-right: 20px;
}

.about_features_item_two h4 {
  font-size: 24px;
  color: #181b31;
  font-family: cerebriSans;
  font-weight: 600;
  letter-spacing: -0.6px;
  margin-bottom: 22px;
}

.about_features_item_two p {
  margin-bottom: 0;
  color: #899097;
  letter-spacing: -0.18px;
}

/*============ about_features_area two css ========*/
/*============ hotel_spa_area  css ========*/
.hotel_spa_area {
  padding: 190px 0px 250px;
}

.hotel_spa_area .luxery_hotel_title {
  max-width: 970px;
  margin-bottom: 188px;
}

.hotel_spa_inner .hotel_spa_item + .hotel_spa_item {
  margin-top: 100px;
}

/*============ hotel_spa_area css ========*/
/*============ hotel_offers_area css ========*/
.hotel_offers_area {
  padding: 200px 0px;
}

.hotel_offers_area .luxery_hotel_title {
  padding-top: 45px;
}

.hotel_offers_area .luxery_hotel_title h6 {
  margin-bottom: 20px;
}

.hotel_offer_slider {
  margin-right: -375px;
  padding-left: 200px;
}

@media (min-width: 1921px) {
  .hotel_offer_slider {
    margin-right: -710px;
  }
}

.hotel_offer_slider .slick-list {
  padding-left: 0 !important;
}

.hotel_offer_slider .item {
  margin: 0px 10px;
  position: relative;
  position: relative;
  z-index: 1;
}

.hotel_offer_slider .item:before {
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(19, 26, 29, 0.1) 35%, #131a1d 100%);
  opacity: 0.5;
}

.hotel_offer_slider .item img {
  max-width: 100%;
}

.hotel_offer_slider .item .offer {
  position: absolute;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff;
  left: 40px;
  top: 40px;
  font-size: 16px;
  font-family: cerebriSans;
  font-weight: 300;
  color: #131a1d;
  text-align: center;
  line-height: 34px;
  padding-top: 12px;
}

.hotel_offer_slider .item .offer span {
  font-size: 24px;
  display: block;
  line-height: 18px;
}

.hotel_offer_slider .item .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 60px 50px 40px;
}

.hotel_offer_slider .item .content .arrow {
  position: absolute;
  right: 40px;
  font-size: 24px;
  color: #fff;
  top: 25px;
  transition: all 0.2s linear;
}

.hotel_offer_slider .item .content h4 {
  font-size: 30px;
  font-family: "Spectral", serif;
  font-weight: 300;
  color: #fff;
  letter-spacing: -1.5px;
}

.hotel_offer_slider .item .content .price {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: cerebriSans;
  font-weight: 300;
}

.hotel_offer_slider .item:hover .arrow {
  transform: translateX(5px);
}

.hotel_offer_slider h6 {
  font-size: 18px;
  letter-spacing: -1.5px;
  font-family: "Spectral", serif;
  color: #b59872;
  margin-left: 10px;
  margin-top: 25px;
}

/*============ hotel_offers_area css ========*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========= app_service_area css ===========*/
.app_service_area {
  padding-top: 200px;
  padding-bottom: 100px;
}

.app_service_item {
  font-family: "neue-haas-unica";
}

.app_service_item .app_icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 65px;
  font-size: 28px;
  background: #fff5f1;
  color: #ff9e78;
  margin-bottom: 32px;
}

.app_service_item .app_icon.purpple {
  background: #f2f1fe;
  color: #7f79f3;
}

.app_service_item .app_icon.green {
  background: #e7fbf4;
  color: #16d895;
}

.app_service_item h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  color: #33375c;
  margin-bottom: 16px;
  transition: color 0.2s linear;
}

.app_service_item h3:hover {
  color: #ff7388;
}

.app_service_item p {
  font-size: 18px;
  letter-spacing: 0.18px;
  color: #455880;
  margin-bottom: 0;
}

/*========= app_service_area css ===========*/
/*========= arch_service_area css ===========*/
.arch_service_area {
  background: #f9f9f9;
  padding: 150px 0px;
}

.arch_service_area h2 {
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0.1px;
  color: #1a1a1a;
  font-family: "GRIFTERB";
  max-width: 430px;
  margin-bottom: 140px;
}

.arch_service_item {
  padding: 40px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
}

.arch_service_item i {
  font-size: 45px;
  color: #181b31;
}

.arch_service_item h3 {
  font-size: 24px;
  color: #000;
  letter-spacing: 0.6px;
  font-family: "GRIFTERB";
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 45px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.arch_service_item h3:hover {
  color: #ff4e17;
}

.arch_service_item p {
  font-family: "HelveticaLight";
  letter-spacing: 0.45px;
  color: #5a5a5a;
}

.arch_service_item .arch_learn_btn {
  margin-top: 32px;
}

.arch_service_item .arch_learn_btn i {
  color: #ff4e17;
}

.arch_service_item:hover {
  background: #fff;
}

.arch_learn_btn {
  font-family: "GRIFTERB";
  font-size: 14px;
  letter-spacing: 0.1px;
  color: #ff4e17;
  margin-top: 65px;
  text-transform: uppercase;
}

.arch_learn_btn i {
  font-size: 12px;
}

.arch_learn_btn:hover {
  color: #1a1a1a;
}

.arch_learn_btn:hover:before,
.arch_learn_btn:hover i {
  color: #1a1a1a;
}

/*========= arch_service_area css ===========*/
/*========= cons_service_area css ===========*/
.cons_service_area {
  background: #f7f7f7;
  padding: 150px 0px;
  position: relative;
  z-index: 1;
}

.cons_service_area .const_title {
  margin-bottom: 100px;
}

.cons_service_area .col-lg-4:nth-child(2) {
  margin-top: 200px;
}

.cons_service_area .pattern_bg {
  background: url("../img/construction/pattern_two.png") no-repeat center 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.cons_service_area .col-lg-4 {
  margin-top: 30px;
}

.const_service_item {
  background: #fff;
  border-radius: 5px;
  padding: 40px;
  border: 2px solid #fff;
  transition: all 0.2s linear;
  cursor: pointer;
}

.const_service_item i {
  color: #ffc600;
  font-size: 40px;
  margin-bottom: 25px;
  display: inline-block;
}

.const_service_item h3 {
  color: #222222;
  font-size: 30px;
  font-family: "teko";
  font-weight: 500;
  margin-bottom: 22px;
  transition: color 0.2s linear;
}

.const_service_item p {
  font-family: "neuzeit-grotesk";
  font-size: 20px;
  line-height: 32px;
  color: #222;
}

.const_service_item:hover {
  border-color: #ffc600;
}

.const_service_item:hover h3 {
  color: #ffc600;
}

.const_service_item:nth-child(2) {
  margin-top: 215px;
}

/*========= cons_service_area css ===========*/
/*========= travel_benefit_area css ===========*/
.travel_benefit_area {
  padding: 150px 0px 140px;
}

.travel_benefit_area_two {
  padding: 100px 0px;
}

.travel_benefit_item {
  text-align: center;
  font-family: "neuzeit-grotesk";
  padding: 0px 10px;
}

.travel_benefit_item i {
  font-size: 48px;
  color: #ff6969;
}

.travel_benefit_item h4 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  color: #222;
  margin-top: 18px;
  margin-bottom: 16px;
  transition: color 0.2s linear;
}

.travel_benefit_item p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #8a8a8a;
  margin-bottom: 0;
}

/*========= travel_benefit_area css ===========*/
/*========= travel_deals_area css ===========*/
.travel_deals_area {
  font-family: "neuzeit-grotesk";
  padding: 130px 0px 150px;
}

.travel_deal_title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
}

.travel_deal_title .travel_sec_title {
  margin-bottom: 0;
}

.travel_deal_title .travel_sec_title p {
  margin-bottom: 0;
}

.deal_tab .nav-item {
  margin-bottom: 0px;
  margin-right: 65px;
}

.deal_tab .nav-item .nav-link {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.9px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #aaaaaa;
  position: relative;
}

.deal_tab .nav-item .nav-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background: #ff6969;
  transform: scale(0);
  transform-origin: left;
  transition: all 0.3s linear;
}

.deal_tab .nav-item .nav-link.active, .deal_tab .nav-item .nav-link:hover {
  color: #ff6969;
}

.deal_tab .nav-item .nav-link.active:before, .deal_tab .nav-item .nav-link:hover:before {
  transform: scale(1);
}

.deal_tab .nav-item:last-child {
  margin-right: 0;
}

.deal_item {
  margin-top: 50px;
}

.deal_item img {
  border-radius: 4px;
  margin-right: 30px;
}

.deal_item .media-body h4 {
  font-size: 24px;
  font-weight: 700;
  color: #181b31;
}

.deal_item .media-body p {
  line-height: 26px;
  color: #8a8a8a;
  margin-bottom: 32px;
}

.deal_item .media-body .travel_btn {
  font-size: 14px;
  padding: 5px 16px 3px;
}

/*========= travel_deals_area css ===========*/
/*========= corporate_service_area css ===========*/
.corporate_service_area {
  padding-bottom: 40px;
}

.corporate_service_item {
  margin-bottom: 90px;
  padding-right: 40px;
  cursor: pointer;
}

.corporate_service_item i {
  font-size: 35px;
  color: #5ea998;
  margin-right: 30px;
}

.corporate_service_item h4 {
  font-size: 24px;
  font-family: ProximaNovaB;
  line-height: 35px;
  letter-spacing: -0.24px;
  color: #2f3534;
  margin-bottom: 22px;
  transition: color 0.2s linear;
}

.corporate_service_item p {
  font-family: ProximaNovaR;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.18px;
  color: #636968;
  margin-bottom: 0;
}

.corporate_service_item.pr-0 {
  padding-left: 40px;
}

.corporate_service_item.pl-10 {
  padding-left: 20px;
  padding-right: 30px;
}

.corporate_service_item:hover h4,
.corporate_service_item:hover i {
  color: #ff4d33;
}

/*========= corporate_service_area css ===========*/
/*========= corporate_work_area css ===========*/
.corporate_work_area {
  padding: 150px 0px;
}

.corporate_video {
  position: relative;
  overflow: hidden;
}

.corporate_video_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.corporate_video_icon .icon {
  width: 100px;
  height: 100px;
  border: 1px dashed #fff;
  color: #fff;
  font-size: 25px;
  line-height: 100px;
  display: inline-block;
  border-radius: 50%;
}

.corporate_video_icon .icon:hover {
  background: #ff4d33;
  border-color: #ff4d33;
}

.corporate_video_icon p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  padding-top: 15px;
}

.work_content {
  padding-left: 100px;
}

.work_content h2 {
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -1.2px;
  margin-bottom: 20px;
}

.work_content p {
  color: #636968;
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 60px;
}

.work_steps_info {
  margin-left: 0;
  margin-right: 0;
  padding-top: 120px;
}

.work_steps_item {
  text-align: center;
  padding: 0px 50px;
  position: relative;
  cursor: pointer;
}

.work_steps_item:before {
  content: "";
  width: 100%;
  height: 1px;
  background-image: linear-gradient(45deg, #5ea99f, #5ea99f 75%, transparent 75%, transparent 100%);
  background-size: 6px 7px;
  position: absolute;
  top: 33px;
  left: -51%;
  z-index: -1;
}

.work_steps_item .number {
  width: 70px;
  height: 70px;
  border: 1px dashed #5ea99f;
  font-size: 24px;
  color: #5ea99f;
  text-align: center;
  line-height: 68px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 35px;
  background: #fff;
  position: relative;
  z-index: 1;
  transition: 0.2s linear;
}

.work_steps_item h4 {
  font-size: 24px;
  color: #2f3534;
  letter-spacing: -0.24px;
  font-family: ProximaNovaB;
  transition: all 0.2s linear;
}

.work_steps_item h4:hover {
  color: #ff4d33;
}

.work_steps_item p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 30px;
  color: #636968;
  letter-spacing: 0.18px;
  padding-top: 15px;
}

.work_steps_item:first-child:before {
  display: none;
}

.work_steps_item:hover .number {
  background: #ff4d33;
  border-color: #ff4d33;
  color: #fff;
}

/*========= corporate_work_area css ===========*/
/*========= event_agenda_area css ===========*/
.event_agenda_area {
  padding: 110px 0px 120px;
}

.agenda_list_info .agenda_list_item {
  font-family: cerebriSans;
  display: flex;
  flex-wrap: wrap;
  padding: 23px 0px;
}

.agenda_list_info .agenda_list_item .agenda_date {
  font-size: 18px;
  color: #6f6995;
  flex: 0 0 30%;
}

.agenda_list_info .agenda_list_item .agenda_description {
  flex: 0 0 60%;
}

.agenda_list_info .agenda_list_item .agenda_description h5 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.agenda_list_info .agenda_list_item .agenda_description h5 img {
  margin-left: 10px;
}

.agenda_list_info .agenda_list_item .agenda_description .name {
  font-size: 18px;
  color: #6f6995;
}

.agenda_list_info .agenda_list_item .agenda_member {
  flex: 0 0 10%;
  display: flex;
  align-items: center;
}

.agenda_list_info .agenda_list_item .agenda_member .e_img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.agenda_list_info .agenda_list_item .agenda_member .e_img:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: #595087;
  opacity: 0.85;
}

.agenda_list_info .agenda_list_item + .agenda_list_item {
  border-top: 1px solid #322c51;
}

/*========= event_agenda_area css ===========*/
/*========= about_service_area css ===========*/
.about_service_area {
  padding: 150px 0px;
}

.about_service_area .section_title {
  max-width: 700px;
  margin-bottom: 90px;
}

.about_service_area .section_title.text-center {
  max-width: 100%;
}

.about_service_area .startup_features_inner {
  padding-top: 0px;
}

.about_service_area .startup_features_inner .startup_features_item .media-body h5 {
  line-height: 1.3;
  font-weight: 600;
}

.about_service_area .startup_features_inner .startup_features_item .media-body h5, .about_service_area .startup_features_inner .startup_features_item .media-body p {
  font-family: cerebriSans;
}

.about_service_item {
  padding-right: 65px;
}

.about_service_item.pr-0 {
  padding-left: 60px;
}

.about_service_item .number {
  font-size: 24px;
  font-family: "Spectral", serif;
  color: #460ec6;
  margin-bottom: 20px;
}

.about_service_item h3 {
  font-size: 30px;
  font-family: cerebriSans;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.75px;
  color: #181b31;
  margin-bottom: 35px;
}

.about_service_item p {
  color: #40464c;
  font-family: cerebriSans;
}

.sevice_list {
  padding-top: 32px;
  margin-bottom: 0;
}

.sevice_list li a {
  font-size: 12px;
  color: #181b31;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding-right: 15px;
}

.sevice_list li a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff4d6f;
  position: absolute;
  right: 0;
  top: 5px;
  transform: scale(0);
  transition: all 0.2s linear;
}

.sevice_list li a:hover {
  color: #ff4d6f;
}

.sevice_list li a:hover:before {
  transform: scale(1);
}

/*========= about_service_area css ===========*/
/*========= startup_service_area_two css ===========*/
.startup_service_area_two {
  padding: 50px 0px 0px;
}

.startup_service_area_two .section_title {
  margin-bottom: 65px;
}

.startup_service_area_two .section_title h5 {
  color: #899097;
  font-weight: 400;
}

.startup_service_area_two .startup_service_item h5 {
  font-family: "Spectral", serif;
}

.startup_service_area_two .startup_service_item p {
  font-family: cerebriSans;
}

.startup_service_area_two .startup_service_item .s_service_btn {
  font-family: cerebriSans;
  font-weight: 600;
}

/*========= startup_service_area_two css ===========*/
/*========= creative_service_area css ===========*/
.creative_service_area {
  background: #f7f8f9;
  padding: 140px 0px 120px;
}

.creative_service_area .section_title {
  margin-bottom: 70px;
}

.creative_service_area .agency_features_item {
  padding: 40px 30px;
}

.creative_service_area .agency_features_item img {
  margin-bottom: 25px;
}

.creative_service_area .agency_features_item h3 {
  font-family: "Spectral", serif;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -1.4px;
  margin-bottom: 22px;
}

.creative_service_area .agency_features_item h3:hover {
  color: #ff4d6f;
}

.creative_service_area .agency_features_item p {
  margin-bottom: 5px;
  font-family: cerebriSans;
}

/*========= creative_service_area css ===========*/
/*========= minimal_service_area css ===========*/
.minimal_service_area {
  padding-top: 0px;
  padding-bottom: 0px;
}

.minimal_service_area .blog_border_bottom {
  margin-bottom: 120px;
}

.minimal_service_area .section_title {
  margin-bottom: 80px;
}

.minimal_service_area .sass_service_item h3 {
  font-family: cerebriSans;
  font-weight: 600;
  margin-bottom: 15px;
}

.minimal_service_area .sass_service_item h3:hover {
  color: #ff4d6f;
}

.minimal_service_area .sass_service_item p {
  font-family: cerebriSans;
}

/*========= minimal_service_area css ===========*/
/*========= button page css ===========*/
.menu_item {
  margin-bottom: 30px;
  display: block;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  align-items: center;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.grid-container .button_item {
  justify-self: center;
  display: grid;
}

.grid-container .button_item .education_video_btn {
  border: 1px solid transparent;
}

.grid-container .button_item .education_video_btn:hover {
  border-color: #35b7e1;
}

/*========= minimal_service_area css ===========*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/**
 * /*=========== agency_portfolio_area css =============
 *
 * @format
 */
.agency_portfolio_area {
  padding: 100px 0px;
}

.agency_portfolio_gallery {
  padding-top: 130px;
  margin-bottom: -30px;
}

.agency_portfolio_gallery .agency_title {
  padding-right: 170px;
  margin-top: -130px;
  margin-bottom: 110px;
}

.agency_portfolio_gallery .agency_learn_btn {
  margin-top: 120px;
  float: right;
}

.agency_portfolio_item {
  position: relative;
  z-index: 1;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}

.agency_portfolio_item .p_img {
  display: block;
}

.agency_portfolio_item .p_img img {
  max-width: 100%;
  transition: all 0.2s linear;
  position: relative;
  z-index: 0;
}

.agency_portfolio_item .portfolio_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: linear-gradient(-10deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  opacity: 0;
  transition: all 0.2s linear;
}

.agency_portfolio_item .content {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 40px;
}

.agency_portfolio_item .content .brand_category,
.agency_portfolio_item .content h5 {
  color: #fff;
  font-weight: 500;
}

.agency_portfolio_item .content .brand_category {
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.agency_portfolio_item .content h5 {
  font-size: 24px;
  line-height: 30px;
}

.agency_portfolio_item .content .arrow {
  position: absolute;
  right: 50px;
  color: #fff;
  font-size: 15px;
  opacity: 0;
  transition: all 0.2s linear;
  top: 50%;
  transform: translateY(-50%);
}

.agency_portfolio_item:hover .p_img img {
  transform: scale(1.04);
}

.agency_portfolio_item:hover .p_img .portfolio_overlay {
  opacity: 1;
}

.agency_portfolio_item:hover .p_img .arrow {
  right: 40px;
  opacity: 1;
}

/*=========== agency_portfolio_area css =============*/
/*=========== home_work_area css =============*/
.home_work_area {
  padding: 150px 0px 100px;
}

.home_work_area .agency_team_inner {
  padding-left: 0;
  padding-top: 0;
}

.home_work_area .agency_team_inner:before {
  display: none;
}

.h_text_btn {
  color: #ff4d6f;
}

.h_text_btn:before {
  color: #460ec6;
}

.h_text_btn:hover i {
  color: #460ec6;
}

.work_item {
  margin-top: 100px;
}

.work_item .p_img {
  display: block;
  overflow: hidden;
}

.work_item .p_img img {
  transition: all 0.3s linear;
}

.work_item .content {
  padding: 24px 30px 0px;
}

.work_item .content .categorie {
  font-size: 12px;
  color: #899097;
  letter-spacing: 0.6px;
  font-family: cerebriSans;
  font-weight: 400;
  text-transform: uppercase;
}

.work_item .content h5 {
  font-size: 24px;
  font-weight: 600;
  font-family: cerebriSans;
  color: #181b31;
}

.work_item:hover .p_img img {
  transform: scale(1.03);
}

.work_item.work_item_top {
  margin-top: 0;
}

/*=========== home_work_area css =============*/
/*=========== food_gallery_area css =============*/
.r_title_heading {
  font-family: Bagnard;
  color: #fff;
  font-size: 48px;
}

.r_title_p {
  font-size: 22px;
  line-height: 36px;
  color: #7a7a7a;
  font-family: futuraPtB;
}

.food_gallery_area {
  padding: 110px 0px;
}

.food_gallery_area .agency_team_inner {
  padding-left: 0;
}

.food_gallery_area .agency_team_inner:before {
  display: none;
}

.food_gallery_area .agency_team_inner {
  padding-top: 0;
}

.food_gallery_area .agency_team_inner .work_item.work_item_big .food_img {
  margin-left: -100px;
}

.food_gallery_area .agency_team_inner .content .categorie {
  color: #7a7a7a;
  font-family: futuraPtB;
  letter-spacing: 1.2px;
}

.food_gallery_area .agency_team_inner .content .agency_learn_btn {
  font-size: 30px;
  font-family: Bagnard;
  color: #fff;
  transition: color 0.5s linear;
}

.food_gallery_area .agency_team_inner .content .agency_learn_btn::before {
  color: #e83622;
}

.food_gallery_area .agency_team_inner .content .agency_learn_btn:hover {
  color: #e83622;
}

.gallery_text {
  max-width: 420px;
  position: relative;
  z-index: 2;
}

.gallery_text .r_title_heading {
  margin-bottom: 30px;
}

.gallery_text p {
  margin-bottom: 0;
}

/*=========== food_gallery_area css =============*/
/*=========== gallery_parallax_area css =============*/
.gallery_parallax_area {
  padding-bottom: 120px;
}

.gallery_parallax {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  padding-top: 115px;
  padding-bottom: 115px;
  position: relative;
}

.gallery_parallax li {
  margin-left: 75px;
}

.gallery_parallax li a {
  display: block;
  overflow: hidden;
}

.gallery_parallax li a img {
  transition: all 0.3s linear;
}

.gallery_parallax li:nth-child(1) {
  margin-left: 0;
}

.gallery_parallax li:nth-child(2) {
  bottom: 0;
  left: 100px;
}

.gallery_parallax li:nth-child(3) {
  margin-top: 72px;
  margin-left: 75px;
}

.gallery_parallax li:nth-child(6) {
  right: 0;
  top: 0;
}

.gallery_parallax li:nth-child(5) {
  right: 225px;
  bottom: 0;
}

.gallery_parallax li:nth-child(2), .gallery_parallax li:nth-child(5), .gallery_parallax li:nth-child(6) {
  position: absolute;
  margin-left: 0;
}

.gallery_parallax li:hover img {
  transform: scale(1.03);
}

.menu_info {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 200px;
}

.menu_info .r_title_heading {
  margin-bottom: 30px;
}

.menu_title,
.menu_description {
  padding-left: 100px;
}

.menu_description {
  font-family: futuraPtB;
}

.menu_description h4 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0.75px;
  color: #fff;
  margin-bottom: 30px;
}

.menu_description p {
  font-size: 22px;
  line-height: 36px;
  color: #7a7a7a;
  letter-spacing: 0.55px;
  margin-bottom: 0;
}

/*=========== gallery_parallax_area css =============*/
/*=========== gallery_parallax_area css =============*/
.photography_work_area {
  padding: 70px 0px 120px;
  position: relative;
}

.photography_work_area .custome_nav {
  top: 60px;
  right: 40px;
  transform: translateY(0);
}

.photography_work_area .custome_nav .slick-arrow {
  display: inline-block;
  font-size: 16px;
}

.photography_work_tab {
  margin-bottom: 55px;
}

.photography_work_tab .outline_title {
  margin-bottom: 0;
}

.photography_work_tab .tabs-buttons .swiper-wrapper {
  justify-content: flex-end;
}

.photography_work_tab .tabs-buttons .swipe-tab {
  color: #5a5a5a;
  font-size: 18px;
  font-family: "GRIFTERB";
  text-transform: uppercase;
  letter-spacing: 0.45px;
  width: auto !important;
  margin-right: 50px;
  text-align: right;
  cursor: pointer;
}

.photography_work_tab .tabs-buttons .swipe-tab:last-child {
  margin-right: 0;
}

.photography_work_tab .tabs-buttons .swipe-tab.active-tab {
  color: #fff;
}

.photography_gallery_slider {
  margin-left: 375px;
}

.photography_gallery_slider .content {
  font-family: "GRIFTERB";
  padding: 25px 30px 0px;
}

.photography_gallery_slider .content h3 {
  font-size: 24px;
  letter-spacing: 0.6px;
  color: #fff;
  margin-bottom: 0px;
}

.photography_gallery_slider .content .tag_name {
  font-size: 14px;
  line-height: 36px;
  color: #5a5a5a;
  letter-spacing: 0.35px;
  text-transform: uppercase;
}

.photography_gallery_slider .swipe-tab-content {
  margin-right: 10px;
}

/*=========== gallery_parallax_area css =============*/
/*=========== arch_work_area css =============*/
.arch_work_area {
  padding-top: 200px;
}

.arch_work_item + .arch_work_item {
  margin-top: 150px;
}

.arch_work_content {
  height: 100%;
  position: relative;
}

.arch_work_content .number {
  font-size: 60px;
  color: #cccccc;
  font-family: "GRIFTERB";
  line-height: 60px;
  margin-bottom: 35px;
}

.arch_work_content .image_name {
  font-size: 24px;
  line-height: 30px;
  color: #1a1a1a;
  font-family: "GRIFTERB";
  margin-bottom: 5px;
}

.arch_work_content .location {
  font-size: 16px;
  font-family: "HelveticaLight";
  letter-spacing: 0.4px;
  color: #8a8a8a;
}

.arch_work_content .architecture_btn_border {
  padding-left: 77px;
  padding-right: 77px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.arch_work_img {
  position: relative;
  overflow: hidden;
}

.image_mask {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 100%;
  background: #fff;
  transition-duration: 1s;
  transition-timing-function: ease;
  animation-fill-mode: forwards;
}

/*=========== arch_work_area css =============*/
/*=========== const_projects_area css =============*/
.const_projects_area {
  padding-top: 120px;
}

.const_projects_area #const_masonry {
  margin: -5px;
}

.const_projects_col {
  padding: 5px;
}

.cons_projects_item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.cons_projects_item img {
  max-width: 100%;
  transition: all 0.4s linear;
}

.cons_projects_item .content {
  position: absolute;
  bottom: 0;
  padding: 28px 40px;
}

.cons_projects_item .content h3 {
  font: 500 48px/48px "teko";
  color: #fff;
  transform: translateY(42px);
  transition: transform 0.3s linear;
}

.cons_projects_item .content a {
  display: inline-block;
  font: 500 20px/36px "teko";
  color: #fff;
  letter-spacing: 0.2px;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.3s, opacity 0.2s ease-in-out;
}

.cons_projects_item .content a i {
  font-size: 10px;
  color: #ffc600;
  margin-left: 5px;
  transition: all 0.2s;
}

.cons_projects_item .content a:hover i {
  margin-left: 10px;
}

.cons_projects_item:hover img {
  transform: scale(1.04);
}

.cons_projects_item:hover .content h3 {
  transform: translateY(0);
}

.cons_projects_item:hover .content a {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s, opacity 0.5s ease-in-out;
}

/*=========== const_projects_area css =============*/
/*=========== travel_gallery_area css =============*/
.travel_gallery_area {
  padding-top: 150px;
}

.travel_gallery_item {
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  z-index: 1;
}

.travel_gallery_item .overlay_bg {
  background: rgba(0, 0, 0, 0.1);
  z-index: 0;
}

.travel_gallery_item.two .overlay_bg {
  background: rgba(0, 0, 0, 0.5);
}

.travel_gallery_item.three .overlay_bg {
  background: rgba(0, 0, 0, 0.3);
}

.travel_gallery_item .travel_gallery_content {
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 15px;
  font-family: "neuzeit-grotesk";
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  top: 0;
}

.travel_gallery_item .travel_gallery_content h3 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  transform: translateY(44px);
  transition: all 0.3s linear;
}

.travel_gallery_item .travel_gallery_content p {
  font-size: 16px;
}

.travel_gallery_item .travel_gallery_content p,
.travel_gallery_item .travel_gallery_content .travel_btn_two {
  animation: fadeOut 0.3s linear both;
}

.travel_gallery_item .travel_gallery_content .travel_btn_two {
  background: #fff;
  font-size: 14px;
  color: #181b31;
  letter-spacing: 0.7px;
  border: 0px;
  padding: 6px 18px 3px;
}

.travel_gallery_item .travel_gallery_content .travel_btn_two:hover {
  color: #fff;
}

.travel_gallery_item:hover .travel_gallery_content h3 {
  transform: translateY(0px);
}

.travel_gallery_item:hover .travel_gallery_content p,
.travel_gallery_item:hover .travel_gallery_content .travel_btn_two {
  animation: fadeInUp 0.3s linear both;
}

/*=========== travel_gallery_area css =============*/
/*=========== education_program_gallery_area css =============*/
.education_program_gallery_area {
  padding: 150px 0px 0px;
  background: #f3f3f3;
}

.education_program_gallery_area_two {
  padding: 150px 0px;
}

.education_program_gallery_info {
  display: flex;
  flex-wrap: wrap;
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: -330px;
  position: relative;
  z-index: 2;
}

.education_program_gallery_info .program_gallery_item {
  width: calc(100% / 4);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.education_program_gallery_info .program_gallery_item img {
  max-width: 100%;
  transition: all 0.5s;
}

@media (min-width: 1921px) {
  .education_program_gallery_info .program_gallery_item img {
    width: 100%;
  }
}

.education_program_gallery_info .program_gallery_item:hover img {
  transform: scale(1.04);
}

.education_program_gallery_info .overlay_bg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.502) 100%);
  z-index: 0;
}

.education_program_gallery_info .content {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  padding: 40px 45px;
}

.education_program_gallery_info .content h5 {
  color: #fff;
  font-size: 30px;
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  margin-bottom: 24px;
  transition: color 0.2s linear;
}

.education_program_gallery_info .content h5:hover {
  color: #35b7e1;
}

/*=========== education_program_gallery_area css =============*/
/*=========== portfolio_area css =============*/
.portfolio_area {
  padding-top: 100px;
  padding-bottom: 100px;
}

.portfolio_area .protfolio_custom_row {
  margin-left: -5px;
  margin-right: -5px;
}

.portfolio_area .protfolio_custom_row .protfolio_custom_col {
  padding-left: 5px;
  padding-right: 5px;
}

.portfolio_item {
  margin-bottom: 95px;
  overflow: hidden;
}

.portfolio_item a, .portfolio_item .portfolio_img {
  display: block;
  overflow: hidden;
}

.portfolio_item a img, .portfolio_item .portfolio_img img {
  transition: all 0.3s linear;
  max-width: 100%;
}

.portfolio_item .video_animation_btn {
  overflow: visible;
}

.portfolio_item .portfolio_content {
  padding-top: 28px;
}

.portfolio_item .portfolio_content h3 {
  font-size: 48px;
  font-weight: 400;
  color: #181b31;
  transition: color 0.3s linear;
}

.portfolio_item .portfolio_content p,
.portfolio_item .portfolio_content .p_category {
  font-size: 18px;
  color: #899097;
  font-weight: 400;
  line-height: 1.35;
  margin-bottom: 0;
}

.portfolio_item:hover img {
  transform: scale(1.03);
}

.portfolio_item:hover h3 {
  color: #ff4d6f;
}

.portfolio_img {
  position: relative;
}

.video_animation_btn {
  width: 82px;
  height: 82px;
  line-height: 82px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  color: #fff;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background: #ff4d6f;
  overflow: visible;
}

.video_animation_btn::before, .video_animation_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}

.video_animation_btn:before {
  background: #ff4d6f;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 1.2s;
  animation-name: button_puls_animation;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}

.video_animation_btn:after {
  transform: scale(0);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  background: rgba(255, 77, 111, 0.4);
}

.video_animation_btn i {
  position: relative;
  z-index: 2;
}

.video_animation_btn:hover, .video_animation_btn:focus {
  color: #fff;
}

.video_animation_btn:hover:after, .video_animation_btn:focus:after {
  animation: 1s click_animation cubic-bezier(0.4, 0, 0.2, 1) 1;
}

.pagination {
  justify-content: center;
  width: 100%;
  margin-top: 45px;
}

.pagination .prev,
.pagination .next {
  font-size: 12px;
  text-transform: uppercase;
  color: #9a9a9a;
}

.pagination .prev:hover,
.pagination .next:hover {
  color: #000;
}

.pagination .prev {
  margin-right: 100px;
}

.pagination .next {
  margin-left: 100px;
}

.pagination .page-numbers {
  font-size: 16px;
  font-weight: 400;
  color: #9a9a9a;
  width: 48px;
  height: 48px;
  line-height: 44px;
  border-radius: 50%;
  border: 1px dashed transparent;
  display: inline-block;
  text-align: center;
  transition: all 0.3s linear;
  cursor: pointer;
}

.pagination .page-numbers:hover, .pagination .page-numbers.current {
  border-color: #000;
  color: #000;
}

.pagination .page-numbers.dot {
  border: 0px;
}

/*=========== portfolio_area css =============*/
/*=========== portfolio_area two css =============*/
.portfolio_area_two {
  padding-top: 230px;
  padding-bottom: 100px;
}

.portfolio_area_two .protfolio_custom_row {
  margin-left: -70px;
  margin-right: -70px;
}

.portfolio_area_two .protfolio_custom_row .protfolio_custom_col {
  padding-left: 70px;
  padding-right: 70px;
}

.portfolio_area_two .protfolio_custom_row .protfolio_custom_col:nth-child(2) {
  margin-top: -150px;
}

.portfolio_area_two .portfolio_item .portfolio_content h3 {
  font-size: 36px;
  margin-bottom: 0;
}

.portfolio_area_two .load_btn {
  margin-top: 65px;
}

.load_btn_center {
  line-height: 14px;
  text-align: center;
}

.load_btn {
  display: inline-block;
  line-height: 14px;
  margin-top: 10px;
}

/*=========== portfolio_area two css =============*/
/*=========== portfolio_area three css =============*/
.portfolio_area_three {
  padding: 200px 0px 100px;
  position: relative;
  z-index: 1;
}

.portfolio_area_three .portfolio_banner_title {
  margin-top: -120px;
  margin-bottom: 110px;
}

.portfolio_area_three .portfolio_banner_title h2 {
  font-size: 90px;
}

.portfolio_area_three .portfolio_banner_title p {
  font-size: 20px;
  color: #40464c;
  margin-top: 20px;
}

.portfolio_area_three .portfolio_banner_title .agency_learn_btn {
  float: none;
  margin-top: 35px;
  font-weight: 600;
}

.portfolio_area_three .agency_portfolio_item .content .brand_category {
  font-weight: 400;
}

.portfolio_area_three .agency_portfolio_item .content h5 {
  font-weight: 600;
}

.portfolio_area_three .load_btn {
  margin-top: 115px;
  display: block;
}

.about_dot.left li:nth-child(1) {
  left: -35px;
  top: 220px;
  right: auto;
}

.about_dot.left li:nth-child(2) {
  left: 120px;
  top: 250px;
  right: auto;
}

.about_dot.left li:nth-child(3) {
  left: 70px;
  top: 350px;
  right: auto;
}

/*=========== portfolio_area three css =============*/
/*=========== portfolio_area four css =============*/
.portfolio_area_four {
  padding: 0px 0px 150px;
}

.portfolio_area_four .agency_portfolio_gallery {
  padding-top: 0;
  margin-bottom: 0;
}

.portfolio_area_four .col-lg-5:nth-child(1) .portfolio_item {
  margin-top: 200px;
}

.portfolio_area_four .portfolio_item {
  display: inline-block;
}

.portfolio_area_four .portfolio_item .portfolio_content {
  padding-left: 30px;
}

.portfolio_area_four .portfolio_item .portfolio_content h3 {
  font-size: 24px;
  font-weight: 700;
}

.portfolio_area_four .load_btn {
  margin-top: 30px;
}

/*=========== portfolio_area four css =============*/
/*=========== portfolio_area five css =============*/
.portfolio_area_five {
  padding: 200px 0px 150px;
}

.portfolio_content_info {
  padding-left: 100px;
}

.portfolio_content_info h5 {
  font-size: 14px;
  color: #899097;
  font-family: cerebriSans;
  font-weight: 400;
  text-transform: uppercase;
}

.portfolio_content_info h2 {
  font-size: 48px;
  font-family: "Spectral", serif;
  letter-spacing: -2.4px;
  font-weight: 400;
  margin-bottom: 30px;
}

.portfolio_content_info p {
  font-size: 20px;
  color: #899097;
}

.portfolio_content_info .portfolio_information {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #dfe2e7;
  border-bottom: 1px solid #dfe2e7;
  padding: 28px 0px 24px;
}

.portfolio_content_info .portfolio_information .item {
  width: 50%;
}

.portfolio_content_info .portfolio_information .item h5 {
  font-size: 14px;
  font-weight: 600;
  color: #181b31;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.portfolio_content_info .portfolio_information .item p {
  font-size: 18px;
  margin-bottom: 0;
}

.portfolio_content_info .agency_learn_btn {
  font-weight: 600;
  color: #ff4d6f;
  margin-top: 46px;
}

.portfolio_item_five {
  margin-bottom: 200px;
}

.portfolio_item_five.flex-row-reverse .portfolio_content_info {
  padding-left: 0;
  padding-right: 100px;
}

/*=========== portfolio_area five css =============*/
/*=========== portfolio_area six css =============*/
.portfolio_metro_area {
  z-index: 1;
  position: relative;
  background: #fff;
  padding-bottom: 120px;
}

@media (min-width: 1921px) {
  .portfolio_metro_area .container-fluid {
    max-width: 1920px;
  }
}

.custom_col_20 {
  width: 20%;
}

.custom_col_40 {
  width: 40%;
}

.portfolio_metro_gallery {
  margin-left: 0;
  margin-right: 0;
  display: block;
  padding-bottom: 140px;
}

.portfolio_metro_gallery img {
  max-width: 100%;
}

.portfolio_metro_gallery .portfolio_info {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 112, 112, 0.9);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  z-index: 2;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
}

.portfolio_metro_gallery .portfolio_info .portfolio-title {
  font-size: 24px;
  font-family: cerebriSans;
  font-weight: 600;
}

.portfolio_metro_gallery .portfolio_info .portfolio-title span {
  transition: all 0.2s linear;
}

.portfolio_metro_gallery .portfolio_info .portfolio-cat,
.portfolio_metro_gallery .portfolio_info .portfolio-title {
  font-family: cerebriSans;
  color: #fff;
  overflow: hidden;
}

.portfolio_metro_gallery .portfolio_info .portfolio-cat span,
.portfolio_metro_gallery .portfolio_info .portfolio-title span {
  transform: translateY(100%);
  display: block;
  transition: all 0.2s linear;
}

.portfolio_metro_item:hover .portfolio_info {
  opacity: 1;
}

.portfolio_metro_item:hover .portfolio-cat span,
.portfolio_metro_item:hover .portfolio-title span {
  transform: translateY(0);
}

.portfolio_metro_item:hover .portfolio-cat span {
  transition: all 0.2s linear 0.2s;
}

/*=========== portfolio_area six css =============*/
/*=========== portfolio_area seven css =============*/
.portfolio_area_seven {
  padding-bottom: 100px;
}

.portfolio_seven_inner {
  margin-left: -8px;
  margin-right: -8px;
}

.portfolio_seven_inner .col-lg-4 {
  padding-left: 8px;
  padding-right: 8px;
}

.portfolio_seven_inner .portfolio_item .portfolio_content h3 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 5px;
}

.portfolio_seven_inner .portfolio_item .portfolio_content a {
  color: #899097;
  font-size: 16px;
  line-height: 24px;
}

/*=========== portfolio_area seven css =============*/
/*=========== portfolio_details_area css =============*/
.portfolio_details_area {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.portfolio_details_area .portfolio_details_left {
  width: calc(50% + 215px);
}

.portfolio_details_area .portfolio_details_left.sticky {
  display: flex;
  justify-content: flex-end;
}

.portfolio_details_area .portfolio_details_left.sticky .portfolio_details_info {
  position: fixed;
  top: 0;
}

.portfolio_details_area .portfolio_details_left .portfolio_details_info {
  padding-right: 330px;
  max-width: 800px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 200px;
  border: 0px;
  position: inherit;
}

.portfolio_details_area .portfolio_details_right {
  width: calc(50% - 215px);
}

.portfolio_details_info {
  position: relative;
}

.portfolio_details_info h2 {
  font-size: 60px;
  line-height: 72px;
  color: #181b31;
  margin-bottom: 32px;
}

.portfolio_details_info p {
  font-size: 20px;
  color: #40464c;
  line-height: 32px;
  margin-bottom: 60px;
}

.pr_details_info li {
  font-size: 18px;
  color: #899097;
  font-weight: 400;
  padding: 22px 0px;
}

.pr_details_info li a {
  color: #899097;
}

.pr_details_info li a:hover {
  color: #ff4d6f;
}

.pr_details_info li span {
  font-weight: 600;
  text-transform: uppercase;
  color: #181b31;
  font-size: 15px;
  min-width: 130px;
  display: inline-block;
}

.pr_details_info li + li {
  border-top: 1px solid #e5e7eb;
}

.pr_details_item_img + .pr_details_item_img {
  margin-top: 10px;
}

.down_arrow {
  position: absolute;
  right: 60px;
  bottom: -30px;
  font-size: 30px;
  color: #40464c;
}

/*=========== portfolio_details_area css =============*/
/*=========== portfolio_details_pagination_area css =============*/
.portfolio_details_pagination_area {
  padding: 200px 0px 50px;
}

.pagination_btn {
  position: relative;
  display: block;
  z-index: 1;
  padding: 70px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s linear;
}

.pagination_btn .btn_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.2s linear;
}

.pagination_btn h6 {
  font-size: 18px;
  color: #899097;
  font-weight: 400;
  transition: color 0.2s linear;
}

.pagination_btn h3 {
  font-size: 36px;
  line-height: 42px;
  color: #181b31;
  font-weight: 400;
  margin-bottom: 45px;
  transition: color 0.2s linear;
}

.pagination_btn i {
  color: #181b31;
  transition: color 0.2s linear;
}

.pagination_btn:hover {
  border-color: transparent;
}

.pagination_btn:hover .btn_bg {
  opacity: 1;
  transition: all 0.4s linear;
}

.pagination_btn:hover h6,
.pagination_btn:hover h3,
.pagination_btn:hover i {
  color: #fff;
}

/*=========== portfolio_details_pagination_area css =============*/
/*=========== portfolio_details area two css =============*/
.portfolio_slider .item {
  padding: 0px 8px;
}

.portfolio_slider .item img {
  max-width: 100%;
}

.portfolio_slider .slick-arrow {
  z-index: 1;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #fff;
  font-size: 0px;
  text-align: center;
  transition: all 0.2s linear;
  top: 46.41%;
  opacity: 0;
}

.portfolio_slider .slick-arrow:before {
  color: #181b31;
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.portfolio_slider .slick-arrow:hover {
  background: #ff4d6f;
}

.portfolio_slider .slick-arrow:hover:before {
  color: #fff;
}

.portfolio_slider .slick-arrow.slick-prev {
  left: 305px;
}

.portfolio_slider .slick-arrow.slick-prev:before {
  content: '\e955';
}

.portfolio_slider .slick-arrow.slick-next {
  right: 305px;
}

.portfolio_slider .slick-arrow.slick-next:before {
  content: '\e956';
}

.portfolio_slider .slick-dots {
  bottom: 0;
  position: relative;
  margin-top: 15px;
}

.portfolio_slider .slick-dots li {
  margin: 0px 3px;
  width: auto;
  height: auto;
}

.portfolio_slider .slick-dots li button {
  padding: 0px;
  width: 6px;
  height: 6px;
}

.portfolio_slider .slick-dots li button:before {
  width: 6px;
  height: 6px;
  line-height: 6px;
  opacity: 1;
  color: #d1d1d6;
}

.portfolio_slider .slick-dots li.slick-active button:before {
  color: #181b31;
}

.portfolio_slider:hover .slick-arrow.slick-prev {
  left: 375px;
  opacity: 1;
}

.portfolio_slider:hover .slick-arrow.slick-next {
  right: 375px;
  opacity: 1;
}

.portfolio_details_content {
  padding: 100px 0px;
}

/*=========== portfolio_details area two  css =============*/
/*=========== portfolio_related_post_area  css =============*/
.portfolio_related_post_area {
  padding: 25px 0px 50px;
}

.portfolio_related_post_area h5 {
  text-transform: uppercase;
  font-size: 16px;
  color: #899097;
  letter-spacing: 0.8px;
  margin-bottom: 45px;
}

.portfolio_related_post_area .row {
  margin-left: -8px;
  margin-right: -8px;
}

.portfolio_related_post_area .row .col-lg-4 {
  padding-left: 8px;
  padding-right: 8px;
}

.portfolio_related_post_area .portfolio_item {
  margin-bottom: 0;
}

.portfolio_related_post_area .portfolio_item .portfolio_content h3 {
  font-size: 24px;
  margin-bottom: 0;
}

.portfolio_related_post_area .portfolio_item .portfolio_content p {
  font-size: 16px;
}

/*=========== portfolio_related_post_area css =============*/
/*=========== portfolio_details_info_area css =============*/
.portfolio_details_info_area .portfolio_details_info {
  border-bottom: 1px solid #e5e7eb;
  padding: 40px 0px;
}

.portfolio_details_info_area .portfolio_details_info .home_btn_hover {
  padding: 13px 54px;
  background: transparent;
  border: 1px solid #ff4d6f;
  color: #ff4d6f;
}

.portfolio_details_info_area .portfolio_details_info .home_btn_hover:after {
  background: #ff4d6f;
}

.portfolio_details_info_area .portfolio_details_info .home_btn_hover i {
  margin-left: 8px;
}

.portfolio_details_info_area .portfolio_details_info .home_btn_hover:hover {
  color: #fff;
}

.pr_details_info_two {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.pr_details_info_two li {
  width: calc(100% / 3);
  padding: 0px;
}

.pr_details_info_two li span {
  display: block;
}

.pr_details_info_two li + li {
  border: 0px;
}

/*=========== portfolio_details_info_area css =============*/
/*=========== portfolio_details_item_one css =============*/
.portfolio_details_item_one {
  padding: 150px 0px 0px;
}

.pr_title {
  font-size: 36px;
  letter-spacing: -0.9px;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 25px;
}

.portfolio_content_iner p,
.reception_content p {
  font-size: 20px;
  color: #40464c;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}

.details_img {
  margin-top: 150px;
}

.portfolio_details_item_two {
  text-align: center;
  padding: 150px 0px;
}

.portfolio_details_item_two .about_testimonail_content {
  padding-left: 0;
  max-width: 970px;
  margin: 0 auto;
}

.pr_gallery_row {
  margin-left: -5px;
  margin-right: -5px;
}

.pr_gallery_row .col-lg-6 {
  padding-left: 5px;
  padding-right: 5px;
}

.reception_content {
  max-width: 640px;
  margin: 0px auto;
  text-align: center;
  padding: 140px 0px;
}

.pr_social_icon_info {
  padding-top: 100px;
}

.pr_social_icon_info h6 {
  text-transform: uppercase;
  font-size: 12px;
  color: #899097;
  font-family: cerebriSans;
  font-weight: 400;
  letter-spacing: 1.2px;
  margin-bottom: 15px;
}

.pr_social_icon li {
  display: inline-flex;
  margin: 0px 4px;
}

.pr_social_icon li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 50%;
  text-align: center;
  background: #3b5999;
  color: #fff;
}

.pr_social_icon li:nth-child(2) a {
  background: #55acee;
}

.pr_social_icon li:nth-child(3) a {
  background: #bd081c;
}

.pr_social_icon li:nth-child(4) a {
  background: #0077b5;
}

/*=========== portfolio_details_item_one css =============*/
/*=========== portfolio_details_action_area css =============*/
.portfolio_details_action_area {
  padding: 150px 0px;
}

.pr_details_action {
  max-width: 570px;
  margin: 0 auto;
}

.pr_details_action .section_title h2 {
  font-size: 72px;
}

.pr_details_action .home_btn_hover {
  min-width: 230px;
}

/*=========== portfolio_details_action_area css =============*/
/*=========== portfolio_parallax_area css =============*/
.portfolio_parallax_area {
  position: relative;
  z-index: 1;
  padding: 192px 0px 175px;
}

.portfolio_parallax_area .overlay_bg {
  background: rgba(0, 0, 0, 0.3);
}

.parallax_text h5,
.parallax_text h2 {
  color: #fff;
}

.parallax_text h5 {
  font-size: 20px;
  letter-spacing: -0.1px;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 15px;
}

.parallax_text h2 {
  font-size: 72px;
  font-family: "Spectral", serif;
}

/*=========== portfolio_parallax_area css =============*/
/*=========== portfolio_details_banner_two css =============*/
.portfolio_details_banner_two {
  position: relative;
  padding: 250px 0px 50px;
}

.portfolio_details_banner_two .pr_details_info_two {
  max-width: 770px;
  margin: 70px auto 0px;
  text-align: center;
}

.portfolio_details_banner_two .pattern_img {
  position: absolute;
  top: 0;
  left: 0;
}

.pr_details_item {
  text-align: center;
  position: relative;
}

.pr_details_item .strock {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 100%;
}

.pr_item_w {
  max-width: 770px;
  margin: 0 auto;
  display: block;
}

.strock {
  font-size: 120px;
  letter-spacing: -11.25px;
  font-family: "Spectral", serif;
  -webkit-text-stroke: 1px #181b31;
  -webkit-text-fill-color: transparent;
}

/*=========== portfolio_details_banner_two css =============*/
/*=========== portfolio_details_content area css =============*/
.portfolio_details_content_area {
  padding-top: 140px;
}

.portfolio_details_content_area .portfolio_content_iner {
  width: 490px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 140px;
}

.portfolio_details_gallery .parallax_text {
  margin-top: 190px;
}

.portfolio_details_gallery .parallax_text h5 {
  color: #899097;
}

/*=========== portfolio_details_content area css =============*/
/*=========== hotel_room_details_area css =============*/
.hotel_room_details_area {
  padding: 200px 100px 250px;
}

.hotel_room_details_area .row {
  margin-left: -10px;
  margin-right: -10px;
}

.hotel_room_details_area .row .col-lg-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.hotel_room_details_area .luxery_hotel_title {
  margin-bottom: 160px;
}

.hotel_btn {
  padding-top: 0;
  border-top: 0px;
  border-bottom: 1px solid #131a1d;
  margin-top: 140px;
}

.hotel_btn:before {
  bottom: -1px;
  height: 1px;
  top: auto;
  background: #b59872;
}

.hotel_btn .agency_learn_btn {
  color: #131a1d;
  font-size: 30px;
  font-weight: 400;
  transition: color 0.3s linear;
}

.hotel_btn .agency_learn_btn:before {
  color: #b59872;
}

.hotel_btn:hover .agency_learn_btn {
  color: #b59872;
}

.hotel_btn:hover .agency_learn_btn i {
  color: #b59872;
}

.hotel_room_item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
}

.hotel_room_item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  transition: opacity 0.2s linear;
  z-index: 1;
}

.hotel_room_item img {
  max-width: 100%;
  transition: all 0.9s;
  position: relative;
  z-index: 0;
}

@media (min-width: 1922px) {
  .hotel_room_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.hotel_room_item .room_details {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-9%);
  overflow: hidden;
  transition: all 0.3s linear;
  z-index: 2;
}

.hotel_room_item .room_details .hover_content {
  padding-left: 45px;
  padding-right: 45px;
  text-align: center;
}

.hotel_room_item .room_details h3,
.hotel_room_item .room_details p {
  color: #fff;
}

.hotel_room_item .room_details h3 {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -1.8px;
  font-family: "Spectral", serif;
  margin-bottom: 15px;
}

.hotel_room_item .room_details .br_bottom {
  width: 0px;
  height: 1px;
  background: #b59872;
  display: block;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.2s, width 0.8s;
}

.hotel_room_item .room_details p {
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 0;
  font-family: cerebriSans;
  font-weight: 300;
  padding-top: 40px;
  transition: all 0.4s;
  opacity: 0;
  transform: translateY(100%);
}

.hotel_room_item:hover:before {
  opacity: 0.7;
}

.hotel_room_item:hover img {
  transform: scale(1.05);
}

.hotel_room_item:hover .room_details {
  transform: translateY(-50%);
}

.hotel_room_item:hover .room_details p {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s;
}

.hotel_room_item:hover .room_details .br_bottom {
  opacity: 1;
  height: 1px;
  width: 50px;
}

/*=========== hotel_room_details_area css =============*/
/*=========== hotel_instagram_area css =============*/
.hotel_instagram_area {
  padding: 190px 0px 100px;
}

/*=========== hotel_instagram_area css =============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========== h_testimonial_area css ==========*/
.h_testimonial_area {
  position: relative;
  background: #f7f8f9;
  z-index: 1;
  padding-bottom: 140px;
  margin-top: 160px;
}

.h_testimonial_area .a_title {
  color: #460ec6;
  margin-bottom: 22px;
  text-align: center;
}

.h_testimonial_thumb {
  max-width: 1030px;
  margin: 0px auto;
  position: relative;
  top: -55px;
}

.h_testimonial_thumb .slick-list {
  overflow: visible;
}

.h_testimonial_thumb .slick-list .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}

.h_testimonial_thumb .item {
  cursor: pointer;
}

.h_testimonial_thumb .item .item_img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  overflow: hidden;
  padding: 2px;
  margin: 0 auto;
  transition: all 0.2s linear;
  box-shadow: 0px 30px 70px 0px #dedfe7;
}

.h_testimonial_thumb .item .item_img img {
  max-width: 100%;
  border-radius: 50%;
}

.h_testimonial_thumb .item:nth-child(even) {
  margin-top: 90px;
}

.h_testimonial_thumb .item:nth-child(even) .item_img {
  width: 70px;
  height: 70px;
}

.h_testimonial_thumb .item:nth-child(3) .item_img, .h_testimonial_thumb .item:nth-child(6) .item_img {
  width: 100px;
  height: 100px;
}

.h_testimonial_thumb .item:nth-child(2) {
  margin-top: 150px;
}

.h_testimonial_thumb .item:nth-child(3) {
  margin-top: 10px;
}

.h_testimonial_thumb .item:nth-child(5) {
  margin-top: -50px;
}

.h_testimonial_thumb .item.slick-current .item_img {
  background: #ff3f63;
}

.h_testimonial_slider {
  max-width: 770px;
  margin: 0 auto;
  text-align: center;
}

.h_testimonial_slider h2 {
  font-size: 60px;
  font-family: "Spectral", serif;
  line-height: 70px;
  letter-spacing: -4.5px;
  color: #181b31;
}

.h_testimonial_slider .testimonial_author {
  padding-top: 22px;
}

.h_testimonial_slider .testimonial_author h6 {
  font-size: 20px;
  color: #181b31;
  font-weight: 600;
  margin-bottom: 5px;
}

.h_testimonial_slider .testimonial_author .position {
  color: #899097;
  font-family: cerebriSans;
  font-size: 16px;
  line-height: 1;
}

/*========== h_testimonial_area css ==========*/
/*========== agency_testimonial_area css ==========*/
.agency_testimonial_area {
  padding: 135px 0px 100px;
}

.agency_testimonial_slider {
  max-width: 770px;
  margin: 0 auto;
  text-align: center;
}

.agency_testimonial_slider .item {
  position: relative;
  padding-top: 30px;
  z-index: 1;
}

.agency_testimonial_slider .item:before {
  content: "";
  position: absolute;
  background: url("../img/agency/testimonial_shap.png") no-repeat scroll center top;
  width: 250px;
  height: 250px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
}

.agency_testimonial_slider .item .a_title {
  line-height: 72px;
}

.agency_testimonial_slider .item h3 {
  font: 600 36px/54px "canada-type-gibson", sans-serif;
  letter-spacing: -0.36px;
  color: #181b31;
}

.agency_testimonial_slider .item .testimonial_author {
  padding-top: 35px;
}

.agency_testimonial_slider .item .testimonial_author .testimonial_img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 auto 18px;
  overflow: hidden;
}

.agency_testimonial_slider .item .testimonial_author h6 {
  font: 500 18px/30px "neue-haas-unica";
  color: #181b31;
  margin-bottom: 0;
}

.agency_testimonial_slider .item .testimonial_author .position {
  font: 400 16px/22px "neue-haas-unica";
  color: #899097;
}

.a_title {
  font: 600 14px "canada-type-gibson", sans-serif;
  text-transform: uppercase;
  color: #ff3f63;
  letter-spacing: 1.4px;
  margin-bottom: 0;
}

/*========== agency_testimonial_area css ==========*/
/*========== agency_action_area css ==========*/
.agency_action_area {
  padding: 100px 0px;
  position: relative;
  z-index: 1;
}

.agency_action_area .layer {
  position: relative !important;
}

.agency_action_area .left_img,
.agency_action_area .right_img {
  position: absolute;
  top: 20px;
  z-index: -1;
}

.agency_action_area .left_img {
  left: 260px;
}

.agency_action_area .right_img {
  right: 260px;
}

.agency_action_content {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.agency_action_content h2 {
  margin-bottom: 0;
}

.agency_action_content p {
  margin-top: 18px;
}

.agency_action_content .agency_btn {
  margin-top: 60px;
}

/*========== agency_action_area css ==========*/
/*========== counter_number_area css ==========*/
.counter_number_area {
  padding: 100px 0px;
}

.counter_inner {
  max-width: 970px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.counter_inner .counter_item {
  width: calc(100% / 4);
}

.counter_inner .counter_item .odometer_content {
  font: 500 30px "DM Sans", sans-serif;
  color: #6c21e9;
}

.counter_inner .counter_item .odometer_content h3 {
  letter-spacing: 0.8px;
  margin-bottom: 0;
  font-size: inherit;
}

.counter_inner .counter_item p {
  font: 300 16px/24px "neue-haas-unica";
  color: #8a919a;
  margin-bottom: 0;
}

/*========== counter_number_area css ==========*/
/*========== saas_intrigration_area css ==========*/
.saas_intrigration_area {
  padding: 50px 0px 100px;
}

.intrigration_inner {
  display: flex;
  flex-wrap: wrap;
}

.intrigration_inner .intrigration_item {
  width: calc(100% / 6);
  text-align: center;
  margin-top: 15px;
  transition: all 0.2s linear;
  display: inline;
  position: relative;
}

.intrigration_inner .intrigration_item .intrigration_img {
  border-radius: 5px;
  background: white;
  box-shadow: 0px 10px 70px 0px #eff0f6;
  padding: 36px 0px;
  transition: all 0.3s linear;
  width: 100%;
}

.intrigration_inner .intrigration_item .intrigration_img p {
  font-size: 18px;
  font-weight: 600;
  padding-top: 10px;
}

.intrigration_inner .intrigration_item .intrigration_img:hover {
  transform: scale(1.1);
  box-shadow: 5px 30px 110px 0px #eff0f6;
  z-index: 9;
  position: absolute;
}

.intrigration_inner .intrigration_item img {
  line-height: 70px;
}

.intrigration_inner .intrigration_item p {
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  color: #2b3646;
  margin-bottom: 0;
  text-transform: capitalize;
  margin-top: 18px;
}

/*========== saas_intrigration_area css ==========*/
/*========== saas_testimonial_area css ==========*/
.saas_testimonial_area {
  padding-top: 85px;
}

.saas_testimonial_area .slick-prev {
  display: none !important;
}

.saas_testimonial_area .container {
  position: relative;
}

@media (min-width: 992px) {
  .saas_testimonial_area .container {
    max-width: 970px;
  }
}

.saas_testimonial_area .slider_nav {
  position: absolute;
  right: 15px;
  bottom: 8px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  color: #8a919a;
  cursor: pointer;
  transition: all 0.2s linear;
}

.saas_testimonial_area .slider_nav:hover {
  background: #695fff;
  color: #fff;
}

.saas_testimonial_area .section_saas_title {
  margin-bottom: 20px;
}

.saas_testimonial_inner {
  width: calc(50% + 595px);
  margin-right: 0;
  margin-left: auto;
  overflow: hidden;
}

.saas_testimonial_inner .slick-list {
  padding-left: 0px !important;
}

.saas_testimonial_inner .testimonial_slider {
  margin-left: -15px;
}

.saas_testimonial_inner .item {
  padding: 40px 0px 40px 40px;
}

.saas_testimonial_inner .item .saas_testimonial_item {
  border-radius: 20px;
  box-shadow: 0px 5px 30px 0px rgba(235, 237, 239, 0.4);
  background: #fff;
  padding: 65px 170px 65px 65px;
  position: relative;
}

.saas_testimonial_inner .item .saas_testimonial_item:before {
  content: "\e94b";
  font-family: "icomoon" !important;
  position: absolute;
  right: 65px;
  top: 75px;
  font-size: 40px;
  color: #63f3d6;
}

.saas_testimonial_inner .item .saas_testimonial_item p {
  color: #2b3646;
  font-size: 22px;
  font-weight: 300;
  line-height: 36px;
  font-family: "neue-haas-unica";
  font-style: italic;
  letter-spacing: 0.22px;
}

.saas_testimonial_inner .item .saas_testimonial_item .media {
  align-items: center;
  padding-top: 35px;
}

.saas_testimonial_inner .item .saas_testimonial_item .round_img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin-right: 15px;
}

.saas_testimonial_inner .item .saas_testimonial_item .name {
  font: 500 18px "DM Sans", sans-serif;
  letter-spacing: -0.18px;
  color: #2b3646;
}

.saas_testimonial_inner .item .saas_testimonial_item .position {
  font: 300 16px "neue-haas-unica";
  color: #8a919a;
}

/*========== saas_testimonial_area css ==========*/
/*========== startup_clients_logo css ==========*/
.startup_clients_logo_area {
  padding: 50px 0px 100px;
}

.startup_clients_logo_inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -70px;
}

.startup_clients_logo {
  width: calc(100% / 5);
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}

.startup_clients_logo img {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
}

.startup_clients_logo img + img {
  top: 150%;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  position: absolute;
}

.startup_clients_logo:hover img {
  opacity: 1;
  transform: translateY(-100%);
}

.startup_clients_logo:hover img + img {
  top: 0;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0%);
}

/*========== startup_clients_logo css ==========*/
/*========== about_clients_logo_area css ==========*/
.about_clients_logo_area {
  padding: 150px 0px;
}

.about_clients_logo_area .section_title {
  margin-bottom: 80px;
}

/*========== about_clients_logo_area css ==========*/
/*========== startup_testimonial_area css ==========*/
.startup_testimonial_area {
  padding: 100px 0px 200px;
  position: relative;
}

.startup_slider_info .item h6 {
  font: 500 18px/30px "neue-haas-unica";
  color: #ff3a84;
  letter-spacing: 0.18px;
  margin-bottom: 15px;
}

.startup_slider_info .item h2 {
  font: 600 36px/50px "canada-type-gibson", sans-serif;
  letter-spacing: -0.36px;
  color: #222e3e;
}

.startup_slider_info .item .author {
  padding-left: 85px;
  position: relative;
  margin-top: 36px;
  padding-bottom: 5px;
}

.startup_slider_info .item .author:before {
  content: "\e94b";
  position: absolute;
  font-family: "icomoon" !important;
  left: 0;
  top: 6px;
  font-size: 50px;
  line-height: 31px;
  color: #e5e7ec;
  transform: rotate(180deg);
}

.startup_slider_info .item .author h5 {
  font: 600 20px/24px "canada-type-gibson", sans-serif;
  color: #222e3e;
  margin-bottom: 0;
}

.startup_slider_info .item .author .position {
  font: 400 16px/24px "neue-haas-unica";
  color: #5a6470;
  letter-spacing: 0.4px;
}

.slider_thumnill {
  margin-left: 140px;
  height: 100%;
  position: relative;
  height: 425px;
}

.slider_thumnill .slick-track,
.slider_thumnill .slick-list {
  height: 100%;
  transform: translate3d(0px, 0px, 0px) !important;
  width: auto !important;
}

.slider_thumnill .thumnill_item {
  border-radius: 50%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  position: absolute;
  padding: 0px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s linear;
}

.slider_thumnill .thumnill_item img {
  max-width: 100%;
  border-radius: 50%;
}

.slider_thumnill .thumnill_item:nth-child(1) {
  left: 0;
  top: 45%;
  transform: translateY(-50%);
}

.slider_thumnill .thumnill_item:nth-child(2) {
  right: 5px;
  top: 55px;
}

.slider_thumnill .thumnill_item:nth-child(3) {
  right: 5px;
  bottom: 105px;
}

.slider_thumnill .thumnill_item:nth-child(4) {
  width: 100px !important;
  height: 100px;
  top: 0;
  left: 100px;
}

.slider_thumnill .thumnill_item:nth-child(5) {
  width: 150px !important;
  height: 150px;
  left: 65px;
  bottom: 0;
}

.slider_thumnill .thumnill_item:nth-child(6) {
  right: 150px;
  top: 46%;
  transform: translateY(-50%);
}

.slider_thumnill .slick-current {
  border-color: #ff3a84;
  background: #ff3a84;
}

/*========== startup_testimonial_area css ==========*/
.app_clients_logo_area {
  margin-top: -75px;
  position: relative;
  z-index: 1;
}

.app_clients_logo_inner {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 50px 150px 0px #f6f4f6;
  padding: 48px 0px;
  margin-bottom: 0;
}

.app_clients_logo_inner .startup_clients_logo {
  margin-bottom: 0;
}

/*========== app_testimonial_area css ==========*/
.app_testimonial_area {
  padding: 180px 0px 200px;
  background-image: linear-gradient(0deg, #f9f9fa 0%, #faf9fa 90%);
}

.app_testimonial_area .app_title {
  padding-bottom: 90px;
}

.app_testimonial_inner {
  position: relative;
}

.app_testimonial_slider {
  max-width: 970px;
  margin: 0 auto;
}

.app_testimonial_slider .slick-list {
  padding-top: 70px;
}

.app_testimonial_slider .item {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 50px 150px 0px #f8f6f7;
  padding: 80px 100px;
  font-family: "neue-haas-unica";
  position: relative;
  z-index: 1;
}

.app_testimonial_slider .item ul li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transform: scale(0.2);
}

.app_testimonial_slider .item ul li:nth-child(1) {
  background: #ffdff9;
  left: 180px;
  top: 130px;
  transition: all 0.5s linear;
}

.app_testimonial_slider .item ul li:nth-child(2) {
  background: #d4f6e5;
  left: 278px;
  bottom: 140px;
  transition: all 0.5s 0.6s linear;
}

.app_testimonial_slider .item ul li:nth-child(3) {
  background: #dfe7ff;
  transition: all 0.5s 0.9s linear;
  right: 280px;
  top: 65px;
}

.app_testimonial_slider .item ul li:nth-child(4) {
  background: #fff2df;
  transition: all 0.5s 0.8s linear;
  right: 280px;
  bottom: 140px;
}

.app_testimonial_slider .item.slick-active ul li {
  opacity: 1;
  transform: scale(1);
}

.app_testimonial_slider .item .author_img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: -60px;
  left: 50%;
}

.app_testimonial_slider .item h3 {
  font-size: 30px;
  line-height: 48px;
  font-weight: 400;
  font-style: italic;
  color: #455880;
  margin-bottom: 38px;
}

.app_testimonial_slider .item .name {
  font-size: 20px;
  color: #33375c;
  font-weight: 500;
}

.app_testimonial_slider .item .position {
  font-size: 16px;
  font-weight: 400;
  color: rgba(69, 88, 128, 0.4);
}

.slider_arrow button {
  box-shadow: 0px 20px 50px 0px #f8f6f7;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: #455880;
  background: #fff;
  border: 0px;
  position: absolute;
  top: 50%;
  transition: color 0.2s linear;
  padding: 0px;
  z-index: 1;
}

.slider_arrow button:before {
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right, #ff9567 0%, #ff79b8 100%, #ff9567 100%);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s linear;
}

.slider_arrow button:hover {
  color: #fff;
}

.slider_arrow button:hover:before {
  opacity: 1;
}

.slider_arrow .next {
  right: 0;
}

/*============ app_get_started_area css ===========*/
.app_get_started_area {
  background-image: linear-gradient(90deg, #4b6acf 0%, #7f42d2 100%);
  padding: 83px 0px;
}

.app_get_started_inner {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.app_get_content h2,
.app_get_content p {
  font-family: "neue-haas-unica";
  color: #fff;
}

.app_get_content h2 {
  font-size: 48px;
}

.app_get_content p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

/*============ app_get_started_area css ===========*/
/*============ home_intregration_area css ===========*/
.home_intregration_area {
  padding: 100px 0px;
}

@media (min-width: 1200px) {
  .home_intregration_area .container {
    max-width: 1060px;
  }
}

.home_intregration_area .counter_inner {
  padding-top: 100px;
}

.home_intregration_area .counter_inner .counter_item .odometer_content {
  font-size: 30px;
  font-weight: 600;
  font-family: cerebriSans;
  color: #181b31;
}

.home_intregration_area .counter_inner .counter_item .odometer_content h3 {
  font-size: 30px;
  font-weight: 600;
  font-family: cerebriSans;
  color: #181b31;
}

.home_intregration_area .counter_inner .counter_item p {
  font-size: 18px;
  font-weight: 400;
  font-family: cerebriSans;
  color: #899097;
  padding-top: 5px;
}

/*============ home_intregration_area css ===========*/
/*============ restaurent_testimonial_area css ===========*/
.restaurent_testimonial_area {
  padding-bottom: 150px;
  padding-top: 120px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.restaurent_testimonial_slider {
  max-width: 770px;
  margin: 0 auto;
  text-align: center;
}

.restaurent_testimonial_slider h2 {
  color: #fff;
  font-family: Bagnard;
  font-size: 48px;
  line-height: 60px;
}

.restaurent_testimonial_slider h2 span {
  color: #e83622;
}

.restaurent_testimonial_slider .author_name {
  font-size: 24px;
  letter-spacing: 0.24px;
  color: #fff;
  font-family: futuraPtD;
  margin-top: 60px;
}

.restaurent_testimonial_slider .author_position {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.2px;
  color: #7a7a7a;
  text-transform: uppercase;
  margin-top: 2px;
}

/*============ restaurent_testimonial_area css ===========*/
/*============ food_deliver_area css ===========*/
.food_deliver_area {
  padding: 150px 0px;
}

.food_deliver_content {
  max-width: 470px;
  margin: 0 auto;
  text-align: center;
}

.food_deliver_content .r_title_heading {
  margin-bottom: 30px;
}

.food_deliver_content .startup_clients_logo_inner {
  margin-top: 70px;
}

.food_deliver_content .startup_clients_logo {
  width: calc(100% / 3);
}

.food_deliver_content .startup_clients_logo img {
  opacity: 1;
}

.food_deliver_content .startup_clients_logo img + img {
  opacity: 0.6;
}

/*============ food_deliver_area css ===========*/
/*============ restaurent_parallax_area css ===========*/
.restaurent_parallax_area {
  height: 600px;
  position: relative;
  z-index: 1;
  margin-top: 56px;
}

.restaurent_parallax_area .line_bg {
  top: -56px;
}

.restaurent_parallax_area .line_bg li {
  height: 112px;
}

/*============ restaurent_parallax_area css ===========*/
/*============ photography_testimonial_area css ===========*/
.photography_testimonial_area {
  padding: 100px 0px;
}

.photography_testimonial_area .container {
  position: relative;
}

.photography_testimonial_slider {
  max-width: 670px;
}

.photography_testimonial_slider .item {
  font-family: "GRIFTERB";
}

.photography_testimonial_slider .item h5 {
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.6px;
}

.photography_testimonial_slider .item h6 {
  font-size: 16px;
  color: #5a5a5a;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-top: 46px;
  margin-bottom: 0;
}

.photography_testimonial_slider .item h6 span {
  color: #fff;
}

.custome_nav {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.custome_nav .slick-arrow {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 22px;
  border: 1px dashed #585858;
  color: #fff;
  border-radius: 50%;
  transition: all 0.3s linear;
  cursor: pointer;
}

.custome_nav .slick-arrow:hover {
  background: #ff4d6f;
  border-color: #ff4d6f;
  color: #fff;
}

.custome_nav .slick-arrow.next {
  margin-top: 10px;
}

/*============ photography_testimonial_area css ===========*/
/*============ photography_clients_area css ===========*/
.photography_clients_area {
  padding: 100px 0px;
}

.photography_clients_area .outline_title {
  padding-left: 100px;
}

.photography_clients_logo_inner {
  margin-left: -3px;
  margin-right: -3px;
}

.photography_clients_logo_inner .col-lg-2 {
  padding-left: 3px;
  padding-right: 3px;
}

.photography_clients_logo_inner .p_clients_log_item {
  background: #1a1a1a;
  padding: 22px 0px;
}

.photography_clients_logo_inner .startup_clients_logo {
  width: 100%;
  margin-bottom: 0;
}

/*============ photography_clients_area css ===========*/
/*============ arch_testimonila_area css ===========*/
.arch_testimonila_area {
  padding: 170px 0px 150px;
}

.arch_testimonila_area .restaurent_testimonial_slider {
  max-width: 800px;
}

.arch_testimonila_area .restaurent_testimonial_slider i {
  font-size: 32px;
  color: #ff4e17;
  margin-bottom: 30px;
  display: block;
}

.arch_testimonila_area .restaurent_testimonial_slider h2 {
  color: #1a1a1a;
  font-family: "GRIFTERB";
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0.4px;
}

.arch_testimonila_area .restaurent_testimonial_slider .author_name {
  color: #1a1a1a;
  font-family: "GRIFTERB";
  font-size: 18px;
  margin-top: 50px;
}

.arch_testimonila_area .restaurent_testimonial_slider .author_position {
  font-size: 16px;
  color: #8a8a8a;
  font-family: "HelveticaLight";
  text-transform: capitalize;
  letter-spacing: 0.16px;
  margin-top: 5px;
}

/*============ arch_testimonila_area css ===========*/
/*============ const_testimonial_area css ===========*/
.const_testimonial_area {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 100px 0px 20px;
}

.const_testimonial_area .overlay_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  opacity: 0.3;
  z-index: -1;
}

.const_testimonial_area .const_title {
  margin-bottom: 40px;
}

.const_testimonial_slider {
  max-width: 770px;
  margin: 0 auto;
}

.const_testimonial_slider .item {
  text-align: center;
}

.const_testimonial_slider .item h3 {
  color: #fff;
  font-size: 36px;
  line-height: 56px;
  font-family: "neuzeit-grotesk";
}

.const_testimonial_thumbnil {
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  cursor: pointer;
}

.const_testimonial_thumbnil .slick-list {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.const_testimonial_thumbnil .slick-list .item .round_img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.3;
  transition: opacity 0.3s linear;
}

.const_testimonial_thumbnil .slick-list .item .content {
  width: 0px;
  opacity: 0;
  visibility: hidden;
  padding-top: 27px;
}

.const_testimonial_thumbnil .slick-list .item .content h4,
.const_testimonial_thumbnil .slick-list .item .content h6 {
  color: #fff;
  text-transform: uppercase;
}

.const_testimonial_thumbnil .slick-list .item .content h4 {
  font: 500 24px/24px "teko";
  margin-bottom: 5px;
}

.const_testimonial_thumbnil .slick-list .item .content h6 {
  font: 400 14px/24px "neuzeit-grotesk";
  letter-spacing: 0.7px;
}

.const_testimonial_thumbnil .slick-list .item.slick-current .round_img {
  opacity: 1;
}

.const_testimonial_thumbnil .slick-list .item.slick-current .content {
  width: 122px;
  opacity: 1;
  visibility: visible;
  margin-left: -25px;
}

.const_testimonial_thumbnil .slick-list .item.slick-current .content h4 {
  animation: fadeIn 0.4s linear both;
}

.const_testimonial_thumbnil .slick-list .item.slick-current .content h6 {
  animation: fadeInUp 0.3s linear both;
}

.const_testimonial_info {
  position: relative;
}

.const_slider_arrow .prev,
.const_slider_arrow .next {
  position: absolute;
  top: 30px;
  background: transparent;
  border: 0px;
  font-size: 18px;
  line-height: 60px;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: all 0.3s linear;
}

.const_slider_arrow .prev:hover,
.const_slider_arrow .next:hover {
  background: #ffc600;
  color: #222;
}

.const_slider_arrow .prev {
  left: 0;
}

.const_slider_arrow .next {
  right: 0;
}

/*============ const_testimonial_area css ===========*/
/*============ const_clients_logo_area css ===========*/
.const_clients_logo_area {
  background: #222;
  padding-bottom: 50px;
}

.const_clients_logo_area.sec_pad {
  padding: 100px 0px;
}

.const_clients_logo_area .startup_clients_logo_inner .startup_clients_logo {
  width: calc(100% / 6);
}

.const_action_info_area {
  background: #222;
}

.const_action_info_area .const_action_info {
  top: 0;
}

.const_action_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 60px 80px;
  align-items: center;
  position: relative;
  background-size: contain !important;
  z-index: 1;
  top: -100px;
}

.const_action_info .overlay_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  z-index: -1;
}

.const_action_info h2 {
  font-size: 60px;
  color: #fff;
  font-family: "teko";
  font-weight: 500;
}

/*============ const_clients_logo_area css ===========*/
/*============ travel_testimonial_area css ===========*/
.travel_testimonial_area {
  background: #f5f6f7;
  padding: 150px 0px;
}

.travel_testimonial_slider {
  margin-bottom: 100px;
}

.travel_testimonial_slider .item {
  font-family: "neuzeit-grotesk";
  padding-right: 70px;
}

.travel_testimonial_slider .item i {
  font-size: 38px;
  transform: rotate(180deg);
  display: inline-block;
  color: #dddddd;
  margin-bottom: 30px;
}

.travel_testimonial_slider .item h4 {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.travel_testimonial_slider .item .media {
  align-items: center;
  margin-top: 30px;
}

.travel_testimonial_slider .item .media img {
  border-radius: 50%;
  margin-right: 15px;
}

.travel_testimonial_slider .item .media .media-body .name {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #222;
}

.travel_testimonial_slider .item .media .media-body .place {
  font-size: 16px;
  letter-spacing: 0.16px;
  line-height: 20px;
  color: #8a8a8a;
}

.add {
  background: #fff;
  text-align: center;
  padding: 49px 10px 50px;
  border-radius: 5px;
  display: block;
}

/*============ travel_testimonial_area css ===========*/
/*============ travel_tour_area css ===========*/
.travel_tour_area {
  padding-top: 150px;
}

.travel_tour_area .travel_sec_title {
  margin-bottom: 50px;
}

.travel_tour_area .slider_arrow {
  text-align: right;
}

.travel_tour_area .prev,
.travel_tour_area .next {
  position: relative;
  border: 1px solid #dddddd;
  width: 48px;
  height: 48px;
  line-height: 45px;
  font-size: 13px;
  transition: all 0.3s linear;
}

.travel_tour_area .prev:before,
.travel_tour_area .next:before {
  background: #ff6969;
}

.travel_tour_area .prev:hover,
.travel_tour_area .next:hover {
  border-color: #ff6969;
  color: #fff;
}

.travel_tour_area .prev:hover:before,
.travel_tour_area .next:hover:before {
  opacity: 1;
}

.travel_tour_slider {
  margin-left: -5px;
  margin-right: -5px;
}

.travel_tour_slider .item {
  padding: 0px 5px;
}

.travel_tour_slider .item .travel_tour_item {
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
}

.travel_tour_slider .item .travel_tour_item:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.1));
}

.travel_tour_slider .item .travel_tour_item .discount {
  position: absolute;
  left: 50px;
  top: 50px;
  font-family: "neuzeit-grotesk";
  font-size: 30px;
  color: #ff6969;
  font-weight: 700;
  background: url("../img/travel/shap.png") no-repeat scroll center;
  width: 90px;
  height: 80px;
  line-height: 80px;
  text-align: center;
}

.travel_tour_slider .item .travel_tour_item img {
  max-width: 100%;
  width: 100%;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 50px 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-family: "neuzeit-grotesk";
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content h6,
.travel_tour_slider .item .travel_tour_item .travel_tour_content h3,
.travel_tour_slider .item .travel_tour_item .travel_tour_content .review,
.travel_tour_slider .item .travel_tour_item .travel_tour_content .discount_price {
  color: #fff;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content h6 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-weight: 700;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content h3 {
  font-size: 36px;
  font-weight: 700;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content .review {
  font-size: 16px;
  margin-bottom: 7px;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content .review .ratting:before {
  content: "\e91d \e91d \e91d \e91d";
  font-family: "icomoon" !important;
  font-size: 12px;
  color: #ffcb3e;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content .discount_price {
  font-size: 18px;
  font-weight: 700;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content .discount_price .price {
  font-size: 24px;
  color: #ff6969;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content .travel_btn_two {
  background: #ff6969;
  color: #fff;
  border: 0px;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content .travel_btn_two:after {
  background: #fff;
}

.travel_tour_slider .item .travel_tour_item .travel_tour_content .travel_btn_two:hover {
  color: #181b31;
}

/*============ travel_tour_area css ===========*/
/*============ corporate_clients_area css ===========*/
.corporate_clients_area .startup_clients_logo_inner {
  box-shadow: none;
  background: #f5f8f7;
  padding: 72px 20px;
  margin-bottom: 0;
}

.corporate_clients_area .startup_clients_logo_inner .startup_clients_logo {
  width: calc(100% / 4);
  margin-bottom: 0;
}

/*============ corporate_clients_area css ===========*/
/*============ corporate_testimonial_area css ===========*/
.corporate_testimonial_area {
  padding: 150px 0px;
}

.corporate_testimonial_item img {
  border-radius: 50%;
  margin-right: 30px;
}

.corporate_testimonial_item .media-body p {
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -0.24px;
  font-family: ProximaNovaR;
  margin-bottom: 35px;
}

.corporate_testimonial_item .media-body .name {
  font-size: 20px;
  line-height: 24px;
  font-family: ProximaNovaB;
  color: #2f3534;
}

.corporate_testimonial_item .media-body .position {
  font-size: 16px;
  color: #636968;
  font-family: ProximaNovaR;
}

/*============ corporate_testimonial_area css ===========*/
/*============ event_sponsor_area css ===========*/
.event_sponsor_area {
  padding: 90px 0px 30px;
}

.event_sponsor_area .event_btn {
  margin-top: 95px;
}

/*============ event_sponsor_area css ===========*/
/*============ education_clients_area css ===========*/
.education_clients_area {
  background: #f3f3f3;
}

.education_clients_info {
  background: #dde3d7;
  padding: 85px 70px;
  display: flex;
  flex-wrap: wrap;
}

.education_clients_info .education_clients_content {
  flex: 0 0 80%;
  font-size: 36px;
  line-height: 45px;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  color: #2e3337;
  padding: 0px 160px 0px 100px;
  position: relative;
}

.education_clients_info .education_clients_content:before {
  content: "\e94b";
  font-family: "icomoon" !important;
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 50px;
  transform: rotate(180deg);
  color: #7d9e52;
}

.education_clients_info .education_clients_profile {
  flex: 0 0 20%;
  text-align: center;
}

.education_clients_info .education_clients_profile .profile_img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 10px;
}

.education_clients_info .education_clients_profile h5 {
  font-size: 24px;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  color: #2e3337;
  margin-bottom: 0px;
}

.education_clients_info .education_clients_profile p {
  margin-bottom: 0;
  font-size: 16px;
  color: #2e3337;
  font-family: "neue-haas-unica";
  opacity: 0.7;
}

/*============ education_clients_area css ===========*/
/*============ education_video_area css ===========*/
.education_video_area {
  padding-left: 70px;
  padding-right: 70px;
}

.education_video_info {
  padding: 193px 0px;
}

.education_video_content h6 {
  font-size: 24px;
  font-family: "neue-haas-unica";
  color: #fff;
  margin-bottom: 22px;
}

.education_video_content h2 {
  font-size: 72px;
  line-height: 72px;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: 40px;
}

.education_video_btn {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #35b7e1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.education_video_btn span {
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  border-width: 13.5px 0 13.5px 25px;
  transition: all 0.2s;
  border-color: transparent transparent transparent #fff;
}

.education_video_btn:hover {
  background: #fff;
}

.education_video_btn:hover span {
  border-left-color: #35b7e1;
}

/*============ education_video_area css ===========*/
/*============ shop_testimonial_area css ===========*/
.shop_testimonial_area {
  padding: 150px 0px;
}

.shop_testimonial_area .container {
  position: relative;
}

.shop_testimonial_slider {
  padding-left: 200px;
  padding-right: 200px;
  text-align: center;
}

.shop_testimonial_slider .author_img {
  width: 48px;
  border-radius: 50%;
  height: 48px;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 5px;
}

.shop_testimonial_slider .name {
  font-size: 14px;
  color: #9a9a9a;
  font-family: cerebriSans;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  margin-bottom: 38px;
}

.shop_testimonial_slider h2 {
  font-size: 36px;
  line-height: 48px;
  font-family: "Spectral", serif;
  letter-spacing: -1.8px;
  color: #222;
}

.shop_testimonial_slider .ratting {
  margin-top: 30px;
}

.shop_testimonial_slider .ratting:before {
  content: "\e944 \e944 \e944 \e944 \e944";
  font-family: "icomoon" !important;
  color: #222222;
  letter-spacing: 3px;
  font-size: 14px;
}

.slider_arrow_two .prev,
.slider_arrow_two .next {
  position: absolute;
  width: 48px;
  height: 48px;
  border: 1px solid #bbbbbb;
  text-align: center;
  font-size: 12px;
  line-height: 48px;
  border-radius: 50%;
  top: 55%;
  transform: translateY(-50%);
  color: #bbbbbb;
  transition: all 0.2s linear;
  cursor: pointer;
}

.slider_arrow_two .prev:hover,
.slider_arrow_two .next:hover {
  border-color: #222;
  color: #222;
}

.slider_arrow_two .prev {
  left: 15px;
}

.slider_arrow_two .next {
  right: 15px;
}

/*============ shop_testimonial_area css ===========*/
/*============ about_counter_area css ===========*/
.about_counter_area .counter_inner {
  padding: 70px 0px;
}

.about_counter_area .counter_inner .counter_item .odometer_content {
  color: #181b31;
  font-family: cerebriSans;
  font-weight: 400;
  font-size: 30px;
}

.about_counter_area .counter_inner .counter_item .odometer_content h3 {
  font-weight: 400;
}

.about_counter_area .counter_inner .counter_item p {
  font-size: 18px;
  color: #899097;
}

.about_counter_area .states_text {
  font-size: 30px;
  line-height: 48px;
  text-align: center;
  margin-bottom: 120px;
}

.about_counter_area_two {
  padding-bottom: 65px;
}

/*============ about_counter_area css ===========*/
/*============ about_testimonial_area css ===========*/
.about_testimonial_area {
  padding: 30px 0px 200px;
}

.about_testimonail_content {
  padding-left: 80px;
}

.about_testimonail_content h2 {
  font-size: 48px;
  font-family: "Spectral", serif;
  line-height: 60px;
  letter-spacing: -3.6px;
  color: #181b31;
  margin-bottom: 50px;
}

.about_testimonail_content .name {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: #181b31;
  font-family: cerebriSans;
  font-weight: 600;
}

.about_testimonail_content .position {
  font-family: cerebriSans;
  font-weight: 400;
  font-size: 16px;
  color: #899097;
}

/*============ about_testimonial_area css ===========*/
/*============ about_testimonial_area_two css ===========*/
.about_testimonial_area_two {
  padding: 40px 0px 150px;
}

.about_testimonial_area_two .about_testimonail_content {
  max-width: 770px;
  margin: 0 auto;
  text-align: center;
  padding-left: 0;
}

.about_testimonial_area_two .about_testimonail_content h2 {
  font-size: 60px;
  line-height: 70px;
  letter-spacing: -4.5px;
}

/*============ about_testimonial_area_two css ===========*/
/*============ hotel_testimonial_area css ===========*/
.hotel_testimonial_area {
  background: #131a1d;
  padding: 200px 0px 145px;
  position: relative;
  z-index: 1;
}

.hotel_testimonial_area .pattern_img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.hotel_testimonial_inner {
  max-width: 970px;
  margin: 0 auto;
}

.hotel_testimonial_inner .item {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.hotel_testimonial_inner .item .author_img {
  display: inline-block;
  position: relative;
}

.hotel_testimonial_inner .item .author_img:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #131a1d;
  opacity: 0.5;
  position: absolute;
}

.hotel_testimonial_inner .item .content {
  position: absolute;
  bottom: 132px;
  left: 0;
}

.hotel_testimonial_inner .item .content h3 {
  font-size: 48px;
  line-height: 1.2;
  color: #fff;
  letter-spacing: -2.4px;
  font-family: "Spectral", serif;
  font-weight: 300;
  margin-bottom: 30px;
}

.hotel_testimonial_inner .item .content .author_name {
  color: #b59872;
  font-size: 16px;
  font-family: cerebriSans;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1.6px;
}

.hotel_testimonial_inner .item .content .hotel_btn {
  border-bottom: 1px solid #fff;
  margin-top: 90px;
}

.hotel_testimonial_inner .item .content .hotel_btn .agency_learn_btn {
  color: #fff;
}

.hotel_testimonial_inner .item .content .hotel_btn:hover .agency_learn_btn {
  color: #b59872;
}

.hotel_testimonial_inner .slick-dots li {
  width: auto;
  height: auto;
  margin: 3px;
}

.hotel_testimonial_inner .slick-dots li button {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: 0 auto;
  padding: 0px;
  background: #3b4244;
  transition: all 0.2s linear;
}

.hotel_testimonial_inner .slick-dots li button:before {
  display: none;
}

.hotel_testimonial_inner .slick-dots li.slick-active button {
  background: #c4a986;
}

/*============ hotel_testimonial_area css ===========*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*=========== agency_team_area ============*/
.agency_team_area {
  padding: 35px 0px;
}

.agency_team_inner {
  padding-left: 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 100px;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.agency_team_inner:before {
  content: "";
  position: absolute;
  background: url("../img/agency/team_bg.png") no-repeat scroll center right;
  right: -40px;
  top: 20px;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.agency_team_inner li {
  padding: 5px;
}

.agency_team_inner li:nth-child(1) {
  width: 320px;
  margin-top: 100px;
}

.agency_team_inner li:nth-child(2) {
  width: 270px;
}

.agency_team_inner li:nth-child(3) {
  width: 220px;
}

.agency_team_inner li .agency_team_item {
  display: block;
}

.agency_team_inner li .agency_team_item img {
  max-width: 100%;
}

/*=========== home_team_area ============*/
.home_team_area {
  padding: 100px 0px 170px;
}

.home_team_area .h_text_btn {
  margin-top: 100px;
}

.home_team_inner {
  position: relative;
  height: 520px;
  margin-bottom: 0;
}

.home_team_inner li {
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
}

.home_team_inner li a {
  display: block;
  overflow: hidden;
  transition: all 0.2s linear;
}

.home_team_inner li:nth-child(1) {
  top: 0;
  left: 0;
}

.home_team_inner li:nth-child(2) {
  left: 100px;
  bottom: 50px;
}

.home_team_inner li:nth-child(3) {
  top: 120px;
  left: 325px;
}

.home_team_inner li:nth-child(4) {
  top: 40px;
  right: 325px;
}

.home_team_inner li:nth-child(5) {
  right: 0px;
  top: -50px;
}

.home_team_inner li:nth-child(6) {
  right: 225px;
  bottom: 0px;
}

.home_team_inner li:hover a {
  transform: scale(1.03);
}

/*============ corporate team area  css ==========*/
.corporate_team_area {
  padding: 120px 0px;
  background: #f5f8f7;
}

.corporate_team_area .corporate_title {
  margin-bottom: 90px;
}

.corporate_team_item:nth-child(even) {
  margin-top: 50px;
}

.corporate_team {
  text-align: center;
  overflow: hidden;
  margin-bottom: 92px;
}

.corporate_team .team_img {
  margin-bottom: 28px;
  overflow: hidden;
  display: block;
}

.corporate_team .team_img img {
  transition: all 0.2s linear;
}

.corporate_team h6 {
  font-size: 20px;
  font-family: ProximaNovaB;
  line-height: 24px;
  color: #2f3534;
  margin-bottom: 0;
  transition: color 0.2s linear;
}

.corporate_team h6:hover {
  color: #ff4d33;
}

.corporate_team p {
  margin-bottom: 0;
  font-size: 16px;
  color: #636968;
  line-height: 25px;
  font-family: ProximaNovaR;
  letter-spacing: 0.16px;
}

.corporate_team:hover .team_img img {
  transform: scale(1.03);
}

/*======== event_speaker_area =======*/
.event_speaker_area {
  padding: 100px 0px 120px;
}

.event_speaker_info {
  margin-left: -30px;
  margin-right: -30px;
}

.event_speaker_col {
  padding-left: 30px;
  padding-right: 30px;
}

.event_speaker_item {
  margin-bottom: 90px;
}

.event_speaker_item .speaker_img {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  display: block;
}

.event_speaker_item .speaker_img:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

.event_speaker_item .speaker_img img {
  max-width: 100%;
}

.event_speaker_item .content {
  font-family: cerebriSans;
  padding-top: 28px;
}

.event_speaker_item .content h5 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0px;
  transition: color 0.2s linear;
}

.event_speaker_item .content h5:hover {
  color: #f94f2b;
}

.event_speaker_item .content .position {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: -0.18px;
  color: #6f6995;
  margin-bottom: 0;
}

.event_speaker_item .content ul {
  margin-bottom: 0;
  margin-top: 33px;
}

.event_speaker_item .content ul li {
  display: inline-block;
  margin-right: 13px;
}

.event_speaker_item .content ul li a {
  font-size: 28px;
}

.event_speaker_item .content ul li a i {
  background-size: 78%;
  background-position: 51% 0;
  background-repeat: no-repeat;
}

.event_speaker_item .content ul li a i.fa-linkedin {
  color: #007bb5;
  background-image: linear-gradient(to bottom, transparent 18%, white 16%, white 89%, transparent 93%);
}

.event_speaker_item .content ul li a i.fa-instagram-square {
  color: #e02d69;
  background-image: linear-gradient(to bottom, transparent 18%, white 16%, white 89%, transparent 93%);
}

.event_speaker_item .content ul li a i.fa-github {
  color: #fff;
  background-image: linear-gradient(to bottom, transparent 18%, #171233 16%, #171233 89%, transparent 93%);
}

/*======== event_speaker_area =======*/
/*======== about_team_area =======*/
.about_team_area {
  background: #f7f8f9;
  padding: 120px 0px;
  position: relative;
  z-index: 1;
}

.team_item {
  text-align: center;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.team_item .team_img {
  overflow: hidden;
  display: block;
}

.team_item .team_img img {
  position: relative;
  transition: all 0.3s linear;
}

.team_item .content {
  padding: 35px 45px 30px;
  transition: all 0.3s linear;
}

.team_item .content h4 {
  color: #181b31;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 4px;
  transition: color 0.2s linear;
}

.team_item .content h4:hover {
  color: #ff4d6f;
}

.team_item .content .position {
  margin-bottom: 22px;
}

.team_item .content .position,
.team_item .content p {
  font-weight: 400;
  color: #899097;
  font-size: 18px;
}

.team_item .content ul {
  padding-top: 20px;
}

.team_item .content ul li {
  display: inline-block;
  margin: 0px 10px;
}

.team_item .content ul li a {
  font-size: 18px;
  color: #899097;
}

.team_item .content ul li a:hover {
  color: #ff4d6f;
}

.team_item:hover .team_img img {
  transform: scale(1.04);
}

.team_item:hover .content {
  box-shadow: 0px 30px 150px 0px rgba(239, 240, 246, 0.74);
}

/*======== about_team_area =======*/
/*======== team_area =======*/
.leader_team_item {
  margin-bottom: 70px;
}

.leader_team_item .content {
  padding-top: 27px;
}

.leader_team_item .content h4 {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.1px;
  color: #181b31;
  margin-bottom: 0;
  transition: color 0.2s linear;
}

.leader_team_item .content h4:hover {
  color: #ff4d6f;
}

.leader_team_item .content .position {
  font-weight: 400;
  font-size: 16px;
  color: #899097;
}

.skill_team_area {
  padding-top: 70px;
}

/*======== team_area =======*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============ keyframes animation  =============*/

@keyframes pulse {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes spin {
  0% {
    transform: translateX(-10px) scale(0.9);
  }
  100% {
    transform: translateX(30px) scale(1.3) translateY(10px);
  }
}

@keyframes spin1 {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.5);
  }
}

@keyframes spin2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(40px);
  }
}

@keyframes zoomOut {
  from {
    opacity: 0;
    transform: scale3d(1.3, 1.3, 1.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

@keyframes customslideDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

.customslideDown {
  animation-name: customslideDown;
}

@keyframes button_puls_animation {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes click_animation {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*=========== saas price area ============*/
.saas_price_area {
  margin-bottom: -10px;
  padding-top: 100px;
  position: relative;
  z-index: 0;
}

.saas_price_area .shap {
  position: absolute;
  left: 0;
  top: 180px;
  z-index: -1;
}

@media (min-width: 992px) {
  .saas_custom_container {
    max-width: 970px;
  }
}

.saas_pr_price {
  max-width: 370px;
  margin: 0 auto;
}

.saas_pr_price .price_head h2 {
  font: 500 36px/48px "DM Sans", sans-serif;
  letter-spacing: -0.35px;
  color: #2b3646;
}

.saas_pr_price .price_head p {
  font-size: 18px;
  color: #8a919a;
  letter-spacing: 0.45px;
}

.saas_pr_price .price {
  font-size: 100px;
  font-family: "DM Sans", sans-serif;
  line-height: 80px;
  font-weight: 500;
  color: #6c21e9;
  padding: 30px 0px 20px;
}

.saas_pr_price .price .doller {
  font-size: 48px;
  top: -38px;
}

.saas_pr_price .price sup {
  font-size: 24px;
  top: -54px;
}

.saas_pr_price p {
  font-family: "neue-haas-unica";
  font-weight: 300;
  color: #ff48a7;
  font-size: 16px;
}

.saas_pr_price .saas_btn {
  margin-top: 30px;
  padding: 8px 63px;
}

/*=========== saas price area ============*/
/*=========== stratup price area ============*/
.stratup_price_area {
  position: relative;
  padding-top: 48px;
  z-index: 1;
}

.stratup_price_area .startup_title {
  margin-bottom: 50px;
}

.stratup_price_area .startup_title h2 {
  font-size: 60px;
}

.stratup_price_area .startup_title h6 {
  font-size: 15px;
  color: #5a6470;
  font-weight: 400;
  padding-top: 10px;
}

.pricing_tab {
  text-align: center;
  margin-bottom: 50px;
  font: 500 16px "neue-haas-unica";
}

.pricing_tab .year_tab,
.pricing_tab .month_tab {
  transition: all 0.2s linear;
  color: #b8bbc0;
  cursor: pointer;
}

.pricing_tab .year_tab.active,
.pricing_tab .month_tab.active {
  color: #222e3e;
}

.pricing_tab .year_tab {
  color: #b8bbc0;
}

.pricing_tab .tab_switcher {
  height: 30px;
  width: 50px;
  border-radius: 45px;
  background: #929ba6;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  margin: 0px 10px;
  cursor: pointer;
}

.pricing_tab .tab_switcher:before {
  top: 50%;
  left: calc(100% - 25px);
  transform: translateY(-50%);
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 100%;
  background: #fff;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0px 5px 20px 0px rgba(94, 44, 237, 0.25);
}

.pricing_tab .tab_switcher.on:before {
  left: 5px;
}

.startup_tabcontent .row {
  margin-left: 0;
  margin-right: 0;
}

.startup_tabcontent .startup_price_item {
  background: #fff;
  box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  text-align: center;
  padding: 50px 60px 60px;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.startup_tabcontent .startup_price_item .price_head {
  border-bottom: 2px solid #e5e7ec;
  padding-bottom: 40px;
}

.startup_tabcontent .startup_price_item .price_head .p_tag {
  font: 500 12px/30px "neue-haas-unica";
  text-transform: uppercase;
  border-radius: 10px;
  background-color: rgba(255, 58, 132, 0.102);
  color: #ff3a84;
  display: inline-block;
  padding: 0 18px;
  margin-bottom: 20px;
}

.startup_tabcontent .startup_price_item .price_head h5 {
  font: 600 30px "canada-type-gibson", sans-serif;
  color: #222e3e;
  margin-bottom: 15px;
}

.startup_tabcontent .startup_price_item .price_head p {
  font: 400 16px/24px "neue-haas-unica";
  color: #5a6470;
}

.startup_tabcontent .startup_price_item .price_head .price {
  font: 600 48px "canada-type-gibson", sans-serif;
  margin-top: 42px;
  color: #222e3e;
}

.startup_tabcontent .startup_price_item .price_head .price sup {
  font-size: 25px;
  top: -15px;
}

.startup_tabcontent .startup_price_item .price_head .year {
  font: 400 16px/22px "neue-haas-unica";
  color: #5a6470;
}

.startup_tabcontent .startup_price_item ul {
  padding: 40px 0px;
  margin-bottom: 0;
}

.startup_tabcontent .startup_price_item ul li {
  font: 400 16px/36px "neue-haas-unica";
  letter-spacing: 0.4px;
  color: #5a6470;
}

.startup_tabcontent .startup_price_item .price_btn {
  font: 500 18px/36px "neue-haas-unica";
  color: #695fff;
  border-radius: 45px;
  padding: 11px 53px 13px;
  background: #f0efff;
  text-align: center;
  display: inline-block;
}

.startup_tabcontent .startup_price_item .price_btn:hover {
  background: #695fff;
  color: #fff;
}

.startup_tabcontent .startup_price_item .recommend {
  color: #695fff;
  font: 400 14px/30px "neue-haas-unica";
  letter-spacing: 0.35px;
  padding-top: 15px;
}

.startup_tabcontent .startup_price_item .recommend i {
  margin-right: 10px;
}

.startup_tabcontent .startup_price_item:nth-child(2) {
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
  z-index: 1;
}

.startup_tabcontent .active .startup_price_item {
  opacity: 1;
}

.startup_tabcontent .active .startup_price_item:nth-child(1) {
  animation: fadeInRight 0.3s linear;
}

.startup_tabcontent .active .startup_price_item:nth-child(2) {
  animation: fadeIn 0.1s linear;
}

.startup_tabcontent .active .startup_price_item:nth-child(3) {
  animation: fadeInLeft 0.3s linear;
}

/*=========== stratup price area ============*/
/*=========== const_facts_area area ============*/
.const_facts_area {
  padding: 145px 0px 140px;
}

.const_facts_content p {
  font-size: 20px;
  font-family: "neuzeit-grotesk";
  color: #222;
  line-height: 32px;
  margin-bottom: 25px;
}

.const_facts_content .const_fact_item {
  display: inline-block;
  margin-top: 35px;
  margin-right: 52px;
}

.const_facts_content .const_fact_item h2 {
  font-size: 48px;
  font-weight: 500;
  font-family: "teko";
  color: #ffc600;
  margin-bottom: 0;
}

.const_facts_content .const_fact_item p {
  font: 400 14px/30px "neuzeit-grotesk";
  color: #aaaaaa;
  text-transform: uppercase;
  margin-bottom: 0;
}

/*=========== const_facts_area area ============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*=========== home_subscribe_area css ============*/
.home_subscribe_area {
  background: #f7f8f9;
  padding: 100px 0px;
  position: relative;
  z-index: 1;
}

.home_subscribe_area p {
  font-size: 15px;
  color: #899097;
  opacity: 0.5;
  margin-top: 38px;
}

.home_subscribe_area .section_title h5 {
  color: #899097;
  font-size: 18px;
  font-weight: 400;
  text-transform: inherit;
  margin-bottom: 10px;
}

.home_subscribe_area .dot li {
  position: absolute;
  border-radius: 50%;
  z-index: -1;
}

.home_subscribe_area .dot li:nth-child(1) {
  background: #59e1f5;
  left: 335px;
  top: 40%;
  transform: translateY(-50%);
}

.home_subscribe_area .dot li:nth-child(2) {
  background: #be7fff;
  right: 335px;
  top: 32%;
}

.home_subscribe_area .dot li:nth-child(3) {
  background: #65d494;
  left: 208px;
  top: 46%;
  transform: translateY(-50%);
}

.home_subscribe_area .dot li:nth-child(4) {
  background: #8fa1ff;
  right: 208px;
  top: 46%;
  transform: translateY(-50%);
}

.home_subscribe_area .dot li:nth-child(5) {
  background: #ffd052;
  left: 280px;
  top: 30%;
}

.home_subscribe_area .dot li:nth-child(6) {
  background: #ff7474;
  right: 280px;
  top: 60%;
}

.home_subscribe_area .dot li:nth-child(1), .home_subscribe_area .dot li:nth-child(2) {
  width: 80px;
  height: 80px;
}

.home_subscribe_area .dot li:nth-child(3), .home_subscribe_area .dot li:nth-child(4) {
  width: 55px;
  height: 55px;
}

.home_subscribe_area .dot li:nth-child(5), .home_subscribe_area .dot li:nth-child(6) {
  width: 30px;
  height: 30px;
}

.home_subscribe_area .agency_action_content h2 {
  font-family: "Spectral", serif;
}

.home_subscribe_area .agency_action_content h5, .home_subscribe_area .agency_action_content p {
  font-family: cerebriSans;
}

.home_subscribe_area .agency_action_content p {
  font-size: 18px;
  color: #899097;
  margin-top: 30px;
  margin-bottom: 40px;
}

.home_subscribe_area .agency_action_content .home_btn_hover {
  padding: 12px 35px;
}

.pattern_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.home_subscribe_inner .form-control {
  border: 0px;
  border-radius: 3px;
  padding: 5px 30px;
  height: 64px;
  line-height: 63px;
  font-size: 16px;
  color: #222222;
  box-shadow: none;
}

.home_subscribe_inner .form-control.placeholder {
  color: #899097;
}

.home_subscribe_inner .form-control:-moz-placeholder {
  color: #899097;
}

.home_subscribe_inner .form-control::-moz-placeholder {
  color: #899097;
}

.home_subscribe_inner .form-control::-webkit-input-placeholder {
  color: #899097;
}

/*=========== home_subscribe_area css ============*/
/*=========== restaurent_facts_area css ============*/
.restaurent_facts_inner {
  background: #1b1b1b;
  border: 1px dashed #3e3e3e;
  display: flex;
  flex-wrap: wrap;
  padding: 41px 0px;
}

.restaurent_facts_inner .counter_item {
  width: calc(100% / 4);
}

.restaurent_facts_inner .counter_item .odometer_content h3 {
  font-size: 30px;
  font-family: Bagnard;
  color: #fff;
  margin-bottom: 5px;
}

.restaurent_facts_inner .counter_item p {
  color: #7a7a7a;
  font-size: 20px;
  font-family: futuraPtB;
  margin-bottom: 0;
}

/*=========== restaurent_facts_area css ============*/
/*=========== photography_instragram_area css ============*/
.photography_instragram_area {
  padding: 90px 0px;
}

.photography_instragram_area .outline_title {
  padding-left: 100px;
}

.pho_instragram_gallery {
  margin: -3px;
  display: flex;
  flex-wrap: wrap;
}

.pho_instragram_gallery .instragram_gallery_col {
  padding: 3px;
  width: calc(100% / 6);
}

.pho_instragram_gallery .instragram_gallery_col img {
  max-width: 100%;
  transition: all 0.4s linear;
  position: relative;
  z-index: -1;
}

.pho_instragram_gallery .instragram_gallery_col .instragram_gallery_item {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.pho_instragram_gallery .instragram_gallery_col .instragram_gallery_item:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 77, 111, 0.6);
  z-index: 0;
  opacity: 0;
  transition: all 0.3s linear;
}

.pho_instragram_gallery .instragram_gallery_col .instragram_gallery_item i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 25px;
  opacity: 0;
  transition: all 0.2s linear;
}

.pho_instragram_gallery .instragram_gallery_col .instragram_gallery_item:hover:before {
  opacity: 1;
}

.pho_instragram_gallery .instragram_gallery_col .instragram_gallery_item:hover img {
  transform: scale(1.03);
}

.pho_instragram_gallery .instragram_gallery_col .instragram_gallery_item:hover i {
  opacity: 1;
}

/*=========== photography_instragram_area css ============*/
/*=========== career_area css ============*/
.career_area {
  padding-bottom: 100px;
}

.career_content h2 {
  font-size: 40px;
  font-family: "GRIFTERB";
  line-height: 54px;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
}

.career_content p {
  margin-bottom: 0;
  font-family: "HelveticaLight";
}

.career_app_img {
  margin-top: -200px;
}

/*=========== career_area css ============*/
/*=========== travel_subscribe_area css ============*/
.travel_subscribe_area {
  position: relative;
  z-index: 1;
  padding: 110px 0px;
}

.travel_subscribe_area .travel_sec_title {
  margin-bottom: 30px;
}

.travel_subscribe_area .overlay_bg {
  background: rgba(124, 89, 89, 0.3);
}

.travel_subscribe_area p {
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  font-family: "neuzeit-grotesk";
  color: #fff;
  letter-spacing: 0.18px;
  margin-top: 15px;
}

.travel_subscribe_box {
  max-width: 770px;
  margin: 0 auto;
  position: relative;
}

.travel_subscribe_box .icon {
  position: absolute;
  top: 20px;
  left: 30px;
  color: #aaaaaa;
  margin-bottom: 0;
}

.travel_subscribe_box input {
  height: 70px;
  border-radius: 5px;
  padding-left: 70px;
  padding-right: 200px;
  font-size: 18px;
  font-weight: 400;
  color: #181b31;
  box-shadow: none;
  border: 0px;
}

.travel_subscribe_box input.placeholder {
  color: #aaaaaa;
}

.travel_subscribe_box input:-moz-placeholder {
  color: #aaaaaa;
}

.travel_subscribe_box input::-moz-placeholder {
  color: #aaaaaa;
}

.travel_subscribe_box input::-webkit-input-placeholder {
  color: #aaaaaa;
}

.travel_subscribe_box input:focus {
  outline: none;
  box-shadow: none;
}

.travel_subscribe_box .subscribe_btn {
  font-weight: 700;
  text-transform: uppercase;
  border: 0px;
  padding: 5px 42px;
  color: #fff;
  position: absolute;
  background: #ff6969;
  right: 0;
  top: 0;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.travel_subscribe_box .subscribe_btn:after {
  background: #fd5b5b;
}

/*=========== travel_subscribe_area css ============*/
/*=========== corporate_action_area css ============*/
.corporate_action_area {
  padding: 122px 0px;
  position: relative;
  z-index: 1;
}

.corporate_action_area .overlay_bg {
  background-image: linear-gradient(90deg, #ff4d33 0%, rgba(255, 77, 51, 0) 100%);
  opacity: 0.541;
}

.corporate_action_content {
  max-width: 520px;
}

.corporate_action_content h6,
.corporate_action_content h2 {
  color: #fff;
}

.corporate_action_content .corporate_title {
  margin-bottom: 40px;
}

/*=========== corporate_action_area css ============*/
/*=========== personal_subscribe_area css ============*/
.personal_subscribe_area {
  padding: 150px 0px;
}

/*=========== personal_subscribe_area css ============*/
/*=========== personal_instragram_area css ============*/
.personal_instragram_area {
  display: flex;
  flex-wrap: wrap;
  margin-left: -100px;
  margin-right: -100px;
}

.personal_instragram_area .item {
  width: calc(100% / 5);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.personal_instragram_area .item img {
  position: relative;
  z-index: -1;
  transition: all 0.2s linear;
}

.personal_instragram_area .item .hover_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 63, 9, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  opacity: 0;
  transition: opacity 0.3s linear;
  color: #fff;
}

.personal_instragram_area .item:hover img {
  transform: scale(1.03);
}

.personal_instragram_area .item:hover .hover_icon {
  opacity: 1;
}

/*=========== personal_instragram_area css ============*/
/*=========== personal_instragram_area css ============*/
.shop_subscribe_area {
  padding: 150px 0;
}

.shop_subscribe_area .shop_title h2 {
  font-size: 48px;
}

.shop_subscribe_form .form-control {
  padding-left: 0;
  border: 0px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 0px;
  height: auto;
  flex: 1;
}

.shop_subscribe_form .icon {
  left: 0;
}

.shop_subscribe_form .agency_learn_btn {
  background: transparent;
  border: 0px;
  font-size: 14px;
  font-family: cerebriSans;
  font-weight: 400;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #222;
  margin-left: 30px;
  padding: 0px;
  position: relative;
  line-height: 58px;
}

.shop_subscribe_form .agency_learn_btn:before {
  color: #aaa;
}

.shop_subscribe_form .agency_learn_btn:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  background: #222;
  width: 100%;
  height: 1px;
}

/*=========== personal_instragram_area css ============*/
/*=========== about_action_area css ============*/
.about_action_area {
  background: #323232;
  padding: 105px 0px;
  position: relative;
  z-index: 1;
}

.about_action_area .dot li {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.about_action_area .dot li:nth-child(1) {
  background: #59e1f5;
  left: 90px;
  top: 28%;
}

.about_action_area .dot li:nth-child(2) {
  background: #65d494;
  left: 20px;
  width: 55px;
  height: 55px;
  top: 55%;
}

.about_action_area .dot li:nth-child(3) {
  background: #ffd052;
  width: 30px;
  height: 30px;
  left: -18px;
  top: 40%;
}

.about_action_area .dot li:nth-child(4) {
  background: #be7fff;
  right: 90px;
  top: 35%;
}

.about_action_area .dot li:nth-child(5) {
  background: #8fa1ff;
  right: -30px;
  width: 55px;
  height: 55px;
  top: 42%;
}

.about_action_area .dot li:nth-child(6) {
  background: #ff7474;
  width: 30px;
  height: 30px;
  right: 50px;
  top: 65%;
}

.about_action_content h6 {
  font-family: cerebriSans;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -0.2px;
  color: #fff;
}

.about_action_content h2 {
  color: #fff;
  font-size: 48px;
  font-family: "Spectral", serif;
  color: #fff;
  margin-bottom: 35px;
}

.about_action_content .home_btn_hover {
  padding: 17px 44px;
}

.about_action_area_two {
  background: #f7f8f9;
}

.about_action_area_two .about_action_content h6 {
  color: #899097;
}

.about_action_area_two .about_action_content h2 {
  color: #181b31;
}

/*=========== about_action_area css ============*/
/*=========== about_call_action_area css ============*/
.about_call_action_area {
  position: relative;
  z-index: 1;
  background: #ffeff1;
  padding-bottom: 192px;
  margin-top: 75px;
}

.about_call_action_area:before {
  content: "";
  position: absolute;
  width: 220px;
  height: 100%;
  top: 0;
  left: 0px;
  background: #fff;
  z-index: -1;
}

.about_call_action_area .action_text {
  font-size: 36px;
  color: #40464c;
  line-height: 48px;
  max-width: 770px;
  margin: 0 auto;
  font-family: cerebriSans;
  font-weight: 400;
  text-align: center;
  letter-spacing: -0.9px;
  margin-top: 100px;
}

.about_call_action_area .home_btn_hover {
  font-weight: 400;
  font-size: 30px;
  text-align: center;
  padding: 40px 95px;
  border-radius: 0px;
  letter-spacing: -0.3px;
  margin-top: -75px;
}

.about_call_action_area .home_btn_hover i {
  display: block;
  font-size: 22px;
  margin-top: 18px;
}

/*=========== about_call_action_area css ============*/
/*=========== team_action_area css ============*/
.team_action_area {
  padding: 100px 0px 50px;
}

.team_action_area .portfolio_details_info h2 {
  margin-bottom: 50px;
}

.team_action_area .home_btn_hover {
  padding: 17px 50px;
}

.team_action_area .home_btn_hover i {
  margin-left: 15px;
}

/*=========== team_action_area css ============*/
/*=========== education_subscribe_area css ============*/
.education_subscribe_area {
  background: #393f44;
  padding: 44px 0px;
}

.education_subscribe_area .education_title {
  margin-bottom: 0px;
}

.education_subscribe_area .education_title h2 {
  color: #fff;
}

.event_subscribes.blog_comments .form-group {
  margin-bottom: 0px;
  margin-right: 10px;
}

.event_subscribes.blog_comments .form-group .form-control {
  border-radius: 0px;
  border: 1px solid #4d5357;
  background: #4d5357;
  color: #fff;
  font-weight: 300;
  width: 270px;
  transition: all 0.2s linear;
}

.event_subscribes.blog_comments .form-group .form-control.placeholder {
  color: #fff;
}

.event_subscribes.blog_comments .form-group .form-control:-moz-placeholder {
  color: #fff;
}

.event_subscribes.blog_comments .form-group .form-control::-moz-placeholder {
  color: #fff;
}

.event_subscribes.blog_comments .form-group .form-control::-webkit-input-placeholder {
  color: #fff;
}

.event_subscribes.blog_comments .form-group .form-control:focus, .event_subscribes.blog_comments .form-group .form-control.animated {
  box-shadow: none;
  border-color: #717579;
}

.event_subscribes.blog_comments .form-group .form-control:focus + label, .event_subscribes.blog_comments .form-group .form-control.animated + label {
  font-size: 12px;
}

.event_subscribes.blog_comments .form-group label {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.event_subscribes.blog_comments .form-group .education_learn_btn {
  height: 100%;
  border: 0px;
  background: #35b7e1;
  color: #fff;
  font-size: 18px;
  font-family: "neue-haas-unica";
  font-weight: 400;
  padding: 10px 42px;
}

.event_subscribes.blog_comments .form-group .education_learn_btn:after {
  background: #2e3337;
}

.event_subscribes.blog_comments .form-group:last-child {
  margin-right: 0;
}

/*=========== education_subscribe_area css ============*/
/*=========== hotel_subscription_area css ============*/
.hotel_subscription_area {
  background: #131a1d;
  padding: 190px 0px 200px;
  position: relative;
  z-index: 1;
}

.hotel_subscription_area .pattern_img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}

.hotel_subscription_area .luxery_hotel_title {
  max-width: 770px;
  margin-bottom: 65px;
}

.hotel_subscription_area .luxery_hotel_title h2 {
  color: #fff;
  margin-bottom: 35px;
}

.hotel_subscription_area .luxery_hotel_title h6 {
  margin-bottom: 0;
}

.hotel_subscribe_info {
  max-width: 770px;
  margin: 0 auto;
  text-align: center;
}

.hotel_subscribe_info .form-control {
  height: 64px;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 300;
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
}

.hotel_subscribe_info .form-control.placeholder {
  color: #787d7f;
}

.hotel_subscribe_info .form-control:-moz-placeholder {
  color: #787d7f;
}

.hotel_subscribe_info .form-control::-moz-placeholder {
  color: #787d7f;
}

.hotel_subscribe_info .form-control::-webkit-input-placeholder {
  color: #787d7f;
}

.hotel_subscribe_info .checkbox {
  display: inline-block;
  margin-bottom: 60px;
  margin-top: 45px;
}

.hotel_subscribe_info .checkbox input[type="checkbox"]:checked + .l_text:before {
  background: #b59872;
  border-color: #b59872;
}

.hotel_subscribe_info .checkbox .l_text {
  color: #fff;
  font-size: 18px;
}

.hotel_subscribe_info .checkbox .l_text:before {
  content: "";
  background: #fff;
  border: 1px solid #787d7f;
}

.hotel_subscribe_info .checkbox .l_text:after {
  left: 4px;
}

.hotel_subscribe_info .checkbox .l_text span {
  color: #fff;
}

.hotel_subscribe_info .home_btn_hover {
  background: #b59872;
  font-size: 16px;
  font-family: cerebriSans;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  padding: 18px 67px 16px;
}

.hotel_subscribe_info .home_btn_hover:after {
  background: #787d7f;
}

/*=========== hotel_subscription_area css ============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/**
 * /*===================== faq_banner_area css ================
 *
 * @format
 */
.faq_banner_area {
  position: relative;
  font-family: cerebriSans;
  font-weight: 400;
  background: #f7f8fa;
  z-index: 1;
  padding: 100px 0px;
}

.faq_banner_area .section_title {
  margin-bottom: 50px;
}

.faq_banner_area p {
  color: #40464c;
  margin-top: 65px;
}

.faq_search {
  max-width: 970px;
  margin: 0 auto;
  position: relative;
}

.faq_search .form-control {
  border: 0px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0px 30px 70px 0px #f1f2f6;
  font-size: 18px;
  color: #222;
  height: 80px;
  line-height: 75px;
  padding-left: 75px;
  position: relative;
}

.faq_search .form-control.placeholder {
  color: #899097;
}

.faq_search .form-control:-moz-placeholder {
  color: #899097;
}

.faq_search .form-control::-moz-placeholder {
  color: #899097;
}

.faq_search .form-control::-webkit-input-placeholder {
  color: #899097;
}

.faq_search .btn {
  padding: 0px;
  position: absolute;
  left: 30px;
  top: 26px;
  color: #383a4d;
  font-size: 20px;
  box-shadow: none;
}

.faq_search .btn:focus {
  outline: none;
}

/*===================== faq_banner_area css ================*/
/*===================== faq area css ================*/
.faq_area {
  padding: 150px 0px 70px;
}

.faq_area .row {
  margin-bottom: -160px;
}

.faq_inner {
  font-weight: 400;
  margin-bottom: 160px;
}

.faq_inner h2 {
  font-size: 30px;
  font-weight: 600;
  color: #181b31;
  margin-bottom: 38px;
}

.faq_inner .accordion .card {
  border: 0px;
  border-radius: 0px;
  border-top: 1px solid #dfe2e7;
  padding: 24px 0px;
}

.faq_inner .accordion .card:first-child {
  border-top: 0px;
  padding-top: 0;
}

.faq_inner .accordion .card .card-header {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  background: transparent;
}

.faq_inner .accordion .card .card-header button {
  padding: 0px;
  font-size: 20px;
  color: #ff4d6f;
  text-align: left;
  text-decoration: none;
  border: 0px;
  border-radius: 0px;
  background: transparent;
  padding-left: 30px;
  position: relative;
}

.faq_inner .accordion .card .card-header button:before {
  position: absolute;
  content: '\e900';
  left: 0;
  top: 2px;
  font-family: 'icomoon' !important;
  font-size: 16px;
}

.faq_inner .accordion .card .card-header button.collapsed {
  color: #40464c;
}

.faq_inner .accordion .card .card-body {
  color: #40464c;
  padding: 17px 0px 5px 30px;
}

.faq_area_two .faq_inner .accordion .card .collapse {
  display: block;
  height: 100%;
}

/*===================== faq area css ================*/
/*===================== hotel_resturents_tab_area css ================*/
.hotel_resturents_tab_area {
  background: #131a1d;
  padding: 200px 0px;
  position: relative;
  z-index: 1;
}

.hotel_resturents_tab_area .pattern_img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.hotel_tab {
  overflow-anchor: none;
}

.hotel_tab .card {
  background: transparent;
  border-radius: 0px;
  border: 0px;
}

.hotel_tab .card .card-header {
  padding: 0px;
  border-radius: 0px;
}

.hotel_tab .card .card-header button {
  width: 100%;
  text-align: left;
  border-radius: 0px;
  border: 0px;
  font-size: 48px;
  line-height: 65px;
  letter-spacing: -2.4px;
  color: #fff;
  font-family: "Spectral", serif;
  padding: 37px 0px 35px;
  font-weight: 300;
  text-decoration: none;
}

.hotel_tab .card .card-header button.collapsed {
  color: #787d7f;
}

.hotel_tab .card .card-body {
  padding-left: 0;
  padding-bottom: 38px;
  padding-top: 0;
  margin-top: -10px;
  padding-right: 0;
}

.hotel_tab .card .card-body p {
  font-size: 20px;
  line-height: 36px;
  color: #787d7f;
  font-family: cerebriSans;
  font-weight: 300;
}

.hotel_tab .card .card-body .agency_learn_btn {
  color: #787d7f;
  font-size: 18px;
  font-family: cerebriSans;
  font-weight: 300;
  margin-top: 28px;
}

.hotel_tab .card .card-body .agency_learn_btn i {
  font-size: 10px;
  color: #787d7f;
}

.hotel_tab .card .card-body .agency_learn_btn:before {
  color: #b59872;
}

.hotel_tab .card .card-body .agency_learn_btn:hover i {
  color: #b59872;
}

.hotel_tab .card + .card {
  border-top: 1px solid #31383b;
}

/*===================== hotel_resturents_tab_area css ================*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== agency_blog_area css =================*/
.agency_blog_area {
  padding: 100px 0px;
}

.agency_blog_area [class^=col-], .agency_blog_area [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.agency_blog_area .row {
  margin-left: -5px;
  margin-right: -5px;
}

.agency_blog_item img {
  border-radius: 5px;
}

.agency_blog_item .content {
  padding-top: 30px;
}

.agency_blog_item .a_title {
  margin-bottom: 10px;
}

.agency_blog_item .a_title:hover {
  color: #ff3f63;
}

.agency_blog_item h2 {
  font: 500 24px/30px "neue-haas-unica";
  color: #181b31;
  margin-bottom: 20px;
}

.agency_blog_item h2:hover {
  color: #ff3f63;
}

.agency_blog_item .p_time {
  color: #899097;
  font: 400 16px "neue-haas-unica";
}

/*============== agency_blog_area css =================*/
/*============== startup_news_area css =================*/
.startup_news_area {
  padding: 200px 0px 100px;
  position: relative;
}

.startup_news_area .shap_img.one {
  right: auto;
  left: 0;
  top: 100px;
}

.startup_news_area .startup_title {
  margin-bottom: 5px;
}

.s_news_item {
  align-items: center;
  padding: 50px 0px;
}

.s_news_item .startup_post_img {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 30px;
}

.s_news_item .startup_post_img img {
  max-width: 100%;
}

.s_news_item .media-body {
  display: flex;
  justify-content: space-between;
}

.s_news_item .media-body h4 {
  font: 600 24px/30px "canada-type-gibson", sans-serif;
  color: #222e3e;
  margin-bottom: 6px;
  transition: all 0.2s linear;
}

.s_news_item .media-body .date {
  font: 500 16px "neue-haas-unica";
  color: #b8bbc0;
  letter-spacing: -0.16px;
}

.s_news_item .media-body .text {
  max-width: 40%;
}

.s_news_item .media-body .description {
  display: flex;
  flex-wrap: wrap;
  max-width: 60%;
  padding-left: 60px;
}

.s_news_item .media-body p {
  font: 400 18px/32px "neue-haas-unica";
  color: #5a6470;
  letter-spacing: 0.45px;
  margin-bottom: 0;
  flex: 1;
}

.s_news_item .media-body .post_btn {
  margin-left: 50px;
}

.s_news_item:hover h4 {
  color: #695fff;
}

.s_news_item + .s_news_item {
  border-top: 2px solid #e5e7ec;
}

/*============== startup_news_area css =================*/
/*============== home_news_area css =================*/
.home_news_area {
  padding-bottom: 150px;
}

.home_news_features_item {
  background: #ffeff9;
  padding: 65px 100px;
  border-radius: 5px;
}

.home_news_features_item .news_features_content {
  font-family: cerebriSans;
}

.home_news_features_item .news_features_content h6 {
  font-size: 14px;
  line-height: 20px;
  color: #899097;
  letter-spacing: 0.72px;
  font-weight: 600;
  text-transform: uppercase;
}

.home_news_features_item .news_features_content h2 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.3px;
  color: #181b31;
  font-weight: 600;
  margin-bottom: 32px;
}

.home_news_features_item .news_features_content p {
  font-size: 20px;
  line-height: 32px;
  color: #40464c;
  font-weight: 400;
  letter-spacing: -0.2px;
  margin-bottom: 42px;
}

.home_news_features_item .news_features_img {
  text-align: center;
}

.home_news_list_inner {
  padding: 15px 100px 0px;
  margin-bottom: -50px;
}

.home_news_list_inner .home_news_list_item {
  padding: 50px 0px;
  cursor: pointer;
}

.home_news_list_inner .home_news_list_item .news_post_date {
  font-size: 24px;
  color: #181b31;
  font-weight: 600;
  text-align: center;
  background: #f7f8f9;
  padding: 30px 10px;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}

.home_news_list_inner .home_news_list_item .news_post_date span {
  font-weight: 400;
  color: #899097;
  font-size: 14px;
  display: block;
}

.home_news_list_inner .home_news_list_item .news_post_img {
  border-radius: 5px;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
}

.home_news_list_inner .home_news_list_item .news_post_img img {
  transition: opacity 0.2s linear;
}

.home_news_list_inner .home_news_list_item .media-body {
  display: flex;
  justify-content: space-between;
}

.home_news_list_inner .home_news_list_item .media-body .text {
  width: 60%;
}

.home_news_list_inner .home_news_list_item .media-body .news_tag {
  font-size: 12px;
  font-weight: 600;
  color: #899097;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.home_news_list_inner .home_news_list_item .media-body h3 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.24px;
  color: #181b31;
  font-weight: 600;
  transition: color 0.2s linear;
}

.home_news_list_inner .home_news_list_item .media-body .news_btn {
  font-size: 16px;
  color: #899097;
  font-weight: 400;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 170px;
  position: relative;
  overflow: hidden;
}

.home_news_list_inner .home_news_list_item .media-body .news_btn span {
  transition: all 0.2s linear;
}

.home_news_list_inner .home_news_list_item .media-body .news_btn .h_text_btn {
  position: absolute;
  white-space: nowrap;
  font-size: 16px;
  left: 0;
  transform: translateX(-100%);
}

.home_news_list_inner .home_news_list_item:hover .news_post_date {
  opacity: 1;
  visibility: visible;
}

.home_news_list_inner .home_news_list_item:hover .news_post_img img {
  opacity: 0;
}

.home_news_list_inner .home_news_list_item:hover .media-body h3 {
  color: #ff4d6f;
}

.home_news_list_inner .home_news_list_item:hover .media-body .news_btn span {
  transform: translateX(100%);
}

.home_news_list_inner .home_news_list_item:hover .media-body .news_btn .h_text_btn {
  transform: translateX(0);
}

.home_news_list_inner .home_news_list_item + .home_news_list_item {
  border-top: 1px solid #dfe2e7;
}

/*============== home_news_area css =================*/
/*============== arch_blog_area css =================*/
.arch_blog_area {
  background: #f9f9f9;
  padding: 80px 0px 140px;
}

.arch_blog_area .architecture_btn_border {
  margin-top: 80px;
}

.arch_blog_item {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  align-items: center;
  padding: 59px 0px;
}

.arch_blog_item + .arch_blog_item {
  border-top: 1px solid #aaaaaa;
}

.arch_blog_item .arch_post_date {
  width: 15%;
  padding: 0px 15px;
}

.arch_blog_item .arch_post_date h3 {
  font-size: 42px;
  font-family: "GRIFTERB";
  color: #1a1a1a;
}

.arch_blog_item .arch_post_date h3 span {
  font-family: "HelveticaLight";
  color: #8a8a8a;
  font-size: 14px;
  letter-spacing: 0.35px;
  display: block;
}

.arch_blog_item .post_content {
  width: 70%;
  padding: 0px 15px;
}

.arch_blog_item .post_content h3 {
  font-size: 24px;
  font-family: "GRIFTERB";
  color: #1a1a1a;
  letter-spacing: 0.6px;
  margin-bottom: 0;
  transition: all 0.2s linear;
}

.arch_blog_item .arch_blog_btn {
  width: 15%;
  text-align: right;
  padding: 0px 15px;
}

.arch_blog_item .arch_learn_btn {
  margin-top: 0;
}

.arch_blog_item .arch_learn_btn:before {
  text-align: left;
}

.arch_blog_item:hover .post_content h3 {
  color: #ff4e17;
}

/*============== arch_blog_area css =================*/
/*============== const_blog_area css =================*/
.const_blog_area {
  padding: 120px 0px 240px;
}

.const_blog_info {
  font-family: "neuzeit-grotesk";
}

.const_blog_info h2,
.const_blog_info h3 {
  color: #222;
  margin-bottom: 5px;
}

.const_blog_info .date {
  font-size: 14px;
  color: #aaaaaa;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.const_blog_info .construction_btn_two {
  margin-top: 70px;
  padding: 12px 42px 10px;
}

.const_blog_item h2 {
  font-size: 30px;
  margin-bottom: 5px;
  margin-top: 25px;
  transition: color 0.2s linear;
}

.const_blog_item:hover h2 {
  color: #ffc600;
}

.const_post_item {
  padding-right: 70px;
  align-items: center;
  margin-top: 45px;
  display: table;
}

.const_post_item img {
  margin-right: 30px;
}

.const_post_item h3 {
  font-size: 24px;
  transition: color 0.2s linear;
}

.const_post_item .media-body {
  display: table-cell;
  vertical-align: middle;
}

.const_post_item:hover h3 {
  color: #ffc600;
}

/*============== const_blog_area css =================*/
/*============== travel_blog_area css =================*/
.travel_blog_area {
  padding-bottom: 140px;
}

.travel_blog_item {
  font-family: "neuzeit-grotesk";
}

.travel_blog_item .blog_img {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 18px;
}

.travel_blog_item .category {
  font-size: 12px;
  font-weight: 700;
  color: #aaaaaa;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.travel_blog_item h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #181b31;
  margin-bottom: 18px;
  transition: all 0.2s linear;
}

.travel_blog_item p {
  letter-spacing: 0.18px;
  line-height: 30px;
  color: #8a8a8a;
  margin-bottom: 22px;
}

.travel_blog_item .post_date {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.14px;
  color: #aaaaaa;
}

.travel_blog_item:hover h3 {
  color: #ff6969;
}

/*============== travel_blog_area css =================*/
/*============== corporate_blog_area css =================*/
.corporate_blog_area {
  padding-bottom: 170px;
}

.corporate_blog_item {
  cursor: pointer;
}

.corporate_blog_item .content {
  border: 1px solid #ddebe8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 22px 30px 42px;
}

.corporate_blog_item .content .category {
  font-size: 12px;
  font-family: ProximaNovaB;
  text-transform: uppercase;
  color: #5ea998;
  letter-spacing: 0.6px;
  margin-bottom: 3px;
}

.corporate_blog_item .content h2 {
  font-size: 22px;
  line-height: 30px;
  color: #2f3534;
  font-family: ProximaNovaB;
  margin-bottom: 22px;
  transition: color 0.2s linear;
}

.corporate_blog_item .content .line {
  width: 30px;
  height: 1px;
  background: #5ea998;
  display: block;
  margin-bottom: 25px;
}

.corporate_blog_item .content p {
  font-size: 16px;
  line-height: 27px;
  color: #2f3534;
  font-family: ProximaNovaR;
  letter-spacing: 0.16px;
  margin-bottom: 22px;
}

.corporate_blog_item .content .d-flex {
  align-items: center;
}

.corporate_blog_item .content .agency_learn_btn {
  font-size: 16px;
  font-family: ProximaNovaB;
  color: #ff4d33;
}

.corporate_blog_item .content .agency_learn_btn:before {
  color: #2f3534;
}

.corporate_blog_item .content .agency_learn_btn:hover {
  color: #2f3534;
}

.corporate_blog_item .content .read_text {
  font-size: 14px;
  color: #636968;
  font-family: ProximaNovaR;
}

.corporate_blog_item:hover h2 {
  color: #ff4d33;
}

/*============== corporate_blog_area css =================*/
/*============== education_blog_area css =================*/
.education_life_area {
  background: #fff;
  position: relative;
  z-index: 1;
  padding-top: 468px;
}

.edeucation_life_item {
  cursor: pointer;
}

.edeucation_life_item h4 {
  font-size: 24px;
  font-family: "Zilla Slab", serif;
  color: #2e3337;
  font-weight: 600;
  margin-bottom: 25px;
  margin-top: 25px;
  transition: color 0.2s linear;
}

.edeucation_life_item p {
  font-size: 18px;
  line-height: 30px;
  color: #2e3337;
  font-family: "neue-haas-unica";
  margin-bottom: 24px;
}

.edeucation_life_item:hover h4 {
  color: #35b7e1;
}

/*============== education_blog_area css =================*/
/*============== blog_grid_area css =================*/
.blog_grid_area {
  padding: 150px 0px 120px;
}

.blog_grid_area .sticky .section_title {
  position: fixed;
  top: 0px;
  padding-bottom: 20px;
  transition: all 0.0s;
}

.blog_grid_area .section_title {
  transform: rotate(-180deg);
  writing-mode: vertical-rl;
  text-align: right;
  margin: 0;
}

.blog_grid_area .section_title h2 {
  text-transform: uppercase;
  margin: 0px;
}

.blog_grid_area .section_title p {
  font-size: 16px;
  margin: 0px 8px 0px 0px;
}

.blog_grid_row {
  margin-left: -35px;
  margin-right: -35px;
}

.blog_grid_row .blog_grid_col {
  padding-left: 35px;
  padding-right: 35px;
}

.blog_tag {
  font-size: 12px;
  color: #899097;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 4px;
}

.blog_tag:hover {
  color: #ff3f63;
}

.post_date {
  font-size: 14px;
  color: #899097;
  font-weight: 400;
  transition: color 0.2s linear;
}

.post_date:hover {
  color: #ff4d6f;
}

.blog_grid_item {
  margin-bottom: 100px;
}

.blog_grid_item .blog_content {
  padding-right: 50px;
  padding-top: 20px;
}

.blog_content h4 {
  font-size: 22px;
  line-height: 32px;
  color: #181b31;
  margin-bottom: 22px;
  transition: color 0.2s linear;
}

.blog_content h4:hover {
  color: #ff4d6f;
}

.blog_content p {
  font-size: 18px;
  line-height: 30px;
  color: #40464c;
  margin-bottom: 23px;
}

.blog_banner_title h2 {
  font-size: 72px;
  letter-spacing: -5.4px;
  line-height: 80px;
}

.blog_banner_area {
  padding: 130px 0px 50px;
  position: relative;
  z-index: 1;
}

.blog_banner_area .blog_banner_title h2 {
  font-size: 60px;
  line-height: 65px;
  font-weight: 600;
  letter-spacing: -3px;
  margin-bottom: 18px;
}

.blog_banner_area .blog_banner_title p {
  font-size: 24px;
  line-height: 36px;
  color: #40464c;
  font-style: italic;
  font-weight: 400;
  font-family: "Spectral", serif;
}

.blog_banner_area_two {
  padding: 140px 0px;
  position: relative;
  z-index: 1;
}

.blog_banner_area_two .overlay_bg {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, rgba(30, 34, 40, 0.2) 100%);
}

.blog_banner_title_w {
  max-width: 570px;
}

.blog_banner_title_w h6,
.blog_banner_title_w h2,
.blog_banner_title_w p,
.blog_banner_title_w h5 {
  color: #fff;
}

.blog_banner_title_w h2 {
  font-size: 72px;
  line-height: 80px;
  margin-bottom: 30px;
}

.blog_banner_title_w p {
  font-size: 24px;
  line-height: 36px;
  font-style: italic;
}

.blog_banner_area_three {
  padding: 270px 0px 100px;
}

.blog_banner_area_three .blog_banner_title p {
  margin-top: 23px;
}

.blog_banner_area_three .blog_banner_title .author .media-body .position {
  color: #899097;
}

/*============== blog_grid_area css =================*/
/*============== blog_grid_area_two css =================*/
.blog_grid_area_two {
  padding-bottom: 120px;
}

/*============== blog_grid_area_two css =================*/
/*============== blog_list_area css =================*/
.blog_list_area {
  padding: 120px 0px;
}

.blog_list_area .pagination {
  margin-top: 150px;
}

.blog_list_item {
  margin-bottom: 70px;
}

.blog_list_item:last-child {
  margin-bottom: 0;
}

.blog_list_item img {
  margin-right: 30px;
}

.blog_list_item .blog_content h4 {
  font-size: 24px;
  margin-bottom: 14px;
}

/*============== blog_list_area css =================*/
/*============== blog_list_area_two css =================*/
.blog_list_area_two {
  padding-bottom: 150px;
}

.blog_item {
  max-width: 970px;
  margin: 0 auto 140px;
}

.blog_item .blog_content {
  padding-top: 30px;
}

.blog_item .blog_content h4 {
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 24px;
}

.blog_item .blog_content p {
  font-size: 20px;
  line-height: 32px;
  padding-left: 150px;
  padding-right: 150px;
  margin-bottom: 0;
}

.post_tag_info li {
  display: inline-block;
}

.post_tag_info li a {
  font-size: 12px;
  color: #899097;
  font-weight: 600;
  font-family: cerebriSans;
  text-transform: uppercase;
}

.post_tag_info li + li:before {
  content: "";
  width: 4px;
  height: 2px;
  background: #899097;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 9px;
}

/*============== blog_list_area_two css =================*/
/*============== blog_fluid_area  css =================*/
.blog_fluid_area {
  padding-bottom: 150px;
}

.blog_fluid_area .blog_grid_row {
  margin-left: -60px;
  margin-right: -60px;
}

.blog_fluid_area .blog_grid_row .blog_grid_col {
  padding-left: 60px;
  padding-right: 60px;
}

.blog_fluid_area .blog_grid_item img {
  max-width: 100%;
}

.blog_fluid_area .blog_grid_item .blog_content {
  padding-right: 0;
  padding-top: 28px;
}

.blog_fluid_area .blog_grid_item .blog_content h4 {
  font-size: 24px;
  margin-bottom: 12px;
}

.blog_fluid_area .blog_grid_item .blog_content .post_tag_info {
  margin-bottom: 0;
}

/*============== blog_fluid_area  css =================*/
/*============== blog_details_area css =================*/
.blog_details_area {
  padding-bottom: 100px;
}

.blog_details_info {
  max-width: 770px;
  margin: 0 auto;
  padding-top: 100px;
}

.blog_details_content p {
  font-size: 18px;
  line-height: 36px;
  color: #40464c;
  font-weight: 400;
  margin-bottom: 34px;
}

.blog_details_content p span {
  float: left;
  font-size: 72px;
  line-height: 72px;
  color: #181b31;
  margin-right: 10px;
}

.blog_details_content h3 {
  font-size: 30px;
  font-weight: 600;
  color: #181b31;
  margin-bottom: 34px;
}

.blog_details_content h5 {
  font-size: 16px;
  color: #899097;
  font-weight: 400;
  margin-top: 28px;
}

.blog_details_content .blog_details_img {
  padding: 25px 0px 50px;
}

blockquote {
  text-align: center;
  line-height: 48px;
  padding-left: 120px;
  padding-right: 120px;
  position: relative;
  margin: 50px 0px 40px;
}

blockquote:before {
  content: "";
  position: absolute;
  width: 54px;
  height: 40px;
  background: url(../img/icon/quote.png) no-repeat left;
  left: 0;
  top: 5px;
}

blockquote h2 {
  font-weight: 600;
  font-family: "Spectral", serif;
  font-size: 36px;
  color: #ff4d6f;
  line-height: 48px;
  letter-spacing: -1.8px;
  margin-bottom: 20px;
}

blockquote .name {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 600;
}

.blog_details_gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  padding: 20px 0px 55px;
}

.blog_details_gallery .item_img {
  padding: 5px;
  width: calc(100% / 2);
}

.single_post_tag li {
  margin-right: 5px;
}

.single_post_tag li a {
  font-size: 11px;
  text-transform: uppercase;
  color: #899097;
  background: #eff0f3;
  border-radius: 45px;
  font-weight: 400;
  display: block;
  padding: 5px 12px;
  line-height: 15px;
  transition: all 0.2s linear;
}

.single_post_tag li a:hover {
  background: #181b31;
  color: #fff;
}

.social_icon {
  display: flex;
  font-size: 16px;
  color: #181b31;
}

.social_icon ul li {
  margin-left: 18px;
}

.social_icon ul li a {
  color: #c4c7cb;
}

.social_icon ul li a:hover {
  color: #ff4d6f;
}

.post-info-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
}

.author_post_info {
  margin-top: 60px;
}

.author_post_info h6 {
  font-size: 14px;
  color: #899097;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.author_post {
  align-items: center;
}

.author_post img {
  margin-right: 30px;
}

.author_post .media-body h4 {
  color: #181b31;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.author_post .media-body p {
  font-size: 18px;
  color: #899097;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 0;
}

.blog_related_post {
  margin-top: 100px;
}

.blog_title {
  font-size: 30px;
  font-weight: 600;
  color: #181b31;
  margin-bottom: 42px;
}

.comment_box {
  margin-bottom: 0;
}

.comment_box .post_comment {
  margin-top: 40px;
}

.comment_box .post_comment .author_post {
  align-items: flex-start;
}

.comment_box .post_comment .author_post .media-body {
  padding-right: 110px;
  position: relative;
}

.comment_box .post_comment .author_post .media-body h4 {
  font-size: 18px;
  margin-bottom: 8px;
}

.comment_box .post_comment .author_post .media-body p {
  font-size: 16px;
  color: #40464c;
}

.comment_box .post_comment .author_post .media-body .comment_reply {
  font-size: 10px;
  text-transform: uppercase;
  color: #899097;
  letter-spacing: 0.5px;
  border: 1px solid #dfe2e7;
  padding: 0px 12px;
  border-radius: 3px;
  position: absolute;
  right: 0;
  line-height: 23px;
  top: 32px;
  transition: all 0.2s linear;
  display: inline-block;
}

.comment_box .post_comment .author_post .media-body .comment_reply:hover {
  background: #181b31;
  border-color: #181b31;
  color: #fff;
}

.comment_box .post_comment .reply_comment {
  margin-left: 70px;
}

/*============== blog_details_area css =================*/
/*============== blog_comments_area css =================*/
.blog_comments_area {
  background: #f7f8f9;
  padding: 70px 0px;
}

.blog_comments_info {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

.blog_comments .form-group {
  margin-bottom: 10px;
  position: relative;
}

.blog_comments .form-group .form-control {
  border-radius: 3px;
  background: #fff;
  height: 60px;
  padding-left: 30px;
  border: 0px;
  box-shadow: none;
  z-index: 1;
  position: relative;
  color: #181b31;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 0;
  font-weight: 400;
  transition: box-shadow 0.3s linear;
}

.blog_comments .form-group .form-control:focus + label, .blog_comments .form-group .form-control.animated + label {
  font-size: 14px;
  line-height: 14px;
  top: 8px;
}

.blog_comments .form-group .form-control:focus {
  box-shadow: 0px 10px 15px 0px #eff1f6;
}

.blog_comments .form-group textarea.form-control {
  height: 120px;
}

.blog_comments .form-group textarea.form-control:focus, .blog_comments .form-group textarea.form-control.animated {
  padding-top: 20px;
}

.blog_comments .form-group label {
  position: absolute;
  left: 30px;
  font-size: 16px;
  color: #899097;
  font-weight: 400;
  margin-bottom: 0;
  top: 16px;
  transition: top 0.2s linear;
  cursor: inherit;
  z-index: 1;
}

.blog_comments .form-group .home_btn_hover {
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 20px;
}

.blog_comments .form-group .home_btn_hover i {
  margin-left: 15px;
}

/*============== blog_comments_area css =================*/
/*============== blog_sidebar css =================*/
.blog_sidebar {
  padding-left: 100px;
}

.blog_sidebar_title {
  color: #899097;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 23px;
}

.widget .form-control {
  width: 100%;
  font-size: 16px;
  border: 1px solid #dfe2e7;
  border-radius: 3px;
  padding-left: 20px;
  padding-right: 60px;
  font-weight: 400;
  height: 50px;
  color: #181b31;
  box-shadow: none;
  position: relative;
  z-index: 0;
}

.widget .form-control.placeholder {
  color: #899097;
}

.widget .form-control:-moz-placeholder {
  color: #899097;
}

.widget .form-control::-moz-placeholder {
  color: #899097;
}

.widget .form-control::-webkit-input-placeholder {
  color: #899097;
}

.widget.search_widget .search-form {
  position: relative;
}

.widget.search_widget .search-form button {
  position: absolute;
  border: 0px;
  padding: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  background: transparent;
  right: 20px;
  z-index: 3;
}

.widget.categories_widget ul {
  margin-bottom: 0;
}

.widget.categories_widget ul li a {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.16px;
  font-family: cerebriSans;
  font-weight: 400;
  color: #181b31;
  padding: 13px 0px;
  border-bottom: 1px solid #dfe2e7;
}

.widget.categories_widget ul li a span {
  font-size: 14px;
  color: #899097;
}

.widget.categories_widget ul li a:hover {
  color: #ff4d6f;
}

.widget.categories_widget ul li a:hover span {
  color: #ff4d6f;
}

.widget.categories_widget ul li:first-child a {
  padding-top: 0px;
}

.widget.categories_widget ul li:last-child a {
  padding-bottom: 0px;
  border: 0px;
}

.widget .post_inner {
  margin-bottom: -6px;
}

.widget .post_inner li {
  margin-bottom: 23px;
}

.widget .post_inner li:last-child {
  margin-bottom: 0;
}

.widget .post_inner .post_item h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  color: #181b31;
  font-family: cerebriSans;
  letter-spacing: -0.45px;
  transition: color 0.2s linear;
}

.widget .post_inner .post_item h4:hover {
  color: #ff4d6f;
}

.widget.subscribe_widget .blog_subscribe_info {
  padding-top: 5px;
}

.widget.subscribe_widget .blog_subscribe_info .form-group {
  position: relative;
  margin-bottom: 10px;
}

.widget.subscribe_widget .blog_subscribe_info .form-group:before {
  content: "\e91a";
  position: absolute;
  font-family: "icomoon" !important;
  right: 25px;
  z-index: 2;
  top: 8px;
  color: #c4c7cb;
}

.widget.subscribe_widget .blog_subscribe_info .form-group.email:before {
  content: "\e919";
}

.widget.subscribe_widget .blog_subscribe_info .home_btn_hover {
  width: 100%;
  padding: 10px 29px;
}

.widget.tag_cloud_widget ul {
  display: flex;
  flex-wrap: wrap;
  margin: -2.5px;
  padding-top: 5px;
}

.widget.tag_cloud_widget ul li {
  display: inline-block;
  margin: 2.5px;
  line-height: initial;
}

.widget.tag_cloud_widget ul li a {
  border-radius: 45px;
  border: 1px solid #dfe2e7;
  font-size: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: cerebriSans;
  font-weight: 400;
  color: #899097;
  padding: 5px 12px;
  display: block;
  transition: all 0.2s linear;
}

.widget.tag_cloud_widget ul li a:hover {
  background: #ff4d6f;
  border-color: #ff4d6f;
  color: #fff;
}

.widget.add_widget {
  position: relative;
}

.widget.add_widget .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px;
}

.widget.add_widget .content h5 {
  font-size: 14px;
  color: #b66c67;
  text-transform: uppercase;
  font-family: cerebriSans;
  font-weight: 600;
  margin-bottom: 18px;
}

.widget.add_widget .content h2 {
  font-family: "Spectral", serif;
  color: #181b31;
  font-size: 48px;
  line-height: 48px;
}

.widget + .widget {
  margin-top: 68px;
}

/*============== blog_sidebar css =================*/
/*============== blog_details_area_two css =================*/
.blog_details_area_two {
  padding: 0px 0px;
}

.blog_details_area_two .blog_details_info {
  max-width: 100%;
  padding-top: 0;
}

/*============== blog_details_area_two css =================*/
/*============== education_blog_area css =================*/
.education_blog_area {
  padding: 140px 0px 150px;
}

.education_blog_item img {
  margin-right: 30px;
}

.education_blog_item h4 {
  font-size: 24px;
  letter-spacing: -0.24px;
  color: #2e3337;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  margin-bottom: 0;
  transition: color 0.2s linear;
}

.education_blog_item h4:hover {
  color: #35b7e1;
}

.education_blog_item .post_date {
  font-size: 14px;
  color: #2e3337;
  opacity: 0.5;
  font-family: "neue-haas-unica";
  text-transform: uppercase;
}

.education_blog_item p {
  font-size: 18px;
  line-height: 30px;
  margin-top: 24px;
  font-family: "neue-haas-unica";
}

.education_blog_item + .education_blog_item {
  margin-top: 50px;
}

.event_story {
  padding-left: 120px;
}

.event_story .story_details img {
  margin-bottom: 30px;
}

.event_story .story_details h3 {
  font-size: 30px;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  color: #2e3337;
  transition: color 0.2s linear;
  margin-bottom: 0;
}

.event_story .story_details h3:hover {
  color: #35b7e1;
}

.event_story .story_details .position {
  font-size: 16px;
  color: #2e3337;
  font-family: "neue-haas-unica";
  opacity: 0.7;
}

.event_story .story_details p {
  font-size: 18px;
  line-height: 30px;
  color: #2e3337;
  margin-top: 25px;
  margin-bottom: 35px;
  font-family: "neue-haas-unica";
}

/*============== education_blog_area css =================*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========= shop_home_products_area css ===========*/
.shop_home_products_area {
  padding: 100px 0px 150px;
}

.shop_home_products_area .architecture_btn_border {
  font-family: cerebriSans;
  font-weight: 400;
  min-width: auto;
  padding: 12px 43px;
}

.shop_product_item {
  margin-bottom: 80px;
}

.shop_product_item .img_hover {
  position: relative;
  display: block;
  overflow: hidden;
}

.shop_product_item .img_hover img {
  max-width: 100%;
  transition: all 0.2s linear;
  position: relative;
  z-index: -1;
}

.shop_product_item .content {
  font-family: cerebriSans;
  font-weight: 400;
  padding-top: 20px;
}

.shop_product_item .content .pr_name {
  font-size: 12px;
  color: #aaaaaa;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.shop_product_item .content h3 {
  font-size: 20px;
  letter-spacing: -0.2px;
  color: #222;
  transition: color 0.2s linear;
}

.shop_product_item .content .product-prices {
  font-size: 16px;
  color: #9a9a9a;
  letter-spacing: 0.8px;
}

.shop_product_item:hover .img_hover img {
  transform: scale(1.05);
}

.shop_product_item:hover h3 {
  color: #ff4d6f;
}

/*========= shop product item inner css ===========*/
.shop_product_img {
  position: relative;
}

.shop_product_img .product_nav_action {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 40px;
  text-align: center;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.shop_product_img .product_nav_action_item {
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #111;
  border-radius: 50%;
  color: #fff;
  margin: 0px;
  transition: all 0.3s linear;
}

.shop_product_img .product_nav_action_item:hover {
  background: #fff;
  color: #111;
  box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
}

.shop_product_img:hover .product_nav_action {
  bottom: 70px;
  opacity: 1;
  visibility: visible;
}

.product_compair_modal_wrapper {
  padding-right: 0px !important;
}

.product_compair_modal_wrapper .close {
  opacity: 1;
  z-index: 99;
}

.product_compair_modal_wrapper .close span {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  color: #111111;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 10px rgba(17, 17, 17, 0.3);
  z-index: 99;
}

@media (max-width: 768px) {
  .product_compair_modal_wrapper .close span {
    top: 10px;
    right: 10px;
  }
}

.product_compair_modal_wrapper .close:hover {
  opacity: 1 !important;
}

.margin_top_150 {
  margin-top: 150px;
}

.offer_badge {
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #222;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.9px;
  color: #fff;
  line-height: 62px;
  top: 20px;
  left: 20px;
  padding: 0px;
}

/*========= shop_home_products_area css ===========*/
/*========= shop_products_add css ===========*/
.add_item {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.add_item img {
  transition: all 0.4s linear;
  max-width: 100%;
}

.add_item .add_content {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  padding-left: 50px;
}

.add_item .add_content h2 {
  font-size: 48px;
  letter-spacing: -2.4px;
  font-family: "Spectral", serif;
  color: #fff;
  margin-bottom: 2px;
}

.add_item .add_content .author {
  font-family: cerebriSans;
  font-size: 18px;
  letter-spacing: -0.18px;
  color: #fff;
}

.add_item .add_content .shop_btn {
  margin-top: 25px;
  font-size: 14px;
  padding: 10px 43px;
}

.add_item:hover img {
  transform: scale(1.07);
}

/*========= shop_products_add css ===========*/
/*========= shop_promo_area css ===========*/
.shop_promo_area {
  padding: 148px 0px 140px;
}

.promo_content h6 {
  font-family: cerebriSans;
  font-size: 12px;
  letter-spacing: -0.6px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.promo_content h2 {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.3px;
  font-family: "Spectral", serif;
  color: #fff;
  margin-bottom: 27px;
}

.promo_content p {
  font-family: cerebriSans;
  color: #fff;
}

.promo_content .shop_btn {
  padding: 13px 53px;
  margin-top: 38px;
}

/*========= shop_promo_area css ===========*/
/*========= product grid area css ===========*/
.product_grid_area {
  padding: 100px 0px 150px;
}

.product_grid_area .shop_product_item {
  margin-bottom: 110px;
}

.shop_page_shorting {
  display: flex;
  align-items: center;
}

.shop_page_shorting .shop_pr_count,
.shop_page_shorting h5 {
  font-size: 16px;
  color: #9a9a9a;
}

.shop_page_shorting .shop_pr_count span,
.shop_page_shorting h5 span {
  color: #000;
}

.shop_page_shorting h5 {
  color: #000;
  margin-bottom: 0;
  margin-left: 50px;
}

.shop_page_shorting .view_style a {
  display: inline-block;
  color: #c5c5c5;
  margin-left: 20px;
}

.shop_page_shorting .view_style a.active {
  color: #000;
}

.shop_page_shorting .niceSelect {
  border: 0px;
  padding-left: 0;
  border-bottom: 1px solid #cccccc;
  border-radius: 0px;
  height: 32px;
  line-height: 30px;
  color: #9a9a9a;
  font-size: 16px;
  margin: 0px 20px;
}

.shop_pr_title {
  font-size: 30px;
  letter-spacing: -0.75px;
  color: #000;
  margin-bottom: 0;
  font-family: cerebriSans;
  font-weight: 400;
}

.shop_page_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 40px;
}

.shop_page_text {
  display: flex;
  align-items: center;
}

/*========= product grid area css ===========*/
/*========= product_sidebar css ===========*/
.product_area {
  padding: 100px 0px 150px;
}

.product_sidebar {
  padding-right: 100px;
}

.product_sidebar .shop_pr_title {
  margin-bottom: 48px;
}

.product_sidebar .blog_sidebar_title {
  font-size: 14px;
}

.product_sidebar .sidebar_widget.categories_widget ul li {
  padding-top: 14px;
}

.product_sidebar .sidebar_widget.categories_widget ul li a {
  position: relative;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 13px;
  color: #9a9a9a;
  display: flex;
  justify-content: space-between;
}

.product_sidebar .sidebar_widget.categories_widget ul li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  position: absolute;
  right: 0;
  color: #181b31;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.product_sidebar .sidebar_widget.categories_widget ul li a span {
  transition: padding 0.2s linear;
  color: #9a9a9a;
}

.product_sidebar .sidebar_widget.categories_widget ul li a:hover {
  color: #222222;
  border-color: #222222;
}

.product_sidebar .sidebar_widget.categories_widget ul li a:hover:before {
  opacity: 1;
}

.product_sidebar .sidebar_widget.categories_widget ul li a:hover span {
  color: #222;
  padding-right: 15px;
}

.product_sidebar .sidebar_widget .filter_slider_area {
  padding-top: 10px;
}

.product_sidebar .sidebar_widget .filter_slider_area .ui-slider {
  height: 8px;
  background: #dddddd;
  border: 0px;
  border-radius: 45px;
}

.product_sidebar .sidebar_widget .filter_slider_area .ui-slider .ui-slider-range {
  background: #222;
}

.product_sidebar .sidebar_widget .filter_slider_area .ui-slider .ui-slider-handle {
  width: 16px;
  height: 16px;
  box-shadow: 0px 3px 5px 0px #cccccc;
  border-radius: 50%;
  background: #fff;
  border: 0px;
  margin-left: 0;
  top: -6px;
}

.product_sidebar .sidebar_widget .filter_slider_area .filter_content {
  display: flex;
  overflow: hidden;
  margin-top: 15px;
}

.product_sidebar .sidebar_widget .filter_slider_area .filter_content #amount {
  border: 0px;
  font-size: 14px;
  font-family: cerebriSans;
  font-weight: 400;
  color: #9a9a9a;
  display: inline-block;
}

.product_sidebar .sidebar_widget.price_widget {
  margin-top: 70px;
}

.product_sidebar .sidebar_widget.pr_size_widget {
  margin-top: 60px;
}

.product_sidebar .sidebar_widget.pr_size_widget ul li a {
  font-size: 14px;
  color: #9a9a9a;
  font-family: cerebriSans;
  font-weight: 400;
  border: 1px solid #dddddd;
  padding: 0px 11px;
  display: block;
  margin-right: 5px;
}

.product_sidebar .sidebar_widget.pr_size_widget ul li:last-child a {
  margin-right: 0;
}

.product_sidebar .sidebar_widget.best_seller_widget {
  margin-top: 90px;
}

.product_sidebar .sidebar_widget.best_seller_widget ul li {
  margin-bottom: 35px;
}

.product_sidebar .sidebar_widget.best_seller_widget ul li .media img {
  margin-right: 15px;
}

.product_sidebar .sidebar_widget.best_seller_widget ul li .media .media-body {
  font-family: cerebriSans;
  font-weight: 400;
}

.product_sidebar .sidebar_widget.best_seller_widget ul li .media .media-body h6 {
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #aaaaaa;
  text-transform: uppercase;
}

.product_sidebar .sidebar_widget.best_seller_widget ul li .media .media-body h3 {
  font-size: 18px;
  color: #222222;
  transition: color 0.2s linear;
  letter-spacing: -0.18px;
  margin-bottom: 0px;
}

.product_sidebar .sidebar_widget.best_seller_widget ul li .media .media-body .price {
  color: #9a9a9a;
  font-size: 14px;
}

.product_sidebar .sidebar_widget.best_seller_widget ul li .media:hover .media-body h3 {
  color: #ff4d6f;
}

/*========= product_sidebar css ===========*/
/*========= pr_list_item css ===========*/
.pr_list_info {
  padding-bottom: 100px;
}

.pr_list_item {
  font-family: cerebriSans;
  font-weight: 400;
  align-items: center;
  margin-top: 100px;
}

.pr_list_item .shop_product_img {
  margin-right: 70px;
}

.pr_list_item .img_hover {
  position: relative;
  display: block;
}

.pr_list_item .media-body .shop_list-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 44px;
}

.pr_list_item .media-body .shop_list-title .title_text .pr_name {
  font-size: 14px;
  color: #aaaaaa;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.pr_list_item .media-body .shop_list-title .title_text h2 {
  font-size: 30px;
  letter-spacing: -0.75px;
  color: #222;
  font-weight: 400;
  margin-bottom: 0;
  transition: color 0.2s linear;
}

.pr_list_item .media-body .shop_list-title .title_text h2:hover {
  color: #ff4d6f;
}

.pr_list_item .media-body .shop_list-title .product-prices {
  font-size: 30px;
  color: #222;
}

.pr_list_item .media-body .shop_list-title .product-prices del {
  font-size: 15px;
  line-height: 16px;
  color: #9a9a9a;
  vertical-align: top;
}

.pr_list_item .media-body p {
  font-size: 18px;
  letter-spacing: -0.18px;
  color: #9a9a9a;
  margin-bottom: 70px;
}

.wish_btn {
  padding: 13px 20px 9px;
  margin-right: 10px;
}

.wish_btn i {
  color: #d5d5d5;
  font-size: 18px;
  margin-left: 0;
}

.wish_btn:after {
  background: #222;
}

.wish_btn:hover {
  border-color: #222;
}

.cart_btn {
  font-size: 14px;
  letter-spacing: 0.7px;
  font-family: cerebriSans;
  font-weight: 400;
  padding: 10px 77px 12px;
}

.cart_btn:after {
  background: #222;
}

.cart_btn:hover {
  border-color: #222;
}

/*========= pr_list_item css ===========*/
/*========= product_fluid_area css ===========*/
.product_fluid_area {
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 150px;
}

.product_fluid_area .row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.product_fluid_area .ctegorie_row {
  margin-bottom: -80px;
}

.product_fluid_area .custom_col {
  padding-left: 7.5px;
  padding-right: 7.5px;
  width: calc(100% / 5);
}

.product_fluid_area .shop_page_shorting {
  margin-bottom: 140px;
}

/*========= product_fluid_area css ===========*/
/*========= product_details_area css ===========*/
.product_details_area {
  background: #f6f6f6;
  padding: 70px 0px 100px;
}

.product_slider .item {
  position: relative;
}

.product_slider .item .badge {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #222;
  font-size: 20px;
  line-height: 80px;
  font-family: cerebriSans;
  position: absolute;
  left: 20px;
  top: 20px;
}

.slider_thumnil {
  margin-left: -5px;
  margin-right: -5px;
}

.slider_thumnil .item {
  margin: 10px 5px;
}

.slider_thumnil .item img {
  border: 1px solid transparent;
}

.slider_thumnil .item.slick-current img {
  border-color: #d5d5d5;
}

.sticky .single_product_details {
  position: fixed;
  top: 0px;
  max-width: 570px;
  padding-top: 10px;
  transition: all 0.01s linear;
}

.single_product_details {
  font-family: cerebriSans;
  font-weight: 400;
  padding-left: 100px;
}

.single_product_details .pr_name {
  font-size: 12px;
  color: #aaaaaa;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.single_product_details h2 {
  font-size: 36px;
  color: #222222;
  letter-spacing: -0.9px;
}

.single_product_details p {
  font-size: 18px;
  color: #9a9a9a;
  line-height: 30px;
  padding-top: 36px;
}

.single_product_details .product_rating {
  display: flex;
  padding-top: 5px;
}

.single_product_details .product_rating .star_rating:before {
  content: "\e91d \e91d \e91d \e91d \e91d";
  font-family: "icomoon" !important;
  font-size: 12px;
  color: #222;
}

.single_product_details .product_rating span {
  font-size: 14px;
  color: #222;
  margin-left: 20px;
}

.single_product_details .product-prices {
  font-size: 24px;
  color: #222222;
}

.single_product_details .product-prices .oldPrice {
  color: #9a9a9a;
  font-size: 14px;
  line-height: 18px;
  vertical-align: top;
}

.single_product_details .product_meta {
  padding-top: 20px;
  padding-bottom: 30px;
}

.single_product_details .product_meta li {
  font-size: 16px;
  font-family: cerebriSans;
  font-weight: 400;
  color: #222;
}

.single_product_details .product_meta li span,
.single_product_details .product_meta li a {
  color: #9a9a9a;
}

.single_product_details .cart_product {
  display: flex;
  flex-wrap: wrap;
}

.single_product_details .wish_btn {
  padding: 0px 20px;
  background: #fff;
  border-color: #d5d5d5;
  line-height: 58px;
  margin-left: 10px;
}

.single_product_details .wish_btn i {
  top: 3px;
  position: relative;
}

.single_product_details .wish_btn:after {
  background: #222222;
}

.single_product_details .cart_btn {
  background: #fff;
}

.single_product_details .cart_btn:after {
  background: #222222;
}

.single_product_details .cart_btn:hover {
  border-color: #222;
}

.product-qty {
  position: relative;
  display: inline-block;
}

.product-qty .manual-adjust {
  width: 120px;
  height: 60px;
  background: #fff;
  border: 1px solid #d5d5d5;
  text-align: center;
  padding-left: 17px;
}

.product-qty button {
  position: absolute;
  border: 0px;
  padding: 0px;
  background: transparent;
  color: #dddddd;
  font-size: 15px;
  line-height: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.product-qty button.ar_top {
  left: 20px;
}

.product-qty button.ar_down {
  right: 20px;
}

.share_link {
  display: flex;
  font-size: 16px;
  font-family: cerebriSans;
  font-weight: 400;
  color: #222;
  padding-top: 40px;
}

.share_link .social-icon li {
  display: inline-block;
  margin-left: 16px;
}

.share_link .social-icon li a {
  font-size: 15px;
  color: #cccccc;
}

.share_link .social-icon li a:hover {
  color: #ff4d6f;
}

/*========= product_details_area css ===========*/
/*========= product_details_tab_area css ===========*/
.product_details_tab_area {
  padding: 150px 0px;
}

.pr_detaisl_tab_info {
  padding-top: 50px;
}

.pr_detaisl_tab_info .nav {
  border: 0px;
}

.pr_detaisl_tab_info .nav .nav-link {
  font-size: 30px;
  line-height: 34px;
  color: #ccc;
  letter-spacing: -0.75px;
  font-family: cerebriSans;
  font-weight: 400;
  border: 0px;
  padding: 0px;
  border-radius: 0px;
  margin-right: 40px;
  position: relative;
  transition: all 0.2s linear;
}

.pr_detaisl_tab_info .nav .nav-link:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #222;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.2s linear;
  opacity: 0;
}

.pr_detaisl_tab_info .nav .nav-link.active {
  color: #222;
}

.pr_detaisl_tab_info .nav .nav-link.active:before {
  opacity: 1;
}

.pr_description_item {
  font-family: cerebriSans;
  font-weight: 400;
  margin-top: 65px;
}

.pr_description_item h5 {
  font-size: 16px;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.pr_description_item p {
  line-height: 30px;
  color: #9a9a9a;
  margin-bottom: 0;
}

.pr_details_box {
  margin-top: 45px;
  margin-bottom: 0;
}

.pr_details_box li {
  display: flex;
  justify-content: space-between;
  font-family: cerebriSans;
  font-weight: 400;
  color: #9a9a9a;
  letter-spacing: -0.16px;
  padding: 11px 0px;
  border-bottom: 1px solid #d5d5d5;
}

.pr_details_box li span {
  flex: 0 0 20%;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #222;
  letter-spacing: 0.6px;
}

.pr_details_box li:last-child {
  border-bottom: 0px;
}

.pr_description_info h2 {
  font-size: 30px;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 0;
}

.pr_description_info .pr_details_box {
  margin-top: 65px;
}

.pr_description_info .pr_details_box li {
  border: 1px solid #d5d5d5;
  padding-left: 30px;
  padding-right: 30px;
}

.pr_description_info .pr_details_box li + li {
  border-top: 0px;
}

/*========= product_details_tab_area css ===========*/
/*========= product_details_review_area css ===========*/
.product_details_review_area {
  background: #f6f6f6;
  padding: 100px 0px 90px;
}

.product_details_review_area .shop_title {
  margin-bottom: 0;
}

.product_details_review_area .shop_title h2 {
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 0;
}

.product_details_review_area .shop_title h2 sup {
  font-size: 50%;
  top: -3px;
}

.product_details_review_area .load_btn {
  font-family: cerebriSans;
  font-weight: 400;
  font-size: 16px;
  color: #222;
  display: inline-block;
}

.product_details_review_area .load_btn i {
  font-size: 5px;
  top: -3px;
  position: relative;
}

.review_box {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -30px;
  margin-top: 35px;
}

.review_box li {
  width: calc(100% / 2);
  padding: 0px 15px;
  margin-bottom: 30px;
}

.review_box .review_comment_item {
  background: #ffffff;
  padding: 30px 40px;
  font-family: cerebriSans;
  font-weight: 400;
  position: relative;
}

.review_box .review_comment_item h5 {
  font-size: 18px;
  line-height: 25spx;
  letter-spacing: -0.18px;
  color: #222;
  margin-bottom: 0;
}

.review_box .review_comment_item .postion {
  font-size: 14px;
  color: #9a9a9a;
}

.review_box .review_comment_item p {
  font-size: 18px;
  line-height: 30px;
  color: #9a9a9a;
  padding-top: 24px;
}

.review_box .review_comment_item .ratting {
  position: absolute;
  right: 40px;
  top: 20px;
}

.review_box .review_comment_item .ratting a {
  color: #222;
  font-size: 12px;
}

.review_info {
  margin-top: 100px;
}

.review_info .shop_title {
  margin-bottom: 25px;
}

.review_info .shop_title h2 {
  font-size: 30px;
}

.review_info .comment-form-rating {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.review_info .comment-form-rating .ratting a {
  font-size: 12px;
  color: #cccccc;
}

.review_info .blog_comments .form-group .form-control {
  background: transparent;
  box-shadow: none;
  font-size: 16px;
  padding-left: 0;
  border-radius: 0px;
  border-bottom: 1px solid #d5d5d5;
  transition: all 0.2s linear;
}

.review_info .blog_comments .form-group .form-control.placeholder {
  color: #aaa;
}

.review_info .blog_comments .form-group .form-control:-moz-placeholder {
  color: #aaa;
}

.review_info .blog_comments .form-group .form-control::-moz-placeholder {
  color: #aaa;
}

.review_info .blog_comments .form-group .form-control::-webkit-input-placeholder {
  color: #aaa;
}

.review_info .blog_comments .form-group .form-control:focus {
  border-color: #222;
}

.review_info .blog_comments .form-group .form-control:focus + label {
  font-size: 12px;
}

.review_info .blog_comments .form-group label {
  font-size: 12px;
  color: #aaa;
  left: 0;
  text-transform: uppercase;
}

.review_info .blog_comments .form-group textarea.form-control {
  height: 105px;
}

.review_info .blog_comments .form-group .home_btn_hover {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  min-width: 270px;
  border-radius: 0px;
  background: #222222;
}

.review_info .blog_comments .form-group .home_btn_hover:after {
  background: #ff4d6f;
}

/*========= product_details_review_area css ===========*/
/*========= related_pr_area css ===========*/
.related_pr_area {
  padding: 150px 0px;
}

.related_pr_area .form-row {
  margin-bottom: -80px;
}

/*========= related_pr_area css ===========*/
/*========= product_details_area_two css ===========*/
.product_details_area_two {
  padding-top: 70px;
}

.pr_single_item .item {
  position: relative;
  margin-bottom: 10px;
}

.choose_color ul {
  padding-top: 10px;
}

.choose_color ul li {
  display: inline-block;
  margin-right: 8px;
}

.choose_color ul li a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6487c1;
  display: block;
  position: relative;
}

.choose_color ul li a:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #6487c1;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: 0;
  opacity: 0;
  transform: scale(1.4);
}

.choose_color ul li:nth-child(1) a {
  background: #e4bc87;
}

.choose_color ul li:nth-child(1) a:before {
  border-color: #e4bc87;
}

.choose_color ul li:nth-child(3) a {
  background: #fff;
  border: 1px solid #dedede;
}

.choose_color ul li:nth-child(3) a:before {
  border-color: #dedede;
}

.choose_color ul li:nth-child(4) a {
  background: #ca9798;
}

.choose_color ul li:nth-child(4) a:before {
  border-color: #ca9798;
}

.choose_color ul li.active a:before {
  opacity: 1;
}

.select_size {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.select_size .pr_name {
  display: block;
  margin-bottom: 15px;
}

.select_size .selectpickers {
  width: 100%;
  border: 1px solid #d5d5d5;
  border-radius: 0px;
  line-height: 60px;
  height: 60px;
}

.select_size .selectpickers ul {
  width: 100%;
}

/*========= product_details_area_two css ===========*/
/*========= product_details_area_three css ===========*/
.product_details_area_three .single_product_details {
  border-bottom: 1px solid #d5d5d5;
  padding: 50px 0px;
}

.product_details_area_three .single_product_details .text {
  padding-right: 20px;
}

.pr_single_slider img {
  margin: 0px 5px;
}

.pr_single_slider .slick-prev,
.pr_single_slider .slick-next {
  width: 20%;
  height: 100%;
  z-index: 1;
}

.pr_single_slider .slick-prev:before,
.pr_single_slider .slick-next:before {
  display: none;
}

.pr_single_slider .slick-prev {
  left: 0;
  cursor: url("../img/product/arrow-left.png"), auto;
}

.pr_single_slider .slick-next {
  right: 0;
  cursor: url("../img/product/arrow-right.png"), auto;
}

/*========= product_details_area_three css ===========*/
/*========= shopping_cart_area css ===========*/
.shopping_cart_area {
  padding-bottom: 120px;
}

.cart_table {
  margin-bottom: 30px;
}

.cart_table thead tr {
  background: #f6f6f6;
}

.cart_table thead tr th {
  border: 0px;
  font-size: 12px;
  color: #9a9a9a;
  text-transform: uppercase;
  letter-spacing: 0.85px;
  font-family: cerebriSans;
  font-weight: 400;
}

.cart_table thead tr th.product {
  padding-left: 30px;
}

.cart_table tr {
  display: flex;
  flex-wrap: wrap;
}

.cart_table tr td {
  display: flex;
  align-items: center;
  font-family: cerebriSans;
  font-weight: 400;
  font-size: 16px;
  color: #9a9a9a;
  padding-top: 19px;
  padding-bottom: 19px;
  border-top: 0px;
  border-bottom: 1px solid #dddddd;
}

.cart_table tr td.product {
  padding-left: 30px;
}

.cart_table tr td .media img {
  margin-right: 20px;
}

.cart_table tr td .media a {
  font-size: 18px;
  color: #222;
}

.cart_table tr td .color {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
}

.cart_table tr td .color.yellow {
  background: #e4bc87;
}

.cart_table tr td .color.green {
  background: #485c55;
}

.cart_table tr td .color.red {
  background: #d25664;
}

.cart_table tr td .total {
  color: #9a9a9a;
  width: 100px;
  display: inline-block;
}

.cart_table tr td .close {
  font-size: 12px;
  line-height: 30px;
  color: #aaaaaa;
}

.cart_table tr td .product-qty .manual-adjust {
  width: 110px;
  height: 40px;
}

.coupon {
  font-family: cerebriSans;
  font-weight: 400;
  position: relative;
  display: inline-block;
}

.coupon .input_text {
  width: 270px;
  padding-right: 80px;
}

.coupon .button {
  position: absolute;
  padding: 0px;
  right: 30px;
  top: 10px;
  border: 0px;
  font-size: 12px;
  color: #222;
  text-transform: uppercase;
  background: transparent;
  font-weight: 600;
  z-index: 1;
}

.input_text {
  border: 1px solid #dddddd;
  height: 50px;
  padding-left: 25px;
  font-size: 16px;
  border-radius: 0px;
  color: #222;
  box-shadow: none;
}

.input_text.placeholder {
  color: #9a9a9a;
}

.input_text:-moz-placeholder {
  color: #9a9a9a;
}

.input_text::-moz-placeholder {
  color: #9a9a9a;
}

.input_text::-webkit-input-placeholder {
  color: #9a9a9a;
}

.input_text:focus {
  outline: none;
  box-shadow: none;
  border-color: #222;
}

.shipping_btn_info .shipping_btn + .shipping_btn {
  padding: 10px 28px;
  margin-left: 3px;
}

.shipping_btn {
  font-size: 12px;
  text-transform: uppercase;
  color: #9a9a9a;
  background: #f6f6f6;
  border-radius: 0px;
  padding: 10px 42px;
  letter-spacing: 0.6px;
  font-family: cerebriSans;
  font-weight: 400;
}

.shipping_btn:after {
  background: #222222;
}

.product_checkout_fields {
  border: 1px solid #dddddd;
  padding: 24px 30px 30px;
  font-size: 16px;
  margin-top: 20px;
  color: #222;
}

.product_checkout_fields .cart-subtotal {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dddd;
  padding-bottom: 12px;
}

.product_checkout_fields .cart-subtotal.border-none {
  border: 0px;
}

.product_checkout_fields h5 {
  font-size: 16px;
}

.product_checkout_fields .calculate_btn {
  display: inline-block;
  border-bottom: 1px solid #222;
  cursor: pointer;
  margin-bottom: 20px;
}

.product_checkout_fields .shipping_method {
  padding-top: 28px;
}

.product_checkout_fields .shipping_method h5 {
  margin-bottom: 24px;
}

.product_checkout_fields .shipping_method ul li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #9a9a9a;
  line-height: 20px;
  margin-top: 8px;
}

.product_checkout_fields .shipping_method ul li input[type="radio"] {
  display: none;
}

.product_checkout_fields .shipping_method ul li input[type="radio"]:checked + label:before {
  transform: scale(0.5);
}

.product_checkout_fields .shipping_method ul li label {
  position: relative;
  margin-bottom: 0;
  padding-left: 25px;
  cursor: pointer;
}

.product_checkout_fields .shipping_method ul li label:before {
  content: "";
  width: 14px;
  height: 14px;
  top: 3px;
  left: 0;
  position: absolute;
  background: #222;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s linear;
}

.product_checkout_fields .shipping_method ul li label:after {
  content: "";
  display: table-caption;
  width: 14px;
  height: 14px;
  left: 0;
  top: 3px;
  border: 1px solid #ddd;
  position: absolute;
  border-radius: 50%;
  transition: 240ms;
}

.product_checkout_fields .calculating_shipping .input_text {
  font-size: 14px;
  margin-bottom: 10px;
}

.product_checkout_fields .calculating_shipping .selectpicker {
  width: 100%;
  line-height: 48px;
  color: #9a9a9a;
  float: none;
}

.product_checkout_fields .calculating_shipping .shipping_btn {
  color: #222;
  background: #f6f6f6;
  margin-top: 0;
}

.product_checkout_fields .calculating_shipping .shipping_btn:hover {
  color: #fff;
}

.product_checkout_fields .calculating_shipping .calculating_form {
  margin-bottom: 25px;
}

.product_checkout_fields .shipping_btn {
  border: 0px;
  width: 100%;
  background: #222;
  color: #fff;
  margin-top: 10px;
}

.product_checkout_fields .shipping_btn:after {
  background: #ff4d6f;
}

/*========= shopping_cart_area css ===========*/
/*========= shopping_checkout_area css ===========*/
.checkout_top {
  margin-bottom: 90px;
}

.checkout_top .return_customer a {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  color: #9a9a9a;
  text-transform: uppercase;
  letter-spacing: 0.42px;
  background: #f6f6f6;
  padding: 21px 20px;
}

.checkout_info h3 {
  font-size: 30px;
  font-family: cerebriSans;
  font-weight: 400;
  letter-spacing: -0.75px;
  margin-bottom: 35px;
}

.checkout_info .form-group {
  margin-bottom: 23px;
}

.checkout_info .form-group .c_title {
  font-size: 16px;
  color: #9a9a9a;
  letter-spacing: -0.16px;
  display: block;
}

.checkout_info .form-group .selectpicker {
  width: 100%;
  line-height: 48px;
  float: none;
}

.checkout_info input[type="checkbox"] {
  width: 13px;
  position: absolute;
  outline: none;
  height: 13px;
  top: 8px;
  left: 5px;
  margin-bottom: 0;
  border-radius: 2px;
}

.checkout_info input[type="checkbox"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid #dddddd;
  top: 0;
  left: 0;
  border-radius: 2px;
  background-color: #fff;
}

.checkout_info input[type="checkbox"]:checked:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
  transform: scale(0.5);
}

.checkout_info .l_text {
  font-size: 16px;
  letter-spacing: -0.16px;
  padding-left: 30px;
  color: #222;
}

.cart_box {
  border: 1px solid #dddddd;
  padding: 30px 40px 40px;
}

.cart_box .shop_table {
  width: 100%;
  margin-bottom: 20px;
}

.cart_box .shop_table tr th,
.cart_box .shop_table tr td {
  font-family: cerebriSans;
  font-weight: 400;
}

.cart_box .shop_table tr th + th,
.cart_box .shop_table tr th + td,
.cart_box .shop_table tr td + th,
.cart_box .shop_table tr td + td {
  text-align: right;
}

.cart_box .shop_table tr th {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
}

.cart_box .shop_table tr .price {
  font-size: 18px;
  letter-spacing: -0.18px;
}

.cart_box .shop_table tr .small_text {
  font-size: 12px;
  color: #9a9a9a;
  text-transform: uppercase;
  letter-spacing: 0.9px;
}

.cart_box .shop_table tr.order_item h5 {
  font-size: 20px;
  color: #222222;
  letter-spacing: -0.2px;
  margin-bottom: 0px;
}

.cart_box .shop_table tr.order_item h5 sup {
  font-size: 14px;
  color: #9a9a9a;
  top: -0.6em;
}

.cart_box .shop_table tr.order_item p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
  color: #9a9a9a;
  letter-spacing: -0.16px;
}

.cart_box .shop_table tr.subtotal h5 {
  font-size: 16px;
  margin-bottom: 0;
}

.cart_box .shop_table tbody tr td {
  padding-top: 27px;
  padding-bottom: 25px;
}

.cart_box .shop_table tbody tr + .order_item td {
  padding-top: 0;
}

.cart_box .shop_table tfoot tr td {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
}

.cart_box .shop_table tfoot tr.subtotal td {
  padding-bottom: 10px;
}

.cart_box .shop_table tfoot tr + .subtotal td {
  border: 0px;
  padding-top: 0;
  padding-bottom: 25px;
}

.cart_box .shop_table tfoot tr.order_total td {
  font-size: 24px;
}

.cart_box .button {
  width: 100%;
  border: 0px;
  height: 60px;
  color: #fff;
  background: #222222;
  margin-top: 20px;
}

.cart_box .button::after {
  background: #ff4d6f;
}

.payment_methods {
  list-style: none;
  padding-left: 0;
  margin-left: -40px;
  margin-right: -40px;
}

.payment_methods li {
  padding: 20px 40px 0px;
  position: relative;
}

.payment_methods li input[type="radio"] {
  display: none;
}

.payment_methods li input[type="radio"]:checked + label:before {
  transform: scale(0.5);
}

.payment_methods li label {
  position: relative;
  font-size: 18px;
  color: #222222;
  letter-spacing: -0.18px;
  padding-left: 35px;
  margin-bottom: 2px;
}

.payment_methods li label:before {
  content: "";
  width: 16px;
  height: 16px;
  top: 7px;
  left: 0px;
  position: absolute;
  background: #222;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s linear;
}

.payment_methods li label:after {
  content: "";
  display: table-caption;
  width: 16px;
  height: 16px;
  left: 0px;
  top: 7px;
  border: 1px solid #ddd;
  position: absolute;
  border-radius: 50%;
  transition: 240ms;
}

.payment_methods li.style1 {
  background: #f6f6f6;
}

.payment_methods li .payment_box {
  padding: 0px 0px 10px 35px;
  display: none;
}

.payment_methods li .payment_box p {
  font-size: 16px;
  color: #9a9a9a;
}

/*========= shopping_checkout_area css ===========*/
/*========= categorie_area css ===========*/
.categorie_area {
  padding-bottom: 120px;
}

.categorie_area .add_item {
  margin-bottom: 30px;
}

/*========= categorie_area css ===========*/
/*========= shop_categories_creative_area css ===========*/
.shop_categories_creative_area {
  padding: 50px 0px 150px;
}

.shop_categories_creative_area .item + .item {
  margin-top: 80px;
}

.shop_categorie_img {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.shop_categorie_img img {
  max-width: 100%;
  transition: all 0.3s;
}

.shop_categorie_img .shop_categorie_content {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  padding: 40px;
  width: 100%;
}

.shop_categorie_img .shop_categorie_content h3 {
  font-size: 38px;
  font-family: "Spectral", serif;
  font-weight: 500;
  letter-spacing: -1.4px;
  color: #212529;
  transform: translateY(32px);
  transition: .4s;
  margin-bottom: 15px;
}

.shop_categorie_img .shop_categorie_content .agency_learn_btn {
  font-size: 16px;
  padding-bottom: 5px;
  font-family: cerebriSans;
  font-weight: 600;
  color: #212529;
  display: inline-block;
  transform: translateY(72px);
  transition: .4s;
}

.shop_categorie_img .shop_categorie_content .agency_learn_btn:after {
  content: '';
  width: 50%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #222;
  transition: all 0.4s linear;
}

.shop_categorie_img .shop_categorie_content .agency_learn_btn:hover:after {
  width: 100%;
}

.shop_categorie_img:hover img {
  transform: scale(1.03);
}

.shop_categorie_img:hover .shop_categorie_content h3, .shop_categorie_img:hover .shop_categorie_content .agency_learn_btn {
  transform: translateY(0px);
}

/*========= shop_categories_creative_area css ===========*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*=============  contact_area css =============*/
.contact_area {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex-direction: row-reverse;
  z-index: 2;
  align-items: center;
  padding-bottom: 0;
}

.contact_left {
  width: calc(50% + 215px);
  padding-top: 112px;
}

.contact_right {
  width: calc(50% - 215px);
  background: url(../img/contact_bg_right.jpg) no-repeat scroll center 0/cover;
  height: 1000px;
}

.contact_details_info {
  max-width: 800px;
  margin-right: 0;
  margin-left: auto;
}

.contact_title {
  font-size: 72px;
  font-family: "Spectral", serif;
  letter-spacing: -5.4px;
  margin-bottom: 45px;
}

.contact_form {
  max-width: 470px;
}

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

.contact_form .form-group .form-control {
  border-bottom: 1px solid #dcdee2;
  padding-left: 0;
  border-radius: 0px;
  font-size: 18px;
}

.contact_form .form-group .form-control:focus {
  box-shadow: none;
  border-color: #181b31;
}

.contact_form .form-group label {
  left: 0;
  top: 23px;
  cursor: pointer;
}
.contact_form .form-group .checkbox label.l_text{
  position: relative;
  top: 0;
}

.contact_form .form-group .niceSelect {
  float: none;
  border: 0px;
  border-bottom: 1px solid #dcdee2;
  border-radius: 0px;
  padding-left: 0;
  height: 60px;
  line-height: 66px;
  font-size: 18px;
  color: #899097;
}

.contact_form .form-group .niceSelect:after {
  border-width: 1px;
  width: 7px;
  height: 7px;
  top: 53%;
}

.contact_form .form-group .niceSelect .list {
  width: 100%;
}

.contact_form .form-group .home_btn_hover {
  padding: 18px 58px;
  text-transform: initial;
  font-size: 18px;
  margin-top: 30px;
}

/*=============  contact_area css =============*/
/*=============  contact_banner_area css =============*/
.contact_banner_area {
  background: #260086;
  height: 830px;
  padding-top: 200px;
  position: relative;
}

/*=============  contact_banner_area css =============*/
/*=============  contact_area two css =============*/
.contact_area_two {
  background: #f7f8f9;
  padding-bottom: 100px;
}

.contact_box {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 56px 134px -44px #eff0f6;
  padding: 58px 100px 50px;
  margin-top: -300px;
  position: relative;
  z-index: 1;
}

.contact_box .contact_form {
  max-width: initial;
}

.contact_box .contact_form .checkbox_field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.contact_box .contact_form .checkbox_field .home_btn_hover {
  margin-top: 0;
}

.checkbox input[type="checkbox"] {
  display: none;
}

.checkbox input[type="checkbox"]:checked + .l_text:before {
  background: #ff4d6f;
  border-color: #ff4d6f;
}

.checkbox input[type="checkbox"]:checked + .l_text:after {
  transform: scale(1);
}

.checkbox .l_text {
  position: relative;
  top: 0;
  left: 0;
  padding-left: 35px;
  font-size: 16px;
  color: #181b31;
  font-weight: 400;
  cursor: pointer;
}

.checkbox .l_text span {
  color: #ff4d6f;
}

.checkbox .l_text:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 2px;
  position: absolute;
  border: 2px solid #dcdee2;
  left: 0;
  top: 6px;
  transition: all 0.2s linear;
}

.checkbox .l_text:after {
  content: "\e64c";
  position: absolute;
  font-family: "themify";
  left: 5px;
  font-size: 12px;
  top: 5px;
  color: #fff;
  transition: all 0.2s linear;
  line-height: 20px;
  transform: scale(0);
}

.contact_area_bg_white {
  background: #fff;
  padding: 100px 0px 150px;
}

.contact_area_bg_white .contact_box {
  margin-top: 0;
  box-shadow: 0px 56px 134px 44px #eff0f6;
}

.contact_info {
  margin-top: 100px;
}

.contact_info_item {
  padding-left: 100px;
  margin-bottom: 25px;
}

.contact_info_item h2 {
  font-size: 36px;
  color: #181b31;
  letter-spacing: -1.8px;
  font-family: "Spectral", serif;
}

.contact_info_item .item {
  padding-right: 25px;
}

.contact_info_item .item h5 {
  text-transform: uppercase;
  font-family: cerebriSans;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
}

.contact_info_item .item p {
  font-size: 16px;
  line-height: 30px;
  color: #899097;
  letter-spacing: -0.16px;
  font-family: cerebriSans;
  font-weight: 400;
  margin-bottom: 0;
}

.contact_info_item .item p a {
  color: #899097;
  transition: color 0.2s linear;
}

.contact_info_item .item p a:hover {
  color: #ff4d6f;
}

.contact_info_item .item .border_line {
  width: 30px;
  height: 1px;
  background: #ff4d6f;
  display: block;
  margin-top: 35px;
}

.contact_info_item .item + .item {
  margin-top: 35px;
}

.mapBox {
  height: 650px;
  margin-top: 130px;
}

/*=============  contact_area two css =============*/
/*=============  contact_area three css =============*/
.contact_area_three {
  padding: 200px 0px 100px;
}

.contact_area_three .section_title h2 {
  font-size: 72px;
  line-height: 80px;
}

/*=============  contact_area three css =============*/
/*=============  error_area css =============*/
.error_area {
  background: #ffe7e6;
  padding: 100px 0px;
}

.error_content h1 {
  font-size: 130px;
  color: #181b31;
  text-transform: uppercase;
}

.error_content h2 {
  font-size: 28px;
  line-height: 40px;
  color: #40464c;
  font-weight: 400;
  margin-bottom: 50px;
}

.error_content .agency_learn_btn i {
  margin-left: 0;
  margin-right: 15px;
  font-family: cerebriSans;
}

.error_content .agency_learn_btn:before {
  left: 36px;
}

.error_img {
  position: relative;
}

.error_img .one,
.error_img .two,
.error_img .three {
  position: absolute;
}

.error_img .one {
  top: 30px;
  left: 50%;
}

.error_img .two {
  left: 113px;
  top: 59%;
}

.error_img .three {
  right: 0;
  top: 45%;
}

/*=============  error_area css =============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/**
 * /*=============== multiscroll_area =============
 *
 * @format
 */
.multiscroll_area .pattern {
  position: absolute;
  z-index: 0;
  top: 150px;
  left: 0;
}

.multiscroll_area .active .split_content h2 {
  opacity: 1;
}

.multiscroll_area .active .split_content h2.splitting .char {
  animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(0.07s * var(--char-index));
}

.multiscroll_area .active .split_content p {
  opacity: 1;
}

.multiscroll_area .active .split_content p.splitting .char {
  animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(0.01s * var(--char-index));
}

.multiscroll_area .active .split_content .discover_btn {
  opacity: 1;
}

.multiscroll_area .active .split_content .discover_btn.splitting .char {
  animation: pop-char-out 1s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(0.07s * var(--char-index));
}

.multi_bg,
.multiscroll_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.split_content_box {
  max-width: 725px;
  margin-left: auto;
  margin-right: 0;
  padding-right: 190px;
  position: relative;
}

.split_content h2 {
  font-size: 100px;
  color: #f93a19;
  line-height: 80px;
  letter-spacing: -5px;
  font-family: "Spectral", serif;
  margin-bottom: 47px;
  transition: all 0.2s linear;
}

.split_content h2 sup {
  font-size: 30px;
  line-height: 20px;
  top: -50px;
}

.split_content p {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.2px;
  font-family: "neuzeit-grotesk";
  color: rgba(255, 255, 255, 0.4);
  font-weight: 300;
  margin-bottom: 53px;
  padding-right: 100px;
  transition: opacity 0.3s linear;
}

.split_content .discover_btn {
  transition: color 0.5s linear;
}

.split_content.two h2 {
  color: #d16750;
}

.split_content.three h2 {
  color: #bd974a;
}

.split_content.four h2 {
  color: #fd349b;
}

.split_content.five h2 {
  color: #f62636;
}

.discover_btn {
  font-size: 16px;
  font-family: cerebriSans;
  color: #fff;
  font-weight: 700;
  position: relative;
  padding-bottom: 7px;
}

.discover_btn:before {
  color: #f93a19;
}

.discover_btn::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #555555;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.3s linear;
}

.discover_btn:hover {
  color: #f93a19;
}

.discover_btn:hover:after {
  background: #f93a19;
}

#multiscroll-nav {
  top: auto;
  bottom: 40px;
  width: 280px;
  z-index: 80;
  text-align: right;
}

#multiscroll-nav ul li {
  display: inline-block;
  width: auto;
  height: auto;
}

#multiscroll-nav ul li a span {
  background: rgba(255, 255, 255, 0.3);
  border: 0px;
  width: 6px;
  height: 6px;
  transition: all 0.2s linear;
}

#multiscroll-nav ul li a.active span {
  background: #fff;
  transform: scale(1.02);
}

/*=============== multiscroll_area =============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/**
 * /*============  fullpage-wrapper css ============
 *
 * @format
 */
.fullpage-wrapper {
  z-index: 2;
}

.section .fp-bg {
  top: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.section .fp-bg:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.section.section_fullscreen_one .fp-bg:before, .section.section_fullscreen_two .fp-bg:before, .section.section_fullscreen_four .fp-bg:before {
  background: rgba(0, 0, 0, 0.1);
}

.section.section_fullscreen_three .fp-bg:before, .section.section_fullscreen_five .fp-bg:before {
  background: rgba(0, 0, 0, 0.25);
}

.vartical_parallax_banner .swiper-container {
  position: relative;
  width: 100%;
  float: left;
  height: 100vh;
}

.vartical_parallax_banner .swiper-container .swiper-slide {
  overflow: hidden;
}

.vartical_parallax_banner .swiper-container .swiper-slide.slider_five .overlay_bg {
  opacity: 0.3;
}

.vartical_parallax_banner .footer_content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 40px 50px 33px;
  z-index: 9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vartical_parallax_banner .footer_content p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  letter-spacing: 2.4px;
  font-family: "neuzeit-grotesk";
  text-transform: uppercase;
}

.vartical_parallax_banner .footer_content .swiper-pagination {
  display: flex;
  position: relative;
}

.vartical_parallax_banner .footer_content .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 1px;
  margin: 0px;
  background: #fff;
  transition: all 0.3s linear;
  transform: scaleX(0.7);
}

.vartical_parallax_banner .footer_content .swiper-pagination .swiper-pagination-bullet:after, .vartical_parallax_banner .footer_content .swiper-pagination .swiper-pagination-bullet:before,
.vartical_parallax_banner .footer_content .swiper-pagination .swiper-pagination-bullet span {
  display: none;
}

.vartical_parallax_banner .footer_content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 48px;
  margin-left: 10px;
  margin-right: 10px;
  transform: scaleX(1.2);
  opacity: 1;
}

.vartical_parallax_banner .footer_content .footer_social_icon {
  margin-bottom: 0;
}

.vartical_parallax_banner .footer_content .footer_social_icon li a {
  display: inline-block;
  width: 25px;
  height: 22px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.vartical_parallax_banner .footer_content .footer_social_icon li a i {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
}

.vartical_parallax_banner .footer_content .footer_social_icon li a i + i {
  top: 110%;
}

.vartical_parallax_banner .footer_content .footer_social_icon li a:hover i {
  top: -101%;
}

.vartical_parallax_banner .footer_content .footer_social_icon li a:hover i + i {
  top: 0;
}

.footer_content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 40px 50px 33px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer_content p,
.footer_content a {
  margin-bottom: 0;
  color: #fff;
  font-size: 12px;
  letter-spacing: 2.4px;
  font-family: "neuzeit-grotesk";
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}

.footer_content .footer_social_icon {
  line-height: initial;
}

.footer_content .footer_social_icon li {
  line-height: initial;
}

.footer_content .footer_social_icon li a {
  display: inline-block;
  width: 25px;
  height: 22px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.footer_content .footer_social_icon li a i {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
}

.footer_content .footer_social_icon li a i + i {
  top: 110%;
}

.footer_content .footer_social_icon li a:hover i {
  top: -101%;
}

.footer_content .footer_social_icon li a:hover i + i {
  top: 0;
}

.icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.swiper_navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  right: 60px;
}

.swiper_navigation .swiper_next,
.swiper_navigation .swiper_prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  line-height: 60px;
  font-size: 10px;
  color: #fff;
  cursor: pointer;
  margin: 10px 0px;
  transition: background 0.3s, color 0.3s;
}

.swiper_navigation .swiper_next:hover,
.swiper_navigation .swiper_prev:hover {
  background: #fff;
  color: #212529;
}

.swiper_navigation .swiper_next {
  border: 0px;
}

.swiper_navigation .swiper_next:before, .swiper_navigation .swiper_next:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: 1;
}

.swiper_navigation .swiper_next:before {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.swiper_navigation .swiper_next:after {
  border: 0 solid transparent;
}

.swiper_navigation .swiper_next.animate:before {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
  transition: border-top-color 0.5s linear,
  border-right-color 0.5s linear 1s,
  border-bottom-color 0.5s linear 2.2s;
}

.swiper_navigation .swiper_next.animate:after {
  border-top: 1px solid #fff;
  border-left-width: 1px;
  border-right-width: 1px;
  transform: rotate(270deg);
  transition: transform 3.9s linear 0s, border-left-width 0s linear 0.35s;
}

.section .parallax_banner_content h6,
.section .parallax_banner_content h2,
.section .parallax_banner_content p {
  color: #fff;
  overflow: hidden;
  position: relative;
}

.section .parallax_banner_content h6,
.section .parallax_banner_content p {
  font-family: "neuzeit-grotesk";
}

.section .parallax_banner_content h2 {
  font-family: "Spectral", serif;
}

.section .parallax_banner_content p {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 32px;
  letter-spacing: 0.2px;
}

.section .parallax_banner_content p.word {
  overflow: hidden;
}

.section .parallax_banner_content .agency_learn_btn {
  font-family: "neuzeit-grotesk";
  font-size: 16px;
  text-transform: uppercase;
}

.section .parallax_banner_content .agency_learn_btn:before {
  color: #fff;
}

.section .parallax_banner_content .agency_learn_btn:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ff4d6f;
  transition: width 0.6s, background 0.4s;
}

.section .parallax_banner_content .agency_learn_btn:hover:after {
  background: #ffff;
  left: auto;
  right: 0;
  width: 0;
}

.section .parallax_banner_content.parallax_banner_content_one h6 {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.section .parallax_banner_content.parallax_banner_content_one h2 {
  font-size: 150px;
  color: #ffb57a;
  font-weight: 700;
  letter-spacing: -7.5px;
  margin-bottom: 2px;
}

.section .parallax_banner_content.parallax_banner_content_one p {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.24px;
  font-weight: 400;
  margin-bottom: 0;
}

.section .parallax_banner_content.parallax_banner_content_two {
  max-width: 890px;
  margin: 0 auto;
}

.section .parallax_banner_content.parallax_banner_content_two h6 {
  font-size: 18px;
  letter-spacing: 0.45px;
  margin-bottom: 28px;
}

.section .parallax_banner_content.parallax_banner_content_two h2 {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -1.5px;
  margin-bottom: 45px;
}

.section .parallax_banner_content.parallax_banner_content_three {
  padding-left: 200px;
  position: relative;
}

.section .parallax_banner_content.parallax_banner_content_three .title {
  position: absolute;
  left: 0;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  text-align: right;
}

.section .parallax_banner_content.parallax_banner_content_three .title h6 {
  font-size: 18px;
  letter-spacing: 0.45px;
  margin: 0;
}

.section .parallax_banner_content.parallax_banner_content_three .title h1 {
  font-size: 150px;
  line-height: 150px;
  font-family: "Spectral", serif;
  letter-spacing: -3.75px;
  color: #fff;
  margin: 0;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #fff;
  transition: color 0.3s linear;
  margin-top: 30px;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  text-align: center;
  line-height: 51px;
  font-size: 16px;
  color: #fff;
  margin-right: 20px;
  padding-left: 6px;
  transition: color 0.3s linear;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn .icon:before, .section .parallax_banner_content.parallax_banner_content_three .video_btn .icon:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn .icon:before {
  border: 1px solid #fff;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn .icon:after {
  border: 0 solid transparent;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn:hover {
  color: #ff4d6f;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn:hover .icon {
  color: #ff4d6f;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn:hover .icon:before {
  border-top-color: #ff4d6f;
  border-right-color: #ff4d6f;
  border-bottom-color: #ff4d6f;
  transition: border-top-color 0.15s linear,
  border-right-color 0.15s linear 0.1s,
  border-bottom-color 0.15s linear 0.2s;
}

.section .parallax_banner_content.parallax_banner_content_three .video_btn:hover .icon:after {
  border-top: 1px solid #ff4d6f;
  border-left-width: 1px;
  border-right-width: 1px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s,
  border-left-width 0s linear 0.35s;
}

.section.section_fullscreen_one .fullpage_btn {
  border-radius: 45px;
  font-family: "neuzeit-grotesk";
  color: #0a0703;
  background: #ffb57a;
  padding: 17px 51px 16px;
  letter-spacing: 0.8px;
}

.section.section_fullscreen_one .fullpage_btn:after {
  display: none;
}

.section.section_fullscreen_one .fullpage_btn:hover {
  color: #0a0703;
  background: #fff;
}

.section.section_fullscreen_two .parallax_banner_content_two {
  text-align: center;
}

.section.section_fullscreen_four .parallax_banner_content h6 {
  font-size: 18px;
  margin-bottom: 0;
}

.section.section_fullscreen_four .parallax_banner_content h2 {
  font-size: 200px;
  line-height: 155px;
  letter-spacing: -10px;
}

.section.section_fullscreen_four .parallax_banner_content .agency_learn_btn {
  color: #fff;
  margin-top: 50px;
}

.section.section_fullscreen_four .parallax_banner_content .agency_learn_btn:after {
  background: #fff;
}

.section.section_fullscreen_five .parallax_banner_content {
  max-width: 800px;
  margin: 0 auto;
}

.section.section_fullscreen_five .parallax_banner_content h4 {
  font-size: 36px;
  font-family: "Spectral", serif;
  color: #fff;
  line-height: 38px;
  text-align: left;
  margin-bottom: 20px;
}

.section.section_fullscreen_five .parallax_banner_content h2 {
  font-size: 200px;
  letter-spacing: -10px;
  line-height: 180px;
}

.section.section_fullscreen_five .parallax_banner_content .video_btn_two {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.8px;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
  padding: 19px 43px;
  font-family: "neuzeit-grotesk";
  text-transform: uppercase;
  position: relative;
  margin-top: 15px;
}

.section.section_fullscreen_five .parallax_banner_content .video_btn_two i {
  margin-right: 10px;
}

.section.section_fullscreen_five .parallax_banner_content .video_btn_two:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 5px;
  left: 5px;
  position: absolute;
  border: 1px solid #fff;
  transition: all 0.2s linear;
}

.section.section_fullscreen_five .parallax_banner_content .video_btn_two:hover {
  background: #fff;
  color: #0a0703;
}

.section.section_fullscreen_five .parallax_banner_content .video_btn_two:hover:before {
  top: 0;
  left: 0;
}

.section.active.section_fullscreen_one h6 .char {
  animation: fadeInUp 1s linear both 0.5s;
  animation-delay: calc(0.06s * var(--char-index));
}

.section.active.section_fullscreen_one h2 .char {
  animation: fadeInUp 0.8s linear both 1.2s;
  animation-delay: calc(0.1s * var(--char-index));
}

.section.active.section_fullscreen_one p .char {
  animation: fadeInUp 0.6s linear both 1.2s;
}

.section.active.section_fullscreen_two h6 .char {
  animation: fadeInUp 0.5s linear both 0.5s;
  animation-delay: calc(0.06s * var(--char-index));
}

.section.active.section_fullscreen_two h2 .char {
  animation: fadeInUp 0.5s linear both 0.5s;
  animation-delay: calc(0.01s * var(--char-index));
}

.section.active.section_fullscreen_two .agency_learn_btn {
  animation: fadeInUp 0.5s linear both 1s;
}

.section.active.section_fullscreen_three h6 {
  animation: fadeInUp 0.5s linear both 0.7s;
}

.section.active.section_fullscreen_three h1 {
  animation: fadeInUp 0.7s linear both 0.6s;
}

.section.active.section_fullscreen_three .text {
  animation: fadeInDown 0.7s linear both 0.6s;
}

.section.active.section_fullscreen_four .parallax_banner_content {
  animation: fadeInUp 0.7s linear both 0.6s;
}

.section.active.section_fullscreen_five h4 .char {
  animation: fadeInUp 0.5s linear both 0.6s;
  animation-delay: calc(0.08s * var(--char-index));
}

.section.active.section_fullscreen_five h2 .char {
  animation: fadeInUp 0.9s linear both 0.6s;
  animation-delay: calc(0.09s * var(--char-index));
}

.section.active.section_fullscreen_five p {
  animation: fadeInUp 0.5s linear both 0.6s;
}

.section.active.section_fullscreen_five .video_btn_two {
  animation: fadeInUp 0.5s linear both 0.6s;
}

#fp-nav {
  left: 45px;
  transform: translateY(-40%);
}

#fp-nav ul li {
  width: auto;
  height: auto;
  line-height: inherit;
  margin-bottom: 5px;
}

#fp-nav ul li a {
  position: relative;
  overflow: hidden;
  line-height: 20px;
}

#fp-nav ul li a:before, #fp-nav ul li a:after {
  content: '';
  position: absolute;
  border-radius: 50%;
}

#fp-nav ul li a:before {
  width: 6px;
  height: 6px;
  background: #fff;
  opacity: 0.3;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s linear;
}

#fp-nav ul li a:after {
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  left: 0;
  top: 50%;
  transform: scale(0.4) translateY(-102%);
  opacity: 0;
  transition: all 0.6s linear;
}

#fp-nav ul li a span {
  color: #fff;
  opacity: 1;
  animation: fadeOut 0.4s both 0s;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0px;
  margin: 0px 0px 0px 22px;
  background: transparent;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#fp-nav ul li a:hover:before, #fp-nav ul li a.active:before {
  opacity: 1;
}

#fp-nav ul li a:hover:after, #fp-nav ul li a.active:after {
  transform: scale(1) translateY(-50%);
  opacity: 1;
}

#fp-nav ul li a:hover span, #fp-nav ul li a.active span {
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 22px;
  animation: fadeInUp 1s both 0s;
}

/*================= fullscreen_slider css ===============*/
.fullscreen_slider .swiper-container .swiper-slide {
  display: block;
}

.fullscreen_slider .swiper-container .swiper-slide img {
  width: auto;
  height: auto;
}

.fullscreen_slider .swiper-container .swiper-slide.swiper-slide-active .fullscreen_slider_img .fullscreen_overlay_img {
  transform: translate3d(0, 0, 0);
}

.fullscreen_slider .swiper-container .swiper-slide.swiper-slide-active .fullscreen_slider_img .fullscreen_overlay_img:before {
  transform: scaleY(0);
}

.fullscreen_slider .swiper-container .swiper-slide.swiper-slide-active .slider_title .number .char {
  animation: fadeInDown 0.6s linear both 0.4s;
  animation-delay: calc(0.2s * var(--char-index));
}

.fullscreen_slider .swiper-container .swiper-slide.swiper-slide-active .slider_title h2 .char {
  animation: fadeInUp 0.7s linear both 1s;
  animation-delay: calc(0.15s * var(--char-index));
}

.fullscreen_slider .swiper-container .swiper-slide.swiper-slide-active p .char {
  animation: pop-char-out 2s linear both 2s;
  animation-delay: calc(0.02s * var(--char-index));
}

.fullscreen_slider .swiper-container .swiper-slide.swiper-slide-active .discover_btn {
  animation: fadeInRight 0.4s linear both 1.4s;
}

.fullscreen_slider .swiper_navigation {
  position: initial;
  top: auto;
  transform: initial;
}

.fullscreen_slider .swiper_navigation .swiper_next,
.fullscreen_slider .swiper_navigation .swiper_prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  margin: 0px;
}

.fullscreen_slider .swiper_navigation .swiper_next {
  right: 50px;
}

.fullscreen_slider .swiper_navigation .swiper_prev {
  left: 50px;
}

.fullscreen_slider_info {
  max-width: 640px;
  margin: 0 auto;
}

.fullscreen_slider_info .slider_img {
  height: 700px;
  overflow: hidden;
  position: relative;
  margin-bottom: 50px;
}

@media (max-height: 768px) {
  .fullscreen_slider_info .slider_img {
    height: calc(100vh - 237px);
    width: calc(100vw - 790px);
    margin-left: auto;
    margin-right: auto;
  }
}

.fullscreen_slider_info .fullscreen_slider_img {
  display: block;
  height: 100%;
}

.fullscreen_slider_info .fullscreen_slider_img img {
  display: none;
}

.fullscreen_slider_info .d-flex {
  align-items: center;
}

.fullscreen_slider_info .text {
  max-width: 400px;
}

.fullscreen_slider_info .text p {
  font-family: "neuzeit-grotesk";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.2px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
}

.fullscreen_slider_info .discover_btn {
  font-family: Bagnard;
  font-size: 30px;
  font-weight: 400;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
}

.fullscreen_slider_info .discover_btn:after {
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
}

.fullscreen_slider_info .discover_btn:hover {
  color: #fff;
}

.fullscreen_slider_info .discover_btn:hover:after {
  background: #fff;
}

.slider_content {
  position: relative;
  max-width: 995px;
  margin: 0 auto;
}

.slider_content .word {
  overflow: hidden;
  display: initial;
}

.slider_content .slider_title {
  position: absolute;
  width: max-content;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
}

.slider_content .slider_title .number {
  font-size: 30px;
  font-family: Bagnard;
  color: #fff;
}

.slider_content .slider_title h2 {
  font-size: 200px;
  letter-spacing: -10px;
  font-family: Bagnard;
  color: #fff;
  margin-bottom: 0;
  line-height: 210px;
}

/*================= fullscreen_slider css ===============*/
/*================= agency_scroll css ===============*/
.phone_top {
  font-size: 14px;
  color: #fff;
  font-family: "neuzeit-grotesk";
  letter-spacing: 1.4px;
  position: absolute;
  z-index: 3;
  left: 375px;
  top: 50px;
}

.phone_top span {
  color: #666666;
  text-transform: uppercase;
}

.phone_top:hover {
  color: #ff4d6f;
}

.full_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  padding-left: 19.5vw;
  padding-bottom: 60px;
}

.full_footer.content-black span {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear;
}

.full_footer.content-black ul {
  opacity: 1;
  visibility: visible;
}

.full_footer span {
  cursor: pointer;
  color: #fff;
  font-size: 25px;
}

.full_footer ul {
  display: inline-block;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear;
  margin-left: -21px;
}

.full_footer ul li {
  display: inline-block;
}

.full_footer ul li a {
  color: #666666;
  font-size: 14px;
  font-family: "neuzeit-grotesk";
  line-height: 14px;
  border-left: 1px solid #666;
  display: inline-block;
  margin-left: 9px;
  padding-left: 15px;
  transition: color 0.2s linear;
}

.full_footer ul li a:hover {
  color: #fff;
}

.full_footer ul li:first-child a {
  padding-left: 0;
  margin-left: 0;
  border: 0px;
}

.agency_scroll {
  height: 100%;
  padding-left: 100px;
  background: #1a1a1a;
  position: relative;
}

.agency_scroll .section:before {
  content: '';
  position: absolute;
  background: #2a2a2a;
  right: 375px;
  top: 0;
  height: 100%;
  width: 1px;
}

.agency_scroll .fp-scroller .d-flex {
  height: 100%;
}

.agency_scroll .active .content h6 {
  animation: fadeInUp 0.7s linear both 0.5s;
}

.agency_scroll .active .content h2 .char {
  animation: pop-char-out 1s linear both;
  animation-delay: calc(0.01s * var(--char-index));
}

.agency_scroll .active .content .h_text_btn {
  overflow: hidden;
}

.agency_scroll .active .content .h_text_btn .char {
  animation: pop-char-out 1.4s cubic-bezier(0.5, 0, 0.5, 1) both 0.7s;
  animation-delay: calc(0.03s * var(--char-index));
}

.agency_scroll .active .content .h_text_btn:before {
  animation: fadeInLeft 2s cubic-bezier(0.5, 0, 0.5, 1) both;
}

.agency_scroll .active .agency_text:before {
  animation: slideInLeft 1s cubic-bezier(0.5, 0, 0.5, 1) both;
}

.agency_scroll .active .agency_text h6 .char {
  animation: pop-char-out 1s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(0.09s * var(--char-index));
}

.agency_scroll .active.agency_scroll_section_one + .agency_scroll_section_two .agency_text:before {
  animation: slideInLeft 1s cubic-bezier(0.5, 0, 0.5, 1) both;
}

.agency_scroll .active.agency_scroll_section_one + .agency_scroll_section_two .agency_text h6 .char {
  animation: pop-char-out 1s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(0.09s * var(--char-index));
}

.agency_scroll .active.agency_scroll_section_two .agency_text:before, .agency_scroll .active.agency_scroll_section_two .agency_text .char, .agency_scroll .active.agency_scroll_section_two h6:before, .agency_scroll .active.agency_scroll_section_two h6 .char {
  animation: inherit;
}

.agency_container_left {
  width: 51.9%;
  display: flex;
  align-items: center;
}

.agency_container_left .content {
  max-width: 670px;
  padding-right: 200px;
  margin-left: auto;
  margin-right: 0;
}

.agency_container_left .content h6 {
  font-size: 14px;
  font-family: "neuzeit-grotesk";
  color: #666666;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.agency_container_left .content h2 {
  font-size: 30px;
  line-height: 48px;
  color: #fff;
  font-family: "neuzeit-grotesk";
  margin-bottom: 50px;
}

.agency_container_left .content h2 .char {
  animation-delay: calc(0.01s * var(--char-index));
}

.agency_container_left .content .h_text_btn {
  font-size: 18px;
  font-family: "neuzeit-grotesk";
  color: #fff;
  position: relative;
  display: inline-block;
  transition: color 0.3s linear;
}

.agency_container_left .content .h_text_btn:before, .agency_container_left .content .h_text_btn:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #666666;
  position: absolute;
  bottom: 0;
  left: 0;
}

.agency_container_left .content .h_text_btn:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  background-color: #e72323;
  transition: transform 0.4s ease 0.2s;
}

.agency_container_left .content .h_text_btn:before {
  transform-origin: 100% 50%;
  transition: transform 0.4s ease;
}

.agency_container_left .content .h_text_btn:hover {
  color: #e72323;
}

.agency_container_left .content .h_text_btn:hover:after {
  transform: scaleX(1);
}

.agency_container_left .content .h_text_btn:hover:before {
  transform: scaleX(0);
}

.agency_scroll_section_one .d-flex {
  height: 100%;
}

.agency_scroll_section_one .agency_container_left {
  position: relative;
  z-index: 2;
}

.agency_scroll_section_one .agency_container_right .agency_img {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
}

.agency_scroll_section_one .agency_container_right .agency_img .agency_text {
  bottom: 0px;
  left: 0;
  top: auto;
}

.agency_scroll_section_one .agency_container_right .agency_img .agency_text h2 {
  margin-bottom: 0;
  margin-bottom: -30px;
  position: relative;
}

.agency_scroll_section_one .content {
  padding-right: 0;
}

.agency_scroll_section_one .content h2 {
  font-size: 55px;
  line-height: 65px;
  font-weight: 500;
  font-family: ButlerM;
  letter-spacing: -1.3px;
  margin-right: -150px;
}

.agency_scroll_section_two .agency_container_right {
  transform: translateY(-70%);
  transition: all 0.8s;
}

.agency_scroll_section_two.active .agency_container_right {
  transform: translateY(0);
  transition: all 0.7s;
}

.agency_container_right {
  width: 48.1%;
}

.agency_container_right .agency_img {
  position: relative;
  text-align: right;
}

@media (min-width: 1921px) {
  .agency_container_right .agency_img {
    max-width: 870px;
    margin-right: 0;
    margin-left: auto;
  }
}

.agency_container_right .agency_img .agency_text {
  position: absolute;
  top: 150px;
  left: 0;
  bottom: 150px;
  padding-left: 230px;
  z-index: 1;
  text-align: left;
  font-family: "neuzeit-grotesk";
  color: #fff;
  padding-top: 70px;
  overflow: hidden;
}

.agency_container_right .agency_img .agency_text:before {
  width: 330px;
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  background: #e72323;
  height: 100%;
  z-index: -1;
}

.agency_container_right .agency_img .agency_text h6 {
  font-size: 12px;
  color: #fff;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  position: absolute;
  left: 0;
  top: 70px;
  transform: rotate(180deg);
}

.agency_container_right .agency_img .agency_text .number {
  font-size: 24px;
  font-family: Bagnard;
  font-weight: 400;
  margin-bottom: 55px;
}

.agency_container_right .agency_img .agency_text .title {
  font-size: 16px;
  margin-bottom: 16px;
  color: #fff;
  display: inline-block;
}

.agency_container_right .agency_img .agency_text h2 {
  font-size: 60px;
  line-height: 60px;
  font-family: Bagnard;
}

.agency_scroll_contact .content h6 {
  color: #e72323;
  margin-bottom: 8px;
}

.agency_scroll_contact .content .email {
  color: #fff;
  font-size: 55px;
  line-height: 65px;
  letter-spacing: -1.3px;
  font-family: ButlerM;
  border-bottom: 1px solid #5f5f5f;
  margin-bottom: 32px;
  display: inline-block;
}

.agency_scroll_contact .content p {
  color: #666666;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.2px;
}

.agency_scroll_contact .media {
  justify-content: flex-end;
}

.agency_scroll_contact .media .media-body {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  letter-spacing: 0.16px;
  max-width: 190px;
  font-family: "neuzeit-grotesk";
  position: relative;
  padding-left: 35px;
  padding-right: 30px;
}

.agency_scroll_contact .media .media-body img {
  position: absolute;
  left: 0;
  top: 8px;
}

.agency_scroll_contact .media .contact_img {
  position: relative;
  z-index: 1;
}

.agency_scroll_contact .media .contact_img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.7;
  z-index: 1;
}

.agency_scroll_contact .media .contact_img img {
  filter: grayscale(1);
}

/*================= agency_scroll css ===============*/
.main_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  z-index: 1000;
  background: #0f0f0f;
  padding: 40px 18px;
}

.main_header .header_social {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
}

.main_header .header_social a {
  display: block;
  font-size: 20px;
  color: #434343;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 14px auto 0;
  position: relative;
}

.main_header .header_social a i {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
}

.main_header .header_social a i + i {
  top: 110%;
}

.main_header .header_social a:hover i {
  top: -101%;
  color: #fff;
}

.main_header .header_social a:hover i + i {
  top: 0;
}

.main_header .nav_button {
  position: absolute;
  width: 20px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  display: flex;
  margin-left: -10px;
  cursor: pointer;
}

.main_header .nav_button span {
  display: block;
  background: #878787;
  width: 1px;
  height: 20px;
  transition: all 0.2s;
}

.main_header .nav_button span:nth-child(1) {
  transform: translateY(-6px);
}

.main_header .nav_button span:nth-child(3) {
  transform: translateY(-10px);
}

.main_header .nav_button span + span {
  margin-left: 6px;
}

.main_header .nav_button.active span {
  transform: translateY(0);
  transform: rotate(-45deg);
  margin-left: 8px;
}

.main_header .nav_button.active span:nth-child(1) {
  transform: rotate(45deg);
}

.main_header .nav_button.active span:nth-child(3) {
  opacity: 0;
}

.main_header .nav_button.active span + span {
  margin-left: -1px;
}

/*============ multi_scroll_menu css ============*/
.multi_scroll_menu {
  background: transparent;
  height: auto;
  width: 50%;
  padding: 30px 50px;
  display: flex;
  align-items: center;
}

.multi_scroll_menu .header_social {
  width: auto;
  position: relative;
  bottom: auto;
  line-height: initial;
  margin-left: 95px;
}

.multi_scroll_menu .header_social a {
  display: inline-block;
  margin-top: 0;
  color: #655f5f;
  margin-left: 15px;
}

.multi_scroll_menu.scroll_menu_full {
  width: 100%;
}

.multi_scroll_menu.scroll_menu_full .nav_button {
  width: 30px;
  left: auto;
}

.multi_scroll_menu.scroll_menu_full .nav_button span {
  background: #fff;
  height: 1px;
}

.multi_scroll_menu.scroll_menu_full .nav_button span:nth-child(3) {
  display: none;
}

.multi_scroll_menu.scroll_menu_full .nav_button span:nth-child(2) {
  margin-top: 8px;
  transform: translateX(-10px);
}

.multi_scroll_menu.scroll_menu_full .nav_button.active span:nth-child(1) {
  transform: rotate(42deg) translateY(1px) translateX(0px);
}

.multi_scroll_menu.scroll_menu_full .nav_button.active span:nth-child(2) {
  transform: translateX(0px) rotate(-44deg);
  margin-top: 0;
}

.nav_button.burger_menu {
  left: auto;
  right: 50px;
  width: 24px;
  flex-wrap: wrap;
  margin-left: 0;
  top: 45%;
  justify-content: flex-end;
  cursor: pointer;
}

.nav_button.burger_menu span {
  height: 2px;
  width: 100%;
  background: #655f5f;
  display: block;
  transition: all 0.2s linear;
}

.nav_button.burger_menu span + span {
  margin-left: 0;
  margin-top: 5px;
}

.nav_button.burger_menu span:nth-child(1), .nav_button.burger_menu span:nth-child(3) {
  transform: translateY(0);
}

.nav_button.burger_menu span:nth-child(3) {
  width: 50%;
}

.nav_button.burger_menu.active span {
  margin-left: 0;
  transform: rotate(-44deg);
}

.nav_button.burger_menu.active span:nth-child(1) {
  transform: rotate(42deg) translateY(2px) translateX(1px);
}

.nav_button.burger_menu.active span + span {
  margin-left: 0px;
  margin-top: 0;
}

.nav_button.burger_menu:hover span {
  background: #fff;
}

/*============ multi_scroll_menu css ============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============= comingsoon_area =============*/
.comingsoon_area {
  height: 100vh;
  background: #f9f3ef;
  padding-top: 20vh;
}

.comingsoon_area .error_img img {
  max-width: 100%;
}

.comingsoon_area .copy_right_text {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
}

.comingsoon_content h2 {
  font-size: 5vw;
  color: #ff564f;
  line-height: 1.2;
  font-family: "Spectral", serif;
  margin-bottom: 18px;
  letter-spacing: -7.5px;
}

.comingsoon_content p {
  font-size: 24px;
  line-height: 36px;
  color: #746f6b;
  font-family: cerebriSans;
  font-weight: 400;
}

.comingsoon_form {
  margin-top: 50px;
}

.comingsoon_form .form-group {
  max-width: 470px;
  position: relative;
}

.comingsoon_form .form-group .form-control {
  border: 0px;
  box-shadow: 0px 70px 70px 0px rgba(249, 243, 239, 0.7);
  height: 70px;
  border-radius: 45px;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  padding-left: 65px;
  padding-right: 80px;
}

.comingsoon_form .form-group .form-control.placeholder {
  color: #c3beb9;
}

.comingsoon_form .form-group .form-control:-moz-placeholder {
  color: #c3beb9;
}

.comingsoon_form .form-group .form-control::-moz-placeholder {
  color: #c3beb9;
}

.comingsoon_form .form-group .form-control::-webkit-input-placeholder {
  color: #c3beb9;
}

.comingsoon_form .form-group .plane {
  position: absolute;
  left: 30px;
  top: 0px;
  line-height: 70px;
  font-size: 20px;
  color: #888380;
}

.comingsoon_form .form-group .arrow_btn {
  position: absolute;
  right: 5px;
  border: 0px;
  padding: 0px;
  background: #2568ef;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top: 5px;
  color: #fff;
  transition: all 0.2s linear;
}

.comingsoon_form .form-group .arrow_btn:hover {
  background: #ff564f;
}

/*============= comingsoon_area =============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========== agency_footer_area css =========*/
.f_title {
  color: #181b31;
  margin-bottom: 28px;
}

.agency_footer_top {
  padding: 100px 0px;
}

.agency_f_widget {
  margin-bottom: 0;
}

.agency_f_widget li a {
  font: 400 16px/48px "neue-haas-unica";
  color: #899097;
}

.agency_footer_list {
  margin-bottom: 0;
}

.agency_footer_list li {
  font: 400 16px/44px "neue-haas-unica";
  letter-spacing: 0.16px;
  color: #899097;
}

.agency_footer_list li a {
  color: #899097;
  transition: color 0.2s linear;
}

.agency_footer_list li a:hover {
  color: #3740ff;
}

.footer_social_icon {
  margin-bottom: 10px;
}

.footer_social_icon li {
  display: inline-block;
  margin-right: 10px;
}

.footer_social_icon li a {
  color: #aaa;
  font-size: 16px;
  line-height: 20px;
}

.footer_social_icon li a:hover {
  color: #3740ff;
}

.agency_footer_bottom {
  padding: 10px 0px 90px;
}

.copy_right_text {
  color: #899097;
  margin-bottom: 0;
}

.copy_right_text a {
  color: #181b31;
}

.copy_right_text i {
  color: #ff3f63;
}

/*========== agency_footer_area css =========*/
/*========== saas_footer_area css =========*/
.saas_footer_area {
  background: #6c21e9;
  border-radius: 20px;
  align-items: center;
  padding: 62px 85px;
  margin-bottom: 100px;
  overflow: hidden;
  position: relative;
}

.saas_footer_area p {
  font-size: 16px;
  font-family: "neue-haas-unica";
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}

.saas_footer_area p a {
  color: #fff;
  opacity: 0.5;
}

.saas_footer_area p a:hover {
  opacity: 1;
}

.saas_footer_area .saas_social_icon a {
  font-size: 16px;
  color: #fff;
  transition: all 0.2s linear;
}

.saas_footer_area .saas_social_icon a:hover {
  opacity: 0.5;
}

.saas_footer_area .saas_social_icon a + a {
  margin-left: 14px;
}

.saas_footer_area .logo_info p {
  padding-top: 12px;
  opacity: 0.5;
}

/*========== saas_footer_area css =========*/
/*========== startup_footer css =========*/
.stratup_footer_area {
  background: #695fff;
  position: relative;
  padding: 100px 0px;
  z-index: 0;
}

.stratup_footer_area:before {
  content: "";
  width: 100%;
  height: 530px;
  position: absolute;
  bottom: 99%;
  left: 0;
  z-index: -1;
  background: url("../img/startup/footer_shape.png") no-repeat scroll center top;
  background-size: cover;
}

.startup_footer .saas_social_icon {
  margin-bottom: 16px;
}

.startup_footer .saas_social_icon a {
  color: #fff;
}

.startup_footer .saas_social_icon a + a {
  margin-left: 18px;
}

.startup_footer p {
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  font-family: "neue-haas-unica";
  letter-spacing: 0.35px;
}

/*========== startup_footer css =========*/
/*========== app_footer_area css =========*/
.app_footer_area {
  padding: 92px 0px;
}

.app_footer_left {
  font-family: "neue-haas-unica";
}

.app_footer_left h3 {
  font-size: 18px;
  font-weight: 500;
  color: #33375c;
  margin-bottom: 20px;
}

.app_footer_left ul {
  margin-bottom: 0;
}

.app_footer_left ul li {
  display: inline-block;
}

.app_footer_left ul li a {
  font-size: 15px;
  color: #455880;
}

.app_footer_left ul li a:hover {
  color: #ff7388;
}

.app_footer_left ul li + li {
  margin-left: 35px;
}

.app_footer_right .footer_social_icon {
  margin-bottom: 18px;
}

.app_footer_right .footer_social_icon li a {
  color: #33375c;
  font-size: 18px;
}

.app_footer_right .footer_social_icon li a:hover {
  color: #ff7388;
}

.app_footer_right p {
  font-size: 14px;
  color: #959ba9;
  font-weight: 400;
  margin-bottom: 0;
}

.app_footer_right p a {
  font-weight: 500;
  color: #33375c;
}

.app_footer_right p i {
  color: #ff7388;
}

/*========== app_footer_area css =========*/
/*========== home_footer_area css =========*/
.home_footer_area .agency_footer_list li a:hover {
  color: #ff4d6f;
}

.home_footer_top {
  padding: 115px 0px 80px;
}

.home_footer_top_two {
  padding: 145px 0px 80px;
}

.home_footer_bottom {
  border-top: 1px solid #dfe2e7;
  padding: 39px 0px;
}

.home_footer_bottom .row {
  align-items: center;
}

.home_footer_bottom .footer_social_icon {
  display: inline-block;
  margin-bottom: 0;
}

.home_footer_bottom .footer_social_icon li {
  margin-right: 20px;
}

.home_footer_bottom .footer_social_icon li a:hover {
  color: #ff4d6f;
}

.home_footer_bottom .copy_right_text {
  display: inline-block;
}

/*========== home_footer_area css =========*/
/*========== restaurent_footer_area css =========*/
.restaurent_footer_area {
  padding-top: 145px;
}

.border_bottom {
  border-top: 1px dashed #4a4a4a;
  margin-top: 75px;
}

.restaurent_footer_area p {
  font-family: futuraPtB;
  font-size: 18px;
  letter-spacing: 0.45px;
  line-height: 30px;
  color: #7a7a7a;
}

.restaurent_footer_area p span {
  color: #fff;
  display: block;
}

.restaurent_footer_area p a {
  color: #7a7a7a;
}

.rest_f-title {
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.9px;
  font-family: futuraPtD;
  margin-bottom: 30px;
}

.rest_location_widget {
  padding-right: 150px;
}

.rest_newsletter {
  margin-bottom: 14px;
  padding-top: 5px;
}

.rest_newsletter .form-control {
  background: transparent;
  border: 1px dashed #4a4a4a;
  border-radius: 0px;
  height: auto;
  color: #fff;
  padding-left: 30px;
  box-shadow: none;
}

.rest_newsletter .form-control.placeholder {
  color: #6a6a6a;
}

.rest_newsletter .form-control:-moz-placeholder {
  color: #6a6a6a;
}

.rest_newsletter .form-control::-moz-placeholder {
  color: #6a6a6a;
}

.rest_newsletter .form-control::-webkit-input-placeholder {
  color: #6a6a6a;
}

.rest_newsletter .restaurent_btn {
  min-width: auto;
  padding: 13px 40px;
  border: 1px dashed #4a4a4a;
  letter-spacing: 0.45px;
  background: #272727;
}

.rest_newsletter .restaurent_btn:after {
  background: #e83622;
}

.rest_footer_boottom {
  padding: 70px 0px;
}

.rest_social_icon {
  margin-bottom: 0;
}

.rest_social_icon li {
  display: inline-block;
  margin-right: 7px;
}

.rest_social_icon li a {
  width: 48px;
  height: 48px;
  line-height: 49px;
  border-radius: 50%;
  background: #272727;
  text-align: center;
  font-size: 20px;
  color: #4a4a4a;
  display: flex;
  transition: all 0.2s linear;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
}

.rest_social_icon li a:hover {
  background: #e83622;
  color: #fff;
}

.rest_social_icon li:last-child {
  margin-right: 0;
}

/*========== restaurent_footer_area css =========*/
/*========== pho_footer_area css =========*/
.pho_footer_area {
  font-family: "GRIFTERB";
  padding: 100px 0px 150px;
}

.pho_location_widget .item h4 {
  font-size: 18px;
  color: #7a7a7a;
  letter-spacing: 0.45px;
  line-height: 30px;
  margin-bottom: 20px;
}

.pho_location_widget .item a {
  color: #fff;
  font-size: 36px;
  letter-spacing: 0.9px;
}

.pho_location_widget .item a:hover {
  color: #ff3f63;
}

.pho_location_widget .item + .item {
  margin-top: 20px;
}

.pho_menu_widget .f_menu {
  margin-bottom: 0;
}

.pho_menu_widget .f_menu li a {
  font-size: 18px;
  color: #5a5a5a;
  line-height: 36px;
  display: inline-block;
  transition: color 0.2s linear;
}

.pho_menu_widget .f_menu li a:hover {
  color: #ff3f63;
}

.pho_menu_widget .rest_social_icon {
  padding-top: 40px;
}

.pho_menu_widget .rest_social_icon li a:hover {
  background: #ff3f63;
  color: #fff;
}

/*========== pho_footer_area css =========*/
/*========== arch_footer_area css =========*/
.border_top {
  border-top: 1px solid #dddddd;
  margin-bottom: 45px;
}

.arch_footer_area .home_footer_top {
  padding-bottom: 90px;
}

.arch_footer_area .footer_social_icon,
.arch_footer_area .copy_right_text {
  display: inline-block;
}

.arch_footer_area .copy_right_text {
  padding-left: 12px;
  font-family: "HelveticaLight";
  font-size: 16px;
  color: #8a8a8a;
}

.arch_footer_area .f_title {
  font-family: "GRIFTERB";
  font-size: 24px;
}

.arch_footer_area .agency_footer_list li {
  font-family: "HelveticaLight";
  line-height: 36px;
  color: #5a5a5a;
}

.arch_footer_area .agency_footer_list li a {
  color: #5a5a5a;
}

.arch_footer_area .footer_social_icon li a:hover,
.arch_footer_area .agency_footer_list li a:hover,
.arch_footer_area .privacy_menu li a:hover {
  color: #ff4e17;
}

.arch_footer_area .architecture_btn_border {
  padding: 15px 44px 13px;
  margin-top: 25px;
}

.privacy_menu {
  margin-bottom: 0;
}

.privacy_menu li {
  display: inline-block;
  margin-right: 35px;
}

.privacy_menu li a {
  font-size: 16px;
  color: #8a8a8a;
  font-family: "HelveticaLight";
}

.privacy_menu li:last-child {
  margin-right: 0px;
}

.arch_footer_bottom {
  padding-bottom: 40px;
}

/*========== arch_footer_area css =========*/
/*========== const_footer_area css =========*/
.const_footer_area {
  background: #222222;
}

.const_footer_area .f_title {
  color: #fff;
  font-family: "teko";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 24px;
}

.const_footer_area .agency_footer_list li {
  font-size: 18px;
  line-height: 36px;
  font-family: "neuzeit-grotesk";
}

.const_footer_area .agency_footer_list li a {
  color: #999999;
}

.const_footer_area .agency_footer_list li a:hover {
  color: #ffc600;
}

.f_subscribe_widget {
  padding-top: 10px;
}

.f_subscribe_widget .form-control {
  border: 1px solid #333333;
  border-radius: 0px;
  height: 60px;
  line-height: 40px;
  padding: 5px 30px;
  background: transparent;
  font-size: 18px;
  color: #999999;
  margin-bottom: 10px;
}

.f_subscribe_widget .form-control.placeholder {
  color: #999999;
}

.f_subscribe_widget .form-control:-moz-placeholder {
  color: #999999;
}

.f_subscribe_widget .form-control::-moz-placeholder {
  color: #999999;
}

.f_subscribe_widget .form-control::-webkit-input-placeholder {
  color: #999999;
}

.f_subscribe_widget .construction_btn_two {
  width: 100%;
  background: #333333;
  border-color: #333;
  color: #fff;
  font-family: "teko";
}

.f_subscribe_widget .construction_btn_two i {
  color: #fff;
}

.const_footer_bottom {
  padding: 20px 0px 95px;
}

.const_footer_bottom .footer_social_icon,
.const_footer_bottom .copy_right_text {
  display: inline-block;
}

.const_footer_bottom .footer_social_icon li a {
  font-size: 22px;
  color: #999;
}

.const_footer_bottom .footer_social_icon li a:hover {
  color: #ffc600;
}

.const_footer_bottom .footer_social_icon li:nth-child(1) a {
  color: #39579a;
}

.const_footer_bottom .footer_social_icon li:nth-child(2) a {
  color: #69ace0;
}

.const_footer_bottom .footer_social_icon li:nth-child(3) a {
  color: #dc2217;
}

.const_footer_bottom .footer_social_icon li:nth-child(4) a {
  color: #007bb5;
}

.const_footer_bottom .copy_right_text,
.const_footer_bottom .privacy_menu li a,
.const_footer_bottom a {
  color: #999;
  font-family: "neuzeit-grotesk";
  font-size: 18px;
}

.const_footer_bottom .privacy_menu li a {
  letter-spacing: 0.7px;
}

.const_footer_bottom .privacy_menu li a:hover {
  color: #ffc600;
}

.const_footer_bottom .privacy_menu li:last-child {
  margin-right: 0;
}

/*========== const_footer_area css =========*/
/*========== travel_footer_area css =========*/
.home_footer_bottom.border_none {
  border-top: 0px;
}

.travel_footer_area .f_title {
  font-family: "neuzeit-grotesk";
  font-weight: 700;
}

.travel_footer_area .agency_footer_list li a {
  font-weight: 400;
  color: #8a8a8a;
  letter-spacing: 0.16px;
  font-family: "neuzeit-grotesk";
}

.travel_footer_area .agency_footer_list li a:hover {
  color: #ff6969;
}

.travel_footer_area .home_footer_bottom {
  padding-top: 0px;
}

.travel_footer_area .footer_social_icon li a {
  color: #181b31;
}

.travel_footer_area .footer_social_icon li a:hover {
  color: #ff6969;
}

.travel_footer_area .copy_right_text,
.travel_footer_area .privacy_menu li a {
  font-family: "neuzeit-grotesk";
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #aaaaaa;
}

.travel_footer_area .privacy_menu li a:hover {
  color: #ff6969;
}

/*========== travel_footer_area css =========*/
/*========== corporate_footer_area css =========*/
.corporate_footer_top {
  background: #1f2221;
  padding: 100px 0px;
}

.corporate_footer_top .f_title {
  color: #fff;
  font-family: ProximaNovaB;
  margin-bottom: 40px;
}

.corporate_footer_top .agency_footer_list li {
  font-family: ProximaNovaR;
  line-height: 40px;
}

.corporate_footer_top .agency_footer_list li a {
  color: rgba(255, 255, 255, 0.5);
}

.corporate_footer_top .agency_footer_list li a:hover {
  color: #ff4d33;
}

.corporate_about_widget .f_logo {
  display: inline-block;
  margin-bottom: 45px;
}

.corporate_about_widget p {
  font-size: 16px;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.5);
  font-family: ProximaNovaR;
  margin-bottom: 0;
}

.corporate_about_widget ul {
  margin: 42px 0px;
}

.corporate_about_widget ul li {
  display: inline-block;
}

.corporate_about_widget ul li a {
  font-size: 18px;
  color: #636564;
  transition: color 0.2s linear;
}

.corporate_about_widget ul li a:hover {
  color: #ff4d33;
}

.corporate_about_widget ul li + li {
  margin-left: 10px;
}

.corporate_about_widget .f_subscribe_widget {
  position: relative;
  padding-top: 0;
}

.corporate_about_widget .f_subscribe_widget .form-control {
  border: 1px solid #3a3f3e;
  margin-bottom: 0;
}

.corporate_about_widget .f_subscribe_widget .form-control:focus {
  box-shadow: none;
}

.corporate_about_widget .f_subscribe_widget .subscribe_btn {
  border: 0px;
  background: transparent;
  font-size: 14px;
  position: absolute;
  top: 14px;
  right: 25px;
  color: #ff4d33;
}

.contact_widget_info {
  padding-top: 10px;
}

.corporate_contact_item h6 {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-family: ProximaNovaB;
}

.corporate_contact_item p {
  font-family: ProximaNovaR;
  font-size: 16px;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.16px;
  margin-bottom: 0;
}

.corporate_contact_item p a {
  color: rgba(255, 255, 255, 0.5);
}

.corporate_contact_item p a.map {
  color: #ff4d33;
}

.corporate_contact_item p a:hover {
  color: #ff4d33;
}

.corporate_contact_item + .corporate_contact_item {
  margin-top: 40px;
}

.corporate_footer_bottom {
  background: #1b1e1e;
  padding: 10px 0px;
}

.corporate_footer_bottom p {
  margin-bottom: 0;
  font-size: 14px;
  font-family: ProximaNovaR;
  color: rgba(255, 255, 255, 0.5);
}

.corporate_footer_bottom p a {
  color: rgba(255, 255, 255, 0.5);
}

.corporate_footer_bottom p a:hover {
  color: #ff4d33;
}

/*========== corporate_footer_area css =========*/
/*========== event_footer_area css =========*/
.event_footer_area {
  position: relative;
  z-index: 1;
}

.event_footer_area .shap {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}

.event_footer_area .two {
  right: 300px;
  left: auto;
  bottom: 100px;
  z-index: -2;
}

.event_footer_top {
  padding: 220px 0px 70px;
}

.event_footer_list_widget li a {
  font-size: 18px;
  color: #6f6995;
  line-height: 36px;
  letter-spacing: 0.45px;
  font-family: cerebriSans;
}

.event_footer_bottom {
  padding: 50px 0px 100px;
}

.event_footer_bottom .copy_right_text {
  font-size: 16px;
  color: #6f6995;
  font-family: cerebriSans;
  text-align: center;
}

/*========== event_footer_area css =========*/
/*========== personal_blog_footer_area css =========*/
.personal_blog_footer_area {
  padding: 100px 0px;
}

.personal_blog_footer_top p {
  margin-bottom: 20px;
}

.personal_blog_footer_top p,
.personal_blog_footer_top ul li a {
  font-size: 14px;
  font-family: "neuzeit-grotesk";
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #aaaaaa;
}

.personal_blog_footer_top ul {
  margin-bottom: 0;
}

.personal_blog_footer_top ul li {
  display: inline-block;
}

.personal_blog_footer_top ul li a:hover {
  color: #222;
}

.personal_blog_footer_top ul li + li {
  margin-left: 38px;
}

.personal_blog_footer_top .mail {
  font-size: 48px;
  font-family: "adobe-caslon-pro", serif;
  color: #222222;
  display: block;
  line-height: 40px;
}

.personal_blog_footer_bottom {
  padding-top: 40px;
}

.personal_blog_footer_bottom .footer_social_icon {
  margin-bottom: 0;
}

.personal_blog_footer_bottom a,
.personal_blog_footer_bottom .footer_social_icon li a {
  color: #aaaaaa;
}

.personal_blog_footer_bottom a:hover,
.personal_blog_footer_bottom .footer_social_icon li a:hover {
  color: #222;
}

.personal_blog_footer_bottom .copy_right_text {
  font-size: 14px;
  font-family: "neuzeit-grotesk";
  color: #aaaaaa;
  letter-spacing: 0.14px;
}

/*========== personal_blog_footer_area css =========*/
/*========== home_shop_footer_area css =========*/
.home_shop_footer_area .f_title {
  color: #222;
}

.home_shop_footer_area .agency_footer_list li {
  line-height: 40px;
  letter-spacing: -0.16px;
}

.home_shop_footer_area .agency_footer_list li a {
  color: #9a9a9a;
  position: relative;
}

.home_shop_footer_area .agency_footer_list li a:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #222;
  transition: width 0.2s linear;
}

.home_shop_footer_area .agency_footer_list li a:hover {
  color: #222;
}

.home_shop_footer_area .agency_footer_list li a:hover:before {
  width: 100%;
}

.home_shop_footer_area .copy_right_text {
  font-family: cerebriSans;
  font-weight: 400;
  color: #aaa;
}

.home_shop_footer_area .footer_social_icon li a:hover {
  color: #222;
}

.pl-70 {
  padding-left: 70px;
}

/*========== home_shop_footer_area css =========*/
/*========== education_footer_area css =========*/
.education_footer_area {
  background: #2e3337;
}

.education_footer_area .education_footer_top {
  padding: 100px 0px;
}

.education_footer_area .f_title {
  font-size: 24px;
  line-height: 30px;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  color: #fff;
}

.f_education_about_info p {
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "neue-haas-unica";
  font-weight: 400;
  margin-bottom: 25px;
}

.f_education_about_info p a {
  color: rgba(255, 255, 255, 0.5);
}

.f_education_about_info p a:hover {
  color: #fff;
}

.education_f_widget_list ul {
  margin-bottom: 0;
}

.education_f_widget_list ul li a {
  font-family: "neue-haas-unica";
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.5);
}

.education_f_widget_list ul li a i {
  margin-right: 5px;
}

.education_f_widget_list ul li a:hover {
  color: #fff;
}

.education_footer_bottom {
  padding: 22px 0px;
}

.education_footer_bottom a, .education_footer_bottom p {
  color: rgba(255, 255, 255, 0.3);
  font-family: "neue-haas-unica";
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 0;
}

.education_footer_bottom ul {
  margin-bottom: 0;
}

.education_footer_bottom ul li {
  display: inline-block;
  margin-right: 35px;
}

.education_footer_bottom ul li:last-child {
  margin-right: 0;
}

.education_footer_bottom ul li a:hover {
  color: #fff;
}

.education_footer_bottom.border_top {
  border-top: 1px solid #43484b;
  margin-bottom: 0;
}

.fixed_footer {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

/*========== education_footer_area css =========*/
/*========== hotel_footer_area css =========*/
.hotel_footer_area {
  padding: 100px 0px 140px;
  position: relative;
  z-index: 1;
}

.hotel_footer_area .pattern_img {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}

.hotel_footer_top {
  padding-bottom: 120px;
}

.hotel_footer_top .hotel_list_menu ul li a {
  font-size: 14px;
  line-height: 36px;
  letter-spacing: 1.4px;
  color: #131a1d;
  font-family: cerebriSans;
  font-weight: 300;
  text-transform: uppercase;
  transition: color 0.2s linear;
}

.hotel_footer_top .hotel_list_menu ul li a:hover {
  color: #b59872;
}

.hotel_footer_bottom {
  border-color: #787d7f;
  display: flex;
  justify-content: space-between;
  padding-top: 36px;
  margin-bottom: 0;
}

.hotel_footer_bottom p, .hotel_footer_bottom a {
  font-size: 16px;
  font-family: cerebriSans;
  font-weight: 300;
  color: #787d7f;
}

.hotel_footer_bottom ul {
  margin-bottom: 0;
}

.hotel_footer_bottom ul li {
  display: inline-block;
  margin-right: 32px;
}

.hotel_footer_bottom ul li a {
  transition: color 0.2s linear;
}

.hotel_footer_bottom ul li a:hover {
  color: #b59872;
}

.hotel_footer_bottom ul li:last-child {
  margin-right: 0;
}

.nav-bar-5.luxery_menu.navbar_fixed .navbar-brand img{
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
-webkit-filter: invert(1);
        filter: invert(1);
}

/*========== hotel_footer_area css =========*/
/*---------------------------------------------------- */
/*# sourceMappingURL=style.css.map */