/* table of content - start
==================================================================================================== */
/* ==================================================
Project Name 	:  Painta - HTML Template.
File 			:  CSS Base
Version 		:  1.0.0
Last change 	:  18 February 2020
Author 			:  DroitThemes - (https://themeforest.net/user/droitthemes)
Developer:		:  Rakibul Islam Dewan - (https://www.facebook.com/rakibul.d.islam)

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

* 01 - global area

* 02 - header section
* 03 - footer section

* 04 - breadcrumb section
* 05 - sidebar section
* 06 - clients section
* 07 - call to action section
* 08 - portfolio section
* 09 - pricing section
* 10 - testimonial section

* 10 all inner pages
  -> 10.01 - about page
  -> 10.02 - team page
  -> 10.03 - service page
  -> 10.04 - blog pages
  -> 10.05 - all details pages
  -> 10.06 - contact page

* 11 all home pages
  -> 11.01 - home page v.1
  -> 11.02 - home page v.2
  -> 11.03 - home page v.3
================================================== */
/* table of content - end
==================================================================================================== */
@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
/* 01 - global area - start
==================================================================================================== */
body {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.667;
  font-style: normal;
  color: #75717b;
  font-family: "Nunito", sans-serif;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

main {
  overflow: hidden; }

::-moz-selection {
  color: #ffffff;
  background-color: #007a14; }

::selection {
  color: #ffffff;
  background-color: #007a14; }

::-moz-selection {
  color: #ffffff;
  background-color: #007a14; }

.container {
  max-width: 1200px; }

a,
button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-family: "Nunito", sans-serif; }
  a:hover,
  button:hover {
    text-decoration: none; }

button {
  margin: 0px;
  padding: 0px;
  border: none;
  background: none; }
  button:focus {
    outline: none; }

img {
  height: auto;
  max-width: 100%; }

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.deco-wrap {
  z-index: 1;
  position: relative; }

.deco-image {
  z-index: -1;
  position: absolute; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #4c4754;
  font-family: "Poppins", sans-serif; }

strong, span, small, label, i {
  font-family: "Nunito", sans-serif; }

strong {
  font-weight: 700; }

.form-item {
  position: relative;
  margin-bottom: 30px; }
  .form-item input, .form-item textarea {
    width: 100%;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid #e9eaea;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .form-item input:focus, .form-item textarea:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #007a14; }
  .form-item input {
    height: 50px;
    padding: 0px 20px; }
  .form-item textarea {
    width: 100%;
    padding: 20px;
    display: block;
    min-height: 140px; }

:-moz-placeholder {
  text-transform: capitalize; }

::-moz-placeholder {
  text-transform: capitalize; }

:-ms-input-placeholder {
  text-transform: capitalize; }

::-webkit-input-placeholder {
  text-transform: capitalize; }

/* owl settings - start
================================================== */
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: #c0c9d7;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.owl-theme .owl-dots .owl-dot:hover span {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  background: #007a14; }

.owl-theme .owl-dots .owl-dot.active span {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  background: #007a14; }

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
  margin: 0px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: relative;
  border-radius: 100%;
  border: 1px solid #75717b !important; }
  .owl-theme .owl-nav .owl-next > span,
  .owl-theme .owl-nav .owl-prev > span {
    display: none; }
  .owl-theme .owl-nav .owl-next:before,
  .owl-theme .owl-nav .owl-prev:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    position: absolute;
    color: #75717b;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: 'Font Awesome 5 Pro'; }
  .owl-theme .owl-nav .owl-next:hover,
  .owl-theme .owl-nav .owl-prev:hover {
    background: #007a14;
    border-color: #007a14 !important; }
    .owl-theme .owl-nav .owl-next:hover:before,
    .owl-theme .owl-nav .owl-prev:hover:before {
      color: #ffffff; }

.owl-theme .owl-nav .owl-prev {
  margin-right: 15px; }
  .owl-theme .owl-nav .owl-prev:before {
    content: '\f060'; }

.owl-theme .owl-nav .owl-next:before {
  content: '\f061'; }

.owl-theme.arrow-right-left .owl-nav {
  margin: 0px !important; }
  .owl-theme.arrow-right-left .owl-nav .owl-prev,
  .owl-theme.arrow-right-left .owl-nav .owl-next {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .owl-theme.arrow-right-left .owl-nav .owl-prev {
    left: 60px; }
  .owl-theme.arrow-right-left .owl-nav .owl-next {
    right: 60px; }

/* owl settings - end
================================================== */
/* list style settings - start 
================================================== */
.ul-li > ul {
  margin: 0px;
  padding: 0px;
  display: table; }
  .ul-li > ul > li {
    float: left;
    list-style: none;
    display: inline-block; }

.ul-li-block > ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: table; }
  .ul-li-block > ul > li {
    width: 100%;
    display: table;
    list-style: none; }

.ul-li-right > ul {
  margin: 0px;
  padding: 0px;
  float: right;
  display: table; }
  .ul-li-right > ul > li {
    float: left;
    list-style: none;
    display: inline-block; }

.ul-li-center > ul {
  padding: 0px;
  margin: 0 auto;
  display: table; }
  .ul-li-center > ul > li {
    float: left;
    list-style: none;
    display: inline-block; }

/* list style settings - end
================================================== */
/* pagination nav - start
================================================== */
.pagination-nav {
  margin-top: 60px; }
  .pagination-nav > ul > li {
    height: 50px;
    min-width: 50px;
    text-align: center;
    margin-right: 20px; }
    .pagination-nav > ul > li:last-child {
      margin-right: 0px !important; }
    .pagination-nav > ul > li > a {
      width: 100%;
      height: 100%;
      color: #4b4b4b;
      display: block;
      font-size: 18px;
      line-height: 54px;
      text-align: center;
      border-radius: 45px;
      background-color: #ffffff;
      -webkit-box-shadow: 0px 8px 104px 0px rgba(37, 43, 62, 0.2);
      box-shadow: 0px 8px 104px 0px rgba(37, 43, 62, 0.2); }
      .pagination-nav > ul > li > a:hover {
        color: #ffffff;
        background-color: #007a14; }
    .pagination-nav > ul > li.active > a {
      color: #ffffff;
      background-color: #007a14; }
    .pagination-nav > ul > li:last-child > a, .pagination-nav > ul > li:first-child > a {
      font-size: 16px;
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-transform: uppercase; }
      .pagination-nav > ul > li:last-child > a:hover, .pagination-nav > ul > li:first-child > a:hover {
        color: #007a14; }

/* pagination nav - end
================================================== */
/* padding - margin setting - start 
================================================== */
.sec-ptb-120 {
  padding: 120px 0px; }

.sec-ptb-100 {
  padding: 100px 0px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-100 {
  margin-bottom: 100px; }

/* padding - margin setting - end
================================================== */
/* button style - start
================================================== */
.btn {
  z-index: 1;
  height: 50px;
  color: #ffffff;
  font-size: 16px;
  min-width: 140px;
  font-weight: 500;
  padding: 0px 30px;
  line-height: 50px;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .btn:hover {
    color: #ffffff;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
  .btn.bg-default-purple {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(147, 76, 242, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(147, 76, 242, 0.2); }
  .btn.bg-default-yellow {
    color: #4c4754;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(65, 87, 102, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(65, 87, 102, 0.2); }
  .btn.bg-white {
    color: #007a14;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2); }
  .btn.bg-default-pink {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(216, 61, 105, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(216, 61, 105, 0.2); }
  .btn.bg-default-green {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(143, 209, 61, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(143, 209, 61, 0.2); }
  .btn.bg-default-orange {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(252, 100, 43, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(252, 100, 43, 0.2); }

.btn-text {
  font-size: 16px;
  font-weight: 700;
  color: #4c4754;
  font-family: "Nunito", sans-serif;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .btn-text i {
    margin-left: 2px;
    color: #4c4754;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .btn-text:hover {
    color: #007a14; }
    .btn-text:hover i {
      color: #007a14;
      -webkit-transform: translate(5px, 2px);
      -ms-transform: translate(5px, 2px);
      transform: translate(5px, 2px); }

/* button style - end
================================================== */
/* title text - start
================================================== */
.section-title .sub-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #007a14;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif; }

.section-title .title-text {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.35; }
  .section-title .title-text strong {
    font-family: "Poppins", sans-serif; }

.section-title p {
  font-size: 18px; }
  .section-title p strong {
    color: #212121; }

.section-title.size-increase .title-text {
  font-size: 50px; }

.text-white .section-title .title-text {
  color: #ffffff; }

.text-white .section-title p strong {
  color: #ffffff; }

/* title text - end
================================================== */
/* bootstrap reset - start
================================================== */
.rounded {
  overflow: hidden;
  border-radius: 6px !important; }

blockquote {
  z-index: 1;
  color: #ffffff;
  border-radius: 6px;
  position: relative;
  padding: 40px 35px;
  padding-left: 90px;
  margin-bottom: 50px;
  background-color: #007a14; }
  blockquote .quote-icon {
    top: 30px;
    left: 35px;
    z-index: -1;
    opacity: .15;
    line-height: 1;
    font-size: 72px;
    position: absolute; }
  blockquote p {
    font-size: 18px; }

/* bootstrap reset - end
================================================== */
/* back to top - start
================================================== */
#thetop {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  position: absolute; }

#backtotop {
  right: 15px;
  width: 40px;
  height: 40px;
  z-index: 999;
  bottom: 58px;
  display: none;
  position: fixed;
  border-radius: 100%;
  background-color: #4c4754;
  -webkit-box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.3); }

#backtotop #scroll {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  color: #ffffff;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
  position: relative; }

/* back to top - end
================================================== */
/* preloader - start
================================================== */
#preloader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  position: fixed;
  overflow: visible;
  background: #ffffff url("../images/preloader.svg") no-repeat center center; }

/* preloader - end
================================================== */
/* custom colors - start
================================================== */
.bg-default-pink {
  background-color: #d83d69; }

.bg-default-green {
  background-color: #8fd13d; }

.bg-default-black {
  background-color: #4c4754; }

.bg-default-orange {
  background-color: #fc642b; }

.bg-default-purple {
  background-color: #007a14; }

.bg-default-yellow {
  background-color: #fdc843; }

.bg-default-brinjal {
  background-color: #007a14; }

/* custom colors - end
================================================== */
/* transition - start
================================================== */
a,
button {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

/* transition - end
================================================== */
/* 01 - global area - end
==================================================================================================== */
/* 02 - header section - start
==================================================================================================== */
/* header - start
================================================== */
.header-section {
  background: red;
  min-height: 100px; }
  .header-section .brand-logo > a {
    float: left;
    max-width: 120px; }
  .header-section .brand-logo .menu-btn {
    float: right;
    display: none;
    line-height: 1;
    font-size: 24px;
    margin: 2px 0px; }
  .header-section .main-menu > ul > li {
    margin-right: 40px;
    position: relative; }
    .header-section .main-menu > ul > li:last-child {
      margin-right: 0px !important; }
    .header-section .main-menu > ul > li:before {
      left: 50%;
      opacity: 0;
      width: 100%;
      height: 2px;
      content: '';
      bottom: -38px;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      background-color: #007a14; }
    .header-section .main-menu > ul > li > a {
      display: block;
      color: #4c4754;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
    .header-section .main-menu > ul > li:hover:before, .header-section .main-menu > ul > li.active:before {
      opacity: 1;
      width: 150%; }
    .header-section .main-menu > ul > li:hover > a, .header-section .main-menu > ul > li.active > a {
      color: #007a14; }
  .header-section.text-white .brand-logo .menu-btn {
    color: #ffffff; }
  .header-section.text-white .main-menu > ul > li:before {
    background-color: #ffffff; }
  .header-section.text-white .main-menu > ul > li > a {
    color: rgba(255, 255, 255, 0.9); }
  .header-section.text-white .main-menu > ul > li:hover > a, .header-section.text-white .main-menu > ul > li.active > a {
    color: #ffffff; }
  .header-section.text-white .search-wrap .search-btn:before {
    color: #ffffff; }

/* header - end
================================================== */
/* header sticky - start
================================================== */
.sticky-header {
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  height: auto;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 10px 61px 0px rgba(62, 66, 87, 0.14);
  box-shadow: 0px 10px 61px 0px rgba(62, 66, 87, 0.14); }

.sticky-header.stuck {
  position: fixed;
  background-color: #ffffff !important;
  -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown;
  animation: .5s ease-in-out 0s normal none 1 running fadeInDown; }
  .sticky-header.stuck.text-white .brand-logo .menu-btn {
    color: #4c4754; }
  .sticky-header.stuck.text-white .main-menu > ul > li:before {
    background-color: #007a14; }
  .sticky-header.stuck.text-white .main-menu > ul > li > a {
    color: #4c4754; }
  .sticky-header.stuck.text-white .main-menu > ul > li:hover > a, .sticky-header.stuck.text-white .main-menu > ul > li.active > a {
    color: #007a14; }
  .sticky-header.stuck.text-white .search-wrap .search-btn:before {
    color: #4c4754; }

/* header sticky - end
================================================== */
/* main search body - start
================================================== */
.search-wrap:before {
  display: none; }

.search-wrap .search-btn {
  width: 30px;
  height: 30px;
  margin: -2px 0px;
  line-height: 32px;
  text-align: center;
  position: relative; }
  .search-wrap .search-btn:before {
    color: #4c4754;
    content: '\f002';
    display: inline-block;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: 'Font Awesome 5 Pro'; }
  .search-wrap .search-btn.active:before {
    content: '\f00d';
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }

.search-wrap .search-body {
  top: 200%;
  right: 0px;
  opacity: 0;
  width: 300px;
  padding: 15px;
  visibility: hidden;
  position: absolute;
  border-radius: 6px;
  background-color: #ffffff;
  border-top-right-radius: 0px;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .search-wrap .search-body .form-item input {
    height: 45px; }
  .search-wrap .search-body .form-item button {
    top: 50%;
    right: 20px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    color: #75717b;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .search-wrap .search-body .form-item button:hover {
      color: #007a14; }
  .search-wrap .search-body.active {
    top: 130%;
    opacity: 1;
    visibility: visible; }

/* main search body - end
================================================== */
/* drop down menu - start
================================================== */
.header-section .main-menu > ul .menu-item-has-child {
  position: relative; }
  .header-section .main-menu > ul .menu-item-has-child .sub-menu {
    top: 200%;
    left: 0px;
    z-index: 1;
    opacity: 0;
    padding: 25px;
    min-width: 200px;
    visibility: hidden;
    position: absolute;
    border-radius: 10px;
    background-color: #ffffff;
    border-top-left-radius: 2px;
    -webkit-box-shadow: 7px 5px 30px 0px rgba(36, 45, 75, 0.15);
    box-shadow: 7px 5px 30px 0px rgba(36, 45, 75, 0.15);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .header-section .main-menu > ul .menu-item-has-child .sub-menu li {
      width: 100%;
      display: block; }
      .header-section .main-menu > ul .menu-item-has-child .sub-menu li > a {
        height: 40px;
        font-size: 16px;
        padding: 8px 15px;
        padding-left: 20px;
        color: #75717b;
        border-left: 2px solid #e9eaea; }
      .header-section .main-menu > ul .menu-item-has-child .sub-menu li:hover > a, .header-section .main-menu > ul .menu-item-has-child .sub-menu li.active > a {
        color: #007a14;
        border-color: #007a14; }
  .header-section .main-menu > ul .menu-item-has-child:hover > .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible; }

.header-section .main-menu > ul .menu-item-has-child .sub-menu .menu-item-has-child .sub-menu {
  left: 100%; }

.header-section .main-menu > ul .menu-item-has-child .sub-menu .menu-item-has-child:hover > .sub-menu {
  top: 0px; }

/* drop down menu - end
================================================== */
/* sidebar menu - start
================================================== */
.sidebar-menu-wrapper {
  display: block; }
  .sidebar-menu-wrapper .sidebar-menu {
    top: 0;
    right: -420px;
    width: 400px;
    height: 100vh;
    z-index: 9999;
    position: fixed;
    padding: 40px 30px;
    overflow-y: scroll;
    background-color: #ffffff;
    -webkit-transition: 0.6s cubic-bezier(1, 0, 0, 1);
    -o-transition: 0.6s cubic-bezier(1, 0, 0, 1);
    transition: 0.6s cubic-bezier(1, 0, 0, 1);
    /* menu items - start */
    /* menu items - end */
    /* social links - start */
    /* social links - end */ }
    .sidebar-menu-wrapper .sidebar-menu.active {
      right: 0px;
      -webkit-box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
      box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35); }
    .sidebar-menu-wrapper .sidebar-menu .mCustomScrollBox {
      overflow: visible !important; }
    .sidebar-menu-wrapper .sidebar-menu .dismiss .close-btn {
      width: 40px;
      height: 40px;
      color: #ffffff;
      font-size: 18px;
      cursor: pointer;
      line-height: 42px;
      text-align: center;
      border-radius: 3px;
      display: inline-block; }
    .sidebar-menu-wrapper .sidebar-menu .about-content .title-text {
      font-size: 20px;
      line-height: 1.5;
      font-weight: 600;
      margin-bottom: 20px;
      text-transform: uppercase; }
      .sidebar-menu-wrapper .sidebar-menu .about-content .title-text strong {
        font-weight: 600;
        font-family: "Poppins", sans-serif; }
    .sidebar-menu-wrapper .sidebar-menu .menu-list {
      margin-left: -30px;
      margin-right: -30px; }
      .sidebar-menu-wrapper .sidebar-menu .menu-list > ul > li {
        margin-bottom: 1px; }
        .sidebar-menu-wrapper .sidebar-menu .menu-list > ul > li:last-child {
          margin-bottom: 0px !important; }
        .sidebar-menu-wrapper .sidebar-menu .menu-list > ul > li > a {
          width: 100%;
          display: block;
          font-size: 16px;
          padding: 12px 30px;
          color: #75717b;
          text-transform: capitalize; }
        .sidebar-menu-wrapper .sidebar-menu .menu-list > ul > li:hover > a, .sidebar-menu-wrapper .sidebar-menu .menu-list > ul > li.active > a {
          color: #212121;
          background-color: #f9f9f9; }
      .sidebar-menu-wrapper .sidebar-menu .menu-list .sub-menu {
        margin: 0px;
        padding: 0px;
        background-color: #f9f9f9; }
        .sidebar-menu-wrapper .sidebar-menu .menu-list .sub-menu > li {
          width: 100%;
          display: block; }
          .sidebar-menu-wrapper .sidebar-menu .menu-list .sub-menu > li > a {
            width: 100%;
            display: block;
            padding: 12px 30px;
            color: #75717b; }
          .sidebar-menu-wrapper .sidebar-menu .menu-list .sub-menu > li:hover > a, .sidebar-menu-wrapper .sidebar-menu .menu-list .sub-menu > li.active > a {
            color: #4c4754;
            background-color: rgba(0, 0, 0, 0.03); }
    .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li {
      width: 40px;
      height: 40px;
      margin-right: 15px;
      text-align: center; }
      .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li:last-child {
        margin-right: 0px !important; }
      .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li > a {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 14px;
        line-height: 42px;
        border-radius: 100%;
        color: #75717b;
        border: 1px solid #e9eaea;
        -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li > a:hover {
          color: #ffffff;
          -webkit-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
          transform: translateY(-3px);
          border-color: #007a14;
          background-color: #007a14;
          -webkit-box-shadow: 0px 5px 10px 1px rgba(147, 76, 242, 0.3);
          box-shadow: 0px 5px 10px 1px rgba(147, 76, 242, 0.3); }
  .sidebar-menu-wrapper .overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .sidebar-menu-wrapper .overlay.active {
    opacity: 1;
    display: block; }

.sidebar-menu::-webkit-scrollbar {
  width: 0px; }

/* sidebar menu - end
================================================== */
/* 02 - header section - end
==================================================================================================== */
/* 03 - footer section - start
==================================================================================================== */
.footer-section {
  overflow: hidden; }
  .footer-section.bg-black {
    background-color: #212121; }
  .footer-section .deco-image-1 {
    bottom: 0px;
    right: -228px; }
  .footer-section .newsletter-area {
    padding-top: 150px; }
    .footer-section .newsletter-area .title-text {
      font-size: 50px;
      line-height: 1.08;
      margin-bottom: 70px; }
    .footer-section .newsletter-area .sub-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 20px;
      letter-spacing: 1px;
      color: #007a14;
      text-transform: uppercase;
      font-family: "Poppins", sans-serif; }
    .footer-section .newsletter-area .form-item input {
      border: none;
      height: 60px;
      color: #ffffff;
      font-size: 18px;
      padding: 0px 30px;
      background-color: #2e2e2e; }
      .footer-section .newsletter-area .form-item input:-moz-placeholder {
        color: #a4abab; }
      .footer-section .newsletter-area .form-item input::-moz-placeholder {
        color: #a4abab; }
      .footer-section .newsletter-area .form-item input:-ms-input-placeholder {
        color: #a4abab; }
      .footer-section .newsletter-area .form-item input::-webkit-input-placeholder {
        color: #a4abab; }
    .footer-section .newsletter-area .form-item button[type=submit] {
      top: 0px;
      right: 0px;
      height: 60px;
      color: #2e2e2e;
      font-size: 18px;
      font-weight: 600;
      min-width: 160px;
      padding: 0px 30px;
      text-align: center;
      position: absolute;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      background-color: #fdc843; }
  .footer-section .widget-area {
    padding-top: 120px;
    padding-bottom: 100px; }
  .footer-section .widget-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600; }
  .footer-section .brand-logo > a {
    max-width: 100px; }
  .footer-section .useful-links > ul > li {
    margin-bottom: 12px; }
    .footer-section .useful-links > ul > li:last-child {
      margin-bottom: 0px !important; }
    .footer-section .useful-links > ul > li > a {
      line-height: 1;
      color: #ffffff;
      overflow: hidden;
      position: relative; }
      .footer-section .useful-links > ul > li > a:hover {
        color: #007a14; }
  .footer-section .bottom-area {
    padding: 25px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .footer-section .copyright-text > p > a {
    color: #007a14; }
  .footer-section .social-links > ul > li {
    margin-right: 35px; }
    .footer-section .social-links > ul > li:last-child {
      margin-right: 0px !important; }
    .footer-section .social-links > ul > li > a {
      color: #ffffff;
      font-size: 14px; }
      .footer-section .social-links > ul > li > a:hover {
        color: #007a14; }

/* 03 - footer section - end
==================================================================================================== */
/* 04 - breadcrumb section - start
==================================================================================================== */
.breadcrumb-section {
  position: relative; }
  .breadcrumb-section .overlay-white,
  .breadcrumb-section .overlay-black {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute; }
  .breadcrumb-section .overlay-white {
    background-image: -webkit-linear-gradient(45deg, #ffffff, transparent);
    background-image: -o-linear-gradient(45deg, #ffffff, transparent);
    background-image: linear-gradient(45deg, #ffffff, transparent); }
  .breadcrumb-section .overlay-black {
    background-image: -webkit-linear-gradient(45deg, #212121, transparent);
    background-image: -o-linear-gradient(45deg, #212121, transparent);
    background-image: linear-gradient(45deg, #212121, transparent); }
  .breadcrumb-section .parallax-window {
    min-height: 500px;
    padding: 100px 0px; }
  .breadcrumb-section .breadcrumb-content {
    margin-top: 100px; }
  .breadcrumb-section .page-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 0.85;
    color: #4c4754; }
  .breadcrumb-section .sub-title {
    color: #75717b;
    font-size: 16px;
    line-height: 1.75;
    text-transform: uppercase; }
  .breadcrumb-section.text-white .page-title {
    color: #ffffff; }
  .breadcrumb-section.text-white .sub-title {
    color: #ffffff; }

/* 04 - breadcrumb section - end
==================================================================================================== */
/* 05 - sidebar section - start
==================================================================================================== */
.sidebar-section.pl-30 {
  padding-left: 30px; }

.sidebar-section.pr-30 {
  padding-right: 30px; }

.sidebar-section .widget {
  margin-bottom: 70px; }
  .sidebar-section .widget:last-child {
    margin-bottom: 0px !important; }
  .sidebar-section .widget.bg-white {
    padding: 40px;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-box-shadow: 7.19px -3.507px 104px 0px rgba(36, 45, 75, 0.1);
    box-shadow: 7.19px -3.507px 104px 0px rgba(36, 45, 75, 0.1); }
    .sidebar-section .widget.bg-white .widget-title {
      font-size: 30px; }

.sidebar-section .widget-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.273;
  margin-bottom: 40px;
  color: #4c4754;
  font-family: "Poppins", sans-serif; }

.sidebar-section .search-form .form-item input {
  border-radius: 0px; }

.sidebar-section .search-form .form-item .submit-btn {
  top: 0px;
  right: 0px;
  height: 50px;
  color: #ffffff;
  font-size: 20px;
  min-width: 60px;
  line-height: 54px;
  text-align: center;
  position: absolute;
  background-color: #007a14; }

.sidebar-section .category-list > ul > li {
  margin-bottom: 20px; }
  .sidebar-section .category-list > ul > li:last-child {
    margin-bottom: 0px !important; }
  .sidebar-section .category-list > ul > li > a {
    font-size: 16px;
    font-weight: 600;
    color: #75717b;
    font-family: "Nunito", sans-serif; }
    .sidebar-section .category-list > ul > li > a:hover {
      color: #007a14; }

.sidebar-section .recent-post > ul > li {
  margin-bottom: 30px; }
  .sidebar-section .recent-post > ul > li:last-child {
    margin-bottom: 0px !important; }

.sidebar-section .instagram-post .image-list {
  margin: -5px; }
  .sidebar-section .instagram-post .image-list > ul {
    width: 100%; }
    .sidebar-section .instagram-post .image-list > ul > li {
      width: 25%;
      padding: 5px; }
      .sidebar-section .instagram-post .image-list > ul > li > a {
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 6px; }

.sidebar-section .popular-tags .tag-list {
  margin: -5px; }
  .sidebar-section .popular-tags .tag-list > ul {
    width: 100%; }
    .sidebar-section .popular-tags .tag-list > ul > li {
      padding: 5px; }
      .sidebar-section .popular-tags .tag-list > ul > li > a {
        height: 36px;
        display: block;
        color: #75717b;
        font-size: 16px;
        line-height: 36px;
        padding: 0px 22px;
        border-radius: 6px;
        text-align: center;
        font-family: "Nunito", sans-serif;
        background-color: #f9f4fe; }
        .sidebar-section .popular-tags .tag-list > ul > li > a:hover {
          color: #ffffff;
          background-color: #007a14; }

.sidebar-section .services-tab .tabs-nav {
  margin: -15px -40px; }
  .sidebar-section .services-tab .tabs-nav > ul > li {
    margin-bottom: 1px; }
    .sidebar-section .services-tab .tabs-nav > ul > li:last-child {
      margin-bottom: 0px !important; }
    .sidebar-section .services-tab .tabs-nav > ul > li > a {
      width: 100%;
      display: block;
      font-size: 18px;
      position: relative;
      padding: 15px 40px;
      padding-left: 70px;
      color: #75717b; }
      .sidebar-section .services-tab .tabs-nav > ul > li > a:before {
        top: 15px;
        left: 40px;
        content: '\f105';
        font-weight: 400;
        position: absolute;
        font-family: 'Font Awesome 5 Pro'; }
      .sidebar-section .services-tab .tabs-nav > ul > li > a:hover, .sidebar-section .services-tab .tabs-nav > ul > li > a.active {
        color: #ffffff;
        background-color: #007a14; }

.sidebar-section .contact-info > ul > li {
  margin-bottom: 30px; }
  .sidebar-section .contact-info > ul > li:last-child {
    margin-bottom: 0px !important; }
  .sidebar-section .contact-info > ul > li .icon {
    width: 45px;
    float: left;
    font-size: 26px; }
  .sidebar-section .contact-info > ul > li .content {
    display: table; }
    .sidebar-section .contact-info > ul > li .content h4 {
      font-size: 18px; }

/* 05 - sidebar section - end
==================================================================================================== */
/* 06 - clients section - start
==================================================================================================== */
.client-section .clients-carousel .item {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .client-section .clients-carousel .item > a {
    margin: auto;
    display: block;
    max-width: 150px; }

/* 06 - clients section - end
==================================================================================================== */
/* 07 - call to action section - start
==================================================================================================== */
.calltoaction-section {
  position: relative; }
  .calltoaction-section .overlay-pink,
  .calltoaction-section .overlay-black,
  .calltoaction-section .overlay-purple-gradient {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute; }
  .calltoaction-section .overlay-black {
    background-color: rgba(37, 36, 37, 0.95); }
  .calltoaction-section .overlay-purple-gradient {
    background-image: -webkit-linear-gradient(230deg, rgba(0, 120, 20, 0.9) 0%, rgba(10, 204, 42, 0.9) 100%);
    background-image: -o-linear-gradient(230deg, rgba(0, 120, 20, 0.9) 0%, rgba(10, 204, 42, 0.9) 100%);
    background-image: linear-gradient(-140deg, rgba(0, 120, 20, 0.9) 0%, rgba(10, 204, 42, 0.9) 100%); }
  .calltoaction-section .overlay-pink {
    background-color: rgba(0, 120, 20, 0.902); }
  .calltoaction-section .item-image {
    overflow: hidden;
    margin-left: -15px; }
  .calltoaction-section .section-title {
    padding-left: 30px; }
  .calltoaction-section .info-list {
    margin-bottom: 45px; }
    .calltoaction-section .info-list > ul > li {
      position: relative;
      padding-left: 35px;
      margin-bottom: 10px; }
      .calltoaction-section .info-list > ul > li:last-child {
        margin-bottom: 0px !important; }
      .calltoaction-section .info-list > ul > li:before {
        top: 1px;
        left: 0px;
        content: '\f058';
        font-weight: 400;
        position: absolute;
        font-family: 'Font Awesome 5 Pro'; }
  .calltoaction-section .estimate-content {
    z-index: 1;
    position: relative; }
    .calltoaction-section .estimate-content h2 {
      color: #ffffff;
      font-size: 60px;
      font-weight: 300;
      line-height: 1.5; }
      .calltoaction-section .estimate-content h2 strong {
        display: block;
        font-weight: 700; }

/* 07 - call to action section - end
==================================================================================================== */
/* 08 - portfolio section - start
==================================================================================================== */
/* portfolio - start */
.portfolio-section .deco-image-1 {
  top: 310px;
  right: -90px;
  max-width: 235px; }

.portfolio-section .deco-image-2 {
  bottom: 0px;
  left: -200px;
  max-width: 355px; }

/* portfolio - end */
/* masonry layout - start */
.portfolio-section .grid {
  margin: 0px; }
  .portfolio-section .grid .grid-item,
  .portfolio-section .grid .grid-sizer {
    width: 33.333%; }
  .portfolio-section .grid .grid-item {
    padding: 0px; }
    .portfolio-section .grid .grid-item.grid-66 {
      width: 66.666%; }
    .portfolio-section .grid .grid-item .portfolio-fullimage {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 400px;
      overflow: hidden; }
      .portfolio-section .grid .grid-item .portfolio-fullimage > img {
        -o-object-fit: cover;
        object-fit: cover; }
    .portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
      height: 800px; }

/* masonry layout - end */
/* portfolio fullimage - start */
.portfolio-fullimage {
  position: relative;
  background-color: #007a14; }
  .portfolio-fullimage > img {
    width: 100%;
    display: block;
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .portfolio-fullimage:hover > img {
    opacity: .2; }
  .portfolio-fullimage .item-content {
    top: 50%;
    left: 0px;
    right: 0px;
    z-index: 1;
    color: #ffffff;
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .portfolio-fullimage .item-title {
    overflow: hidden;
    display: inline-block; }
    .portfolio-fullimage .item-title > a {
      display: block;
      color: #ffffff;
      font-size: 30px;
      font-weight: 600;
      font-family: "Poppins", sans-serif;
      -webkit-transform: translateY(35px);
      -ms-transform: translateY(35px);
      transform: translateY(35px);
      -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .portfolio-fullimage p {
    overflow: hidden; }
    .portfolio-fullimage p span {
      display: block;
      font-size: 18px;
      font-weight: 600;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .portfolio-fullimage:hover .item-title > a {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  .portfolio-fullimage:hover p span {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }

/* portfolio fullimage - end */
/* portfolio fullimage - start */
.portfolio-grid {
  overflow: hidden;
  margin-top: 30px;
  position: relative;
  border-radius: 6px;
  background-color: #d83d69;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-box-shadow: 0px 20px 80px 0px rgba(64, 74, 103, 0.2);
  box-shadow: 0px 20px 80px 0px rgba(64, 74, 103, 0.2); }
  .portfolio-grid:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px); }
  .portfolio-grid > img {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .portfolio-grid:hover > img {
    opacity: 0.05;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s; }
  .portfolio-grid .title-wrap {
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .portfolio-grid .item-title {
    font-size: 20px;
    font-family: "Nunito", sans-serif; }
  .portfolio-grid .info-text {
    display: block;
    font-size: 16px; }
  .portfolio-grid:hover .title-wrap {
    bottom: -110px;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s; }
  .portfolio-grid .item-content {
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 30px;
    z-index: 1;
    position: absolute; }
    .portfolio-grid .item-content .item-title {
      margin-bottom: 20px; }
      .portfolio-grid .item-content .item-title > a {
        color: #ffffff;
        font-size: 20px;
        font-family: "Nunito", sans-serif; }
    .portfolio-grid .item-content .btn-text {
      color: #ffffff; }
      .portfolio-grid .item-content .btn-text i {
        color: #ffffff; }
    .portfolio-grid .item-content p,
    .portfolio-grid .item-content .btn-text,
    .portfolio-grid .item-content .item-title {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
  .portfolio-grid:hover .item-content p,
  .portfolio-grid:hover .item-content .btn-text,
  .portfolio-grid:hover .item-content .item-title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  .portfolio-grid:hover .item-content .item-title {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }
  .portfolio-grid:hover .item-content p {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s; }
  .portfolio-grid:hover .item-content .btn-text {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s; }

/* portfolio fullimage - end */
/* 08 - portfolio section - end
==================================================================================================== */
/* 09 - pricing section - start
==================================================================================================== */
.pricing-section.bg-skyblue {
  background-color: #eaf7fb; }

.pricing-section .deco-image-1 {
  top: 60px;
  right: -50px;
  max-width: 180px; }

.pricing-item {
  margin-top: 30px;
  padding: 70px 50px;
  border-radius: 6px;
  background-size: auto;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: right bottom;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .pricing-item:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-box-shadow: 0px 30px 60px 0px rgba(40, 54, 58, 0.2);
    box-shadow: 0px 30px 60px 0px rgba(40, 54, 58, 0.2); }
  .pricing-item.border {
    border: 1px solid #e1e1e1 !important; }
  .pricing-item .icon {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px auto 35px; }
    .pricing-item .icon > img {
      margin: auto;
      height: auto; }
  .pricing-item .item-title {
    font-size: 30px;
    font-family: "Nunito", sans-serif; }
  .pricing-item .pricing-list > ul > li {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; }
    .pricing-item .pricing-list > ul > li:last-child {
      margin-bottom: 0px !important; }
  .pricing-item .btn {
    height: 50px;
    min-width: 160px;
    line-height: 50px; }

/* 09 - pricing section - end
==================================================================================================== */
/* 10 - testimonial section - start
==================================================================================================== */
.testimonial-section .deco-image-1 {
  top: 0px;
  right: 0px;
  max-width: 335px; }

.testimonial-section .deco-image-2 {
  left: 0px;
  bottom: 0px;
  max-width: 975px; }

.testimonial-section .carousel_thumb .item:focus,
.testimonial-section .teatimonial_carousel .item:focus {
  outline: none; }

.testimonial-section .carousel_thumb {
  float: right;
  width: 765px;
  height: 675px;
  position: relative;
  margin-bottom: -120px; }
  .testimonial-section .carousel_thumb .thumb-item {
    z-index: 1;
    width: 130px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    border-radius: 100%;
    -webkit-box-shadow: 0px 25px 50px 0px rgba(214, 53, 99, 0.2);
    box-shadow: 0px 25px 50px 0px rgba(214, 53, 99, 0.2); }
    .testimonial-section .carousel_thumb .thumb-item.size-sm {
      -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
      transform: scale(0.6); }
    .testimonial-section .carousel_thumb .thumb-item.size-md {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8); }
    .testimonial-section .carousel_thumb .thumb-item:nth-child(1) {
      top: 40px;
      left: 85px; }
    .testimonial-section .carousel_thumb .thumb-item:nth-child(2) {
      top: 0px;
      left: 385px; }
    .testimonial-section .carousel_thumb .thumb-item:nth-child(3) {
      top: 220px;
      left: 380px; }
    .testimonial-section .carousel_thumb .thumb-item:nth-child(4) {
      top: 360px;
      left: 110px; }
    .testimonial-section .carousel_thumb .thumb-item:nth-child(5) {
      top: 350px;
      right: 45px; }
    .testimonial-section .carousel_thumb .thumb-item:nth-child(6) {
      left: 385px;
      bottom: 60px; }

.testimonial-section .teatimonial_carousel .quote-icon {
  line-height: 1;
  color: #e8e8e8;
  font-size: 50px;
  margin-bottom: 30px;
  display: inline-block; }

.testimonial-section .teatimonial_carousel .rating-star {
  margin-bottom: 25px; }
  .testimonial-section .teatimonial_carousel .rating-star > ul > li {
    color: #f0be12;
    font-size: 16px;
    margin-right: 10px; }
    .testimonial-section .teatimonial_carousel .rating-star > ul > li:last-child {
      margin-right: 0px !important; }

.testimonial-section .teatimonial_carousel p {
  margin-bottom: 50px; }

.testimonial-section .teatimonial_carousel .testimonial-admin .admin-image {
  float: left;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 25px;
  border-radius: 100%; }

.testimonial-section .teatimonial_carousel .testimonial-admin .admin-content {
  display: table;
  padding-top: 4px; }

.testimonial-section .teatimonial_carousel .testimonial-admin .abmin-name {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #4c4754;
  font-family: "Nunito", sans-serif; }

.testimonial-section .teatimonial_carousel .testimonial-admin .abmin-title {
  display: block;
  font-size: 16px; }

.testimonial-section .teatimonial_carousel.owl-theme .owl-nav {
  float: left;
  margin-top: 40px; }

/* 10 - testimonial section - end
==================================================================================================== */
/* 10.01 - about page - start
==================================================================================================== */
/* intro section - start
================================================== */
.intro-section .deco-image-3 {
  left: 0px;
  bottom: 0px;
  overflow: hidden; }

.intro-section .item-image {
  z-index: 1;
  position: relative;
  padding-left: 70px;
  padding-bottom: 95px; }
  .intro-section .item-image .absolute-image {
    z-index: 1;
    bottom: 0px;
    left: -130px;
    padding: 10px;
    max-width: 370px;
    position: absolute;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 20px 100px 0px rgba(53, 57, 78, 0.3);
    box-shadow: 0px 20px 100px 0px rgba(53, 57, 78, 0.3); }
  .intro-section .item-image .deco-image-1 {
    top: 105px;
    left: -180px;
    max-width: 225px; }
  .intro-section .item-image .deco-image-2 {
    top: 80px;
    left: 70px;
    max-width: 230px; }

.intro-section .item-image-2 {
  z-index: 1;
  position: relative;
  padding-right: 70px;
  padding-bottom: 95px; }
  .intro-section .item-image-2 .absolute-image {
    z-index: 1;
    bottom: 0px;
    right: -130px;
    padding: 10px;
    max-width: 370px;
    position: absolute;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 20px 100px 0px rgba(53, 57, 78, 0.3);
    box-shadow: 0px 20px 100px 0px rgba(53, 57, 78, 0.3); }
  .intro-section .item-image-2 .deco-image-1 {
    top: 105px;
    right: -180px;
    max-width: 225px; }
  .intro-section .item-image-2 .deco-image-2 {
    top: 80px;
    right: 70px;
    max-width: 230px; }

/* intro section - end
================================================== */
/* misssion section - start
================================================== */
.misssion-section.bg-gray {
  background-color: #f9f6fe; }

.misssion-section.bg-gray-2 {
  background-color: #fdf7f9; }

.misssion-section .section-title {
  margin-right: -30px; }

.misssion-section .item-image-wrap {
  z-index: 1;
  position: relative;
  margin-left: -30px; }
  .misssion-section .item-image-wrap .item-image {
    width: 650px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-box-shadow: 0px 20px 100px 0px rgba(44, 48, 65, 0.3);
    box-shadow: 0px 20px 100px 0px rgba(44, 48, 65, 0.3); }
    .misssion-section .item-image-wrap .item-image .play-btn {
      top: 50%;
      left: 50%;
      width: 120px;
      height: 120px;
      font-size: 32px;
      text-align: center;
      position: absolute;
      line-height: 130px;
      border-radius: 100%;
      color: #d83d69;
      background-color: #ffffff;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .misssion-section .item-image-wrap .item-image .play-btn i {
        margin-left: 6px; }
  .misssion-section .item-image-wrap .deco-image-1 {
    bottom: -40px;
    right: -210px; }

.misssion-section .deco-image-2 {
  top: 100px;
  right: -75px;
  max-width: 280px; }

.misssion-section .deco-image-3 {
  bottom: 80px;
  left: -140px;
  max-width: 280px; }

/* misssion section - end
================================================== */
/* how it work section - start
================================================== */
.howitwork-section .overlay-purple {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  background-image: -webkit-linear-gradient(230deg, rgba(0, 120, 20, 0.9) 0%, rgba(250, 200, 2, 0.9) 100%);
  background-image: -o-linear-gradient(230deg, rgba(0, 120, 20, 0.9) 0%, rgba(250, 200, 2, 0.9) 100%);
  background-image: linear-gradient(-140deg, rgba(0, 120, 20, 0.9) 0%, rgba(250, 200, 2, 0.9) 100%); }

.howitwork-section .item-image {
  z-index: 1;
  padding-top: 90px;
  margin-left: -30px;
  position: relative;
  padding-right: 100px; }
  .howitwork-section .item-image .video-image {
    z-index: 2;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 128px 0px rgba(3, 3, 3, 0.2);
    box-shadow: 0px 3px 128px 0px rgba(3, 3, 3, 0.2); }
    .howitwork-section .item-image .video-image > img {
      width: 100%;
      display: block; }
    .howitwork-section .item-image .video-image .play-btn {
      top: 50%;
      left: 50%;
      width: 120px;
      height: 120px;
      font-size: 32px;
      text-align: center;
      position: absolute;
      line-height: 130px;
      border-radius: 100%;
      color: #007a14;
      background-color: #ffffff;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .howitwork-section .item-image .video-image .play-btn i {
        margin-left: 6px; }
  .howitwork-section .item-image .absolute-image {
    top: 0px;
    z-index: 1;
    right: -120px;
    max-width: 290px;
    position: absolute; }
  .howitwork-section .item-image .deco-image-1 {
    right: -25px;
    bottom: -50px;
    max-width: 335px; }
  .howitwork-section .item-image .deco-image-2 {
    top: -65px;
    left: 80px;
    max-width: 390px; }

/* how it work section - end
================================================== */
/* faq section - start
================================================== */
.faq-section.bg-light {
  background-color: #fdf7f9 !important; }

.faq-section .deco-image-1 {
  right: 0px;
  bottom: 0px; }

.faq-section .item-image {
  width: 530px;
  margin-left: -5px;
  margin-bottom: -100px; }

.faq-accordion {
  position: relative;
  margin-right: -30px; }
  .faq-accordion .card {
    border: none;
    margin-top: 20px;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(99, 95, 98, 0.05);
    box-shadow: 0px 20px 30px 0px rgba(99, 95, 98, 0.05); }
    .faq-accordion .card .card-header {
      padding: 0px;
      border: none;
      background-color: transparent; }
      .faq-accordion .card .card-header > a {
        width: 100%;
        display: block;
        font-weight: 600;
        padding: 20px 30px;
        position: relative;
        color: #4c4754;
        font-family: "Poppins", sans-serif; }
        .faq-accordion .card .card-header > a:after {
          top: 20px;
          right: 30px;
          color: #75717b;
          font-size: 16px;
          content: '\f105';
          font-weight: 600;
          position: absolute;
          -webkit-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          font-family: 'Font Awesome 5 Pro'; }
        .faq-accordion .card .card-header > a:not(.collapsed):after {
          content: '\f107';
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg); }
    .faq-accordion .card .card-body {
      padding: 30px;
      padding-top: 0px; }

/* faq section - end
================================================== */
/* 10.01 - about page - end
==================================================================================================== */
/* 10.02 - team page - start
==================================================================================================== */
/* team section - start */
.team-section .deco-image-1 {
  left: -240px;
  bottom: -60px;
  max-width: 420px; }

/* team section - end */
/* team-grid - start */
.team-grid {
  margin-top: 60px;
  text-align: center; }
  .team-grid .member-image {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#007a14));
    background-image: -webkit-linear-gradient(transparent, #007a14);
    background-image: -o-linear-gradient(transparent, #007a14);
    background-image: linear-gradient(transparent, #007a14); }
    .team-grid .member-image > img {
      -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .team-grid .member-image .social-links {
      left: 0px;
      right: 0px;
      bottom: 30px;
      z-index: 1;
      position: absolute; }
      .team-grid .member-image .social-links > ul > li {
        opacity: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        margin-right: 15px;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
        .team-grid .member-image .social-links > ul > li:last-child {
          margin-right: 0px !important; }
        .team-grid .member-image .social-links > ul > li > a {
          width: 100%;
          height: 100%;
          display: block;
          color: #ffffff;
          line-height: 42px;
          border-radius: 100%;
          border: 1px solid #ffffff; }
          .team-grid .member-image .social-links > ul > li > a:hover {
            color: #007a14;
            background-color: #ffffff;
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
            -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(147, 76, 242, 0.3);
            box-shadow: 0px 5px 10px 1px rgba(147, 76, 242, 0.3); }
  .team-grid:hover .member-image {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 20px 40px 0px rgba(4, 30, 54, 0.2);
    box-shadow: 0px 20px 40px 0px rgba(4, 30, 54, 0.2); }
    .team-grid:hover .member-image > img {
      opacity: .2; }
    .team-grid:hover .member-image .social-links > ul > li {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
      .team-grid:hover .member-image .social-links > ul > li:nth-child(1) {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s; }
      .team-grid:hover .member-image .social-links > ul > li:nth-child(2) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s; }
      .team-grid:hover .member-image .social-links > ul > li:nth-child(3) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s; }
  .team-grid .member-name {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px; }
  .team-grid .member-title {
    display: block;
    font-size: 18px;
    font-weight: 600; }

.has-4-items .team-grid .member-name {
  font-size: 18px;
  margin-bottom: 8px; }

.has-4-items .team-grid .member-title {
  font-size: 16px; }

.team-carousel {
  margin-left: -15px;
  margin-right: -15px; }
  .team-carousel .item {
    padding: 0px 15px; }
    .team-carousel .item .team-grid .member-name {
      font-size: 18px;
      margin-bottom: 5px; }
    .team-carousel .item .team-grid .member-title {
      font-size: 16px; }
  .team-carousel.arrow-right-left .owl-nav .owl-prev {
    left: -80px !important; }
  .team-carousel.arrow-right-left .owl-nav .owl-next {
    right: -80px !important; }

/* team-grid - end */
/* 10.02 - team page - end
==================================================================================================== */
/* 10.03 - service page - start
==================================================================================================== */
/* service section - start */
.service-section.bg-gray {
  background-color: #fcf4f3; }

.service-section.bg-gray-2 {
  background-color: #f7f6f6; }

.service-section .deco-image-1 {
  left: 0px;
  top: 120px; }

.service-section .deco-image-2 {
  right: 0px;
  bottom: 50px; }

.service-section .deco-image-3 {
  right: 40px;
  bottom: -13px;
  max-width: 605px; }

.service-section .deco-image-4 {
  left: 45px;
  bottom: 35px;
  max-width: 220px; }

/* service section - end */
/* service primary - start */
.service-primary {
  margin-top: 60px; }
  .service-primary .item-icon {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
    .service-primary .item-icon > img {
      margin: auto;
      height: 55px;
      margin-left: 0px; }
  .service-primary .item-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px; }
  .service-primary p {
    font-size: 18px; }

/* service primary - end */
/* service fullimage - start */
.service-fullimage {
  overflow: hidden;
  margin-top: 30px;
  position: relative;
  border-radius: 6px;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .service-fullimage:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-box-shadow: 0px 20px 40px 0px rgba(4, 30, 54, 0.25);
    box-shadow: 0px 20px 40px 0px rgba(4, 30, 54, 0.25); }
  .service-fullimage .item-title {
    left: 0px;
    bottom: 40px;
    height: 65px;
    min-width: 270px;
    position: absolute; }
    .service-fullimage .item-title > a {
      width: 100%;
      height: 100%;
      display: block;
      font-size: 18px;
      font-weight: 700;
      line-height: 65px;
      padding: 0px 30px;
      color: #4c4754;
      font-family: "Poppins", sans-serif;
      border-top-right-radius: 45px;
      border-bottom-right-radius: 45px;
      background-color: #fdc843; }
  .service-fullimage:hover .item-title > a {
    color: #ffffff;
    background-color: #d63563; }

/* service fullimage - end */
/* service boxed - start */
.service-boxed {
  color: #ffffff;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  text-align: center;
  padding: 60px 30px;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .service-boxed:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px); }
  .service-boxed.bg-orange {
    background-color: #fd5649; }
    .service-boxed.bg-orange:hover {
      -webkit-box-shadow: 0px 40px 90px 0px rgba(253, 86, 73, 0.22);
      box-shadow: 0px 40px 90px 0px rgba(253, 86, 73, 0.22); }
  .service-boxed.bg-yellow {
    background-color: #ffba0c; }
    .service-boxed.bg-yellow:hover {
      -webkit-box-shadow: 0px 40px 90px 0px rgba(255, 183, 0, 0.22);
      box-shadow: 0px 40px 90px 0px rgba(255, 183, 0, 0.22); }
  .service-boxed.bg-pink {
    background-color: #f33eb0; }
    .service-boxed.bg-pink:hover {
      -webkit-box-shadow: 0px 40px 90px 0px rgba(242, 42, 168, 0.22);
      box-shadow: 0px 40px 90px 0px rgba(242, 42, 168, 0.22); }
  .service-boxed .item-icon {
    width: 130px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px auto 30px; }
    .service-boxed .item-icon > img {
      margin: auto;
      height: 115px; }
  .service-boxed .item-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: "Nunito", sans-serif; }
  .service-boxed .details-btn {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    font-family: "Nunito", sans-serif; }
    .service-boxed .details-btn i {
      margin-left: 5px;
      -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
      transform: translateY(2px);
      -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .service-boxed .details-btn:hover i {
      -webkit-transform: translate(6px, 2px);
      -ms-transform: translate(6px, 2px);
      transform: translate(6px, 2px); }

/* service boxed - end */
/* service boxed 2 - start */
.service-boxed-2 {
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  text-align: center;
  padding: 50px 30px;
  background-color: #ffffff;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-box-shadow: 0px 20px 106px 0px rgba(36, 45, 75, 0.1);
  box-shadow: 0px 20px 106px 0px rgba(36, 45, 75, 0.1); }
  .service-boxed-2:before {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    content: '';
    opacity: 0;
    position: absolute;
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#007a14), to(#00c721));
    background-image: -webkit-linear-gradient(bottom, #007a14 0%, #00c721 100%);
    background-image: -o-linear-gradient(bottom, #007a14 0%, #00c721 100%);
    background-image: linear-gradient(0deg, #007a14 0%, #00c721 100%); }
  .service-boxed-2:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px); }
    .service-boxed-2:hover:before {
      opacity: 0.89; }
  .service-boxed-2 .item-icon {
    width: auto;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px auto 50px; }
    .service-boxed-2 .item-icon > img {
      margin: auto;
      height: 215px; }
  .service-boxed-2 .item-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: "Nunito", sans-serif; }
  .service-boxed-2 .btn-wrap {
    top: 60%;
    left: 50%;
    z-index: 2;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .service-boxed-2:hover .btn-wrap {
    top: 50%;
    opacity: 1;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/* service boxed 2 - end */
/* 10.03 - service page - end
==================================================================================================== */
/* 10.04 - blog pages - start
==================================================================================================== */
/* blog section - start */
.blog-section .deco-image-1 {
  left: 0px;
  bottom: 0px; }

.blog-section .deco-image-2 {
  top: 0px;
  right: 0px; }

/* blog section - end */
/* blog grid - start */
.blog-grid {
  position: relative;
  border-radius: 6px;
  margin-bottom: 50px;
  background-color: #ffffff;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-box-shadow: 7.19px -3.507px 104px 0px rgba(36, 45, 75, 0.1);
  box-shadow: 7.19px -3.507px 104px 0px rgba(36, 45, 75, 0.1); }
  .blog-grid:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px); }
  .blog-grid .post-date {
    top: 50px;
    z-index: 1;
    right: 50px;
    color: #6a6771;
    min-width: 100px;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    border-radius: 6px;
    background-color: #ffffff; }
    .blog-grid .post-date strong {
      display: block;
      line-height: 1;
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 5px;
      font-family: "Poppins", sans-serif; }
    .blog-grid .post-date span {
      display: block;
      line-height: 1;
      font-size: 20px;
      font-weight: 300;
      font-family: "Poppins", sans-serif; }
  .blog-grid a.item-image {
    width: 100%;
    display: block; }
  .blog-grid .item-content {
    padding: 38px; }
  .blog-grid .item-title > a {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    color: #4c4754;
    font-family: "Poppins", sans-serif; }
  .blog-grid p {
    font-weight: 500;
    margin-bottom: 45px; }
  .blog-grid .post-admin .admin-thumbnail {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 100%; }
  .blog-grid .post-admin .admin-content {
    color: #999999;
    font-size: 18px;
    margin: 15px 0px;
    display: inline-block; }
    .blog-grid .post-admin .admin-content > a {
      color: #666666; }
  .blog-grid .btn {
    height: 45px;
    line-height: 43px;
    background-color: #4c4754;
    -webkit-box-shadow: 8px 13.856px 30px 0px rgba(14, 0, 40, 0.14);
    box-shadow: 8px 13.856px 30px 0px rgba(14, 0, 40, 0.14); }
    .blog-grid .btn:hover {
      background-color: #007a14; }

/* blog grid - end */
/* small blog - start */
.small-blog .item-image {
  float: left;
  width: 130px;
  overflow: hidden;
  margin-right: 25px;
  border-radius: 6px; }

.small-blog .item-content {
  display: table;
  padding-top: 5px; }

.small-blog .post-date {
  display: block;
  color: #4c4754;
  font-size: 15px;
  margin-bottom: 8px; }

.small-blog .item-title > a {
  color: #4c4754;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.667;
  font-family: "Poppins", sans-serif; }

.small-blog:hover .item-title > a {
  color: #007a14; }

/* small blog - end */
/* blog primary - start */
.blog-primary a.item-image {
  width: 100%;
  display: block; }

.blog-primary .post-date {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #4c4754; }

.blog-primary .item-title {
  margin-bottom: 25px; }
  .blog-primary .item-title > a {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
    color: #4c4754;
    font-family: "Poppins", sans-serif; }

/* blog primary - end */
/* masonry layout - start */
.grid {
  margin-left: -15px;
  margin-right: -15px; }
  .grid .grid-item,
  .grid .grid-sizer {
    width: 50%;
    float: left;
    display: inline-block; }
  .grid .grid-item {
    padding: 0px 15px; }
    .grid .grid-item .blog-grid {
      margin-bottom: 30px; }
      .grid .grid-item .blog-grid .post-date {
        top: 30px;
        right: 30px;
        min-width: 70px;
        padding: 15px 10px; }
        .grid .grid-item .blog-grid .post-date strong {
          font-size: 26px; }
        .grid .grid-item .blog-grid .post-date span {
          font-size: 14px; }
      .grid .grid-item .blog-grid .item-content {
        padding: 30px; }
      .grid .grid-item .blog-grid .item-title {
        margin-bottom: 20px; }
        .grid .grid-item .blog-grid .item-title > a {
          font-size: 20px;
          line-height: 1.4; }
      .grid .grid-item .blog-grid p {
        margin-bottom: 25px; }
      .grid .grid-item .blog-grid .post-admin .admin-thumbnail {
        display: none; }
      .grid .grid-item .blog-grid .post-admin .admin-content {
        margin: 0px;
        font-size: 15px; }
      .grid .grid-item .blog-grid .btn {
        height: 35px;
        font-size: 12px;
        min-width: auto;
        padding: 0px 20px;
        line-height: 34px;
        -webkit-box-shadow: 4px 7px 15px 0px rgba(14, 0, 40, 0.14);
        box-shadow: 4px 7px 15px 0px rgba(14, 0, 40, 0.14); }

/* masonry layout - end */
/* 10.04 - blog pages - end
==================================================================================================== */
/* 10.05 - all details pages - start
==================================================================================================== */
/* details section - start
================================================== */
.details-section .title-text .Comments {
  font-size: 30px; }

.details-section .title-text {
  font-size: 28px; }

.details-section .item-title {
  font-size: 30px;
  font-weight: 600;
  font-family: "Poppins", sans-serif; }

.details-section p {
  font-weight: 500;
  margin-bottom: 50px; }

.details-section .comment-item {
  margin-bottom: 60px; }
  .details-section .comment-item:last-child {
    margin-bottom: 0px !important; }
  .details-section .comment-item .comment-item {
    margin-top: 60px;
    padding-left: 70px;
    margin-bottom: 0px !important; }
  .details-section .comment-item .admin-thumbnail {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
    border-radius: 100%; }
  .details-section .comment-item .item-content {
    display: table; }
  .details-section .comment-item p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px; }
  .details-section .comment-item .item-title {
    margin-bottom: 20px; }
    .details-section .comment-item .item-title .admin-name {
      float: left;
      font-size: 18px;
      font-weight: 600;
      color: #4c4754; }
    .details-section .comment-item .item-title .post-date {
      float: right;
      font-size: 15px;
      font-weight: 400;
      color: #75717b; }
  .details-section .comment-item .reply-btn {
    font-size: 15px;
    font-weight: 700;
    color: #4c4754; }
    .details-section .comment-item .reply-btn:hover {
      color: #007a14; }

.details-section .comment-form .form-item {
  margin-bottom: 20px; }
  .details-section .comment-form .form-item input, .details-section .comment-form .form-item textarea {
    border: 1px solid #eef0f7;
    background-color: #f9f7fa; }
    .details-section .comment-form .form-item input:focus, .details-section .comment-form .form-item textarea:focus {
      background-color: #ffffff;
      border-color: #007a14;
      -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 21, 46, 0.06);
      box-shadow: 0px 10px 10px 0px rgba(0, 21, 46, 0.06); }
  .details-section .comment-form .form-item input {
    height: 50px; }
  .details-section .comment-form .form-item textarea {
    min-height: 150px; }

.details-section .comment-form .btn {
  -webkit-box-shadow: none;
  box-shadow: none; }
  .details-section .comment-form .btn:hover {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }

/* details section - start
================================================== */
/* blog details - start
================================================== */
.blog-details {
  position: relative;
  border-radius: 6px;
  background-color: #ffffff;
  -webkit-box-shadow: 7.19px -3.507px 104px 0px rgba(36, 45, 75, 0.1);
  box-shadow: 7.19px -3.507px 104px 0px rgba(36, 45, 75, 0.1); }
  .blog-details .post-date {
    top: 50px;
    z-index: 1;
    right: 50px;
    color: #6a6771;
    min-width: 100px;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    border-radius: 6px;
    background-color: #ffffff; }
    .blog-details .post-date strong {
      display: block;
      line-height: 1;
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 5px;
      font-family: "Poppins", sans-serif; }
    .blog-details .post-date span {
      display: block;
      line-height: 1;
      font-size: 20px;
      font-weight: 300;
      font-family: "Poppins", sans-serif; }
  .blog-details .item-content {
    padding: 50px 30px; }
  .blog-details .share-links .list-title {
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px; }
  .blog-details .share-links > ul > li {
    margin-right: 15px; }
    .blog-details .share-links > ul > li:last-child {
      margin-right: 0px !important; }
    .blog-details .share-links > ul > li > a {
      color: #75717b; }
      .blog-details .share-links > ul > li > a:hover {
        color: #007a14; }
  .blog-details .post-admin .admin-thumbnail {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 100%; }
  .blog-details .post-admin .admin-content {
    color: #999999;
    font-size: 18px;
    margin: 15px 0px;
    display: inline-block; }
    .blog-details .post-admin .admin-content > a {
      color: #666666; }

/* blog details - end
================================================== */
/* 10.05 - all details pages - end
==================================================================================================== */
/* 10.06 - contact page - start
==================================================================================================== */
.contact-section .google-map {
  height: 500px; }

.contact-section .title-text {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 40px;
  text-transform: uppercase; }

.contact-section .contact-info > ul > li {
  margin-bottom: 50px; }
  .contact-section .contact-info > ul > li:last-child {
    margin-top: 80px;
    margin-bottom: 0px !important; }
  .contact-section .contact-info > ul > li .icon {
    float: left;
    width: 60px;
    height: 60px;
    font-size: 22px;
    line-height: 66px;
    margin-right: 30px;
    text-align: center;
    border-radius: 100%;
    color: #007a14;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); }
  .contact-section .contact-info > ul > li .content {
    display: table; }
    .contact-section .contact-info > ul > li .content .item-title {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 8px; }
  .contact-section .contact-info > ul > li .social-links .title-text {
    font-size: 18px;
    margin-bottom: 20px; }
  .contact-section .contact-info > ul > li .social-links > ul > li {
    margin-right: 30px; }
    .contact-section .contact-info > ul > li .social-links > ul > li:last-child {
      margin-right: 0px !important; }
    .contact-section .contact-info > ul > li .social-links > ul > li > a {
      color: #75717b; }
      .contact-section .contact-info > ul > li .social-links > ul > li > a:hover {
        color: #007a14; }

.contact-section .contact-form {
  padding: 60px;
  background-color: #f3f4f6; }

.contact-section .useful-links .title-text {
  margin-bottom: 25px; }

.contact-section .useful-links p {
  margin-bottom: 40px; }

.contact-section .useful-links > ul > li {
  margin-bottom: 20px; }
  .contact-section .useful-links > ul > li:last-child {
    margin-bottom: 0px !important; }
  .contact-section .useful-links > ul > li > a {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0px;
    color: #4c4754;
    font-family: "Poppins", sans-serif; }
    .contact-section .useful-links > ul > li > a .icon {
      float: left;
      width: 50px;
      height: 50px;
      color: #ffffff;
      font-size: 18px;
      line-height: 52px;
      margin: -10px 0px;
      text-align: center;
      margin-right: 20px;
      border-radius: 100%; }
  .contact-section .useful-links > ul > li:nth-child(1) .icon {
    background-color: #d83d69;
    -webkit-box-shadow: 0px 3px 6px 1px rgba(216, 61, 105, 0.2);
    box-shadow: 0px 3px 6px 1px rgba(216, 61, 105, 0.2); }
  .contact-section .useful-links > ul > li:nth-child(2) .icon {
    background-color: #007a14;
    -webkit-box-shadow: 0px 3px 6px 1px rgba(147, 76, 242, 0.2);
    box-shadow: 0px 3px 6px 1px rgba(147, 76, 242, 0.2); }
  .contact-section .useful-links > ul > li:nth-child(3) .icon {
    background-color: #fc642b;
    -webkit-box-shadow: 0px 3px 6px 1px rgba(252, 100, 43, 0.2);
    box-shadow: 0px 3px 6px 1px rgba(252, 100, 43, 0.2); }

/* 10.06 - contact page - end
==================================================================================================== */
/* 11 - all home pages - start
==================================================================================================== */
/* 11.01 - home page v.1 - start
================================================== */
/* slider section - start */
.slider-section .main-carousel .item {
  z-index: 1;
  min-height: 100vh;
  position: relative;
  padding-top: 200px;
  padding-bottom: 100px; }
  .slider-section .main-carousel .item:before {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    content: '';
    position: absolute;
    /*background-image: -webkit-linear-gradient(45deg, #ffffff, transparent);
    background-image: -o-linear-gradient(45deg, #ffffff, transparent);
    background-image: linear-gradient(45deg, #ffffff, transparent); }*/
  .slider-section .main-carousel .item .slider-content .title-text {
    color: #222222;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 40px; }
  .slider-section .main-carousel .item .slider-content p {
    font-size: 18px;
    font-weight: 500;
    max-width: 530px;
    margin-bottom: 50px; }

.slider-section .main-carousel .owl-item.active .item .slider-content .title-text {
  -webkit-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-animation: lightSpeedIn 1s linear;
  animation: lightSpeedIn 1s linear; }

.slider-section .main-carousel .owl-item.active .item .slider-content p {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-animation: lightSpeedIn 1s linear;
  animation: lightSpeedIn 1s linear; }

.slider-section .main-carousel .owl-item.active .item .slider-content .btn {
  -webkit-transition-delay: 10s;
  -o-transition-delay: 10s;
  transition-delay: 10s;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: lightSpeedIn 1s linear;
  animation: lightSpeedIn 1s linear; }

/* slider section - end */
/* blog section - start */
.home-1 .small-blog .item-image {
  width: 170px; }

/* blog section - end */
/* 11.01 - home page v.1 - end
================================================== */
/* 11.02 - home page v.2 - start
================================================== */
/* home v2 global - start */
.home-2 .btn {
  height: 55px;
  min-width: 170px;
  line-height: 55px; }

.home-2 .pricing-item .btn {
  height: 50px;
  min-width: 160px;
  line-height: 50px; }

.home-2 .owl-theme .owl-nav .owl-next:hover,
.home-2 .owl-theme .owl-nav .owl-prev:hover {
  background: #d83d69;
  border-color: #d83d69 !important; }
  .home-2 .owl-theme .owl-nav .owl-next:hover:before,
  .home-2 .owl-theme .owl-nav .owl-prev:hover:before {
    color: #ffffff; }

.home-2 ::-moz-selection {
  background-color: #d83d69; }

.home-2 ::selection {
  background-color: #d83d69; }

.home-2 ::-moz-selection {
  background-color: #d83d69; }

.home-2 .form-item input:focus, .home-2 .form-item textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d83d69; }

/* home v2 global - end */
/* header section - start */
.home-2 .header-section {
  background-color: #d83d69; }
  .home-2 .header-section .main-menu > ul .menu-item-has-child .sub-menu li:hover > a, .home-2 .header-section .main-menu > ul .menu-item-has-child .sub-menu li.active > a {
    color: #d83d69;
    border-color: #d83d69; }
  .home-2 .header-section.stuck .main-menu > ul > li:before {
    background-color: #d83d69; }
  .home-2 .header-section.stuck .main-menu > ul > li:hover:before, .home-2 .header-section.stuck .main-menu > ul > li.active:before {
    opacity: 1;
    width: 150%; }
  .home-2 .header-section.stuck .main-menu > ul > li:hover > a, .home-2 .header-section.stuck .main-menu > ul > li.active > a {
    color: #d83d69; }

.home-2 .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li > a:hover {
  border-color: #d83d69;
  background-color: #d83d69;
  -webkit-box-shadow: 0px 5px 10px 1px rgba(216, 61, 105, 0.3);
  box-shadow: 0px 5px 10px 1px rgba(216, 61, 105, 0.3); }

/* header section - end */
/* banner section - start */
.banner-section {
  z-index: 1;
  position: relative; }
  .banner-section .overlay-pink {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    position: absolute; }
  .banner-section .overlay-pink {
    background-color: rgba(214, 53, 99, 0.851); }
  .banner-section .parallax-window {
    min-height: 950px; }
  .banner-section .banner-image {
    width: 775px;
    float: right;
    margin-bottom: -242px; }
  .banner-section .title-text {
    font-size: 50px;
    line-height: 1.44; }
  .banner-section p {
    font-size: 20px;
    line-height: 1.667; }

/* banner section - end */
/* 11.02 - home page v.2 - end
================================================== */
/* 11.03 - home page v.3 - start
================================================== */
/* home v3 global - start */
.home-3 .owl-theme .owl-nav .owl-next:hover,
.home-3 .owl-theme .owl-nav .owl-prev:hover {
  background: #fc642b;
  border-color: #fc642b !important; }
  .home-3 .owl-theme .owl-nav .owl-next:hover:before,
  .home-3 .owl-theme .owl-nav .owl-prev:hover:before {
    color: #ffffff; }

.home-3 .section-title .sub-title {
  color: #fc642b; }

.home-3 .section-title .title-text {
  color: #212121; }

.home-3 .btn {
  height: 55px;
  line-height: 55px; }

.home-3 ::-moz-selection {
  background-color: #fc642b; }

.home-3 ::selection {
  background-color: #fc642b; }

.home-3 ::-moz-selection {
  background-color: #fc642b; }

.home-3 .form-item input:focus, .home-3 .form-item textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #fc642b; }

/* home v3 global - end */
/* header section - start */
.home-3 .header-section {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent; }
  .home-3 .header-section.sticky-header.stuck {
    -webkit-box-shadow: 0px 10px 61px 0px rgba(62, 66, 87, 0.14);
    box-shadow: 0px 10px 61px 0px rgba(62, 66, 87, 0.14); }
  .home-3 .header-section .main-menu > ul > li:before {
    display: none; }
  .home-3 .header-section .main-menu > ul > li:hover > a, .home-3 .header-section .main-menu > ul > li.active > a {
    color: #fdc843; }
  .home-3 .header-section.sticky-header.stuck .main-menu > ul > li:hover > a, .home-3 .header-section.sticky-header.stuck .main-menu > ul > li.active > a {
    color: #fdc843; }
  .home-3 .header-section .main-menu > ul .menu-item-has-child .sub-menu li:hover > a, .home-3 .header-section .main-menu > ul .menu-item-has-child .sub-menu li.active > a {
    color: #fdc843;
    border-color: #fdc843; }

.home-3 .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li > a:hover {
  border-color: #fc642b;
  background-color: #fc642b;
  -webkit-box-shadow: 0px 5px 10px 1px rgba(252, 100, 43, 0.3);
  box-shadow: 0px 5px 10px 1px rgba(252, 100, 43, 0.3); }

/* header section - end */
/* slider section - start */
.home-3 .slider-section .main-carousel .item:before {
  background: rgba(26, 27, 28, 0.922); }

.home-3 .slider-section .main-carousel .item .slider-content .title-text {
  font-size: 79px;
  line-height: 1.3;
  margin-bottom: 50px;
  color: #fbfbfd; }

.home-3 .slider-section .main-carousel .item .slider-content p {
  max-width: 100%;
  font-size: 26px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  color: #f1c22e;
  text-transform: uppercase; }

.home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-next,
.home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-prev {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3) !important; }
  .home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-next:before,
  .home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-prev:before {
    color: rgba(255, 255, 255, 0.4); }
  .home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-next:hover,
  .home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-prev:hover {
    background: #fc642b;
    border-color: #fc642b !important; }
    .home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-next:hover:before,
    .home-3 .slider-section .main-carousel.owl-theme .owl-nav .owl-prev:hover:before {
      color: #ffffff; }

/* slider section - end */
/* call to action section - start */
.calltoaction-section .section-title .sub-title {
  color: #fdc843; }

/* call to action section - end */
/* pricing section - start */
.home-3 .pricing-item .item-title {
  font-size: 22px;
  margin-bottom: 50px; }

.home-3 .pricing-item .pricing-list {
  margin-bottom: 50px; }

/* pricing section - end */
/* faq section - start */
.home-3 .faq-section .section-title {
  margin-right: -32px; }

/* faq section - end */
/* footer section - start */
.home-3 .footer-section .newsletter-area .sub-title {
  color: #fc642b; }

.home-3 .footer-section .useful-links > ul > li > a:hover {
  color: #fc642b; }

.home-3 .footer-section .social-links > ul > li > a:hover {
  color: #fc642b; }

.home-3 .footer-section .copyright-text > p > a {
  color: #fdc843; }

/* footer section - end */
/* 11.03 - home page v.3 - end
================================================== */
/* 11 - all home pages - end
==================================================================================================== */
/* ================================================== 
*	Project Name 	:  Painta - HTML Template.
*	File 			:  Responsive CSS Base
*	Version 		:  1.0.0
*	Last change 	:  18 February 2020
*	Author 			:  DroitThemes - (https://themeforest.net/user/droitthemes)
*	Developer:		:  Rakibul Islam Dewan - (https://www.facebook.com/rakibul.d.islam)

*	css code for responsive layout To make Responsive
================================================== */
/* ==================================================
*	01 - media screen and (max-width: 1580px)
*	0 - media screen and (max-width: 1280px)
*	03 - media screen and (max-width: 1199px)
*	04 - media screen and (max-width: 991px)
*	05 - media screen and (max-width: 767px)
*	06 - media screen and (max-width: 680px)
*	07 - media screen and (max-width: 580px)
*	08 - media screen and (max-width: 480px)
*	09 - media screen and (max-width: 380px)
*	10 - media screen and (max-width: 320px)
================================================== */
/*  ====================================================================================================
01 - media screen and (max-width: 1580px) - start
==================================================================================================== */
@media screen and (max-width: 1800px) {
  /* home 2 - start */
  .testimonial-section .carousel_thumb {
    width: 680px;
    margin-right: -80px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(3) {
    left: 300px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(2) {
    left: 340px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(6) {
    left: 335px; }
  /* home 2 - end */ }

@media screen and (max-width: 1580px) {
  /* footer - start */
  .footer-section .deco-image-1 {
    max-width: 370px; }
  /* footer - end */
  /* home 1 - start */
  .intro-section .item-image-2 {
    padding-right: 100px;
    padding-bottom: 90px; }
  .intro-section .item-image-2 .absolute-image {
    right: -60px;
    max-width: 300px; }
  .intro-section .item-image-2 .deco-image-1 {
    top: 100px;
    right: -110px;
    max-width: 200px; }
  .intro-section .item-image-2 .deco-image-2 {
    top: 96px;
    right: 100px;
    max-width: 230px; }
  .intro-section .deco-image-3 {
    max-width: 170px; }
  .service-section .deco-image-3 {
    right: 15px;
    max-width: 450px; }
  .service-section .deco-image-4 {
    left: 15px;
    bottom: 35px;
    max-width: 200px; }
  .team-section .deco-image-1 {
    left: -230px;
    max-width: 360px; }
  /* home 1 - end */
  /* home 2 - start */
  .testimonial-section .deco-image-2 {
    max-width: 850px; }
  .testimonial-section .carousel_thumb {
    height: 640px;
    margin-bottom: -140px; }
  /* home 2 - end */
  /* about - start */
  .misssion-section .item-image-wrap .item-image {
    width: 570px; }
  .misssion-section .item-image-wrap .deco-image-1 {
    right: -150px;
    max-width: 400px; }
  /* about - end */ }

@media screen and (max-width: 1500px) {
  /* about - start */
  .misssion-section .item-image-wrap .item-image {
    width: 500px; }
  .misssion-section .item-image-wrap .deco-image-1 {
    right: -80px;
    max-width: 390px; }
  /* about - end */ }

@media screen and (max-width: 1460px) {
  /* footer - start */
  .footer-section .deco-image-1 {
    right: -185px;
    max-width: 300px; }
  /* footer - end */
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 52px; }
  .intro-section .deco-image-3 {
    max-width: 130px; }
  .service-section .deco-image-3 {
    max-width: 400px; }
  .service-section .deco-image-4 {
    max-width: 150px; }
  .howitwork-section .item-image {
    margin-left: 0px;
    padding-top: 50px;
    padding-right: 130px; }
  .howitwork-section .item-image .video-image .play-btn {
    width: 100px;
    height: 100px;
    font-size: 30px;
    line-height: 110px; }
  .howitwork-section .item-image .absolute-image {
    right: -55px;
    max-width: 245px; }
  .howitwork-section .item-image .deco-image-1 {
    right: -10px;
    bottom: -40px;
    max-width: 290px; }
  .howitwork-section .item-image .deco-image-2 {
    top: -80px;
    max-width: 340px; }
  .blog-section .deco-image-2 {
    max-width: 190px; }
  .blog-section .deco-image-1 {
    max-width: 140px; }
  .portfolio-fullimage .item-title {
    margin-bottom: 0px; }
  .portfolio-fullimage .item-title > a {
    font-size: 24px; }
  .portfolio-section .grid .grid-item .portfolio-fullimage {
    height: 350px; }
  .portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
    height: 700px; }
  /* home 1 - end */
  /* home 2 - start */
  .banner-section .banner-image {
    width: 580px;
    margin-bottom: 0px; }
  .testimonial-section .carousel_thumb {
    width: 560px;
    height: 600px;
    margin-right: -30px;
    margin-bottom: -120px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(5) {
    top: 320px;
    right: -90px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(4) {
    top: 340px;
    left: 110px; }
  .testimonial-section .deco-image-2 {
    max-width: 810px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(6) {
    bottom: 35px; }
  /* home 2 - end */
  /* about - start */
  .intro-section .item-image .absolute-image {
    left: -80px;
    max-width: 330px; }
  .intro-section .item-image .deco-image-1 {
    top: 75px;
    left: -100px;
    max-width: 220px; }
  .faq-section .item-image {
    width: 430px;
    margin-left: -90px; }
  /* about - end */ }

@media screen and (max-width: 1430px) {
  /* global - start */
  .owl-theme.arrow-right-left .owl-nav .owl-prev {
    left: 15px; }
  .owl-theme.arrow-right-left .owl-nav .owl-next {
    right: 15px; }
  /* global - end */
  /* home 1 - start */
  .intro-section .item-image-2 {
    max-width: 380px;
    padding-right: 0px;
    padding-bottom: 90px; }
  .intro-section .item-image-2 .absolute-image {
    right: -70px;
    max-width: 270px; }
  .howitwork-section .item-image {
    max-width: 350px;
    padding-top: 80px;
    padding-right: 0px; }
  .howitwork-section .item-image .absolute-image {
    right: -110px;
    max-width: 240px; }
  .howitwork-section .item-image .deco-image-1 {
    right: -80px;
    bottom: -35px;
    max-width: 270px; }
  .howitwork-section .item-image .deco-image-2 {
    top: -45px;
    max-width: 340px; }
  .team-section .deco-image-1 {
    left: -190px;
    max-width: 300px; }
  /* home 1 - end */ }

@media screen and (max-width: 1400px) {
  /* about - start */
  .intro-section .item-image .absolute-image {
    left: -70px;
    max-width: 300px; }
  .intro-section .item-image .deco-image-1 {
    left: -85px; }
  /* about - start */ }

@media screen and (max-width: 1370px) {
  /* home 1 - start */
  .team-carousel.arrow-right-left .owl-nav .owl-prev {
    left: -50px !important; }
  .team-carousel.arrow-right-left .owl-nav .owl-next {
    right: -50px !important; }
  /* home 1 - end */ }

@media screen and (max-width: 1320px) {
  /* global - start */
  .section-title.size-increase .title-text {
    font-size: 40px; }
  .section-title p {
    font-size: 16px; }
  .section-title .sub-title {
    font-size: 14px; }
  /* global - end */
  /* home 1 - start */
  .slider-section .main-carousel .slider-content {
    padding-left: 30px; }
  /* home 1 - end */
  /* home 2 - start */
  .banner-section .banner-image {
    width: 100%;
    float: none; }
  .misssion-section .deco-image-2 {
    top: 70px;
    right: -60px;
    max-width: 210px; }
  .misssion-section .deco-image-3 {
    bottom: 30px;
    left: -115px;
    max-width: 220px; }
  .portfolio-section .deco-image-1 {
    top: 100px;
    right: -70px;
    max-width: 170px; }
  .portfolio-section .deco-image-2 {
    left: -140px;
    max-width: 270px; }
  .pricing-section .deco-image-1 {
    right: -45px;
    max-width: 140px; }
  .testimonial-section .carousel_thumb {
    width: 430px;
    height: 470px;
    margin-right: -110px;
    margin-bottom: -100px; }
  .testimonial-section .carousel_thumb .thumb-item {
    width: 80px;
    height: 80px; }
  .testimonial-section .carousel_thumb .thumb-item.size-md {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7); }
  .testimonial-section .carousel_thumb .thumb-item.size-sm {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5); }
  .testimonial-section .deco-image-2 {
    max-width: 730px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(1) {
    top: 40px;
    left: 0px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(2) {
    left: 45%; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(3) {
    top: 40%;
    left: 40%; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(4) {
    top: 65%;
    left: 10%; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(5) {
    top: 55%;
    right: 0%; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(6) {
    left: 50%;
    bottom: 35px; }
  /* home 2 - end */
  /* home 3 - start */
  .home-3 .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 66px; }
  .intro-section .item-image {
    float: right;
    max-width: 380px;
    padding-left: 0px; }
  .intro-section .item-image .absolute-image {
    left: -70px;
    max-width: 270px; }
  .intro-section .item-image .deco-image-1 {
    top: 100px;
    left: -110px;
    max-width: 200px; }
  .faq-section .item-image {
    width: 400px;
    margin-left: -120px; }
  /* home 3 - end */ }

/* ====================================================================================================
01 - media screen and (max-width: 1580px) - end
==================================================================================================== */
/*  ====================================================================================================
02 - media screen and (max-width: 1280px) - start
==================================================================================================== */
@media screen and (max-width: 1280px) {
  /* home 1 - start */
  .slider-section .main-carousel .slider-content {
    padding-left: 60px; }
  .team-carousel {
    margin: 0px; }
  .team-carousel.arrow-right-left .owl-nav .owl-prev {
    left: -10px !important; }
  .team-carousel.arrow-right-left .owl-nav .owl-next {
    right: -10px !important; }
  .team-carousel.arrow-right-left .owl-nav .owl-prev,
  .team-carousel.arrow-right-left .owl-nav .owl-next {
    background-color: #ffffff;
    border: 1px solid #ffffff !important;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1); }
    .team-carousel.arrow-right-left .owl-nav .owl-prev:hover,
    .team-carousel.arrow-right-left .owl-nav .owl-next:hover {
      background-color: #007a14;
      border-color: #007a14 !important; }
  .portfolio-section .grid .grid-item .portfolio-fullimage {
    height: 300px; }
  .portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
    height: 600px; }
  /* home 1 - end */ }

/* ====================================================================================================
02 - media screen and (max-width: 1280px) - end
==================================================================================================== */
/*  ====================================================================================================
03 - media screen and (max-width: 1199px) - start
==================================================================================================== */
@media screen and (max-width: 1199px) {
  /* home 2 - start */
  .banner-section .banner-content {
    max-width: 500px; }
  .banner-section .title-text {
    font-size: 42px;
    line-height: 1.3; }
  .banner-section p {
    font-size: 19px;
    margin-bottom: 40px; }
  .banner-section .parallax-window {
    min-height: 850px; }
  .misssion-section .section-title {
    margin-right: 0px; }
  .testimonial-section .deco-image-2 {
    max-width: 690px; }
  .testimonial-section .carousel_thumb {
    margin-right: -160px;
    margin-bottom: -160px; }
  /* home 2 - end */
  /* home 3 - start */
  .faq-section .item-image {
    width: 380px;
    margin-left: -150px; }
  .faq-section .deco-image-1 {
    max-width: 600px; }
  /* home 3 - end */
  /* about - start */
  .misssion-section .item-image-wrap .item-image {
    width: 415px; }
  .misssion-section .item-image-wrap .item-image {
    width: 370px; }
  /* about - end */ }

@media screen and (max-width: 1024px) {
  /* global - start */
  body {
    font-size: 14px; }
  .mb-60 {
    margin-bottom: 40px; }
  .btn,
  .home-2 .btn,
  .home-3 .btn {
    height: 50px;
    font-size: 14px;
    padding: 0px 25px;
    line-height: 50px; }
  .home-2 .btn {
    min-width: 150px; }
  .section-title .title-text {
    font-size: 36px;
    line-height: 1.2; }
  .section-title p {
    font-size: 16px; }
  .section-title.size-increase .title-text {
    font-size: 32px; }
  .owl-theme .owl-nav .owl-next,
  .owl-theme .owl-nav .owl-prev {
    width: 40px;
    height: 40px; }
  .owl-theme .owl-nav .owl-next::before,
  .owl-theme .owl-nav .owl-prev::before {
    font-size: 16px;
    line-height: 40px; }
  /* global - end */
  /* header - start */
  .header-section {
    min-height: 80px; }
  .header-section .main-menu > ul > li::before {
    bottom: -30px; }
  .header-section .brand-logo > a {
    max-width: 90px; }
  .header-section .main-menu > ul .menu-item-has-child .sub-menu {
    right: 0px;
    left: unset;
    border-radius: 10px;
    border-top-right-radius: 0px; }
  .header-section .main-menu > ul .menu-item-has-child .sub-menu .menu-item-has-child .sub-menu {
    left: unset;
    right: 100%; }
  /* header - end */
  /* footer - start */
  .footer-section .newsletter-area .title-text {
    font-size: 42px;
    margin-bottom: 60px; }
  /* footer - end */
  /* breadcrumb - start */
  .breadcrumb-section .parallax-window {
    min-height: auto;
    padding: 80px 0px; }
  .breadcrumb-section .page-title {
    font-size: 36px;
    margin-bottom: 20px; }
  /* breadcrumb - end */
  /* sidebar - start */
  .sidebar-section .widget-title {
    font-size: 20px;
    margin-bottom: 30px; }
  .sidebar-section .widget {
    margin-bottom: 50px; }
  .small-blog .item-image {
    width: 110px;
    margin-right: 15px; }
  .small-blog .item-title > a {
    font-size: 14px; }
  .sidebar-section .category-list > ul > li {
    margin-bottom: 15px; }
  /* sidebar - end */
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content {
    padding-left: 80px; }
  .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 42px; }
  .slider-section .main-carousel .item {
    min-height: 730px;
    padding-top: 180px;
    padding-bottom: 100px; }
  .intro-section .item-image-2 {
    max-width: 300px;
    padding-bottom: 80px; }
  .intro-section .item-image-2 .absolute-image {
    max-width: 200px; }
  .intro-section .item-image-2 .deco-image-1 {
    top: 90px;
    right: -80px;
    max-width: 160px; }
  .service-primary .item-title {
    font-size: 16px; }
  .service-primary p {
    font-size: 16px; }
  .service-boxed-2 {
    padding: 40px 30px; }
  .service-boxed-2 .item-icon > img {
    height: 190px; }
  .service-boxed-2 .item-icon {
    height: 200px;
    margin: 0px auto 40px; }
  .service-section .deco-image-3 {
    max-width: 300px; }
  .service-section .deco-image-4 {
    max-width: 120px; }
  .howitwork-section .item-image {
    max-width: 300px; }
  .howitwork-section .item-image .absolute-image {
    right: -80px;
    max-width: 200px; }
  .howitwork-section .item-image .deco-image-1 {
    right: -45px;
    bottom: -15px;
    max-width: 220px; }
  .team-section .deco-image-1 {
    left: -150px;
    max-width: 230px; }
  .team-carousel.arrow-right-left .owl-nav .owl-prev {
    left: 25px !important; }
  .team-carousel.arrow-right-left .owl-nav .owl-next {
    right: 25px !important; }
  .portfolio-section .grid .grid-item .portfolio-fullimage {
    height: 260px; }
  .portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
    height: 520px; }
  .portfolio-fullimage .item-title > a {
    font-size: 20px; }
  .portfolio-fullimage p span {
    font-size: 15px; }
  .home-1 .small-blog .item-image {
    width: 150px; }
  .small-blog .post-date {
    font-size: 14px;
    margin-bottom: 5px; }
  .small-blog .item-title > a {
    font-size: 16px;
    line-height: 1.5; }
  .blog-primary .post-date {
    font-size: 16px;
    margin-bottom: 15px; }
  .blog-primary .item-title > a {
    font-size: 22px; }
  .blog-primary .item-title {
    margin-bottom: 20px; }
  .blog-section .deco-image-2 {
    max-width: 160px; }
  .blog-section .deco-image-1 {
    max-width: 130px; }
  /* home 1 - end */
  /* home 2 - start */
  .banner-section .banner-content {
    max-width: 420px; }
  .banner-section .title-text {
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 20px; }
  .banner-section p {
    font-size: 16px;
    margin-bottom: 30px; }
  .banner-section .parallax-window {
    min-height: auto;
    padding-top: 250px;
    padding-bottom: 150px; }
  .service-fullimage .item-title {
    bottom: 35px;
    height: 55px;
    min-width: 260px; }
  .service-fullimage .item-title > a {
    font-size: 15px;
    line-height: 58px; }
  .calltoaction-section .section-title {
    padding-left: 0px; }
  .pricing-item .item-title {
    font-size: 24px; }
  .pricing-item .pricing-list > ul > li {
    font-size: 16px; }
  .testimonial-section .carousel_thumb {
    width: 370px;
    height: 430px;
    margin-bottom: -230px; }
  .testimonial-section .deco-image-2 {
    max-width: 640px; }
  /* home 2 - end */
  /* home 3 - start */
  .home-3 .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 52px; }
  .home-3 .slider-section .main-carousel .item .slider-content p {
    font-size: 20px; }
  .home-3 .slider-section .main-carousel .item .slider-content {
    max-width: 600px;
    margin: 0px auto; }
  .intro-section .item-image {
    max-width: 300px;
    padding-bottom: 80px; }
  .intro-section .item-image .absolute-image {
    max-width: 200px; }
  .intro-section .item-image .deco-image-1 {
    top: 90px;
    left: -80px;
    max-width: 160px; }
  .service-boxed .item-title {
    font-size: 20px;
    margin-bottom: 15px; }
  .service-boxed p {
    margin-bottom: 20px; }
  .client-section .clients-carousel .item > a {
    max-width: 110px; }
  /* home 3 - end */
  /* about - start */
  .faq-section .item-image {
    width: 320px;
    margin-left: -125px; }
  /* about - end */
  /* blog - start */
  .blog-grid .post-date strong {
    font-size: 30px; }
  .blog-grid .post-date span {
    font-size: 16px; }
  .blog-grid .post-date {
    top: 30px;
    right: 30px;
    min-width: 90px; }
  .blog-grid .item-content {
    padding: 30px; }
  .blog-grid .item-title > a {
    font-size: 24px; }
  .blog-grid .item-title {
    margin-bottom: 20px; }
  .blog-grid p {
    margin-bottom: 30px; }
  .grid .grid-item .blog-grid .item-content {
    padding: 20px; }
  .grid .grid-item .blog-grid .item-title > a {
    font-size: 18px; }
  .grid .grid-item .blog-grid .item-title {
    margin-bottom: 15px; }
  .grid .grid-item .blog-grid .post-admin .admin-content {
    font-size: 13px; }
  .grid .grid-item .blog-grid .btn {
    float: right;
    min-width: 100px;
    padding: 0px 15px; }
  .grid .grid-item .blog-grid p {
    margin-bottom: 15px; }
  /* blog - end */
  /* blog details - start */
  .blog-details .post-date {
    top: 30px;
    right: 30px;
    min-width: 90px; }
  .blog-details .post-date strong {
    font-size: 36px; }
  .blog-details .post-date span {
    font-size: 18px; }
  .blog-details .item-content {
    padding: 40px 25px; }
  .details-section .item-title {
    font-size: 22px;
    margin-bottom: 20px; }
  .details-section p {
    margin-bottom: 30px; }
  blockquote {
    padding: 30px;
    padding-left: 70px;
    margin-bottom: 30px; }
  blockquote p {
    font-size: 16px; }
  blockquote .quote-icon {
    font-size: 48px; }
  /* blog details - end */
  /* service details - start */
  .sidebar-section .services-tab .tabs-nav {
    margin: -15px -30px; }
  .sidebar-section .widget.bg-white {
    padding: 30px; }
  .sidebar-section .services-tab .tabs-nav > ul > li > a {
    font-size: 14px;
    padding: 12px 20px;
    padding-left: 55px; }
  .sidebar-section .services-tab .tabs-nav > ul > li > a::before {
    top: 11px; }
  .sidebar-section .widget.bg-white .widget-title {
    font-size: 22px; }
  .sidebar-section .contact-info > ul > li .icon {
    width: 40px;
    font-size: 24px; }
  .sidebar-section .contact-info > ul > li .content h4 {
    font-size: 16px;
    margin-bottom: 5px; }
  /* service details - end */ }

/* ====================================================================================================
03 - media screen and (max-width: 1199px) - end
==================================================================================================== */
/* ====================================================================================================
04 - media screen and (max-width: 991px) - start
==================================================================================================== */
@media screen and (max-width: 991px) {
  /* global - start */
  .container {
    max-width: 960px; }
  .order-last {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .pagination-nav > ul > li:last-child > a,
  .pagination-nav > ul > li:first-child > a {
    font-size: 14px; }
  .pagination-nav > ul > li {
    height: 45px;
    min-width: 45px;
    margin-right: 15px; }
  .pagination-nav > ul > li > a {
    font-size: 16px;
    line-height: 50px; }
  .sec-ptb-120 {
    padding: 100px 0px; }
  .mb-100 {
    margin-bottom: 50px; }
  /* global - end */
  /* header - start */
  .header-section .main-menu {
    display: none; }
  .header-section .brand-logo .menu-btn {
    display: inline-block; }
  .header-section .brand-logo > a {
    max-width: 80px; }
  /* header - end */
  /* footer - start */
  .footer-section .widget {
    text-align: center; }
  .footer-section .about-content {
    max-width: 410px;
    margin: 0px auto; }
  .footer-section .useful-links {
    margin-top: 40px; }
    .footer-section .useful-links > ul > li > a {
      line-height: 1; }
  .footer-section .newsletter-area .title-text {
    font-size: 42px;
    margin-bottom: 60px; }
  .footer-section .widget-area {
    padding: 80px 0px; }
  .footer-section .newsletter-area {
    padding-top: 100px; }
  /* footer - end */
  /* sidebar - start */
  .sidebar-section.pl-30 {
    padding-left: 0px; }
  .sidebar-section.pr-30 {
    padding-right: 0px; }
  .sidebar-section {
    margin-top: 80px; }
  /* sidebar - end */
  /* breadcrumb - start */
  .breadcrumb-section .breadcrumb-content {
    text-align: center; }
    .breadcrumb-section .breadcrumb-content p {
      font-size: 15px; }
  /* breadcrumb - end */
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 36px;
    margin-bottom: 25px; }
  .slider-section .main-carousel .item .slider-content p {
    font-size: 16px;
    margin-bottom: 30px; }
  .slider-section .main-carousel .item .slider-content {
    padding-left: 60px; }
  .slider-section .main-carousel .item {
    min-height: 660px; }
  .intro-section {
    text-align: center; }
    .intro-section .service-primary .item-icon {
      margin: 0px auto 30px; }
      .intro-section .service-primary .item-icon > img {
        margin: auto; }
  .intro-section .item-image-2 {
    margin: 0px auto 40px; }
  .service-boxed-2 .item-icon {
    height: 170px;
    margin: 0px auto 40px; }
  .service-boxed-2 .item-icon > img {
    height: 165px; }
  .service-boxed-2 .item-title {
    font-size: 18px; }
  .howitwork-section {
    text-align: center; }
  .howitwork-section .item-image {
    margin: 0px auto 40px; }
  /* home 1 - end */
  /* home 2 - start */
  .banner-section .parallax-window {
    padding-top: 200px;
    padding-bottom: 100px; }
  .service-fullimage .item-title {
    bottom: 30px;
    height: 50px;
    min-width: 240px; }
  .service-fullimage .item-title > a {
    font-size: 14px;
    line-height: 52px; }
  .misssion-section .deco-image-3 {
    bottom: 5px;
    left: -105px;
    max-width: 195px; }
  .portfolio-grid .title-wrap {
    padding: 15px; }
  .portfolio-grid .item-title {
    font-size: 16px;
    margin-bottom: 2px; }
  .portfolio-grid .info-text {
    font-size: 12px; }
  .portfolio-grid .item-content {
    padding: 20px; }
  .portfolio-grid .item-content .item-title {
    margin-bottom: 10px; }
  .portfolio-grid .item-content p {
    margin-bottom: 10px; }
  .portfolio-section .deco-image-1 {
    top: 40px;
    right: -55px;
    max-width: 130px; }
  .portfolio-section .deco-image-2 {
    left: -110px;
    max-width: 220px; }
  .pricing-item {
    padding: 40px 30px; }
  .pricing-item .item-title {
    font-size: 22px; }
  .testimonial-section .carousel_thumb {
    float: none;
    width: 100%;
    height: 430px;
    margin-bottom: 0px; }
  .testimonial-section .teatimonial_carousel .item {
    text-align: center; }
  .testimonial-section .teatimonial_carousel .rating-star > ul {
    margin: 0px auto; }
  .testimonial-section .teatimonial_carousel .testimonial-admin {
    display: table;
    margin: 0px auto;
    text-align: left; }
  .testimonial-section .teatimonial_carousel.owl-theme .owl-nav {
    float: none; }
  .testimonial-section .deco-image-2 {
    display: none; }
  /* home 2 - end */
  /* home 3 - start */
  .intro-section {
    text-align: center; }
  .intro-section .item-image {
    float: none;
    margin: 0px auto 40px; }
  .service-boxed {
    padding: 50px 20px; }
  .service-boxed .item-icon {
    height: 100px; }
  .service-boxed .item-icon > img {
    height: 95px; }
  .calltoaction-section .item-image {
    margin-left: 0px;
    margin-bottom: 40px; }
  .calltoaction-section .parallax-window {
    padding: 120px 0px; }
  .faq-section .item-image {
    float: none;
    width: 100%;
    margin: 0px auto 40px; }
  /* home 3 - end */
  /* about - start */
  .misssion-section .item-image-wrap .item-image {
    width: 400px; }
  .misssion-section .item-image-wrap .deco-image-1 {
    right: 0px; }
  .faq-section .section-title {
    text-align: center; }
  /* about - end */
  /* blog - start */
  .blog-section .pagination-nav > ul {
    margin: 0px auto; }
  /* blog - end */
  /* blog details - start */
  .blog-details .post-admin .admin-thumbnail {
    width: 50px;
    height: 50px;
    margin-right: 15px; }
  .blog-details .post-admin .admin-content {
    font-size: 16px;
    margin: 11px 0px; }
  .blog-details .share-links .list-title {
    font-size: 14px;
    margin-right: 15px; }
  .blog-details .share-links > ul > li > a {
    font-size: 12px; }
  .details-section .title-text {
    text-align: center; }
  .details-section .comment-form .btn {
    display: table;
    margin: 0px auto; }
  /* blog details - end */
  /* contact - start */
  .calltoaction-section .estimate-content h2 {
    font-size: 48px; }
  /* contact - end */ }

/* ====================================================================================================
04 - media screen and (max-width: 991px) - end
==================================================================================================== */
/* ====================================================================================================
05 - media screen and (max-width: 767px) - start
==================================================================================================== */
@media screen and (max-width: 767px) {
  /* global - start */
  .btn,
  .home-2 .btn {
    height: 45px;
    padding: 0px 25px;
    line-height: 43px; }
  .sec-ptb-120 {
    padding: 100px 0px; }
  .sec-ptb-100 {
    padding: 80px 0px; }
  .section-title p.mb-60 {
    margin-bottom: 30px; }
  /* global - end */
  /* footer - start */
  .footer-section .deco-image-1 {
    right: -140px;
    max-width: 220px; }
  .footer-section .newsletter-area .form-item input {
    height: 50px;
    font-size: 15px;
    padding: 0px 20px; }
  .footer-section .newsletter-area .form-item button[type="submit"] {
    height: 50px;
    font-size: 16px;
    min-width: 150px;
    padding: 0px 25px; }
  .footer-section .newsletter-area .title-text {
    font-size: 36px;
    margin-bottom: 50px; }
  /* footer - end */
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 32px; }
  .portfolio-section .grid .grid-item .portfolio-fullimage {
    height: 200px; }
  .portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
    height: 400px; }
  .portfolio-fullimage .item-title {
    margin-bottom: 0px; }
  .portfolio-fullimage .item-title > a {
    font-size: 16px; }
  .portfolio-fullimage p span {
    font-size: 13px; }
  .blog-section .deco-image-2 {
    max-width: 100px; }
  .blog-section .deco-image-1 {
    max-width: 110px; }
  /* home 1 - end */
  /* home 2 - start */
  .banner-section .title-text {
    font-size: 30px;
    margin-bottom: 15px; }
  .banner-section p {
    font-size: 15px;
    margin-bottom: 20px; }
  .service-fullimage .item-title {
    bottom: 20px;
    height: 45px;
    min-width: 190px; }
  .service-fullimage .item-title > a {
    font-size: 12px;
    line-height: 47px;
    padding: 0px 15px; }
  .misssion-section .item-image-wrap .item-image .play-btn {
    width: 80px;
    height: 80px;
    font-size: 20px;
    line-height: 86px; }
  .misssion-section .item-image-wrap .item-image {
    margin-bottom: 40px; }
  .misssion-section .section-title {
    text-align: center; }
  .calltoaction-section .item-image {
    margin-left: 0px;
    margin-bottom: 30px; }
  .pricing-section .deco-image-1 {
    right: -40px;
    max-width: 110px; }
  .pricing-item .icon {
    height: 70px;
    margin: 0px auto 35px; }
  .pricing-item .icon > img {
    height: 65px; }
  .pricing-item .item-title {
    font-size: 18px;
    margin-bottom: 30px; }
  .pricing-item .pricing-list > ul > li {
    font-size: 14px;
    margin-bottom: 5px; }
  .home-2 .pricing-item .btn {
    height: 40px;
    min-width: auto;
    line-height: 40px; }
  .pricing-item {
    max-width: 320px;
    margin: 30px auto 0px; }
  .testimonial-section .deco-image-1 {
    max-width: 210px; }
  .testimonial-section .carousel_thumb {
    height: 335px; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(3) {
    top: 35%; }
  /* home 2 - end */
  /* home 3 - start */
  .home-3 .slider-section .main-carousel .item .slider-content {
    max-width: 560px; }
  .home-3 .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 44px;
    margin-bottom: 30px; }
  .home-3 .slider-section .main-carousel .item .slider-content p {
    font-size: 18px;
    margin-bottom: 20px; }
  /* home 3 - end */
  /* home 3 - start */
  .misssion-section .item-image-wrap .item-image {
    width: 100%; }
  .misssion-section .item-image-wrap .deco-image-1 {
    right: -50px; }
  /* home 3 - end */
  /* blog - start */
  .blog-grid .item-title > a {
    font-size: 20px; }
  .blog-grid .post-admin .admin-thumbnail {
    width: 45px;
    height: 45px;
    margin-right: 15px; }
  .blog-grid .post-admin .admin-content {
    font-size: 14px;
    margin: 11px 0px; }
  /* blog - end */
  /* blog details - start */
  .blog-details .share-links {
    float: left !important;
    margin-top: 30px; }
  .details-section .comment-item .admin-thumbnail {
    width: 70px;
    height: 70px;
    margin-right: 20px; }
  .details-section .comment-item .item-title {
    margin-bottom: 5px; }
  .details-section .comment-item .item-title .post-date {
    float: none;
    font-size: 12px;
    margin-left: 15px;
    display: inline-block;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
  .details-section .comment-item p {
    font-size: 14px;
    margin-bottom: 10px; }
  .details-section .comment-item .reply-btn {
    font-size: 14px; }
  .details-section .comment-item .comment-item {
    margin-top: 30px;
    padding-left: 50px; }
  .details-section .comment-item {
    margin-bottom: 40px; }
  /* blog details - end */
  /* contact - start */
  .contact-section .contact-info,
  .contact-section .useful-links {
    margin-top: 40px; }
  .contact-section .contact-info > ul > li {
    margin-bottom: 20px; }
  .contact-section .contact-info > ul > li:last-child {
    margin-top: 40px; }
  .contact-section .google-map {
    height: 400px; }
  .contact-section .contact-form {
    margin-left: -15px;
    margin-right: -15px; }
  .calltoaction-section .estimate-content h2 {
    font-size: 42px; }
  /* contact - end */ }

/* ====================================================================================================
05 - media screen and (max-width: 767px) - end
==================================================================================================== */
/* ====================================================================================================
06 - media screen and (max-width: 680px) - start
==================================================================================================== */
@media screen and (max-width: 680px) {
  /* global - start */
  .section-title .title-text {
    font-size: 32px; }
  .section-title.size-increase .title-text {
    font-size: 30px; }
  /* global - end */
  /* breadcrumb - start */
  .breadcrumb-section .breadcrumb-content p {
    font-size: 13px; }
  /* breadcrumb - end */
  /* home 1 - start */
  .portfolio-section .grid .grid-item,
  .portfolio-section .grid .grid-sizer,
  .portfolio-section .grid .grid-item.grid-66 {
    width: 50%; }
  .portfolio-section .grid .grid-item .portfolio-fullimage,
  .portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
    height: auto; }
  .portfolio-section .grid .grid-item.grid-66 .portfolio-fullimage {
    height: 180px; }
  /* home 1 - start */
  /* home 2 - start */
  .banner-section .title-text {
    font-size: 26px; }
  .banner-section .parallax-window {
    padding-top: 180px;
    padding-bottom: 80px; }
  .service-fullimage .item-title {
    height: 40px;
    min-width: 170px; }
  .service-fullimage .item-title > a {
    line-height: 40px; }
  .misssion-section .deco-image-2 {
    top: 50px;
    max-width: 160px; }
  .misssion-section .deco-image-3 {
    left: -90px;
    max-width: 170px; }
  .portfolio-section .deco-image-1 {
    right: -45px;
    max-width: 110px; }
  .portfolio-section .deco-image-2 {
    left: -90px;
    max-width: 170px; }
  .home-2 .pricing-item .btn {
    height: 40px;
    font-size: 12px;
    padding: 0px 20px; }
  .pricing-item {
    padding: 40px 30px; }
  .pricing-item .pricing-list > ul > li {
    font-size: 14px; }
  .pricing-item .item-title {
    font-size: 16px;
    margin-bottom: 22px; }
  .testimonial-section .teatimonial_carousel .testimonial-admin .abmin-name {
    font-size: 20px; }
  .testimonial-section .teatimonial_carousel .testimonial-admin .admin-content {
    padding-top: 8px; }
  .testimonial-section .teatimonial_carousel .testimonial-admin .admin-image {
    margin-right: 15px; }
  /* home 2 - end */
  /* home 3 - start */
  .home-3 .slider-section .main-carousel .item .slider-content {
    max-width: 480px; }
  .home-3 .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 38px; }
  .home-3 .slider-section .main-carousel .item .slider-content p {
    font-size: 15px; }
  .faq-section .deco-image-1 {
    max-width: 400px; }
  /* home 3 - end */
  /* blog - start */
  .grid .grid-item .blog-grid .item-title > a {
    font-size: 16px; }
  .grid .grid-item,
  .grid .grid-sizer {
    width: 100%; }
  .grid .grid-item .blog-grid {
    max-width: 320px;
    margin: 30px auto 0px; }
  /* blog - end */ }

/* ====================================================================================================
06 - media screen and (max-width: 680px) - end
==================================================================================================== */
/* ====================================================================================================
07 - media screen and (max-width: 580px) - start
==================================================================================================== */
@media screen and (max-width: 580px) {
  /* global - start */
  body {
    font-size: 13px; }
  .btn,
  .home-2 .btn,
  .home-3 .btn {
    height: 40px;
    min-width: auto;
    padding: 0px 20px;
    line-height: 40px; }
  .section-title p {
    font-size: 14px; }
  .section-title .title-text {
    font-size: 26px; }
  .section-title .title-text.mb-30 {
    margin-bottom: 20px; }
  .section-title.size-increase .title-text {
    font-size: 26px; }
  /* global - end */
  /* footer - start */
  .footer-section .newsletter-area .title-text {
    font-size: 28px;
    margin-bottom: 40px; }
  .footer-section .newsletter-area .form-item button[type="submit"] {
    font-size: 15px;
    min-width: auto;
    padding: 0px 20px; }
  .footer-section .social-links > ul > li > a {
    font-size: 12px; }
  .footer-section .social-links > ul > li {
    margin-right: 25px; }
  .footer-section .brand-logo > a {
    max-width: 90px; }
  .footer-section .widget-title {
    font-size: 20px; }
  /* footer - end */
  /* breadcrumb - start */
  .breadcrumb-section .page-title {
    font-size: 30px; }
  /* breadcrumb - end */
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 24px;
    margin-bottom: 20px; }
  .slider-section .main-carousel .item .slider-content p {
    font-size: 15px;
    margin-bottom: 25px; }
  .slider-section .main-carousel .item {
    min-height: auto; }
  .intro-section .item-image-2 {
    max-width: 250px;
    padding-bottom: 50px; }
  .intro-section .item-image-2 .absolute-image {
    max-width: 160px; }
  .intro-section .item-image-2 .deco-image-1 {
    right: -80px;
    max-width: 130px; }
  .service-primary .item-title {
    font-size: 13px; }
  .service-primary p {
    font-size: 12px; }
  .service-primary .item-icon {
    height: 50px; }
  .service-primary .item-icon > img {
    height: 50px; }
  .service-section .deco-image-3 {
    right: 0px;
    bottom: -5px;
    max-width: 200px; }
  .service-section .deco-image-4 {
    left: 0px;
    bottom: 20px;
    max-width: 80px; }
  .howitwork-section .item-image {
    max-width: 250px;
    padding-top: 70px; }
  .howitwork-section .item-image .absolute-image {
    right: -50px;
    max-width: 130px; }
  .howitwork-section .item-image .deco-image-1 {
    right: -35px;
    bottom: -25px;
    max-width: 170px; }
  .howitwork-section .item-image .video-image .play-btn {
    width: 90px;
    height: 90px;
    font-size: 26px;
    line-height: 100px; }
  .howitwork-section .item-image .video-image .play-btn i {
    margin-left: 5px; }
  .team-carousel .team-grid {
    max-width: 320px;
    margin: 0px auto; }
  .blog-primary .item-title > a {
    font-size: 16px; }
  .blog-primary .post-date {
    font-size: 13px;
    margin-bottom: 8px; }
  .home-1 .small-blog .item-image {
    width: 140px; }
  .small-blog .item-title > a {
    font-size: 15px; }
  /* home 1 - end */
  /* home 2 - start */
  .service-fullimage .item-title > a {
    line-height: 1;
    padding: 10px 15px;
    border-radius: 0px; }
  .service-fullimage .item-title {
    bottom: 0px;
    height: auto;
    min-width: 100%;
    text-align: center; }
  .testimonial-section .carousel_thumb .thumb-item:nth-child(5) {
    top: 45%; }
  /* home 2 - end */
  /* home 3 - start */
  .home-3 .slider-section .main-carousel .item .slider-content {
    max-width: 370px; }
  .home-3 .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 30px; }
  .home-3 .slider-section .main-carousel .item .slider-content p {
    font-size: 13px;
    margin-bottom: 15px; }
  .intro-section .item-image {
    max-width: 250px;
    padding-bottom: 50px; }
  .intro-section .item-image .absolute-image {
    max-width: 160px; }
  .intro-section .item-image .deco-image-1 {
    left: -80px;
    max-width: 130px; }
  .service-boxed p {
    font-size: 14px; }
  .faq-accordion,
  .home-3 .faq-section .section-title {
    margin-right: 0px; }
  /* home 3 - end */
  /* about - start */
  .misssion-section .item-image-wrap .deco-image-1 {
    bottom: -35px; }
  /* about - end */
  /* blog - start */
  .blog-grid .btn {
    height: 40px;
    line-height: 38px; }
  .breadcrumb-section .sub-title {
    font-size: 14px; }
  /* blog - end */
  /* blog details - start */
  .blog-details .post-date {
    top: 20px;
    right: 20px;
    min-width: 80px; }
  .blog-details .post-date strong {
    font-size: 30px; }
  .blog-details .post-date span {
    font-size: 15px; }
  .blog-details .item-content {
    padding: 30px 25px; }
  .details-section .item-title {
    font-size: 18px; }
  blockquote {
    padding: 25px; }
  blockquote p {
    font-size: 13px; }
  blockquote .quote-icon {
    top: 1px;
    left: 5px; }
  .blog-details.mb-100 {
    margin-bottom: 60px; }
  .details-section .title-text {
    font-size: 24px; }
  .blog-details .post-date {
    top: 15px;
    right: 15px;
    min-width: 70px; }
  .blog-details .post-date strong {
    font-size: 24px; }
  .blog-details .post-date span {
    font-size: 13px; }
  /* blog details - end */ }

/* ====================================================================================================
07 - media screen and (max-width: 580px) - end
==================================================================================================== */
/* ====================================================================================================
08 - media screen and (max-width: 480px) - start
==================================================================================================== */
@media screen and (max-width: 480px) {
  /* global - start */
  .sec-ptb-120,
  .calltoaction-section .parallax-window {
    padding: 80px 0px; }
  .sec-ptb-100 {
    padding: 60px 0px; }
  #backtotop {
    bottom: 75px; }
  /* global - end */
  /* header - start */
  .header-section {
    min-height: 70px; }
  /* header - end */
  /* footer - start */
  .footer-section .deco-image-1 {
    right: -120px;
    max-width: 190px; }
  .footer-section .useful-links > ul > li {
    margin-bottom: 8px; }
  .footer-section .widget-title {
    margin-bottom: 25px; }
  .footer-section .newsletter-area .form-item button[type="submit"] {
    display: block;
    min-width: 100%;
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: 15px;
    border-radius: 6px; }
  .footer-section .bottom-area {
    padding: 20px 0px;
    text-align: center; }
  .footer-section .social-links {
    margin-top: 10px; }
  .footer-section .social-links > ul {
    float: none;
    margin: 0px auto; }
  /* footer - end */
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content {
    padding: 0px;
    max-width: 280px;
    margin: 0px auto; }
  .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 22px;
    margin-bottom: 15px; }
  .slider-section .main-carousel .item .slider-content p {
    font-size: 14px;
    margin-bottom: 20px; }
  .service-primary {
    max-width: 180px;
    margin: 40px auto 0px; }
  .service-boxed-2 {
    max-width: 320px;
    margin: 30px auto 0px; }
  .service-section .deco-image-3 {
    max-width: 170px; }
  .service-section .deco-image-4 {
    bottom: 70px; }
  .team-carousel.arrow-right-left .owl-nav .owl-prev {
    left: 10px !important; }
  .team-carousel.arrow-right-left .owl-nav .owl-next {
    right: 10px !important; }
  .team-carousel .item {
    padding-top: 16px; }
  .team-carousel .team-grid {
    max-width: 280px; }
  .team-grid .member-image .social-links > ul > li {
    width: 35px;
    height: 35px;
    margin-right: 10px; }
  .team-grid .member-image .social-links > ul > li > a {
    line-height: 37px; }
  .portfolio-fullimage .item-title > a {
    font-size: 14px; }
  .portfolio-fullimage p span {
    font-size: 12px; }
  .blog-section .deco-image-2 {
    max-width: 70px; }
  .blog-section .deco-image-1 {
    max-width: 80px; }
  /* home 1 - end */
  /* home 2 - start */
  .banner-section .banner-image {
    max-width: 320px;
    margin: 0px auto 40px; }
  .banner-section .parallax-window {
    padding-top: 150px;
    padding-bottom: 60px; }
  .banner-section .banner-content {
    max-width: 320px;
    margin: 0px auto;
    text-align: center; }
  .service-fullimage {
    max-width: 320px;
    margin: 30px auto 0px; }
  .service-fullimage .item-title > a {
    padding: 15px; }
  .misssion-section .item-image-wrap .item-image {
    max-width: 320px;
    margin: 0px auto 40px; }
  .portfolio-grid {
    max-width: 320px;
    margin: 30px auto 0px; }
  .pricing-item {
    max-width: 320px;
    padding: 40px 30px;
    margin: 30px auto 0px; }
  /* home 2 - end */
  /* home 3 - start */
  .service-boxed {
    max-width: 320px;
    margin: 30px auto 0px; }
  .calltoaction-section .item-image,
  .calltoaction-section .section-title {
    max-width: 370px;
    margin: 0px auto 40px; }
  .faq-section .item-image {
    width: auto;
    max-width: 320px;
    margin: 0px auto 40px; }
  .faq-section .deco-image-1 {
    max-width: 330px; }
  .home-3 .slider-section .main-carousel .item .slider-content {
    max-width: 330px; }
  .home-3 .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 26px; }
  /* home 3 - end */
  /* contact - start */
  .calltoaction-section .estimate-content h2 {
    font-size: 30px; }
  /* contact - end */
  /* team - start */
  .team-grid {
    max-width: 320px;
    margin: 30px auto 0px; }
  /* team - end */ }

/* ====================================================================================================
08 - media screen and (max-width: 480px) - end
==================================================================================================== */
/* ====================================================================================================
09 - media screen and (max-width: 380px) - start
==================================================================================================== */
@media screen and (max-width: 380px) {
  /* global - start */
  .owl-theme .owl-nav .owl-next,
  .owl-theme .owl-nav .owl-prev {
    width: 30px;
    height: 30px; }
  .owl-theme .owl-nav .owl-next::before,
  .owl-theme .owl-nav .owl-prev::before {
    font-size: 14px;
    line-height: 30px; }
  .btn {
    height: 35px;
    min-width: auto;
    font-size: 12px;
    padding: 0px 15px;
    line-height: 35px; }
  .section-title .title-text {
    font-size: 24px;
    margin-bottom: 15px; }
  .section-title p.mb-30 {
    margin-bottom: 20px; }
  .section-title.size-increase .title-text {
    font-size: 24px; }
  .pagination-nav > ul > li:last-child > a,
  .pagination-nav > ul > li:first-child > a {
    font-size: 12px; }
  .pagination-nav > ul > li {
    height: 40px;
    min-width: 40px;
    margin-right: 10px; }
  .pagination-nav > ul > li > a {
    font-size: 14px;
    line-height: 43px; }
  /* global - end */
  /* header - start */
  .header-section {
    min-height: 60px; }
  .header-section .brand-logo > a {
    max-width: 70px; }
  .header-section .brand-logo .menu-btn {
    margin: 0px;
    font-size: 20px; }
  .sidebar-menu-wrapper .sidebar-menu {
    width: 300px;
    right: -320px; }
  .sidebar-menu-wrapper .sidebar-menu .about-content .title-text {
    font-size: 16px;
    margin-bottom: 15px; }
  .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li {
    width: 35px;
    height: 35px;
    margin-right: 10px; }
  .sidebar-menu-wrapper .sidebar-menu .social-links > ul > li > a {
    font-size: 12px;
    line-height: 37px; }
  /* header - end */
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content {
    max-width: 240px; }
  .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 18px; }
  .slider-section .main-carousel .item .slider-content p {
    font-size: 12px; }
  .slider-section .main-carousel .item {
    padding-top: 140px;
    padding-bottom: 70px; }
  .intro-section .item-image-2 {
    max-width: 180px;
    margin-left: 50px;
    padding-bottom: 40px; }
  .intro-section .item-image-2 .absolute-image {
    right: -50px;
    padding: 5px;
    max-width: 100px; }
  .intro-section .item-image-2 .deco-image-1 {
    top: 40px;
    right: -75px;
    max-width: 100px; }
  .intro-section .deco-image-3 {
    max-width: 80px; }
  .howitwork-section .item-image {
    max-width: 180px;
    padding-top: 40px;
    margin-left: 75px; }
  .howitwork-section .item-image .video-image .play-btn {
    width: 60px;
    height: 60px;
    font-size: 18px;
    line-height: 65px; }
  .howitwork-section .item-image .absolute-image {
    right: -35px;
    max-width: 100px; }
  .howitwork-section .item-image .deco-image-1 {
    right: -25px;
    bottom: -15px;
    max-width: 120px; }
  .howitwork-section .item-image .deco-image-2 {
    left: 40px;
    top: -25px;
    max-width: 340px; }
  .howitwork-section .item-image .video-image .play-btn i {
    margin-left: 4px; }
  .portfolio-section .grid .grid-item,
  .portfolio-section .grid .grid-sizer,
  .portfolio-section .grid .grid-item.grid-66 {
    width: 100%; }
  .home-1 .small-blog .item-image {
    width: 130px; }
  /* home 1 - end */
  /* home 3 - start */
  .home-3 .slider-section .main-carousel .item .slider-content .title-text {
    font-size: 22px; }
  .home-3 .slider-section .main-carousel .item .slider-content p {
    font-size: 10px;
    margin-bottom: 10px; }
  .home-3 .slider-section .main-carousel .item .slider-content {
    max-width: 280px; }
  .intro-section .item-image {
    max-width: 180px;
    margin-right: 50px;
    padding-bottom: 40px; }
  .intro-section .item-image .absolute-image {
    left: -50px;
    padding: 5px;
    max-width: 100px; }
  .intro-section .item-image .deco-image-1 {
    top: 40px;
    left: -75px;
    max-width: 100px; }
  .intro-section .deco-image-3 {
    max-width: 80px; }
  /* home 3 - end */
  /* about - start */
  .faq-section .deco-image-1 {
    max-width: 280px; }
  /* about - end */
  /* blog - start */
  .blog-grid a.item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 210px; }
    .blog-grid a.item-image > img {
      -o-object-fit: cover;
      object-fit: cover; }
  .blog-grid .item-content {
    padding: 25px; }
  .blog-grid .post-admin .admin-content {
    margin: 0px; }
  .blog-grid .item-title > a {
    font-size: 16px; }
  .blog-grid .item-title {
    margin-bottom: 15px; }
  .blog-grid .post-date {
    top: 15px;
    right: 15px;
    min-width: 70px;
    padding: 12px 10px; }
  .blog-grid .post-date strong {
    font-size: 26px; }
  .blog-grid .post-date span {
    font-size: 14px; }
  /* blog - end */
  /* blog details - start */
  .details-section .comment-item .item-title .admin-name {
    font-size: 16px; }
  .details-section .comment-item .admin-thumbnail {
    width: 50px;
    height: 50px;
    margin-right: 15px; }
  .details-section .comment-item p {
    font-size: 13px; }
  .details-section .comment-item .comment-item {
    margin-top: 20px;
    padding-left: 40px; }
  /* blog details - end */
  /* contact - start */
  .contact-section .title-text {
    font-size: 20px;
    margin-bottom: 30px; }
  .contact-section .contact-info > ul > li .icon {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 54px;
    margin-right: 20px; }
  .contact-section .contact-info > ul > li .content .item-title {
    font-size: 16px;
    margin-bottom: 4px; }
  .contact-section .contact-form {
    padding: 50px 30px; }
  .contact-section .useful-links > ul > li > a {
    font-size: 14px;
    padding: 10px 0px; }
  .contact-section .useful-links > ul > li > a .icon {
    width: 45px;
    height: 45px;
    font-size: 16px;
    line-height: 50px;
    margin-right: 15px; }
  .contact-section .useful-links > ul > li {
    margin-bottom: 15px; }
  /* contact - end */ }

/* ====================================================================================================
09 - media screen and (max-width: 380px) - end
==================================================================================================== */
/* ====================================================================================================
10 - media screen and (max-width: 320px) - start
==================================================================================================== */
@media screen and (max-width: 320px) {
  /* home 1 - start */
  .slider-section .main-carousel .item .slider-content {
    max-width: 200px; }
  .intro-section .item-image-2 {
    max-width: 180px;
    margin: 0px auto;
    margin-left: 18px;
    margin-bottom: 40px; }
  .howitwork-section .item-image {
    margin-left: 40px; }
  .blog-primary .item-title > a {
    font-size: 14px; }
  .small-blog .item-image {
    width: 120px;
    margin-right: 15px; }
  /* home 1 - end */
  /* home 3 - start */
  .home-3 .slider-section .main-carousel .item .slider-content {
    max-width: 240px; }
  .intro-section .item-image {
    max-width: 180px;
    margin: 0px auto;
    margin-right: 18px;
    margin-bottom: 40px; }
  /* home 3 - end */
  /* blog - start */
  .blog-grid .post-admin .admin-content {
    font-size: 12px; }
  .blog-grid .btn {
    float: right;
    min-width: 100px; }
  /* blog - end */ }

/* ====================================================================================================
10 - media screen and (max-width: 320px) - end
==================================================================================================== */