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

    Template Name: Induxter - Industry And Factory HTML Theme
    Template URI: site.com
    Description: Induxter - Industry And Factory HTML Theme
    Author: Md. Mizanur Rahman
    Author URI: site.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default css
	02. Header css
    03. Hero css
    04. About css
    05. Service css
    06. Features css
    07. Project css
    08. Testimonial css
    09. Team css
    10. Blog css
    11. Contact css
    12. Footer css

-----------------------------------------------------------------------------------*/
/*===========================
    1. COMMON css 
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
/* line 8, assets/scss/_common.scss */
html {
  font-size: 100%; }

/* line 11, assets/scss/_common.scss */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 16, assets/scss/_common.scss */
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 20, assets/scss/_common.scss */
  a:hover, a:focus {
    color: inherit;
    text-decoration: none; }

/* line 25, assets/scss/_common.scss */
a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none; }

/* line 33, assets/scss/_common.scss */
i,
span,
a {
  display: inline-block; }

/* line 38, assets/scss/_common.scss */
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700; }

/* line 45, assets/scss/_common.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gilroy", sans-serif;
  color: #282828;
  margin: 0px; }

/* line 55, assets/scss/_common.scss */
h1 {
  font-size: 65px; }

/* line 58, assets/scss/_common.scss */
h2 {
  font-size: 50px;
  line-height: 60px; }

/* line 62, assets/scss/_common.scss */
h3 {
  font-size: 30px; }

/* line 65, assets/scss/_common.scss */
h4 {
  font-size: 23px; }

/* line 68, assets/scss/_common.scss */
h5 {
  font-size: 19px; }

/* line 71, assets/scss/_common.scss */
h6 {
  font-size: 16px; }

/* line 74, assets/scss/_common.scss */
ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

/* line 79, assets/scss/_common.scss */
p {
  color: #626262;
  margin: 0px; }

/* line 83, assets/scss/_common.scss */
input, textarea {
  display: inherit; }

/* line 86, assets/scss/_common.scss */
img {
  max-width: 100%; }

/* line 89, assets/scss/_common.scss */
body {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #626262;
  font-size: 15px;
  line-height: 28px;
  overflow-x: hidden; }

/* line 98, assets/scss/_common.scss */
.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

/* line 103, assets/scss/_common.scss */
.slick-slide {
  outline: 0; }

@media (min-width: 1200px) {
  /* line 107, assets/scss/_common.scss */
  .container {
    max-width: 1200px; } }

/* line 113, assets/scss/_common.scss */
.section-title .sub-title {
  display: inline-block;
  position: relative;
  margin-bottom: 45px;
  z-index: 1; }
  /* line 118, assets/scss/_common.scss */
  .section-title .sub-title span.title {
    text-transform: uppercase;
    color: #4761ff;
    font-size: 17px;
    font-weight: 700;
    font-family: "Gilroy", sans-serif;
    z-index: 1; }
  /* line 126, assets/scss/_common.scss */
  .section-title .sub-title .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 65px;
    height: 65px;
    font-size: 65px;
    color: #ffe5dc;
    line-height: 1;
    z-index: -1; }

/* line 140, assets/scss/_common.scss */
.section-title h2 {
  margin-bottom: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 140, assets/scss/_common.scss */
    .section-title h2 {
      font-size: 36px;
      line-height: 47px; } }
  @media (max-width: 991px) {
    /* line 140, assets/scss/_common.scss */
    .section-title h2 {
      font-size: 32px;
      line-height: 44px; } }
  /* line 150, assets/scss/_common.scss */
  .section-title h2 span {
    color: #4761ff; }

/* line 157, assets/scss/_common.scss */
.title-span-line span.line {
  background-color: #4761ff;
  height: 5px;
  border-radius: 2.5px; }

/* line 162, assets/scss/_common.scss */
.title-span-line span.line-1 {
  width: 40px; }

/* line 165, assets/scss/_common.scss */
.title-span-line span.line-2 {
  width: 20px;
  margin-left: 5px;
  margin-right: 5px; }

/* line 170, assets/scss/_common.scss */
.title-span-line span.line-3 {
  width: 40px; }

/* line 176, assets/scss/_common.scss */
.section-white-title h2 {
  color: #fff; }
  /* line 178, assets/scss/_common.scss */
  .section-white-title h2 span {
    color: #282828; }

/* line 184, assets/scss/_common.scss */
ul.social-link li {
  display: inline-block; }

/* line 188, assets/scss/_common.scss */
.form_group {
  position: relative; }

/* line 191, assets/scss/_common.scss */
.form_control {
  width: 100%;
  padding: 0 30px;
  height: 60px; }

/* line 196, assets/scss/_common.scss */
textarea.form_control {
  padding-top: 15px; }

/*===== All bg =====*/
/* line 200, assets/scss/_common.scss */
.main-bg {
  background-color: #4761ff; }

/* line 203, assets/scss/_common.scss */
.light-bg {
  background: #f7f7f7; }

/*===== All Button Style =====*/
/* line 207, assets/scss/_common.scss */
.main-btn,
.post-edit-link {
  display: inline-block;
  padding: 14px 43px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #4761ff;
  line-height: 27px;
  text-transform: capitalize;
  border-radius: 28px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 219, assets/scss/_common.scss */
  .main-btn:after,
  .post-edit-link:after {
    display: inline-block;
    padding-left: 10px;
    font-family: 'IcoFont';
    content: '\ea5d'; }
  /* line 225, assets/scss/_common.scss */
  .main-btn:hover, .main-btn:focus,
  .post-edit-link:hover,
  .post-edit-link:focus {
    background: #282828;
    color: #fff; }

/* line 230, assets/scss/_common.scss */
button {
  border: none; }

/* line 233, assets/scss/_common.scss */
.btn-link {
  color: #282828;
  font-family: "Gilroy", sans-serif;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 239, assets/scss/_common.scss */
  .btn-link:after {
    display: inline-block;
    content: '\ea5d';
    font-family: 'IcoFont';
    padding-left: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  /* line 246, assets/scss/_common.scss */
  .btn-link:hover, .btn-link:focus {
    text-decoration: none; }
    /* line 248, assets/scss/_common.scss */
    .btn-link:hover:after, .btn-link:focus:after {
      padding-left: 15px; }

/*
    nice select css
*/
/* line 256, assets/scss/_common.scss */
.nice-select {
  width: 100%;
  outline: none; }
  /* line 260, assets/scss/_common.scss */
  .nice-select.open:after {
    transform: none; }
  /* line 264, assets/scss/_common.scss */
  .nice-select:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    right: 20px;
    font-size: 12px;
    font-weight: 600;
    transform: none;
    border: none;
    top: 0;
    margin-top: 0;
    color: #2E2E2E; }
  /* line 276, assets/scss/_common.scss */
  .nice-select .list {
    width: 100%; }

/*
    Start Preloader css
*/
/* line 284, assets/scss/_common.scss */
.preloader {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999; }

/* line 295, assets/scss/_common.scss */
.lds-ellipsis {
  margin: 0 auto;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 64px;
  text-align: center;
  z-index: 9999; }

/* line 306, assets/scss/_common.scss */
.lds-ellipsis span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #4761ff;
  -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
  animation: ball-pulse-sync .6s 0s infinite ease-in-out; }

/* line 315, assets/scss/_common.scss */
.lds-ellipsis span:nth-child(1) {
  -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }

/* line 319, assets/scss/_common.scss */
.lds-ellipsis span:nth-child(2) {
  -webkit-animation: ball-pulse-sync .6s -70ms infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/*
    End Preloader css
*/
@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0; } }

/*
    Start scroll_up css
*/
/* line 365, assets/scss/_common.scss */
.back-to-top {
  background: #4761ff;
  border-radius: 50%;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 16px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 30px;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  z-index: 337; }

/* line 383, assets/scss/_common.scss */
.back-to-top:hover,
.back-to-top:focus {
  background: #282828;
  color: #fff; }

/*
    End scroll_up css
*/
/*---=======================
   02. Start Header css 
===========================---*/
/* line 6, assets/scss/_header.scss */
.transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; }

/* line 14, assets/scss/_header.scss */
.header-navigation .nav-container {
  position: relative; }
  /* line 21, assets/scss/_header.scss */
  .header-navigation .nav-container .main-menu ul > li.menu-item-has-children > a:after {
    content: "\efc2";
    font-family: 'IcoFont';
    font-weight: 400;
    margin-left: 5px;
    display: inline-block;
    color: #fff;
    font-size: 14px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 21, assets/scss/_header.scss */
      .header-navigation .nav-container .main-menu ul > li.menu-item-has-children > a:after {
        display: none; } }
    @media (max-width: 991px) {
      /* line 21, assets/scss/_header.scss */
      .header-navigation .nav-container .main-menu ul > li.menu-item-has-children > a:after {
        display: none; } }
  /* line 40, assets/scss/_header.scss */
  .header-navigation .nav-container .main-menu ul li {
    display: inline-block;
    position: relative; }
    /* line 43, assets/scss/_header.scss */
    .header-navigation .nav-container .main-menu ul li > a {
      display: block;
      font-size: 16px;
      color: #fff;
      font-weight: 700;
      text-transform: capitalize;
      font-family: "Gilroy", sans-serif;
      padding: 38px 15px;
      line-height: 1; }
    /* line 53, assets/scss/_header.scss */
    .header-navigation .nav-container .main-menu ul li .sub-menu {
      position: absolute;
      left: 0;
      top: 120%;
      width: 200px;
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      transition: all 0.2s;
      z-index: 99;
      height: auto; }
      /* line 64, assets/scss/_header.scss */
      .header-navigation .nav-container .main-menu ul li .sub-menu li {
        display: block;
        margin: 0; }
        /* line 68, assets/scss/_header.scss */
        .header-navigation .nav-container .main-menu ul li .sub-menu li:last-child > a {
          border-bottom: none; }
        /* line 72, assets/scss/_header.scss */
        .header-navigation .nav-container .main-menu ul li .sub-menu li a {
          display: block;
          padding: 8px 15px;
          font-size: 14px;
          position: relative;
          transition: all 0.3s ease-out 0s;
          border-radius: 0;
          line-height: 2;
          margin: 0;
          border-bottom: 1px solid #ececec;
          color: #1b3255; }
          /* line 83, assets/scss/_header.scss */
          .header-navigation .nav-container .main-menu ul li .sub-menu li a:hover {
            background-color: #4761ff;
            color: #fff !important;
            border-color: transparent; }
        /* line 89, assets/scss/_header.scss */
        .header-navigation .nav-container .main-menu ul li .sub-menu li .sub-menu {
          left: 100%;
          top: 50%; }
        /* line 94, assets/scss/_header.scss */
        .header-navigation .nav-container .main-menu ul li .sub-menu li:hover .sub-menu {
          top: 0%; }
        /* line 97, assets/scss/_header.scss */
        .header-navigation .nav-container .main-menu ul li .sub-menu li:hover > a {
          background-color: #4761ff;
          color: #fff; }
    /* line 107, assets/scss/_header.scss */
    .header-navigation .nav-container .main-menu ul li:hover.menu-item-has-children > a:after {
      color: #282828; }
    /* line 112, assets/scss/_header.scss */
    .header-navigation .nav-container .main-menu ul li:hover > a {
      color: #282828; }
    /* line 115, assets/scss/_header.scss */
    .header-navigation .nav-container .main-menu ul li:hover > .sub-menu {
      opacity: 1;
      visibility: visible;
      top: 100%; }
    /* line 121, assets/scss/_header.scss */
    .header-navigation .nav-container .main-menu ul li .dd-trigger {
      display: none; }
  /* line 126, assets/scss/_header.scss */
  .header-navigation .nav-container .site-branding {
    position: relative; }
  /* line 129, assets/scss/_header.scss */
  .header-navigation .nav-container .nav-menu {
    float: right; }
  /* line 133, assets/scss/_header.scss */
  .header-navigation .nav-container.breakpoint-on .nav-menu {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    transition-duration: 500ms;
    padding: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px; }
    /* line 148, assets/scss/_header.scss */
    .header-navigation .nav-container.breakpoint-on .nav-menu.menu-on {
      left: 0; }
    /* line 152, assets/scss/_header.scss */
    .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li {
      display: block;
      margin: 0;
      border-bottom: 1px solid #ececec; }
      /* line 156, assets/scss/_header.scss */
      .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li:last-child {
        border-bottom: 0; }
      /* line 160, assets/scss/_header.scss */
      .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu {
        border-top: 1px solid #ececec; }
      /* line 164, assets/scss/_header.scss */
      .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li a {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        color: #282828 !important;
        padding: 13px 20px; }
      /* line 170, assets/scss/_header.scss */
      .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        box-shadow: none;
        background-color: transparent;
        visibility: visible;
        opacity: 1;
        display: none;
        transition: none; }
        /* line 181, assets/scss/_header.scss */
        .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a {
          color: #282828;
          padding: 0px 20px 0 40px;
          line-height: 45px !important; }
          /* line 185, assets/scss/_header.scss */
          .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
            border-color: rgba(255, 255, 255, 0.5); }
      /* line 190, assets/scss/_header.scss */
      .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
        display: block;
        position: absolute;
        right: 0;
        height: 45px;
        width: 45px;
        top: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        z-index: 2;
        background: transparent;
        text-align: center;
        line-height: 45px;
        cursor: pointer;
        color: #282828;
        font-size: 14px; }
    /* line 207, assets/scss/_header.scss */
    .header-navigation .nav-container.breakpoint-on .nav-menu .main-menu.menu-on {
      left: 0; }
  /* line 212, assets/scss/_header.scss */
  .header-navigation .nav-container.breakpoint-on .nav-pushed-item {
    display: none; }
  /* line 215, assets/scss/_header.scss */
  .header-navigation .nav-container.breakpoint-on .navbar-close,
  .header-navigation .nav-container.breakpoint-on .navbar-toggler {
    display: block; }

/* line 221, assets/scss/_header.scss */
.header-navigation .navbar-toggler {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none; }
  /* line 227, assets/scss/_header.scss */
  .header-navigation .navbar-toggler span {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block; }
  /* line 241, assets/scss/_header.scss */
  .header-navigation .navbar-toggler.active span:nth-of-type(1) {
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px; }
  /* line 245, assets/scss/_header.scss */
  .header-navigation .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0; }
  /* line 248, assets/scss/_header.scss */
  .header-navigation .navbar-toggler.active span:nth-of-type(3) {
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px; }

/* line 254, assets/scss/_header.scss */
.header-navigation .navbar-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
  display: none;
  background: #4761ff;
  padding: 5px; }
  /* line 262, assets/scss/_header.scss */
  .header-navigation .navbar-close .cross-wrap {
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative; }
    /* line 267, assets/scss/_header.scss */
    .header-navigation .navbar-close .cross-wrap span {
      position: absolute;
      display: block;
      width: 100%;
      height: 2px;
      border-radius: 6px;
      background: #fff; }
      /* line 274, assets/scss/_header.scss */
      .header-navigation .navbar-close .cross-wrap span.top {
        top: 17px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      /* line 280, assets/scss/_header.scss */
      .header-navigation .navbar-close .cross-wrap span.bottom {
        bottom: 15px;
        left: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }

/* line 290, assets/scss/_header.scss */
.header-top {
  padding: 11px 0;
  background-color: #282828; }
  @media (max-width: 767px) {
    /* line 293, assets/scss/_header.scss */
    .header-top .top-left {
      text-align: center; } }
  /* line 298, assets/scss/_header.scss */
  .header-top .top-left ul li {
    display: inline-block;
    margin-right: 50px; }
    @media (max-width: 991px) {
      /* line 298, assets/scss/_header.scss */
      .header-top .top-left ul li {
        margin-right: 4px; } }
    /* line 304, assets/scss/_header.scss */
    .header-top .top-left ul li span {
      color: #fff; }
      /* line 306, assets/scss/_header.scss */
      .header-top .top-left ul li span i {
        margin-right: 10px; }
  /* line 313, assets/scss/_header.scss */
  .header-top .top-right {
    float: right; }
    @media (max-width: 767px) {
      /* line 313, assets/scss/_header.scss */
      .header-top .top-right {
        margin-top: 20px;
        float: none;
        text-align: center; } }
    /* line 321, assets/scss/_header.scss */
    .header-top .top-right ul.social-link li {
      margin-left: 5px; }
      /* line 323, assets/scss/_header.scss */
      .header-top .top-right ul.social-link li a {
        width: 33px;
        height: 33px;
        border: 1px solid #fff;
        line-height: 33px;
        text-align: center;
        border-radius: 50%;
        color: #fff; }
        /* line 331, assets/scss/_header.scss */
        .header-top .top-right ul.social-link li a:hover, .header-top .top-right ul.social-link li a:focus {
          background-color: #4761ff;
          border-color: #4761ff;
          color: #fff; }

/* line 342, assets/scss/_header.scss */
.header-area-v1 .header-navigation {
  position: relative;
  background-color: #4761ff; }
  /* line 345, assets/scss/_header.scss */
  .header-area-v1 .header-navigation:before {
    position: absolute;
    content: '';
    background: #fff;
    height: 100%;
    width: calc(100% - 60%);
    left: -100px;
    top: 0;
    transform: skew(-50deg, 0deg); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 342, assets/scss/_header.scss */
    .header-area-v1 .header-navigation {
      padding: 20px 0; } }
  @media (max-width: 991px) {
    /* line 342, assets/scss/_header.scss */
    .header-area-v1 .header-navigation {
      padding: 20px 0; }
      /* line 360, assets/scss/_header.scss */
      .header-area-v1 .header-navigation:before {
        width: calc(100% - 50%); } }
  @media (max-width: 767px) {
    /* line 365, assets/scss/_header.scss */
    .header-area-v1 .header-navigation:before {
      width: calc(100% - 10%); } }
  @media (max-width: 400px) {
    /* line 370, assets/scss/_header.scss */
    .header-area-v1 .header-navigation:before {
      width: calc(100% - 10%); } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    /* line 375, assets/scss/_header.scss */
    .header-area-v1 .header-navigation:before {
      width: calc(100% - 30%); } }
  /* line 379, assets/scss/_header.scss */
  .header-area-v1 .header-navigation .nav-container {
    position: relative; }
    /* line 381, assets/scss/_header.scss */
    .header-area-v1 .header-navigation .nav-container .logo-col {
      position: relative; }

/* line 387, assets/scss/_header.scss */
.custom-container {
  max-width: 1510px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px; }

/* line 395, assets/scss/_header.scss */
.header-area-v2 .header-top {
  background-color: transparent; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 397, assets/scss/_header.scss */
    .header-area-v2 .header-top .top-left {
      text-align: center; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 402, assets/scss/_header.scss */
    .header-area-v2 .header-top .top-left ul li {
      margin-right: 15px; } }
  /* line 406, assets/scss/_header.scss */
  .header-area-v2 .header-top .top-left ul li span {
    color: #626262; }
    /* line 408, assets/scss/_header.scss */
    .header-area-v2 .header-top .top-left ul li span i {
      color: #4761ff; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 415, assets/scss/_header.scss */
    .header-area-v2 .header-top .top-right {
      float: none;
      text-align: center;
      margin-top: 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 423, assets/scss/_header.scss */
    .header-area-v2 .header-top .top-right ul.social-link li a {
      border-color: #282828;
      color: #282828; }
      /* line 427, assets/scss/_header.scss */
      .header-area-v2 .header-top .top-right ul.social-link li a:hover, .header-area-v2 .header-top .top-right ul.social-link li a:focus {
        border-color: transparent;
        color: #fff; } }
  @media (max-width: 991px) {
    /* line 423, assets/scss/_header.scss */
    .header-area-v2 .header-top .top-right ul.social-link li a {
      border-color: #282828;
      color: #282828; }
      /* line 435, assets/scss/_header.scss */
      .header-area-v2 .header-top .top-right ul.social-link li a:hover, .header-area-v2 .header-top .top-right ul.social-link li a:focus {
        border-color: transparent;
        color: #fff; } }

/* line 445, assets/scss/_header.scss */
.header-area-v2 .header-navigation {
  position: relative;
  z-index: 1; }
  /* line 452, assets/scss/_header.scss */
  .header-area-v2 .header-navigation.sticky .nav-container .main-menu .nav-button .main-btn {
    background: #282828; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 445, assets/scss/_header.scss */
    .header-area-v2 .header-navigation {
      padding: 15px 0; } }
  @media (max-width: 991px) {
    /* line 445, assets/scss/_header.scss */
    .header-area-v2 .header-navigation {
      padding: 15px 0; } }
  /* line 465, assets/scss/_header.scss */
  .header-area-v2 .header-navigation:after {
    position: absolute;
    top: 0;
    left: -100px;
    content: '';
    height: 100%;
    width: 75%;
    border-radius: 50px;
    background-color: #4761ff;
    z-index: -1; }
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
      /* line 465, assets/scss/_header.scss */
      .header-area-v2 .header-navigation:after {
        width: 83%; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 465, assets/scss/_header.scss */
      .header-area-v2 .header-navigation:after {
        width: 85%; } }
    @media (max-width: 991px) {
      /* line 465, assets/scss/_header.scss */
      .header-area-v2 .header-navigation:after {
        width: 150%; } }
  /* line 486, assets/scss/_header.scss */
  .header-area-v2 .header-navigation .nav-container .main-menu {
    position: relative;
    padding-right: 20px; }
    @media only screen and (min-width: 1200px) {
      /* line 490, assets/scss/_header.scss */
      .header-area-v2 .header-navigation .nav-container .main-menu ul li a {
        font-size: 15px; } }
  /* line 498, assets/scss/_header.scss */
  .header-area-v2 .header-navigation .nav-container .nav-button .main-btn {
    border-radius: 32px;
    padding: 19px 49px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 498, assets/scss/_header.scss */
      .header-area-v2 .header-navigation .nav-container .nav-button .main-btn {
        padding: 19px 41px; } }

/* line 509, assets/scss/_header.scss */
.header-area-v2 .header-navigation .main-menu ul li > a.nav-link.active,
.header-area-v1 .header-navigation .main-menu ul li > a.nav-link.active {
  color: #282828; }

/* line 513, assets/scss/_header.scss */
.header-area-v3 .header-navigation .main-menu ul li > a.nav-link.active {
  color: #4761ff; }

/* line 517, assets/scss/_header.scss */
.header-area-v2 .header-navigation {
  position: relative;
  z-index: 1; }
  /* line 523, assets/scss/_header.scss */
  .header-area-v2 .header-navigation.sticky .nav-container .nav-button .main-btn {
    background: #282828; }

/* line 533, assets/scss/_header.scss */
.header-area-v3 .header-top {
  background-color: rgba(40, 40, 40, 0.36);
  padding: 16px 0; }
  @media (max-width: 991px) {
    /* line 536, assets/scss/_header.scss */
    .header-area-v3 .header-top .site-branding {
      display: none; } }
  /* line 543, assets/scss/_header.scss */
  .header-area-v3 .header-top .top-right ul li {
    display: inline-block;
    margin-right: 20px; }
    @media (max-width: 991px) {
      /* line 543, assets/scss/_header.scss */
      .header-area-v3 .header-top .top-right ul li {
        margin-left: 5px;
        margin-right: 5px; } }
    /* line 550, assets/scss/_header.scss */
    .header-area-v3 .header-top .top-right ul li span {
      color: #fff; }
      /* line 552, assets/scss/_header.scss */
      .header-area-v3 .header-top .top-right ul li span i {
        margin-right: 10px;
        color: #4761ff; }

/* line 562, assets/scss/_header.scss */
.header-area-v3 .header-navigation .nav-container {
  background-color: #fff; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 562, assets/scss/_header.scss */
    .header-area-v3 .header-navigation .nav-container {
      padding: 20px 15px; } }
  @media (max-width: 991px) {
    /* line 562, assets/scss/_header.scss */
    .header-area-v3 .header-navigation .nav-container {
      padding: 20px 15px; } }
  /* line 570, assets/scss/_header.scss */
  .header-area-v3 .header-navigation .nav-container .nav-menu {
    float: left; }
  /* line 574, assets/scss/_header.scss */
  .header-area-v3 .header-navigation .nav-container .site-branding {
    display: none; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 574, assets/scss/_header.scss */
      .header-area-v3 .header-navigation .nav-container .site-branding {
        display: block; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 574, assets/scss/_header.scss */
      .header-area-v3 .header-navigation .nav-container .site-branding {
        display: block; } }
    @media (max-width: 991px) {
      /* line 574, assets/scss/_header.scss */
      .header-area-v3 .header-navigation .nav-container .site-branding {
        display: block; } }
  /* line 591, assets/scss/_header.scss */
  .header-area-v3 .header-navigation .nav-container .main-menu ul > li.menu-item-has-children a:after {
    color: #282828; }
  /* line 599, assets/scss/_header.scss */
  .header-area-v3 .header-navigation .nav-container .main-menu ul li > a {
    color: #282828; }
  /* line 605, assets/scss/_header.scss */
  .header-area-v3 .header-navigation .nav-container .main-menu ul li:hover.menu-item-has-children > a:after {
    color: #4761ff; }
  /* line 610, assets/scss/_header.scss */
  .header-area-v3 .header-navigation .nav-container .main-menu ul li:hover > a {
    color: #4761ff; }
  /* line 617, assets/scss/_header.scss */
  .header-area-v3 .header-navigation .nav-container .nav-button .main-btn {
    padding: 33px 43px;
    border-radius: 0px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 616, assets/scss/_header.scss */
    .header-area-v3 .header-navigation .nav-container .nav-button {
      display: none; } }
  @media (max-width: 991px) {
    /* line 616, assets/scss/_header.scss */
    .header-area-v3 .header-navigation .nav-container .nav-button {
      display: none; } }

/* line 630, assets/scss/_header.scss */
.header-area-v3 .header-navigation .navbar-toggler span {
  background-color: #282828; }

/* line 640, assets/scss/_header.scss */
.header-navigation.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  animation: sticky  1.2s;
  background: #4761ff; }

/* line 652, assets/scss/_header.scss */
.header-area-v3 .header-navigation.sticky {
  background-color: transparent; }

@-webkit-keyframes sticky {
  0% {
    top: -200px; }
  100% {
    top: 0; } }

@keyframes sticky {
  0% {
    top: -200px; }
  100% {
    top: 0; } }

/*---=======================
   End Header css 
===========================---*/
/*---=======================
   03. Start Hero css 
===========================---*/
/* line 7, assets/scss/_hero.scss */
.banner-area-v1 {
  position: relative; }
  /* line 10, assets/scss/_hero.scss */
  .banner-area-v1 .hero-slider-one .single-hero {
    position: relative;
    padding: 210px 0 220px;
    z-index: 1; }
    @media (max-width: 991px) {
      /* line 10, assets/scss/_hero.scss */
      .banner-area-v1 .hero-slider-one .single-hero {
        padding: 110px 0 120px; } }
    /* line 17, assets/scss/_hero.scss */
    .banner-area-v1 .hero-slider-one .single-hero:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.42);
      z-index: -1; }
    /* line 28, assets/scss/_hero.scss */
    .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {
      font-size: 80px;
      line-height: 105px;
      color: #fff;
      margin-bottom: 35px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 28, assets/scss/_hero.scss */
        .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {
          font-size: 42px;
          line-height: 52px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        /* line 28, assets/scss/_hero.scss */
        .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {
          font-size: 82px;
          line-height: 96px;
          margin-bottom: 15px; } }
      @media (max-width: 767px) {
        /* line 28, assets/scss/_hero.scss */
        .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {
          font-size: 36px;
          line-height: 46px; } }
      /* line 46, assets/scss/_hero.scss */
      .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 span {
        font-weight: 400; }
    /* line 50, assets/scss/_hero.scss */
    .banner-area-v1 .hero-slider-one .single-hero .hero-content p {
      font-size: 23px;
      font-weight: 400;
      color: #fff;
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        /* line 50, assets/scss/_hero.scss */
        .banner-area-v1 .hero-slider-one .single-hero .hero-content p {
          font-size: 18px;
          line-height: 28px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        /* line 50, assets/scss/_hero.scss */
        .banner-area-v1 .hero-slider-one .single-hero .hero-content p {
          font-size: 25px;
          line-height: 38px;
          margin-bottom: 35px; } }
  /* line 69, assets/scss/_hero.scss */
  .banner-area-v1 .hero-arrows .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    background-color: rgba(51, 51, 51, 0.7);
    color: #fff; }
    /* line 82, assets/scss/_hero.scss */
    .banner-area-v1 .hero-arrows .slick-arrow:hover, .banner-area-v1 .hero-arrows .slick-arrow:focus {
      background-color: #4761ff;
      color: #fff; }
    /* line 86, assets/scss/_hero.scss */
    .banner-area-v1 .hero-arrows .slick-arrow.prev {
      left: 3%; }
    /* line 89, assets/scss/_hero.scss */
    .banner-area-v1 .hero-arrows .slick-arrow.next {
      right: 3%; }

/* line 98, assets/scss/_hero.scss */
.banner-area-v2 .hero-slider-two .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  color: #fff;
  background-color: #4761ff;
  left: 10%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 113, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .slick-arrow.next {
    top: 57%;
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%); }
  /* line 117, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .slick-arrow:hover {
    background-color: #282828;
    color: #fff; }

/* line 122, assets/scss/_hero.scss */
.banner-area-v2 .hero-slider-two .single-slider {
  padding: 350px 0 210px;
  position: relative; }
  /* line 125, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 40%; }
  /* line 132, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .single-slider .hero-content span {
    font-weight: 700;
    color: #4761ff;
    font-size: 25px;
    margin-bottom: 25px; }
  /* line 138, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {
    font-size: 85px;
    line-height: 90px;
    padding-right: 50px;
    margin-bottom: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 138, assets/scss/_hero.scss */
      .banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {
        font-size: 45px;
        line-height: 60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      /* line 138, assets/scss/_hero.scss */
      .banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {
        font-size: 75px;
        line-height: 85px; } }
    @media (max-width: 767px) {
      /* line 138, assets/scss/_hero.scss */
      .banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {
        font-size: 40px;
        line-height: 50px; } }
  /* line 156, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .single-slider .hero-content h4 {
    font-weight: 500;
    font-size: 22px;
    color: #626262;
    margin-bottom: 42px;
    line-height: 35px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 156, assets/scss/_hero.scss */
      .banner-area-v2 .hero-slider-two .single-slider .hero-content h4 {
        font-size: 20px;
        line-height: 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 168, assets/scss/_hero.scss */
    .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right {
      display: none !important; } }
  /* line 172, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right img {
    width: 100%; }
  /* line 175, assets/scss/_hero.scss */
  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    text-align: center;
    padding: 30px 35px;
    background-color: #4761ff;
    position: absolute; }
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
      /* line 175, assets/scss/_hero.scss */
      .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        text-align: center;
        padding: 18px 35px; } }
    /* line 190, assets/scss/_hero.scss */
    .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .icon {
      position: relative;
      margin-bottom: 20px;
      z-index: 1; }
      /* line 194, assets/scss/_hero.scss */
      .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .icon:after {
        position: absolute;
        top: 0;
        left: 10px;
        content: '';
        width: 55px;
        height: 55px;
        background-color: #fc783a;
        border-radius: 50%;
        z-index: -1; }
      /* line 205, assets/scss/_hero.scss */
      .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .icon i {
        width: 45px;
        height: 45px;
        font-size: 45px;
        line-height: 1;
        color: #fff; }
    /* line 214, assets/scss/_hero.scss */
    .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .info h5 {
      color: #fff; }
    /* line 218, assets/scss/_hero.scss */
    .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-one {
      top: 28%;
      left: -12%; }
      @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        /* line 218, assets/scss/_hero.scss */
        .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-one {
          top: 28%; } }
    /* line 225, assets/scss/_hero.scss */
    .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-two {
      top: 60%;
      left: -5%; }
      @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        /* line 225, assets/scss/_hero.scss */
        .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-two {
          top: 60%; } }
    /* line 232, assets/scss/_hero.scss */
    .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-three {
      bottom: -5%;
      left: 25%; }
      @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        /* line 232, assets/scss/_hero.scss */
        .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-three {
          bottom: -5%;
          left: 25%; } }

/* line 243, assets/scss/_hero.scss */
.banner-area-v2 .hero-slider-two .slick-current[data-slick-index="2"] .hero-slide-right .slider-icon.icon-three,
.banner-area-v2 .hero-slider-two .slick-current[data-slick-index="1"] .hero-slide-right .slider-icon.icon-two,
.banner-area-v2 .hero-slider-two .slick-current[data-slick-index="0"] .hero-slide-right .slider-icon.icon-one {
  background-color: #282828; }

/* line 254, assets/scss/_hero.scss */
.banner-area-v3 .hero-slider-three .slick-arrow {
  position: absolute;
  left: 19.5%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  z-index: 1;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 254, assets/scss/_hero.scss */
    .banner-area-v3 .hero-slider-three .slick-arrow {
      left: 5%; } }
  /* line 272, assets/scss/_hero.scss */
  .banner-area-v3 .hero-slider-three .slick-arrow:hover {
    border-color: transparent;
    background-color: #4761ff;
    color: #fff; }
  /* line 277, assets/scss/_hero.scss */
  .banner-area-v3 .hero-slider-three .slick-arrow.prev {
    top: 57%; }
  /* line 280, assets/scss/_hero.scss */
  .banner-area-v3 .hero-slider-three .slick-arrow.next {
    top: 64%; }

/* line 285, assets/scss/_hero.scss */
.banner-area-v3 .single-slider {
  padding: 300px 0 185px;
  position: relative;
  z-index: 1; }
  /* line 289, assets/scss/_hero.scss */
  .banner-area-v3 .single-slider:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(40, 40, 40, 0.5);
    z-index: -1; }

/* line 301, assets/scss/_hero.scss */
.banner-area-v3 .hero-content span.span {
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
  font-family: "Gilroy", sans-serif; }

/* line 310, assets/scss/_hero.scss */
.banner-area-v3 .hero-content h1 {
  color: #fff;
  font-size: 85px;
  line-height: 90px;
  margin-bottom: 40px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 310, assets/scss/_hero.scss */
    .banner-area-v3 .hero-content h1 {
      font-size: 65px;
      line-height: 70px; } }
  @media (max-width: 767px) {
    /* line 310, assets/scss/_hero.scss */
    .banner-area-v3 .hero-content h1 {
      font-size: 42px;
      line-height: 50px; } }

/* line 326, assets/scss/_hero.scss */
.banner-area-v3 .hero-content .info-box .icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4761ff;
  width: 70px;
  height: 70px;
  font-size: 30px;
  color: #fff;
  border-radius: 50%; }

/* line 338, assets/scss/_hero.scss */
.banner-area-v3 .hero-content .info-box .info {
  margin-left: 20px; }
  /* line 340, assets/scss/_hero.scss */
  .banner-area-v3 .hero-content .info-box .info h4 {
    color: #fff; }

/* line 348, assets/scss/_hero.scss */
.breadcrumbs-section {
  padding: 80px 0;
  background-color: #4761ff;
  position: relative; }
  @media (max-width: 991px) {
    /* line 348, assets/scss/_hero.scss */
    .breadcrumbs-section {
      padding: 50px 0; } }
  /* line 355, assets/scss/_hero.scss */
  .breadcrumbs-section::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .4; }
  /* line 366, assets/scss/_hero.scss */
  .breadcrumbs-section .breadcrumbs-content h1 {
    color: #fff;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      /* line 366, assets/scss/_hero.scss */
      .breadcrumbs-section .breadcrumbs-content h1 {
        font-size: 32px; } }
  /* line 374, assets/scss/_hero.scss */
  .breadcrumbs-section .breadcrumbs-content ul.link li {
    display: inline-block;
    color: #fff; }
    /* line 377, assets/scss/_hero.scss */
    .breadcrumbs-section .breadcrumbs-content ul.link li:after {
      display: inline-block;
      content: '/';
      margin-left: 5px;
      font-size: 20px;
      margin-right: 5px; }
    /* line 385, assets/scss/_hero.scss */
    .breadcrumbs-section .breadcrumbs-content ul.link li:last-child:after {
      display: none;
      margin-right: 0px; }
    /* line 390, assets/scss/_hero.scss */
    .breadcrumbs-section .breadcrumbs-content ul.link li.active {
      color: #fff; }

/*---=======================
   End Hero css 
===========================---*/
/*---=======================
   04. Start About css 
===========================---*/
/* line 7, assets/scss/_about.scss */
.about-area-v1 .about-img-box {
  margin-left: -200px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 7, assets/scss/_about.scss */
    .about-area-v1 .about-img-box {
      margin-left: 0px; } }
  @media (max-width: 991px) {
    /* line 7, assets/scss/_about.scss */
    .about-area-v1 .about-img-box {
      margin-left: 0px;
      margin-bottom: 60px; } }

/* line 17, assets/scss/_about.scss */
.about-area-v1 .about-content-box {
  margin-left: 40px;
  margin-right: -70px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 17, assets/scss/_about.scss */
    .about-area-v1 .about-content-box {
      margin-left: 0px;
      margin-right: 0px; } }
  @media (max-width: 991px) {
    /* line 17, assets/scss/_about.scss */
    .about-area-v1 .about-content-box {
      margin-left: 0px;
      margin-right: 0px; } }
  /* line 31, assets/scss/_about.scss */
  .about-area-v1 .about-content-box .section-title h2 span.thin {
    font-weight: 300;
    font-style: italic; }
  /* line 38, assets/scss/_about.scss */
  .about-area-v1 .about-content-box h5 {
    font-size: 17px;
    line-height: 28px;
    font-style: italic;
    margin-bottom: 20px; }
  /* line 44, assets/scss/_about.scss */
  .about-area-v1 .about-content-box p {
    margin-bottom: 35px; }

/* line 51, assets/scss/_about.scss */
.about-area-v2 .about-img {
  margin-left: -100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 51, assets/scss/_about.scss */
    .about-area-v2 .about-img {
      margin-left: 0px; } }
  @media (max-width: 991px) {
    /* line 51, assets/scss/_about.scss */
    .about-area-v2 .about-img {
      margin-left: 0px;
      margin-bottom: 60px; } }

/* line 62, assets/scss/_about.scss */
.about-area-v2 .about-content-box h2 {
  margin-bottom: 25px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 62, assets/scss/_about.scss */
    .about-area-v2 .about-content-box h2 {
      font-size: 32px;
      line-height: 42px; } }
  @media (max-width: 991px) {
    /* line 62, assets/scss/_about.scss */
    .about-area-v2 .about-content-box h2 {
      font-size: 26px;
      line-height: 36px; } }
  /* line 72, assets/scss/_about.scss */
  .about-area-v2 .about-content-box h2 span {
    color: #4761ff; }

/* line 76, assets/scss/_about.scss */
.about-area-v2 .about-content-box .content-box {
  background-color: #fff4ef;
  padding: 25px 40px;
  border-radius: 10px;
  margin-bottom: 30px; }
  /* line 81, assets/scss/_about.scss */
  .about-area-v2 .about-content-box .content-box p {
    font-size: 15px;
    color: #282828;
    font-weight: 700;
    padding-left: 35px;
    border-left: 3px solid #4761ff;
    margin-bottom: 0px; }

/* line 90, assets/scss/_about.scss */
.about-area-v2 .about-content-box p {
  margin-bottom: 35px; }

/* line 98, assets/scss/_about.scss */
.about-area-v3 .section-title span.span {
  color: #4761ff;
  font-size: 20px;
  font-weight: 700;
  font-family: "Gilroy", sans-serif;
  margin-bottom: 15px; }
  /* line 103, assets/scss/_about.scss */
  .about-area-v3 .section-title span.span:after {
    display: inline-block;
    content: '';
    width: 100px;
    height: 3px;
    margin-left: 20px;
    border-radius: 2px;
    vertical-align: middle;
    background-color: #4761ff; }

@media (max-width: 991px) {
  /* line 116, assets/scss/_about.scss */
  .about-area-v3 .about-content-box {
    margin-bottom: 40px; } }

/* line 120, assets/scss/_about.scss */
.about-area-v3 .about-content-box p {
  color: #d3d3d3; }

/* line 124, assets/scss/_about.scss */
.about-area-v3 .counter-wrapper {
  margin-top: 35px; }
  /* line 126, assets/scss/_about.scss */
  .about-area-v3 .counter-wrapper .counter-column {
    position: relative; }
    /* line 128, assets/scss/_about.scss */
    .about-area-v3 .counter-wrapper .counter-column:after {
      position: absolute;
      content: '';
      right: 15px;
      top: 0;
      width: 5px;
      height: 100%;
      background-color: #fff;
      border-radius: 3px; }
    /* line 139, assets/scss/_about.scss */
    .about-area-v3 .counter-wrapper .counter-column:last-child::after {
      display: none; }
    @media (max-width: 991px) {
      /* line 126, assets/scss/_about.scss */
      .about-area-v3 .counter-wrapper .counter-column {
        margin-bottom: 60px; } }
    @media (max-width: 767px) {
      /* line 147, assets/scss/_about.scss */
      .about-area-v3 .counter-wrapper .counter-column:after {
        display: none; } }
  /* line 153, assets/scss/_about.scss */
  .about-area-v3 .counter-wrapper .counter-box h2 {
    color: #4761ff;
    margin-bottom: 15px;
    line-height: 1; }
    /* line 158, assets/scss/_about.scss */
    .about-area-v3 .counter-wrapper .counter-box h2 span.plus {
      font-size: 25px;
      vertical-align: super;
      margin-left: -10px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 153, assets/scss/_about.scss */
      .about-area-v3 .counter-wrapper .counter-box h2 {
        font-size: 32px;
        line-height: 42px; } }
  /* line 169, assets/scss/_about.scss */
  .about-area-v3 .counter-wrapper .counter-box h4 {
    color: #fff;
    font-size: 22px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 169, assets/scss/_about.scss */
      .about-area-v3 .counter-wrapper .counter-box h4 {
        font-size: 18px;
        line-height: 28px; } }

/* line 179, assets/scss/_about.scss */
.about-area-v3 .about-img {
  text-align: right;
  margin-right: -100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 179, assets/scss/_about.scss */
    .about-area-v3 .about-img {
      margin-right: 0px; } }
  @media (max-width: 991px) {
    /* line 179, assets/scss/_about.scss */
    .about-area-v3 .about-img {
      margin-right: 0px; } }

/* line 191, assets/scss/_about.scss */
.about-area-v4 {
  position: relative;
  overflow: hidden; }
  /* line 195, assets/scss/_about.scss */
  .about-area-v4 .about-shape .shape {
    position: absolute;
    top: -30%;
    left: 25%;
    -webkit-transform: translate(25%, -50%);
    -moz-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    -o-transform: translate(25%, -50%);
    transform: translate(25%, -50%);
    background-color: rgba(254, 90, 14, 0.05);
    content: '';
    transform: rotate(45deg); }
    /* line 203, assets/scss/_about.scss */
    .about-area-v4 .about-shape .shape.shape-1 {
      width: 400px;
      height: 400px; }
    /* line 207, assets/scss/_about.scss */
    .about-area-v4 .about-shape .shape.shape-2 {
      width: 430px;
      height: 430px;
      left: 24.3%; }
    /* line 212, assets/scss/_about.scss */
    .about-area-v4 .about-shape .shape.shape-3 {
      width: 460px;
      height: 460px;
      left: 23.5%; }
    /* line 217, assets/scss/_about.scss */
    .about-area-v4 .about-shape .shape.shape-4 {
      width: 490px;
      height: 490px;
      left: 22.8%; }
  /* line 225, assets/scss/_about.scss */
  .about-area-v4 .about-content-box h2 {
    margin-bottom: 35px; }
    /* line 227, assets/scss/_about.scss */
    .about-area-v4 .about-content-box h2 span {
      color: #4761ff; }
  /* line 232, assets/scss/_about.scss */
  .about-area-v4 .about-content-box .counter-wrapper .counter-column {
    position: relative; }
    /* line 235, assets/scss/_about.scss */
    .about-area-v4 .about-content-box .counter-wrapper .counter-column:last-child::after {
      display: none; }
    @media (max-width: 767px) {
      /* line 232, assets/scss/_about.scss */
      .about-area-v4 .about-content-box .counter-wrapper .counter-column {
        margin-bottom: 30px; }
        /* line 241, assets/scss/_about.scss */
        .about-area-v4 .about-content-box .counter-wrapper .counter-column:last-child {
          margin-bottom: 0px; }
        /* line 244, assets/scss/_about.scss */
        .about-area-v4 .about-content-box .counter-wrapper .counter-column:after {
          display: none; } }
    /* line 248, assets/scss/_about.scss */
    .about-area-v4 .about-content-box .counter-wrapper .counter-column:after {
      content: '';
      position: absolute;
      top: 8px;
      right: 15px;
      width: 5px;
      height: 80px;
      border-radius: 3px;
      background-color: #282828; }
  /* line 260, assets/scss/_about.scss */
  .about-area-v4 .about-content-box .counter-wrapper .counter-box h2 {
    margin-bottom: 10px; }
  /* line 265, assets/scss/_about.scss */
  .about-area-v4 .about-content-box p {
    margin-bottom: 50px;
    font-size: 15px;
    line-height: 28px; }
  /* line 271, assets/scss/_about.scss */
  .about-area-v4 .about-content-box .admin-box .thumb {
    min-width: 75px;
    max-width: 75px;
    height: 75px; }
    /* line 275, assets/scss/_about.scss */
    .about-area-v4 .about-content-box .admin-box .thumb img {
      border: 2px solid #4761ff;
      width: 100%;
      border-radius: 50%; }
  /* line 281, assets/scss/_about.scss */
  .about-area-v4 .about-content-box .admin-box .info {
    margin-left: 30px; }
    /* line 283, assets/scss/_about.scss */
    .about-area-v4 .about-content-box .admin-box .info p {
      margin-bottom: 0px; }

/*---=======================
   End About css 
===========================---*/
/*---=======================
   05. Start Service css 
===========================---*/
/* line 6, assets/scss/_service.scss */
.service-area-v1 {
  position: relative;
  z-index: 1; }
  /* line 9, assets/scss/_service.scss */
  .service-area-v1:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1; }
  /* line 20, assets/scss/_service.scss */
  .service-area-v1 .section-title h2 {
    padding: 0 100px; }
    @media (max-width: 991px) {
      /* line 20, assets/scss/_service.scss */
      .service-area-v1 .section-title h2 {
        padding: 0px; } }
  /* line 29, assets/scss/_service.scss */
  .service-area-v1 .section-white-title h2 span {
    color: #4761ff; }
  /* line 34, assets/scss/_service.scss */
  .service-area-v1 .service-item {
    background-color: #fff;
    border-radius: 10px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    /* line 42, assets/scss/_service.scss */
    .service-area-v1 .service-item:hover:before {
      background-color: #4761ff; }
    /* line 45, assets/scss/_service.scss */
    .service-area-v1 .service-item:hover:after {
      border-right: 25px solid #4761ff;
      border-bottom: 25px solid #4761ff; }
    /* line 50, assets/scss/_service.scss */
    .service-area-v1 .service-item:before {
      position: absolute;
      content: '';
      top: -40px;
      left: -30px;
      width: 185px;
      height: 185px;
      background-color: #475fff82;
      border-radius: 50%;
      z-index: -1;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -ms-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
    /* line 62, assets/scss/_service.scss */
    .service-area-v1 .service-item:after {
      position: absolute;
      content: '';
      height: 0;
      width: 0;
      border-right: 25px solid #fff;
      border-left: 25px solid transparent;
      border-top: 25px solid transparent;
      border-bottom: 25px solid #fff;
      bottom: 20px;
      right: 20px;
      z-index: -1;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -ms-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
    /* line 76, assets/scss/_service.scss */
    .service-area-v1 .service-item .service-img {
      margin-bottom: 35px; }
      /* line 78, assets/scss/_service.scss */
      .service-area-v1 .service-item .service-img img {
        width: 170px;
        height: 170px;
        border-radius: 50%;
        border: 8px solid #fff;
        box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1); }
    /* line 87, assets/scss/_service.scss */
    .service-area-v1 .service-item .service-content span.position {
      color: #4761ff;
      margin-bottom: 10px; }
    /* line 91, assets/scss/_service.scss */
    .service-area-v1 .service-item .service-content h3.title {
      font-size: 25px;
      margin-bottom: 15px; }
    /* line 95, assets/scss/_service.scss */
    .service-area-v1 .service-item .service-content .btn-link {
      color: #6e6d6d; }
      /* line 97, assets/scss/_service.scss */
      .service-area-v1 .service-item .service-content .btn-link:after {
        display: none; }
  /* line 104, assets/scss/_service.scss */
  .service-area-v1 .service-slider-one .slick-dots {
    text-align: center; }
    /* line 108, assets/scss/_service.scss */
    .service-area-v1 .service-slider-one .slick-dots li.slick-active button {
      background-color: #4761ff; }
    /* line 112, assets/scss/_service.scss */
    .service-area-v1 .service-slider-one .slick-dots li button {
      width: 10px;
      height: 10px;
      border-radius: 5px;
      background-color: #fff;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }

/* line 125, assets/scss/_service.scss */
.service-area-v2 .service-item {
  border-radius: 5px; }
  /* line 127, assets/scss/_service.scss */
  .service-area-v2 .service-item .service-img {
    position: relative;
    z-index: 1; }
    /* line 130, assets/scss/_service.scss */
    .service-area-v2 .service-item .service-img img {
      clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
      border-radius: 5px 5px 0 0;
      width: 100%; }
    /* line 135, assets/scss/_service.scss */
    .service-area-v2 .service-item .service-img:after {
      position: absolute;
      content: '';
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #4761ff;
      z-index: -1;
      clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 75%);
      border-radius: 5px 5px 0 0; }
    /* line 147, assets/scss/_service.scss */
    .service-area-v2 .service-item .service-img .icon {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 65px;
      height: 65px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background-color: #4761ff;
      box-shadow: 0px 11px 20px 0px rgba(254, 90, 14, 0.3);
      z-index: 1; }
      /* line 161, assets/scss/_service.scss */
      .service-area-v2 .service-item .service-img .icon i {
        color: #fff;
        font-size: 28px;
        line-height: 1; }
  /* line 169, assets/scss/_service.scss */
  .service-area-v2 .service-item .service-content {
    padding: 30px 40px 40px;
    background-color: #fff;
    box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08);
    border-radius: 0 0 5px 5px; }
    /* line 174, assets/scss/_service.scss */
    .service-area-v2 .service-item .service-content h3 {
      font-size: 25px;
      line-height: 35px;
      margin-bottom: 22px; }
    /* line 179, assets/scss/_service.scss */
    .service-area-v2 .service-item .service-content p {
      padding-bottom: 35px; }
    /* line 182, assets/scss/_service.scss */
    .service-area-v2 .service-item .service-content .main-btn {
      border-radius: 5px;
      padding: 9px 11px;
      background-color: #282828;
      text-transform: capitalize; }
      /* line 187, assets/scss/_service.scss */
      .service-area-v2 .service-item .service-content .main-btn:hover, .service-area-v2 .service-item .service-content .main-btn:focus {
        background-color: #4761ff;
        color: #fff; }

/* line 197, assets/scss/_service.scss */
.service-area-v3 .service-item {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08);
  padding: 40px 40px 30px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 206, assets/scss/_service.scss */
  .service-area-v3 .service-item .service-shape .shape {
    position: absolute;
    content: '';
    top: 0;
    right: -100px;
    background-color: rgba(0, 123, 255, 0.25);
    border-radius: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    /* line 214, assets/scss/_service.scss */
    .service-area-v3 .service-item .service-shape .shape.shape-1 {
      width: 150px;
      height: 150px;
      top: 28px; }
    /* line 219, assets/scss/_service.scss */
    .service-area-v3 .service-item .service-shape .shape.shape-2 {
      width: 170px;
      height: 170px;
      top: 20px; }
    /* line 224, assets/scss/_service.scss */
    .service-area-v3 .service-item .service-shape .shape.shape-3 {
      width: 190px;
      height: 190px;
      top: 10px; }
    /* line 229, assets/scss/_service.scss */
    .service-area-v3 .service-item .service-shape .shape.shape-4 {
      width: 210px;
      height: 210px;
      top: 0px; }
  /* line 236, assets/scss/_service.scss */
  .service-area-v3 .service-item:hover {
    background-color: #4761ff; }
    /* line 239, assets/scss/_service.scss */
    .service-area-v3 .service-item:hover .service-shape .shape {
      background-color: rgba(255, 255, 255, 0.08); }
    /* line 244, assets/scss/_service.scss */
    .service-area-v3 .service-item:hover .service-icon i {
      background-color: #fff;
      color: #4761ff; }
    /* line 250, assets/scss/_service.scss */
    .service-area-v3 .service-item:hover .service-content h3, .service-area-v3 .service-item:hover .service-content p, .service-area-v3 .service-item:hover .service-content .btn-link {
      color: #fff; }
  /* line 255, assets/scss/_service.scss */
  .service-area-v3 .service-item .service-icon {
    margin-bottom: 30px; }
    /* line 257, assets/scss/_service.scss */
    .service-area-v3 .service-item .service-icon i {
      width: 65px;
      height: 65px;
      line-height: 65px;
      text-align: center;
      background-color: #4761ff;
      color: #fff;
      border-radius: 10px;
      font-size: 36px;
      box-shadow: 0px 11px 20px 0px rgba(0, 123, 255, 0.25); }
  /* line 270, assets/scss/_service.scss */
  .service-area-v3 .service-item .service-content h3.title {
    margin-bottom: 18px;
    font-size: 25px;
    line-height: 35px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 270, assets/scss/_service.scss */
      .service-area-v3 .service-item .service-content h3.title {
        font-size: 18px;
        line-height: 28px; } }
    @media (max-width: 991px) {
      /* line 270, assets/scss/_service.scss */
      .service-area-v3 .service-item .service-content h3.title {
        font-size: 22px;
        line-height: 32px; } }
  /* line 283, assets/scss/_service.scss */
  .service-area-v3 .service-item .service-content p {
    margin-bottom: 20px; }

/* line 289, assets/scss/_service.scss */
.service-area-v4 {
  background-color: #282828; }

/* Service-details-section */
/* line 294, assets/scss/_service.scss */
.service-details-section .service-img {
  margin-bottom: 25px; }
  /* line 296, assets/scss/_service.scss */
  .service-details-section .service-img img {
    border-radius: 10px; }

/* line 301, assets/scss/_service.scss */
.service-details-section .service-content h3 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px; }

/* line 306, assets/scss/_service.scss */
.service-details-section .service-content p {
  margin-bottom: 25px; }
  /* line 308, assets/scss/_service.scss */
  .service-details-section .service-content p:last-child {
    margin-bottom: 0; }

/* line 313, assets/scss/_service.scss */
.service-details-section .content-box {
  background-color: #fff3ed; }
  /* line 315, assets/scss/_service.scss */
  .service-details-section .content-box .content {
    padding: 40px 40px 25px; }
  /* line 319, assets/scss/_service.scss */
  .service-details-section .content-box .block-img img {
    width: 100%; }

/* line 325, assets/scss/_service.scss */
.service-details-section .how-work-box h3 {
  margin-bottom: 20px; }

/* line 328, assets/scss/_service.scss */
.service-details-section .how-work-box .work-item {
  border: 1px solid #e6e6e6;
  padding: 30px 25px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 328, assets/scss/_service.scss */
    .service-details-section .how-work-box .work-item {
      padding: 30px 15px; } }
  /* line 334, assets/scss/_service.scss */
  .service-details-section .how-work-box .work-item .work-title {
    position: relative;
    padding-left: 75px;
    margin-bottom: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 334, assets/scss/_service.scss */
      .service-details-section .how-work-box .work-item .work-title {
        padding-left: 0px; } }
    /* line 341, assets/scss/_service.scss */
    .service-details-section .how-work-box .work-item .work-title span.icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 50%;
      background-color: #4761ff;
      color: #fff;
      font-size: 25px;
      font-family: "Gilroy", sans-serif; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 341, assets/scss/_service.scss */
        .service-details-section .how-work-box .work-item .work-title span.icon {
          position: relative;
          top: auto;
          left: auto;
          margin-bottom: 20px; } }

/* line 365, assets/scss/_service.scss */
.service-details-section .service-details-wrapper .faq-area {
  padding: 40px;
  background-color: #fff;
  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 365, assets/scss/_service.scss */
    .service-details-section .service-details-wrapper .faq-area {
      padding: 20px 15px; } }
  @media (max-width: 991px) {
    /* line 365, assets/scss/_service.scss */
    .service-details-section .service-details-wrapper .faq-area {
      padding: 20px 15px; } }
  /* line 376, assets/scss/_service.scss */
  .service-details-section .service-details-wrapper .faq-area .faq-wrapper h3 {
    margin-bottom: 30px; }
  /* line 379, assets/scss/_service.scss */
  .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card {
    border-radius: 5px;
    border: none;
    border: 1px solid #e6e6e6; }
    /* line 383, assets/scss/_service.scss */
    .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header {
      background-color: transparent;
      border-bottom: none;
      font-size: 16px;
      color: #282828;
      font-weight: 700; }
      /* line 389, assets/scss/_service.scss */
      .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header .toggle_btn {
        float: right; }
        /* line 391, assets/scss/_service.scss */
        .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header .toggle_btn:after {
          content: '\efc2';
          font-family: 'IcoFont';
          display: inline-block;
          font-size: 15px;
          color: #282828;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
          @media (max-width: 767px) {
            /* line 391, assets/scss/_service.scss */
            .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header .toggle_btn:after {
              display: none; } }
    /* line 404, assets/scss/_service.scss */
    .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-body {
      padding-top: 0px; }
    /* line 407, assets/scss/_service.scss */
    .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card.card .card-header[aria-expanded="true"] .toggle_btn:after {
      content: "\ef9a"; }

/* line 415, assets/scss/_service.scss */
.service-details-section .sidebar-widget-area .widget {
  background-color: #fff;
  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08); }
  /* line 422, assets/scss/_service.scss */
  .service-details-section .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a:hover {
    background-color: #4761ff;
    color: #fff;
    border-color: transparent; }

/*---=======================
   End Service css 
===========================---*/
/*---=======================
   06. Start Features css 
===========================---*/
/* line 8, assets/scss/_features.scss */
.features-area-v1 .features-column {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  border-right: 1px solid #e8e8e8;
  height: 300px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 8, assets/scss/_features.scss */
    .features-area-v1 .features-column {
      flex: 0 0 50%;
      max-width: 50%;
      border-right: none; } }
  @media (max-width: 767px) {
    /* line 8, assets/scss/_features.scss */
    .features-area-v1 .features-column {
      flex: 0 0 100%;
      max-width: 100%;
      border-right: none; } }
  /* line 23, assets/scss/_features.scss */
  .features-area-v1 .features-column:last-child {
    border-right: none; }
  /* line 26, assets/scss/_features.scss */
  .features-area-v1 .features-column .features-item {
    background-color: #f7f7f7;
    padding: 30px 25px;
    position: relative;
    z-index: 1;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column; }
    /* line 36, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item .features-content h3 {
      font-size: 25px; }
    /* line 41, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item:hover:after, .features-area-v1 .features-column .features-item:hover:before {
      visibility: visible;
      opacity: 1; }
    /* line 46, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item:hover .features-icon i {
      color: #fff; }
    /* line 51, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item:hover .features-content h3 {
      color: #fff;
      font-size: 25px; }
    /* line 57, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item:before {
      position: absolute;
      content: '';
      height: 0;
      width: 0;
      border-right: 25px solid transparent;
      border-left: 25px solid #fff;
      border-top: 25px solid #fff;
      border-bottom: 25px solid transparent;
      top: -5px;
      left: 10px;
      z-index: 2;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    /* line 73, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item:after {
      position: absolute;
      top: -15px;
      left: 0;
      width: 100%;
      height: calc(100% + 30px);
      content: '';
      background-color: #4761ff;
      z-index: -1;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    /* line 86, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item .features-icon {
      margin-bottom: 20px; }
      /* line 88, assets/scss/_features.scss */
      .features-area-v1 .features-column .features-item .features-icon i {
        width: 60px;
        height: 60px;
        color: #4761ff;
        font-size: 60px;
        line-height: 1; }
    /* line 97, assets/scss/_features.scss */
    .features-area-v1 .features-column .features-item .features-content h5 {
      font-size: 18px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 97, assets/scss/_features.scss */
        .features-area-v1 .features-column .features-item .features-content h5 {
          font-size: 15px; } }

/* line 110, assets/scss/_features.scss */
.features-area-v2 .features-nav .nav-tabs {
  border-bottom: none; }
  /* line 112, assets/scss/_features.scss */
  .features-area-v2 .features-nav .nav-tabs .nav-item {
    width: 20%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      /* line 112, assets/scss/_features.scss */
      .features-area-v2 .features-nav .nav-tabs .nav-item {
        width: 33.33%; } }
    @media (max-width: 767px) {
      /* line 112, assets/scss/_features.scss */
      .features-area-v2 .features-nav .nav-tabs .nav-item {
        width: 100%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      /* line 112, assets/scss/_features.scss */
      .features-area-v2 .features-nav .nav-tabs .nav-item {
        width: 50%; } }
    /* line 123, assets/scss/_features.scss */
    .features-area-v2 .features-nav .nav-tabs .nav-item .nav-link {
      text-align: center;
      border: none; }
      /* line 126, assets/scss/_features.scss */
      .features-area-v2 .features-nav .nav-tabs .nav-item .nav-link i {
        width: 80px;
        height: 70px;
        line-height: 1;
        color: #b8b8b8;
        font-size: 75px; }
      /* line 134, assets/scss/_features.scss */
      .features-area-v2 .features-nav .nav-tabs .nav-item .nav-link.active i {
        color: #4761ff; }

/* line 142, assets/scss/_features.scss */
.features-area-v2 .tab-left-content, .features-area-v2 .tab-right-content {
  margin-bottom: 30px; }

/* line 146, assets/scss/_features.scss */
.features-area-v2 .tab-left-content h2 {
  margin-bottom: 0px; }

/* line 151, assets/scss/_features.scss */
.features-area-v2 .tab-right-content p {
  margin-bottom: 35px; }

/* line 154, assets/scss/_features.scss */
.features-area-v2 .tab-right-content h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: 28px;
  font-style: italic; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 164, assets/scss/_features.scss */
  .features-area-v3 .features-column {
    flex: 0 0 50%;
    max-width: 50%; } }

/* line 170, assets/scss/_features.scss */
.features-area-v3 .features-box {
  position: relative;
  overflow: hidden;
  background-color: #a3c0ff;
  padding: 45px 34px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 177, assets/scss/_features.scss */
  .features-area-v3 .features-box:hover {
    background-color: #4761ff; }
    /* line 180, assets/scss/_features.scss */
    .features-area-v3 .features-box:hover .features-icon i {
      color: #fff; }
    /* line 185, assets/scss/_features.scss */
    .features-area-v3 .features-box:hover .features-content h4, .features-area-v3 .features-box:hover .features-content p, .features-area-v3 .features-box:hover .features-content .btn-link {
      color: #fff; }
    /* line 188, assets/scss/_features.scss */
    .features-area-v3 .features-box:hover .features-content .btn-link {
      border-color: #fff; }
    /* line 192, assets/scss/_features.scss */
    .features-area-v3 .features-box:hover:after {
      visibility: visible;
      opacity: 1; }
    /* line 196, assets/scss/_features.scss */
    .features-area-v3 .features-box:hover::before {
      color: rgba(255, 255, 255, 0.3); }
  /* line 200, assets/scss/_features.scss */
  .features-area-v3 .features-box:after {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    border-right: 25px solid #fff;
    border-left: 25px solid transparent;
    border-top: 25px solid transparent;
    border-bottom: 25px solid #fff;
    bottom: 20px;
    right: 20px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  /* line 216, assets/scss/_features.scss */
  .features-area-v3 .features-box:before {
    position: absolute;
    top: -50px;
    right: -50px;
    font-size: 200px;
    color: #ffe3d6;
    font-family: "Flaticon";
    line-height: 1;
    z-index: -1; }
  /* line 227, assets/scss/_features.scss */
  .features-area-v3 .features-box.box-1:before {
    content: '\f100'; }
  /* line 232, assets/scss/_features.scss */
  .features-area-v3 .features-box.box-2:before {
    content: '\f10b'; }
  /* line 237, assets/scss/_features.scss */
  .features-area-v3 .features-box.box-3:before {
    content: '\f108'; }
  /* line 242, assets/scss/_features.scss */
  .features-area-v3 .features-box.box-4:before {
    content: '\f102'; }
  /* line 246, assets/scss/_features.scss */
  .features-area-v3 .features-box .features-icon {
    margin-bottom: 30px; }
    /* line 248, assets/scss/_features.scss */
    .features-area-v3 .features-box .features-icon i {
      font-size: 65px;
      width: 65px;
      height: 65px;
      line-height: 1;
      color: #4761ff; }
  /* line 257, assets/scss/_features.scss */
  .features-area-v3 .features-box .features-content h4 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 23px; }
  /* line 262, assets/scss/_features.scss */
  .features-area-v3 .features-box .features-content p {
    margin-bottom: 20px; }
  /* line 265, assets/scss/_features.scss */
  .features-area-v3 .features-box .features-content .btn-link {
    font-size: 18px;
    padding-left: 25px;
    border-left: 3px solid #4761ff; }
    /* line 269, assets/scss/_features.scss */
    .features-area-v3 .features-box .features-content .btn-link:after {
      display: none; }

/* line 278, assets/scss/_features.scss */
.features-area-v4 .features-box {
  background-color: #fff3ed;
  padding: 37px 45px 45px;
  border-radius: 5px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 278, assets/scss/_features.scss */
    .features-area-v4 .features-box {
      padding: 25px 30px 25px; } }
  /* line 285, assets/scss/_features.scss */
  .features-area-v4 .features-box.features-video {
    padding: 0px;
    height: 386px; }
    /* line 288, assets/scss/_features.scss */
    .features-area-v4 .features-box.features-video .play-content {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 294, assets/scss/_features.scss */
      .features-area-v4 .features-box.features-video .play-content .video-popup {
        width: 95px;
        height: 95px;
        text-align: center;
        line-height: 95px;
        background-color: #4761ff;
        border-radius: 50%;
        color: #fff; }
  /* line 306, assets/scss/_features.scss */
  .features-area-v4 .features-box .features-content h4 {
    font-size: 25px;
    margin-bottom: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 306, assets/scss/_features.scss */
      .features-area-v4 .features-box .features-content h4 {
        font-size: 22px;
        line-height: 32px; } }
  /* line 314, assets/scss/_features.scss */
  .features-area-v4 .features-box .features-content p {
    margin-bottom: 30px; }
  /* line 317, assets/scss/_features.scss */
  .features-area-v4 .features-box .features-content h5.title {
    padding-left: 25px;
    border-left: 3px solid #4761ff;
    font-size: 18px;
    font-weight: 700;
    color: #4761ff; }

/* line 329, assets/scss/_features.scss */
.counter-area-v1 .counter-column {
  flex: 0 0 20%;
  max-width: 20%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* line 329, assets/scss/_features.scss */
    .counter-area-v1 .counter-column {
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 40px; }
      /* line 336, assets/scss/_features.scss */
      .counter-area-v1 .counter-column:last-child {
        margin-bottom: 0px; } }
  @media (max-width: 767px) {
    /* line 329, assets/scss/_features.scss */
    .counter-area-v1 .counter-column {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 40px; }
      /* line 344, assets/scss/_features.scss */
      .counter-area-v1 .counter-column:last-child {
        margin-bottom: 0px; } }
  /* line 348, assets/scss/_features.scss */
  .counter-area-v1 .counter-column .counter-box {
    background-color: #fbf6f3;
    padding: 50px 35px 60px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 1; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 348, assets/scss/_features.scss */
      .counter-area-v1 .counter-column .counter-box {
        padding: 40px 35px; } }
    /* line 357, assets/scss/_features.scss */
    .counter-area-v1 .counter-column .counter-box:before, .counter-area-v1 .counter-column .counter-box:after {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    /* line 363, assets/scss/_features.scss */
    .counter-area-v1 .counter-column .counter-box:before {
      content: '';
      height: 0;
      width: 0;
      border-right: 25px solid transparent;
      border-left: 25px solid #fff;
      border-top: 25px solid #fff;
      border-bottom: 25px solid transparent;
      top: 10px;
      left: 10px;
      z-index: -1; }
    /* line 375, assets/scss/_features.scss */
    .counter-area-v1 .counter-column .counter-box:after {
      position: absolute;
      bottom: 0;
      left: 30px;
      content: '\f109';
      font-family: "Flaticon";
      color: rgba(255, 255, 255, 0.15);
      font-size: 150px;
      line-height: 1;
      z-index: -1; }
    /* line 386, assets/scss/_features.scss */
    .counter-area-v1 .counter-column .counter-box:hover {
      background-color: #4761ff; }
      /* line 388, assets/scss/_features.scss */
      .counter-area-v1 .counter-column .counter-box:hover:before, .counter-area-v1 .counter-column .counter-box:hover:after {
        visibility: visible;
        opacity: 1; }
      /* line 392, assets/scss/_features.scss */
      .counter-area-v1 .counter-column .counter-box:hover h2 {
        color: #fff; }
    /* line 396, assets/scss/_features.scss */
    .counter-area-v1 .counter-column .counter-box h2 {
      margin-bottom: 15px;
      font-size: 45px;
      line-height: 1; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 396, assets/scss/_features.scss */
        .counter-area-v1 .counter-column .counter-box h2 {
          font-size: 32px;
          line-height: 44px; } }
      /* line 405, assets/scss/_features.scss */
      .counter-area-v1 .counter-column .counter-box h2 span.plus {
        font-size: 25px;
        vertical-align: super; }
    /* line 411, assets/scss/_features.scss */
    .counter-area-v1 .counter-column .counter-box h5 {
      font-size: 19px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 411, assets/scss/_features.scss */
        .counter-area-v1 .counter-column .counter-box h5 {
          font-size: 13px; } }

/* line 422, assets/scss/_features.scss */
.counter-area-v2 .counter-wrapper {
  padding: 95px 40px 91px;
  border-radius: 50px; }

/* line 426, assets/scss/_features.scss */
.counter-area-v2 .counter-column {
  position: relative; }
  @media (max-width: 991px) {
    /* line 426, assets/scss/_features.scss */
    .counter-area-v2 .counter-column {
      margin-bottom: 50px; }
      /* line 430, assets/scss/_features.scss */
      .counter-area-v2 .counter-column:last-child {
        margin-bottom: 0px; } }
  /* line 434, assets/scss/_features.scss */
  .counter-area-v2 .counter-column:after {
    position: absolute;
    content: '';
    right: 15px;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #fff;
    border-radius: 3px; }
    @media (max-width: 991px) {
      /* line 434, assets/scss/_features.scss */
      .counter-area-v2 .counter-column:after {
        display: none; } }
  /* line 448, assets/scss/_features.scss */
  .counter-area-v2 .counter-column:last-child::after {
    display: none; }

/* line 453, assets/scss/_features.scss */
.counter-area-v2 .counter-box {
  text-align: center; }
  /* line 455, assets/scss/_features.scss */
  .counter-area-v2 .counter-box h2 {
    color: #fff;
    margin-bottom: 15px;
    line-height: 1; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 455, assets/scss/_features.scss */
      .counter-area-v2 .counter-box h2 {
        font-size: 32px;
        line-height: 44px; } }
    /* line 464, assets/scss/_features.scss */
    .counter-area-v2 .counter-box h2 span.plus {
      font-size: 25px;
      vertical-align: super;
      margin-left: -10px; }
  /* line 471, assets/scss/_features.scss */
  .counter-area-v2 .counter-box h4 {
    color: #fff; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 471, assets/scss/_features.scss */
      .counter-area-v2 .counter-box h4 {
        font-size: 16px; } }

/* line 480, assets/scss/_features.scss */
.counter-area-v3 {
  position: relative;
  margin-top: -80px; }
  /* line 483, assets/scss/_features.scss */
  .counter-area-v3 .counter-wrapper {
    padding: 95px 40px 91px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.04); }
    @media (max-width: 991px) {
      /* line 483, assets/scss/_features.scss */
      .counter-area-v3 .counter-wrapper {
        padding-bottom: 51px; } }
  /* line 492, assets/scss/_features.scss */
  .counter-area-v3 .counter-column {
    position: relative; }
    @media (max-width: 991px) {
      /* line 492, assets/scss/_features.scss */
      .counter-area-v3 .counter-column {
        margin-bottom: 40px; } }
    /* line 497, assets/scss/_features.scss */
    .counter-area-v3 .counter-column:after {
      position: absolute;
      content: '';
      right: 15px;
      top: 0;
      width: 5px;
      height: 100%;
      background-color: #ffede4;
      border-radius: 3px; }
      @media (max-width: 991px) {
        /* line 497, assets/scss/_features.scss */
        .counter-area-v3 .counter-column:after {
          display: none; } }
    /* line 511, assets/scss/_features.scss */
    .counter-area-v3 .counter-column:last-child::after {
      display: none; }
  /* line 516, assets/scss/_features.scss */
  .counter-area-v3 .counter-box {
    text-align: center; }
    /* line 518, assets/scss/_features.scss */
    .counter-area-v3 .counter-box h2 {
      color: #4761ff;
      margin-bottom: 15px;
      line-height: 1; }
      /* line 523, assets/scss/_features.scss */
      .counter-area-v3 .counter-box h2 span.plus {
        font-size: 25px;
        vertical-align: super;
        margin-left: -10px; }

/* line 532, assets/scss/_features.scss */
.counter-area-v4 {
  margin-top: 0px; }

/* line 535, assets/scss/_features.scss */
.awards-area {
  background-color: #4761ff;
  padding: 55px 0 40px; }
  /* line 539, assets/scss/_features.scss */
  .awards-area .awards-slide .single-awards {
    text-align: center;
    padding: 0 20px; }
  @media (max-width: 991px) {
    /* line 544, assets/scss/_features.scss */
    .awards-area .section-title {
      text-align: center;
      margin-bottom: 40px; } }

/* line 552, assets/scss/_features.scss */
.awards-area-v2 {
  position: relative; }
  /* line 554, assets/scss/_features.scss */
  .awards-area-v2 .single-awards {
    text-align: center;
    padding: 0 20px; }
    /* line 558, assets/scss/_features.scss */
    .awards-area-v2 .single-awards:hover img {
      filter: grayscale(0); }
    /* line 562, assets/scss/_features.scss */
    .awards-area-v2 .single-awards img {
      filter: grayscale(1);
      transition: all .3s; }

/* line 571, assets/scss/_features.scss */
.cta-area-v1 .cta-wrapper {
  padding: 50px 100px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  @media (max-width: 991px) {
    /* line 571, assets/scss/_features.scss */
    .cta-area-v1 .cta-wrapper {
      padding: 50px 15px; } }
  /* line 580, assets/scss/_features.scss */
  .cta-area-v1 .cta-wrapper:after {
    position: absolute;
    bottom: 0;
    left: 50px;
    content: '\f102';
    font-family: "Flaticon";
    font-size: 400px;
    color: rgba(255, 255, 255, 0.15);
    z-index: -1; }
  /* line 591, assets/scss/_features.scss */
  .cta-area-v1 .cta-wrapper .section-title h2 {
    margin-bottom: 0px; }
  @media (max-width: 991px) {
    /* line 590, assets/scss/_features.scss */
    .cta-area-v1 .cta-wrapper .section-title {
      margin-bottom: 40px; } }
  /* line 598, assets/scss/_features.scss */
  .cta-area-v1 .cta-wrapper .button-box {
    float: right; }
    @media (max-width: 991px) {
      /* line 598, assets/scss/_features.scss */
      .cta-area-v1 .cta-wrapper .button-box {
        float: none; } }
    /* line 603, assets/scss/_features.scss */
    .cta-area-v1 .cta-wrapper .button-box .main-btn {
      background-color: #fff;
      color: #282828;
      padding: 21px 50px;
      border-radius: 35px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 603, assets/scss/_features.scss */
        .cta-area-v1 .cta-wrapper .button-box .main-btn {
          padding: 15px 30px; } }

/* line 617, assets/scss/_features.scss */
.cta-area-v2 .cta-wrapper {
  padding: 56px 100px;
  border-radius: 5px 5px 0 0;
  padding-bottom: 128px; }
  @media (max-width: 991px) {
    /* line 617, assets/scss/_features.scss */
    .cta-area-v2 .cta-wrapper {
      padding: 56px 20px 140px; } }
  @media (max-width: 991px) {
    /* line 624, assets/scss/_features.scss */
    .cta-area-v2 .cta-wrapper .section-title {
      text-align: center;
      margin-bottom: 40px; } }
  /* line 630, assets/scss/_features.scss */
  .cta-area-v2 .cta-wrapper .button-box {
    float: right; }
    @media (max-width: 991px) {
      /* line 630, assets/scss/_features.scss */
      .cta-area-v2 .cta-wrapper .button-box {
        float: none;
        text-align: center; } }
    /* line 636, assets/scss/_features.scss */
    .cta-area-v2 .cta-wrapper .button-box .main-btn {
      background-color: #fff;
      color: #282828;
      position: relative; }
      /* line 640, assets/scss/_features.scss */
      .cta-area-v2 .cta-wrapper .button-box .main-btn:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.07);
        width: 120%;
        height: 140%;
        border-radius: 52px; }
      /* line 651, assets/scss/_features.scss */
      .cta-area-v2 .cta-wrapper .button-box .main-btn:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.07);
        width: 140%;
        height: 190%;
        border-radius: 67px; }

/* line 667, assets/scss/_features.scss */
.cta-area-v3 {
  position: relative; }
  /* line 669, assets/scss/_features.scss */
  .cta-area-v3 .cta-wrapper {
    background-color: #4761ff;
    padding: 75px 70px;
    border-radius: 50px 50px 0px 0px; }
    /* line 673, assets/scss/_features.scss */
    .cta-area-v3 .cta-wrapper .button-box {
      float: right; }
      /* line 675, assets/scss/_features.scss */
      .cta-area-v3 .cta-wrapper .button-box .main-btn {
        position: relative;
        background-color: #fff;
        color: #282828; }
        /* line 679, assets/scss/_features.scss */
        .cta-area-v3 .cta-wrapper .button-box .main-btn:after {
          position: absolute;
          content: '';
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          background-color: rgba(255, 255, 255, 0.07);
          width: 120%;
          height: 140%;
          border-radius: 52px; }
        /* line 690, assets/scss/_features.scss */
        .cta-area-v3 .cta-wrapper .button-box .main-btn:before {
          position: absolute;
          content: '';
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          background-color: rgba(255, 255, 255, 0.07);
          width: 140%;
          height: 190%;
          border-radius: 67px; }

/* line 707, assets/scss/_features.scss */
.pricing-item {
  position: relative;
  padding: 40px 60px 50px;
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(254, 90, 14, 0.08);
  z-index: 1; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 707, assets/scss/_features.scss */
    .pricing-item {
      padding: 40px 20px 50px; } }
  @media (max-width: 991px) {
    /* line 707, assets/scss/_features.scss */
    .pricing-item {
      padding: 40px 20px 50px; } }
  /* line 720, assets/scss/_features.scss */
  .pricing-item:hover .pricing-bg {
    visibility: visible;
    opacity: 1; }
  /* line 725, assets/scss/_features.scss */
  .pricing-item:hover .pricing-title-price h4.plan {
    color: #fff; }
  /* line 728, assets/scss/_features.scss */
  .pricing-item:hover .pricing-title-price h2.price {
    color: #fff; }
    /* line 730, assets/scss/_features.scss */
    .pricing-item:hover .pricing-title-price h2.price span.currency, .pricing-item:hover .pricing-title-price h2.price span.time {
      color: #fff; }
  /* line 736, assets/scss/_features.scss */
  .pricing-item:hover .pricing-title-price .title-span-line span.line {
    background-color: #fff; }
  /* line 744, assets/scss/_features.scss */
  .pricing-item:hover .pricing-features ul li {
    color: #fff; }
    /* line 746, assets/scss/_features.scss */
    .pricing-item:hover .pricing-features ul li:before {
      color: #fff; }
  /* line 753, assets/scss/_features.scss */
  .pricing-item:hover .pricing-button .main-btn {
    background-color: #fff;
    color: #282828; }
  /* line 759, assets/scss/_features.scss */
  .pricing-item .pricing-bg {
    background-color: #4761ff;
    background-image: url(../images/pricing-bg.png);
    position: absolute;
    height: calc(100% + 100px);
    left: 0;
    width: 100%;
    top: -50px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  /* line 776, assets/scss/_features.scss */
  .pricing-item .pricing-title-price {
    margin-bottom: 10px; }
    /* line 778, assets/scss/_features.scss */
    .pricing-item .pricing-title-price h2.price {
      color: #4761ff; }
      /* line 780, assets/scss/_features.scss */
      .pricing-item .pricing-title-price h2.price span.currency {
        font-size: 22px;
        vertical-align: super; }
      /* line 784, assets/scss/_features.scss */
      .pricing-item .pricing-title-price h2.price span.time {
        font-size: 15px;
        color: #626262; }
  /* line 790, assets/scss/_features.scss */
  .pricing-item .pricing-features {
    margin-top: 40px;
    padding: 0 20px;
    margin-bottom: 40px; }
    /* line 795, assets/scss/_features.scss */
    .pricing-item .pricing-features ul li {
      margin-bottom: 10px; }
      /* line 797, assets/scss/_features.scss */
      .pricing-item .pricing-features ul li:last-child {
        margin-bottom: 0px; }
      /* line 800, assets/scss/_features.scss */
      .pricing-item .pricing-features ul li:before {
        font-family: 'IcoFont' !important;
        content: "\ea5d";
        padding-right: 30px;
        color: #626262;
        color: #4761ff; }

/* line 813, assets/scss/_features.scss */
.error-header.transparent-header {
  top: 60px; }

/* line 817, assets/scss/_features.scss */
.error-banner {
  padding: 335px 0 260px; }
  /* line 820, assets/scss/_features.scss */
  .error-banner .error-content h1 {
    font-size: 36px;
    line-height: 68px;
    font-weight: 500;
    margin-bottom: 10px; }
    /* line 825, assets/scss/_features.scss */
    .error-banner .error-content h1 span {
      color: #4761ff;
      font-weight: 700; }
  /* line 830, assets/scss/_features.scss */
  .error-banner .error-content p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 37px; }

@media (max-width: 991px) {
  /* line 838, assets/scss/_features.scss */
  .awards-area-v2 .section-title {
    text-align: center;
    margin-bottom: 40px; } }

/* line 845, assets/scss/_features.scss */
.awards-area-v2,
.counter-area-v3,
.cta-area-v3 {
  position: relative; }

@media (max-width: 767px) {
  /* line 851, assets/scss/_features.scss */
  .cta-area-v3 .cta-wrapper {
    padding: 40px 20px; } }

@media (max-width: 767px) {
  /* line 855, assets/scss/_features.scss */
  .cta-area-v3 .cta-wrapper .button-box {
    float: left; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 862, assets/scss/_features.scss */
  .shape-one {
    display: none; } }

@media (max-width: 991px) {
  /* line 862, assets/scss/_features.scss */
  .shape-one {
    display: none; } }

/* line 869, assets/scss/_features.scss */
.shape-one .shape {
  position: absolute;
  content: "";
  top: 0;
  background-color: rgba(254, 90, 14, 0.03);
  border-radius: 5px;
  transform: rotate(45deg); }
  /* line 876, assets/scss/_features.scss */
  .shape-one .shape.shape-1 {
    width: 280px;
    height: 280px;
    top: -140px;
    left: -140px; }
  /* line 882, assets/scss/_features.scss */
  .shape-one .shape.shape-2 {
    width: 330px;
    height: 330px;
    top: -165px;
    left: -165px; }
  /* line 888, assets/scss/_features.scss */
  .shape-one .shape.shape-3 {
    width: 380px;
    height: 380px;
    top: -190px;
    left: -190px; }
  /* line 894, assets/scss/_features.scss */
  .shape-one .shape.shape-4 {
    width: 430px;
    height: 430px;
    top: -215px;
    left: -215px; }
  /* line 900, assets/scss/_features.scss */
  .shape-one .shape.shape-5 {
    width: 280px;
    height: 280px;
    top: -140px;
    right: -140px; }
  /* line 906, assets/scss/_features.scss */
  .shape-one .shape.shape-6 {
    width: 330px;
    height: 330px;
    top: -165px;
    right: -165px; }
  /* line 912, assets/scss/_features.scss */
  .shape-one .shape.shape-7 {
    width: 380px;
    height: 380px;
    top: -190px;
    right: -190px; }
  /* line 918, assets/scss/_features.scss */
  .shape-one .shape.shape-8 {
    width: 430px;
    height: 430px;
    top: -215px;
    right: -215px; }

/*---=======================
   End Features css 
===========================---*/
/*---=======================
   07. Start Project css 
===========================---*/
/* line 10, assets/scss/_project.scss */
.project-area-v1 .section-title h2 span {
  color: #4761ff; }

/* line 15, assets/scss/_project.scss */
.project-area-v1 .project-main-section {
  position: relative;
  padding: 120px 0; }
  /* line 18, assets/scss/_project.scss */
  .project-area-v1 .project-main-section .project-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 100%; }
    @media (max-width: 991px) {
      /* line 18, assets/scss/_project.scss */
      .project-area-v1 .project-main-section .project-bg {
        width: 100%; } }
    /* line 27, assets/scss/_project.scss */
    .project-area-v1 .project-main-section .project-bg:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(2, 6, 15, 0.75); }
  /* line 38, assets/scss/_project.scss */
  .project-area-v1 .project-main-section .play-content .video-popup {
    width: 95px;
    height: 95px;
    line-height: 95px;
    border-radius: 50%;
    text-align: center;
    background-color: #4761ff;
    color: #fff;
    font-size: 16px;
    position: relative; }

/* line 51, assets/scss/_project.scss */
.project-area-v1 .project-slide-wrapper {
  position: relative;
  margin-top: -215px;
  margin-left: 28%; }
  @media (max-width: 991px) {
    /* line 51, assets/scss/_project.scss */
    .project-area-v1 .project-slide-wrapper {
      margin-top: 0;
      margin-left: 0%; } }
  /* line 60, assets/scss/_project.scss */
  .project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: #282828;
    color: #fff;
    left: -20%;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 60, assets/scss/_project.scss */
      .project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow {
        bottom: 0; } }
    /* line 78, assets/scss/_project.scss */
    .project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow.next {
      left: -13%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 78, assets/scss/_project.scss */
        .project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow.next {
          left: -10%; } }
    /* line 84, assets/scss/_project.scss */
    .project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow:hover {
      background-color: #4761ff; }

/* line 90, assets/scss/_project.scss */
.project-area-v1 .project-item {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 94, assets/scss/_project.scss */
  .project-area-v1 .project-item:hover .project-img .project-overlay {
    visibility: visible;
    opacity: 1; }
  /* line 100, assets/scss/_project.scss */
  .project-area-v1 .project-item .project-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
    /* line 104, assets/scss/_project.scss */
    .project-area-v1 .project-item .project-img img {
      width: 100%; }
    /* line 107, assets/scss/_project.scss */
    .project-area-v1 .project-item .project-img .project-overlay {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 85%;
      height: 85%;
      background-color: #4761ff;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      visibility: visible;
      opacity: 0;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      /* line 123, assets/scss/_project.scss */
      .project-area-v1 .project-item .project-img .project-overlay .project-content .icon .popup-icon {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background-color: #fff;
        color: #282828; }
  /* line 137, assets/scss/_project.scss */
  .project-area-v1 .project-item .project-info {
    padding-left: 25px;
    border-left: 3px solid #fe5a0e; }
    /* line 140, assets/scss/_project.scss */
    .project-area-v1 .project-item .project-info span.span {
      color: #4761ff;
      margin-bottom: 10px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 140, assets/scss/_project.scss */
        .project-area-v1 .project-item .project-info span.span {
          font-size: 13px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 147, assets/scss/_project.scss */
      .project-area-v1 .project-item .project-info h4 {
        font-size: 14px; } }

/* line 159, assets/scss/_project.scss */
.project-area-v2 .project-item:hover .project-img .project-overlay {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  visibility: visible; }

/* line 165, assets/scss/_project.scss */
.project-area-v2 .project-item .project-img {
  position: relative;
  overflow: hidden; }
  /* line 168, assets/scss/_project.scss */
  .project-area-v2 .project-item .project-img img {
    width: 100%;
    border-radius: 10px; }
  /* line 172, assets/scss/_project.scss */
  .project-area-v2 .project-item .project-img .project-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    justify-content: center;
    visibility: hidden;
    background-color: rgba(254, 90, 14, 0.95);
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 184, assets/scss/_project.scss */
    .project-area-v2 .project-item .project-img .project-overlay .project-content {
      position: relative;
      padding: 30px;
      width: 100%;
      height: 100%;
      border-radius: 5px; }
      /* line 190, assets/scss/_project.scss */
      .project-area-v2 .project-item .project-img .project-overlay .project-content .content {
        position: relative;
        padding-left: 30px; }
        /* line 193, assets/scss/_project.scss */
        .project-area-v2 .project-item .project-img .project-overlay .project-content .content:before {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          width: 3px;
          height: 100%;
          background-color: #fff; }
        /* line 202, assets/scss/_project.scss */
        .project-area-v2 .project-item .project-img .project-overlay .project-content .content h4, .project-area-v2 .project-item .project-img .project-overlay .project-content .content p.p-name {
          color: #fff; }
        /* line 205, assets/scss/_project.scss */
        .project-area-v2 .project-item .project-img .project-overlay .project-content .content h4 {
          margin-bottom: 5px; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            /* line 205, assets/scss/_project.scss */
            .project-area-v2 .project-item .project-img .project-overlay .project-content .content h4 {
              font-size: 18px; } }
      /* line 213, assets/scss/_project.scss */
      .project-area-v2 .project-item .project-img .project-overlay .project-content .icon .popup-icon {
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 35px;
        height: 35px;
        background-color: #fff;
        color: #fff;
        font-size: 16px;
        line-height: 35px;
        color: #282828;
        text-align: center;
        border-radius: 50%; }

/* line 236, assets/scss/_project.scss */
.filter-nav ul.filter-btn {
  position: relative;
  padding-bottom: 40px; }
  /* line 239, assets/scss/_project.scss */
  .filter-nav ul.filter-btn:before, .filter-nav ul.filter-btn:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    height: 5px;
    transform: translateX(-50%);
    border-radius: 3px; }
  /* line 248, assets/scss/_project.scss */
  .filter-nav ul.filter-btn:before {
    width: 7%;
    background-color: #4761ff;
    z-index: 1; }
  /* line 253, assets/scss/_project.scss */
  .filter-nav ul.filter-btn:after {
    width: 25%;
    background-color: #4761ff70; }
  /* line 257, assets/scss/_project.scss */
  .filter-nav ul.filter-btn li {
    display: inline-block;
    font-size: 19px;
    padding: 5px;
    cursor: pointer;
    color: #282828;
    font-family: "Gilroy", sans-serif;
    font-weight: 700; }
    /* line 265, assets/scss/_project.scss */
    .filter-nav ul.filter-btn li.active {
      color: #4761ff; }
    /* line 269, assets/scss/_project.scss */
    .filter-nav ul.filter-btn li:last-child:after {
      display: none; }
    /* line 273, assets/scss/_project.scss */
    .filter-nav ul.filter-btn li:after {
      display: inline-block;
      content: '-';
      padding-left: 12px;
      font-size: 19px; }

/* line 283, assets/scss/_project.scss */
.project-area-v3 .container-fluid, .releted-project-section .container-fluid {
  padding-left: 60px;
  padding-right: 60px; }
  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    /* line 283, assets/scss/_project.scss */
    .project-area-v3 .container-fluid, .releted-project-section .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 283, assets/scss/_project.scss */
    .project-area-v3 .container-fluid, .releted-project-section .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 991px) {
    /* line 283, assets/scss/_project.scss */
    .project-area-v3 .container-fluid, .releted-project-section .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }

/* line 302, assets/scss/_project.scss */
.project-area-v3 .project-item:hover .project-img .project-overlay, .releted-project-section .project-item:hover .project-img .project-overlay {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  visibility: visible; }

/* line 308, assets/scss/_project.scss */
.project-area-v3 .project-item .project-img, .releted-project-section .project-item .project-img {
  position: relative;
  overflow: hidden; }
  /* line 311, assets/scss/_project.scss */
  .project-area-v3 .project-item .project-img img, .releted-project-section .project-item .project-img img {
    width: 100%;
    border-radius: 5px; }
  /* line 315, assets/scss/_project.scss */
  .project-area-v3 .project-item .project-img .project-overlay, .releted-project-section .project-item .project-img .project-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 86%;
    height: 86%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 324, assets/scss/_project.scss */
    .project-area-v3 .project-item .project-img .project-overlay .project-content, .releted-project-section .project-item .project-img .project-overlay .project-content {
      position: relative;
      padding: 30px;
      height: 100%;
      background-color: #4761ff;
      display: flex;
      align-items: flex-end;
      border-radius: 5px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 324, assets/scss/_project.scss */
        .project-area-v3 .project-item .project-img .project-overlay .project-content, .releted-project-section .project-item .project-img .project-overlay .project-content {
          padding: 15px; } }
      @media (max-width: 991px) {
        /* line 324, assets/scss/_project.scss */
        .project-area-v3 .project-item .project-img .project-overlay .project-content, .releted-project-section .project-item .project-img .project-overlay .project-content {
          padding: 20px; } }
      /* line 338, assets/scss/_project.scss */
      .project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {
        position: relative;
        padding-left: 30px; }
        @media only screen and (min-width: 1200px) and (max-width: 1600px) {
          /* line 338, assets/scss/_project.scss */
          .project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {
            padding-left: 15px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          /* line 338, assets/scss/_project.scss */
          .project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {
            padding-left: 15px; } }
        @media (max-width: 991px) {
          /* line 338, assets/scss/_project.scss */
          .project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {
            padding-left: 20px; } }
        /* line 350, assets/scss/_project.scss */
        .project-area-v3 .project-item .project-img .project-overlay .project-content .content:before, .releted-project-section .project-item .project-img .project-overlay .project-content .content:before {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          width: 3px;
          height: 100%;
          background-color: #fff; }
        /* line 359, assets/scss/_project.scss */
        .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {
          color: #fff; }
        @media only screen and (min-width: 1200px) and (max-width: 1600px) {
          /* line 362, assets/scss/_project.scss */
          .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {
            font-size: 14px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          /* line 362, assets/scss/_project.scss */
          .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {
            font-size: 13px; } }
        @media (max-width: 991px) {
          /* line 362, assets/scss/_project.scss */
          .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {
            font-size: 14px; } }
        /* line 373, assets/scss/_project.scss */
        .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {
          margin-bottom: 5px; }
          @media only screen and (min-width: 1200px) and (max-width: 1600px) {
            /* line 373, assets/scss/_project.scss */
            .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {
              font-size: 16px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            /* line 373, assets/scss/_project.scss */
            .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {
              font-size: 15px; } }
          @media (max-width: 991px) {
            /* line 373, assets/scss/_project.scss */
            .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {
              font-size: 16px; } }
      /* line 386, assets/scss/_project.scss */
      .project-area-v3 .project-item .project-img .project-overlay .project-content .icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon {
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-40%, -50%);
        -moz-transform: translate(-40%, -50%);
        -ms-transform: translate(-40%, -50%);
        -o-transform: translate(-40%, -50%);
        transform: translate(-40%, -50%); }
        /* line 391, assets/scss/_project.scss */
        .project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {
          display: block;
          width: 50px;
          height: 50px;
          background-color: #fff;
          color: #fff;
          font-size: 22px;
          line-height: 50px;
          color: #282828;
          text-align: center;
          border-radius: 50%; }
          @media only screen and (min-width: 1200px) and (max-width: 1600px) {
            /* line 391, assets/scss/_project.scss */
            .project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {
              width: 35px;
              height: 35px;
              line-height: 35px;
              font-size: 16px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            /* line 391, assets/scss/_project.scss */
            .project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {
              width: 35px;
              height: 35px;
              line-height: 35px;
              font-size: 16px; } }
          @media (max-width: 991px) {
            /* line 391, assets/scss/_project.scss */
            .project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {
              width: 40px;
              height: 40px;
              line-height: 40px;
              font-size: 16px; } }

/* line 428, assets/scss/_project.scss */
.project-slide-five .slick-arrow {
  position: absolute;
  bottom: 0;
  cursor: pointer;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4761ff;
  color: #4761ff;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 443, assets/scss/_project.scss */
  .project-slide-five .slick-arrow:hover {
    background-color: #4761ff;
    color: #fff; }
  /* line 447, assets/scss/_project.scss */
  .project-slide-five .slick-arrow.prev {
    left: 10%; }
  /* line 450, assets/scss/_project.scss */
  .project-slide-five .slick-arrow.next {
    right: 10%; }

/* line 459, assets/scss/_project.scss */
.project-details-page-section .project-details-wrapper .project-content .content-box h3 {
  font-size: 35px;
  margin-bottom: 25px; }

/* line 463, assets/scss/_project.scss */
.project-details-page-section .project-details-wrapper .project-content .content-box p {
  padding-bottom: 10px; }

/* line 467, assets/scss/_project.scss */
.project-details-page-section .project-details-wrapper .project-content .project-info-details {
  background-color: #4761ff;
  padding: 40px;
  border-radius: 5px;
  width: 350px;
  margin-top: -155px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 467, assets/scss/_project.scss */
    .project-details-page-section .project-details-wrapper .project-content .project-info-details {
      padding: 40px 15px;
      width: 100%; } }
  @media (max-width: 991px) {
    /* line 467, assets/scss/_project.scss */
    .project-details-page-section .project-details-wrapper .project-content .project-info-details {
      margin-top: 20px;
      padding: 40px 15px;
      width: 100%; } }
  /* line 482, assets/scss/_project.scss */
  .project-details-page-section .project-details-wrapper .project-content .project-info-details h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 15px; }
  /* line 487, assets/scss/_project.scss */
  .project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list {
    position: relative; }
    /* line 491, assets/scss/_project.scss */
    .project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list.title li:after {
      position: absolute;
      right: 0;
      top: 0;
      content: ':'; }
    /* line 499, assets/scss/_project.scss */
    .project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list li {
      position: relative;
      color: #fff;
      margin-bottom: 9px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 499, assets/scss/_project.scss */
        .project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list li {
          font-size: 14px; } }
      /* line 506, assets/scss/_project.scss */
      .project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list li:last-child {
        margin-bottom: 0px; }

/* line 513, assets/scss/_project.scss */
.project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  background-color: #333333;
  color: #fff;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 527, assets/scss/_project.scss */
  .project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow:hover, .project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow:focus {
    background-color: #4761ff;
    color: #fff; }
  /* line 531, assets/scss/_project.scss */
  .project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow.prev {
    left: 40px; }
  /* line 534, assets/scss/_project.scss */
  .project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow.next {
    right: 40px; }
  @media (max-width: 767px) {
    /* line 513, assets/scss/_project.scss */
    .project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow {
      width: 40px;
      height: 40px;
      line-height: 40px; } }

/* line 545, assets/scss/_project.scss */
.project-details-page-section .project-details-wrapper .project-content .project-slide-four .project-item .project-img img {
  width: 100%; }

/* line 555, assets/scss/_project.scss */
.post-share-tag {
  background-color: #f6f6f6;
  padding: 21px 30px; }
  @media (max-width: 991px) {
    /* line 558, assets/scss/_project.scss */
    .post-share-tag .post-tag {
      text-align: center; } }
  /* line 563, assets/scss/_project.scss */
  .post-share-tag .post-tag ul li {
    display: inline-block; }
    /* line 565, assets/scss/_project.scss */
    .post-share-tag .post-tag ul li span {
      color: #282828;
      font-weight: 700; }
  /* line 572, assets/scss/_project.scss */
  .post-share-tag .post-share {
    float: right; }
    @media (max-width: 991px) {
      /* line 572, assets/scss/_project.scss */
      .post-share-tag .post-share {
        text-align: center;
        float: none;
        margin-top: 15px; } }
    /* line 580, assets/scss/_project.scss */
    .post-share-tag .post-share ul li {
      display: inline-block;
      margin-left: 5px; }
      @media (max-width: 991px) {
        /* line 580, assets/scss/_project.scss */
        .post-share-tag .post-share ul li {
          margin-left: 5px;
          margin-right: 5px; } }
      /* line 587, assets/scss/_project.scss */
      .post-share-tag .post-share ul li a {
        display: block;
        width: 37px;
        height: 37px;
        text-align: center;
        line-height: 37px;
        border-radius: 50%;
        border: 1px solid #c4c4c4; }
        /* line 595, assets/scss/_project.scss */
        .post-share-tag .post-share ul li a:hover, .post-share-tag .post-share ul li a:focus {
          background-color: #4761ff;
          color: #fff;
          border-color: transparent; }

/* line 607, assets/scss/_project.scss */
.post-next-prev-post .post-nav-img {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px; }
  /* line 612, assets/scss/_project.scss */
  .post-next-prev-post .post-nav-img img {
    max-width: 100%;
    border-radius: 50%; }
  /* line 616, assets/scss/_project.scss */
  .post-next-prev-post .post-nav-img i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #4761ff;
    color: #fff; }
  /* line 630, assets/scss/_project.scss */
  .post-next-prev-post .post-nav-img.post-prev-img {
    margin-left: 15px; }
    /* line 632, assets/scss/_project.scss */
    .post-next-prev-post .post-nav-img.post-prev-img i {
      left: -15px; }
  /* line 636, assets/scss/_project.scss */
  .post-next-prev-post .post-nav-img.post-next-img {
    margin-right: 15px;
    float: right; }
    /* line 639, assets/scss/_project.scss */
    .post-next-prev-post .post-nav-img.post-next-img i {
      left: auto;
      right: -15px; }

/*---=======================
   End Project css 
===========================---*/
/*---=======================
   08. Start Project css 
===========================---*/
/* line 6, assets/scss/_testimonial.scss */
.testimonial-area-v1 {
  background-color: #fbf6f3; }
  @media (max-width: 991px) {
    /* line 6, assets/scss/_testimonial.scss */
    .testimonial-area-v1 {
      padding-bottom: 120px; } }
  /* line 11, assets/scss/_testimonial.scss */
  .testimonial-area-v1 .testimonial-img {
    margin-left: -150px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 11, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-img {
        margin-left: 0px; } }
    @media (max-width: 991px) {
      /* line 11, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-img {
        margin-left: 0px;
        margin-bottom: 60px; } }
  /* line 23, assets/scss/_testimonial.scss */
  .testimonial-area-v1 .testimonial-item .td-content p {
    font-weight: 500;
    font-size: 22px;
    line-height: 35px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 23, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-item .td-content p {
        font-size: 17px;
        line-height: 28px; } }
    @media (max-width: 991px) {
      /* line 23, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-item .td-content p {
        font-size: 17px;
        line-height: 28px; } }
  /* line 36, assets/scss/_testimonial.scss */
  .testimonial-area-v1 .testimonial-item .td-content .td-author-info {
    display: flex; }
    /* line 38, assets/scss/_testimonial.scss */
    .testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-thumb {
      min-width: 90px;
      max-width: 90px;
      height: 90px;
      border-radius: 50%;
      background-color: #4761ff; }
      /* line 45, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-thumb i {
        color: #4761ff; }
    /* line 49, assets/scss/_testimonial.scss */
    .testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-author {
      margin-left: 35px; }
      /* line 51, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-author h4 {
        font-size: 23px; }
      /* line 54, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-author p.position {
        font-size: 15px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 61, assets/scss/_testimonial.scss */
    .testimonial-area-v1 .testimonial-arrows-one {
      margin-bottom: 50px; } }
  /* line 65, assets/scss/_testimonial.scss */
  .testimonial-area-v1 .testimonial-arrows-one .slick-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #f7cab5;
    border-radius: 50%;
    line-height: 50px;
    color: #4761ff;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 65, assets/scss/_testimonial.scss */
      .testimonial-area-v1 .testimonial-arrows-one .slick-arrow {
        bottom: 60px; } }
    /* line 82, assets/scss/_testimonial.scss */
    .testimonial-area-v1 .testimonial-arrows-one .slick-arrow:hover {
      background-color: #4761ff;
      color: #fff; }
    /* line 86, assets/scss/_testimonial.scss */
    .testimonial-area-v1 .testimonial-arrows-one .slick-arrow.prev {
      right: 60px; }

/* line 95, assets/scss/_testimonial.scss */
.testimonial-area-v2 .testimonial-slider-two .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #f3aa88;
  color: #f3aa88;
  cursor: pointer;
  z-index: 1; }
  /* line 108, assets/scss/_testimonial.scss */
  .testimonial-area-v2 .testimonial-slider-two .slick-arrow:hover {
    border-color: #4761ff;
    color: #4761ff; }
  /* line 112, assets/scss/_testimonial.scss */
  .testimonial-area-v2 .testimonial-slider-two .slick-arrow.prev {
    left: -12%; }
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
      /* line 112, assets/scss/_testimonial.scss */
      .testimonial-area-v2 .testimonial-slider-two .slick-arrow.prev {
        left: -5%; } }
  /* line 118, assets/scss/_testimonial.scss */
  .testimonial-area-v2 .testimonial-slider-two .slick-arrow.next {
    right: -12%; }
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
      /* line 118, assets/scss/_testimonial.scss */
      .testimonial-area-v2 .testimonial-slider-two .slick-arrow.next {
        right: -5%; } }

/* line 126, assets/scss/_testimonial.scss */
.testimonial-area-v2 .testimonial-item {
  padding-left: 120px;
  position: relative; }
  @media (max-width: 991px) {
    /* line 126, assets/scss/_testimonial.scss */
    .testimonial-area-v2 .testimonial-item {
      padding-left: 0px;
      padding-top: 120px; } }
  /* line 133, assets/scss/_testimonial.scss */
  .testimonial-area-v2 .testimonial-item .td-thumb {
    position: absolute;
    top: 60px;
    left: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%; }
    @media (max-width: 991px) {
      /* line 133, assets/scss/_testimonial.scss */
      .testimonial-area-v2 .testimonial-item .td-thumb {
        top: 0; } }
    /* line 143, assets/scss/_testimonial.scss */
    .testimonial-area-v2 .testimonial-item .td-thumb .icon {
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-radius: 50%;
      background-color: #4761ff;
      color: #fff;
      font-size: 40px;
      font-family: "Gilroy", sans-serif;
      font-weight: 500;
      text-align: center;
      padding-top: 9px;
      padding-right: 12px; }
  /* line 158, assets/scss/_testimonial.scss */
  .testimonial-area-v2 .testimonial-item .td-content {
    position: relative;
    background-color: #fff1eb;
    padding: 53px 35px 50px;
    border-radius: 10px; }
    /* line 163, assets/scss/_testimonial.scss */
    .testimonial-area-v2 .testimonial-item .td-content:after {
      position: absolute;
      top: 57px;
      left: 35;
      content: '\efcd';
      font-family: 'IcoFont';
      font-size: 60px;
      color: rgba(254, 90, 14, 0.25); }
    /* line 172, assets/scss/_testimonial.scss */
    .testimonial-area-v2 .testimonial-item .td-content:before {
      position: absolute;
      top: 20px;
      left: -10px;
      content: '';
      width: 40px;
      height: 50px;
      border-radius: 5px;
      background-color: #fff1eb;
      -webkit-transform: skewX(-35deg);
      -moz-transform: skewX(-35deg);
      -ms-transform: skewX(-35deg);
      -o-transform: skewX(-35deg);
      transform: skewX(-35deg); }
      @media (max-width: 991px) {
        /* line 172, assets/scss/_testimonial.scss */
        .testimonial-area-v2 .testimonial-item .td-content:before {
          top: -10px;
          left: 10px;
          -webkit-transform: skewY(-35deg);
          -moz-transform: skewY(-35deg);
          -ms-transform: skewY(-35deg);
          -o-transform: skewY(-35deg);
          transform: skewY(-35deg); } }
    /* line 188, assets/scss/_testimonial.scss */
    .testimonial-area-v2 .testimonial-item .td-content p {
      margin-bottom: 35px; }
    /* line 193, assets/scss/_testimonial.scss */
    .testimonial-area-v2 .testimonial-item .td-content .td-author-info .td-author h4.title {
      margin-bottom: 10px; }
    /* line 196, assets/scss/_testimonial.scss */
    .testimonial-area-v2 .testimonial-item .td-content .td-author-info .td-author p.position {
      margin-bottom: 0px; }

/* line 206, assets/scss/_testimonial.scss */
.testimonial-area-v3 .testimonial-slider-three {
  position: relative;
  z-index: 1; }
  /* line 209, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-slider-three:before, .testimonial-area-v3 .testimonial-slider-three:after {
    position: absolute;
    content: '';
    border-radius: 10px;
    width: 270px;
    height: 270px;
    background-color: #4761ff;
    z-index: -1; }
  /* line 218, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-slider-three:before {
    top: -2px;
    right: -2px; }
  /* line 222, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-slider-three:after {
    bottom: -2px;
    left: -2px; }
  /* line 226, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-slider-three .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #4761ff;
    color: #4761ff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 241, assets/scss/_testimonial.scss */
    .testimonial-area-v3 .testimonial-slider-three .slick-arrow:hover {
      background-color: #4761ff;
      color: #fff;
      border-color: transparent; }
    /* line 246, assets/scss/_testimonial.scss */
    .testimonial-area-v3 .testimonial-slider-three .slick-arrow.prev {
      left: -150px; }
    /* line 249, assets/scss/_testimonial.scss */
    .testimonial-area-v3 .testimonial-slider-three .slick-arrow.next {
      right: -150px; }

/* line 254, assets/scss/_testimonial.scss */
.testimonial-area-v3 .testimonial-wrapper {
  position: relative;
  z-index: 1; }
  /* line 257, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-wrapper:before, .testimonial-area-v3 .testimonial-wrapper:after {
    position: absolute;
    content: '';
    border-radius: 10px;
    width: 270px;
    height: 270px;
    background-color: #fff7f3;
    z-index: -1; }
  /* line 266, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-wrapper:before {
    top: -20px;
    right: -20px; }
  /* line 270, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-wrapper:after {
    bottom: -20px;
    left: -20px; }

/* line 275, assets/scss/_testimonial.scss */
.testimonial-area-v3 .testimonial-item {
  background-color: #fff1eb;
  padding: 100px 50px 55px;
  border-radius: 10px; }
  /* line 279, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-item .td-content {
    margin-bottom: 20px; }
    /* line 281, assets/scss/_testimonial.scss */
    .testimonial-area-v3 .testimonial-item .td-content p {
      font-size: 20px;
      font-weight: 500;
      line-height: 35px;
      margin-bottom: 20px; }
  /* line 289, assets/scss/_testimonial.scss */
  .testimonial-area-v3 .testimonial-item .td-thumb-title .td-thumb {
    min-width: 65px;
    max-width: 65px;
    height: 65px;
    object-fit: cover;
    margin-right: 30px; }
    /* line 295, assets/scss/_testimonial.scss */
    .testimonial-area-v3 .testimonial-item .td-thumb-title .td-thumb img {
      width: 100%;
      border-radius: 50%; }

/* line 304, assets/scss/_testimonial.scss */
ul.rating li {
  display: inline-block; }
  /* line 306, assets/scss/_testimonial.scss */
  ul.rating li i {
    color: #fe5a0e; }

/*---=======================
   End Project css 
===========================---*/
/*---=======================
   09. Start Team css 
===========================---*/
/* line 11, assets/scss/_team.scss */
.team-area-v1 .team-item:hover .team-info .team-shape:after {
  background-color: #fff; }

/* line 17, assets/scss/_team.scss */
.team-area-v1 .team-item:hover .team-info .team-member-info .team-content h4, .team-area-v1 .team-item:hover .team-info .team-member-info .team-content p {
  color: #fff; }

/* line 21, assets/scss/_team.scss */
.team-area-v1 .team-item:hover .team-info .team-member-info .team-content p.position:after {
  background-color: #fff; }

/* line 29, assets/scss/_team.scss */
.team-area-v1 .team-item:hover .team-info .team-member-info .team-social .social-link li a {
  border-color: #fff;
  color: #fff; }

/* line 37, assets/scss/_team.scss */
.team-area-v1 .team-item:hover .team-info .team-shape, .team-area-v1 .team-item:hover .team-info .team-member-info {
  background-color: #4761ff; }

/* line 43, assets/scss/_team.scss */
.team-area-v1 .team-item .team-img img {
  width: 100%; }

/* line 47, assets/scss/_team.scss */
.team-area-v1 .team-item .team-info {
  position: relative;
  width: calc(100% - 40px);
  margin: -90px auto 0 auto;
  background-color: #fff;
  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.06); }
  /* line 53, assets/scss/_team.scss */
  .team-area-v1 .team-item .team-info .team-shape {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 50px;
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg);
    background-color: #fff;
    z-index: 1; }
    @media (max-width: 991px) {
      /* line 53, assets/scss/_team.scss */
      .team-area-v1 .team-item .team-info .team-shape {
        top: -34px;
        height: 63px; } }
    /* line 66, assets/scss/_team.scss */
    .team-area-v1 .team-item .team-info .team-shape:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 5px;
      content: '';
      background-color: #4761ff;
      -webkit-transition: all 0.1s ease-out 0s;
      -moz-transition: all 0.1s ease-out 0s;
      -ms-transition: all 0.1s ease-out 0s;
      -o-transition: all 0.1s ease-out 0s;
      transition: all 0.1s ease-out 0s; }
  /* line 77, assets/scss/_team.scss */
  .team-area-v1 .team-item .team-info .team-member-info {
    position: relative;
    padding: 15px 40px 25px;
    z-index: 1; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 77, assets/scss/_team.scss */
      .team-area-v1 .team-item .team-info .team-member-info {
        padding: 15px 20px 25px; } }
    @media (max-width: 991px) {
      /* line 77, assets/scss/_team.scss */
      .team-area-v1 .team-item .team-info .team-member-info {
        padding: 15px 20px 25px; } }
    /* line 89, assets/scss/_team.scss */
    .team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li {
      display: block;
      margin-bottom: 10px; }
      /* line 92, assets/scss/_team.scss */
      .team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li:last-child {
        margin-bottom: 0px; }
      /* line 95, assets/scss/_team.scss */
      .team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li a {
        display: block;
        width: 37px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        border: 1px solid #c3c3c3;
        border-radius: 50%; }
        /* line 103, assets/scss/_team.scss */
        .team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li a:hover {
          background-color: #fff;
          border-color: #fff;
          color: #282828; }
    /* line 112, assets/scss/_team.scss */
    .team-area-v1 .team-item .team-info .team-member-info .team-content {
      margin-left: 35px; }
      /* line 114, assets/scss/_team.scss */
      .team-area-v1 .team-item .team-info .team-member-info .team-content h4 {
        font-size: 23px;
        margin-bottom: 10px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          /* line 114, assets/scss/_team.scss */
          .team-area-v1 .team-item .team-info .team-member-info .team-content h4 {
            font-size: 17px; } }
        @media (max-width: 991px) {
          /* line 114, assets/scss/_team.scss */
          .team-area-v1 .team-item .team-info .team-member-info .team-content h4 {
            font-size: 17px; } }
      /* line 124, assets/scss/_team.scss */
      .team-area-v1 .team-item .team-info .team-member-info .team-content p.position {
        position: relative;
        padding-bottom: 18px; }
        /* line 127, assets/scss/_team.scss */
        .team-area-v1 .team-item .team-info .team-member-info .team-content p.position:after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          width: 65px;
          height: 3px;
          background-color: #282828; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 144, assets/scss/_team.scss */
  .team-area-v2 .team-column {
    flex: 0 0 50%;
    max-width: 50%; } }

/* line 150, assets/scss/_team.scss */
.team-area-v2 .team-item {
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 154, assets/scss/_team.scss */
  .team-area-v2 .team-item:hover .team-content {
    background-color: #4761ff; }
    /* line 156, assets/scss/_team.scss */
    .team-area-v2 .team-item:hover .team-content h3.title, .team-area-v2 .team-item:hover .team-content p {
      color: #fff; }
    /* line 161, assets/scss/_team.scss */
    .team-area-v2 .team-item:hover .team-content ul.social-link li a {
      border-color: #fff;
      color: #fff; }
  /* line 169, assets/scss/_team.scss */
  .team-area-v2 .team-item .team-img {
    position: relative;
    z-index: 1; }
    /* line 172, assets/scss/_team.scss */
    .team-area-v2 .team-item .team-img img {
      width: 100%; }
    /* line 175, assets/scss/_team.scss */
    .team-area-v2 .team-item .team-img:after {
      position: absolute;
      content: '';
      width: 85%;
      height: 100%;
      border-radius: 10px;
      background-color: #282828;
      bottom: -15px;
      right: 0;
      z-index: -1; }
    /* line 186, assets/scss/_team.scss */
    .team-area-v2 .team-item .team-img:before {
      position: absolute;
      content: '';
      width: 85%;
      height: 100%;
      border-radius: 10px;
      background-color: #4761ff;
      top: -10px;
      left: -10px;
      z-index: -1; }
    /* line 197, assets/scss/_team.scss */
    .team-area-v2 .team-item .team-img img {
      border-radius: 10px; }
  /* line 201, assets/scss/_team.scss */
  .team-area-v2 .team-item .team-content {
    background-color: #fff;
    margin-left: 15px;
    border-radius: 0 0 10px 10px;
    padding: 25px 25px 25px 45px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 208, assets/scss/_team.scss */
    .team-area-v2 .team-item .team-content h3.title {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 5px; }
    /* line 213, assets/scss/_team.scss */
    .team-area-v2 .team-item .team-content p {
      margin-bottom: 15px; }
    /* line 217, assets/scss/_team.scss */
    .team-area-v2 .team-item .team-content ul.social-link li {
      margin-left: 5px;
      margin-right: 5px; }
      /* line 220, assets/scss/_team.scss */
      .team-area-v2 .team-item .team-content ul.social-link li a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #282828;
        width: 37px;
        height: 37px;
        color: #282828;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        /* line 230, assets/scss/_team.scss */
        .team-area-v2 .team-item .team-content ul.social-link li a:hover {
          border-color: transparent;
          background-color: #fff;
          color: #282828; }

/* line 245, assets/scss/_team.scss */
.team-area-v3 .team-item:hover .team-img .team-overlay {
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }

/* line 251, assets/scss/_team.scss */
.team-area-v3 .team-item .team-img {
  position: relative;
  overflow: hidden;
  width: 270px;
  height: 270px;
  margin: auto;
  margin-bottom: 35px; }
  /* line 258, assets/scss/_team.scss */
  .team-area-v3 .team-item .team-img img {
    width: 100%;
    border-radius: 50%; }
  /* line 262, assets/scss/_team.scss */
  .team-area-v3 .team-item .team-img .team-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 86%;
    height: 86%;
    background-color: rgba(254, 90, 14, 0.95);
    border-radius: 50%;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 273, assets/scss/_team.scss */
    .team-area-v3 .team-item .team-img .team-overlay .overlay-content {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 279, assets/scss/_team.scss */
      .team-area-v3 .team-item .team-img .team-overlay .overlay-content .icon {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 50%;
        background-color: #fff;
        color: #282828; }

/* line 292, assets/scss/_team.scss */
.team-area-v3 .team-item .team-content h4 {
  margin-bottom: 15px; }

/* line 295, assets/scss/_team.scss */
.team-area-v3 .team-item .team-content p.position {
  font-weight: 500;
  font-family: "Gilroy", sans-serif; }

/* line 302, assets/scss/_team.scss */
.team-area-v3 .team-arrows .slick-arrow {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  border: 1px solid #f3a885;
  color: #f3a885;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  /* line 314, assets/scss/_team.scss */
  .team-area-v3 .team-arrows .slick-arrow:hover, .team-area-v3 .team-arrows .slick-arrow:focus {
    border-color: #4761ff;
    color: #4761ff; }
  /* line 318, assets/scss/_team.scss */
  .team-area-v3 .team-arrows .slick-arrow.prev {
    margin-right: 20px; }

/* line 324, assets/scss/_team.scss */
.team-area-v3 .button-box .main-btn {
  position: relative; }
  /* line 326, assets/scss/_team.scss */
  .team-area-v3 .button-box .main-btn:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(254, 90, 14, 0.07);
    width: 120%;
    height: 140%;
    border-radius: 52px; }
  /* line 337, assets/scss/_team.scss */
  .team-area-v3 .button-box .main-btn:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(254, 90, 14, 0.07);
    width: 140%;
    height: 190%;
    border-radius: 67px; }

/* line 351, assets/scss/_team.scss */
.team-wrapper {
  background-color: #4761ff;
  padding: 95px 145px;
  border-radius: 40px;
  background-position: bottom;
  background-size: 100%; }
  @media (max-width: 991px) {
    /* line 351, assets/scss/_team.scss */
    .team-wrapper {
      padding: 55px 15px; } }

/* line 364, assets/scss/_team.scss */
.team-area-v4 .team-item .team-content h4, .team-area-v5 .team-item .team-content h4 {
  color: #fff; }

/* line 367, assets/scss/_team.scss */
.team-area-v4 .team-item .team-content p.position, .team-area-v5 .team-item .team-content p.position {
  color: #ffe5d9; }

/* line 373, assets/scss/_team.scss */
.team-area-v4 .button-box .main-btn, .team-area-v5 .button-box .main-btn {
  position: relative;
  background-color: #fff;
  color: #282828; }
  /* line 377, assets/scss/_team.scss */
  .team-area-v4 .button-box .main-btn:after, .team-area-v5 .button-box .main-btn:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.1);
    width: 120%;
    height: 140%;
    border-radius: 52px; }
  /* line 388, assets/scss/_team.scss */
  .team-area-v4 .button-box .main-btn:before, .team-area-v5 .button-box .main-btn:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.1);
    width: 140%;
    height: 190%;
    border-radius: 67px; }

/* line 403, assets/scss/_team.scss */
.team-area-v5 {
  background-color: #282828; }

/* line 407, assets/scss/_team.scss */
.team-details-page-section {
  padding-top: 240px; }
  @media (max-width: 991px) {
    /* line 407, assets/scss/_team.scss */
    .team-details-page-section {
      padding-top: 120px; } }
  /* line 413, assets/scss/_team.scss */
  .team-details-page-section .team-details-wrapper .team-main-content {
    background-color: #f9f9f9;
    margin-left: 60px;
    padding: 60px 60px 25px 60px;
    border: 1px solid #eeeeee; }
    @media (max-width: 991px) {
      /* line 413, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-main-content {
        margin-left: 0px;
        padding: 30px 15px; } }
    @media (max-width: 991px) {
      /* line 422, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-main-content .team-img-box {
        margin-bottom: 30px; } }
    /* line 426, assets/scss/_team.scss */
    .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img {
      margin-left: -110px;
      margin-top: -130px;
      position: relative;
      z-index: 1; }
      @media (max-width: 991px) {
        /* line 426, assets/scss/_team.scss */
        .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img {
          margin: 0; } }
      /* line 434, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img:after {
        position: absolute;
        top: -50px;
        right: 0;
        content: '';
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background-color: #4761ff;
        z-index: -1; }
      /* line 445, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img img {
        border: 5px solid #fff;
        border-radius: 2px 85px 2px 2px; }
        @media (max-width: 991px) {
          /* line 445, assets/scss/_team.scss */
          .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img img {
            width: 100%;
            margin-bottom: 20px; } }
    /* line 457, assets/scss/_team.scss */
    .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-social ul.social-link li a {
      display: block;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      border: 1px solid #c4c4c4;
      font-size: 12px;
      color: #282828; }
      /* line 467, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-social ul.social-link li a:hover, .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-social ul.social-link li a:focus {
        background-color: #4761ff;
        color: #fff;
        border-color: transparent; }
    /* line 478, assets/scss/_team.scss */
    .team-details-page-section .team-details-wrapper .team-main-content .team-contnet h4 {
      font-size: 25px;
      margin-bottom: 25px; }
    /* line 482, assets/scss/_team.scss */
    .team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list {
      max-width: 300px; }
      /* line 485, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list ul.list li {
        position: relative; }
      /* line 489, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list ul.list.title li {
        font-weight: 700;
        color: #282828; }
        /* line 492, assets/scss/_team.scss */
        .team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list ul.list.title li:after {
          position: absolute;
          right: 0;
          top: 0;
          content: ':'; }
  /* line 506, assets/scss/_team.scss */
  .team-details-page-section .team-details-wrapper .team-content-box .content-box h4, .team-details-page-section .team-details-wrapper .team-content-box .skill-area h4 {
    font-size: 30px;
    margin-bottom: 28px; }
  /* line 512, assets/scss/_team.scss */
  .team-details-page-section .team-details-wrapper .team-content-box .content-box p {
    margin-bottom: 12px; }
  /* line 518, assets/scss/_team.scss */
  .team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress-title {
    margin-bottom: 15px; }
    /* line 520, assets/scss/_team.scss */
    .team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress-title h5 {
      font-size: 15px; }
      /* line 522, assets/scss/_team.scss */
      .team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress-title h5 span {
        float: right; }
  /* line 527, assets/scss/_team.scss */
  .team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress {
    height: 5px;
    background-color: #ffeee6; }
    /* line 530, assets/scss/_team.scss */
    .team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress .progress-bar {
      background-color: #4761ff; }

/*---=======================
   End Team css 
===========================---*/
/* line 5, assets/scss/_shop.scss */
.product-filter .filter-dropdown .nice-select {
  border-radius: 0px;
  background-color: #f8f8f8;
  font-weight: 700;
  color: #3e3d3d;
  height: 50px;
  border: none;
  margin-bottom: 40px; }

/* line 21, assets/scss/_shop.scss */
.product-item:hover .product-thumbnail .product-overlay {
  opacity: 1;
  visibility: visible; }
  /* line 24, assets/scss/_shop.scss */
  .product-item:hover .product-thumbnail .product-overlay .cart-button {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

/* line 30, assets/scss/_shop.scss */
.product-item .product-thumbnail {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px; }
  /* line 34, assets/scss/_shop.scss */
  .product-item .product-thumbnail img {
    width: 100%; }
  /* line 37, assets/scss/_shop.scss */
  .product-item .product-thumbnail .product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(254, 90, 14, 0.9);
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 50, assets/scss/_shop.scss */
    .product-item .product-thumbnail .product-overlay .cart-button {
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: all 0.4s ease-out 0s;
      -moz-transition: all 0.4s ease-out 0s;
      -ms-transition: all 0.4s ease-out 0s;
      -o-transition: all 0.4s ease-out 0s;
      transition: all 0.4s ease-out 0s; }
      /* line 53, assets/scss/_shop.scss */
      .product-item .product-thumbnail .product-overlay .cart-button .cart-btn {
        background-color: #fff;
        padding: 9px 35px;
        font-size: 14px;
        font-weight: 700;
        border-radius: 23px;
        color: #282828; }

/* line 65, assets/scss/_shop.scss */
.product-item .product-info h3.title {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 5px; }
  /* line 69, assets/scss/_shop.scss */
  .product-item .product-info h3.title:hover {
    color: #4761ff; }

/* line 73, assets/scss/_shop.scss */
.product-item .product-info span.price {
  font-size: 15px;
  font-weight: 600;
  color: #626262;
  line-height: 20px; }
  /* line 78, assets/scss/_shop.scss */
  .product-item .product-info span.price span.main-price {
    text-decoration: line-through; }
  /* line 81, assets/scss/_shop.scss */
  .product-item .product-info span.price span.off-price {
    color: #4761ff;
    margin-left: 15px; }

/* line 88, assets/scss/_shop.scss */
ul.rating {
  line-height: 20px; }
  /* line 90, assets/scss/_shop.scss */
  ul.rating li {
    display: inline-block;
    color: #ffa200;
    letter-spacing: -2px; }

/* line 100, assets/scss/_shop.scss */
.sidebar-widget-area .widget.popular-product-widget .product-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  /* line 104, assets/scss/_shop.scss */
  .sidebar-widget-area .widget.popular-product-widget .product-item img {
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    object-fit: cover; }
  /* line 110, assets/scss/_shop.scss */
  .sidebar-widget-area .widget.popular-product-widget .product-item .product-info {
    margin-left: 25px; }
    /* line 112, assets/scss/_shop.scss */
    .sidebar-widget-area .widget.popular-product-widget .product-item .product-info h6.title {
      font-size: 18px;
      line-height: 26px;
      font-weight: 600; }

/* line 122, assets/scss/_shop.scss */
.quantity-input {
  display: flex;
  align-items: center; }
  /* line 125, assets/scss/_shop.scss */
  .quantity-input .quantity-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid #dddddd;
    background-color: transparent;
    cursor: pointer; }
  /* line 135, assets/scss/_shop.scss */
  .quantity-input input[type=text] {
    width: 45px;
    text-align: center;
    height: 45px;
    border: none;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 146, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-img-area {
    margin-bottom: 40px; } }

@media (max-width: 991px) {
  /* line 146, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-img-area {
    margin-bottom: 40px; } }

/* line 154, assets/scss/_shop.scss */
.shop-details-section .shop-details-wrapper .shop-img-area .shop-thumb-slider .single-img {
  cursor: pointer;
  margin-bottom: 19px; }
  /* line 157, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-img-area .shop-thumb-slider .single-img img {
    width: 100%; }

/* line 162, assets/scss/_shop.scss */
.shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider {
  margin-bottom: 20px;
  overflow: hidden;
  margin-right: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 162, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider {
      margin-right: 0px; } }
  @media (max-width: 991px) {
    /* line 162, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider {
      margin-right: 0px; } }
  /* line 173, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider .single-img .img-popup {
    display: block; }
    /* line 175, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider .single-img .img-popup img {
      width: 100%; }
  /* line 182, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider:hover .slick-arrow.prev {
    left: 20px; }
  /* line 185, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider:hover .slick-arrow.next {
    right: 20px; }
  /* line 190, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    background-color: #4761ff;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 204, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider .slick-arrow.prev {
      left: -45px; }
    /* line 207, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-img-area .shop-big-slider .slick-arrow.next {
      right: -45px; }

/* line 213, assets/scss/_shop.scss */
.shop-details-section .shop-details-wrapper .shop-info {
  margin-bottom: 20px; }
  /* line 215, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-info h3.title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 215, assets/scss/_shop.scss */
      .shop-details-section .shop-details-wrapper .shop-info h3.title {
        font-size: 20px;
        margin-bottom: 0px; } }
  /* line 224, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-info .rating {
    margin-bottom: 10px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 224, assets/scss/_shop.scss */
      .shop-details-section .shop-details-wrapper .shop-info .rating {
        margin-bottom: 0px; } }
    /* line 230, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-info .rating li i {
      color: #ff4a17; }
  /* line 235, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-info p {
    margin-bottom: 15px; }
  /* line 238, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-info p.price {
    font-size: 18px;
    font-weight: 700;
    color: #282828;
    margin-bottom: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 238, assets/scss/_shop.scss */
      .shop-details-section .shop-details-wrapper .shop-info p.price {
        margin-bottom: 5px; } }
  /* line 247, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-info .single_variation_wrap {
    display: flex;
    align-items: center; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 247, assets/scss/_shop.scss */
      .shop-details-section .shop-details-wrapper .shop-info .single_variation_wrap {
        margin: 10px 0; } }
    @media (max-width: 400px) {
      /* line 247, assets/scss/_shop.scss */
      .shop-details-section .shop-details-wrapper .shop-info .single_variation_wrap {
        flex-direction: column; } }
    /* line 257, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-info .single_variation_wrap .add_to_cart .main-btn {
      line-height: 25px;
      padding: 10px 30px;
      font-size: 14px;
      font-weight: 600;
      margin-left: 30px; }
      /* line 263, assets/scss/_shop.scss */
      .shop-details-section .shop-details-wrapper .shop-info .single_variation_wrap .add_to_cart .main-btn:after {
        display: none; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 257, assets/scss/_shop.scss */
        .shop-details-section .shop-details-wrapper .shop-info .single_variation_wrap .add_to_cart .main-btn {
          padding: 10px 20px;
          margin-left: 10px; } }
      @media (max-width: 400px) {
        /* line 257, assets/scss/_shop.scss */
        .shop-details-section .shop-details-wrapper .shop-info .single_variation_wrap .add_to_cart .main-btn {
          margin-left: 0px;
          margin-top: 15px; } }
  /* line 278, assets/scss/_shop.scss */
  .shop-details-section .shop-details-wrapper .shop-info .social-link li {
    margin-right: 10px; }
    /* line 279, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-info .social-link li span {
      margin-right: 5px;
      font-weight: 600;
      color: #282828; }
    /* line 286, assets/scss/_shop.scss */
    .shop-details-section .shop-details-wrapper .shop-info .social-link li:hover i {
      color: #4761ff; }

/* line 295, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .discription-tabs {
  margin-bottom: 33px; }
  /* line 300, assets/scss/_shop.scss */
  .shop-details-section .discription-wrapper .discription-tabs .nav-tabs li:first-child .nav-link {
    padding-left: 0px; }
  /* line 305, assets/scss/_shop.scss */
  .shop-details-section .discription-wrapper .discription-tabs .nav-tabs .nav-link {
    padding: 0px 20px 13px;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 0px; }
    /* line 312, assets/scss/_shop.scss */
    .shop-details-section .discription-wrapper .discription-tabs .nav-tabs .nav-link.active {
      color: #4761ff; }
    @media (max-width: 767px) {
      /* line 305, assets/scss/_shop.scss */
      .shop-details-section .discription-wrapper .discription-tabs .nav-tabs .nav-link {
        padding: 0px 10px 13px;
        font-size: 14px; } }

/* line 323, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .content-box p {
  margin-bottom: 15px; }

/* line 328, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .shop-review-area h4.title {
  margin-bottom: 25px; }

/* line 331, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .shop-review-area .review_user {
  position: relative;
  padding-left: 110px;
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    /* line 331, assets/scss/_shop.scss */
    .shop-details-section .discription-wrapper .shop-review-area .review_user {
      padding-left: 0px; } }
  /* line 338, assets/scss/_shop.scss */
  .shop-details-section .discription-wrapper .shop-review-area .review_user .admin-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px; }
    @media (max-width: 991px) {
      /* line 338, assets/scss/_shop.scss */
      .shop-details-section .discription-wrapper .shop-review-area .review_user .admin-img {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 20px; } }
  /* line 351, assets/scss/_shop.scss */
  .shop-details-section .discription-wrapper .shop-review-area .review_user .rating {
    margin-top: 0px;
    line-height: 15px;
    margin-bottom: 5px; }
    /* line 356, assets/scss/_shop.scss */
    .shop-details-section .discription-wrapper .shop-review-area .review_user .rating li i {
      font-size: 14px; }
  /* line 361, assets/scss/_shop.scss */
  .shop-details-section .discription-wrapper .shop-review-area .review_user span {
    text-transform: capitalize;
    font-size: 15px; }

/* line 368, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .shop-review-area .review_form .form_group label {
  font-weight: 600;
  color: #282828;
  margin-bottom: 5px; }

/* line 373, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .shop-review-area .review_form .form_group .form_control {
  margin-bottom: 22px;
  border: 1px solid #dddddd; }

/* line 377, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .shop-review-area .review_form .form_group textarea.form_control {
  height: 120px; }

/* line 380, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .shop-review-area .review_form .form_group .rating {
  margin-bottom: 20px; }

/* line 384, assets/scss/_shop.scss */
.shop-details-section .discription-wrapper .shop-review-area .review_form .single_checkbox {
  margin-bottom: 30px; }
  /* line 386, assets/scss/_shop.scss */
  .shop-details-section .discription-wrapper .shop-review-area .review_form .single_checkbox .single_input {
    width: 15px;
    height: 15px;
    border-radius: 0px;
    display: inline-block; }
  /* line 392, assets/scss/_shop.scss */
  .shop-details-section .discription-wrapper .shop-review-area .review_form .single_checkbox label {
    display: inline-block;
    margin-top: -3px;
    margin-left: 5px; }

/* line 407, assets/scss/_shop.scss */
.cart-area-section .cart-wrapper .cart-table thead tr {
  border-bottom: 1px solid #D5D5D5;
  padding: 0px 10px 15px; }
  /* line 410, assets/scss/_shop.scss */
  .cart-area-section .cart-wrapper .cart-table thead tr td {
    font-weight: 500;
    color: #282828; }

/* line 416, assets/scss/_shop.scss */
.cart-area-section .cart-wrapper .cart-table td {
  border: none;
  vertical-align: middle; }
  /* line 419, assets/scss/_shop.scss */
  .cart-area-section .cart-wrapper .cart-table td.price, .cart-area-section .cart-wrapper .cart-table td.quantity, .cart-area-section .cart-wrapper .cart-table td.subtotal {
    text-align: right; }

/* line 424, assets/scss/_shop.scss */
.cart-area-section .cart-wrapper .cart-table .remove .icon {
  width: 35px;
  height: 35px;
  background-color: #E8F5E9;
  line-height: 35px;
  text-align: center;
  border-radius: 5px; }

/* line 434, assets/scss/_shop.scss */
.cart-area-section .cart-wrapper .cart-table .quantity .quantity-input {
  justify-content: flex-end; }

/* line 439, assets/scss/_shop.scss */
.cart-area-section .cart-wrapper .cart-table .thumbnail_title img {
  width: 80px;
  height: 80px;
  margin-right: 25px; }

@media (max-width: 991px) {
  /* line 447, assets/scss/_shop.scss */
  .cart-area-section .cart-wrapper .coupon-box .form_group {
    margin-bottom: 20px; } }

/* line 451, assets/scss/_shop.scss */
.cart-area-section .cart-wrapper .coupon-box .form_group .form_control {
  border: 1px solid #D5D5D5;
  border-radius: 5px; }

/* line 457, assets/scss/_shop.scss */
.cart-area-section .cart-wrapper .coupon-box .button .main-btn {
  padding: 16px 30px 17px;
  border-radius: 5px; }
  /* line 460, assets/scss/_shop.scss */
  .cart-area-section .cart-wrapper .coupon-box .button .main-btn:after {
    display: none; }
  @media (max-width: 400px) {
    /* line 457, assets/scss/_shop.scss */
    .cart-area-section .cart-wrapper .coupon-box .button .main-btn {
      padding: 15px 17px; } }

/* line 470, assets/scss/_shop.scss */
.cart-area-section .cart-total-wrap {
  border: 4px solid #DBECE4;
  padding: 40px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 470, assets/scss/_shop.scss */
    .cart-area-section .cart-total-wrap {
      padding: 40px 15px; } }
  @media (max-width: 767px) {
    /* line 470, assets/scss/_shop.scss */
    .cart-area-section .cart-total-wrap {
      padding: 40px 15px; } }
  /* line 479, assets/scss/_shop.scss */
  .cart-area-section .cart-total-wrap h4.title {
    padding-bottom: 18px;
    border-bottom: 2px solid rgba(15, 66, 41, 0.15);
    margin-bottom: 20px; }
  /* line 485, assets/scss/_shop.scss */
  .cart-area-section .cart-total-wrap ul li {
    margin-bottom: 20px; }
    /* line 487, assets/scss/_shop.scss */
    .cart-area-section .cart-total-wrap ul li span {
      float: right; }
    /* line 491, assets/scss/_shop.scss */
    .cart-area-section .cart-total-wrap ul li.total span {
      font-weight: 600;
      color: #4761ff; }
  /* line 498, assets/scss/_shop.scss */
  .cart-area-section .cart-total-wrap .main-btn {
    border-radius: 10px; }
    /* line 500, assets/scss/_shop.scss */
    .cart-area-section .cart-total-wrap .main-btn:after {
      display: none; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 498, assets/scss/_shop.scss */
      .cart-area-section .cart-total-wrap .main-btn {
        padding: 19px 30px; } }
    @media (max-width: 991px) {
      /* line 498, assets/scss/_shop.scss */
      .cart-area-section .cart-total-wrap .main-btn {
        padding: 19px 30px; } }

/* line 515, assets/scss/_shop.scss */
.checkout-area-section .checkout-wrapper h4.title {
  padding-bottom: 18px;
  border-bottom: 2px solid rgba(15, 66, 41, 0.15);
  margin-bottom: 20px; }

/* line 522, assets/scss/_shop.scss */
.checkout-area-section .checkout-wrapper .checkout-form .form_group label {
  margin-bottom: 10px; }

/* line 525, assets/scss/_shop.scss */
.checkout-area-section .checkout-wrapper .checkout-form .form_group .form_control {
  border: 2px solid rgba(15, 66, 41, 0.15);
  border-radius: 5px;
  margin-bottom: 30px; }

/* line 530, assets/scss/_shop.scss */
.checkout-area-section .checkout-wrapper .checkout-form .form_group textarea.form_control {
  height: 150px;
  display: inherit;
  padding-top: 15px; }

/* line 538, assets/scss/_shop.scss */
.checkout-area-section .order-wrapper {
  padding: 30px 45px;
  border: 2px solid #e9f0f7; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 538, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper {
      padding: 30px 15px; } }
  @media (max-width: 767px) {
    /* line 538, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper {
      padding: 30px 25px; } }
  /* line 547, assets/scss/_shop.scss */
  .checkout-area-section .order-wrapper h4.title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 18px;
    margin-bottom: 20px; }
  /* line 552, assets/scss/_shop.scss */
  .checkout-area-section .order-wrapper .cart-items {
    width: 100%;
    margin-bottom: 20px; }
    /* line 555, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .cart-items tr {
      line-height: 35px;
      color: #525368; }
    /* line 559, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .cart-items td, .checkout-area-section .order-wrapper .cart-items th {
      font-weight: 400; }
    /* line 562, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .cart-items .td-right, .checkout-area-section .order-wrapper .cart-items .th-right {
      float: right; }
    /* line 565, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .cart-items .subtotal {
      line-height: 45px;
      border-top: 1px solid rgba(0, 0, 0, 0.2); }
    /* line 569, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .cart-items .total {
      border-top: 1px solid rgba(0, 0, 0, 0.2);
      line-height: 45px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      /* line 573, assets/scss/_shop.scss */
      .checkout-area-section .order-wrapper .cart-items .total .price {
        color: #4761ff;
        font-weight: 600; }
  /* line 580, assets/scss/_shop.scss */
  .checkout-area-section .order-wrapper .payments-systems .accordion-item {
    margin-bottom: 15px; }
    /* line 582, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .payments-systems .accordion-item .accordion-header {
      display: flex; }
      /* line 584, assets/scss/_shop.scss */
      .checkout-area-section .order-wrapper .payments-systems .accordion-item .accordion-header label {
        margin-top: -7px;
        margin-left: 15px; }
    /* line 589, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .payments-systems .accordion-item .accordion-collapse {
      border: none; }
    /* line 592, assets/scss/_shop.scss */
    .checkout-area-section .order-wrapper .payments-systems .accordion-item .accordion-body {
      padding: 0px; }

/*---=======================
   10. Start Blog css 
===========================---*/
/* line 8, assets/scss/_blog.scss */
.blog-grid-v1 .blog-post-item {
  position: relative; }
  /* line 11, assets/scss/_blog.scss */
  .blog-grid-v1 .blog-post-item:hover .entry-content {
    background-color: rgba(254, 90, 14, 0);
    border-color: #ffe5d9; }
  /* line 16, assets/scss/_blog.scss */
  .blog-grid-v1 .blog-post-item .post-thumbnail {
    position: relative;
    overflow: hidden; }
    /* line 19, assets/scss/_blog.scss */
    .blog-grid-v1 .blog-post-item .post-thumbnail img {
      width: 100%; }
    /* line 22, assets/scss/_blog.scss */
    .blog-grid-v1 .blog-post-item .post-thumbnail .date {
      position: absolute;
      bottom: 20px;
      left: 40px;
      padding: 8px 18px;
      background-color: #fff;
      font-weight: 600;
      color: #4761ff;
      line-height: 19px;
      border-radius: 18px; }
  /* line 34, assets/scss/_blog.scss */
  .blog-grid-v1 .blog-post-item .entry-content {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 35px 40px;
    border-radius: 5px;
    box-shadow: 0px 15px 40px 0px rgba(255, 122, 118, 0.1);
    border: 2px solid #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 42, assets/scss/_blog.scss */
    .blog-grid-v1 .blog-post-item .entry-content h3.title {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 20px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      /* line 47, assets/scss/_blog.scss */
      .blog-grid-v1 .blog-post-item .entry-content h3.title:hover, .blog-grid-v1 .blog-post-item .entry-content h3.title:focus {
        color: #4761ff; }
    /* line 51, assets/scss/_blog.scss */
    .blog-grid-v1 .blog-post-item .entry-content p {
      margin-bottom: 35px; }

/* line 59, assets/scss/_blog.scss */
.blog-grid-v2 .blog-title-wrapper {
  padding: 55px 40px 70px;
  border-radius: 5px; }
  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    /* line 59, assets/scss/_blog.scss */
    .blog-grid-v2 .blog-title-wrapper {
      padding: 55px 50px 70px; } }
  @media (max-width: 991px) {
    /* line 59, assets/scss/_blog.scss */
    .blog-grid-v2 .blog-title-wrapper {
      margin-bottom: 60px; } }
  /* line 69, assets/scss/_blog.scss */
  .blog-grid-v2 .blog-title-wrapper .section-title h3 {
    margin-bottom: 30px; }
  /* line 72, assets/scss/_blog.scss */
  .blog-grid-v2 .blog-title-wrapper .section-title p {
    color: #fff;
    margin-bottom: 37px; }
  /* line 77, assets/scss/_blog.scss */
  .blog-grid-v2 .blog-title-wrapper .blog-arrows-two {
    margin-top: 30px; }
    /* line 79, assets/scss/_blog.scss */
    .blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow {
      position: relative;
      width: 60px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      border-radius: 50%;
      border: 2px solid #fff;
      color: #fff;
      display: inline-block;
      cursor: pointer;
      z-index: 1;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      /* line 92, assets/scss/_blog.scss */
      .blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow:hover {
        background-color: #fff;
        color: #282828;
        border-color: transparent; }
      /* line 97, assets/scss/_blog.scss */
      .blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow.prev {
        margin-right: 50px; }
        /* line 99, assets/scss/_blog.scss */
        .blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow.prev:after {
          position: absolute;
          top: 0;
          right: -50%;
          display: inline-block;
          content: '';
          width: 4px;
          height: 100%;
          background-color: #fff;
          border-radius: 2px; }

/* line 116, assets/scss/_blog.scss */
.blog-grid-v2 .blog-post-item .post-thumbnail img {
  width: 100%;
  border-radius: 5px 5px 0 0; }

/* line 121, assets/scss/_blog.scss */
.blog-grid-v2 .blog-post-item .entry-content {
  background-color: #fff;
  padding: 20px 35px 30px;
  border-radius: 0 0 5px 5px; }
  /* line 125, assets/scss/_blog.scss */
  .blog-grid-v2 .blog-post-item .entry-content .post-meta {
    margin-bottom: 5px; }
    /* line 130, assets/scss/_blog.scss */
    .blog-grid-v2 .blog-post-item .entry-content .post-meta ul li:last-child:after {
      display: none; }
    /* line 134, assets/scss/_blog.scss */
    .blog-grid-v2 .blog-post-item .entry-content .post-meta ul li:after {
      display: inline-block;
      content: '/';
      margin-left: 5px;
      margin-right: 2px;
      color: #4761ff; }
    /* line 141, assets/scss/_blog.scss */
    .blog-grid-v2 .blog-post-item .entry-content .post-meta ul li span {
      font-size: 14px;
      font-weight: 500;
      font-family: "Gilroy", sans-serif;
      color: #4761ff; }
  /* line 150, assets/scss/_blog.scss */
  .blog-grid-v2 .blog-post-item .entry-content h3.title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 6px; }
  /* line 155, assets/scss/_blog.scss */
  .blog-grid-v2 .blog-post-item .entry-content p {
    margin-bottom: 15px; }
  /* line 158, assets/scss/_blog.scss */
  .blog-grid-v2 .blog-post-item .entry-content .main-btn {
    font-weight: 600;
    font-size: 15px;
    border-radius: 20px;
    padding: 6px 16px; }

/* line 168, assets/scss/_blog.scss */
.blog-grid-v3 {
  background-color: #282828; }
  /* line 171, assets/scss/_blog.scss */
  .blog-grid-v3 .blog-post-item .post-thumbnail {
    position: relative; }
    /* line 173, assets/scss/_blog.scss */
    .blog-grid-v3 .blog-post-item .post-thumbnail img {
      width: 100%;
      border-radius: 5px 5px 0 0; }
    /* line 177, assets/scss/_blog.scss */
    .blog-grid-v3 .blog-post-item .post-thumbnail .date {
      position: absolute;
      bottom: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #4761ff;
      font-size: 14px;
      font-weight: 500;
      font-family: "Gilroy", sans-serif;
      color: #fff;
      padding: 5px 14px;
      line-height: 20px;
      border-radius: 15px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 177, assets/scss/_blog.scss */
        .blog-grid-v3 .blog-post-item .post-thumbnail .date {
          width: 70%; } }
  /* line 195, assets/scss/_blog.scss */
  .blog-grid-v3 .blog-post-item .entry-content {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    padding: 45px 21px 30px; }
    /* line 199, assets/scss/_blog.scss */
    .blog-grid-v3 .blog-post-item .entry-content h3.title {
      color: #282828;
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 10px; }
      /* line 204, assets/scss/_blog.scss */
      .blog-grid-v3 .blog-post-item .entry-content h3.title:hover {
        color: #4761ff; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 199, assets/scss/_blog.scss */
        .blog-grid-v3 .blog-post-item .entry-content h3.title {
          font-size: 14px;
          line-height: 27px; } }
    /* line 212, assets/scss/_blog.scss */
    .blog-grid-v3 .blog-post-item .entry-content .post-meta {
      margin-bottom: 0px; }
      /* line 215, assets/scss/_blog.scss */
      .blog-grid-v3 .blog-post-item .entry-content .post-meta ul li {
        margin-right: 8px; }
        /* line 218, assets/scss/_blog.scss */
        .blog-grid-v3 .blog-post-item .entry-content .post-meta ul li span i {
          margin-right: 5px;
          color: #4761ff; }

/*  blog-standard-section  */
/* line 234, assets/scss/_blog.scss */
.blog-standard-section .blog-post-item .entry-content {
  padding: 31px 50px 40px;
  border: 1px solid #eeeeee;
  border-top: none;
  background-color: #fff;
  box-shadow: 0px 6px 20px 0px rgba(254, 90, 14, 0.03); }
  @media (max-width: 991px) {
    /* line 234, assets/scss/_blog.scss */
    .blog-standard-section .blog-post-item .entry-content {
      padding: 31px 15px 40px; } }
  /* line 243, assets/scss/_blog.scss */
  .blog-standard-section .blog-post-item .entry-content h3.title {
    margin-bottom: 18px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 246, assets/scss/_blog.scss */
    .blog-standard-section .blog-post-item .entry-content h3.title:hover, .blog-standard-section .blog-post-item .entry-content h3.title:focus {
      color: #4761ff; }
    @media (max-width: 991px) {
      /* line 243, assets/scss/_blog.scss */
      .blog-standard-section .blog-post-item .entry-content h3.title {
        font-size: 26px;
        line-height: 36px; } }
  /* line 254, assets/scss/_blog.scss */
  .blog-standard-section .blog-post-item .entry-content p {
    margin-bottom: 25px; }
  /* line 257, assets/scss/_blog.scss */
  .blog-standard-section .blog-post-item .entry-content .main-btn {
    border-radius: 2px;
    padding: 12px 20px;
    text-transform: capitalize; }

/*  Post Thumbnail  */
/* line 267, assets/scss/_blog.scss */
.post-thumbnail img {
  border-radius: 2px; }

/*  Post Meta  */
/* line 274, assets/scss/_blog.scss */
.post-meta ul li {
  display: inline-block; }

/* line 279, assets/scss/_blog.scss */
.post-meta {
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    /* line 279, assets/scss/_blog.scss */
    .post-meta {
      flex-direction: column; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    /* line 279, assets/scss/_blog.scss */
    .post-meta {
      flex-direction: inherit; } }
  /* line 288, assets/scss/_blog.scss */
  .post-meta ul.meta-link li {
    display: inline-block;
    padding-right: 58px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 288, assets/scss/_blog.scss */
      .post-meta ul.meta-link li {
        padding-right: 5px; } }
    @media (max-width: 991px) {
      /* line 288, assets/scss/_blog.scss */
      .post-meta ul.meta-link li {
        padding-right: 10px; } }
    /* line 298, assets/scss/_blog.scss */
    .post-meta ul.meta-link li span i {
      margin-right: 15px;
      color: #4761ff; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 298, assets/scss/_blog.scss */
        .post-meta ul.meta-link li span i {
          margin-right: 5px; } }
      @media (max-width: 991px) {
        /* line 298, assets/scss/_blog.scss */
        .post-meta ul.meta-link li span i {
          margin-right: 5px; } }
    /* line 308, assets/scss/_blog.scss */
    .post-meta ul.meta-link li span:hover, .post-meta ul.meta-link li span:focus {
      color: #4761ff; }
  /* line 314, assets/scss/_blog.scss */
  .post-meta ul.social-link {
    float: right; }
    @media (max-width: 400px) {
      /* line 314, assets/scss/_blog.scss */
      .post-meta ul.social-link {
        float: none; } }
    /* line 319, assets/scss/_blog.scss */
    .post-meta ul.social-link li {
      margin-left: 5px; }
      @media (max-width: 767px) {
        /* line 319, assets/scss/_blog.scss */
        .post-meta ul.social-link li {
          margin-left: 0; } }
      /* line 324, assets/scss/_blog.scss */
      .post-meta ul.social-link li span {
        padding-right: 10px; }
      /* line 328, assets/scss/_blog.scss */
      .post-meta ul.social-link li a:hover, .post-meta ul.social-link li a:focus {
        color: #4761ff; }

/*  Blog-details-section  */
/* line 340, assets/scss/_blog.scss */
.blog-details-section .post-thumbnail {
  margin-bottom: 32px; }

/* line 343, assets/scss/_blog.scss */
.blog-details-section .entry-content {
  margin-bottom: 55px; }
  /* line 345, assets/scss/_blog.scss */
  .blog-details-section .entry-content h3.title {
    margin-bottom: 15px; }
  /* line 348, assets/scss/_blog.scss */
  .blog-details-section .entry-content p {
    margin-bottom: 20px; }
  /* line 351, assets/scss/_blog.scss */
  .blog-details-section .entry-content .content-box {
    background-color: #fff4ef;
    padding: 40px 45px 25px;
    border-radius: 10px;
    margin-bottom: 30px; }
    /* line 356, assets/scss/_blog.scss */
    .blog-details-section .entry-content .content-box h4 {
      font-size: 25px;
      line-height: 35px;
      margin-bottom: 16px; }
    /* line 361, assets/scss/_blog.scss */
    .blog-details-section .entry-content .content-box p {
      margin-bottom: 15px; }

/* line 366, assets/scss/_blog.scss */
.blog-details-section .post-share-tag {
  background-color: #fff4ef; }

/* line 369, assets/scss/_blog.scss */
.blog-details-section .admin-box {
  background-color: #fff3ed;
  display: flex;
  padding: 40px 30px; }
  @media (max-width: 991px) {
    /* line 369, assets/scss/_blog.scss */
    .blog-details-section .admin-box {
      flex-direction: column; } }
  /* line 376, assets/scss/_blog.scss */
  .blog-details-section .admin-box .admin-img {
    min-width: 190px;
    max-width: 190px;
    height: 190px; }
    /* line 380, assets/scss/_blog.scss */
    .blog-details-section .admin-box .admin-img img {
      width: 100%;
      border-radius: 50%; }
  /* line 385, assets/scss/_blog.scss */
  .blog-details-section .admin-box .admin-info {
    margin-left: 40px; }
    @media (max-width: 991px) {
      /* line 385, assets/scss/_blog.scss */
      .blog-details-section .admin-box .admin-info {
        margin-left: 0px;
        margin-top: 30px; } }
    /* line 391, assets/scss/_blog.scss */
    .blog-details-section .admin-box .admin-info h4 {
      font-size: 25px;
      margin-bottom: 5px; }
    /* line 395, assets/scss/_blog.scss */
    .blog-details-section .admin-box .admin-info p.position {
      margin-bottom: 12px; }

/* line 401, assets/scss/_blog.scss */
.blog-details-section .related-post h4.title {
  margin-bottom: 20px; }

/* line 407, assets/scss/_blog.scss */
.blog-details-section .related-post .blog-post-item:hover .post-thumbnail .post-overlay {
  visibility: visible;
  opacity: 1; }

/* line 413, assets/scss/_blog.scss */
.blog-details-section .related-post .blog-post-item .post-thumbnail {
  position: relative; }
  /* line 415, assets/scss/_blog.scss */
  .blog-details-section .related-post .blog-post-item .post-thumbnail img {
    width: 100%; }
  /* line 418, assets/scss/_blog.scss */
  .blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 86%;
    background-color: rgba(254, 90, 14, 0.95);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    /* line 429, assets/scss/_blog.scss */
    .blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay .post-content {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%; }
      /* line 435, assets/scss/_blog.scss */
      .blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay .post-content .main-btn {
        padding: 11px 16px;
        background-color: #fff;
        color: #282828;
        border-radius: 2px; }
        /* line 440, assets/scss/_blog.scss */
        .blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay .post-content .main-btn:after {
          display: none; }

/* line 450, assets/scss/_blog.scss */
.blog-details-section .comments-area h4.comments-title {
  margin-bottom: 20px; }

/* line 454, assets/scss/_blog.scss */
.blog-details-section .comments-area ul.comments-list li.comment {
  display: flex;
  padding: 20px 25px 15px;
  border: 1px solid #e8e8e8;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    /* line 454, assets/scss/_blog.scss */
    .blog-details-section .comments-area ul.comments-list li.comment {
      flex-direction: column; } }
  /* line 462, assets/scss/_blog.scss */
  .blog-details-section .comments-area ul.comments-list li.comment:nth-child(even) {
    margin-left: 70px; }
    @media (max-width: 767px) {
      /* line 465, assets/scss/_blog.scss */
      .blog-details-section .comments-area ul.comments-list li.comment:nth-child(even):nth-child(even) {
        margin-left: 0px; } }
  /* line 470, assets/scss/_blog.scss */
  .blog-details-section .comments-area ul.comments-list li.comment .comment-avatar {
    min-width: 100px;
    max-width: 100px;
    height: 100px; }
    /* line 474, assets/scss/_blog.scss */
    .blog-details-section .comments-area ul.comments-list li.comment .comment-avatar img {
      max-width: 100%;
      border-radius: 50%; }
  /* line 479, assets/scss/_blog.scss */
  .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap {
    margin-left: 30px; }
    @media (max-width: 767px) {
      /* line 479, assets/scss/_blog.scss */
      .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap {
        margin-top: 30px;
        margin-left: 0px; } }
    /* line 485, assets/scss/_blog.scss */
    .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content {
      position: relative; }
      /* line 487, assets/scss/_blog.scss */
      .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content span.author-name {
        font-size: 22px;
        font-weight: 700;
        color: #282828;
        font-family: "Gilroy", sans-serif;
        display: block;
        margin-bottom: 5px; }
      /* line 495, assets/scss/_blog.scss */
      .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content span.date {
        margin-bottom: 15px; }
      /* line 498, assets/scss/_blog.scss */
      .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content a.reply {
        position: absolute;
        top: 0;
        right: 0;
        padding: 6px 35px;
        background-color: #4761ff;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        border-radius: 2px; }
        @media (max-width: 767px) {
          /* line 498, assets/scss/_blog.scss */
          .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content a.reply {
            position: relative;
            top: auto;
            right: auto;
            margin-top: 20px; } }

/* line 520, assets/scss/_blog.scss */
.blog-details-section .comments-respond {
  background-color: #fff4ef;
  padding: 55px 50px 60px;
  border-radius: 2px; }
  @media (max-width: 991px) {
    /* line 520, assets/scss/_blog.scss */
    .blog-details-section .comments-respond {
      padding: 55px 15px 60px; } }
  /* line 527, assets/scss/_blog.scss */
  .blog-details-section .comments-respond h4.comments-heading {
    margin-bottom: 20px; }
  /* line 532, assets/scss/_blog.scss */
  .blog-details-section .comments-respond form .form_group .form_control {
    border: none;
    height: 60px;
    border-radius: 2px;
    border: 1px solid #fff; }
    /* line 537, assets/scss/_blog.scss */
    .blog-details-section .comments-respond form .form_group .form_control:focus {
      border-color: #4761ff; }
  /* line 541, assets/scss/_blog.scss */
  .blog-details-section .comments-respond form .form_group textarea.form_control {
    height: 240px; }
  /* line 545, assets/scss/_blog.scss */
  .blog-details-section .comments-respond form .main-btn {
    border-radius: 2px;
    padding: 14px 35px; }

/* Sidebar-widget-area */
/* line 553, assets/scss/_blog.scss */
.sidebar-widget-area {
  margin-left: 40px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 553, assets/scss/_blog.scss */
    .sidebar-widget-area {
      margin-left: 0px; } }
  @media (max-width: 991px) {
    /* line 553, assets/scss/_blog.scss */
    .sidebar-widget-area {
      margin-left: 0px; } }
  /* line 561, assets/scss/_blog.scss */
  .sidebar-widget-area .widget {
    background-color: #f9f9f9;
    padding: 40px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 561, assets/scss/_blog.scss */
      .sidebar-widget-area .widget {
        padding: 20px 15px; } }
    @media (max-width: 991px) {
      /* line 561, assets/scss/_blog.scss */
      .sidebar-widget-area .widget {
        padding: 20px 15px; } }
    /* line 570, assets/scss/_blog.scss */
    .sidebar-widget-area .widget h4.widget-title {
      margin-bottom: 25px; }
    /* line 573, assets/scss/_blog.scss */
    .sidebar-widget-area .widget.widget-search {
      padding: 0px;
      background-color: transparent; }
      /* line 577, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-search .form_group .form_control {
        border: 1px solid #e8e8e8;
        height: 60px; }
      /* line 581, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-search .form_group .search-icon {
        position: absolute;
        top: 17px;
        right: 20px;
        background-color: transparent; }
    /* line 591, assets/scss/_blog.scss */
    .sidebar-widget-area .widget.widget-catageory ul.categeory-link li {
      margin-bottom: 10px; }
      /* line 593, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-catageory ul.categeory-link li:last-child {
        margin-bottom: 0px; }
      /* line 596, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a {
        display: block;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 2px;
        padding: 10px 20px; }
        /* line 602, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a:hover, .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a:focus {
          border-color: #4761ff; }
        /* line 605, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a span {
          float: right; }
          /* line 607, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a span i {
            color: #4761ff; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          /* line 596, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a {
            font-size: 14px;
            padding: 10px 15px; } }
        @media (max-width: 991px) {
          /* line 596, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a {
            font-size: 14px;
            padding: 10px 15px; } }
    /* line 625, assets/scss/_blog.scss */
    .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content {
      margin-bottom: 50px;
      display: flex; }
      /* line 628, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content:last-child {
        margin-bottom: 0px; }
      /* line 631, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content img {
        width: 80px;
        height: 80px;
        border-radius: 2px; }
      /* line 636, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date {
        margin-left: 30px;
        margin-top: -8px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          /* line 636, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date {
            margin-left: 15px; } }
        @media (max-width: 991px) {
          /* line 636, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date {
            margin-left: 15px; } }
        /* line 645, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6 {
          font: 19px;
          font-weight: 600;
          line-height: 28px;
          margin-bottom: 5px;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
          /* line 651, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6:hover, .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6:focus {
            color: #4761ff; }
    /* line 659, assets/scss/_blog.scss */
    .sidebar-widget-area .widget.widget-tag-cloud {
      padding-bottom: 30px; }
      /* line 661, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-tag-cloud a {
        display: inline-block;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 2px;
        padding: 7px 25px;
        margin-right: 5px;
        margin-bottom: 10px; }
        /* line 669, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-tag-cloud a:hover, .sidebar-widget-area .widget.widget-tag-cloud a:focus {
          border-color: #4761ff; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          /* line 661, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-tag-cloud a {
            font-size: 14px;
            padding: 7px 15px; } }
        @media (max-width: 991px) {
          /* line 661, assets/scss/_blog.scss */
          .sidebar-widget-area .widget.widget-tag-cloud a {
            font-size: 14px;
            padding: 7px 15px; } }
    /* line 682, assets/scss/_blog.scss */
    .sidebar-widget-area .widget.widget-cta {
      padding: 0px;
      background-color: transparent; }
      /* line 685, assets/scss/_blog.scss */
      .sidebar-widget-area .widget.widget-cta .cta-content {
        position: relative;
        z-index: 1;
        padding: 40px; }
        /* line 688, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-cta .cta-content:after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          content: '';
          z-index: -1;
          background-color: rgba(254, 90, 14, 0.95); }
        /* line 699, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-cta .cta-content h3 {
          color: #fff;
          margin-bottom: 40px; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            /* line 699, assets/scss/_blog.scss */
            .sidebar-widget-area .widget.widget-cta .cta-content h3 {
              font-size: 26px; } }
          @media (max-width: 991px) {
            /* line 699, assets/scss/_blog.scss */
            .sidebar-widget-area .widget.widget-cta .cta-content h3 {
              font-size: 26px; } }
        /* line 709, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-cta .cta-content i {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 105px;
          height: 105px;
          font-size: 36px;
          color: #4761ff;
          border-radius: 50%;
          background-color: #fff;
          margin: auto;
          margin-bottom: 30px; }
        /* line 722, assets/scss/_blog.scss */
        .sidebar-widget-area .widget.widget-cta .cta-content h4.call {
          font-size: 32px;
          color: #fff; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            /* line 722, assets/scss/_blog.scss */
            .sidebar-widget-area .widget.widget-cta .cta-content h4.call {
              font-size: 24px; } }
          @media (max-width: 991px) {
            /* line 722, assets/scss/_blog.scss */
            .sidebar-widget-area .widget.widget-cta .cta-content h4.call {
              font-size: 24px; } }

/* Pagination */
/* line 739, assets/scss/_blog.scss */
.induxter-pagination ul li {
  display: inline-block;
  margin-right: 5px; }
  /* line 742, assets/scss/_blog.scss */
  .induxter-pagination ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f9d0bc;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-weight: 700; }
    /* line 751, assets/scss/_blog.scss */
    .induxter-pagination ul li a:hover, .induxter-pagination ul li a:focus, .induxter-pagination ul li a.active {
      background-color: #4761ff;
      color: #fff;
      border-color: transparent; }

/* Blockquote */
/* line 761, assets/scss/_blog.scss */
.blockquote {
  background-color: #fff4ef;
  padding: 25px 40px;
  border-radius: 10px;
  margin-bottom: 30px; }
  /* line 766, assets/scss/_blog.scss */
  .blockquote p {
    font-size: 15px;
    color: #282828;
    font-weight: 700;
    padding-left: 35px;
    border-left: 3px solid #4761ff;
    margin-bottom: 0px; }

/* line 776, assets/scss/_blog.scss */
.page-numbers {
  display: flex;
  justify-content: center; }
  /* line 779, assets/scss/_blog.scss */
  .page-numbers li {
    margin: 0 5px; }
  /* line 782, assets/scss/_blog.scss */
  .page-numbers a,
  .page-numbers span {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-color: #4761ff;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #4761ff; }
    /* line 794, assets/scss/_blog.scss */
    .page-numbers a.current,
    .page-numbers span.current {
      background: #282828; }
  /* line 799, assets/scss/_blog.scss */
  .page-numbers a i {
    align-self: center; }

/*---=======================
   End Blog css 
===========================---*/
/*---=======================
   11. Start Contact css 
===========================---*/
/* line 5, assets/scss/_contact.scss */
.contact-page-section {
  margin-bottom: -350px; }
  /* line 10, assets/scss/_contact.scss */
  .contact-page-section .contact-info-list .info-box .icon i {
    color: #4761ff;
    font-size: 50px; }
    @media (max-width: 991px) {
      /* line 10, assets/scss/_contact.scss */
      .contact-page-section .contact-info-list .info-box .icon i {
        font: 26px; } }
  /* line 18, assets/scss/_contact.scss */
  .contact-page-section .contact-info-list .info-box .info {
    margin-left: 45px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 18, assets/scss/_contact.scss */
      .contact-page-section .contact-info-list .info-box .info {
        margin-left: 30px; } }
    @media (max-width: 991px) {
      /* line 18, assets/scss/_contact.scss */
      .contact-page-section .contact-info-list .info-box .info {
        margin-left: 20px; } }
    /* line 26, assets/scss/_contact.scss */
    .contact-page-section .contact-info-list .info-box .info h4 {
      font-size: 25px; }
    /* line 29, assets/scss/_contact.scss */
    .contact-page-section .contact-info-list .info-box .info p {
      font-size: 20px;
      line-height: 35px; }
      @media (max-width: 991px) {
        /* line 29, assets/scss/_contact.scss */
        .contact-page-section .contact-info-list .info-box .info p {
          font-size: 16px;
          line-height: 28px; } }
  /* line 40, assets/scss/_contact.scss */
  .contact-page-section .contact-form-wrapper {
    background-color: #f9f9f9;
    box-shadow: 0px 20px 30px 0px rgba(40, 40, 40, 0.08);
    padding: 45px 70px 60px; }
    @media (max-width: 991px) {
      /* line 40, assets/scss/_contact.scss */
      .contact-page-section .contact-form-wrapper {
        padding: 20px 30px; } }
    /* line 49, assets/scss/_contact.scss */
    .contact-page-section .contact-form-wrapper .contact-form .form_group .form_control {
      margin-bottom: 20px;
      border: 1px solid #eeeeee;
      background-color: #fff;
      border-radius: 2px; }
      /* line 54, assets/scss/_contact.scss */
      .contact-page-section .contact-form-wrapper .contact-form .form_group .form_control:focus {
        border-color: #4761ff; }
    /* line 58, assets/scss/_contact.scss */
    .contact-page-section .contact-form-wrapper .contact-form .form_group textarea.form_control {
      height: 240px; }

/* line 65, assets/scss/_contact.scss */
.contact-home-section {
  margin-bottom: 0px; }

/*--- Contact map css ---*/
/* line 71, assets/scss/_contact.scss */
.contact-map-section .map_box iframe {
  width: 100%;
  height: 700px;
  display: inherit;
  border: none; }

/*---=======================
    End Contact css 
===========================---*/
/*---=======================
   12. Start Footer css 
===========================---*/
/* line 6, assets/scss/_footer.scss */
.footer-area .footer-widget {
  padding-top: 130px; }
  /* line 9, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget h4.widget-title {
    color: #fff;
    margin-bottom: 45px; }
  /* line 13, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget p {
    color: #e1e1e1; }
  /* line 17, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.about-widget img {
    margin-bottom: 40px;
    margin-top: -14px; }
  /* line 21, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.about-widget p {
    margin-bottom: 35px; }
  /* line 25, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.about-widget ul.social-link li {
    margin-right: 5px; }
    /* line 27, assets/scss/_footer.scss */
    .footer-area .footer-widget .widget.about-widget ul.social-link li a {
      width: 37px;
      height: 37px;
      display: block;
      line-height: 37px;
      text-align: center;
      border: 1px solid #d9d9d9;
      border-radius: 50%;
      font-size: 12px;
      color: #fff;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      /* line 38, assets/scss/_footer.scss */
      .footer-area .footer-widget .widget.about-widget ul.social-link li a:hover, .footer-area .footer-widget .widget.about-widget ul.social-link li a:focus {
        background-color: #4761ff;
        color: #fff;
        border-color: transparent; }
  /* line 47, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.widget-categories {
    padding-left: 70px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 47, assets/scss/_footer.scss */
      .footer-area .footer-widget .widget.widget-categories {
        padding-left: 0px; } }
    @media (max-width: 991px) {
      /* line 47, assets/scss/_footer.scss */
      .footer-area .footer-widget .widget.widget-categories {
        padding-left: 0px; } }
    /* line 56, assets/scss/_footer.scss */
    .footer-area .footer-widget .widget.widget-categories ul.widget-link li {
      padding-bottom: 10px; }
      /* line 58, assets/scss/_footer.scss */
      .footer-area .footer-widget .widget.widget-categories ul.widget-link li a {
        color: #e1e1e1; }
  /* line 67, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.newsletter-widget .newsletter-form .form_group .form_control {
    background-color: #fff;
    border: none;
    height: 55px;
    border-radius: 5px; }
  /* line 73, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.newsletter-widget .newsletter-form .form_group .newsletter-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background-color: #4761ff;
    color: #fff;
    border-radius: 5px; }
  /* line 88, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.newsletter-widget .newsletter-info h5 {
    color: #fff;
    margin-bottom: 8px; }
  /* line 92, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.newsletter-widget .newsletter-info p {
    color: #e1e1e1; }
  /* line 97, assets/scss/_footer.scss */
  .footer-area .footer-widget .widget.instragram-widget {
    padding-left: 70px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      /* line 97, assets/scss/_footer.scss */
      .footer-area .footer-widget .widget.instragram-widget {
        padding-left: 0px; } }
    @media (max-width: 991px) {
      /* line 97, assets/scss/_footer.scss */
      .footer-area .footer-widget .widget.instragram-widget {
        padding-left: 0px; } }
    /* line 105, assets/scss/_footer.scss */
    .footer-area .footer-widget .widget.instragram-widget ul.instagram-list {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-left: -4px;
      margin-right: -4px; }
      /* line 111, assets/scss/_footer.scss */
      .footer-area .footer-widget .widget.instragram-widget ul.instagram-list li {
        padding-left: 4px;
        padding-right: 4px;
        flex: 0 0 33.33%;
        margin-bottom: 10px; }
        /* line 116, assets/scss/_footer.scss */
        .footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a {
          position: relative;
          display: block;
          overflow: hidden; }
          /* line 121, assets/scss/_footer.scss */
          .footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a:hover .insta-overlay {
            visibility: visible;
            opacity: 1; }
          /* line 126, assets/scss/_footer.scss */
          .footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a img {
            width: 100%;
            border-radius: 5px; }
          /* line 130, assets/scss/_footer.scss */
          .footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a .insta-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #4761ff;
            display: flex;
            align-items: center;
            justify-content: center;
            visibility: hidden;
            border-radius: 5px;
            opacity: 0;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s; }
            /* line 144, assets/scss/_footer.scss */
            .footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a .insta-overlay i {
              color: #fff; }

/* line 154, assets/scss/_footer.scss */
.footer-area .copyright-area {
  background-color: #303030;
  padding: 16px 0 21px; }
  /* line 158, assets/scss/_footer.scss */
  .footer-area .copyright-area .copyright-text p {
    color: #f0efef; }
    /* line 160, assets/scss/_footer.scss */
    .footer-area .copyright-area .copyright-text p span {
      color: #4761ff; }

/* line 167, assets/scss/_footer.scss */
.footer-area-v1 {
  background-color: #282828; }

/* line 170, assets/scss/_footer.scss */
.footer-area-v2 {
  background-color: #fff; }
  /* line 174, assets/scss/_footer.scss */
  .footer-area-v2 .footer-widget .widget h4.widget-title {
    color: #282828; }
  /* line 177, assets/scss/_footer.scss */
  .footer-area-v2 .footer-widget .widget p {
    color: #626262; }
  /* line 183, assets/scss/_footer.scss */
  .footer-area-v2 .footer-widget .widget.about-widget ul.social-link li a {
    border-color: #282828;
    color: #282828; }
  /* line 193, assets/scss/_footer.scss */
  .footer-area-v2 .footer-widget .widget.widget-categories ul.widget-link li a {
    color: #626262; }
  /* line 201, assets/scss/_footer.scss */
  .footer-area-v2 .footer-widget .widget.newsletter-widget .newsletter-info h5 {
    color: #282828; }
  /* line 204, assets/scss/_footer.scss */
  .footer-area-v2 .footer-widget .widget.newsletter-widget .newsletter-info p {
    color: #626262; }
  /* line 212, assets/scss/_footer.scss */
  .footer-area-v2 .footer-top .main-wrapper {
    position: relative;
    padding: 65px 85px 70px;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden; }
    @media (max-width: 991px) {
      /* line 212, assets/scss/_footer.scss */
      .footer-area-v2 .footer-top .main-wrapper {
        padding: 65px 15px 70px; } }
    /* line 221, assets/scss/_footer.scss */
    .footer-area-v2 .footer-top .main-wrapper:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #4761ffcc;
      z-index: -1; }
  @media (max-width: 991px) {
    /* line 232, assets/scss/_footer.scss */
    .footer-area-v2 .footer-top .info-box {
      margin-bottom: 30px; } }
  /* line 237, assets/scss/_footer.scss */
  .footer-area-v2 .footer-top .info-box .icon i {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 1;
    color: #fff; }
  /* line 245, assets/scss/_footer.scss */
  .footer-area-v2 .footer-top .info-box .info {
    margin-left: 35px; }
    /* line 247, assets/scss/_footer.scss */
    .footer-area-v2 .footer-top .info-box .info h4 {
      color: #fff;
      font-size: 25px;
      margin-bottom: 15px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 247, assets/scss/_footer.scss */
        .footer-area-v2 .footer-top .info-box .info h4 {
          font-size: 18px; } }
      @media (max-width: 991px) {
        /* line 247, assets/scss/_footer.scss */
        .footer-area-v2 .footer-top .info-box .info h4 {
          font-size: 18px; } }
    /* line 258, assets/scss/_footer.scss */
    .footer-area-v2 .footer-top .info-box .info p {
      font-size: 22px;
      color: #fff;
      line-height: 40px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* line 258, assets/scss/_footer.scss */
        .footer-area-v2 .footer-top .info-box .info p {
          font-size: 16px;
          line-height: 28px; } }
      @media (max-width: 991px) {
        /* line 258, assets/scss/_footer.scss */
        .footer-area-v2 .footer-top .info-box .info p {
          font-size: 16px;
          line-height: 28px; } }

/* line 276, assets/scss/_footer.scss */
.footer-area-v3 .footer-widget-area {
  background-color: #fff5f0;
  max-width: 1445px;
  margin: auto;
  border-radius: 60px 60px 0px 0px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* line 276, assets/scss/_footer.scss */
    .footer-area-v3 .footer-widget-area {
      max-width: 960px; } }

/* line 287, assets/scss/_footer.scss */
.footer-area-v3 .footer-widget .widget h4.widget-title {
  color: #282828; }

/* line 290, assets/scss/_footer.scss */
.footer-area-v3 .footer-widget .widget p {
  color: #626262; }

/* line 296, assets/scss/_footer.scss */
.footer-area-v3 .footer-widget .widget.about-widget ul.social-link li a {
  border-color: #626262;
  color: #282828; }

/* line 305, assets/scss/_footer.scss */
.footer-area-v3 .footer-widget .widget.newsletter-widget .newsletter-info h5 {
  color: #282828; }

/* line 308, assets/scss/_footer.scss */
.footer-area-v3 .footer-widget .widget.newsletter-widget .newsletter-info p {
  color: #626262; }

/*---=======================
   End Footer css 
===========================---*/