/*------------------------------------------------------------------
Common Stylesheet

Project:   Dope - Multipurpose Bootstrap4 Template
Build:     Bootstrap 4 +
Author:    F4H3M

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1.  Common Styles
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Elements
3.  Menu 
4.  Hero
5.  Home
6.  Price
7.  Points
8.  Feature
9.  Brands
10. Review
11. Execution
12. Accordian
13. Carusel
14. Request Demo
15. Blog
16. Contact
17. Footer

-------------------------------------------------------------------*/
/* =================================== */
/*  Font Family and Colors Styles
/* =================================== */
/* =================================== */
/*  Basic Style 
/* =================================== */
::-moz-selection {
  /* Code for Firefox */
  background-color: #000;
  color: #fff;
}

::selection {
  background-color: #000;
  color: #fff;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #777777;
  font-weight: 300;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777777;
  font-weight: 300;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777777;
  font-weight: 300;
}

body {
  line-height: 1.625em;
  position: relative;
  padding-right: 0px !important;
}

/*ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
} */

select {
  display: block;
}

figure {
  margin: 0;
}

a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

iframe {
  border: 0;
}

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

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  text-decoration: none;
  outline: 0;
}

.card-panel {
  margin: 0;
  padding: 60px;
}

/**
 *  Typography
 *
 **/
.btn i,
.btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
  font-size: 1em;
  line-height: inherit;
}

.gray-bg {
  background: #f9f9ff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  color: #222222;
  line-height: 1.2em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 600;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0;
  margin-top: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #222222;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

td,
th {
  border-radius: 0px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clear::before,
.clear::after {
  content: ' ';
  display: table;
}
.clear::after {
  clear: both;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-italic {
  font-style: italic;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.transition {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.section-gap-full {
  /* padding: 58px 0; */
}

.banner-gap {
  /* padding-top: 7%; */
}

.section-gap-half {
  padding: 75px 0;
}

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

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.display-table {
  display: table;
}

.light {
  color: #fff;
}

.dark {
  color: #222;
}

.relative {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.overlay {
  /* position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; */
}

.container.fullwidth {
  width: 100%;
}
.container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-padding {
  padding: 0;
}

.padding-top-120 {
  padding-top: 120px;
}

.row.no-margin {
  margin-left: 0;
  margin-right: 0;
}

/* =================================== */
/*  Common Styles 
/* =================================== */

/*.container {
    width: 100%;
    padding-right: 9px;
    padding-left: 9px;
    margin-right: auto;
    margin-left: auto; 
} */

i.fa.fa-chevron-up {
  color: #ffc61e;
}

.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 44px;
  position: fixed;
  right: 20px;
  bottom: 85px;
  z-index: 999;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: none;
  background: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

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

/*.gradient-bg, .page-top-banner .overlay-bg, .banner-section .overlay-bg, .features-wrap .single-feature .overlay-bg {
  background: -moz-linear-gradient(0deg, #f51dac 0%, #691cff 100%);
  background: -webkit-linear-gradient(0deg, #f51dac 0%, #691cff 100%);
  background: -ms-linear-gradient(0deg, #f51dac 0%, #691cff 100%);
} */

.offwhite-bg {
  background-color: #eee;
}

.primary-btn {
  text-align: center;
  border-radius: 5px;
  font-family: Raleway;
  margin-right: 3em;
  /* background: #691cff; */
  padding: 11px 30px;
  font-weight: 400;
  min-width: 160px;
  font-size: 1.6em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #ffffff;
  display: inline-block;
  border-radius: 10px;
  background-color: #ffc61e;
  color: #fff;
  /* -webkit-transition: all 0.3s ease 0s; */
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  /* transition: all 0.3s ease 0s; */
}
.primary-btn:hover {
  /* color: #fff;
  -webkit-box-shadow: 0px 30px 90px rgba(105, 28, 255, 0.14) !important;
  box-shadow: 0px 30px 90px rgba(105, 28, 255, 0.14) !important;
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px); */
}

.page-top-banner {
  background: url(../img/about-header.jpg);
  background-size: cover;
}
.page-top-banner .overlay-bg {
  opacity: 0.8;
}
.page-top-banner h1 {
  color: #000;
  font-size: 55px;
  margin-bottom: 10px;
}
.page-top-banner h4 {
  color: #000;
  font-weight: 400;
}

/* =================================== */
/*  Preloader Styles 
/* =================================== */

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #691cff;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001;
}

#loader:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f51dac;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #fff;
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222;
  z-index: 1000;
  -webkit-transform: translateX(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-100%);
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.3s 1s ease-out;
  -o-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/* =================================== */
/*  Banner Styles 
/* =================================== */
.header-area {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}

.dope-nav-container {
  background-color: transparent;
  /* padding: 10px 0px; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
  -o-transition: 0.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
  transition: 0.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
}

.dope-nav-container.dope-sticky {
  /* background-color: #192a56; */
  padding: 0px;
}

.dope-navbar {
  padding: 0.5em 5em;
}

.nav-brand {
  max-width: 120px;
}

.dope-btn {
  background-color: #4a7aec;
}

.dopenav ul li.megamenu-item > a::after,
.dopenav ul li.has-down > a::after {
  color: #fff;
}

.header-area {
  /* position: static;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%; */
}

.dark.dope-nav-container {
  background-color: rgba(25, 42, 86, 0.3);
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.dope-nav-container.dope-sticky {
  /* visibility: hidden; */
  /* display: none;  */

  /*  background-color: white; */
  /* -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-shadow: 0px 9px 40px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 9px 40px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 9px 11px -13px rgba(0, 0, 0, 0.75); */
}

.dope-nav-container.dope-sticky-othr {
  /* visibility: hidden; */
  display: none;
}

.dope-nav-container.dope-sticky a#nav-contact-btn {
  /* background-color: #212734;
color: white;
border: 2px solid #212734; */
}

a#nav-contact-btn:hover {
  background-color: #212734;
  color: white;
  border: 2px solid #212734;
}

.dope-navbar {
  padding: 0.5em 5em;
}

.nav-brand {
  max-width: 120px;
}

.dope-btn {
  background-color: #4a7aec;
}

.dopenav ul li.megamenu-item > a::after,
.dopenav ul li.has-down > a::after {
  color: #fff;
}

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-transparent {
  background-color: transparent !important;
}

.dope-nav-container {
  position: relative;
  z-index: 100;
  /* sticky */
}

.dope-nav-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dope-nav-container a {
  /* -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms; */
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: inline-block;
}

.dope-nav-container.dope-sticky {
  /* position: static;
  z-index: 1010;
  width: 100%;
  top: 0;
  right: 0;
  left: 0; */
}

.dope-nav-container.box-skins .dopenav > ul > li {
  background-color: #1abc9c;
}

.dope-nav-container.box-skins .dopenav > ul > li > a {
  color: #fff;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dope-navbar {
  width: 100%;
  height: 70px;
  padding: 0.5em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.dope-navbar .nav-brand {
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  /* font-weight: 500; */
  color: #565656;
  display: inline-block;
  margin-right: 30px;
}

span#our-brand-logo {
  color: #ecab13;
  font-size: xx-large;
  letter-spacing: 0.8px;
  font-family: Montserrat Alternates;
  font-weight: bold;
}

/*.dope-navbar .nav-brand:focus,
.dope-navbar .nav-brand:hover {
  font-size: 26px;
  font-weight: 500;
} */

.dopenav ul li {
  display: inline-block;
  clear: both;
  position: inherit;
  z-index: 10;
}

.dopenav ul li.cn-dropdown-item {
  position: relative;
  z-index: 10;
}

.dopenav ul li.cn-dropdown-item ul li {
  position: relative;
  z-index: 10;
}

.dopenav ul li ul li {
  display: block;
}

.dopenav ul li ul li a {
  padding: 0 20px;
}

.dopenav ul li a {
  padding: 0 12px;
  display: block;
  height: 35px;
  font-size: 14px;
  line-height: 34px;
}

.dopenav ul li .megamenu li a {
  padding: 0 12px;
}

.dopenav ul li div.single-mega a {
  height: auto;
  line-height: 1;
}

/* Down Arrow Icon for Megamenu */
.icon-dope-nav-down-arrow {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dope-nav-down-arrow:before {
  content: '\f107';
}

.dopenav ul li.megamenu-item > a:after,
.dopenav ul li.has-down > a:after {
  font-family: 'FontAwesome';
  content: '\f107';
  font-size: 12px;
  color: #000000;
  padding-left: 5px;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.breakpoint-on .dopenav ul li.megamenu-item > a:after,
.breakpoint-on .dopenav ul li.has-down > a:after {
  color: #fff;
}

.dopenav ul li ul li.has-down > a::after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 3;
}

/* button css */
.dope-btn {
  position: relative;
  z-index: 1;
  min-width: 120px;
  padding: 0 25px;
  line-height: 42px;
  height: 42px;
  background-color: #1abc9c;
  border-radius: 50px;
  color: #fff !important;
  margin-left: 30px;
  text-align: center;
}

.dope-btn:hover,
.dope-btn:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Dropdown Toggle */
.dd-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  z-index: 500;
  border-radius: 0;
  display: none;
}

/* Close Icon */
.dopecloseIcon {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 12;
  display: none;
}

.dopecloseIcon .cross-wrap {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
}

.dopecloseIcon .cross-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #fff;
}

.dopecloseIcon .cross-wrap span.top {
  top: 12px;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dopecloseIcon .cross-wrap span.bottom {
  bottom: 12px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* navbarToggler */
.dope-navbar-toggler {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
}

.dope-navbar-toggler .navbarToggler {
  display: inline-block;
  cursor: pointer;
}

.dope-navbar-toggler .navbarToggler span {
  position: relative;
  background-color: #ffc107;
  border-radius: 3px;
  display: block;
  height: 2px;
  margin-top: 5px;
  padding: 0;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  width: 30px;
  cursor: pointer;
}

.dope-navbar-toggler .navbarToggler span:nth-of-type(1) {
  width: 20px !important;
}

.dope-navbar-toggler .navbarToggler span:nth-of-type(3) {
  width: 15px !important;
}

.dope-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
  width: 30px !important;
}

.dope-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
  opacity: 0;
}

.dope-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  top: -6px;
  width: 30px !important;
}

.dopenav ul li .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #ffffff;
  z-index: 200;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.dopenav ul li .megamenu .single-mega.cn-col-5 {
  width: 20%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.dopenav ul li .megamenu .single-mega.cn-col-5:last-of-type {
  border-right: none;
}

.dopenav ul li .megamenu .single-mega.cn-col-4 {
  width: 25%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.dopenav ul li .megamenu .single-mega.cn-col-4:last-of-type {
  border-right: none;
}

.dopenav ul li .megamenu .single-mega.cn-col-3 {
  width: 33.3333334%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.dopenav ul li .megamenu .single-mega.cn-col-3:last-of-type {
  border-right: none;
}

.dopenav ul li .megamenu .single-mega .title {
  font-size: 14px;
  border-bottom: 1px solid #f2f4f8;
  padding: 8px 12px;
}

.dopenav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav ul li .dropdown li:last-child a {
  border-bottom: none;
}

.dopenav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dopenav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

/* Desktop Area CSS */
.breakpoint-off .dopenav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.breakpoint-off .dopenav ul li .dropdown {
  width: 180px;
  position: absolute;
  background-color: #ffffff;
  top: 120%;
  left: 0;
  z-index: 100;
  height: auto;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
}

.breakpoint-off .dopenav ul li .dropdown li .dropdown {
  top: 10px;
  left: -180px;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
}

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown {
  opacity: 0;
  visibility: hidden;
  top: 120%;
}

.breakpoint-off .dopenav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,
.breakpoint-off .dopenav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown {
  opacity: 1;
  visibility: visible;
  top: -10px;
}

.breakpoint-off .dopenav ul li .megamenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 120%;
  background-color: #ffffff;
  z-index: 200;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.breakpoint-off .dopenav ul li.megamenu-item:hover .megamenu,
.breakpoint-off .dopenav ul li.megamenu-item:focus .megamenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

/* Mobile/Tablet Nav CSS */
.breakpoint-on .dopecloseIcon {
  display: block;
}

.breakpoint-on .dope-navbar-toggler {
  display: block;
}

.breakpoint-on .dope-navbar .dope-menu {
  background-color: white;
  position: fixed;
  top: 0;
  left: -310px;
  z-index: 1000;
  width: 300px;
  height: 100%;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 0;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
}

.breakpoint-on .dope-navbar .dope-menu.menu-on {
  left: 0;
}

.breakpoint-on .dopenav ul li {
  display: block;
  position: relative;
  clear: both;
  z-index: 10;
}

.breakpoint-on .dopenav ul li a {
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  color: #fff;
}

.breakpoint-on .dopenav ul li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.breakpoint-on .dopenav ul li .dropdown li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.breakpoint-on .dopenav ul li.megamenu-item {
  position: relative;
  z-index: 10;
}

.breakpoint-on .dd-trigger {
  height: 38px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.breakpoint-on .dopenav ul li .dropdown,
.breakpoint-on .dopenav ul li .megamenu {
  display: none;
}

.breakpoint-on .dopenav {
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
}

.breakpoint-on .dopenav ul li .megamenu {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-5,
.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-3 {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #f2f4f8;
}

.breakpoint-on .dopenav > ul > li > a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.breakpoint-on .dopenav ul li ul.dropdown li ul li {
  margin-left: 15px;
}

.breakpoint-on .dope-btn {
  width: calc(100% - 30px);
  margin: 30px 15px;
}

.breakpoint-on .dopenav ul li.megamenu-item > a::after,
.breakpoint-on .dopenav ul li.has-down > a::after {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 5;
}

.breakpoint-on .dopenav ul li.has-down.active > a:after,
.breakpoint-on .dopenav ul li.megamenu-item.active > a:after {
  color: #fff;
}

/* Right Side Menu Open CSS */
.right.breakpoint-on .dope-navbar .dope-menu {
  left: auto;
  right: -310px;
}

.right.breakpoint-on .dope-navbar .dope-menu.menu-on {
  left: auto;
  right: 0;
}

/* Dropdown RTL CSS */
.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown {
  left: auto;
  right: 0;
}

.dropdown-rtl .dopenav ul li a,
.dropdown-rtl .dopenav ul li .megamenu .single-mega .title {
  text-align: right;
}

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown {
  right: 180px;
  left: auto;
  opacity: 0;
  visibility: hidden;
  top: 10px;
}

.dropdown-rtl.breakpoint-off .dopenav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 90%;
}

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.dropdown-rtl.breakpoint-on .dopenav ul li ul.dropdown li ul li {
  margin-left: 0;
  margin-right: 15px;
}

.event-header .dopenav #nav li a {
  color: #fff;
}
.event-header .dopenav ul li.megamenu-item > a:after,
.event-header .dopenav ul li.has-down > a:after {
  color: #fff;
}
.event-header .dropdown li > a:after {
  color: #222 !important;
}
.event-header .dropdown li a,
.event-header .single-mega li a {
  color: #222 !important;
}
.event-header .dope-sticky .dopenav #nav li a,
.event-header .dope-sticky .dopenav ul li.megamenu-item > a:after,
.event-header .dope-sticky .dopenav ul li.has-down > a:after {
  color: #222;
}
.event-header .dope-navbar-toggler .navbarToggler span {
  background-color: #fff !important;
}
.event-header .dope-sticky .dope-navbar-toggler .navbarToggler span {
  background-color: #222 !important;
}

/* =================================== */
/*  Banner Styles 
/* =================================== */
.banner-section {
  /* min-height: 950px; */
}
.banner-section .overlay-bg {
  opacity: 0.6;
}
.banner-section .banner-left h1 {
  font-size: 55px;
}
.banner-section .banner-left h1,
.banner-section .banner-left p {
  color: black;
}
.banner-section .banner-left h4 {
  font-weight: 300;
  margin: 20px 0px;
}
.banner-section .banner-right {
  background-size: contain;
}

@keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  41% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  80% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  41% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  80% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.banner-section .wave svg path:nth-child(1) {
  opacity: 0.15;
}
.banner-section .wave svg path:nth-child(2) {
  opacity: 0.3;
}

.banner-section2 {
  background: url(../img/banner2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.banner-section2 .overlay-bg {
  background: url(../img/banner-overlay1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-section2 .banner-left h1 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
}
.banner-section2 .banner-left h1 span {
  display: block;
  padding-top: 20px;
  font-weight: 600;
  font-size: 60px;
}
.banner-section2 .banner-left p {
  margin: 20px 0px;
  max-width: 450px;
}

.banner-section3 {
  background: url(../img/banner3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.banner-section3 .overlay-bg {
  background: url(../img/banner-overlay.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-section3 .banner-left h1 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
}
.banner-section3 .banner-left h1 span {
  display: block;
  padding-top: 20px;
  font-weight: 600;
  font-size: 60px;
}
.banner-section3 .banner-left p {
  margin: 20px 0px;
  max-width: 450px;
}

/*=============================================customized css styles=================================================================*/
.humantic-logo {
  width: 5.5em;
}

/*loader */

.no-js #loader {
  display: none;
}
.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/simple-pre-loader/loading-1.gif) center no-repeat #fff;
}

/*loader */

/*banner section ------*/

section#banner-section {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  height: 100%;
  background: rgb(235, 243, 253);
  background: linear-gradient(
    180deg,
    rgba(235, 243, 253, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
}

.banner-section .banner-right img {
  width: 96%;
  margin-top: 50px;
}

h3#services-h3 {
  text-align: center;
}

a#banner-request-btn {
  text-align: center;
  border-radius: 5px;
  font-family: Raleway;
  margin-right: 0px;
  /* background: #691cff; */
  padding: 11px 30px;
  font-weight: 400;
  min-width: 160px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #ffffff;
  display: inline-block;
  border-radius: 5px;
  background-color: #ffc61e;
  color: #fff;
  /* -webkit-transition: all 0.3s ease 0s; */
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  /* transition: all 0.3s ease 0s; */
}

div#banner-section-logo-area {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

a#nav-contact-btn {
  border-radius: 5px;
  border: solid 2px #f2b527;
  font-family: Noto Sans JP;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 1px;
  color: #212734b3;
}

a#nav-about {
  font-family: Noto Sans JP;
  font-size: 1.1em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.7px;
  color: #212734b3;
  margin-right: 1em;
}

h1#banner-h1 {
  font-family: Noto Sans JP;
  color: #212734;
  margin-bottom: 3%;
  font-size: 40px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212734;
}

span#banner-span {
  font-family: Noto Sans JP;
  color: #ecab13;
  margin-bottom: 3%;
  font-size: 56px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

p#banner-p {
  opacity: 0.7;
  font-family: Noto Sans JP;
  font-size: 1.3em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0.1px;
  color: #212734;
  /* height: 3.4em; */
  margin-bottom: 5%;
}

#banner-span-p {
  opacity: 0.7;
  font-family: Noto Sans JP;
  font-size: 1.3em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.1px;
  color: #212734;
  height: 2.1em;
}

.carousel .carousel-indicators li {
  background-color: #fff;
  background-color: rgba(70, 70, 70, 0.25);
}

.carousel .carousel-indicators .active {
  background-color: #444;
}

span#typewrite {
  /* border-bottom: 2px solid #f2b527; */
}

.container.demo {
  text-align: center;
  /* margin-top: 1em; */
  padding-top: 1em;
  /* height: 100%; */
}

.cta-feature-btn-area {
  text-align: left;
  margin-top: 2em;
  margin-left: 24px;
}

.cta-feature-btn {
  border-radius: 6px;
  font-family: Noto Sans JP;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-style: none;
  padding: 5px 25px;
}

/*=======================sample intro section========================================================*/

.container.textblock {
  padding-top: 1em;
  padding-bottom: 1em;
}

img.sample-intro-img {
  width: 100%;
  display: block;
}

/*--------progress bar changes----------*/

#progress {
  position: relative;
  width: 100%;
}

#progress .progress-bar {
  background: #f2b527;
  height: 2px;
  width: 0%;
  /*  display:inline-block; */
  position: absolute;
  left: 0;
  bottom: 2.1em;
  /* transition-duration: 2s; */
  transition: width 2s ease;
}

/*#progress .progress-bar {
    background:blue;
    height:3px;
    width:0%;
    display:inline-block;
} */

/*--------progress bar changes----------*/

.row.intro-text-area {
  display: flex;
  margin-top: 2em;
  align-items: center;
}

.sample-intro-heading {
  display: flex;
  justify-content: space-evenly;
}

section#sample-intro-id {
  padding-bottom: 6em;
  padding-top: 6em;
  border-bottom: 1px solid rgba(61, 81, 84, 0.3);
}

#sample-intro-h1 {
  text-align: right;
  /* padding-bottom: 4em; */
  margin-bottom: 4em;
  background-color: #fcfcfc;
}

img.sample-intro-imgs {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

img#sample-intro-graphic {
  height: 9em;
  /* width: 50%; */
  padding-left: 2em;
  /* margin-top: -1em; */
}

ul.sample-intro-ul {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

li.sample-intro-li {
  width: 100%;
  /* opacity: 0.18; */
  border-radius: 10px;
  /* background-color: #a1cde645; */
  /* margin-bottom: 1em; */
  position: relative;
  /* margin-top: 3em; */
  height: auto;
  padding-left: 1.5em;
  padding-bottom: 5px;
  padding-right: 1em;
  list-style: none;
}

.li-list {
  border-radius: 10px;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
}

/*----while manually hovering on the list ----*/

#sample-intro-li-1:hover h3 {
  color: #8c78c2 !important;
}

#sample-intro-li-2:hover h3 {
  color: #bf5360 !important;
}

#sample-intro-li-3:hover h3 {
  color: #83d525 !important;
}

#sample-intro-li-4:hover h3 {
  color: #ffc61e !important;
}

/*li.sample-intro-li:hover {
    
    
    border-radius: 10px;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;

} */

h3.sample-intro-h3 {
  padding-top: 0.7em;
  font-family: Noto Sans JP;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #212734;
  padding-bottom: 0.2em;
}

/*h3.sample-intro-h3:hover {
  color: #8c78c2;
} */

p.sample-intro-p {
  font-family: Noto Sans JP;
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212734;
  text-align: left;
  /*   padding-bottom: .5em; */
}

div#sample-intro-list-area {
  /*  padding-left: 0px;
    padding-right: 0px; */
  /*  display: flex; */
}

/*====================feature/intro section  area styles ================ */
a.secondary_link {
  text-decoration: underline;
}

.faeturs-h3 h3 {
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #212734;
  position: relative;
  font-size: 32px;
  font-family: Raleway;
  margin-bottom: 16px;
}

section#features {
  padding-bottom: 5em;
}

button.cta-feature-btn.feature-btn-2 {
  background-color: #a05b3d;
}

button.cta-feature-btn.feature-btn-1 {
  background-color: #6d99c8;
}

/*=====================contact us page style=================================*/

/*-----------testing loading in request demo from ----------------------*/

.importantRule {
  /*background-color: white !important; */
  /* border: 2px solid #ffc61e !important; */
}

.contact-success {
  display: inline-block;
  text-align: center;
  color: white !important;
  font-size: 13px;
  margin-top: 10px;
  background-color: blue !important;
  padding-left: 16px;
  padding-right: 16px;
  width: 80%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.modal-header {
  border-bottom: 0px !important;
}

span#response-contact {
  width: auto;
  margin-bottom: 10px;
}

img.response_loader_contact {
  position: absolute;
  top: 10%;
  margin-left: auto;
  margin-right: auto;
  left: 40%;
  display: none;
}

img.response_loader {
  position: absolute;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  left: 45%;
  display: none;
}

img.response_loader_table {
  position: absolute;
  top: 5%;
  margin-left: auto;
  margin-right: auto;
  left: 35%;
  display: none;
}

/*-----------testing loading in request demo from ----------------------*/

p.success_message {
  font-family: Noto Sans JP;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  position: absolute;
  font-weight: normal;
  padding-left: 16px;
  padding-right: 16px;
  top: 42%;
  left: 0;
}

img.success_tick {
  position: absolute;
  top: 27%;
  height: auto;
  width: 18%;
  left: 39%;
}

.response_message {
  display: inline-block;
  text-align: center;
  color: white;
  font-size: 13px;
  margin-top: 10px;
  /*  background-color: red; */
  padding-left: 16px;
  padding-right: 16px;
  width: 80%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.error-messages {
  text-align: center;
  font-family: Noto Sans JP;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.6px;
}

ul.contact-page-bottom-text {
  list-style-type: none;
}

#form-tablet-area {
  display: none;
}

.contact-Rectangle-18 {
  width: 375px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 2px 9px 1px rgba(155, 155, 155, 0.5);
  background-color: #ffffff;
  bottom: -30em;
  right: 0em;
  background: white;
  position: absolute;
  max-width: 100%;
}

div#contact-form-area {
  position: relative;
  z-index: 100;
}

div#request-from-pc {
  padding-top: 0.5em;
}

h3.request-form-h3 {
  text-align: center;
  padding-top: 0.5em;
  font-family: Noto Sans JP;
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 10px;
  letter-spacing: 1.1px;
  color: #212734;
  margin-bottom: 0.5rem;
}

p.request-form-p {
  font-family: Noto Sans JP;
  font-size: 17px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.6px;
  color: #000000;
  padding-top: 0.5em;
  text-align: left;
  padding-left: 1em;
  margin-bottom: 0.5rem !important;
}

input.request-input[type='text'] {
  /* width: 80%; */
  padding: 15px 22px;
  /* margin: 10px 5px; */
  /* box-sizing: border-box; */
}

input.request-input[type='Email'] {
  /* width: 80%; */
  padding: 15px 22px;
  /* margin: 10px 5px; */
  /* box-sizing: border-box; */
}

input.request-input[type='tel'] {
  /* width: 80%; */
  padding: 15px 22px;
  /* margin: 10px 5px; */
  /* box-sizing: border-box; */
}

/*-----------owl corosal for customer lofgo image slider css -----------------*/

/*-----------owl corosal for customer lofgo image slider css-----------------*/

input.request-input {
  border-radius: 10px;
  border: solid 1px #212734;
  background-color: #ffffff;
  width: 89%;
  height: 2.5em;
  /* padding-left: 2em; */
  margin-left: 1em;
}

.request-btn-area {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1.6em;
}

div#contact-top-bckgrnd {
  background-image: linear-gradient(to top, #ffec72, #ffc61e);
  padding-bottom: 1em;
}

h1#contact-top-h1 {
  font-family: Raleway;
  font-size: 50px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.1px;
  color: #212734;
  padding-top: 1em;
}

p#contact-top-p {
  font-family: Noto Sans JP;
  font-size: 22px;
  font-weight: 300;
  font-stretch: normal;
  line-height: 1.5;
  font-style: normal;
  padding-top: 0.5em;
  padding-bottom: 1em;
  color: #212734;
}

h3#contact-bottom-h3 {
  font-family: Noto Sans JP;
  font-size: 25px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.7px;
  color: #212734;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

p.contact-bottom-p {
  font-family: Noto Sans JP;
  font-size: 19px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  /* line-height: 1.5; */
  letter-spacing: 0.7px;
  color: #212734;
}

img.tick-img {
  /* margin-right: 1em;
    height: auto;
    width: 6%;
 */

  margin-left: 2em;
  height: auto;
  width: 50%;
}
img.contact-page-logo {
  padding: 1em;
  width: 15%;
}

li.li-contact-bottom-p {
  font-family: Noto Sans JP;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  letter-spacing: 0.7px;
  color: #212734;
}

section.contact-banner {
  height: 100%;
  padding-top: 5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*=========================about us page styles ============================*/

img.team-social-logo1.linkedin-align {
  /* margin-left: auto; */
  left: auto;
}

img.team-social-logo2.twitt-hide {
  display: none;
}

div#intro-p-area {
  max-width: 90%;
  /*  padding-bottom: 1em; */
}

section.about-banner {
  /*  padding: 94px 0; */
}

section#about-us-intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

section#about-us-intro {
  background: linear-gradient(179deg, rgba(0, 0, 0, 0), #000000),
    url(../img/background-img/about-bckgrnd.png) center;

  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

div#intro-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

h1#about-intro-h1 {
  color: white;
  font-family: Raleway;
  font-size: 48px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  text-align: left;
  /* position: relative; */
}

p.about-intro-p {
  font-family: Noto Sans JP;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-top: 1em;
  text-align: justify;
}

p#about-ntro-single-line {
  font-weight: bold;
}

.Rectangle-18 {
  /*  width: 300px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 3em;
    margin-bottom: 3em;
    background: white;
    border: 2px solid #4a90e2;
    outline: 9px solid #fafafa; */
}

section#humantic-team-intro {
  background-color: #fcfcfc;
  background-image: url(../img/background-img/positive.png);
  background-repeat: no-repeat;
}

h3#team-intro-h1 {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
  font-family: Raleway;
  font-size: 40px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212734;
}

.team-img {
  padding-bottom: 6em;
  position: relative;
}

img.team-person {
  position: relative;
  width: 65%;
  /*  padding: 2em; */
  border-radius: 20px;
}

img.team-person.temp-img {
  border: 1px solid grey;
}

img.team-social-logo1 {
  position: absolute;
  top: 50%;
  left: 68%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 21%;
}

img.team-social-logo2 {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 21%;
}

.team-blur {
  position: relative;
  text-align: center;
}

/*------hover effect ------------*/

/*img.team-person:hover{
  -webkit-filter: blur(8.4px);
  filter: blur(8.4px);


}  */

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17%;
  right: 0;
  height: 100%;
  width: 65%;
  opacity: 0;
  transition: 0.5s ease;
  max-width: 100%;
}

.team-blur:hover .overlay {
  opacity: 1;
}

.team-blur:hover .team-person {
  /*filter: blur(8.4px);   */
  -webkit-filter: blur(8.4px);
}

/*---trail------------*/

/*---trail------------*/

img.team-title {
  position: absolute;
  left: 4em;
  bottom: 2.5em;
  width: 75%;
  max-width: 100%;
  height: auto;
}

p.team-name {
  /*display: none; */
  position: relative;
  margin-bottom: 0px;
  bottom: 2.8em;
  left: 3.5em;
  font-family: Noto Sans JP;
  font-size: 23px;
  font-weight: 500;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212734;
}

p.team-designtn {
  bottom: 2.1em;
  left: 4.5em;
  font-family: Noto Sans JP;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212734;
}

/*======================features section customized styles=================*/

h3.features-h3 {
  font-family: Raleway;
  font-size: 35px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;

  color: #32213a;
}

p.features-p {
  font-family: Noto Sans JP;
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #32213a;
  text-align: left;
  margin-bottom: 0.7em;
  margin-left: 0.6em;
}

.features-list-li {
  font-family: Noto Sans JP;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #32213a;
  list-style: square;
  /*  margin-left: 1em; */
  margin-bottom: 0.5em;

  /* background: url('/img/arrow.png') no-repeat left top;
height: 54px;
padding-left: 44px;
padding-top: 3px; */
  list-style-image: url(../img/arrow.png);
}

ul.features-list-ul {
  /* list-style: none; */
  /*list-style-image: url('../img/arrow.png'); */
}

ul.features-list {
  font-family: Noto Sans JP;
}

/*===============press logo style================*/
img#press-logo-id-mit {
  width: 60%;
  margin-top: 3px;
}

img#press-logo-id-wjs {
  width: 28%;
  opacity: 0.5;
}

img#press-logo-id {
  width: 50%;
}

img#press-logo-id-verge {
  width: 75%;
  height: auto;
  padding: 0.5em;
}

img#press-logo-id-inc {
  width: 48%;
}

/*================in news video style===============*/

/*-----youtube video sub area ----------------*/

/*-----youtube video sub area ----------------*/
.news-temp-p {
  margin-top: 2em;
}

h3#in_news-h3 {
  text-align: center;
}

img#play-button {
  position: absolute;
  z-index: 3;
  /* align-items: center; */
  right: 30em;
  top: 7.2em;
  height: auto;
  width: 10em;
  opacity: 0.5;
}

img#play-button:hover {
  opacity: 1;
}

section#in_news {
  background-color: #fff;

  margin-top: 3em;
}

.section-header.h3 {
  /*  margin-bottom: 4em; */
}

h1#news-video-h1 {
  font-family: Raleway;
  font-size: 3.8em;
  font-weight: 600;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.6px;
  text-align: center;
  color: #212734;
  padding-top: 1em;
  padding-bottom: 1.1em;
}

h3#news_video-h3 {
  position: absolute;
  font-family: Raleway;
  font-size: 30px;
  font-weight: 600;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.6px;
  text-align: center;
  color: #212734;
  bottom: 5%;
  left: 18%;
}

h3#news_video-h3-1 {
  position: absolute;
  font-family: Raleway;
  font-size: 30px;
  font-weight: 600;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.6px;
  text-align: center;
  color: #212734;
  bottom: -4%;
  left: 33%;
}

img#news_video {
  /*  width: 50em;
    height: 30em; */
  object-fit: contain;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  cursor: pointer;
  position: relative;
  /*----------*/

  margin-left: auto;
  margin-right: auto;
  width: 60%;
  height: auto;
}

.video-link-area {
  position: relative;
}

img#news_video-text {
  position: absolute;
  left: 8em;
  bottom: -2.1em;
  width: 58em;
  height: auto;
  /*  max-width: 100%; */
}

/*==============in news video style==========*/

/*================in new article area==========*/

section#news-area {
  background: #fff;
  padding-top: 9em;
  /* text-align: center; */
}

.news-list {
  padding-bottom: 9em;
  /*  margin-right: 14em; */
  /* padding-top: 4em; */
  box-sizing: border-box;
  text-align: center;
  /* margin-right: auto; */
  /* margin-left: auto; */
}

.news-image {
  /*  margin-left: 50%; */
  margin-top: 0.5em;
  /*   display: block; */
  margin-bottom: 0.5em;
}

img#news-inc {
  width: 60%;
}

img#news-verge {
  width: 60%;
}

img#news-wjs {
  width: 60%;
}

.Rectangle-12 {
  width: 100%;
  height: auto;
  /* opacity: 0.18; */
  border-radius: 10px;
  background-color: #a1cde645;
  /* margin-bottom: 1em; */
  position: relative;
}

p.news-p {
  font-size: 18px;
  padding: 2em 2em 2em 2em;
  /* width: 701px; */
  /* height: 70px; */
  font-family: Noto Sans JP;
  /* font-size: 30px; */
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: center;
  color: #000000;
}

.container.read-news-area {
  visibility: hidden;
}

p.news-p:hover + .container.read-news-area {
  visibility: visible;
}

a#read-news {
  text-decoration: underline;
  float: right;
  width: 122px;
  /* height: 19px; */
  opacity: 0.75;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  /* letter-spacing: 0.1px; */
  text-align: center;
  color: #000000;
  position: absolute;
  right: 1em;
  bottom: 1px;
  padding-bottom: 8px;
}

a#news-a {
  margin-top: 1em;
  float: right;
  text-decoration: underline;
  font-family: Raleway;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #32213a;
  font-size: 1.5em;
  font-weight: 300;
}

/*==========service section ============*/

#services {
  /*  padding: 60px 0 40px 0; */
  background-color: #fff;
  text-align: center;
  padding: 20px 0;
}

h3#services-h3 {
  margin-bottom: 1em;
}

.section-header h3 {
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  position: relative;
  font-size: 40px;
  font-family: Raleway;
  /* margin-bottom: 1.1em; */
}

img#cognizant-img {
  margin-left: 6em;
}

.customer-img {
  /* margin-left: 4em; */
  /* margin-bottom: 2em; */
  margin-top: 2em;
  width: 10em;
  /* padding: 1em; */
}

img#paired-img {
  margin-right: 6em;
}

img#hyde-park-img {
  margin-left: 6em;
  /* padding-bottom: 3em; */
  margin-top: 0em;
}

img#dna-img {
  /* margin-right: 50%; */
}

img#bactrak-img {
  margin-right: 6em;
}

/*=====testimonial area styles=======*/

.quote-author-img img {
  width: 5em;
  height: 5em;
  display: block;
  margin-right: 10px;
  border-radius: 50%;
}
.quote-container.style-1 .quote-author:before,
.quote-container.style-2 .quote-author:before {
  border-top: 3px solid;
  content: '';
  display: block;
  margin: 20px 0;

  margin-left: -30px;
}
.quote-container.style-2 .quote-author:before {
  border-top: 3px dashed;
}
.quote-container.style-1 .quote-author,
.quote-container.style-2 .quote-author {
  display: inline-block;
  margin-top: 0;
}

.quote-container:before {
  content: '\f10e';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  opacity: 0.07;
  position: absolute;
  bottom: 2%;
  right: 2%;
  font-size: 7em;
}
.quote-author {
  margin-top: 25px;
  float: right;
  margin-left: 17px;
}
.quote-author-content {
  display: flex;
  align-items: center;
}
.quote-autor-name {
  font-weight: bolder;
  text-decoration: none;
  display: block;
  color: #4e5358;
}

.quote-container.style-2 {
  border: none;
  border-left: 10px solid;
  padding: 0;
  padding-left: 20px;
}
.quote-container.style-2:before {
  left: auto;
  right: 0;
  bottom: 2%;
  top: auto;
  content: '\f10e';
}

img.testimonial-image {
  width: 10%;
  border-radius: 100%;
  margin: 20px;
}

.testimon-text-area {
  text-align: right;
  padding-top: 1em;
  /* padding-left: 2em; */
}

a.morelink {
  text-decoration: none;
  outline: none;
}
.morecontent span {
  display: none;
}

.testimon-h4 {
  font-family: Noto Sans JP;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  padding-top: 2em;
  padding-right: 3em;
}

.quote {
  font-family: Montserrat Alternates;
  font-size: 7em;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  /* text-align: center; */
  color: #ffc61e;
  margin-bottom: 0px;
  padding-left: 45px;
  text-align: left;
  padding-bottom: 0em;
}

h4#testomin-h4-2 {
  padding-top: 4em;
}

div#testimon-quote-2 {
  /*   padding-top: 4em; */
}

p.testimon-p {
  font-family: Noto Sans JP;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  padding-top: 1em;
  padding-right: 4em;
}

p.testimon-p-desig {
  font-family: Noto Sans JP;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  /* padding-top: 1em; */
  padding-right: 2em;
}

img.linkedin-img {
  height: auto;
  width: 8%;
  margin-left: 0.5em;
}

i.fa.fa-circle {
  color: #ffc61e;
}

.testimon-text {
  border: 2px solid #c1c1c1;
  padding-top: 3em;
  margin-left: auto;
  margin-right: auto;
  width: 650px;
  height: 22em;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
}

i.fas.fa-quote-right {
  color: #ecab13;
}

i.fas.fa-quote-left {
  color: #ecab13;
}

h6#testimon-h6 {
  font-family: Raleway;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5em;
  letter-spacing: normal;
  color: #000000;
  margin-top: 3em;
}

#testimonials {
  padding-top: 20px;
  padding-bottom: 0px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 5%,
    rgba(235, 243, 253, 1) 70%,
    rgba(255, 255, 255, 1) 107%
  );
}

#testimonials .section-header {
  margin-bottom: 40px;
  margin-top: 50px;
}

#testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  float: left;
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
  margin-left: 140px;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
  margin-left: 140px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 0 15px 140px;
}

#testimonials .owl-nav,
#testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #1bb1dc;
}

.container.testimon {
  position: relative;
}
/* video section */
#videos {
  padding: 60px 0;
  padding-bottom: 30px;
}

/*=======hiring tech section related changes/css=====*/

section#hiring-tech {
  display: none;
  background-color: #ebf3fd;
  padding-top: 4em;
  padding-bottom: 4em;
}

.Rectangle-18 {
  height: 24em;
  margin-left: auto;
  margin-right: auto;
  /* padding: 10px; */
  /* margin-top: 3em; */
  /* margin-bottom: 3em; */
  background: white;
  border: 2px solid #4a90e2;
  outline: 9px solid #fafafa;
  max-width: 100%;
}

.outer {
  /*  display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     border: 1px solid red; 
    padding: 10px;
    background-color: white; */
}

.container.testimonial-container {
  text-align: center;
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1em;
  padding-bottom: 1em;
}

.report-title > h3 {
  /* padding-top: 1em; */
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  color: #212734;
}

.Report-p > p {
  font-family: Noto Sans JP;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.6px;
  text-align: center;
  color: #212734;
  /* padding-top: 2em; 
    padding: 1.5em; 
    margin-top: 0px;
    margin-bottom: 0px; */
}

.Report-btn {
  /*  padding-bottom: 4em; */
}

button.btn.btn-primary {
  font-family: Raleway;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  color: #ffffff;
  /* padding: 5px 43px; */
  border-radius: 10px;
  background-color: #4a90e2;
  box-shadow: none;
  text-transform: none;
}

#report-modal {
  padding-bottom: 2em;
  border-radius: 10px;
}

/*============candidate section styles/changes=========*/

#candidate-section {
  /* background: url(../img/background-img/candidate-sec-bckgrnd.png); */
  background-image: url(../img/background-img/candidate-sec1-bckgrnd.png);

  height: 100%;
  width: 100%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  position: relative;
}

.candidate-area-class {
  /*  margin-left: 34em; */
}

/*h1#candidate-sec-h1 {
    text-align: center;
    padding-top: 2em;

    font-family: Raleway;
    font-size: 38px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2c2d31;
} */

h3#candidate-sec-h1 {
  padding-top: 115px;
  text-align: left;
  /* margin-left: 9em; */
  padding-bottom: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #212734;
  position: relative;
  font-size: 32px;
  font-family: Raleway;
  margin-bottom: 0px;
}

.candidate-area-class {
  /* margin-left: 34em; */
  padding-bottom: 60px;
}

p#candidate-sec-p {
  font-family: Noto Sans JP;
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #32213a;
  text-align: left;
  margin-bottom: 0.7em;
  margin-left: 0.6em;
  /*  margin-left: -2em; */
}

.candidate-btn-area {
  text-align: left;
  margin-bottom: 4em;
  margin-top: 2em;
  margin-left: 20px;
}

li#candidate-sec-li {
  font-family: Noto Sans JP;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2c2d31;
  list-style-image: url(../img/arrow.png);
}

button.cta-feature-btn.Candidate-btn {
  background-color: #4a4a4a;
}

/*=====testimonial area styles=======*/

.card.testimonial-card {
  width: 73%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.11);
  margin-top: 3em;
  margin-bottom: 3em;
  height: 20em;
  max-height: 100%;
}

/*=============costomized footer area styles nd changes==========*/

.terms-p {
  opacity: 0.5;
  font-family: Raleway;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #212734;
}

.terms-h4 {
  text-align: center;
  opacity: 0.6;
  font-family: Raleway;
  font-size: 19px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  text-align: center;
  color: #212734;
}

#footer {
  /* padding: 0 0 30px 0; */
  font-size: 14px;
  background: #fff;
  margin-top: 3em;
  /* padding-top: 30px; */
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #fff;
}

#footer .footer-top .footer-info h3 {
  font-size: 30px;
  /*  margin: 0 0 20px 0;
    padding: 2px 0 2px 0; */
  line-height: 1;
  font-family: Montserrat Alternates;
  color: #212734;
  font-weight: 400;
  letter-spacing: 3px;
  /* text-transform: uppercase; */
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

.foooter-link-a {
  opacity: 0.75;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #212734;
}

#footer .footer-top h4 {
  color: #212734;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
  font-family: Raleway;
  font-size: 12px;
}

.foooter-link-a {
  opacity: 0.75;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #212734;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #212734;
}

#footer .footer-top .footer-links ul li {
  padding: 8px 0;
}

div#terms-legal {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

/* =================================== */
/*  Features Styles 
/* =================================== */

div#banner-section-top {
}

.featured-section .row {
  /* padding-bottom: 3em;
  padding-top: 3em; */
}
.featured-section .single-logo {
  text-align: center;
}
.featured-section .single-logo img {
  text-align: center;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.9;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.featured-section .single-logo img:hover {
  /* -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1; */
}

.feature-section {
  background: url(../img/feature-bg.png) center no-repeat;
  background-size: cover;
}
.feature-section .header-left h1 {
  padding-bottom: 30px;
  font-size: 50px;
  text-transform: capitalize;
}
.feature-section .feature-wrap {
  padding-top: 60px;
}

.features-wrap .single-feature {
  background: #fff;
  border-radius: 5px;
  padding: 40px;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.features-wrap .single-feature span {
  font-size: 35px;
  color: #691cff;
  padding-bottom: 25px;
  display: inline-block;
}
.features-wrap .single-feature h3 {
  margin-bottom: 15px;
  font-weight: 400;
}
.features-wrap .single-feature h5 {
  margin-bottom: 10px;
}
.features-wrap .single-feature p {
  margin-bottom: 0px;
  line-height: 1.5em;
}
.features-wrap .single-feature:hover {
  -webkit-box-shadow: 0px 30px 90px rgba(105, 28, 255, 0.14) !important;
  box-shadow: 0px 30px 90px rgba(105, 28, 255, 0.14) !important;
}
.features-wrap .single-feature:hover span,
.features-wrap .single-feature:hover p,
.features-wrap .single-feature:hover h3,
.features-wrap .single-feature:hover h5 {
  color: #fff;
}
.features-wrap .single-feature .overlay-bg {
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.features-wrap .single-feature:hover {
  background: transparent;
}
.features-wrap .single-feature:hover .overlay-bg {
  opacity: 1;
}
.features-wrap .single-feature:hover span,
.features-wrap .single-feature:hover h3,
.features-wrap .single-feature:hover h5,
.features-wrap .single-feature:hover p {
  position: relative;
}

.explore-section {
  background: url(../img/explore.jpg) right top no-repeat;
  background-size: cover;
  color: #fff;
}
.explore-section h1,
.explore-section h3 {
  color: #fff;
}
.explore-section h3 {
  font-weight: 300;
}
.explore-section h1 {
  font-size: 45px;
  padding-top: 10px;
  padding-bottom: 30px;
}
.explore-section .overlay-bg {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#000),
    to(rgba(235, 143, 169, 0))
  );
  background: -webkit-linear-gradient(left, #000, rgba(235, 143, 169, 0));
  background: -o-linear-gradient(left, #000, rgba(235, 143, 169, 0));
  background: linear-gradient(to right, #000, rgba(235, 143, 169, 0));
}
.explore-section .counter-wrap {
  margin-top: 30px;
}
.explore-section .single-counter {
  width: calc(100% / 3);
  border-right: 1px solid #eeeeee5c;
  text-align: center;
}
.explore-section .single-counter:last-child {
  border-right: none;
}
.explore-section .single-counter p {
  margin-bottom: 0px;
}
.explore-section .single-counter h2 {
  font-weight: 300;
  font-size: 50px;
  color: #fff;
}

.service-section {
  padding-bottom: 120px;
}
.service-section .single-service {
  position: relative;
  background-color: #f5f5f56b;
  padding: 40px 30px;
  -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  -moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service-section .single-service i {
  font-size: 35px;
  color: #222;
}
.service-section .single-service h4 {
  margin: 10px 0px;
}
.service-section .single-service p {
  margin-bottom: 0px;
}
.service-section .single-service:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
  -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
  box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
}
.service-section .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.service-section .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background: #eee;
  display: inline-block;
  margin: 0px 5px;
}
.service-section .owl-dots .owl-dot.active {
  background: #691cff;
}
.service-section .owl-dots .owl-dot:focus {
  outline: none;
}

.skill-section {
  background: #eee;
}
.skill-section .skill-left p {
  margin-top: 10px;
}
.skill-section .skill-left .prog_container {
  margin-bottom: 25px;
  width: 90%;
}
.skill-section .skill-left .progress {
  background-color: #f9f9f9 !important;
}
.skill-section .skill-left .prog_container .prog_text {
  font-size: 13px;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  font-weight: 700;
}
.skill-section .skill-left .prog_container .prog_text .precent {
  position: absolute;
  right: 0;
}
.skill-section .skill-left .prog_container .progress {
  height: 3px;
  border-radius: 4px;
}
.skill-section .skill-left .prog_container .progress .progress-bar {
  background-color: #691cff;
  height: 100%;
}
.skill-section .skill-left .prog_container .progress.md {
  height: 10px;
}
.skill-section .skill-left .prog_container .progress.lg {
  height: 20px;
}

@media (min-width: 330px) and (max-width: 350px) {
  img#play-button {
    right: 6.5em !important;
  }
}

@media (min-width: 320px) and (max-width: 329.98px) {
  img#play-button {
    right: 6.5em !important;
  }
}

@media all and (max-width: 767px) {
  button#submit_btn_contact {
    font-size: 15px !important;
  }

  .align-right-btn {
    text-align: center !important;
  }

  .candidate-btn-area {
    text-align: center;
    margin-bottom: 4em;
    margin-top: 2em;
    margin-left: 0px;
  }

  .news-image {
    margin-top: 0px;

    margin-bottom: 0.3em;
  }

  #cookie-bar > p {
    font-size: 10px;
  }

  .cb-enable {
    font-size: 10px;
  }

  .skill-section .skill-left .prog_container .prog_text .precent {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
  }

  #news-inc {
    width: 50%;
  }

  #news-wjs {
    width: 60%;
  }

  #news-verge {
    width: 60%;
  }

  a.terms-etc-a {
    font-size: 9px;
  }

  i.fa.fa-arrow-right.fa-lg {
    display: none;
  }

  i.fa.fa-arrow-left.fa-lg {
    display: none;
  }

  .scroll-area {
    display: none;
  }

  .container.textblock {
    padding-top: 1em;
    padding-bottom: 2.5em;
  }

  section#sample-intro-id {
    padding-top: 4em;
  }

  .client-review-wrapper {
    margin-bottom: 10px !important;
  }

  screenshot-section {
    padding: 80px 0 !important;
  }
  section.features.pb0 {
    /* padding: 80px 0 ! important; */
    padding-top: 80px !important;
    padding-bottom: 50px !important;
  }

  section#comparsn-table-area {
    /* padding: 70px 0 !important; */
  }

  section.hiring {
    padding: 80px 0 !important;
    margin-bottom: 20px;
  }

  section.client-review {
    padding-top: 70px !important;
    /* padding-bottom: 20px ;*/
  }

  #services {
    padding: 70px 0 !important;
  }

  .section-header.h3 {
    padding-bottom: 1em;
  }

  .intro-img-area {
    padding-top: 1em;
  }

  h3.textblock-title {
    font-family: Noto Sans JP;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
  }

  h3#sample-li-h3-1 {
    color: #8c78c2;
  }

  h3#sample-li-h3-2 {
    color: #bf5360;
  }

  h3#sample-li-h3-3 {
    color: #83d525;
  }

  h3#sample-li-h3-4 {
    color: #ecab13;
  }

  p.textblock-text {
    font-family: Noto Sans JP;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212734;
    text-align: left;
  }

  section#sample-intro-id {
    padding-bottom: 4em;
  }

  section#sample-intro-id {
    background-color: #fcfcfc;
  }

  h1#banner-h1 {
    margin-top: 9px;
  }

  .download-section .primary-btn {
    font-size: 17px;
  }

  section#news-area {
    padding-top: 3em !important;
  }

  .news-list {
    padding-bottom: 5em;
  }

  img#sample-intro-graphic {
    display: none;
  }

  h3#sample-intro-h3 {
    text-align: center;
  }

  .faeturs-h3 h3 {
    font-size: 30px;
    text-align: left;
  }
}

.skill-section .skill-right img {
  border-radius: 3px;
  background: #fff;
  padding: 10px;
  -webkit-box-shadow: 0 7px 20px -10px #000;
  -moz-box-shadow: 0 7px 20px -10px #000;
  box-shadow: 0 7px 20px -10px #000;
}

/* =================================== */
/*  About Styles 
/* =================================== */
.about-section .overlay-bg1 {
  background: url(../img/bg2.png);
  background-size: cover;
  background-position: center;
}
.about-section .overlay-bg2 {
  background: url(../img/bg.png);
  background-size: cover;
  background-position: center;
}
.about-section .about-left img {
  width: 100%;
}
.about-section .about-right h3 {
  font-weight: 300;
}
.about-section .about-right h1 {
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 480px;
}
.about-section .about-right .icon {
  margin-right: 30px;
}
.about-section .about-right .icon span {
  font-size: 40px;
  color: #691cff;
}
.about-section .about-right .details p {
  max-width: 300px;
  margin-top: 15px;
}
.about-section .about-right .details h4 {
  font-weight: 400;
}
.about-section .about-right ul li {
  margin-bottom: 20px !important;
}
.about-section .about-right ul li:last-child {
  margin-bottom: 0px !important;
}

.floating-shapes span {
  display: block;
  position: absolute;
}
.floating-shapes span img {
  display: block;
  max-width: 100%;
  height: auto;
}
.floating-shapes span:nth-child(1) {
  left: 4.8%;
  top: 4.5%;
}
.floating-shapes span:nth-child(2) {
  left: 9.6%;
  top: 27.2%;
}
.floating-shapes span:nth-child(3) {
  left: 8.8%;
  bottom: 16%;
}
.floating-shapes span:nth-child(4) {
  left: 25%;
  bottom: 21%;
}
.floating-shapes span:nth-child(5) {
  left: 35%;
  top: 6.6%;
}
.floating-shapes span:nth-child(6) {
  left: 43%;
  bottom: 30%;
}
.floating-shapes span:nth-child(7) {
  left: 49%;
  top: 50%;
}
.floating-shapes span:nth-child(8) {
  right: 11.8%;
  top: 33%;
}
.floating-shapes span:nth-child(9) {
  right: 6%;
  top: 10%;
}
.floating-shapes span:nth-child(10) {
  right: 4.5%;
  bottom: 33%;
}

@media screen and (max-width: 767.98px) {
  .floating-shapes span {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    display: none;
  }

  .row.intro-text-area {
    display: none;
  }

  .sample-intro-img-area {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* =================================== */
/*  Testimonial Styles 
/* =================================== */

.screenshot-section {
  background: #ebf3fd;
}
.screenshot-section .owl-nav {
  text-align: center;
  /* margin-top: 40px; */
  display: none;
}
.screenshot-section .owl-nav .owl-next,
.screenshot-section .owl-nav .owl-prev {
  font-size: 30px !important;
}
.screenshot-section .owl-nav .owl-next:focus,
.screenshot-section .owl-nav .owl-prev:focus {
  outline: none;
}

.bg-color-blue {
  background-color: #2a7af3;
}

.screenshot_slider .owl-stage .owl-item .item img {
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

.screenshot_slider .owl-carousel .owl-item img {
  width: auto;
  max-width: 100%;
}

.screenshot_slider .owl-stage .owl-item.center .item img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.screenshot_slider .owl-item {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.screenshot_slider .owl-controls .owl-prev,
.testimonial-caroussel .owl-controls .owl-prev,
.screenshot_slider .owl-controls .owl-next,
.testimonial-caroussel .owl-controls .owl-next {
  -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0);
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0);
  color: #fff;
  height: 40px;
  left: 0;
  line-height: 3;
  margin: 0 5px;
  position: absolute;
  text-align: center;
  bottom: -16%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 9;
}

.screenshot_slider .owl-controls .owl-prev:hover,
.testimonial-caroussel .owl-prev:hover,
.screenshot_slider .owl-controls .owl-next:hover,
.testimonial-caroussel .owl-next:hover {
  border-color: #fff;
  color: #ffffff;
}

.screenshot_slider .owl-controls .owl-prev span,
.testimonial-caroussel .owl-controls .owl-prev span,
.screenshot_slider .owl-controls .owl-next span,
.testimonial-caroussel .owl-controls .owl-next span {
  font-size: 28px;
}

.screenshot_slider .owl-controls .owl-next {
  left: auto;
  right: 45%;
  font-size: 30px;
}

.screenshot_slider .owl-controls .owl-prev {
  right: auto;
  left: 45%;
  font-size: 30px;
}

/* =================================== */
/*  Portfolio Styles 
/* =================================== */
.portfolio-section .single-portfolio {
  margin-bottom: 30px;
  text-align: center;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
}
.portfolio-section .single-portfolio img {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.portfolio-section .single-portfolio .box-content {
  width: 100%;
  padding: 40px 0;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0px;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.portfolio-section .single-portfolio:hover .box-content {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.portfolio-section .single-portfolio:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio-section .single-portfolio .box-content .title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 5px 0;
}
.portfolio-section .single-portfolio .box-content .post {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  text-transform: capitalize;
}
.portfolio-section .primary-btn {
  margin-top: 20px;
}

.product-detials-section img {
  width: 100%;
}
.product-detials-section .details-right {
  padding-bottom: 20px;
}
.product-detials-section .details-right ul {
  margin-bottom: 20px;
}
.product-detials-section .details-right ul li {
  margin-bottom: 8px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.product-detials-section .details-right ul li span {
  font-weight: 900;
}
.product-detials-section .details-right p {
  color: #000;
  font-weight: 400;
}
.product-detials-section .details-right p:last-child {
  margin-bottom: 0px;
}

/* =================================== */
/*  Blog Styles 
/* =================================== */
.blog-section .blog-wrap {
  border-top: 1px solid #eee;
}
.blog-section .overlay-bg {
  background: rgba(34, 34, 34, 0.2);
  z-index: 1;
}
.blog-section .single-blog {
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-section .single-blog:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
  -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
  box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
}
.blog-section .single-blog img {
  position: relative;
  width: 100%;
}
.blog-section .single-blog .blog-post-details {
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 1;
  padding: 20px;
}
.blog-section .single-blog .blog-post-details h4 {
  font-weight: 400;
}
.blog-section .single-blog .blog-post-details ul {
  display: block;
  padding-bottom: 15px;
}
.blog-section .single-blog .blog-post-details ul li {
  display: inline-block;
  margin-right: 3px;
}
.blog-section .single-blog .blog-post-details a {
  font-weight: 400;
}
.blog-section .single-blog h4,
.blog-section .single-blog a {
  color: #fff;
}
.blog-section .primary-btn {
  margin-top: 40px;
}

.blog-lists-section {
  background: #eee;
}
.blog-lists-section .single-blog-post {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-lists-section .single-blog-post:hover .post-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog-lists-section .single-blog-post .post-thumb {
  overflow: hidden;
}
.blog-lists-section .single-blog-post .post-thumb .overlay-bg {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-lists-section .single-blog-post .post-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-lists-section .single-blog-post .post-details {
  padding: 30px;
}
.blog-lists-section .single-blog-post .tags li {
  display: inline-block;
  margin-right: 10px;
}
.blog-lists-section .single-blog-post .tags li a {
  color: #691cff;
  font-weight: 600;
  font-size: 14px;
}
.blog-lists-section .single-blog-post h1 {
  margin: 10px 0px;
}
.blog-lists-section .single-blog-post .user-details img {
  width: 45px;
  border-radius: 50px;
}
.blog-lists-section .single-blog-post .user-details p {
  margin-bottom: 0px;
}
.blog-lists-section .single-blog-post .user-details .details {
  margin-left: 8px;
}
.blog-lists-section .pagination .page-item {
  margin: 5px;
}
.blog-lists-section .pagination .page-link,
.blog-lists-section .pagination i {
  color: #222;
  font-weight: 500;
}
.blog-lists-section .pagination .page-link {
  width: 35px;
  text-align: center;
  border-radius: 3px;
}
.blog-lists-section .pagination .page-link:hover {
  /* background: #691cff;
  color: #fff; */
}
.blog-lists-section .pagination .page-link:hover i {
  /*  color: #fff; */
}
.blog-lists-section .pagination .active .page-link {
  background: #691cff;
  color: #fff;
  border-color: transparent;
}
.blog-lists-section .single-widget {
  background: #fff;
  border-radius: 5px;
  padding: 30px;
  -webkit-box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-lists-section .single-widget .widget-title {
  margin-bottom: 20px;
}
.blog-lists-section .search-widget .sidebar-form form input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #eee;
  padding: 0 10px;
  text-indent: 10px;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 100%;
  height: 50px;
}
.blog-lists-section .search-widget .sidebar-form form input:focus {
  outline: none;
}
.blog-lists-section .search-widget .sidebar-form form button {
  background: #222 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 20px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
}
.blog-lists-section .search-widget .sidebar-form form button:hover {
  cursor: pointer;
}
.blog-lists-section .search-widget .sidebar-form form button:focus {
  outline: none;
}
.blog-lists-section .recent-post-widget ul li {
  margin-bottom: 20px;
}
.blog-lists-section .recent-post-widget ul li .thumbs {
  width: 40%;
}
.blog-lists-section .recent-post-widget ul li .details {
  margin-left: 10px;
}
.blog-lists-section .recent-post-widget ul li .details p,
.blog-lists-section .recent-post-widget ul li .details h5 {
  font-size: 12px;
}
.blog-lists-section .recent-post-widget ul li .details p {
  margin-bottom: 0px;
  font-weight: 400;
}
.blog-lists-section .social-widget li {
  display: inline-block;
  margin-right: 10px;
}
.blog-lists-section .social-widget li a {
  text-align: center;
  color: #fff;
  background: #222;
  padding: 10px;
  width: 42px;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-lists-section .social-widget li a:hover {
  background: #691cff;
}
.blog-lists-section .archive-widget ul li {
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.blog-lists-section .archive-widget ul li:last-child {
  border-bottom: none;
}
.blog-lists-section .archive-widget ul li a {
  font-weight: 500;
  color: #222;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-lists-section .archive-widget ul li a:hover {
  color: #691cff;
}
.blog-lists-section .banner-widget {
  padding: 0px;
}
.blog-lists-section .tags-widget ul li {
  display: inline-block;
}
.blog-lists-section .tags-widget ul li a {
  font-size: 10px;
  margin-bottom: 5px;
  font-weight: 500;
  background: #000000;
  color: #fff;
  display: inline-block;
  padding: 8px 18px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-lists-section .tags-widget ul li a:hover {
  background: #691cff;
}

.blog-details {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-details:hover .post-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog-details h1 {
  margin: 10px 0px;
}
.blog-details .post-thumb {
  overflow: hidden;
}
.blog-details .post-thumb .overlay-bg {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-details .post-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-details .tags li {
  display: inline-block;
  margin-right: 10px;
}
.blog-details .tags li a {
  color: #691cff;
  font-weight: 600;
  font-size: 14px;
}
.blog-details .post-details {
  padding: 30px;
}
.blog-details .user-details img {
  width: 45px;
  border-radius: 50px;
}
.blog-details .user-details p {
  margin-bottom: 0px;
}
.blog-details .user-details .details {
  margin-left: 8px;
}
.blog-details .blockquote {
  border-left: 5px solid #691cff;
  font-size: 14px;
  margin-bottom: 35px;
  margin-left: 20px;
  margin-top: 35px;
  padding-left: 15px;
}

.comment-wrap {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  overflow: hidden;
  padding: 30px;
}
.comment-wrap h3 {
  margin-bottom: 30px;
}
.comment-wrap .media {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.comment-wrap .media:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.comment-wrap .media img {
  width: 90px;
  border-radius: 50px;
}
.comment-wrap .replay-comment {
  border-bottom: none;
  border-top: 1px solid #eee;
  padding: 20px;
  margin-bottom: 0px !important;
}
.comment-wrap .comments {
  margin-bottom: 30px;
}
.comment-wrap .comments:last-child {
  margin-bottom: 0px;
}
.comment-wrap .black-btn {
  min-width: 80px !important;
}
.comment-wrap .media-body h5 {
  margin-bottom: 10px;
}
.comment-wrap .comment-form h3 {
  margin-bottom: 30px;
}

.comment-form {
  margin-top: 30px;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  overflow: hidden;
  padding: 30px;
}
.comment-form .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ced4da;
}
.comment-form .primary-btn {
  margin-top: 30px;
}
.comment-form h3 {
  margin-bottom: 30px;
}
.comment-form .form-col-wrap {
  margin-bottom: 30px;
}

/* =================================== */
/*  Team Styles 
/* =================================== */
.team-section {
  background-color: #eee;
}
.team-section .single-team {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.team-section .single-team img {
  width: 100%;
  position: relative;
}
.team-section .single-team:hover .team-content {
  opacity: 1;
}
.team-section .team-content {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(34, 34, 34, 0.8);
  padding: 20px 0px;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.team-section .team-content a,
.team-section .team-content h4 {
  color: #fff;
}
.team-section .team-content ul li {
  display: inline-block;
  margin: 5px;
}
.team-section .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.team-section .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background: #fff;
  display: inline-block;
  margin: 0px 5px;
}
.team-section .owl-dots .owl-dot.active {
  background: #691cff;
}
.team-section .owl-dots .owl-dot:focus {
  outline: none;
}

/* =================================== */
/*  Accordian Styles 
/* =================================== */
.home-faq-section {
  padding-top: 120px;
}

.accordion > dt {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-shadow: 0 7px 20px -10px #000;
  -moz-box-shadow: 0 7px 20px -10px #000;
  box-shadow: 0 7px 20px -10px #000;
}

.accordion > dt > a {
  display: block;
  position: relative;
  color: #222222;
  text-decoration: none;
  padding: 14px 20px;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}

.accordion > dt > a:hover {
  text-decoration: none;
  border-color: #ddd;
  background: #fbfbfb;
}

.accordion > dt > a.active {
  color: #fff;
  border-color: #691cff;
  background: #691cff;
  cursor: default;
}
.accordion > dt > a.active:after {
  color: #fff !important;
}

.accordion > dt > a:after {
  content: '\f107';
  width: 15px;
  height: 15px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #999;
  -webkit-font-smoothing: antialiased;
}

.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {
  content: '\f106';
  /*color: #111; */
}

.accordion > dt > a:hover:after {
  /* color: #444; */
}

.accordion > dd {
  margin-bottom: 10px;
  padding: 10px 20px 20px;
  font-size: 14px;
  line-height: 1.8;
  color: #777;
}

.accordion > dt > a,
.accordion > dt > a:after,
.toggle > dt > a,
.toggle > dt > a:after {
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}

.accordion > dt > a.active {
  pointer-events: none !important;
  cursor: default !important;
}

/* =================================== */
/*  CTA Styles 
/* =================================== */
.cta-section {
  background: url(../img/banner2.jpg);
  background-attachment: fixed;
  background-size: cover;
}
.cta-section h1,
.cta-section h4,
.cta-section p {
  color: #fff;
}
.cta-section h4 {
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 30px;
}
.cta-section .overlay-bg {
  background: rgba(0, 0, 0, 0.8);
}

/* =================================== */
/*  Price Styles 
/* =================================== */
.price-section .price-left h4 {
  font-size: 35px;
}
.price-section .price-left p {
  color: #222;
  padding: 10px 0px;
  max-width: 320px;
}
.price-section .price-right .main {
  margin: -30px 0;
  background: #691cff;
  color: #fff;
}
.price-section .price-right .main i,
.price-section .price-right .main h4,
.price-section .price-right .main h2 {
  color: #fff;
}
.price-section .price-right .main .bottom-wrap {
  border-color: #fff;
}
.price-section .single-price {
  width: 100%;
  border-radius: 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 auto;
  -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 25, 0.05);
  box-shadow: 5px 5px 30px rgba(0, 0, 25, 0.05);
  padding: 40px 30px;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.price-section .single-price i {
  position: relative;
  font-size: 40px;
  color: #691cff;
}
.price-section .single-price h4 {
  position: relative;
  margin: 10px 0;
}
.price-section .single-price .bottom-wrap {
  border-top: 1px solid #8c8d9e;
  margin-top: 20px;
  padding-top: 20px;
}
.price-section .single-price .bottom-wrap i {
  font-size: 10px;
}
.price-section .single-price .bottom-wrap ul li {
  margin-bottom: 10px;
}
.price-section .single-price .bottom-wrap ul li:last-child {
  margin-bottom: 0px;
}
.price-section .single-price .bottom-wrap .primary-btn-w {
  background: #fff;
  color: #222;
  margin-top: 30px;
}
.price-section .single-price .bottom-wrap .primary-btn {
  margin-top: 30px;
}

/* =================================== */
/*  Download Styles 
/* =================================== */
.download-section {
  /* background: url(../img/download-bg.png); */
  background-color: black;
  padding: 58px 0;
}

#Talk-To-Us-span {
  color: white;
}

h1.talk-us {
  font-size: 36px;
  font-family: Raleway;
  /* font-size: 48px; */
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffff;
}

.download-section p {
  margin-top: 20px;
  margin-bottom: 0px;
}
.download-section .download-wrap {
  /* padding-top: 80px; */
}
.download-section .dload-btn {
  text-align: right;
}
.download-section .primary-btn {
  /* margin-left: 20px; */
  margin-top: 1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #ffc61e;
  font-family: Noto Sans JP;
  font-size: 1.6em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  /* padding: .3em 2em; */
}
.download-section .primary-btn svg {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

/* =================================== */
/*  Clients Styles 
/* =================================== */
.clients-wrap {
  padding: 30px 0px;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.single-client {
  text-align: center;
}

.contact-wrap {
  padding: 60px 0px;
}
.contact-wrap h3 {
  font-weight: 400;
}
.contact-wrap h3 i {
  margin-right: 10px;
}

/* =================================== */
/*  Stat Styles 
/* =================================== */
.stat-section {
  background: #691cff;
}
.stat-section h1,
.stat-section h4 {
  color: #fff;
}
.stat-section .single-stat {
  color: #fff;
}
.stat-section .single-stat i {
  font-size: 35px;
}
.stat-section .single-stat h1 {
  margin: 20px 0px;
}

/* =================================== */
/*  Contact Styles 
/* =================================== */
.contact-section {
  background: url(../img/download-bg.png);
  border-bottom: 100px solid #222;
}
.contact-section .section-title {
  padding-top: 120px;
}

.form-row {
  background: #fff;
  padding: 30px 0px;
  border-radius: 3px;
  margin-bottom: -100px;
  box-shadow: 0px 0px 158px 0px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px 0px 158px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 158px 0px rgba(0, 0, 0, 0.11);
}

.address-wrap .single-address-col {
  text-align: center;
  margin-bottom: 40px;
}
.address-wrap .single-address-col i {
  font-size: 50px;
  color: #691cff;
}
.address-wrap .single-address-col p {
  font-size: 16px;
  margin-top: 10px;
  color: #222;
}

.contact-form-wrap {
  padding: 50px;
}
.contact-form-wrap .form-col {
  margin-bottom: 30px;
}
.contact-form-wrap .form-control {
  border-radius: 0px;
  border-top: none;
  border-left: none;
  border-right: none;
  background: transparent;
  padding-left: 0px;
}
.contact-form-wrap .form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #222 !important;
}
.contact-form-wrap .primary-btn {
  vertical-align: center;
  margin-top: 30px;
  border: none;
}
.contact-form-wrap .primary-btn:focus {
  outline: none;
}

.form-row .message {
  height: 50px;
  width: 100%;
  font-size: 13px;
  line-height: 50px;
  text-align: center;
  float: none;
  margin-top: 20px;
  display: none;
  color: #fff;
}
.form-row .error {
  background: #ef5659;
}
.form-row .success {
  background: #691cff;
}

.contact-page-section {
  background: #eee !important;
}
.contact-page-section .single-address-col .div {
  padding: 30px 0px;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 40px;
}

.home-contact {
  padding-bottom: 50px;
}

/* =================================== */
/*  Footer Styles 
/* =================================== */
/* .footer-section {
  background: #222;
}
.footer-section .footer-menu {
  text-align: right;
}
.footer-section .footer-menu li {
  display: inline-block;
  padding-left: 12px;
}
.footer-section .footer-menu li a {
  font-weight: 400;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-section .footer-menu li a:hover {
  color: #691cff;
}
.footer-section .copyright-text {
  margin-top: 30px;
  text-align: left;
  color: #fff;
}
.footer-section .copyright-text i {
  color: #FF0000;
}
.footer-section .copyright-text a {
  color: #fff;
}
.footer-section #social {
  text-align: right;
  margin-bottom: 20px;
}
.footer-section #social li {
  display: inline-block;
}
.footer-section #social li a {
  color: #fff;
  text-align: center;
  display: block;
  margin-left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-section #social li a i {
  font-size: 18px;
}
.footer-section #social li a:hover {
  color: #691cff;
  border-color: #691cff;
}
.footer-section .footer-cols h4 {
  color: #fff;
  margin-bottom: 20px;
}
.footer-section .footer-cols p {
  color: #fff;
}
.footer-section .footer-cols #social {
  text-align: left;
  margin-top: 20px;
}
.footer-section .footer-cols #social li:first-child a {
  margin-left: 0px;
}
.footer-section .footer-cols ul li {
  margin-bottom: 10px;
  color: #fff;
}
.footer-section .footer-cols ul li a {
  color: #fff;
  font-weight: 400;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-section .footer-cols ul li a:hover {
  color: #691cff;
} */

/*==========own customize media quieres===============*/

@media (min-width: 992px) and (max-width: 1199.98px) {
  .section-header h3 {
    font-size: 35px !important;
  }

  .feature-head-adj {
    font-size: 35px !important;
  }

  .title-page h1 {
    font-size: 35px !important;
  }

  h1.h1-for-challenger {
    font-size: 35px !important;
  }

  .client-review-header h5 {
    font-size: 35px !important;
  }

  #testimon-h5 {
    font-size: 35px !important;
  }

  #section-casestudy-h3 {
    font-size: 35px !important;
  }

  button.btn.btn-primary {
    font-size: 15px;
  }

  /*----sample demo setion ----*/

  h3.sample-intro-h3 {
    font-size: 13px;
  }

  p.sample-intro-p {
    font-size: 11px;
  }

  /*----sample demo setion ----*/

  img#news_video-text {
    left: 8em;
    width: 42em;
  }

  h3#news_video-h3 {
    font-size: 25px;
    left: 19%;
  }

  h3#news_video-h3-1 {
    font-size: 25px;
    left: 34%;
  }

  img#play-button {
    right: 23em;
    top: 6.2em;
  }

  /*---intro area text nd other related css -----*/

  h1#banner-h1 {
    font-size: 47px;
  }

  p#banner-p {
    font-size: 1.2em;
  }

  #banner-span-p {
    font-size: 1.2em;
  }
}

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

@media (min-width: 1200px) {
  .container.testimonial-container {
    padding-left: 2em;
    padding-right: 2em;
  }

  .Rectangle-18 {
    width: 80%;
  }
}

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

@media (min-width: 992px) {
  .navbar-small {
    display: none;
  }

  header#header-area {
    display: block;
  }

  .img-place-mobile {
    display: none;
  }

  .faeture-image-top {
    display: block;
  }
}

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

@media (max-width: 991.98px) {
  p.features-p {
    text-align: center;
  }

  .cta-feature-btn-area {
    text-align: center;

    margin-left: 0px;
  }

  h3#candidate-sec-h1 {
    text-align: center;
    padding-top: 60px;
  }

  p#candidate-sec-p {
    text-align: center;
    margin-left: 0px;
  }

  .candidate-btn-area {
    text-align: center;
    margin-left: 0px;
  }

  section#news-area {
    padding-top: 5em;
  }

  img.success_tick {
    position: absolute;
    top: 35%;
    height: auto;
    width: 18%;
    left: 39%;
  }

  .faeturs-h3 h3 {
    text-align: center;
    padding-bottom: 1.5em;
  }

  .img-place-mobile {
    display: block;
    padding-bottom: 3em;
    width: 90%;
    height: auto;
    /* margin-left: auto; */
    margin-left: auto;
    margin-right: auto;
  }

  .faeture-image-top {
    display: none;
  }

  section.contact-banner {
    padding-top: 4em;
  }

  .nav-mobile-top {
    width: 100% !important;
  }

  .navbar {
    padding: 0.5rem 0 !important;
  }

  .navbar-small {
    display: block;
  }

  header#header-area {
    display: none;
  }

  .testimon-h4 {
    text-align: justify;
  }

  img.contact-page-logo {
    width: 32%;
  }

  .download-section .dload-btn {
    text-align: center;
  }

  .primary-btn {
    margin-right: 0px;
  }

  h1.talk-us {
    text-align: center;
  }

  h1#banner-h1 {
    font-size: 40px;
  }

  span#banner-span {
    font-size: 40px;
  }

  section.contact-banner {
    height: auto;
  }

  .dope-nav-container.dope-sticky {
    /* display: block;
    background-color: white;
    position: fixed; */
  }

  .Rectangle-18 {
    /*   width: 290px; */
  }

  section#banner-section {
    justify-content: space-between;
    padding-top: 9em;
    height: auto;
  }

  .screenshot-section {
    background: #ebf3fd;
    display: block;
    padding-top: 2em;
  }

  section#hiring-tech {
    display: none;
  }

  .contact-Rectangle-18 {
    display: none;
  }

  #form-tablet-area {
    display: block;
  }

  /*==sample intro ul chnages==== */
  ul.sample-intro-ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 0;
  }
}

/*----------about banner section changes----*/
@media (min-width: 992px) {
  .screenshot-section {
    /* display: none; */
  }

  /*-----primary contact/request demo button ------*/

  .primary-btn {
    margin-right: 0px;
  }

  /*----contact form in contact page -----*/
}

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

@media (min-width: 576px) {
  .card-body-mobile {
    display: none;
  }

  div#testimonial-body {
    display: block;
  }

  .row-card {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
}

/*==============================*/
@media (max-width: 575.98px) {
  .card-body-mobile {
    display: block;
  }

  div#testimonial-body {
    display: none;
  }

  section#banner-section {
    height: auto;
  }

  div#banner-section-logo-area {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  ul.sample-intro-ul {
    display: none;
  }

  p#banner-p {
    font-size: 1.3em;
  }

  div#banner-section-top {
    margin-top: 1em;
  }

  .container.demo {
    text-align: left;
  }

  .section-header h3 {
    font-size: 30px;
  }

  p.features-p {
    font-size: 25px;
  }

  .features-list-li {
    font-size: 20px;
  }

  .candidate-area-class {
    left: 12%;
    bottom: 23%;
  }

  p#candidate-sec-p {
    font-size: 22px;
  }

  li#candidate-sec-li {
    font-size: 20px;
  }

  img#play-button {
    right: 11em;
    top: 4.2em;
    height: auto;
    width: 8em;
  }

  img#news_video {
    width: 90%;
  }

  h3#news_video-h3 {
    font-size: 19px;
    bottom: 6%;
    left: 5%;
  }

  h3#news_video-h3-1 {
    bottom: -3%;
    left: 30%;
    font-size: 19px;
  }

  .card.testimonial-card {
    width: 90%;
  }

  .testimon-h4 {
    font-size: 20px;
  }

  p.testimon-p {
    font-size: 17px;
  }

  img#news_video-text {
    left: 0em;
    bottom: -1.1em;
    width: 100%;
  }

  img#sample-intro-graphic {
    height: auto;
    width: 13%;
    /* margin-top: -1em; */
    position: absolute;
    top: -7em;
    right: 15em;
  }

  h3#services-h3 {
    text-align: center;
  }

  .featured-section {
    display: none;
  }

  /*about pages changes */

  img.team-social-logo1 {
    top: 46%;
    left: 35%;

    height: auto;
    width: 17%;
  }

  img.team-social-logo2 {
    top: 46%;
    left: 64%;

    height: auto;
    width: 17%;
  }

  h1#about-intro-h1 {
    font-size: 37px;
  }

  p.about-intro-p {
    font-size: 15px;
  }

  h3#team-intro-h1 {
    font-size: 37px;
  }

  h3#team-intro-h1 {
    padding-top: 1.2em;
    padding-bottom: 0.1em;
  }

  .overlay {
    /* width: 100%; */
  }

  img.team-person {
    width: 56%;
    /* padding: 4em; */
    border-radius: 20px;
  }

  img.team-title {
    left: 2em;
    bottom: 3.4em;
    width: 90%;
    max-width: 100%;
  }

  #footer .footer-top .footer-info h3 {
    text-align: left;
    padding-bottom: 1em;
  }

  #footer .footer-top h4 {
    font-size: 9px;
  }

  .foooter-link-a {
    font-size: 11px;
  }

  .terms-p {
    font-size: 12px;
  }

  /*----about us page ------*/

  h1#contact-top-h1 {
    text-align: left;
    font-size: 40px;
  }

  p#contact-top-p {
    text-align: left;
    font-size: 20px;
  }

  h3#contact-bottom-h3 {
    font-size: 22px;
  }

  p.contact-bottom-p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 20px;
  }

  /*---------report slider---------------*/
  section.screenshot-section.section-gap-full {
    display: block;
  }
}

@media (max-width: 767.98px) {
  #candidate-section {
    background-color: #e0f3dd;
    background-image: unset;
  }

  #section-casestudy-h3 {
  }
  #section-casestudy-h3-tab {
  }

  #section-casestudy-h3-425 {
  }
  #section-casestudy-h3-375 {
  }

  #section-casestudy-h3-375 {
  }

  section#banner-section {
    padding-top: 5em;
  }

  span#typewrite {
    border-bottom: 2px solid #f2b527;
  }

  .intro-img-area {
    margin-top: -1em;
  }

  img#news-image {
    margin-top: 0px;

    margin-bottom: 0.5em;
    height: auto;
    width: 20%;
  }

  #progress {
    display: none;
  }

  p#banner-span-p {
    text-align: center;
  }

  .demo {
    text-align: center;
    /* margin-bottom: 50px; */
  }

  a#banner-request-btn {
    font-size: 20px;
  }

  /*----press logo corosal-----*/

  #clients {
    display: block;
  }

  /*-----intro/banner section ----*/
  .banner-section .banner-right img {
    width: 70%;
    margin-top: 50px;
  }

  /*-----customer logo alignemnt changes--*/

  img#cognizant-img,
  img#paired-img,
  img#hyde-park-img,
  img#bactrak-img {
    margin-left: 0px;
    margin-right: 0px;
  }
}

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

@media (min-width: 768px) and (max-width: 991.98px) {
  .news-list {
    padding-bottom: 6em;
  }

  .Rectangle-18 {
    width: 93%;
  }

  img.linkedin-img {
    width: 9%;
  }

  img#sample-intro-graphic {
    display: none;
  }

  .pt-5 {
    padding-top: 0rem !important;
  }

  h3#sample-intro-h3 {
    text-align: center;
  }

  .card.testimonial-card {
    width: 80%;
    height: 34em;
  }

  p#banner-p {
    font-size: 0.8em;
  }

  #banner-span-p {
    font-size: 0.8em;
  }

  #progress .progress-bar {
    bottom: 1.7em;
  }

  .container.demo {
    text-align: left;
  }

  h1#news-video-h1 {
    padding-top: 2em;
    padding-bottom: 0px;
  }

  img#cognizant-img {
    margin-left: 0px;
  }

  img#bactrack-img {
    margin-top: -1px;
  }

  img#paired-img {
    margin-right: 0px;
  }

  img#hyde-park-img {
    margin-left: 0px;
    padding-bottom: 0px;
    margin-top: 0em;
  }

  img#bactrak-img {
    margin-right: 0px;
  }

  .Rectangle-18 {
    height: 25em;
  }

  .report-title {
    font-size: 15px;
  }

  p.screenshot-p {
    font-size: 14px;
  }

  button.btn.btn-primary {
    /* padding: 5px 19px; */
    font-size: 10px;
  }

  #section-casestudy-h3 {
    font-size: 32px !important;
  }

  p.cont-sec1 {
    font-size: 14px !important;
  }

  .section-header h3 {
    font-size: 35px;
  }

  .comman-media.media h6 {
    font-size: 28px !important;
  }

  #testimon-h5 {
    font-size: 35px !important;
  }

  .client-review-header h5 {
    font-size: 35px !important;
  }

  h1.h1-for-challenger {
    font-size: 35px !important;
  }

  .title-page h1 {
    font-size: 35px !important;
  }

  .feature-head-adj {
    font-size: 35px !important;
  }

  a#banner-request-btn {
    font-size: 1.1em;
  }

  /*----------news video area------------*/

  img#news_video {
    width: 100%;
  }

  img#news_video-text {
    width: 47em;
    left: -2em;
  }

  h3#news_video-h3 {
    font-size: 28px;
    bottom: 5%;
    left: 2.5%;
  }

  h3#news_video-h3-1 {
    font-size: 28px;
  }

  img#play-button {
    right: 16em;
    top: 8.2em;
  }

  /*=======footer area changes ============ */

  .footer-info {
    text-align: center;
    /*  /* padding-bottom: 2em; */
    /* border-bottom: 1px solid yellow; */
    margin-bottom: 1em;
  }
}

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

@media (min-width: 576px) and (max-width: 991.98px) {
  /*----press logo changes ----*/
  img#press-logo-id {
    width: 50%;
    padding: 10px 0;
  }

  /*-----testimonial corosal----*/

  .card.testimonial-card {
    font-size: 10px;
  }
}

/*=======================customized media queries styles for about page=====================================*/

@media (min-width: 992px) and (max-width: 1199px) {
  /*---------------team/mentor-image/text-image changes -------*/
  img.team-title {
    bottom: 3em;
    width: 85%;
  }

  p.team-name {
    bottom: 3.5em;
    left: 4em;
    font-size: 20px;
  }

  p.team-designtn {
    bottom: 2.6em;
    left: 4.5em;
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  h3#team-intro-h1 {
    font-size: 54px;
  }

  img.team-title {
    bottom: 2.6em;
    width: 80%;
  }

  p.team-name {
    bottom: 3em;
    left: 3.5em;
    font-size: 23px;
    font-weight: 500;
  }

  p.team-designtn {
    bottom: 2.2em;
    left: 4.2em;
    font-size: 19px;
    font-weight: 400;
  }

  p.about-intro-p {
    font-size: 14px;
  }
}

/*-------------media quires -----------------*/

@media (max-width: 425px) {
  .ci-text {
    font-size: 13px !important;
  }

  h1#contact-header {
    font-size: 30px !important;
  }

  .row.privacy {
    padding-top: 30px;
  }

  .pt-4,
  .py-4 {
    padding-top: 0px !important;
  }

  section#features {
    padding-bottom: 3em;
    padding-top: 2em;
  }

  .pt-5 {
    padding-top: 0px !important;
  }

  .cta-feature-btn-area {
    text-align: center;
  }

  .Report-p > p {
    font-size: 14px;
  }

  .report-title > h3 {
    font-size: 17px;
  }

  h3.request-form-h3 {
    padding-bottom: 0.5em;
  }

  .Report-btn {
    /*  padding-bottom: 2em; */
  }

  h3.screenshot-h3 {
    font-size: 17px;
    font-weight: 400;
    font-family: Raleway;
    letter-spacing: 0.9px;
    color: #212734;
  }

  .Report-p {
    font-family: Raleway;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: center;
    color: #212734;
    /* padding-top: 2em; 
    padding: 1em;
    margin-top: 0px;
    margin-bottom: 0px; */
  }

  #read-resource-btn {
    padding: 5px 32px;
  }

  button.btn.btn-primary {
    font-size: 12px;
    letter-spacing: 0px;
  }

  .Rectangle-18 {
    height: 19em;
    width: 74%;
  }
}

@media (min-width: 425px) and (max-width: 575.98px) {
  .quote-autor-name {
    font-size: 14px;
  }

  .quote-autor-company {
    font-size: 14px;
  }

  .Rectangle-18 {
    width: 65%;
  }

  .screenshot-section {
    padding-top: 1em;
  }

  .privacy div {
    margin-top: 0px !important;
  }

  .row.privacy {
    padding-top: 0px;
  }

  .privacy h4 {
    font-size: 20px !important;
  }

  .privacy p {
    font-size: 15px !important;
  }

  #privacy {
    padding-top: 30px !important;
  }

  p.team-designtn {
    bottom: 0em;
    left: 6.3em;
  }

  p.team-name {
    bottom: 0.8em;
    left: 4.8em;
    font-size: 23px;
  }

  h3#candidate-sec-h1 {
    font-size: 24px;
    padding-bottom: 0;
    padding-top: 1em;
    text-align: center;
  }

  p#candidate-sec-p {
    font-weight: 300;
    font-size: 20px;
  }

  h4#testomin-h4-2 {
    padding-top: 0px;
    padding: 1em;
  }

  p.testimon-p {
    padding-top: 0px;
  }

  section#sample-intro-id {
    padding-top: 2em;
  }

  h3.textblock-title {
    font-size: 17px;
  }

  p.textblock-text {
    font-size: 15px;
  }

  div#testimon-quote-2 {
    padding-top: 0px;
  }

  .quote {
    font-size: 4em;
    padding-left: 0px;
  }

  h4#testomin-h4-2 {
    padding-top: 0px;
  }

  .news-list {
    padding-bottom: 2em;
  }

  h1#banner-h1 {
    font-size: 22px;
    text-align: center;
  }

  span#banner-span {
    font-size: 30px;
  }

  p#banner-p {
    font-size: 20px;
    text-align: center;
  }

  p.text-center.margin-top-20 {
    font-size: 20px !important;
  }

  p.para18 {
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
  }

  p#banner-span-p {
    font-size: 15px;
    text-align: center;
  }

  a#banner-request-btn {
    font-size: 1.4em;
  }

  img#sample-intro-graphic {
    top: -5em;
    right: 12em;
  }

  section#sample-intro-id {
    padding-top: 3em;
  }

  section#in_news {
    margin-top: 2em;
  }

  h3.section-casestudy-h3 {
    font-size: 25px;
  }

  .section-header h3 {
    font-size: 30px;
  }

  .feature-head-adj {
    font-size: 30px !important;
  }

  .title-page h1 {
    font-size: 30px !important;
  }

  h1.h1-for-challenger {
    font-size: 30px !important;
  }

  .client-review-header h5 {
    font-size: 30px !important;
  }

  #testimon-h5 {
    font-size: 30px !important;
  }

  #section-casestudy-h3 {
    font-size: 30px !important;
  }

  .faeturs-h3 h3 {
    font-size: 24px;
    padding-bottom: 0.5em;
  }

  p.features-p {
    font-size: 20px;
  }

  .features-list-li {
    font-size: 15px;
    margin-bottom: 0.5em;
  }

  .candidate-area-class {
    left: 11%;
    bottom: 23%;
    padding-bottom: 0px;
  }

  li#candidate-sec-li {
    font-size: 15px;
    margin-bottom: 0.5em;
  }

  p#candidate-sec-p {
    font-size: 18px;
  }

  h1.talk-us {
    font-size: 25px;
  }

  img#play-button {
    right: 9em;
    top: 4.2em;
    height: auto;
    width: 6em;
  }

  section#news-area {
    padding-top: 4em;
  }

  p.news-p {
    font-size: 15px;
  }

  h3#news_video-h3 {
    font-size: 14px;
    bottom: 9%;
    left: 6%;
  }

  h3#news_video-h3-1 {
    bottom: 0%;
    left: 29%;
    font-size: 14px;
  }

  img#news_video-text {
    left: 0em;
    bottom: -0.5em;
    width: 100%;
  }

  .card.testimonial-card {
    width: 90%;
    height: 17em;
  }

  .testimon-h4 {
    padding-right: 1em;
    /* padding: 2em; */
    padding-left: 1em;
    padding-top: 1em;
  }

  .testimon-h4 {
    font-size: 14px;
  }

  p.testimon-p {
    font-size: 15px;
  }

  p.testimon-p-desig {
    font-size: 15px;
  }

  #Talk-To-Us-span {
    font-size: 20px;
  }

  /*---about us page ----*/

  h1#about-intro-h1 {
    font-size: 30px;
  }

  p.about-intro-p {
    font-size: 10px;
  }

  h3#team-intro-h1 {
    padding-top: 1.2em;
    padding-bottom: 0.1em;
    font-size: 30px;
  }

  .team-img {
    padding-bottom: 10px;
    padding-top: 20px;
  }

  img.team-title {
    left: 6em;
    bottom: -0.6em;
    width: 67%;
    max-width: 100%;
  }

  /*---contact us page----*/

  h1#contact-top-h1 {
    font-size: 32px;
  }

  p#contact-top-p {
    font-size: 18px;
  }

  h3#contact-bottom-h3 {
    font-size: 20px;
  }

  p.contact-bottom-p {
    font-size: 15px;
  }

  h3.request-form-h3 {
    font-size: 30px;
  }

  img.tick-img {
    width: 80%;
  }
}

@media (min-width: 375px) and (max-width: 424.98px) {
  /*-------index page --------------*/

  .quote-autor-name {
    font-size: 14px;
  }

  .quote-autor-company {
    font-size: 14px;
  }

  .candidate-btn-area {
    margin-bottom: 0px;
  }

  .screenshot-section {
    padding-top: 2em;
  }

  p#in_news-p1 {
    font-weight: lighter !important;
    font-size: 11px !important;
  }

  .privacy h4 {
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  .privacy p {
    padding-top: 9px !important;
    font-size: 15px !important;
  }

  #privacy {
    padding-top: 30px !important;
  }

  .privacy div {
    margin-top: 0px !important;
    /* padding: 30px; */
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 0px !important;
    /* background-color: #f6f6f6; */
  }

  .container.testimonial-container {
    padding: 0.5em;
  }

  .report-title {
    font-size: 15px;
  }

  .Report-p {
    font-size: 11px;
  }

  button.btn.btn-primary {
    font-size: 10px;
  }

  #section-casestudy-h3 {
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #212734;
    position: relative;
    font-size: 20px;
    font-family: Raleway;
    /* padding-top: 1em; */
    padding-bottom: 1em;
  }

  h3#candidate-sec-h1 {
    padding-top: 1em;
    text-align: center;
    /* margin-left: 9em; */
    padding-bottom: 1em;
    font-size: 24px;
    font-weight: 500;
  }

  .demo {
    /* padding-bottom: 30px; */
  }

  h4#testomin-h4-2 {
    padding-top: 0em;
    padding: 2em;
  }

  .testimon-h4 {
    padding-right: 2em;
    padding-left: 2em;
  }

  .card.testimonial-card {
    height: 21em;
    width: 90%;
  }

  p.testimon-p {
    padding-right: 2em;
    font-size: 14px;
  }

  p.testimon-p-desig {
    font-size: 14px;
  }

  .quote {
    font-size: 3em;
    padding-left: 0em;
  }

  h3.textblock-title {
    font-size: 15px;
  }

  p.textblock-text {
    font-size: 16px;
  }

  news-list {
    padding-bottom: 2em;
  }

  h3.textblock-title {
    font-size: 17px;
  }

  h1#banner-h1 {
    font-size: 22px;
    text-align: center;
  }

  span#banner-span {
    font-size: 27px;
    text-align: center;
  }

  .faeturs-h3 h3 {
    font-size: 24px;
    padding-bottom: 0.5em;
  }

  .img-place-mobile {
    padding-bottom: 2em;
  }

  .section-header.h3 {
    padding-bottom: 15px;
  }

  li#candidate-sec-li {
    font-size: 16px;
    text-align: left;
    margin-bottom: 0.5em;
  }

  p.cont-sec1 {
    margin: 0px !important;
    font-size: 15px !important;
  }

  p#banner-p {
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
  }

  .para18 {
    font-size: 19px !important;
  }

  p.text-center.margin-top-20 {
    font-size: 19px !important;
  }

  .comman-media.media h6 {
    font-size: 26px !important;
  }

  p#banner-span-p {
    text-align: center;
    font-size: 13px;
  }

  a#banner-request-btn {
    font-size: 1.2em;
  }

  section#in_news {
    background-color: #fff;
    margin-top: 2em;
  }

  #section-casestudy-h3 {
    font-size: 28px !important;
  }

  .section-header h3 {
    font-size: 28px;
  }

  .feature-head-adj {
    font-size: 28px !important;
  }

  .title-page h1 {
    font-size: 28px !important;
  }

  h1.h1-for-challenger {
    font-size: 28px !important;
  }

  .client-review-header h5 {
    font-size: 28px !important;
  }

  #testimon-h5 {
    font-size: 28px !important;
  }

  p.features-p {
    font-size: 17px;
    font-weight: 400;
    text-align: center;
  }

  .features-list-li {
    font-size: 16px;
  }

  p#candidate-sec-p {
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 0.7em;
    font-family: Noto Sans JP;
  }

  img#play-button {
    right: 8em;
    top: 2.2em;
    height: auto;
    width: 6em;
  }

  .news-list {
    padding-bottom: 2em;
  }

  img#news_video-text {
    left: 0em;
    bottom: -0.5em;
    width: 100%;
  }

  h3#news_video-h3 {
    font-size: 12px;
    bottom: 10%;
    left: 6%;
  }

  h3#news_video-h3-1 {
    bottom: 2%;
    left: 30%;
    font-size: 12px;
  }

  p.news-p {
    font-size: 14px;
  }

  .testimon-h4 {
    font-size: 14px;
  }

  h1.talk-us {
    font-size: 25px;
  }

  #Talk-To-Us-span {
    font-size: 18px;
  }

  .terms-p {
    font-size: 11px;
  }

  /*------about us page -----------*/

  p.team-designtn {
    left: 5em;
    bottom: 1.5em;
  }

  p.team-name {
    bottom: 2.1em;
    left: 3.7em;
    font-family: Noto Sans JP;
    font-size: 23px;
  }

  h1#about-intro-h1 {
    font-size: 26px;
    text-align: justify;
  }

  p.about-intro-p {
    font-size: 13px;
  }

  h3#team-intro-h1 {
    font-size: 26px;
  }

  img.team-person {
    width: 65%;
  }

  .team-img {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  img.team-title {
    left: 4.5em;
    bottom: 1.4em;
    width: 75%;
    max-width: 100%;
  }

  /*-------contact us page ----*/

  h1#contact-top-h1 {
    text-align: left;
    font-size: 30px;
  }

  p#contact-top-p {
    text-align: left;
    font-size: 16px;
  }

  h3#contact-bottom-h3 {
    font-size: 20px;
  }

  p.contact-bottom-p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 15px;
  }

  img.tick-img {
    /* padding-top: 1em; */
    margin-left: 1.5em;
    width: 95%;
  }

  h3.request-form-h3 {
    font-size: 30px;
  }

  img#sample-intro-graphic {
    height: auto;
    width: 13%;
    /* margin-top: -1em; */
    position: absolute;
    top: -4em;
    right: 10em;
  }
}

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

@media (max-width: 374.98px) {
  img.linkedin-img {
    width: 15%;
  }

  /*index page -----*/
  #privacy {
    padding-top: 30px !important;
  }

  .row.privacy {
    padding-top: 0px;
  }

  .privacy h4 {
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .privacy p {
    padding-top: 9px !important;
    font-size: 14px !important;
  }

  .privacy div {
    margin-top: 20px !important;
    padding: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 15px !important;
    /* background-color: #f6f6f6; */
  }

  p.feature-p {
    font-size: 14px !important;
  }

  p#in_news-p1 {
    font-size: 10px !important;
  }

  .container.testimonial-container {
    padding: 0.5em;
  }

  .report-title h3 {
    font-size: 17px;
  }

  .Report-p > p {
    font-size: 11px;
  }

  h3#candidate-sec-h1 {
    padding-top: 1em;
    text-align: center;
    /* margin-left: 9em; */
    font-size: 20px;
    padding-bottom: 1em;
    font-weight: 500;
  }

  .Report-p {
    font-size: 10px;
  }

  #read-resource-btn {
    padding: 3px 32px;
  }

  button.btn.btn-primary {
    font-size: 9px;
  }

  .Rectangle-18 {
    height: 18em;
  }

  .privacy div {
  }

  .section-header.h3 {
    padding-bottom: 0px;
    padding-top: 15px;
  }

  h4#testomin-h4-2 {
    padding-top: 0px;
  }

  .demo {
    padding-bottom: 1em;
  }

  .news-list {
    padding-bottom: 2em;
  }

  section#banner-section {
    height: auto;
    padding-bottom: 0.5em;
  }

  h3.textblock-title {
    font-size: 16px;
  }

  p.textblock-text {
    font-size: 15px;
  }

  .screenshot-section {
    padding-top: 1em;
  }

  section#sample-intro-id {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  section#news-area {
    padding-top: 3em;
  }

  .container.demo {
    text-align: center;
  }

  .banner-section .banner-right img {
    width: 80%;
  }

  h1#banner-h1 {
    font-size: 26px;
    text-align: center;
  }

  span#banner-span {
    font-size: 26px;
  }

  img#sample-intro-graphic {
    display: none;
  }

  p#banner-p {
    font-size: 18px;
    text-align: center;
  }

  p.para18 {
    font-size: 17px !important;
  }

  p.text-center.margin-top-20 {
    font-size: 17px !important;
  }

  p.cont-sec1 {
    font-size: 14px !important;
    margin: 0px !important;
  }

  p#banner-span-p {
    text-align: center;
    font-size: 11px;
  }

  h3#sample-intro-h3 {
    text-align: center;
    padding-bottom: 9px;
    padding-top: 9px;
  }

  .img-place-mobile {
    padding-bottom: 1.5em;
  }

  .faeturs-h3 h3 {
    font-size: 20px;
    padding-bottom: 0.5em;
  }

  p.features-p {
    font-size: 14px;
  }

  .features-list-li {
    font-size: 12px;
  }

  section#in_news {
    margin-top: 2em;
  }

  a#banner-request-btn {
    font-size: 0.9em;
  }

  #section-casestudy-h3 {
    font-size: 26px !important;
  }

  .section-header h3 {
    font-size: 26px;
  }

  .feature-head-adj {
    font-size: 26px !important;
  }

  .title-page h1 {
    font-size: 26px !important;
  }

  h1.h1-for-challenger {
    font-size: 26px !important;
  }

  .client-review-header h5 {
    font-size: 26px !important;
  }

  #testimon-h5 {
    font-size: 26px !important;
  }

  .comman-media.media h6 {
    font-size: 25px !important;
  }

  p.features-p {
    font-size: 15px;
    text-align: center;
    font-weight: 400;
  }

  .cta-feature-btn-area {
    text-align: center;
    margin-top: 1.5em;
    margin-left: 0px;
  }

  .features-list-li {
    font-size: 14px;
  }

  p#candidate-sec-p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0.7em;
    text-align: center;
  }

  .candidate-btn-area {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 2em;
    margin-left: 0px;
  }

  li#candidate-sec-li {
    font-size: 14px;
    margin-bottom: 0.5em;
  }

  img#play-button {
    right: 7.9em;
    top: 2.2em;
    height: auto;
    width: 5em;
  }

  img#news_video-text {
    left: 0em;
    bottom: -0.5em;
    width: 100%;
  }

  h3#news_video-h3 {
    font-size: 10px;
    bottom: 7%;
    left: 6%;
  }

  h3#news_video-h3-1 {
    bottom: -2%;
    left: 30%;
    font-size: 10px;
  }

  .quote {
    font-size: 3em;
    padding-left: 0px;
  }

  p.news-p {
    font-size: 14px;
  }

  a#read-news {
    font-size: 12px;
  }

  .testimon-h4 {
    font-size: 13px;
    padding: 1em;
    /*  padding-right: 0px; */
  }

  p.testimon-p {
    padding-top: 0.5em;
    padding-right: 1em;
    font-size: 14px;
  }

  p.testimon-p-desig {
    font-size: 14px;
  }

  h1.talk-us {
    font-size: 20px;
  }

  .card.testimonial-card {
    height: 19em;
    padding-left: 1em;
    padding-right: 1em;
  }

  #Talk-To-Us-span {
    font-size: 13px;
  }

  .terms-p {
    font-size: 8px;
  }

  #progress .progress-bar {
    bottom: 1.5em;
  }

  /*----about us page ------*/

  p.team-designtn {
    left: 4em;
    bottom: -0.5em;
    font-size: 17px;
  }

  p.team-name {
    bottom: 0.7em;
    left: 4em;
    font-size: 18px;
    font-weight: 500;
  }

  div#intro-p-area {
    max-width: 100%;
  }

  h1#about-intro-h1 {
    font-size: 25px;
  }

  p.about-intro-p {
    font-size: 13px;
  }

  h3#team-intro-h1 {
    font-size: 20px;
  }

  img.team-person {
    width: 65%;
  }

  img.team-title {
    left: 3.3em;
    bottom: -0.6em;
    width: 75%;
    max-width: 100%;
  }

  .team-img {
    padding-top: 20px;
    padding-bottom: 25px;
  }

  /*-----contact us page ------*/

  img.contact-page-logo {
    width: 32%;
  }

  h1#contact-top-h1 {
    font-size: 26px;
  }

  p#contact-top-p {
    font-size: 14px;
  }

  h3#contact-bottom-h3 {
    font-size: 18px;
  }

  p.contact-bottom-p {
    font-size: 14px;
  }

  img.tick-img {
    /* padding-top: 1em; */
    /* margin-left: 1.5em; */
    margin-left: 1.5em;
    width: 95%;
  }

  h3.request-form-h3 {
    font-size: 25px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .Rectangle-18 {
    width: 65%;
  }

  .banner-section .banner-right img {
    width: 50%;
  }

  .card.testimonial-card {
    height: 27em;
  }

  section#banner-section {
    justify-content: space-around;
  }

  div#banner-section-logo-area {
    display: none;
  }

  img.team-title {
    bottom: 2em;
    width: 95%;
  }

  p.team-name {
    bottom: 2em;
    left: 3.5em;
    font-size: 35px;
    font-weight: 500;
  }

  p.team-designtn {
    bottom: 0.8em;
    left: 3.5em;
    font-size: 35px;
    font-weight: 400;
  }

  /*---aboutpage changes ------*/

  .overlay {
    width: 100%;
  }

  p.about-intro-p {
    font-size: 18px;
  }

  .team-img {
    width: 100%;
    padding: 3em;
  }

  img.team-person {
    width: 100%;
    padding-bottom: 2em;
  }

  img.team-title {
    bottom: 0em;
    width: 88%;
    left: 5em;
  }

  #footer .footer-top .footer-info h3 {
    text-align: center;
    padding-bottom: 1em;
  }
}

@media (min-width: 510px) and (max-width: 519.98px) {
  img#play-button {
    right: 11em;
    top: 4.2em;
    height: auto;
    width: 7em;
  }

  h3#news_video-h3 {
    font-size: 15px;
    bottom: 9%;
    left: 15%;
  }

  h3#news_video-h3-1 {
    bottom: 2%;
    left: 30%;
    font-size: 15px;
  }
}

@media (min-width: 520px) and (max-width: 575.98px) {
  img#play-button {
    right: 11em;
    width: 8em;
  }

  h3#news_video-h3 {
    font-size: 17px;
    bottom: 5%;
    left: 10%;
  }

  h3#news_video-h3-1 {
    bottom: -2%;
    left: 29%;
    font-size: 17px;
  }

  img#news_video-text {
    bottom: -1.5em;
  }
}

@media (min-width: 510px) and (max-width: 575.98px) {
  .Rectangle-18 {
    width: 65%;
  }

  /*img.team-title{
  bottom: 3em;
  width: 93%;
  
} */

  p.team-name {
    bottom: 1em;
    left: 4.5em;
    font-size: 28px;
    font-weight: 500;
  }

  p.team-designtn {
    bottom: 0em;
    left: 5em;
    font-size: 25px;
    font-weight: 400;
  }
}

/*===========================contact us area media queries =========================*/

@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-Rectangle-18 {
    width: 362px;
    height: 450px;
  }

  .Rectangle-18 {
    width: 93%;
  }

  button.btn.btn-primary {
    letter-spacing: 0px;
  }

  section#news-area {
    padding-top: 6em;
  }

  .news-list {
    padding-bottom: 6em;
  }
}

/*===========================media queries for screen height ===================*/

/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
}

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

@media (min-width: 768px) {
  #section-casestudy-h3 {
  }
  #section-casestudy-h3-tab {
  }

  #section-casestudy-h3-425 {
  }
  #section-casestudy-h3-375 {
  }

  #section-casestudy-h3-375 {
  }

  #clients {
    display: none;
  }

  .sample-intro-img-area {
    display: none;
  }

  .row.intro-text-area {
    display: flex;
  }
}

/*==============own customize media queries=================*/

@media screen and (min-width: 1921px) {
  section#banner-section {
    height: auto;
  }
}

@media screen and (min-width: 1800px) {
  section.contact-banner {
    height: auto;
  }
}

/*==============own customize media queries=================*/

@media (min-width: 576px) and (max-width: 767.98px) {
  .quote {
    font-size: 5em;
  }

  div#testimon-quote-2 {
    padding-top: 1em;
  }

  img#play-button {
    right: 11em;
    top: 5em;
    width: 8em;
  }

  img#news_video {
    width: 90%;
  }

  img#news_video-text {
    left: 0em;
    bottom: -5%;
    max-width: 100%;
  }

  h3#news_video-h3 {
    font-size: 19px;
    bottom: 7%;
    left: 6%;
  }

  h3#news_video-h3-1 {
    font-size: 19px;
    bottom: -1.5%;
    left: 29%;
  }

  h1#about-intro-h1 {
    font-size: 40px;
  }

  /*----contact page ----*/

  h1#contact-top-h1 {
    font-size: 40px;
  }

  p#contact-top-p {
    font-size: 20px;
  }

  h3#contact-bottom-h3 {
    font-size: 20px;
  }

  p.contact-bottom-p {
    font-size: 18px;
  }

  h3.request-form-h3 {
    font-size: 30px;
  }

  button#Talk-To-Us {
    font-size: 20px;
  }

  #footer .footer-top h4 {
    font-size: 12px;
  }

  .foooter-link-a {
    font-size: 11px;
  }

  .terms-p {
    font-size: 12px;
  }

  /*=======main page ========*/

  h3.textblock-title {
    font-size: 21px;
  }

  p.textblock-text {
    font-size: 18px;
  }

  .section-header h3 {
    font-size: 30px;

    /* padding-top: 1em;*/
  }

  h1#banner-h1 {
    text-align: center;
    font-size: 22px;
  }

  p#banner-p {
    text-align: center;
    font-size: 20px;
  }

  .para18 {
    font-size: 20px !important;
  }

  .container.demo {
    text-align: left;
  }

  #testimon-h5 {
    font-size: 33px !important;
  }

  h1.h1-for-challenger {
    font-size: 33px !important;
  }
  .client-review-header h5 {
    font-size: 33px !important;
  }
  .section-header h3 {
    font-size: 33px;
    margin-bottom: 0.3em;
  }

  .title-page h1 {
    font-size: 33px !important;
  }

  .feature-head-adj {
    font-size: 33px !important;
  }

  #section-casestudy-h3 {
    font-size: 33px !important;
  }

  .privacy p {
    font-size: 18px !important;
  }

  .section-header.h3 {
    padding-bottom: 0px !important;
  }

  p.features-p {
    font-size: 23px;
  }

  .features-list-li {
    font-size: 18px;
  }

  h3#candidate-sec-h1 {
    padding-top: 2em;
  }

  p#candidate-sec-p {
    font-size: 23px;
  }

  li#candidate-sec-li {
    font-size: 18px;
  }

  img#bactrack-img {
    margin-top: 1em;
  }

  .card.testimonial-card {
    width: 85%;
  }

  .testimon-h4 {
    font-size: 14px;
  }

  img#sample-intro-graphic {
    height: 5em;
  }

  h4#testomin-h4-2 {
    padding-top: 2em;
  }

  p.testimon-p {
    font-size: 14px;
  }

  p.testimon-p-desig {
    font-size: 14px;
  }

  div#testimon-quote-2 {
    padding-top: 0em;
  }

  div#sample-intro-list-area {
    display: none;
  }
}

/*==================testing navbar styles========================*/

#humantic-nav-ul {
  padding-right: 4em;
}

#nav {
  margin-top: 18px !important;
}
.dope-menu {
  padding-top: 0.5em !important;
}

ul {
  /*  margin-top: 18px;
    margin-bottom: 1rem; */
}

/*==================back to top btn  styles========================*/

.back-to-top {
  position: fixed;
  display: none;
  background: #ffc61e;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

/*--====-------------------====---*/

a.navbar-brand {
  font-size: xx-large;
  letter-spacing: 0.8px;
  font-family: Montserrat Alternates;
  font-weight: bold;
}

.navbar-light .navbar-brand {
  color: #ecab13;
}

.navbar-dark .navbar-brand {
  color: #ecab13;
  padding-left: 15px;
}

.navbar-light .navbar-brand:hover {
  color: #ecab13;
}

a.nav-link.waves-effect.waves-light {
  font-family: Noto Sans JP;
  font-size: 1.1em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.7px;
  color: black !important ;
  margin-right: 1em;
}

.navbar {
  box-shadow: none !important;
}

div#navbarResponsive {
  background-color: white;
}

li.nav-item {
  text-align: center;
}

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

.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  background-color: #ecab13;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all 0.2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

.icon-bar:nth-child(2) {
  width: 16px;
  transition: ease all 0.2s;
}

.navbar-toggler:hover > .icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all 0.2s;
}

.navbar-toggler:active > .icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 4px);
  transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all 0.2s;
}

.sec-accent {
  background-color: #fafcf5;
}

.blue {
  background-color: #9999cc;
}

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

/*================optout/term/gdpr/privacy policy chnages area=================*/

.optout-area {
  display: flex;
  flex-direction: column;
  text-align: center;
}

input#textid {
  height: 100px;
  width: 100%;
  width: 24vw;
  border-radius: 5px;
  border: 0;
  outline: 0;
  padding: 8px 15px;
  background: rgb(245, 245, 245);
  /*  padding-left: 16px; */
}

textarea#textid {
  width: 30vw;
  border-radius: 5px;
  border: 0;
  outline: 0;
  padding: 8px 15px;
  background: rgb(245, 245, 245);
}

.heading {
  color: #ecab13;
  font-size: xx-large;
  letter-spacing: 0.8px;
  font-family: Montserrat Alternates;
  font-weight: bold;
  /* font-size: 30px; */
  text-align: center;
}

.subheading {
  font-size: 17px;
  text-align: center;
}
.q {
  font-size: 17px;
  text-align: left;
  font-weight: bolder;
  text-align: left;
}
.input_container {
  margin-top: 20px;
}

.input-wrapper-container {
  text-align: center;
}

.input-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.input_field {
  width: 30vw;
  border-radius: 5px;
  border: 0;
  outline: 0;
  padding: 8px 15px;
  background: rgb(245, 245, 245);
  /*  padding-left: 40px; */
}


span.response_message {
  display: inline-block;
  text-align: center;
  color: grey;
  /* margin-top: 10px; */
  /* width: 16vw; */
  text-align: center;
  font-family: Noto Sans JP;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.6px;
}

/*-----privacy--------*/

.col-lg-8.col-lg-offset-2.col-md-10.col-md-offset-1.privacy-humantic {
  margin-left: auto;
  margin-right: auto;
}

/*-----privacy--------*/

/*-----term--------*/

.col-lg-8.col-lg-offset-2.col-md-10.col-md-offset-1.term-humantic {
  margin-left: auto;
  margin-right: auto;
}

/*-----term--------*/

#privacy {
  padding-top: 48px;
  padding-bottom: 30px;
  background-color: #f6f6f6;
}

/* #privacy span{
  text-decoration: underline;
  text-decoration-color: #ffc61e;
} */

.privacy div {
  margin-top: 48px;
  /* padding: 24px; */
  padding: 10px 24px;
  /* background-color: #f6f6f6; */
}

.privacy h4 {
  font-size: 24px;
  font-weight: 400;
  font-family: Noto Sans JP;
  text-decoration: underline;
}

.privacy p {
  padding-top: 16px;
  font-size: 16px;
  font-family: Noto Sans JP;
}

@media (max-width: 374.98px) {
  span.quote-autor-company {
    font-size: 14px;
  }

  .quote-author {
    margin-top: 15px;
    margin-left: 15px;
  }

  .quote-autor-name {
    font-size: 14px;
  }

  .cta-feature-btn {
    font-size: 15px;
    padding: 5px 16px;
  }

  .privacy h4 {
    font-size: 14px;
    font-weight: 400;
  }

  .privacy div {
    margin: 0px;
  }
}

/*================optout/term/gdpr/privacy policy chnages area=================*/

.resources-heading {
  text-align: center;
  padding-bottom: 2em;
  font-size: 22px;
  font-weight: 500;
}

p.feature-p {
  font-family: Noto Sans JP;
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #135b75;
  /* margin-left: 1em; */
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #007bff;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#section-casestudy-h3 {
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  position: relative;
  font-size: 45px;
  font-family: Raleway;
  padding-bottom: 1em;
  max-width: 780px;
  margin: auto;
  text-align: center;
}

.keyline {
  margin: 0;
  border-top: 1px solid #3d5153;
}

.footer-logo > h3 {
  font-size: 30px;
  line-height: 1;
  font-family: Montserrat Alternates;
  color: #212734;
  font-weight: 400;
  letter-spacing: 3px;
  padding-bottom: 9px;
}

.comman-footer {
  background: #ebf3fd;
  padding-bottom: 30px;
  padding-top: 70px;
}

.comman-footer .footer-logo {
  text-align: center;
}

.comman-footer .footer-logo .img-fluid {
  width: 50px;
  height: auto;
  margin: 30px auto;
}

.comman-footer .footer-links {
  max-width: 525px;
  margin: auto;
  text-align: center;
}

.comman-footer .footer-links .footer-links-inner {
  margin-bottom: 21px;
}

.list-inline {
  padding-left: 0 !important;
}

.comman-footer .list-inline-item:not(:last-child) {
  margin-right: 30px;
}

.comman-footer .footer-links .link {
  color: #495057;
  font-size: 16px;
  font-family: Raleway;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
}

.comman-footer .sub-footer {
  margin-top: 30px;
  margin-bottom: 25px;
}

.comman-footer .sub-footer {
  max-width: 520px;
  margin: auto;
  text-align: center;
}

.comman-footer .sub-footer .para-small {
  font-size: 13px;
  margin-bottom: 7px;
  font-family: Noto Sans JP;
  color: #495057;
  font-weight: 400;
}

.comman-footer .menu-link {
  position: relative;
  display: inline-block;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.sub-footer a {
  color: #495057;
}

/* =================================== */
/*  Testimonial Styles 
/* =================================== */
.testimonial-section {
  padding-bottom: 20px;
}
.testimonial-section .testimonial-left p {
  margin-top: 10px;
  margin-bottom: 40px;
  max-width: 300px;
}
.testimonial-section .testimonial-right h2 {
  margin-bottom: 30px;
}
.testimonial-section .single-testimonial {
  /*  border: 1px solid #eee; */
  background: #eeeeee1f;
  border-radius: 5px;
  padding: 30px 0px;
}
.testimonial-section .single-testimonial p {
  color: #222;
  font-weight: normal;
}
.testimonial-section .single-testimonial .img-wrap {
  margin-right: 20px;
}
.testimonial-section .single-testimonial .img-wrap img {
  border-radius: 30px;
}
.testimonial-section .single-testimonial .details p {
  margin-bottom: 0px;
  color: #8c8d9e;
}
.testimonial-section .testimonial-white-bg {
  background: #fff !important;
  border-color: #fff !important;
}
.testimonial-section .carusel-two .owl-dots .owl-dot {
  background: #fff;
}
.testimonial-section .owl-dots {
  text-align: center;
  /* margin-top: 30px; */
  margin-bottom: 20px;
}
.testimonial-section .owl-dots .owl-dot {
  border-radius: 20px;
  width: 14px;
  height: 14px;
  background: white !important;
  display: inline-block;
  margin: 0px 5px;
}
.testimonial-section .owl-dots .owl-dot.active {
  background: #fabf46 !important;
}
.testimonial-section .owl-dots .owl-dot:focus {
  outline: none;
}

.owl-dots {
  text-align: center !important;
}

button.owl-dot {
  border-radius: 20px;
  width: 14px;
  height: 14px;
  background: #eeeeee !important;
  display: inline-block;
  margin: 0px 5px;
}

p#in_news-p1 {
  text-align: center;
  font-size: 15px;
  font-weight: lighter;
  margin-bottom: 0px;
}

.owl-item {
  /* width: 400px !important; */
}

/*--------------cookies css--------------------*/

#cookie-bar.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

#cookie-bar {
  line-height: 24px;
  color: #eeeeee;
  text-align: center;
  padding: 3px 0;
  width: 100%;
  color: white;
  background-color: #444;
  display: none;
}

#cookie-bar > p {
  margin: 1%;
  font-family: Noto Sans JP;

  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
}

.cb-policy {
  color: #fff;
  text-decoration: underline;
}

.cb-enable {
  border-radius: 10%;
  margin-left: 5px;
  color: white;
  padding: 5px;
  border-radius: 10%;
  text-decoration: none;
  background-color: #ffc61e !important;
  transition: 0.3s background-color;
  font-family: Noto Sans JP;
}

/*------------------------contact form area ----------------------*/

.align-right-btn {
  text-align: right;
}

h1#contact-header {
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  font-size: 40px;
  font-family: Raleway;
  margin-top: 1em;
  margin-bottom: 1em;
}

/*---contact addres  sctn--*/

.contact-item {
  /*  position: relative;
    padding-left: 44px;
    color: #444;
    -webkit-transition: all .27s cubic-bezier(.3,.1,.58,1);
    -moz-transition: all .27s cubic-bezier(.3,.1,.58,1);
    -o-transition: all .27s cubic-bezier(.3,.1,.58,1);
    -ms-transition: all .27s cubic-bezier(.3,.1,.58,1);
    transition: all .27s cubic-bezier(.3,.1,.58,1); */
}

.container.contact-form {
  padding-top: 3em;
}

button#submit_btn_contact {
  text-transform: none;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  color: #ffc61e;
  /* padding: 5px 43px; */
  border-radius: 10px;
  background-color: white;
  box-shadow: none;
  border: 2px solid #ffc61e;
}

/*---contact address sctn--*/

.form-control {
  margin-bottom: 10px !important;
}

h4.font-alt.mt-30 {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}

button#Resources-btn {
  font-family: Raleway;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  color: #ffffff;
  /* padding: 5px 43px; */
  border-radius: 10px;
  background-color: #4a90e2;
  box-shadow: none;
  text-transform: none;
  padding: 0.7rem 1rem !important;
}

button#Resources-btn-1 {
  font-family: Raleway;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  color: #ffffff;
  /* padding: 5px 43px; */
  border-radius: 10px;
  background-color: #4a90e2;
  box-shadow: none;
  text-transform: none;
  padding: 0.7rem 1rem !important;
}

button#Resources-btn-2 {
  font-family: Raleway;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  color: #ffffff;
  /* padding: 5px 43px; */
  border-radius: 10px;
  background-color: #4a90e2;
  box-shadow: none;
  text-transform: none;
  padding: 0.7rem 1rem !important;
}

.portfolio-description {
  font-family: Noto Sans JP;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #32213a;
}

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

a.terms-etc-a {
  text-decoration: underline;
}

.modal-request {
  padding-top: 2em;
}

button#learn-more-btn {
  padding: 5px 100px;
}

button#Waitlist-btn {
  padding: 5px 80px;
}

.screenshot-section {
  padding: 80px 0;
}

.modal-name-message {
  visibility: hidden;
  /* color: #ff0000a3; */
  font-size: 15px;
}

.modal-email-message, .modal-phone-message {
  visibility: hidden;
  color: #ff0000a3;
  font-size: 15px;
}

.modal-business-email-message {
  visibility: hidden;
  color: #ff0000a3;
  font-size: 15px;
}

#modal-request-btn {
  font-family: Raleway;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  color: #ffffff;
  padding: 10px 30px;
  border-radius: 5px;
  background-color: #4a90e2;
  box-shadow: none;
  text-transform: none;
}

i.fab.fa-twitter.fa-lg {
  margin-left: 9px;
}

i.fab.fa-linkedin-in.fa-lg {
  margin-left: 0px;
}

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

p.para18 {
  text-align: center;
}

#reason-h3 {
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  position: relative;
  font-size: 40px;
  font-family: Noto Sans JP;
}

.comman-media.media {
  max-width: 765px;
  margin: auto;
}

.comman-media.media .media-left {
  min-width: 208px;
}

.comman-media.media .media-left .img-fluid {
  width: 88px;
  height: auto;
}

.media .media-left img {
  box-shadow: none !important;
}

.title-page h1 {
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #212734;
  position: relative;
  bottom: 35px;
  font-size: 40px;
  font-family: Raleway;
  margin-bottom: 0.8em;
}

.sec1 {
  max-width: 100%;
  /* margin-top: 16px; */
  /* margin-left: 14px; */
  border-radius: 4px;
  content: '';
  position: relative;
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  /* box-shadow: 3px 3px 7px 2px rgba(0, 0, 0, 0.3); */
  bottom: 0;
  margin-bottom: 50px;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-radius: 40px !important;
  border-collapse: collapse;
}

tr.head-tb {
  background: #fff;
  /* background: #946060; */
}

th.sect-part1 {
  font-size: 20px;
  font-weight: bold;
  width: 30%;
}
th.sect-part2 {
  width: 30%;
  /* margin-left: 20px !important; */
}

th.sect-part3 {
  width: 30%;
}

th.sect-part2 img {
  width: 70%;
}

img.img-responsive {
  width: 50%;
  margin-left: 40px;
}

.sec1 .table > tbody > tr > td {
  padding: 16px;
  font-size: 16px;
  color: #2c3e50 !important;
  background-color: #fff i !important;
  border: none !important;
}
.table thead th {
  border: none !important;
}
p.cont-sec1 {
  text-align: center;
  font-size: 16px;
  font-style: italic;
  /* margin: 15px 74px;
  padding-top: 15px; */
  color: #2c3e50 !important;
}

.sec3-btn a {
  background-color: #4cd964;
  border-color: #37d552;
  margin: auto;
  display: block;
  width: 8%;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px !important;
  font-family: Montserrat, serif !important;
  font-weight: bold;
  min-width: 200px;
  line-height: 28px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 45px;
}

.margin-top-2rem {
  margin-top: 2rem !important;
}

.hiring-wrapper {
  text-align: center;
}

section.hiring {
  padding: 50px 0;
  background: linear-gradient(
    180deg,
    rgba(235, 243, 253, 1) 25%,
    rgba(235, 243, 253, 1) 50%
  );
  /* background-color: #ebf3fd; */
  /* background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) -2%,
    rgba(235, 243, 253, 1) 30%,
    rgba(235, 243, 253, 1) 74%,
    rgba(255, 255, 255, 1) 120%
  ); */
}

.features .features-wrapper .list-unstyled li {
  margin: 0 76px 0;
  padding: 80px 0 80px;
  border-bottom: 1px solid rgba(61, 81, 84, 0.3);
}

section.features.pb0 {
  padding: 80px 0;
}

.feature-head-adj {
  text-align: center;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212734;
  position: relative;
  font-size: 36px;
  font-family: 'Noto Sans JP';
}

.comman-media.media h6 {
  margin-bottom: 15px;

  line-height: 30px;
  font-family: Raleway;
  font-weight: 500;
  font-size: 30px;
}

.para18 {
  opacity: 0.9;
  font-size: 22px;
  line-height: 30px;
  font-family: Noto Sans JP;
  margin-bottom: 30px;
}

.product-card {
  box-shadow: 20px 20px 40px 0px rgba(0, 0, 0, 0.25);
}
.product-card:hover {
  box-shadow: none !important;
}

h6.reasons-head {
  text-align: center;
  font-size: 20px;
  padding-top: 19px;
  line-height: 1.5;
}

p.para-small {
  font-size: 12px;
  line-height: 22px;
  font-family: Noto Sans JP;
  text-align: justify;
  padding-top: 24px;
  color: gray;
}

h1.h1-for-challenger {
  margin-bottom: 30px;
  text-align: center;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212734;
  position: relative;
  font-size: 35px;
  font-family: Raleway;
}

p.text-center.margin-top-20 {
  font-size: 22px;
  line-height: 30px;
  font-family: Noto Sans JP;
  margin-bottom: 30px;
}

section.client-review {
  padding-top: 80px;
  padding-bottom: 20px;
}

.client-review-header {
  margin-bottom: 60px;
  text-align: center;
}

.card {
  border: 0px !important;
}

.client-info-inner .para-small {
  margin-top: 18px;
  line-height: 26px;
  color: #000000a1;
}

.client-review-wrapper h6 {
  font-size: 22px;
  line-height: normal;
  font-family: Noto Sans Jp;
  font-weight: 400;
}

.client-review-header h5 {
  text-align: center;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212734;
  position: relative;
  font-size: 40px;
  font-family: Raleway;
}

.client-review-wrapper {
  background: #fff;
  min-height: 313px;
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  display: block;
}

.client-review-wrapper .card {
  overflow: hidden;
}

.client-review-wrapper .card .img-fluid {
  height: 194px;
  width: 100%;
}

.client-info-inner {
  margin-top: 27px;
  padding: 10px;
}

#testimon-h5 {
  text-align: center;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212734;
  position: relative;
  font-size: 40px;
  font-family: Raleway;
}

section#comparsn-table-area {
  /* padding: 35px 0; */
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 1%,
    rgba(244, 239, 200, 1) 25%,
    rgba(244, 239, 199, 1) 50%,
    rgba(255, 255, 255, 1) 102%
  );
}

.navbar-dark .navbar-nav .nav-link {
  color: black !important;
}

/* .table thead th {
  border-right: 1.5px solid #17a2b8 !important;
} */

/*-----media quries--extra---*/

@media (max-width: 767px) {
  /*----table-comparasion--*/

  img.img-responsive {
    width: 80%;
  }

  th.sect-part1 {
    font-size: 17px;
  }

  th.sect-part2 img {
    width: 95%;
  }

  sect-part3 .img-responsive {
    margin-left: 10px !important;
  }
  .sec1 .table > tbody > tr > td {
    padding: -2px !important;
    font-size: 12px;
    background-color: #fff !important;
    color: #2c3e50 !important;
    vertical-align: middle;
    text-align: center;
  }

  /*----table-comparasion--*/

  .features .features-wrapper .list-unstyled li {
    margin: auto;
    padding: 45px 0 50px;
  }

  .features .comman-media.media .media-left {
    min-width: 145px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .features .features-wrapper .list-unstyled li {
    padding: 80px 0 65px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .features .features-wrapper .list-unstyled li {
    margin: auto;
    padding: 60px 0 60px;
  }
}

@media (max-width: 575.98px) and (min-width: 320px) {
  #testimonials {
    padding-top: 40px !important;
  }

  .features .features-wrapper .list-unstyled li {
    margin: auto;
    padding: 40px 0 40px;
  }

  .features .comman-media.media {
    display: inline-block;
    text-align: center;
  }

  .features .comman-media.media .media-left {
    min-width: 98px;
  }

  .features .comman-media.media .media-left .img-fluid {
    width: 75px;
    height: auto;
  }

  .features .comman-media.media .media-left .img-fluid {
    margin-bottom: 10px;
  }
}

.header-area {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}

.dope-nav-container {
  background-color: transparent;
  /* padding: 10px 0px; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
  -o-transition: 0.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
  transition: 0.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
}

.dope-nav-container.dope-sticky {
  /* background-color: #192a56; */
  padding: 0px;
}

.dope-navbar {
  padding: 0.5em 5em;
}

.nav-brand {
  max-width: 120px;
}

.dope-btn {
  background-color: #4a7aec;
}

.dopenav ul li.megamenu-item > a::after,
.dopenav ul li.has-down > a::after {
  color: #fff;
}

.header-area {
  /* position: static;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%; */
}

.dark.dope-nav-container {
  background-color: rgba(25, 42, 86, 0.3);
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.dope-nav-container.dope-sticky {
  /* visibility: hidden; */
  /* display: none;  */

  /*  background-color: white; */
  /* -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-shadow: 0px 9px 40px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 9px 40px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 9px 11px -13px rgba(0, 0, 0, 0.75); */
}

.dope-nav-container.dope-sticky-othr {
  /* visibility: hidden; */
  display: none;
}

.dope-nav-container.dope-sticky a#nav-contact-btn {
  /* background-color: #212734;
color: white;
border: 2px solid #212734; */
}

a#nav-contact-btn:hover,
a#nav-bar-request-access:hover {
  background-color: #212734;
  color: white;
  border: 2px solid #212734;
}

.dope-navbar {
  padding: 0.5em 5em;
}

.nav-brand {
  max-width: 120px;
}

.dope-btn {
  background-color: #4a7aec;
}

.dopenav ul li.megamenu-item > a::after,
.dopenav ul li.has-down > a::after {
  color: #fff;
}

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-transparent {
  background-color: transparent !important;
}

.dope-nav-container {
  position: relative;
  z-index: 100;
  /* sticky */
}

.dope-nav-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dope-nav-container a {
  /* -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms; */
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: inline-block;
}

.dope-nav-container.dope-sticky {
  /* position: static;
  z-index: 1010;
  width: 100%;
  top: 0;
  right: 0;
  left: 0; */
}

.dope-nav-container.box-skins .dopenav > ul > li {
  background-color: #1abc9c;
}

.dope-nav-container.box-skins .dopenav > ul > li > a {
  color: #fff;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dope-navbar {
  width: 100%;
  height: 70px;
  padding: 0.5em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.dope-navbar .nav-brand {
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  /* font-weight: 500; */
  color: #565656;
  display: inline-block;
  margin-right: 30px;
}

span#our-brand-logo {
  color: #ecab13;
  font-size: xx-large;
  letter-spacing: 0.8px;
  font-family: Montserrat Alternates;
  font-weight: bold;
}

/*.dope-navbar .nav-brand:focus,
.dope-navbar .nav-brand:hover {
  font-size: 26px;
  font-weight: 500;
} */

.dopenav ul li {
  display: inline-block;
  clear: both;
  position: inherit;
  z-index: 10;
}

.dopenav ul li.cn-dropdown-item {
  position: relative;
  z-index: 10;
}

.dopenav ul li.cn-dropdown-item ul li {
  position: relative;
  z-index: 10;
}

.dopenav ul li ul li {
  display: block;
}

.dopenav ul li ul li a {
  padding: 0 20px;
}

.dopenav ul li a {
  padding: 0 12px;
  display: block;
  height: 35px;
  font-size: 14px;
  line-height: 34px;
}

.dopenav ul li .megamenu li a {
  padding: 0 12px;
}

.dopenav ul li div.single-mega a {
  height: auto;
  line-height: 1;
}

/* Down Arrow Icon for Megamenu */
.icon-dope-nav-down-arrow {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dope-nav-down-arrow:before {
  content: '\f107';
}

.dopenav ul li.megamenu-item > a:after,
.dopenav ul li.has-down > a:after {
  font-family: 'FontAwesome';
  content: '\f107';
  font-size: 12px;
  color: #000000;
  padding-left: 5px;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.breakpoint-on .dopenav ul li.megamenu-item > a:after,
.breakpoint-on .dopenav ul li.has-down > a:after {
  color: #fff;
}

.dopenav ul li ul li.has-down > a::after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 3;
}

/* button css */
.dope-btn {
  position: relative;
  z-index: 1;
  min-width: 120px;
  padding: 0 25px;
  line-height: 42px;
  height: 42px;
  background-color: #1abc9c;
  border-radius: 50px;
  color: #fff !important;
  margin-left: 30px;
  text-align: center;
}

.dope-btn:hover,
.dope-btn:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Dropdown Toggle */
.dd-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  z-index: 500;
  border-radius: 0;
  display: none;
}

/* Close Icon */
.dopecloseIcon {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 12;
  display: none;
}

.dopecloseIcon .cross-wrap {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
}

.dopecloseIcon .cross-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #fff;
}

.dopecloseIcon .cross-wrap span.top {
  top: 12px;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dopecloseIcon .cross-wrap span.bottom {
  bottom: 12px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* navbarToggler */
.dope-navbar-toggler {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
}

.dope-navbar-toggler .navbarToggler {
  display: inline-block;
  cursor: pointer;
}

.dope-navbar-toggler .navbarToggler span {
  position: relative;
  background-color: #ffc107;
  border-radius: 3px;
  display: block;
  height: 2px;
  margin-top: 5px;
  padding: 0;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  width: 30px;
  cursor: pointer;
}

.dope-navbar-toggler .navbarToggler span:nth-of-type(1) {
  width: 20px !important;
}

.dope-navbar-toggler .navbarToggler span:nth-of-type(3) {
  width: 15px !important;
}

.dope-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
  width: 30px !important;
}

.dope-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
  opacity: 0;
}

.dope-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  top: -6px;
  width: 30px !important;
}

.dopenav ul li .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #ffffff;
  z-index: 200;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.dopenav ul li .megamenu .single-mega.cn-col-5 {
  width: 20%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.dopenav ul li .megamenu .single-mega.cn-col-5:last-of-type {
  border-right: none;
}

.dopenav ul li .megamenu .single-mega.cn-col-4 {
  width: 25%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.dopenav ul li .megamenu .single-mega.cn-col-4:last-of-type {
  border-right: none;
}

.dopenav ul li .megamenu .single-mega.cn-col-3 {
  width: 33.3333334%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.dopenav ul li .megamenu .single-mega.cn-col-3:last-of-type {
  border-right: none;
}

.dopenav ul li .megamenu .single-mega .title {
  font-size: 14px;
  border-bottom: 1px solid #f2f4f8;
  padding: 8px 12px;
}

.dopenav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav ul li .dropdown li:last-child a {
  border-bottom: none;
}

.dopenav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dopenav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

/* Desktop Area CSS */
.breakpoint-off .dopenav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.breakpoint-off .dopenav ul li .dropdown {
  width: 180px;
  position: absolute;
  background-color: #ffffff;
  top: 120%;
  left: 0;
  z-index: 100;
  height: auto;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
}

.breakpoint-off .dopenav ul li .dropdown li .dropdown {
  top: 10px;
  left: -180px;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
}

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown {
  opacity: 0;
  visibility: hidden;
  top: 120%;
}

.breakpoint-off .dopenav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,
.breakpoint-off .dopenav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown {
  opacity: 1;
  visibility: visible;
  top: -10px;
}

.breakpoint-off .dopenav ul li .megamenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 120%;
  background-color: #ffffff;
  z-index: 200;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.breakpoint-off .dopenav ul li.megamenu-item:hover .megamenu,
.breakpoint-off .dopenav ul li.megamenu-item:focus .megamenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

/* Mobile/Tablet Nav CSS */
.breakpoint-on .dopecloseIcon {
  display: block;
}

.breakpoint-on .dope-navbar-toggler {
  display: block;
}

.breakpoint-on .dope-navbar .dope-menu {
  background-color: white;
  position: fixed;
  top: 0;
  left: -310px;
  z-index: 1000;
  width: 300px;
  height: 100%;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 0;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
}

.breakpoint-on .dope-navbar .dope-menu.menu-on {
  left: 0;
}

.breakpoint-on .dopenav ul li {
  display: block;
  position: relative;
  clear: both;
  z-index: 10;
}

.breakpoint-on .dopenav ul li a {
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  color: #fff;
}

.breakpoint-on .dopenav ul li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.breakpoint-on .dopenav ul li .dropdown li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.breakpoint-on .dopenav ul li.megamenu-item {
  position: relative;
  z-index: 10;
}

.breakpoint-on .dd-trigger {
  height: 38px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.breakpoint-on .dopenav ul li .dropdown,
.breakpoint-on .dopenav ul li .megamenu {
  display: none;
}

.breakpoint-on .dopenav {
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
}

.breakpoint-on .dopenav ul li .megamenu {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-5,
.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-3 {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #f2f4f8;
}

.breakpoint-on .dopenav > ul > li > a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.breakpoint-on .dopenav ul li ul.dropdown li ul li {
  margin-left: 15px;
}

.breakpoint-on .dope-btn {
  width: calc(100% - 30px);
  margin: 30px 15px;
}

.breakpoint-on .dopenav ul li.megamenu-item > a::after,
.breakpoint-on .dopenav ul li.has-down > a::after {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 5;
}

.breakpoint-on .dopenav ul li.has-down.active > a:after,
.breakpoint-on .dopenav ul li.megamenu-item.active > a:after {
  color: #fff;
}

/* Right Side Menu Open CSS */
.right.breakpoint-on .dope-navbar .dope-menu {
  left: auto;
  right: -310px;
}

.right.breakpoint-on .dope-navbar .dope-menu.menu-on {
  left: auto;
  right: 0;
}

/* Dropdown RTL CSS */
.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown {
  left: auto;
  right: 0;
}

.dropdown-rtl .dopenav ul li a,
.dropdown-rtl .dopenav ul li .megamenu .single-mega .title {
  text-align: right;
}

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown {
  right: 180px;
  left: auto;
  opacity: 0;
  visibility: hidden;
  top: 10px;
}

.dropdown-rtl.breakpoint-off .dopenav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 90%;
}

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .dopenav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.dropdown-rtl.breakpoint-on .dopenav ul li ul.dropdown li ul li {
  margin-left: 0;
  margin-right: 15px;
}

.event-header .dopenav #nav li a {
  color: #fff;
}
.event-header .dopenav ul li.megamenu-item > a:after,
.event-header .dopenav ul li.has-down > a:after {
  color: #fff;
}
.event-header .dropdown li > a:after {
  color: #222 !important;
}
.event-header .dropdown li a,
.event-header .single-mega li a {
  color: #222 !important;
}
.event-header .dope-sticky .dopenav #nav li a,
.event-header .dope-sticky .dopenav ul li.megamenu-item > a:after,
.event-header .dope-sticky .dopenav ul li.has-down > a:after {
  color: #222;
}
.event-header .dope-navbar-toggler .navbarToggler span {
  background-color: #fff !important;
}
.event-header .dope-sticky .dope-navbar-toggler .navbarToggler span {
  background-color: #222 !important;
}

/* =================================== */
/*  Banner Styles 
/* =================================== */
.banner-section {
  /* min-height: 950px; */
}
.banner-section .overlay-bg {
  opacity: 0.6;
}
.banner-section .banner-left h1 {
  font-size: 55px;
}
.banner-section .banner-left h1,
.banner-section .banner-left p {
  color: black;
}
.banner-section .banner-left h4 {
  font-weight: 300;
  margin: 20px 0px;
}
.banner-section .banner-right {
  background-size: contain;
}