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

Template Name: Consulpro - Business Consulting Template
Author Name: theme-village
Code By: Tariqul Islam
Author Url: metariqul91@gmail.com
Description: A Bootstrap 5 Full and Final HTML Template for Consulting, Business Agency
Version: 1.0
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: consultation, template, business, bootstrap 5, agency

============================================================*/
/* Table of content
--------------------------------------------
1. General
2. Common CSS
3. Header
4. Footer
5. Banner
6. Services
7. Consultation
8. Review
9. FAQ
10. Blog
11. Offer
12. benefit
13. About
14. Team
15. Testimonial
16. Portfolio
17. Sidebar
18. Contact
19. Error 404 
20. Shop
20.1 Shop Sidebar
21. Single Product
22. Cart
23. Checkout
24. Form
25. Sidebar spacing
26. Floating image


------------------------------------------*/
/* ======================================
1. General
========================================*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500;600;700&family=Poppins:wght@400;500;700&display=swap");
body {
  font-family: "Poppins", sans-serif;
  background-color: #fff;
  color: #455359;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .container {
    max-width: 1170px;
  }
}

h1 {
  font-size: 50px;
  color: #455359;
}

h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-family: "Fira Sans", sans-serif;
  letter-spacing: -3px;
  transition: 700ms ease;
  font-variation-settings: "wght" 311;
  margin-bottom: 0.8rem;
  color: "#455359";
  outline: none;
  text-align: left;
}
h2:hover {
  font-variation-settings: "wght" 582; 
  letter-spacing: 1px;
}

h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #455359;
}

a {
  color: #455359;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-decoration: underline;
}
a:focus,
a:hover {
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: #455359;
}

h3 {
  font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 20px;
  }
}

input,
textarea,
.form-control {
  color: #455359;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e0e1e5;
  background: #fff;
}
input:focus,
textarea:focus,
.form-control:focus {
  outline: 0 none;
  box-shadow: none;
  border-color: #dddddd;
}
input::placeholder,
textarea::placeholder,
.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dddddd;
  opacity: 1;
  /* Firefox */
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #dddddd;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dddddd;
}

img,
figure {
  max-width: 100%;
  object-fit: cover;
  margin: 0px;
  vertical-align: middle;
}

.plr20 {
  padding: 0 40px;
}

/*-------------------------------
2. Common CSS
-------------------------*/
.section-padding {
  padding: 100px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding {
    padding: 80px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding {
    padding: 60px 0px;
  }
}

.overly,
.section-intro.intro-2 .section-title,
.line-bg,
.services-section .section-title,
.service-2 h2,
.faq-bg h2.section-title,
.frame-bg,
.offer-card .offer-img,
blockquote,
.header .header-line,
.promo-section.promo-bg,
.promo-section .promo-wrap,
.footer,
.footer .subscribe-wrap,
.footer-widget ul li,
.footer-widget ul li a,
.footer-bottom .footer-nav ul li,
.video-banner,
.video-banner .slide-img .video-meta .video-icon,
.services-section,
.service-inner .service-card,
.service-2,
.service-3,
.service-counter,
.business-section,
.business-section .about-business ul li,
.service-entry span,
.consult-section,
.review-section,
.review-wrapper,
.review-wrapper #revCarousel > button,
.client-quote,
.client-quote .quote-head,
.client-quote .quote-head .cl-meta,
.accordion-item .accordion-body,
.blog-section,
.single-entry.featured-entry,
.post-comments ol li,
.offer-section,
.benefit-section,
.benefit,
.ab-service-section ul li,
.team-card .team-info,
.team-bg,
.team-details .member-bio ul li,
.team-details .member-experience h3,
.team-card.team-2,
.team-card.team-2 .tm-content,
.quick-call,
.testimonial,
.single-quote,
.testimonial-2 .quote .quote-head,
.service-testimonial,
.portfolio-txt ul li,
.widget ul li a,
.widget.link-widget li,
.tabs.wc-tabs .nav button.nav-link,
.option-field label,
.option-field .cart_total_wrap .cart-collaterals h2,
.cart_total_wrap .cart-collaterals .option-field h2,
.case-entry .case-content {
  position: relative;
  z-index: 1;
}
.overly:before,
.section-intro.intro-2 .section-title:before,
.line-bg:before,
.services-section .section-title:before,
.service-2 h2:before,
.faq-bg h2.section-title:before,
.frame-bg:before,
.offer-card .offer-img:before,
blockquote:before,
.header .header-line:before,
.promo-section.promo-bg:before,
.promo-section .promo-wrap:before,
.footer:before,
.footer .subscribe-wrap:before,
.footer-widget ul li:before,
.footer-widget ul li a:before,
.footer-bottom .footer-nav ul li:before,
.video-banner:before,
.video-banner .slide-img .video-meta .video-icon:before,
.services-section:before,
.service-inner .service-card:before,
.service-2:before,
.service-3:before,
.service-counter:before,
.business-section:before,
.business-section .about-business ul li:before,
.service-entry span:before,
.consult-section:before,
.review-section:before,
.review-wrapper:before,
.review-wrapper #revCarousel > button:before,
.client-quote:before,
.client-quote .quote-head:before,
.client-quote .quote-head .cl-meta:before,
.accordion-item .accordion-body:before,
.blog-section:before,
.single-entry.featured-entry:before,
.post-comments ol li:before,
.offer-section:before,
.benefit-section:before,
.benefit:before,
.ab-service-section ul li:before,
.team-card .team-info:before,
.team-bg:before,
.team-details .member-bio ul li:before,
.team-details .member-experience h3:before,
.team-card.team-2:before,
.team-card.team-2 .tm-content:before,
.quick-call:before,
.testimonial:before,
.single-quote:before,
.testimonial-2 .quote .quote-head:before,
.service-testimonial:before,
.portfolio-txt ul li:before,
.widget ul li a:before,
.widget.link-widget li:before,
.tabs.wc-tabs .nav button.nav-link:before,
.option-field label:before,
.option-field .cart_total_wrap .cart-collaterals h2:before,
.cart_total_wrap .cart-collaterals .option-field h2:before,
.case-entry .case-content:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #FFF;
}
.case-entry .case-content:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #FFF;
}

.bottom-line {
  border-bottom: 1px solid #dddddd;
}

.section-title {
  font-size: 46px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section-title {
    font-size: 40px;
  }
}

.sub-title {
  font-size: 40px;
  margin-bottom: 25px;
}

.heading-title {
  font-size: 52px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .heading-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .heading-title {
    font-size: 35px;
  }
}

.promo-title {
  font-size: 65px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .promo-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .promo-title {
    font-size: 35px;
  }
}

main.main-content {
  padding-bottom: 145px;
}

.custom-btn,
.cart-form-footer .button,
.cart_total_wrap .button {
  display: inline-block;
  padding: 18px 32px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background: #bdced7;
  border: none;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-family: "Fira Sans", sans-serif;
  position: relative;
  z-index: 1;
  overflow: visible;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.custom-btn::after,
.cart-form-footer .button::after,
.cart_total_wrap .button::after {
  background-color: #fff;
  content: "";
  height: 150px;
  left: -75px;
  position: absolute;
  top: -35px;
  transform: rotate(35deg);
  transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 40px;
  opacity: 0;
}
.custom-btn i,
.cart-form-footer .button i,
.cart_total_wrap .button i {
  top: 5px;
  position: relative;
  font-size: 26px;
  margin-left: 4px;
}
.custom-btn i::before,
.cart-form-footer .button i::before,
.cart_total_wrap .button i::before {
  line-height: 0.5;
}
.custom-btn.unfill,
.cart-form-footer .unfill.button,
.cart_total_wrap .unfill.button {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.custom-btn.unfill:hover,
.cart-form-footer .unfill.button:hover,
.cart_total_wrap .unfill.button:hover {
  border: 2px solid #bdced7;
  background: #bdced7;
}
.custom-btn.full,
.cart-form-footer .full.button,
.cart_total_wrap .full.button {
  width: 100%;
}
.custom-btn:hover,
.cart-form-footer .button:hover,
.cart_total_wrap .button:hover,
.custom-btn:focus,
.cart-form-footer .button:focus,
.cart_total_wrap .button:focus,
.custom-btn:visited,
.cart-form-footer .button:visited,
.cart_total_wrap .button:visited {
  color: #fff;
}
.custom-btn:hover::after,
.cart-form-footer .button:hover::after,
.cart_total_wrap .button:hover::after {
  left: 120%;
  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-btn,
  .cart-form-footer .button,
  .cart_total_wrap .button {
    padding: 15px 35px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-btn,
  .cart-form-footer .button,
  .cart_total_wrap .button {
    padding: 14px 30px;
    font-size: 18px;
  }
}

.section-intro {
  max-width: 50%;
  margin: 0 auto 60px;
  text-align: center;
}
.section-intro h2 {
  max-width: 85%;
  margin: 0 auto 20px;
}
.section-intro p {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-intro p {
    font-size: 17px;
  }
}
.section-intro.intro-left {
  margin: 0 0 60px;
  text-align: left;
}
.section-intro.intro-left h2 {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-intro.intro-left h2 {
    font-size: 40px;
  }
}
.section-intro.intro-full {
  text-align: left;
  max-width: 100%;
  margin: 0;
}
.section-intro.intro-full h2 {
  margin: 0 0 20px;
}
.section-intro.intro-2 {
  margin: 0 auto 70px;
}
.section-intro.intro-2 span {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  font-size: 16px;
  text-transform: uppercase;
  color: #bdced7;
  letter-spacing: 2px;
}
.section-intro.intro-2 .section-title {
  margin-top: 5px;
}
.section-intro.intro-2 .section-title::before {
  height: 3px;
  width: 80px;
  left: 50%;
  top: 61px;
  transform: translateX(-50%);
  background-color: #bdced7;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-intro {
    max-width: 58%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-intro {
    max-width: 75%;
  }
  .section-intro h2 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section-intro {
    max-width: 100%;
  }
  .section-intro p {
    font-size: 17px;
  }
}

.white-bg {
  background: #fff;
}

.spaceBig {
  padding: 100px 0 260px;
}

.shadow,
.primary-navigation.sticky-header.scroll-on,
.footer .subscribe-wrap,
.video-banner .slide-img .video-meta .success-stat,
.service-card .card-inner,
.business-card .card-hover,
.talk-section .talk-txt,
.rv-feature,
.review-wrapper,
.faq-wrap,
.single-entry:hover,
.product:hover {
  -webkit-box-shadow: 0px 3px 30px 3px rgba(45, 45, 45, 0.1);
  -moz-box-shadow: 0px 3px 30px 3px rgba(45, 45, 45, 0.1);
  box-shadow: 0px 3px 30px 3px rgba(45, 45, 45, 0.1);
}

.round10,
.promo-section .promo-wrap,
.video-banner .slide-txt form input,
.video-banner .home-slide-2 .single-slide .slide-txt form input,
.home-slide-2 .single-slide .video-banner .slide-txt form input,
.video-banner .slide-img .video-meta .video-icon::before,
.video-banner .slide-img .video-meta .success-stat,
.service-inner,
.service-entry,
.talk-section .talk-txt,
.status-card,
.rv-feature,
.review-wrapper,
.benefit-img img,
.benefit-options .single-benefit span,
.skill .progress .progress-bar,
.contact-widget {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.section-top {
  position: relative;
  margin-top: -240px;
}
@media only screen and (max-width: 767px) {
  .section-top {
    margin-top: -160px;
  }
}

.line-bg,
.services-section .section-title,
.service-2 h2,
.faq-bg h2.section-title {
  max-width: 50%;
  margin: 0 auto 45px;
  text-align: center;
  padding-bottom: 35px;
}
.line-bg::before,
.services-section .section-title::before,
.service-2 h2::before,
.faq-bg h2.section-title::before {
  background: url("../images/line.png") no-repeat center bottom;
}
@media only screen and (max-width: 767px) {
  .line-bg,
  .services-section .section-title,
  .service-2 h2,
  .faq-bg h2.section-title {
    max-width: 85%;
  }
}

.owl-nav button {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #bdced7 !important;
  width: 44px;
  height: 44px;
}
.owl-nav button.owl-next {
  left: auto;
  right: 0;
}
.owl-nav button span {
  color: #fff;
  font-size: 26px;
  display: block;
}

.frame-bg,
.offer-card .offer-img {
  padding: 30px;
}
.frame-bg::before,
.offer-card .offer-img::before {
  background: url("../images/frame-up.png") no-repeat top right;
}
.frame-bg::after,
.offer-card .offer-img::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: url("../images/frame-end.png") no-repeat bottom left;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .frame-bg,
  .offer-card .offer-img {
    padding: 0 10px;
  }
}

.anim-img,
.anim-2 {
  position: absolute;
  top: 2%;
  left: 6%;
  backface-visibility: visible;
  animation: jumping 5s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  transition: all 2s ease 2s;
  user-select: none;
}
@media only screen and (max-width: 767px) {
  .anim-img,
  .anim-2 {
    width: 50px;
  }
}

.anim-2 {
  animation: jumping2 5s ease-in-out 2s infinite alternate;
  top: 40%;
  left: auto;
  right: 0;
}

@keyframes jumping {
  0% {
    transform: translateY(0px) translateX(0) rotate(0) scale(0.5);
    opacity: 0.2;
  }
  50% {
    transform: translateY(-50px) translateX(-50px) rotate(15deg) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-75px) translateX(-75px) rotate(0) scale(1);
    opacity: 1;
  }
}

@keyframes jumping2 {
  0% {
    transform: translateY(-150px) translateX(-10px) rotate(0) scale(1);
    opacity: 0.2;
  }
  50% {
    transform: translateY(-50px) translateX(-10px) rotate(5deg) scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0px) translateX(0) rotate(0) scale(0.7);
  }
}

.color {
  color: #bdced7;
}

.owl-dots {
  text-align: center;
  margin-top: 50px;
}
.owl-dots .owl-dot span {
  width: 10px;
  height: 7px;
  margin: 5px 7px;
  background: #80a0ae;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
.owl-dots .owl-dot.active span {
  width: 30px;
  background: #fff;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.video-block {
  position: relative;
}
.video-block .video {
  height: 85px;
  width: 85px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  display: table;
  background: #bdced7;
  z-index: 999;
}
.video-block .video i {
  display: table-cell;
  vertical-align: middle;
  font-size: 22px;
}

.waves {
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(244, 70, 47, 0.3);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

blockquote {
  font-size: 18px;
  color: #7e8283;
  padding-left: 25px;
  margin-top: 40px;
  line-height: 32px;
}
blockquote::before {
  width: 8px;
  background: #bdced7;
  height: 90%;
  top: 50%;
  transform: translateY(-50%);
}

a#scrollUp {
  right: 40px;
  bottom: 60px;
  font-size: 50px;
  width: 40px;
  height: 70px;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
a#scrollUp::before {
  position: absolute;
  content: "\f119";
  font-family: flaticon;
  -webkit-animation: 1.5s ease-in-out 0s normal none infinite running updown;
  animation: 1.5s ease-in-out 0s normal none infinite running updown;
  left: 65%;
  transform: translateX(-50%);
}
a#scrollUp::after {
  position: absolute;
  left: -5px;
  top: -30px;
  width: 60px;
  height: 60px;
  background: #bdced7;
  content: "";
  border-radius: 50%;
  z-index: -1;
}

@keyframes updown {
  0% {
    top: 15px;
  }
  100% {
    top: -5px;
  }
}

@-webkit-keyframes updown {
  0% {
    top: 15px;
  }
  100% {
    top: -5px;
  }
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #d63384;
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}

.move-rotate {
  position: absolute;
  animation: animateRotate 30s linear infinite;
  -webkit-animation: animateRotate 30s linear;
  left: 30px;
  top: 70%;
}
.move-rotate.move-right {
  left: auto;
  right: 50px;
  top: 40%;
}

/* keyframe animation */
@keyframes animateRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes animateRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

/* -------------------------------------
3. Header
--------------------------------------- */
.primary-navigation {
  position: relative;
  width: 100%;
  margin: 0;
  z-index: 999;
  top: 0;
  transition: all 0.3s ease;
}

.navbar-toggler {
  float: right;
  border: none;
  padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-light .navbar-toggler-icon {
  width: 24px;
  height: 17px;
  background-image: none;
  position: relative;
  border-bottom: 2px solid #fff;
  transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
  width: 24px;
  position: absolute;
  height: 2px;
  background-color: #fff;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after {
  top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent;
}

.navbar.navbar-light {
  padding: 0;
}
.navbar.navbar-light ul.navbar-nav.mx-auto {
  padding-right: 125px;
}
@media only screen and (max-width: 767px) {
  .navbar.navbar-light ul.navbar-nav.mx-auto {
    margin: 25px 0 30px;
    padding: 15px 30px 25px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar.navbar-light ul.navbar-nav.mx-auto {
    padding-right: 0;
  }
}
.navbar.navbar-light .nav-item {
  position: relative;
}
.navbar.navbar-light .nav-item .nav-link {
  position: relative;
  padding: 30px;
  font-family: "Fira Sans", sans-serif;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  transition: all 300ms linear;
}
.navbar.navbar-light .nav-item:hover a.nav-link,
.navbar.navbar-light .nav-item:focus .nav-link {
  color: #455359;
}
.navbar.navbar-light .nav-item .dropdown-menu {
  position: absolute;
  left: 0;
  top: 120%;
  font-size: 15px;
  color: #212121;
  background-color: #fff;
  border: none;
  border-radius: 0px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
  min-width: 220px;
  display: block;
  opacity: 0;
  visibility: visible;
  padding: 0;
  pointer-events: none;
  transition: all 200ms linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar.navbar-light .nav-item .dropdown-menu {
    min-width: 165px;
  }
}
@media only screen and (max-width: 767px) {
  .navbar.navbar-light .nav-item .dropdown-menu {
    min-width: 200px;
  }
}
.navbar.navbar-light .nav-item .dropdown-menu .dropdown-item {
  padding: 7px 15px;
  transition: all 300ms linear;
  font-weight: 600;
  font-family: "Fira Sans", sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.navbar.navbar-light .nav-item .dropdown-menu .dropdown-item:hover,
.navbar.navbar-light .nav-item .dropdown-menu .dropdown-item:focus {
  color: #0dcaf0;
  background-color: transparent;
  padding-left: 20px;
}
.navbar.navbar-light .nav-item:hover > .dropdown-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  max-height: 999px;
  transform: translate3d(0, 0px, 0);
  pointer-events: auto;
}
.navbar.navbar-light .dropdown-toggle::after {
  border: none;
  content: "\f105";
  font-family: flaticon;
  font-size: 12px;
  margin-left: 7px;
  vertical-align: middle;
  position: absolute;
  left: auto;
}
.navbar.navbar-light a.dropdown-item.dropdown-toggle::after {
  transform: rotate(-90deg);
  right: 11px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .navbar.navbar-light .nav-item .nav-link {
    font-size: 18px;
    padding: 28px 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar.navbar-light .navbar-brand {
    max-width: 180px;
  }
  .navbar.navbar-light .nav-item .nav-link {
    font-size: 17px;
    padding: 20px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .navbar.navbar-light {
    padding: 4px 0;
  }
  .navbar.navbar-light .nav-item .nav-link {
    font-size: 18px;
    padding: 20px;
  }
  .navbar.navbar-light .navbar-brand {
    max-width: 180px;
  }
}

li.nav-item ul.dropdown-menu li.dropdown .dropdown-menu {
  left: 100%;
  top: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  li.nav-item ul.dropdown-menu li.dropdown .dropdown-menu {
    left: 55%;
  }
}
li.nav-item ul.dropdown-menu li.dropdown .dropdown-menu.dropdown-right {
  left: auto;
  right: 100%;
}

li.nav-item ul.dropdown-menu li.dropdown:hover > a {
  color: #bdced7;
}

li.nav-item ul.dropdown-menu li.dropdown:hover > .dropdown-menu {
  display: block;
  visibility: visible;
  max-height: 999px;
  top: 0;
  opacity: 1;
  color: #bdced7;
  transform: translate3d(0, 0px, 0);
  pointer-events: auto;
}

.header {
  background: #bdced7;
  z-index: 9;
  /*   Home 1 Header */
}
@media only screen and (max-width: 767px) {
  .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.header.index-header {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 9;
  width: 100%;
  background: transparent;
}
.header.index-header .header-line::before {
  width: 90%;
}
.header.index-header .primary-navigation {
  position: relative;
  width: 100%;
  background: transparent;
}
.header.index-header .primary-navigation .nav-item .nav-link {
  color: #dc3545;
  padding: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .header.index-header .header-line::before {
    width: 89.7%;
  }
  .header.index-header .primary-navigation .nav-item .nav-link {
    padding: 20px 30px;
  }
  .header.index-header .navbar ul.navbar-nav.mx-auto {
    padding-right: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header.index-header .primary-navigation .nav-item .nav-link {
    padding: 20px 22px;
    font-size: 18px;
  }
  .header.index-header .navbar ul.navbar-nav.mx-auto {
    padding-right: 110px;
  }
  .header.index-header .get-started {
    right: -40px;
  }
  .header.index-header .header-line::before {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header.index-header .navbar {
    padding: 0;
  }
  .header.index-header .navbar .nav-item .nav-link {
    font-size: 17px;
    padding: 20px 24px;
  }
  .header.index-header .get-started {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header.index-header {
    background-color: #bdced7;
  }
  .header.index-header .get-started {
    display: none;
  }
  .header.index-header .primary-navigation .nav-item .nav-link {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header.index-header .header-line::before {
    width: 95%;
    top: 70px;
  }
}
.header.header-2,
.header.header-3 {
  background: #fff;
  position: relative;
}
.header.header-2 .header-top,
.header.header-3 .header-top {
  border-bottom: 1px solid #dadada;
  padding: 8px 0;
}
.header.header-2 .header-top .header-social,
.header.header-3 .header-top .header-social {
  max-width: 60%;
}
.header.header-2 .header-top .header-social li a,
.header.header-3 .header-top .header-social li a {
  border: 1px solid #455359;
  color: #455359;
}
.header.header-2 .header-top .header-social li a:hover,
.header.header-3 .header-top .header-social li a:hover {
  border: 1px solid #bdced7;
  color: #fff;
}
.header.header-2 .header-top .header-social span,
.header.header-3 .header-top .header-social span {
  color: #bdced7;
}
.header.header-2 .header-top .header-call li,
.header.header-3 .header-top .header-call li,
.header.header-2 .header-top .header-call a,
.header.header-3 .header-top .header-call a {
  color: #455359;
}
.header.header-2 .primary-navigation .nav-item .nav-link,
.header.header-3 .primary-navigation .nav-item .nav-link {
  color: #455359;
  padding: 34px 30px;
}
.header.header-2 .quick-connect,
.header.header-3 .quick-connect {
  padding: 17px 15px;
}
.header.header-2 .quick-connect::before,
.header.header-3 .quick-connect::before,
.header.header-2 .quick-connect::after,
.header.header-3 .quick-connect::after {
  height: 100%;
}
.header.header-2 .primary-navigation.sticky-header.scroll-on,
.header.header-3 .primary-navigation.sticky-header.scroll-on {
  background: #fff;
}
.header.header-2
  .primary-navigation.sticky-header.scroll-on
  .navbar
  .nav-item
  .nav-link,
.header.header-3
  .primary-navigation.sticky-header.scroll-on
  .navbar
  .nav-item
  .nav-link {
  padding: 22px 30px;
}
.header.header-2 .primary-navigation.sticky-header.scroll-on .quick-connect,
.header.header-3 .primary-navigation.sticky-header.scroll-on .quick-connect {
  padding: 9px 15px;
}
.header.header-2
  .primary-navigation.sticky-header.scroll-on
  .quick-connect
  .question,
.header.header-3
  .primary-navigation.sticky-header.scroll-on
  .quick-connect
  .question {
  padding-top: 0px;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .header.header-2 .navbar.navbar-light ul.navbar-nav.mx-auto,
  .header.header-3 .navbar.navbar-light ul.navbar-nav.mx-auto {
    padding: 0 0 0 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header.header-2 .header-top .header-social,
  .header.header-3 .header-top .header-social {
    max-width: 72%;
  }
  .header.header-2 .quick-connect,
  .header.header-3 .quick-connect {
    padding: 10px 15px 4px;
    max-width: 210px;
  }
  .header.header-2 .quick-connect span,
  .header.header-3 .quick-connect span {
    font-size: 30px;
  }
  .header.header-2 .quick-connect .question,
  .header.header-3 .quick-connect .question {
    margin-left: 52px;
  }
  .header.header-2 .quick-connect .question span,
  .header.header-3 .quick-connect .question span,
  .header.header-2 .quick-connect .question a,
  .header.header-3 .quick-connect .question a {
    font-size: 16px;
  }
  .header.header-2 .quick-connect::after,
  .header.header-3 .quick-connect::after {
    width: 60px;
  }
  .header.header-2 .primary-navigation .nav-item .nav-link,
  .header.header-3 .primary-navigation .nav-item .nav-link {
    padding: 28px 22px;
  }
  .header.header-2 .primary-navigation.sticky-header.scroll-on .quick-connect,
  .header.header-3 .primary-navigation.sticky-header.scroll-on .quick-connect {
    padding: 9px 10px;
  }
  .header.header-2
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::before,
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::before,
  .header.header-2
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::after,
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::after {
    height: 103%;
  }
  .header.header-2
    .primary-navigation.sticky-header.scroll-on
    .navbar
    .nav-item
    .nav-link,
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .navbar
    .nav-item
    .nav-link {
    padding: 18px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header.header-2 .header-top .header-social,
  .header.header-3 .header-top .header-social {
    max-width: 100%;
  }
  .header.header-2 .header-top .header-social li,
  .header.header-3 .header-top .header-social li {
    margin-left: 0px;
  }
  .header.header-2 .header-top .header-social li a,
  .header.header-3 .header-top .header-social li a {
    width: 32px;
    height: 32px;
  }
  .header.header-2 .header-top .header-call li,
  .header.header-3 .header-top .header-call li {
    font-size: 15px;
    margin-right: 5px;
  }
  .header.header-2 .quick-connect,
  .header.header-3 .quick-connect {
    padding: 5px 10px;
    max-width: 200px
  }
  .header.header-2 .quick-connect::before,
  .header.header-3 .quick-connect::before {
    height: 88%;
  }
  .header.header-2 .quick-connect span,
  .header.header-3 .quick-connect span {
    font-size: 30px;
  }
  .header.header-2 .quick-connect .question,
  .header.header-3 .quick-connect .question {
    margin-left: 52px;
  }
  .header.header-2 .quick-connect .question span,
  .header.header-3 .quick-connect .question span,
  .header.header-2 .quick-connect .question a,
  .header.header-3 .quick-connect .question a {
    font-size: 16px;
  }
  .header.header-2 .quick-connect::after,
  .header.header-3 .quick-connect::after {
    width: 60px;
  }
  .header.header-2 .primary-navigation .navbar ul.navbar-nav.mx-auto,
  .header.header-3 .primary-navigation .navbar ul.navbar-nav.mx-auto {
    padding-right: 160px;
  }
  .header.header-2
    .primary-navigation
    .navbar
    ul.navbar-nav.mx-auto
    .nav-item
    .nav-link,
  .header.header-3
    .primary-navigation
    .navbar
    ul.navbar-nav.mx-auto
    .nav-item
    .nav-link {
    padding: 22px 16px;
    font-size: 17px;
  }
  .header.header-2 .primary-navigation .navbar .navbar-brand,
  .header.header-3 .primary-navigation .navbar .navbar-brand {
    max-width: 130px;
  }
  .header.header-2 .primary-navigation.sticky-header.scroll-on .quick-connect,
  .header.header-3 .primary-navigation.sticky-header.scroll-on .quick-connect {
    padding: 8.5px 10px;
  }
  .header.header-2
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::before,
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::before {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .header.header-2,
  .header.header-3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .header.header-2 .navbar-light .navbar-toggler-icon,
  .header.header-3 .navbar-light .navbar-toggler-icon {
    border-bottom: 2px solid #bdced7;
  }
  .header.header-2 .navbar-light .navbar-toggler-icon::before,
  .header.header-3 .navbar-light .navbar-toggler-icon::before,
  .header.header-2 .navbar-light .navbar-toggler-icon::after,
  .header.header-3 .navbar-light .navbar-toggler-icon::after {
    background-color: #bdced7;
  }
  .header.header-2 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon,
  .header.header-3 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
  }
  .header.header-2 .primary-navigation .nav-item .nav-link,
  .header.header-3 .primary-navigation .nav-item .nav-link {
    padding: 17px 28px;
  }
  .header.header-2
    .primary-navigation.sticky-header.scroll-on
    .navbar
    .nav-item
    .nav-link,
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .navbar
    .nav-item
    .nav-link {
    padding: 16px 28px;
  }
  .header.header-2 .header-top .header-social,
  .header.header-3 .header-top .header-social {
    max-width: 100%;
    text-align: left;
    margin-top: 10px;
  }
  .header.header-2 .header-top .header-social li a,
  .header.header-3 .header-top .header-social li a {
    width: 30px;
    height: 30px;
  }
  .header.header-2 .header-top .header-call li,
  .header.header-3 .header-top .header-call li {
    margin-right: 0;
    font-size: 15px;
  }
  .header.header-2 .quick-connect,
  .header.header-3 .quick-connect {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header.header-2 .header-top .header-call li,
  .header.header-3 .header-top .header-call li {
    margin-right: 0;
    font-size: 14px;
  }
}
.header.header-3 {
  width: 100%;
}
.header.header-3 .navbar-brand {
  padding-left: 70px;
}
.header.header-3 .primary-navigation .navbar ul.navbar-nav.mx-auto {
  padding-right: 225px;
}
@media only screen and (max-width: 767px) {
  .header.header-3 .primary-navigation .navbar ul.navbar-nav.mx-auto {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .header.header-3 .navbar-brand {
    padding-left: 125px;
  }
  .header.header-3
    .primary-navigation
    .navbar
    ul.navbar-nav.mx-auto
    .nav-item
    .nav-link {
    padding: 34px 36px;
  }
  .header.header-3
    .primary-navigation.primary-navigation.sticky-header.scroll-on
    .navbar
    ul.navbar-nav.mx-auto
    .nav-item
    .nav-link {
    padding: 22px 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header.header-3 .navbar {
    padding-left: 20px;
  }
  .header.header-3 .navbar .navbar-brand {
    padding-left: 0px;
  }
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .navbar
    .nav-item
    .nav-link {
    padding: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header.header-3 .navbar-brand {
    padding-left: 0px;
  }
  .header.header-3
    .primary-navigation
    .navbar
    ul.navbar-nav.mx-auto
    .nav-item
    .nav-link {
    font-size: 15px;
  }
  .header.header-3 .quick-connect {
    width: 200px;
  }
  .header.header-3 .quick-connect::after,
  .header.header-3 .quick-connect::before {
    height: 72px;
  }
  .header.header-3 .quick-connect::after {
    width: 54px;
  }
  .header.header-3 .quick-connect > span {
    font-size: 30px;
  }
  .header.header-3 .quick-connect .question {
    margin-left: 55px;
  }
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::after,
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::before {
    height: 72px;
  }
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect::after {
    width: 54px;
  }
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect
    > span {
    padding: 17px 2px;
    font-size: 30px;
  }
  .header.header-3
    .primary-navigation.sticky-header.scroll-on
    .quick-connect
    .question {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .header.header-3 .navbar-brand {
    padding-left: 0px;
  }
}
.header.header-4 .header-top::before {
  width: 100%;
  left: 0;
  top: 72px;
}
@media only screen and (max-width: 767px) {
  .header.header-4 .header-top::before {
    top: 103px;
  }
}
.header .header-line::before {
  width: calc(100% - 30px);
  height: 1px;
  top: 50px;
  left: 15px;
  background: #157097;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.header .get-started {
  position: absolute;
  right: 0px;
  top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .get-started {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header .get-started {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 15px;
  }
}

.top-info {
  padding-bottom: 12px;
  margin-right: 7px;
}
.top-info ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.top-info ul li {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  margin-right: 50px;
}
.top-info ul li:last-child {
  margin-right: 0;
}
.top-info ul li i {
  margin-right: 9px;
  top: 2px;
  position: relative;
}
.top-info ul li i::before {
  margin-top: 3px;
}
.top-info ul li a {
  color: #fff;
}
.top-info ul li a:hover {
  color: #bdced7;
}
@media only screen and (max-width: 767px) {
  .top-info ul li {
    font-size: 14px;
    margin-bottom: 2px;
    margin-right: 5px;
  }
}

.primary-navigation.sticky-header.scroll-on {
  position: fixed;
  top: 0;
  background: #bdced7;
  width: 100%;
  z-index: 99;
  animation-name: sticky-animation;
  animation-timing-function: ease-out;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.primary-navigation.sticky-header.scroll-on .navbar .nav-item .nav-link {
  padding: 23px 30px;
}
.primary-navigation.sticky-header.scroll-on .get-started .custom-btn,
.primary-navigation.sticky-header.scroll-on
  .get-started
  .cart-form-footer
  .button,
.cart-form-footer
  .primary-navigation.sticky-header.scroll-on
  .get-started
  .button,
.primary-navigation.sticky-header.scroll-on
  .get-started
  .cart_total_wrap
  .button,
.cart_total_wrap
  .primary-navigation.sticky-header.scroll-on
  .get-started
  .button {
  padding: 14px 32px;
}
.primary-navigation.sticky-header.scroll-on .quick-connect > span {
  padding: 10px 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .primary-navigation.sticky-header.scroll-on .navbar .nav-item .nav-link {
    padding: 20px 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .primary-navigation.sticky-header.scroll-on .navbar .nav-item .nav-link {
    padding: 20px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .primary-navigation.sticky-header.scroll-on .navbar .nav-item .nav-link {
    padding: 18px 20px;
  }
}

@-webkit-keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes sticky-animation {
  0% {
    opacity: 0;
    transform: translateY(-200%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.quick-connect {
  position: absolute;
  right: 0;
  padding: 25px 20px 20px;
  top: 0;
  z-index: 2;
  max-width: 285px;
}
.quick-connect::before,
.quick-connect::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 120px;
  width: 100%;
  content: "";
  background: #bdced7;
  z-index: -1;
}
.quick-connect::after {
  width: 80px;
  background-color: #bdced7;
}
.quick-connect > span {
  height: 100%;
  float: left;
  text-align: center;
  padding: 20px 2px;
  font-size: 35px;
  color: #fff;
}
.quick-connect .question {
  margin-left: 75px;
  color: #fff;
  line-height: 1.3;
  padding-top: 10px;
}
.quick-connect .question span {
  font-size: 18px;
}
.quick-connect .question a {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}

/* Header 2 CSS */
.header-top {
  padding: 20px 0;
}
.header-top .header-call ul,
.header-top .header-social ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.header-top .header-call ul li,
.header-top .header-social ul li {
  display: inline-block;
}
.header-top .header-call {
  padding-top: 7px;
}
.header-top .header-call li,
.header-top .header-call a {
  margin-right: 15px;
  color: #fff;
}
.header-top .header-call li i,
.header-top .header-call a i {
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.header-top .header-call li:last-child,
.header-top .header-call a:last-child {
  margin-right: 0;
}
.header-top .header-social {
  text-align: right;
  margin-right: 0;
  margin-left: auto;
  max-width: 60%;
}
.header-top .header-social span {
  float: left;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #E4D2FE;
  font-size: 20px;
  font-weight: 600;
  padding-top: 5px;
  color: #fff;
}
.header-top .header-social li {
  margin-left: 5px;
}
.header-top .header-social li a {
  width: 35px;
  height: 35px;
  display: inline-table;
  text-align: center;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
}
.header-top .header-social li a i {
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px;
}
.header-top .header-social li:hover a {
  background-color: #bdced7;
  border: 1px solid #bdced7;
  color: #fff;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .header-top .header-social {
    max-width: 60%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-top .header-social {
    max-width: 72%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top .header-social {
    max-width: 100%;
  }
  .header-top .header-social li {
    margin-left: 3px;
  }
  .header-top .header-social li a {
    width: 30px;
    height: 30px;
  }
  .header-top .header-social span {
    font-size: 18px;
  }
  .header-top .top-info ul li {
    font-size: 15px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .header-top {
    padding: 15px 0 10px;
  }
  .header-top .header-line::before {
    top: 90px;
  }
  .header-top .header-call li {
    font-size: 14px;
  }
  .header-top .header-social {
    max-width: 100%;
    text-align: left;
    margin: 10px 0 0 0;
  }
  .header-top .header-social li {
    margin-left: 3px;
  }
  .header-top .header-social li a {
    width: 30px;
    height: 30px;
  }
  .header-top .header-social span {
    font-size: 17px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 390px) {
  .header-top .header-line::before {
    top: 112%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header-top .header-line::before {
    top: 86px;
  }
  .header-top .header-call li {
    font-size: 16px;
  }
  .header-top .header-social li {
    margin-left: 5px;
  }
  .header-top .header-social span {
    font-size: 18px;
  }
}

/* Header 3 CSS */
.promo-section {
  background: #bdced7;
  padding: 150px 0 100px;
}
.promo-section.promo-bg::before {
  background: url("../images/header-bg.png") no-repeat;
  left: -8%;
  top: -30%;
  height: 130%;
  background-size: contain;
}
.promo-section .promo-wrap {
  background: #11506c;
  max-width: 70%;
  margin: 0 auto;
  padding: 40px 60px 30px;
}
.promo-section .promo-wrap::before {
  background: url("../images/dot-graphic.png") no-repeat right top;
  top: -30px;
  left: 95.5%;
  height: 70px;
  width: 70px;
  -webkit-animation: rotate 11s linear infinite;
  animation: rotate 11s linear infinite;
}
.promo-section .promo-wrap h2 {
  color: #fff;
  font-size: 46px;
}
.promo-section .promo-wrap ol.breadcrumb {
  display: inline-block;
}
.promo-section .promo-wrap ol.breadcrumb .breadcrumb-item {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  display: inline-block;
}
.promo-section .promo-wrap ol.breadcrumb .breadcrumb-item a {
  color: #6baac5;
}
.promo-section .promo-wrap ol.breadcrumb .breadcrumb-item.active,
.promo-section .promo-wrap ol.breadcrumb .breadcrumb-item:before {
  color: #fff;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .promo-section.promo-bg::before {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .promo-section {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .promo-section {
    padding: 250px 0 100px;
  }
  .promo-section.promo-bg::before {
    background-position: left bottom;
  }
  .promo-section .promo-wrap {
    max-width: 90%;
    padding: 40px 30px 30px;
  }
  .promo-section .promo-wrap::before {
    top: -41px;
    left: 84.5%;
    width: 54px;
  }
  .promo-section .promo-wrap h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .promo-section .promo-wrap::before {
    top: -34px;
    left: 91%;
    width: 70px;
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

/* -------------------------------------
4. Footer
--------------------------------------- */
.footer {
  padding: 215px 0 0px;
  background: #002a3c;
  position: relative;
}
.footer::before {
  background: url("../images/footer-bg.png") no-repeat center center/contain;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .footer::before {
    background-size: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer::before {
    top: 13%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .footer::before {
    display: none;
  }
}
.footer .footer-top {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-top {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-top {
    padding-bottom: 15px;
  }
}
.footer .subscribe-wrap {
  background: #fff;
  padding: 30px 50px;
  margin-top: -375px;
  border-top: 4px solid #ffe2de;
  margin-bottom: 45px;
}
.footer .subscribe-wrap::before {
  height: 4px;
  width: 50%;
  background-color: #bdced7;
  top: -4px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.footer .subscribe-wrap:hover::before {
  width: 100%;
}
.footer .subscribe-wrap .subs-txt {
  max-width: 90%;
}
.footer .subscribe-wrap .subs-txt h3 {
  margin: 15px 0 10px;
}
.footer .subscribe-wrap .subs-txt i {
  font-size: 60px;
  color: #bdced7;
}
.footer .subscribe-wrap .subs-txt p {
  font-size: 15px;
  line-height: 22px;
}
.footer .subscribe-wrap .subs-form {
  position: relative;
}
.footer .subscribe-wrap .subs-form input {
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.footer .subscribe-wrap .subs-form button.custom-btn,
.footer .subscribe-wrap .subs-form .cart-form-footer button.button,
.cart-form-footer .footer .subscribe-wrap .subs-form button.button,
.footer .subscribe-wrap .subs-form .cart_total_wrap button.button,
.cart_total_wrap .footer .subscribe-wrap .subs-form button.button {
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  padding: 16px 28px;
}
@media only screen and (max-width: 767px) {
  .footer .subscribe-wrap {
    padding: 30px 5px;
  }
}

.footer-social span {
  display: inline-table;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 1;
  margin-right: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.footer-social span a {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  border: 1px solid #fff;
  font-size: 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.footer-social span a i {
  position: relative;
  top: 2px;
}
.footer-social span:hover a {
  border: 1px solid #bdced7;
  background: #bdced7;
}

.footer-widget .widget-title {
  font-size: 24px;
  color: #fff;
  margin-bottom: 40px;
}
.footer-widget .widget-title span {
  color: #bdced7;
}

.footer-widget ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footer-widget ul li {
  padding-bottom: 15px;
  padding-left: 15px;
}
.footer-widget ul li::before {
  content: ">";
  background: transparent;
  color: #fefefe;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.footer-widget ul li a {
  color: #fefefe;
  font-size: 14px;
  transition: color 0.3s linear;
}
.footer-widget ul li a::before {
  height: 1px;
  width: 0;
  top: 100%;
  transition: width 0.3s linear;
  background: #bdced7;
}
.footer-widget ul li:hover a {
  color: #bdced7;
}
.footer-widget ul li:hover a::before {
  width: 100%;
}
.footer-widget ul li:hover::before {
  color: #bdced7;
}
.footer-widget ul li:last-child {
  padding-bottom: 0;
}

.footer-widget p {
  color: #fefefe;
  font-size: 14px;
  margin-bottom: 20px;
}
.footer-widget p i {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 22px;
  position: relative;
  top: 3px;
  transition: color 0.3s linear;
}
.footer-widget p a {
  color: #fefefe;
  transition: color 0.3s linear;
}
.footer-widget p:hover a,
.footer-widget p:hover i {
  color: #bdced7;
}

.footer-widget.about-footer {
  max-width: 80%;
}

.footer-widget .latest-posts .ls-single {
  width: 49%;
  display: inline-block;
  margin: 0 0 12px;
}
.footer-widget .latest-posts .ls-single img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 93%;
}
.footer-widget .latest-posts .ls-single:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  transform: translateY(-4px);
}

.footer-widget.contact-widget {
  max-width: 88%;
  margin-right: 0;
  margin-left: auto;
  padding: 0;
  background-color: transparent;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-widget .widget-title {
    font-size: 22px;
  }
  .footer-widget .footer-social span {
    margin-right: 3px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget {
    margin-bottom: 30px;
  }
  .footer-widget.about-footer {
    max-width: 88%;
  }
  .footer-widget.contact-widget {
    margin-right: auto;
    margin-left: 0;
  }
  .footer-widget .latest-posts .ls-single {
    width: 32%;
  }
  .footer-widget .widget-title {
    font-size: 22px;
  }
  .footer-widget .footer-social span {
    margin-right: 3px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget {
    margin-bottom: 40px;
  }
  .footer-widget.contact-widget {
    margin-right: auto;
    margin-left: 0;
    margin-bottom: 40px;
  }
  .footer-widget .latest-posts .ls-single {
    width: 32%;
  }
}

.footer-bottom {
  background: #011e2a;
  padding: 20px 0;
  overflow: visible;
}
.footer-bottom p {
  color: #fff;
  margin: 0;
}
.footer-bottom p a {
  color: #bdced7;
  font-weight: 600;
}
.footer-bottom .footer-nav {
  text-align: right;
}
.footer-bottom .footer-nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footer-bottom .footer-nav ul li {
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
}
.footer-bottom .footer-nav ul li:last-child::before {
  content: "";
}
.footer-bottom .footer-nav ul li::before {
  content: " / ";
  background: none;
  left: 16px;
  color: #fff;
}
.footer-bottom .footer-nav ul li a {
  color: #fff;
}
.footer-bottom .footer-nav ul li a:hover {
  color: #bdced7;
}
@media only screen and (max-width: 767px) {
  .footer-bottom .footer-nav {
    margin-top: 15px;
    text-align: left;
  }
  .footer-bottom .footer-nav ul li {
    margin-left: 0;
    margin-right: 10px;
  }
  .footer-bottom .footer-nav ul li::before {
    left: 52px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footer-bottom .footer-nav ul li {
    margin-left: 10px;
    margin-right: auto;
  }
}

/* -------------------------------------
5. Banner
--------------------------------------- */
.banner-section {
  overflow: visible;
}
.banner-section .owl-nav {
  background: #bdced7;
  position: absolute;
  width: 305px;
  height: 305px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  left: -12%;
  top: 80%;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .banner-section .owl-nav {
    left: -8%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-section .owl-nav {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-section .owl-nav {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section .owl-nav {
    display: none;
  }
}
.banner-section .owl-nav > button {
  width: 39px;
  height: 39px;
  display: inline-table;
  position: absolute;
  left: 62%;
  top: 35%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff !important;
  text-align: center;
}
.banner-section .owl-nav > button i {
  color: #fff;
  font-size: 18px;
  position: relative;
  top: 3px;
}
.banner-section .owl-nav > button.owl-next {
  left: 80%;
}
.banner-section .single-slide {
  background: #bdced7;
  padding-top: 50px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}
.banner-section .single-slide .slide-img {
  max-width: 85%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-section .single-slide {
    padding: 75px 0;
  }
  .banner-section .single-slide .slide-img {
    position: relative;
    top: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section .single-slide {
    padding: 170px 0 70px;
  }
}

.slide-txt,
.home-slide-2 .single-slide .slide-txt {
  overflow: visible;
}
.slide-txt > span,
.home-slide-2 .single-slide .slide-txt > span {
  font-size: 25px;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
  display: block;
}
.slide-txt h1,
.home-slide-2 .single-slide .slide-txt h1 {
  font-size: 72px;
  line-height: 1;
  margin: 15px 0;
  color: #455359;
}
.slide-txt h1 span,
.home-slide-2 .single-slide .slide-txt h1 span {
  color: #455359;
  position: relative;
  left: -25px;
  top: 0;
}
.slide-txt p,
.home-slide-2 .single-slide .slide-txt p {
  font-size: 18px;
  margin: 30px 0 45px;
}
.slide-txt span,
.home-slide-2 .single-slide .slide-txt span,
.slide-txt p,
.home-slide-2 .single-slide .slide-txt p {
  color: #455359;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slide-txt h1,
  .home-slide-2 .single-slide .slide-txt h1 {
    font-size: 85px;
  }
  .slide-txt p,
  .home-slide-2 .single-slide .slide-txt p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slide-txt h1,
  .home-slide-2 .single-slide .slide-txt h1 {
    font-size: 65px;
  }
  .slide-txt h1 span,
  .home-slide-2 .single-slide .slide-txt h1 span {
    left: -10px;
  }
  .slide-txt p,
  .home-slide-2 .single-slide .slide-txt p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .slide-txt h1,
  .home-slide-2 .single-slide .slide-txt h1 {
    font-size: 65px;
  }
  .slide-txt h1 span,
  .home-slide-2 .single-slide .slide-txt h1 span {
    left: -10px;
  }
  .slide-txt p,
  .home-slide-2 .single-slide .slide-txt p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .slide-txt h1,
  .home-slide-2 .single-slide .slide-txt h1 {
    font-size: 55px;
  }
}

/* Banner 2 CSS */
.home-slide-2 {
  background: #bdced7;
}
.home-slide-2.owl-carousel .owl-item img {
  display: block;
  width: auto;
}
.home-slide-2 .single-slide {
  justify-content: center;
  align-items: center;
  padding: 100px 0;
  position: relative;
}
.home-slide-2 .single-slide .slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 15%;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}
.home-slide-2 .single-slide .slide-bg.sb-2 {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  background-position: bottom right;
}
.home-slide-2 .single-slide .slide-txt {
  text-align: right;
}
.home-slide-2 .single-slide .slide-txt h1 {
  font-size: 80px;
}
.home-slide-2 .slide-img {
  padding: 50px;
  position: relative;
  z-index: 1;
}
.home-slide-2 .slide-img .anim-item {
  position: absolute;
  right: 0;
  top: 0px;
  animation: jumping 5s ease-in-out 2s infinite alternate;
}
.home-slide-2 .slide-img .anim-item.anim-item2 {
  top: 80%;
  right: auto;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .home-slide-2 .single-slide .slide-txt h1 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-slide-2 .single-slide .slide-txt > span {
    font-size: 22px;
  }
  .home-slide-2 .single-slide .slide-txt h1 {
    font-size: 55px;
  }
  .home-slide-2 .single-slide .slide-txt p {
    font-size: 16px;
  }
  .home-slide-2 .single-slide .slide-txt .custom-btn,
  .home-slide-2 .single-slide .slide-txt .cart-form-footer .button,
  .cart-form-footer .home-slide-2 .single-slide .slide-txt .button,
  .home-slide-2 .single-slide .slide-txt .cart_total_wrap .button,
  .cart_total_wrap .home-slide-2 .single-slide .slide-txt .button {
    padding: 15px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .home-slide-2 {
    padding-top: 170px;
  }
  .home-slide-2 .single-slide {
    padding: 80px 0;
  }
  .home-slide-2 .single-slide .slide-txt {
    text-align: center;
  }
  .home-slide-2 .single-slide .slide-txt > span {
    font-size: 22px;
  }
  .home-slide-2 .single-slide .slide-txt h1 {
    font-size: 55px;
  }
  .home-slide-2 .single-slide .slide-txt p {
    font-size: 16px;
  }
  .home-slide-2 .single-slide .slide-txt .custom-btn,
  .home-slide-2 .single-slide .slide-txt .cart-form-footer .button,
  .cart-form-footer .home-slide-2 .single-slide .slide-txt .button,
  .home-slide-2 .single-slide .slide-txt .cart_total_wrap .button,
  .cart_total_wrap .home-slide-2 .single-slide .slide-txt .button {
    padding: 15px 28px;
  }
}

/* Video Banner CSS */
.video-banner {
  padding: 280px 0 220px;
}
.video-banner::before {
  width: 85%;
  border-bottom-right-radius: 30px;
}
.video-banner::after {
  position: absolute;
  content: "";
  left: -5%;
  bottom: 30px;
  width: 73%;
  height: 100%;
  background: url("../images/home3-graphics.png") no-repeat left bottom/contain;
  z-index: -1;
}
.video-banner .slide-txt,
.video-banner .home-slide-2 .single-slide .slide-txt,
.home-slide-2 .single-slide .video-banner .slide-txt {
  max-width: 90%;
}
.video-banner .slide-txt .banner-title {
  font-size: 60px;
}
.video-banner .slide-txt .banner-title span {
  right: 0;
}
.video-banner .slide-txt form,
.video-banner .home-slide-2 .single-slide .slide-txt form,
.home-slide-2 .single-slide .video-banner .slide-txt form {
  position: relative;
}
.video-banner .slide-txt form input,
.video-banner .home-slide-2 .single-slide .slide-txt form input,
.home-slide-2 .single-slide .video-banner .slide-txt form input {
  padding: 20px;
  padding-left: 50px;
  color: #c5d2da;
}
.video-banner .slide-txt form input::placeholder,
.video-banner .home-slide-2 .single-slide .slide-txt form input::placeholder,
.home-slide-2 .single-slide .video-banner .slide-txt form input::placeholder {
  color: #455359;
}
.video-banner .slide-txt form .custom-btn,
.video-banner .slide-txt form .cart-form-footer .button,
.cart-form-footer .video-banner .slide-txt form .button,
.video-banner .slide-txt form .cart_total_wrap .button,
.cart_total_wrap .video-banner .slide-txt form .button {
  right: 10px;
  top: 9px;
  padding: 12px 23px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 10px;
  box-shadow: none;
  position: absolute;
}
.video-banner .slide-txt form span.input-icon {
  position: absolute;
  left: 20px;
  top: 23px;
  z-index: 2;
  color: #c5d2da;
  font-size: 22px;
}
.video-banner .slide-img {
  position: relative;
  left: 80px;
}
.video-banner .slide-img img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
.video-banner .slide-img .video-meta {
  position: absolute;
  top: 88%;
  left: 20%;
  width: 90%;
}
.video-banner .slide-img .video-meta > div {
  float: left;
}
.video-banner .slide-img .video-meta .video-icon {
  width: 130px;
  height: 123px;
  text-align: center;
  display: table;
  border-radius: 10px;
  margin-right: 50px;
}
.video-banner .slide-img .video-meta .video-icon::before {
  background: #fff;
  -webkit-animation: rotating 12s linear infinite;
}
.video-banner .slide-img .video-meta .video-icon a {
  display: table-cell;
  vertical-align: middle;
  color: #bdced7;
  font-size: 55px;
}
.video-banner .slide-img .video-meta .success-stat {
  position: relative;
  padding: 30px 30px 10px;
  background-color: #fff;
  transform: rotate(10deg);
  margin-top: -80px;
}
.video-banner .slide-img .video-meta .success-stat .stat-shape {
  background: linear-gradient(to bottom, #16556f, #ef462f);
  border-radius: 80px;
  color: #455359;
  display: inline-block;
  font-size: 20px;
  text-decoration: none;
  width: 190px;
  height: 190px;
  position: relative;
  border-radius: 50%;
  text-align: center;
  line-height: 180px;
  display: table-cell;
  vertical-align: middle;
  left: 5px;
}
.video-banner .slide-img .video-meta .success-stat .stat-shape p {
  display: block;
  position: absolute;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
  border-radius: 50%;
  font-size: 40px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
}
.video-banner .slide-img .video-meta .success-stat > p {
  margin-top: 15px;
  line-height: 1;
  color: #8b9498;
  font-weight: 600;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .video-banner::before {
    width: 75.2%;
  }
  .video-banner::after {
    background: url(../images/home3-graphics.png) no-repeat 0px 100%;
    left: -2%;
    width: 100%;
  }
  .video-banner .slide-img {
    left: 145px;
    width: 115.5%;
  }
  .video-banner .anim-2 {
    right: 0;
    top: 30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .video-banner::before {
    width: 100%;
  }
  .video-banner .slide-txt .banner-title {
    font-size: 62px;
  }
  .video-banner .slide-img .video-meta {
    position: absolute;
    left: 5%;
  }
  .video-banner .slide-img .video-meta .success-stat {
    width: 55%;
    text-align: center;
  }
  .video-banner .slide-img .video-meta .success-stat .stat-shape {
    width: 160px;
    height: 160px;
    line-height: 150px;
  }
  .video-banner .slide-img .video-meta .video-icon {
    width: 105px;
    height: 105px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-banner {
    padding: 250px 0 150px;
  }
  .video-banner::before {
    width: 100%;
  }
  .video-banner .slide-txt .banner-title {
    font-size: 45px;
  }
  .video-banner .slide-txt p,
  .video-banner .home-slide-2 .single-slide .slide-txt p,
  .home-slide-2 .single-slide .video-banner .slide-txt p {
    font-size: 15px;
  }
  .video-banner .slide-txt form span.input-icon {
    top: 18px;
  }
  .video-banner .slide-txt form input,
  .video-banner .home-slide-2 .single-slide .slide-txt form input,
  .home-slide-2 .single-slide .video-banner .slide-txt form input {
    padding: 16px;
    padding-left: 50px;
  }
  .video-banner .slide-txt form .custom-btn,
  .video-banner .slide-txt form .cart-form-footer .button,
  .cart-form-footer .video-banner .slide-txt form .button,
  .video-banner .slide-txt form .cart_total_wrap .button,
  .cart_total_wrap .video-banner .slide-txt form .button {
    right: 10px;
    top: 7.2px;
  }
  .video-banner .slide-img {
    left: 0;
  }
  .video-banner .slide-img .video-meta {
    top: 82%;
    left: 35%;
  }
  .video-banner .slide-img .video-meta .success-stat {
    display: none;
  }
  .video-banner .slide-img .video-meta .video-icon {
    width: 105px;
    height: 105px;
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .video-banner {
    padding-bottom: 150px;
  }
  .video-banner::before {
    width: 100%;
  }
  .video-banner::after {
    background-size: contain;
    width: 100%;
    left: -9%;
  }
  .video-banner .slide-txt,
  .video-banner .home-slide-2 .single-slide .slide-txt,
  .home-slide-2 .single-slide .video-banner .slide-txt {
    max-width: 100%;
  }
  .video-banner .slide-txt .banner-title {
    font-size: 46px;
  }
  .video-banner .slide-txt form .custom-btn,
  .video-banner .slide-txt form .cart-form-footer .button,
  .cart-form-footer .video-banner .slide-txt form .button,
  .video-banner .slide-txt form .cart_total_wrap .button,
  .cart_total_wrap .video-banner .slide-txt form .button {
    right: 8px;
  }
  .video-banner .slide-img {
    left: 0px;
    margin: 0 0 100px;
  }
  .video-banner .slide-img .video-meta {
    left: 30%;
    top: 82%;
  }
  .video-banner .slide-img .video-meta .success-stat {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video-banner .slide-img {
    margin-bottom: 150px;
  }
  .video-banner .slide-img .video-meta {
    left: 20%;
    top: 85%;
  }
  .video-banner .slide-img .video-meta .success-stat {
    display: block;
  }
}

.banner-4 {
  padding: 200px 0;
  background: #bdced7;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.banner-4::before {
  display: none;
}
.banner-4 .slide-txt h1,
.banner-4 .home-slide-2 .single-slide .slide-txt h1,
.home-slide-2 .single-slide .banner-4 .slide-txt h1 {
  font-size: 72px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-4 .slide-txt h1,
  .banner-4 .home-slide-2 .single-slide .slide-txt h1,
  .home-slide-2 .single-slide .banner-4 .slide-txt h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-4 .slide-txt h1,
  .banner-4 .home-slide-2 .single-slide .slide-txt h1,
  .home-slide-2 .single-slide .banner-4 .slide-txt h1 {
    font-size: 48px;
    margin-top: 20px;
  }
}
.banner-4 .banner-cta .video-block {
  position: relative;
  z-index: 1;
}
.banner-4 .banner-cta .video-block span.cc {
  position: absolute;
  left: 85px;
  top: 17px;
  display: block;
  width: 160px;
  font-weight: 600;
}
.banner-4 .banner-cta .video-block .waves {
  background: #707070;
}
@media only screen and (max-width: 767px) {
  .banner-4 .banner-cta .video-block {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-4 .video-block {
    margin: 35px auto 15px 25px !important;
  }
}
@media only screen and (max-width: 767px) {
  .banner-4 {
    padding-top: 250px;
  }
}

/* -------------------------------------
6. Services
--------------------------------------- */
.trusted-brands {
  background: #bdced7;
  padding: 45px 0px;
}
.trusted-brands .brand {
  max-width: 85%;
  margin: 0 auto;
}

.services-section {
  padding-bottom: 100px;
}
.services-section::before {
  background: url("../images/service-bg.png") no-repeat center top;
  top: 6%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services-section::before {
    background-size: contain;
    background-position: center center;
  }
}
.services-section .section-title {
  margin: 90px auto 50px;
}
@media only screen and (max-width: 767px) {
  .services-section .section-title {
    max-width: 85%;
  }
}
.services-section .service-footer {
  max-width: 75%;
  margin: 90px auto 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .services-section .service-footer {
    max-width: 100%;
    margin: 70px auto 0;
  }
}
.services-section .service-footer p {
  margin: 30px 0 50px;
  font-size: 18px;
  line-height: 27px;
}
.services-section .trusted-brands .owl-nav {
  display: none;
}

.service-inner {
  overflow: visible;
}
.service-inner .service-card {
  padding: 60px 50px;
  background: #f8f8f8;
  transition: background 0.4s ease;
  cursor: pointer;
}
.service-inner .service-card::before {
  width: 1px;
  left: -1px;
  z-index: -1;
  height: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: #dadada;
}
.service-inner .service-card h3 {
  margin-bottom: 20px;
  font-size: 28px;
}
.service-inner .service-card p,
.service-inner .service-card h3 {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-inner > div:first-child .service-card,
.service-inner .service-card:hover {
  background: #bdced7;
  z-index: 2;
}
.service-inner > div:first-child .service-card h3,
.service-inner > div:first-child .service-card p,
.service-inner .service-card:hover h3,
.service-inner .service-card:hover p {
  color: #fff;
}
.service-inner > div:first-child .service-card::before,
.service-inner .service-card:hover::before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-inner .service-card h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-inner .service-card {
    padding: 40px 20px 20px;
  }
  .service-inner .service-card h3 {
    font-size: 20px;
  }
}

.service-card {
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  z-index: 2;
}
.service-card .sc-wrap {
  padding-top: 150px;
}
.service-card .card-inner {
  position: relative;
  z-index: 1;
  width: 88%;
  margin-left: auto;
  margin-right: 0px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-card .card-inner img {
  width: 100%;
}
.service-card .card-hover {
  position: absolute;
  left: -1px;
  padding: 30px 0 0;
  background: #bdced7;
  height: 359px;
  width: 100%;
  z-index: 0;
  transform: translateY(-130px);
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-card .card-hover::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../images/sc-bg.png") no-repeat;
  background-position: left top;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.service-card .card-hover span.card-icon {
  font-size: 71px;
  display: block;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-card .card-hover span.card-icon {
    font-size: 45px;
  }
}
.service-card .card-hover .readmore {
  position: absolute;
  bottom: 40px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  font-size: 22px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 1;
}
.service-card .card-hover .readmore i {
  position: relative;
  top: 4px;
  left: 5px;
}
.service-card .card-txt {
  text-align: center;
  padding: 30px 20px 20px;
  background-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-card .card-txt {
    padding: 20px 9px 15px;
  }
}
.service-card .card-txt h3 {
  margin-bottom: 5px;
  color: #bdced7;
}
.service-card .card-txt p {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  font-size: 16px;
  font-weight: 600;
}
.service-card:hover .card-inner,
.service-card.active .card-inner {
  transform: translateY(-130px);
}
.service-card:hover .card-hover,
.service-card.active .card-hover {
  transform: translateY(0px);
  backface-visibility: visible;
}
.service-card:hover .card-hover::before,
.service-card.active .card-hover::before {
  background-position: 0 120%;
  left: auto;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .service-card {
    margin-bottom: 45px;
  }
  .service-card .card-hover {
    height: 340px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .service-card {
    margin: 0 auto 30px;
  }
  .service-card .card-hover {
    height: 465px;
  }
  .service-card h3 {
    font-size: 25px;
  }
}

.service-2 {
  overflow: visible;
}
.service-2::before {
  background: url("../images/round-shape.png") no-repeat left top/contain;
  top: 14%;
  left: -35%;
}

.business-card {
  position: relative;
  margin-bottom: 30px;
}
.business-card .bs-shape {
  width: 190px;
  height: 190px;
  bottom: -13%;
  text-align: center;
  right: -12%;
  position: absolute;
  background: #bdced7;
  display: inline-table;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.business-card .bs-shape i {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 60px;
  position: relative;
  top: -14px;
  left: -12px;
}
.business-card .card-thumb {
  position: relative;
  overflow: visible;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.business-card .card-hover {
  position: absolute;
  left: 0;
  top: 0px;
  background: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 30px;
  display: table;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: visible;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.business-card .card-hover .bs-shape {
  position: relative;
  left: 0;
  margin-top: -95px;
  margin-bottom: 19px;
}
.business-card .card-hover .bs-shape i {
  padding-top: 30px;
  left: 0;
  top: 7px;
}
.business-card .card-hover .card-inner {
  display: table-cell;
  vertical-align: middle;
}
.business-card .card-hover .card-inner h3 {
  font-size: 22px;
  padding-top: 20px;
}
.business-card .card-hover .card-inner p {
  line-height: 23px;
  font-size: 16px;
  color: #bdced7;
  margin: 15px 0 25px;
}
.business-card .card-hover .card-inner a.readmore {
  width: 53px;
  height: 53px;
  line-height: 63px;
  background-color: #bdced7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 26px;
}
.business-card:hover .card-hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .business-card .card-hover {
    padding: 20px 14px;
  }
  .business-card .card-hover .bs-shape {
    margin-top: -70px;
    margin-bottom: 0px;
  }
  .business-card .card-hover .card-inner h3 {
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .business-card .bs-shape {
    width: 145px;
    height: 145px;
    bottom: -9%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .business-card .card-hover .bs-shape {
    margin-top: -95px;
    margin-bottom: 0;
    width: 180px;
    height: 180px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .business-card {
    max-width: 71%;
    margin: 0 auto 30px;
  }
}

.service-3::before {
  background: url("../images/service2-bg.png") no-repeat left top/contain;
  width: 45%;
}

.service-3 .service-card {
  margin-bottom: 45px;
  max-width: 325px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-3 .service-card {
    margin-bottom: 45px;
  }
  .service-3 .service-card h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .service-3 .service-card {
    margin-bottom: 45px;
  }
  .service-3 .service-card h3 {
    font-size: 22px;
  }
}
.service-3 .service-card .read-btn {
  font-weight: 700;
  font-size: 18px;
}
.service-3 .service-card .read-btn i {
  top: 3px;
  position: relative;
}
.service-3 .service-card .read-btn:hover {
  color: #bdced7;
}

.service-3 .service-promo::before {
  background: url("../images/sfranme1.png") no-repeat top right;
  animation: jumping 5s ease-in-out 2s infinite alternate;
}

.service-3 .service-promo::after {
  background: url("../images/sframe2.png") no-repeat left center;
  animation: jumping 6s ease-in-out 2s infinite alternate;
}

.service-3 .trusted-brands {
  background: #f6f9ff;
}
@media only screen and (max-width: 767px) {
  .service-3 .trusted-brands .owl-nav {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .about-service {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-service .section-title {
    font-size: 32px;
  }
}

.service-counter {
  margin: 45px 0;
}
.service-counter::before {
  background: #d3d3d3;
  width: 1px;
  left: 38%;
  height: 83%;
  transform: translateY(-50%);
  top: 43%;
}
.service-counter .s-count {
  width: 50%;
  float: left;
}
.service-counter .s-count h3 {
  color: #455359;
  font-size: 70px;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}
.service-counter .s-count p {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #455359;
  font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-counter .s-count h3 {
    font-size: 50px;
  }
  .service-counter .s-count p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .service-counter .s-count h3 {
    font-size: 50px;
  }
  .service-counter .s-count p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .service-counter .s-count h3 {
    font-size: 60px;
  }
  .service-counter .s-count p {
    font-size: 18px;
  }
}

.business-section::before {
  background: url("../images/business-promo.png") no-repeat center right/contain;
  height: 500px;
}

.business-section .about-business {
  max-width: 88%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .business-section .about-business {
    max-width: 100%;
  }
}
.business-section .about-business h2 {
  margin-bottom: 30px;
}
.business-section .about-business ul {
  margin: 30px 0;
  list-style: none;
  padding-left: 25px;
}
.business-section .about-business ul li {
  margin-bottom: 15px;
  font-size: 17px;
}
.business-section .about-business ul li::before {
  content: "\f127";
  left: -28px;
  font-family: flaticon;
  background: none;
  color: #bdced7;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .business-section .about-business {
    max-width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .business-section .about-business {
    max-width: 100%;
  }
}

.business-section .business-promo img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  overflow: visible;
}
.business-section .business-promo img:nth-child(even) {
  margin-right: 15px;
}
.business-section .business-promo img.sm-img {
  width: 48%;
  float: left;
  height: 240px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .business-section .business-promo img.sm-img {
    width: 45.5%;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .business-section .business-promo img.sm-img {
    margin-bottom: 60px;
  }
  .business-section .business-promo img.sm-img:nth-child(even) {
    margin-right: 12px;
  }
}
.business-section .business-promo img:hover {
  opacity: 0.8;
}

.business-4 {
  padding-bottom: 100px;
}

.growth-section {
  position: relative;
}

.growth-card {
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  overflow: visible;
  margin-bottom: 40px;
  min-height: 350px;
  background-size: cover;
}
.growth-card .growth-img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: visible;
}
.growth-card .growth-img img {
  transform: scale(1);
  transition: 0.5s ease-in-out;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
.growth-card .growth-txt {
  position: absolute;
  bottom: 0px;
  background: #bdced7;
  background: linear-gradient(
    0deg,
    #bdced7 0%,
    rgba(255, 255, 255, 0.02) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  padding: 165px 60px 20px;
  height: 350px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.growth-card .growth-txt p {
  max-width: 80%;
  color: #fff;
}
.growth-card .growth-txt h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
.growth-card .growth-txt h3 a {
  color: #fff;
  transition: color 0.4s ease-in-out;
}
.growth-card .growth-txt h3 a:hover {
  color: #bdced7;
}
.growth-card .growth-txt > a {
  color: #bdced7;
  font-size: 30px;
}
.growth-card .growth-txt > a i {
  transition: margin-left 0.4s ease-in-out;
}
.growth-card:hover i {
  margin-left: 20px;
}
.growth-card:hover .growth-img img {
  transform: scale(1.05);
}
.growth-card.lg-card {
  max-width: 97.4%;
  margin-bottom: 0;
  min-height: 741px;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .growth-card.lg-card {
    min-height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .growth-card.lg-card {
    max-width: 100%;
    min-height: 530px;
  }
}
@media only screen and (max-width: 767px) {
  .growth-card.lg-card {
    min-height: 350px;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .growth-card {
    min-height: 300px;
  }
  .growth-card .growth-txt {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .growth-card {
    min-height: 250px;
    margin-bottom: 30px;
  }
  .growth-card .growth-txt {
    padding: 40px 30px 30px;
    height: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .growth-card {
    margin-bottom: 30px;
  }
  .growth-card .growth-txt {
    padding: 145px 30px 20px;
  }
}

.service-entry {
  padding: 30px;
  margin-bottom: 30px;
  border: 2px solid #e4e4e4;
  overflow: visible;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-entry .service-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #bdced7;
  background-blend-mode: multiply;
  background-position: center center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-entry span {
  width: 116px;
  height: 116px;
  background-color: #bdced7;
  text-align: center;
  display: table;
  margin: 0 auto 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-entry span::before {
  background: url("../images/service-icon-bg.png") no-repeat center center;
  background-size: contain;
  width: 125%;
  height: 125%;
  top: -35px;
  left: -15px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.service-entry span i {
  display: table-cell;
  vertical-align: middle;
  font-size: 45px;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-entry h3 {
  margin-bottom: 20px;
}
.service-entry h3 a {
  color: #bdced7;
}
.service-entry p {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-entry a.readmore {
  width: 53px;
  height: 53px;
  line-height: 63px;
  background-color: #bdced7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: inline-block;
  font-size: 26px;
  margin-top: 15px;
}
.service-entry:hover {
  border: 2px solid transparent;
  transform: translateY(-5px);
}
.service-entry:hover .service-bg {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.service-entry:hover h3 a,
.service-entry:hover p {
  color: #fff;
}
.service-entry:hover span {
  background: #fff;
}
.service-entry:hover span::before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  top: -15px;
}
.service-entry:hover span i {
  color: #bdced7;
}

/*
    Service Details
*/
article.service-content h1 {
  font-size: 36px;
  margin-bottom: 30px;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  article.service-content h1 {
    font-size: 28px;
    line-height: 1.2;
  }
}

article.service-content p {
  color: #7e8283;
  font-size: 18px;
  line-height: 30px;
  margin: 40px 0 0;
}

/* -------------------------------------
7. Consultation
--------------------------------------- */
.consult-section {
  background: #f6f9ff;
  overflow: visible;
  padding-bottom: 180px;
}
.consult-section h2 {
  font-size: 45px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .consult-section h2 {
    font-size: 34px;
  }
}
.consult-section::before {
  background: url("../images/tp1.png") no-repeat left top;
  width: 20%;
}
.consult-section::after {
  background: url("../images/tp2.png") no-repeat right bottom;
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 20%;
  height: 100%;
  z-index: -1;
  background-size: contain;
}
.consult-section .consult-txt {
  max-width: 85%;
  margin: 0 auto;
}
.consult-section .consult-txt p {
  font-size: 18px;
  line-height: 27px;
}
.consult-section .consult-txt .custom-btn,
.consult-section .consult-txt .cart-form-footer .button,
.cart-form-footer .consult-section .consult-txt .button,
.consult-section .consult-txt .cart_total_wrap .button,
.cart_total_wrap .consult-section .consult-txt .button {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consult-section {
    padding: 70px 0;
  }
  .consult-section .consult-txt h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .consult-section {
    padding-bottom: 70px;
  }
  .consult-section .consult-txt {
    margin: 140px auto 0;
    max-width: 100%;
  }
  .consult-section .consult-txt h2 {
    font-size: 28px;
  }
}

.consult-img,
.benefit .benefit-img {
  position: relative;
  z-index: 1;
}
.consult-img img,
.benefit .benefit-img img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.consult-img .img-meta,
.benefit .benefit-img .img-meta {
  position: absolute;
  right: 0;
  background: #bdced7;
  color: #fff;
  padding: 35px 70px 10px;
  bottom: -95px;
  text-align: center;
  border-radius: 10px;
  z-index: -1;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .consult-img .img-meta,
  .benefit .benefit-img .img-meta {
    right: 50px;
  }
}
.consult-img .img-meta span,
.benefit .benefit-img .img-meta span,
.consult-img .img-meta p,
.benefit .benefit-img .img-meta p {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  color: #fff;
  font-weight: 600;
}
.consult-img .img-meta span,
.benefit .benefit-img .img-meta span {
  font-size: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .consult-img,
  .benefit .benefit-img {
    margin-right: 57px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consult-img .img-meta,
  .benefit .benefit-img .img-meta {
    padding: 35px 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .consult-img .img-meta,
  .benefit .benefit-img .img-meta {
    padding: 35px 20px 10px;
  }
}

.talk-section {
  position: relative;
}
.talk-section .talk-bg {
  min-height: 500px;
  background-size: cover;
  background-attachment: fixed;
}
.talk-section .talk-bg .video-block {
  position: absolute;
  left: 50%;
  top: 27%;
  transform: translate(-50%, -50%);
}
.talk-section .talk-bg .video-block .waves {
  right: -57px;
  bottom: -60px;
}
.talk-section .talk-txt {
  padding: 60px;
  position: relative;
  z-index: 1;
  background: #fff;
  margin-top: -90px;
}
.talk-section .talk-txt .section-title {
  font-size: 36px;
}
.talk-section .talk-txt p {
  max-width: 85%;
  margin: 0 auto 44px;
  line-height: 28px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .talk-section .talk-bg {
    min-height: 400px;
    background-position: center;
  }
  .talk-section .talk-txt .section-title {
    font-size: 32px;
  }
  .talk-section .talk-txt p {
    max-width: 90%;
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .talk-section .talk-txt {
    padding: 45px 20px;
  }
  .talk-section .talk-txt .section-title {
    font-size: 32px;
  }
  .talk-section .talk-txt p {
    max-width: 100%;
    font-size: 17px;
  }
}

/* -------------------------------------
8. Review
--------------------------------------- */
.status-section {
  padding-bottom: 280px;
  background: #bdced7;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}

.status-card {
  background-color: #0a5879;
  text-align: center;
  padding: 50px 40px;
}
.status-card label,
.status-card .cart_total_wrap .cart-collaterals h2,
.cart_total_wrap .cart-collaterals .status-card h2 {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  font-size: 22px;
  color: #fff;
}
.status-card label img,
.status-card .cart_total_wrap .cart-collaterals h2 img,
.cart_total_wrap .cart-collaterals .status-card h2 img {
  margin-right: 10px;
}
.status-card h3 {
  font-size: 80px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #bdced7;
}
.status-card p {
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .status-card label,
  .status-card .cart_total_wrap .cart-collaterals h2,
  .cart_total_wrap .cart-collaterals .status-card h2 {
    font-size: 19px;
  }
  .status-card h3 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .status-card {
    padding: 40px 15px;
  }
  .status-card label,
  .status-card .cart_total_wrap .cart-collaterals h2,
  .cart_total_wrap .cart-collaterals .status-card h2 {
    font-size: 19px;
  }
  .status-card label img,
  .status-card .cart_total_wrap .cart-collaterals h2 img,
  .cart_total_wrap .cart-collaterals .status-card h2 img {
    max-width: 36px;
    margin-right: 6px;
  }
  .status-card h3 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .status-card {
    margin-bottom: 30px;
  }
}

.review-section {
  margin-top: -185px;
  z-index: 2;
  overflow-x: visible;
  padding-bottom: 115px;
}
.review-section::before {
  background: url("../images/left-rev-bg.png") no-repeat;
  left: -34%;
  width: 75%;
  background-position: 0 68%;
}
.review-section::after {
  background: url("../images/right-rev-bg.png") no-repeat;
  right: -40%;
  position: absolute;
  content: "";
  width: 70%;
  height: 100%;
  bottom: 0;
  z-index: -1;
  background-position: 0 100%;
}
.review-section .owl-nav button {
  border-radius: 50%;
  left: -22px;
}
.review-section .owl-nav button.owl-next {
  right: -22px;
  left: auto;
}
.review-section .owl-nav i {
  font-size: 45px;
  position: relative;
  left: -12px;
}
.review-section .owl-nav i::before {
  font-weight: 700 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .review-section::before {
    background-size: contain;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .review-section::before {
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .review-section::before {
    background-size: contain;
  }
}

.rv-feature .rv-txt {
  padding: 50px 75px 20px;
}
.rv-feature .rv-txt .section-title {
  font-size: 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .rv-feature .rv-txt {
    padding: 40px 60px 20px;
  }
  .rv-feature .rv-txt .section-title {
    font-size: 34px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rv-feature .rv-txt {
    padding: 40px 20px 20px;
  }
  .rv-feature .rv-txt .section-title {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .rv-feature .rv-txt {
    padding: 40px 20px 30px;
  }
  .rv-feature .rv-txt .section-title {
    font-size: 28px;
    margin-bottom: 15px;
  }
}

.rv-feature .rv-thumb {
  overflow: visible;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rv-feature .rv-thumb {
    text-align: center;
    padding: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rv-feature .rv-thumb img {
    height: 330px;
  }
}

.review-location {
  padding-top: 100px;
}
.review-location .owl-nav .owl-prev i {
  font-size: 45px;
  position: relative;
  left: 12px;
}

.world-map {
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
}

.carousel-indicators {
  position: absolute;
  z-index: 2;
  display: block;
  padding: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.carousel-indicators button {
  position: absolute;
}

.carousel-indicators button:nth-child(1) {
  left: 0;
  bottom: 650px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-indicators button:nth-child(1) {
    bottom: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .carousel-indicators button:nth-child(1) {
    bottom: 600px;
    left: -8%;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-indicators button:nth-child(1) {
    bottom: 490px;
    left: -2%;
  }
}

.carousel-indicators button:nth-child(2) {
  bottom: 660px;
  left: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-indicators button:nth-child(2) {
    bottom: 560px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .carousel-indicators button:nth-child(2) {
    bottom: 610px;
    left: 16%;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-indicators button:nth-child(2) {
    bottom: 480px;
  }
}

.carousel-indicators button:nth-child(3) {
  bottom: 390px;
  left: 9%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .carousel-indicators button:nth-child(3) {
    bottom: 330px;
    left: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-indicators button:nth-child(3) {
    left: -20%;
  }
}

.carousel-indicators button:nth-child(4) {
  bottom: 380px;
  left: 75%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-indicators button:nth-child(4) {
    bottom: 330px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-indicators button:nth-child(4) {
    left: 50px;
  }
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  width: 53px;
  background-size: cover;
  height: 53px;
  border: 2px solid #bdced7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  position: relative;
  z-index: 1;
}
.carousel-indicators [data-bs-target]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(244, 70, 47, 0.15);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.carousel-indicators [data-bs-target].active::after,
.carousel-indicators [data-bs-target]:hover::after {
  -webkit-animation: circle 2s infinite;
  animation: circle 2s infinite;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.review-wrapper {
  max-width: 72%;
  margin: 0px auto 20px;
  background: #fff;
}
.review-wrapper::before {
  background: url("../images/quotes-icon.png") no-repeat center bottom;
  top: 15%;
}
.review-wrapper .single-review {
  padding: 60px 160px 80px;
}
.review-wrapper .single-review .name {
  margin-bottom: 5px;
  font-size: 26px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.review-wrapper .single-review span {
  color: #bdced7;
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .review-wrapper .single-review {
    padding: 60px 90px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .review-wrapper .single-review {
    padding: 60px 90px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .review-wrapper .single-review {
    padding: 60px 30px 30px;
  }
  .review-wrapper .single-review .name {
    font-size: 24px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .review-wrapper .single-review {
    padding: 60px 50px 30px;
  }
  .review-wrapper .single-review .name {
    font-size: 24px;
  }
}
.review-wrapper #revCarousel > button {
  position: absolute;
  left: -22px;
  opacity: 1;
  color: #bdced7;
}
.review-wrapper #revCarousel > button::before {
  width: 44px;
  height: 44px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #ff4930;
  left: 0px;
}
.review-wrapper #revCarousel > button.carousel-control-next {
  right: -22px;
  left: auto;
}
.review-wrapper #revCarousel > button.carousel-control-next::before {
  left: auto;
  right: 0px;
}
.review-wrapper #revCarousel > button.carousel-control-next i {
  left: auto;
  right: -24px;
}
.review-wrapper #revCarousel > button i {
  font-size: 50px;
  position: relative;
  top: 0px;
  left: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .review-wrapper {
    max-width: 90%;
  }
  .review-wrapper #revCarousel > button i {
    left: -10px;
  }
  .review-wrapper #revCarousel > button.carousel-control-next i {
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .review-wrapper {
    max-width: 90%;
    top: 0;
  }
  .review-wrapper #revCarousel > button i {
    left: 10px;
    font-size: 45px;
  }
  .review-wrapper #revCarousel > button.carousel-control-next i {
    right: 10px;
  }
}

/* 
.review-wrap {
    
} */
.client-quote::before {
  background: transparent;
  border: 1px solid #dddddd;
  top: auto;
  bottom: 0;
  height: 67%;
}

.client-quote p {
  color: #858a8d;
  font-size: 15px;
}

.client-quote .quote-head {
  top: -30px;
}
.client-quote .quote-head::before {
  background: #bdced7;
  height: 50%;
  top: auto;
  bottom: 0;
}
.client-quote .quote-head::after {
  position: absolute;
  content: "";
  left: 0;
  top: 52px;
  border-bottom: 56px solid #bdced7;
  border-right: 308px solid transparent;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .client-quote .quote-head::after {
    border-right: 318px solid transparent;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .client-quote .quote-head::after {
    border-bottom: 55px solid #bdced7;
    border-right: 249px solid transparent;
  }
}
.client-quote .quote-head .cl-meta::before {
  content: "\f115";
  font-family: flaticon;
  background: transparent;
  left: auto;
  right: 0;
  width: auto;
  font-size: 50px;
  color: #fff;
  top: 12px;
}

/* -------------------------------------
9. FAQ
--------------------------------------- */
.faq-section {
  padding-top: 0;
}

.faq-bg {
  min-height: 600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  background: #bdced7;
  padding-top: 70px;
}
.faq-bg h2.section-title {
  text-align: center;
  color: #fff;
  max-width: 40%;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .faq-bg h2.section-title {
    max-width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .faq-bg h2.section-title {
    max-width: 80%;
  }
}

.faq-wrap {
  background: #fff;
  padding: 60px 60px 20px;
  margin: 0 auto;
  position: relative;
  margin-top: -300px;
  z-index: 2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .faq-wrap {
    padding: 60px 20px 20px;
  }
  .faq-wrap .accordion-item .accordion-button {
    font-size: 18px;
  }
}

.accordion-item {
  margin-bottom: 30px;
  border: none;
}
.accordion-item .accordion-header {
  z-index: 2;
  position: relative;
}
.accordion-item .accordion-button {
  background-color: #bdced7;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  padding: 28px 30px;
  border-radius: 10px !important;
}
.accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.accordion-item .accordion-button.collapsed {
  background-color: #f6f6f6;
  color: #bdced7;
}
.accordion-item .accordion-button::after {
  background-image: none;
  content: "\f11a";
  font-family: flaticon;
}
.accordion-item .accordion-body {
  padding: 25px 45px 45px 25px;
  font-size: 16px;
  line-height: 24px;
}
.accordion-item .accordion-body::before {
  border: 2px solid #efefef;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  background: transparent;
  top: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .accordion-item .accordion-button {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .accordion-item .accordion-button {
    padding: 15px 15px;
  }
}

.faq .accordion-button:focus {
  box-shadow: none;
}

.faq .section-intro {
  text-align: left;
  margin-left: 0;
  max-width: 95%;
}

.faq .faq-inner {
  max-width: 93%;
}
.faq .faq-inner .accordion-item {
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .faq-inner {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .faq .faq-inner {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-index .accordion-item .accordion-button {
    font-size: 18px;
    padding: 15px 20px;
  }
  .faq-index .section-intro.intro-left {
    max-width: 100%;
  }
  .faq-index .section-intro.intro-left h2 {
    font-size: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-index .accordion-item .accordion-button {
    font-size: 18px;
    padding: 15px 20px;
  }
  .faq-index .section-intro.intro-left {
    max-width: 100%;
  }
}

.faq-video {
  position: relative;
  z-index: 1;
}
.faq-video .video-block {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  z-index: 1;
}
.faq-video .video-block .waves {
  right: -60px;
  bottom: -66px;
  transform: translate(-50%, -48%);
}
.faq-video a.faq-popup i {
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
}

/* -------------------------------------
10. Blog
--------------------------------------- */
.blog-section {
  padding: 0px 0 275px;
}
.blog-section::before {
  background: url("../images/blog-bg.png") no-repeat;
  background-position: 0 135px;
}
.blog-section .section-title {
  max-width: 35%;
  margin: 0 auto 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-section .section-title {
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .blog-section {
    padding-bottom: 200px;
  }
  .blog-section .section-title {
    max-width: 80%;
  }
}

.single-entry {
  padding: 15px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.single-entry .entry-thumb {
  position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .single-entry .entry-thumb img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .single-entry .entry-thumb img {
    width: 100%;
  }
}
.single-entry .date-meta {
  position: absolute;
  right: 20px;
  bottom: -25px;
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: #bdced7;
  text-align: center;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  padding-top: 9px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.single-entry .date-meta span {
  display: block;
}
.single-entry .entry-txt {
  padding-top: 30px;
}
.single-entry .entry-txt .cat-meta a {
  color: #fff;
  font-size: 13px;
  background: #bdced7;
  display: inline-block;
  padding: 1px 14px;
  border-radius: 50px;
}
.single-entry .entry-txt h3 {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  font-size: 22px;
}
.single-entry .entry-txt p {
  font-size: 15px;
  line-height: 23px;
}
.single-entry.featured-entry {
  padding: 0;
  border-radius: 10px;
  overflow: visible;
  max-height: 470px;
}
.single-entry.featured-entry::before {
  background: linear-gradient(90deg, #bdced7 0%, #bdced7 43%, #bdced7 86%);
  z-index: 1;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.single-entry.featured-entry .entry-txt {
  position: absolute;
  left: 45%;
  top: 67%;
  transform: translate(-50%, -50%);
  width: 70%;
  z-index: 2;
}
.single-entry.featured-entry .entry-txt h3 a,
.single-entry.featured-entry .entry-txt p {
  color: #fff;
}
.single-entry.featured-entry .date-meta {
  bottom: auto;
  top: 20px;
  z-index: 2;
}
.single-entry.featured-entry img {
  width: 100%;
}
.single-entry:hover {
  border: 1px solid transparent;
}
.single-entry:hover .entry-txt h3 a {
  color: #bdced7;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .single-entry.featured-entry {
    max-height: 475px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-entry.featured-entry {
    min-height: 478px;
  }
  .single-entry.featured-entry img {
    height: 478px;
  }
  .single-entry.featured-entry .entry-txt {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-entry {
    padding: 10px;
  }
  .single-entry.featured-entry {
    height: 400px;
    margin-bottom: 30px;
  }
  .single-entry.featured-entry .entry-txt {
    left: 38%;
    top: 61%;
    width: 60%;
  }
  .single-entry.featured-entry .entry-txt h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .single-entry {
    margin-bottom: 30px;
  }
  .single-entry.featured-entry {
    height: 350px;
  }
  .single-entry.featured-entry .entry-txt {
    width: 90%;
    top: 64%;
    left: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single-entry .entry-txt h3 {
    font-size: 17px;
  }
}

section.blog.section-padding.blog-2 {
  margin-bottom: 165px;
  position: relative;
  z-index: 1;
}
section.blog.section-padding.blog-2 .anim-img,
section.blog.section-padding.blog-2 .anim-2 {
  top: auto;
  bottom: 0;
}
section.blog.section-padding.blog-2 .anim-2 {
  top: 0;
}

.blog-index .section-title {
  max-width: 82%;
}

.blog-index .single-entry {
  margin-bottom: 30px;
}

/*=================================================
   Post comments
  ===================================================*/
.entry-comments {
  border-top: 1px solid #ebebeb;
  margin-top: 60px;
}

.comment-title {
  font-size: 30px;
  margin-top: 40px;
  font-weight: 700;
  color: #455359;
  text-align: left;
}
.comment-title span {
  margin-left: 5px;
}

.post-comments ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding: 45px 0px 30px;
}
.post-comments ol li {
  margin-bottom: 65px;
}
.post-comments ol li::before {
  background: #ebebeb;
  height: 1px;
  top: 127%;
}
.post-comments ol li:first-child::before {
  top: 111%;
}
@media only screen and (max-width: 767px) {
  .post-comments ol li:first-child::before {
    top: 100%;
  }
}
.post-comments ol li article.comment-body {
  position: relative;
}
.post-comments ol li article.comment-body .comment-thumb {
  float: left;
}
@media only screen and (max-width: 767px) {
  .post-comments ol li article.comment-body .comment-thumb {
    float: none;
  }
}
.post-comments ol li article.comment-body .comment-details {
  margin-left: 105px;
}
.post-comments ol li article.comment-body .comment-details .comment-name {
  font-size: 22px;
  color: #455359;
  margin-bottom: 0px;
  font-weight: 600;
}
.post-comments ol li article.comment-body .comment-details span {
  font-size: 13px;
  color: #909598;
  font-weight: 500;
}
.post-comments ol li article.comment-body .comment-details p {
  max-width: 90%;
  margin: 5px 0 0;
  font-size: 16px;
  color: #909598;
  line-height: 26px;
}
.post-comments ol li article.comment-body .comment-details .comment-reply {
  position: absolute;
  right: 0;
  top: 0px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px;
  background: #f6f6f6;
  text-transform: uppercase;
  font-family: "Fira Sans", sans-serif;
  color: #b0b0b0;
  padding: 5px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  line-height: 1.5;
}
.post-comments
  ol
  li
  article.comment-body
  .comment-details
  .comment-reply:hover {
  background: #bdced7;
  color: #fff;
}
.post-comments ol li .children {
  padding: 34px 0px 0 75px;
}
.post-comments ol li .children li::before {
  display: none;
}
.post-comments ol li .children .comment-body .comment-details {
  margin-left: 105px;
}
.post-comments ol li:last-child {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .post-comments ol li {
    margin-bottom: 45px;
  }
  .post-comments ol li::before {
    top: 115%;
  }
  .post-comments ol li article.comment-body .comment-details {
    margin: 20px 0 0;
  }
  .post-comments ol li .children {
    padding: 30px 30px 60px;
  }
  .post-comments ol li .children .comment-body .comment-details {
    margin: 20px 0 0;
  }
}

/*==================================================
   Comments Form
   ====================================================*/
.write-comments {
  margin-top: 30px;
}
.write-comments form {
  margin-top: 45px;
}
.write-comments form .form-group {
  margin-bottom: 25px;
}
.write-comments form .form-group:after {
  content: "";
  display: table;
  clear: both;
}
.write-comments form .form-group input,
.write-comments form .form-group textarea {
  padding: 10px 0 10px 15px;
  background: #f6f6f6;
  border: none;
  font-size: 14px;
  width: 100%;
  border-radius: 7px;
  color: #909598;
}
.write-comments form .form-group input::placeholder,
.write-comments form .form-group textarea::placeholder {
  color: #909598;
}
.write-comments form .form-group textarea {
  height: 180px;
  padding-left: 15px;
}
.write-comments form .custom-btn,
.write-comments form .cart-form-footer .button,
.cart-form-footer .write-comments form .button,
.write-comments form .cart_total_wrap .button,
.cart_total_wrap .write-comments form .button {
  margin-top: 30px;
  border: none;
  padding: 18px 30px;
}

.post-index {
  margin-bottom: 80px;
}
.post-index .single-entry {
  padding: 0;
  border: none;
}
.post-index .single-entry:hover {
  box-shadow: none;
}
.post-index .single-entry .entry-cover {
  position: relative;
}
.post-index .single-entry .entry-cover .date-meta {
  width: 82px;
  height: 77px;
  font-size: 22px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  top: 35px;
  right: 35px;
}
.post-index .single-entry .entry-details h1 {
  font-size: 38px;
  margin: 30px 0 10px;
}
.post-index .single-entry .entry-details .post-meta {
  margin-bottom: 30px;
}
.post-index .single-entry .entry-details .post-meta span {
  color: #afafaf;
  font-size: 16px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-right: 10px;
}
.post-index .single-entry .entry-details .post-meta span:hover {
  color: #bdced7;
}
.post-index .single-entry .entry-details .post-meta img {
  margin-right: 5px;
}
.post-index .single-entry .entry-details h3 {
  margin: 30px 0;
}
.post-index .single-entry .entry-details p {
  margin-bottom: 30px;
  color: #7e8283;
  font-size: 18px;
  line-height: 30px;
}
.post-index .single-entry .entry-footer {
  margin-top: 60px;
}
.post-index .single-entry .entry-footer:after {
  content: "";
  display: table;
  clear: both;
}
.post-index .single-entry .entry-footer div h4 {
  float: left;
  margin-right: 8px;
  font-size: 22px;
}
.post-index .single-entry .entry-footer .entry-tags {
  float: left;
}
@media only screen and (max-width: 767px) {
  .post-index .single-entry .entry-footer .entry-tags {
    float: none;
    margin-bottom: 20px;
  }
  .post-index .single-entry .entry-footer .entry-tags span {
    margin-bottom: 10px;
    display: inline-block;
  }
}
.post-index .single-entry .entry-footer .entry-tags span {
  text-transform: capitalize;
  margin-right: 5px;
}
.post-index .single-entry .entry-footer .entry-tags span a {
  color: #455359;
  font-family: "Poppins", sans-serif;
  background: #f6f6f6;
  display: inline-block;
  padding: 4px 24px;
  font-size: 14px;
  font-weight: 500;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
.post-index .single-entry .entry-footer .entry-tags span a:hover {
  background: #bdced7;
  color: #fff;
}
.post-index .single-entry .entry-footer .entry-share {
  float: right;
}
@media only screen and (max-width: 767px) {
  .post-index .single-entry .entry-footer .entry-share {
    float: none;
  }
}
.post-index .single-entry .entry-footer .entry-share a {
  margin-left: 10px;
  display: inline-table;
  width: 40px;
  height: 38px;
  background: #f6f6f6;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.post-index .single-entry .entry-footer .entry-share a i {
  display: table-cell;
  vertical-align: middle;
  padding-top: 4px;
}
.post-index .single-entry .entry-footer .entry-share a i::before {
  font-size: 18px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.post-index .single-entry .entry-footer .entry-share a:hover {
  background: #bdced7;
}
.post-index .single-entry .entry-footer .entry-share a:hover i::before {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .single-entry-2 {
    margin-bottom: 30px;
  }
}

.single-entry-2 .date-meta {
  font-family: "Poppins", sans-serif;
  left: 20px;
  top: 20px;
  color: #fff;
  background-color: #bdced7;
  text-transform: uppercase;
  position: absolute;
  padding: 2px 10px;
  line-height: 23px;
  font-size: 12px;
}
.single-entry-2 .date-meta img {
  margin-right: 5px;
}

.single-entry-2 h3 a {
  color: #bdced7;
  font-weight: 500;
  line-height: 34px;
}
.single-entry-2 h3 a:hover {
  color: #bdced7;
}

.single-entry-2 .admin-meta {
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
}
.single-entry-2 .admin-meta a {
  color: #858a8d;
}
.single-entry-2 .admin-meta a:hover {
  color: #bdced7;
}
.single-entry-2 .admin-meta img {
  width: 20px;
  margin-right: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-entry-2 .admin-meta a {
    font-size: 12px;
  }
  .single-entry-2 .admin-meta a img {
    margin-right: 5px;
  }
}

.single-entry-2 .read-more {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #bdced7;
  overflow: visible;
}
.single-entry-2 .read-more a {
  display: inline-block;
  padding: 5px 25px;
  background-color: #bdced7;
  color: #fff;
  right: 20px;
  border-radius: 50px;
  line-height: 1;
  float: right;
}
.single-entry-2 .read-more a:hover {
  background-color: #bdced7;
}

/* -------------------------------------
11. Offer
--------------------------------------- */
.offer-intro {
  max-width: 86%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offer-intro {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .offer-intro {
    max-width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .offer-intro {
    max-width: 77%;
  }
}

.offer-section {
  padding-bottom: 50px;
}
.offer-section::before {
  background: url("../images/offer-bg.png") no-repeat right center/contain;
}

@media only screen and (max-width: 767px) {
  .service-btn.text-end {
    margin-top: 20px;
    text-align: left !important;
  }
}

.offer-card {
  padding: 0px 40px 40px;
  background: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #e6e6e6;
  margin-top: 100px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.offer-card .offer-img {
  max-width: 195px;
  margin: -70px auto 35px;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.offer-card .offer-img img {
  width: 195px;
  height: 195px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.offer-card .offer-img::before,
.offer-card .offer-img::after {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transform: scale(0.6);
}
.offer-card .offer-img::before {
  background: url("../images/offer-f2.png") no-repeat top right;
}
.offer-card .offer-img::after {
  background: url("../images/offer-f1.png") no-repeat bottom left;
}
.offer-card p {
  margin: 20px 0 30px;
}
.offer-card a.readmore {
  width: 53px;
  height: 53px;
  line-height: 60px;
  background-color: #bdced7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 26px;
}
.offer-card:hover {
  background: #fff;
  box-shadow: 0 0px 49px 1px rgba(0, 0, 0, 0.1);
  border: 2px solid #fff;
}
.offer-card:hover .offer-img::after,
.offer-card:hover .offer-img::before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transform: scale(1);
}
@media only screen and (max-width: 767px) {
  .offer-card {
    margin-bottom: 30px;
  }
}

/* -------------------------------------
12. benefit
--------------------------------------- */
.benefit-section {
  overflow: visible;
}
.benefit-section::before {
  height: 71.5%;
  transform: translateY(-50%);
  top: 50%;
}
.benefit-section::after {
  position: absolute;
  content: "";
  background: url("../images/weaving.png") no-repeat;
  top: 15%;
  left: 0;
  height: 100%;
  width: 27%;
  background-size: contain;
  z-index: -1;
}
.benefit-section .benefit-img {
  left: 6%;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .benefit-section::before {
    height: 66.5%;
  }
  .benefit-section .benefit-img {
    left: 39%;
    width: 145%;
  }
  .benefit-section .benefit-txt ul {
    margin: 40px 0 40px;
  }
  .benefit-section .benefit-txt ul li {
    margin-bottom: 18px;
  }
  .benefit-section .custom-btn,
  .benefit-section .cart-form-footer .button,
  .cart-form-footer .benefit-section .button,
  .benefit-section .cart_total_wrap .button,
  .cart_total_wrap .benefit-section .button {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .benefit-section::before {
    height: 93.5%;
  }
  .benefit-section .benefit-img {
    left: auto;
  }
}

.benefit-txt {
  padding: 110px 0 0;
}
@media only screen and (max-width: 767px) {
  .benefit-txt {
    padding: 50px 0 0;
  }
}
.benefit-txt .section-title {
  color: #fff;
}
.benefit-txt ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin: 30px 0 40px;
}
.benefit-txt ul li {
  color: #fff;
  margin-bottom: 12px;
  position: relative;
  padding-left: 20px;
  font-size: 17px;
}
.benefit-txt ul li::before {
  position: absolute;
  content: ">";
  left: 0px;
}

.benefit-img {
  position: relative;
  width: 122%;
}

.benefit {
  overflow: visible;
  padding-bottom: 120px;
}
.benefit::before {
  background: #f7f7f7;
  height: 78%;
}
.benefit .benefit-img {
  width: 115%;
  left: 90px;
  top: 15px;
}
.benefit .benefit-img img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
.benefit .benefit-img .img-meta {
  position: absolute;
  left: -88px;
  padding: 30px;
  bottom: 30px;
  max-width: 172px;
  z-index: 1;
  font-size: 35px;
}
.benefit .benefit-img .img-meta p {
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .benefit .benefit-img {
    left: 56%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .benefit::before {
    height: 90%;
  }
  .benefit .benefit-img {
    left: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .benefit::before {
    height: 94%;
  }
  .benefit .benefit-img {
    left: 10%;
    width: 100%;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .benefit::before {
    height: 92%;
  }
  .benefit .benefit-img {
    margin-bottom: 60px;
    width: 100%;
    left: 55px;
  }
  .benefit .benefit-img .img-meta {
    padding: 20px;
    max-width: 145px;
    left: -60px;
  }
}

.benefit-options {
  margin: 60px 0;
}
.benefit-options .single-benefit {
  margin-bottom: 30px;
}
.benefit-options .single-benefit:after {
  content: "";
  display: table;
  clear: both;
}
.benefit-options .single-benefit span {
  float: left;
  width: 80px;
  height: 80px;
  background: #bdced7;
  text-align: center;
  display: table;
  margin-top: 5px;
}
.benefit-options .single-benefit span i {
  font-size: 38px;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
.benefit-options .single-benefit .sb-txt {
  margin-left: 100px;
}
.benefit-options .single-benefit .sb-txt h3 {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  .benefit-options .single-benefit .sb-txt h3 {
    font-size: 24px;
  }
}

.business-thumb .service-cta,
.business-thumb .banner-4 .banner-cta,
.banner-4 .business-thumb .banner-cta {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  background: #bdced7;
}
.business-thumb .service-cta .video-block,
.business-thumb .banner-4 .banner-cta .video-block,
.banner-4 .business-thumb .banner-cta .video-block {
  margin: 0 auto;
  left: 56%;
  transform: translateX(-50%);
}
.business-thumb .service-cta .video-block .waves,
.business-thumb .banner-4 .banner-cta .video-block .waves,
.banner-4 .business-thumb .banner-cta .video-block .waves {
  background: rgba(255, 255, 255, 0.7);
}
.business-thumb .service-cta .video-block .video,
.business-thumb .banner-4 .banner-cta .video-block .video,
.banner-4 .business-thumb .banner-cta .video-block .video {
  background: #fff;
  color: #bdced7;
}

.business-promo .service-counter::before {
  left: 50%;
  height: 53%;
  top: 50%;
}

.growth-4 {
  background: #bdced7;
  position: relative;
}
.growth-4 .anim-img,
.growth-4 .anim-2 {
  animation: none;
  top: 25%;
  left: 0px;
}
.growth-4 .anim-img.anim-2,
.growth-4 .anim-2 {
  top: 85%;
  left: auto;
}
.growth-4 .growth-txt .section-intro.intro-2 {
  max-width: 100%;
  text-align: left;
  margin-bottom: 50px;
}
.growth-4 .growth-txt .section-intro.intro-2 .section-title {
  max-width: 100%;
  color: #fff;
}
.growth-4 .growth-txt .section-intro.intro-2 .section-title::before {
  left: 7%;
  top: 120px;
}
@media only screen and (max-width: 767px) {
  .growth-4 .growth-txt .section-intro.intro-2 .section-title::before {
    left: 12%;
    top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .growth-4 .growth-txt .section-intro.intro-2 .section-title {
    font-size: 32px;
  }
  .growth-4 .growth-txt .section-intro.intro-2 .section-title::before {
    left: 13%;
    top: 90px;
  }
}
.growth-4 .growth-txt p {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .growth-4 .growth-txt {
    margin-top: 50px;
  }
}
.growth-4 .skill {
  margin-top: 30px;
}
.growth-4 .skill .progress {
  border-radius: 5px;
  background: #fbe9e7;
  height: 9px;
}
.growth-4 .skill .progress .progress-bar {
  border-radius: 50px;
  height: 9px;
}
.growth-4 .skill .progress .meta {
  color: #fff;
  top: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .growth-4 .skill .progress .meta {
    font-size: 13px;
    top: -25px;
  }
}

.growth-frame {
  position: relative;
}
.growth-frame .growth-status {
  background: #bdced7;
  position: absolute;
  padding: 8px 38px;
  right: 0;
  bottom: 0;
}
.growth-frame .growth-status h4,
.growth-frame .growth-status p {
  color: #fff;
  margin: 0;
}
.growth-frame .growth-status h4 {
  font-size: 36px;
  letter-spacing: 2px;
}
.growth-frame .growth-status h4 span {
  margin-right: 5px;
}

/* -------------------------------
13. About 
----------------------------------*/
.service-cta .custom-btn,
.banner-4 .banner-cta .custom-btn,
.service-cta .cart-form-footer .button,
.cart-form-footer .service-cta .button,
.banner-4 .banner-cta .cart-form-footer .button,
.cart-form-footer .banner-4 .banner-cta .button,
.service-cta .cart_total_wrap .button,
.cart_total_wrap .service-cta .button,
.banner-4 .banner-cta .cart_total_wrap .button,
.cart_total_wrap .banner-4 .banner-cta .button,
.service-cta .video-block,
.banner-4 .banner-cta .video-block {
  float: left;
}

.service-cta .video-block,
.banner-4 .banner-cta .video-block {
  width: 100px;
  margin: 0 auto 15px 40px;
}
.service-cta .video-block .waves,
.banner-4 .banner-cta .video-block .waves {
  position: absolute;
  width: 100px;
  height: 100px;
  right: 20px;
  bottom: -20px;
}
.service-cta .video-block a,
.banner-4 .banner-cta .video-block a {
  width: 60px;
  height: 60px;
}
.service-cta .video-block a i,
.banner-4 .banner-cta .video-block a i {
  font-size: 20px;
  padding-top: 2px;
}

.ab-service-section::before {
  display: none;
}

.ab-service-section ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.ab-service-section ul li {
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 18px;
}
.ab-service-section ul li::before {
  content: ">";
  background: transparent;
}

.about-main .team::before {
  display: none;
}

.about-testimonial .section-intro,
section.testimonial-2.service-testimonial .section-intro {
  text-align: left;
  margin: 0 0 65px;
}

/* -------------------------------------
14. Team
--------------------------------------- */
.team-card {
  text-align: center;
}
.team-card .team-img {
  overflow: visible;
  max-height: 385px;
  position: relative;
}
.team-card .team-img img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.team-card .team-info {
  padding: 30px 0 20px;
}
.team-card .team-info::before {
  width: 1px;
  background: #e6e6e6;
  left: -1px;
  height: 60%;
  top: 50%;
  transform: translateY(-50%);
}
.team-card .team-info h3 {
  margin-bottom: 5px;
  font-size: 24px;
}
.team-card .team-info h3 a {
  color: #bdced7;
}
.team-card .team-info p {
  color: #9f9f9f;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .team-card .team-info h3 {
    font-size: 20px;
  }
}
.team-card:hover h3 a {
  color: #bdced7;
}

.member-social {
  position: absolute;
  text-align: center;
  top: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.member-social span {
  width: 40px;
  height: 40px;
  background: #bdced7;
  display: inline-table;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px;
  transition: all 0.35s;
  text-align: center;
}
.member-social span a {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  padding-top: 3px;
}

.team-index.team {
  padding-bottom: 40px;
}
.team-index.team::before {
  display: none;
}
.team-index.team .trusted-brands {
  background: #f6f9ff;
}
.team-index.team .team-card {
  margin-bottom: 60px;
  float: left;
  width: 33.33%;
  background: #f6f6f6;
}
.team-index.team .team-card:hover .member-social {
  top: 80%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.team-index.team
  .row:nth-child(3)
  div:nth-child(3n-2).team-card
  .team-info::before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .team-index.team .team-card {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .team-index.team .team-card {
    margin-bottom: 30px;
    width: 50%;
  }
}

.team-bg::before {
  background: url("../images/team-bg.png") no-repeat top left/contain;
}

.team {
  padding-bottom: 100px;
}
.team .team-wrap {
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.1);
  margin-top: 80px;
}

/*
    Team Details CSS
*/
.member-info {
  display: flex;
}
.member-info > div {
  width: 45%;
  padding: 15px 30px;
  display: table;
}
.member-info .m-experience {
  background-color: #bdced7;
}
.member-info .m-experience h3 {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  padding-top: 15px;
  line-height: 38px;
}
.member-info .m-experience h3 span {
  font-size: 40px;
  width: 48px;
  display: inline-block;
}
.member-info .m-contact {
  width: 55%;
  background-color: #bdced7;
  padding-top: 24px;
}
.member-info .m-contact p,
.member-info .m-contact a {
  color: #fff;
  margin-bottom: 5px;
}
.member-info .m-contact p i,
.member-info .m-contact a i {
  position: relative;
  top: 3px;
  margin-right: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .member-info > div {
    padding: 15px;
  }
  .member-info .m-experience h3 {
    font-size: 28px;
  }
  .member-info .m-contact p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .member-info {
    margin-bottom: 30px;
  }
  .member-info .m-experience {
    display: none;
  }
  .member-info .m-contact {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .member-info {
    margin-bottom: 30px;
  }
  .member-info .m-experience {
    display: block;
  }
  .member-info .m-contact {
    width: 55%;
  }
}

.team.team-member .member-cover {
  padding-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team.team-member .member-cover {
    max-width: 84%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .team.team-member .member-cover {
    padding-right: 0;
  }
}

.team-details .member-social {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  position: relative;
  text-align: left;
}

.team-details .team-d-head {
  margin-bottom: 45px;
}

.team-details .member-bio p {
  margin: 0 0 25px;
}

.team-details .member-bio ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.team-details .member-bio ul li {
  padding-left: 20px;
}
.team-details .member-bio ul li::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: #bdced7;
}

.team-details .member-experience {
  margin-top: 30px;
}
.team-details .member-experience h3 {
  padding-left: 20px;
  font-size: 30px;
  margin-bottom: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.team-details .member-experience h3::before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: #bdced7;
}

.skill {
  padding: 50px 0;
  overflow: visible;
}
.skill .progress {
  border: 0 none;
  box-shadow: none;
  height: 7px;
  margin-bottom: 60px;
  overflow: visible;
  position: relative;
  border-radius: 0px;
  display: block;
  background-color: #f6f6f6;
  position: relative;
  z-index: 1;
}
.skill .progress:last-child {
  margin-bottom: 0px;
}
.skill .progress .meta {
  font-size: 18px;
  left: 0;
  position: absolute;
  top: -28px;
  font-weight: 600;
  color: #bdced7;
}
.skill .progress .progress-bar {
  display: block;
  background: #bdced7;
  float: left;
  height: 8px;
  overflow: visible;
}
.skill .progress .progress-bar span {
  background: #bdced7;
  float: right;
  margin-right: 10px;
  margin-top: -32px;
  position: relative;
  padding: 0 10px;
  color: #fff;
  font-weight: 600;
  font-family: "Fira Sans", sans-serif;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  line-height: 1.9;
}
.skill .progress .progress-bar span:before,
.skill .progress .progress-bar span:after {
  border: medium solid transparent;
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.skill .progress .progress-bar span:before {
  border-top-color: #bdced7;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}

/* Team Style 2 */
.team-card.team-2 {
  padding: 20px;
}
.team-card.team-2::before {
  height: 200px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #bdced7;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.team-card.team-2 .tm-content {
  background: #fff;
  margin: -50px 20px 0;
  border-top: transparent;
}
.team-card.team-2 .tm-content::before {
  width: 100%;
  height: 0;
  border-bottom: 70px solid #ffffff;
  border-left: 274px solid transparent;
  background: transparent;
  top: -70px;
  left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .team-card.team-2 .tm-content::before {
    border-left: 284px solid transparent;
  }
}
.team-card.team-2 .tm-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.team-card.team-2 .tm-content span {
  font-size: 14px;
  color: #858a8d;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-card.team-2 .tm-content::before {
    border-left: 215px solid transparent;
  }
}
.team-card.team-2:hover::before {
  height: 230px;
}
.team-card.team-2:hover h3 {
  color: #bdced7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-card.team-2 {
    padding: 10px;
  }
  .team-card.team-2::before {
    height: 160px;
  }
  .team-card.team-2 .tm-content {
    margin: -50px 10px 0;
  }
  .team-card.team-2 .tm-content::before {
    border-left: 175px solid transparent;
  }
  .team-card.team-2 .tm-content h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .team-card.team-2 {
    margin-bottom: 30px;
  }
  .team-card.team-2 .tm-content::before {
    border-left: 270px solid transparent;
  }
}

.team-card .tm-social {
  transform: rotate(-14deg);
  position: relative;
  margin-top: -78px;
  padding-bottom: 50px;
}
.team-card .tm-social a {
  display: inline-table;
  width: 37px;
  height: 37px;
  margin-right: 18px;
  text-align: center;
  background: #fff;
  color: #bdced7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  line-height: 37px;
}
.team-card .tm-social a:hover {
  background-color: #bdced7;
  color: #fff;
  border: 1px solid #bdced7;
}
.team-card .tm-social a i {
  position: relative;
  top: 3px;
}
.team-card .tm-social a:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-card .tm-social a {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-card .tm-social {
    transform: rotate(-21deg);
    position: relative;
    margin-top: -74px;
    padding-bottom: 35px;
  }
  .team-card .tm-social a {
    width: 34px;
    height: 33px;
    margin-right: 6px;
    font-size: 14px;
    line-height: 34px;
  }
  .team-card .tm-social a i {
    top: 1px;
  }
}

.quick-call {
  border: 1px solid #d6d6d6;
  display: flex;
  padding: 40px 60px;
  max-width: 430px;
  margin: 0 auto;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .quick-call {
    padding: 40px 25px;
  }
}
.quick-call::before {
  background: url("../images/call-bg.png") no-repeat center center/cover;
}
.quick-call span {
  width: 58px;
  height: 58px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #bdced7;
  text-align: center;
  line-height: 62px;
  font-size: 20px;
  color: #fff;
  margin-right: 20px;
}
.quick-call .qc-txt p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #bdced7;
}
.quick-call .qc-txt h4 {
  font-size: 20px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

/* -------------------------------------
15. Testimonial
--------------------------------------- */
.testimonial {
  background: #bdced7;
  overflow: visible;
}
.testimonial::before {
  background: url("../images/tes-gr-s.png") no-repeat left top/contain;
  width: 30%;
  height: 50%;
  top: -5%;
  left: -5%;
}
.testimonial::after {
  background: url("../images/tes-gr-e.png") no-repeat right bottom/contain;
  width: 22%;
  position: absolute;
  content: "";
  right: -8%;
  bottom: -32px;
  height: 50%;
}
.testimonial .anim-img,
.testimonial .anim-2 {
  top: 80%;
}
.testimonial .anim-2 {
  top: 20%;
}
.testimonial .section-intro .section-title,
.testimonial .section-intro p {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .testimonial::before {
    width: 50%;
    left: -15%;
  }
  .testimonial::after {
    width: 35%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testimonial::before {
    width: 30%;
    left: -8%;
  }
  .testimonial::after {
    width: 25%;
  }
}

.single-quote {
  text-align: center;
  cursor: pointer;
}
.single-quote::before,
.single-quote::after {
  height: 1px;
  background: #fff;
  width: 45%;
  top: 16%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: visible;
  left: -80px;
}
.single-quote::after {
  position: absolute;
  content: "";
  left: auto;
  right: -80px;
}
.single-quote .quote-num {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  color: transparent;
  font-size: 82px;
  -webkit-text-fill-color: #bdced7;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  letter-spacing: 4px;
}
.single-quote p {
  color: #fff;
  margin: 30px 0 40px;
}
.single-quote h3 {
  margin-bottom: 0;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.single-quote span {
  color: #bdced7;
}
.single-quote .quote-num,
.single-quote p,
.single-quote h3,
.single-quote span {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-quote::before {
    left: -50px;
  }
  .single-quote::after {
    right: -50px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single-quote::before {
    left: -25px;
    width: 35%;
  }
  .single-quote::after {
    right: -25px;
    width: 35%;
  }
}

.quote-slider .owl-item.active.center .single-quote .quote-num,
.quote-slider .owl-item.active.center .single-quote p,
.quote-slider .owl-item.active.center .single-quote h3,
.quote-slider .owl-item.active.center .single-quote span,
.quote-slider .owl-item:hover .single-quote .quote-num,
.quote-slider .owl-item:hover .single-quote p,
.quote-slider .owl-item:hover .single-quote h3,
.quote-slider .owl-item:hover .single-quote span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.quote-slider .owl-item.active.center .single-quote::before,
.quote-slider .owl-item.active.center .single-quote::after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
}

.testimonial-2 {
  position: relative;
  padding-bottom: 100px;
}
.testimonial-2 .owl-nav {
  display: none;
}
.testimonial-2.about-testimonial .owl-nav,
section.testimonial-2.service-testimonial .owl-nav {
  display: block;
  position: absolute;
  right: 60px;
  top: -90px;
}
@media only screen and (max-width: 767px) {
  .testimonial-2.about-testimonial .owl-nav,
  section.testimonial-2.service-testimonial .owl-nav {
    top: 110%;
  }
}
.testimonial-2.about-testimonial .owl-nav button,
section.testimonial-2.service-testimonial .owl-nav button {
  width: 65px;
  height: 47px;
  line-height: 52px;
  border-radius: 5px;
}
.testimonial-2.about-testimonial .owl-nav button i,
section.testimonial-2.service-testimonial .owl-nav button i {
  font-size: 22px;
  color: #fff;
  padding-top: 3px;
}
.testimonial-2.about-testimonial .owl-nav button.owl-next,
section.testimonial-2.service-testimonial .owl-nav button.owl-next {
  right: 20px;
  background-color: #e3e3e3 !important;
}
.testimonial-2 .anim-img,
.testimonial-2 .anim-2 {
  top: 80%;
  z-index: 2;
}
.testimonial-2 .anim-2 {
  top: 20%;
}
.testimonial-2 .quote {
  border: 1px solid #ebebeb;
  padding: 45px 45px 30px;
  border-radius: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-2 .quote {
    padding: 40px 30px 20px;
  }
}
.testimonial-2 .quote p {
  color: #858b8d;
  font-size: 18px;
  line-height: 27px;
}
.testimonial-2 .quote img {
  width: auto;
}
.testimonial-2 .quote .quote-head {
  margin-bottom: 30px;
}
.testimonial-2 .quote .quote-head::before {
  background: transparent;
  color: #e3e3e3;
  content: "\f133";
  font-family: flaticon;
  left: auto;
  font-size: 100px;
  right: 0;
  width: auto;
  top: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .testimonial-2 .quote .quote-head::before {
    font-size: 60px;
    right: -10px;
  }
}
.testimonial-2 .quote .quote-head .quote-thumb {
  float: left;
}
.testimonial-2 .quote .quote-head .quote-thumb img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}
.testimonial-2 .quote .quote-head .quote-info {
  margin-left: 110px;
}
.testimonial-2 .quote .quote-head .quote-info:after {
  content: "";
  display: table;
  clear: both;
}
.testimonial-2 .quote .quote-head .quote-info h3 {
  margin-bottom: 0;
  font-weight: 600;
}
.testimonial-2 .quote .quote-head .quote-info span {
  color: #aab2b5;
  font-weight: 500;
}
.testimonial-2 .quote .quote-head .quote-info .ratings {
  margin-top: 10px;
}
.testimonial-2 .quote .quote-head .quote-info .ratings i {
  color: #fac444;
}
.testimonial-2 .quote:hover .quote-head::before {
  color: #bdced7;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-2 .client-quote.p-4 {
    padding: 10px !important;
  }
  .testimonial-2 .client-quote.p-4 .quote-head::after {
    top: 66px;
    border-bottom: 41px solid #bdced7;
    border-right: 197px solid transparent;
  }
  .testimonial-2 .client-quote.p-4 .cl-meta::before {
    content: "\f115";
    font-family: flaticon;
    background: transparent;
    left: auto;
    right: -17px;
    width: auto;
    font-size: 30px;
    color: #fff;
    top: -3px;
  }
  .testimonial-2 .client-quote.p-4 .cl-meta h4 {
    font-size: 20px;
  }
}

.about-testimonial .section-intro,
section.testimonial-2.service-testimonial .section-intro {
  max-width: 50%;
}
@media only screen and (max-width: 767px) {
  .about-testimonial .section-intro,
  section.testimonial-2.service-testimonial .section-intro {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-testimonial .section-intro,
  section.testimonial-2.service-testimonial .section-intro {
    max-width: 70%;
  }
}

.service-testimonial::before {
  width: 95%;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 767px) {
  .service-testimonial .section-intro {
    padding-left: 30px;
  }
  .service-testimonial .quote {
    padding: 20px;
    margin: 0 30px;
  }
}

section.testimonial-2.service-testimonial {
  margin: -160px 0 90px;
  padding: 120px 0 180px;
}
@media only screen and (max-width: 767px) {
  section.testimonial-2.service-testimonial {
    padding: 60px 0 150px;
  }
}
section.testimonial-2.service-testimonial .owl-nav {
  right: 50%;
  top: 120%;
}

/* -------------------------------------
16. Portfolio
--------------------------------------- */
.portfolio-menu {
  margin-bottom: 70px;
  text-align: left;
}
.portfolio-menu button {
  background: transparent;
  border: none;
  padding: 10px 20px;
  font-size: 20px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.portfolio-menu button.active,
.portfolio-menu button:hover,
.portfolio-menu button:focus {
  background-color: #bdced7;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-menu button {
    font-size: 18px;
    padding: 8px 14px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio-menu {
    margin-bottom: 45px;
  }
  .portfolio-menu button {
    font-size: 18px;
    margin-bottom: 10px;
    padding: 8px 14px;
  }
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.work-entry {
  position: relative;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: visible;
  z-index: 1;
  cursor: pointer;
}
.work-entry span.pt-meta {
  position: absolute;
  display: inline-block;
  padding: 3px 15px;
  background: #bdced7;
  color: #fff;
  left: 15px;
  top: 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
.work-entry img {
  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.work-entry:hover img {
  transform: scale(1.05);
}

.masion-portfolio .work-entry img {
  width: 100%;
}

.grid-sizer,
.item {
  background-clip: content-box;
  width: 33.33%;
}
@media only screen and (max-width: 767px) {
  .grid-sizer,
  .item {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .grid-sizer,
  .item {
    width: 50%;
  }
}

/* 2 columns wide */
.item--width2 {
  width: 66.6666666667%;
}
@media only screen and (max-width: 767px) {
  .item--width2 {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .item--width2 {
    width: 50%;
  }
}

/*Single Portfolio Details*/
.portf-head {
  position: relative;
  z-index: 1;
}
.portf-head .port-widget {
  position: absolute;
  bottom: -30%;
  right: 0;
  background: #bdced7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portf-head .port-widget {
    bottom: -20%;
  }
}
@media only screen and (max-width: 767px) {
  .portf-head .port-widget {
    position: relative;
    bottom: auto;
    margin: 15px 0;
  }
}
.portf-head .port-widget ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding: 20px 30px;
}
.portf-head .port-widget ul li {
  display: block;
  font-family: "Fira Sans", sans-serif;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  border-bottom: 1px solid #ff8777;
  padding: 13px 30px;
}
.portf-head .port-widget ul li span {
  display: block;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  margin-top: 7px;
}
.portf-head .port-widget ul li:last-child {
  border-bottom: none;
}
.portf-head .port-widget .port-share {
  display: flex;
  background: #bdced7;
  padding: 30px 30px 20px;
  align-items: center;
}
.portf-head .port-widget .port-share h5 {
  width: 120px;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
}
.portf-head .port-widget .port-share .pt-share a {
  padding: 0 5px;
  color: #fff;
}
.portf-head .port-widget .port-share .pt-share a:hover {
  color: #bdced7;
}

.portfolio-txt {
  max-width: 94%;
}
.portfolio-txt .section-title {
  font-size: 36px;
  font-weight: 600;
}
.portfolio-txt h2 {
  margin-bottom: 30px;
}
.portfolio-txt ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-top: 45px;
}
.portfolio-txt ul li {
  padding-left: 25px;
  margin-bottom: 17px;
  font-size: 18px;
  color: #7e8283;
}
.portfolio-txt ul li::before {
  content: "\f127";
  font-family: flaticon;
  background: transparent;
  color: #bdced7;
}
.portfolio-txt p {
  font-size: 18px;
  line-height: 30px;
  color: #7e8283;
}

/* -------------------------------------
20.1 Shop Sidebar
--------------------------------------- */
.sidebar {
  padding-left: 40px;
}
.sidebar.left-sidebar {
  padding: 0 40px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .sidebar {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-content .sidebar {
    margin-top: 60px;
  }
}

.widget {
  margin-bottom: 40px;
}
.widget .widget-title {
  font-size: 28px;
  margin-bottom: 30px;
}
.widget .widget-title.full {
  background: #bdced7;
  color: #fff;
  padding: 15px 30px;
}
.widget ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.widget ul li {
  display: block;
  margin-bottom: 2px;
}
.widget ul li a {
  display: block;
  padding: 13px 40px;
  background-color: #f6f6f6;
}
.widget ul li a::before {
  width: 0px;
  height: 2px;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  background-color: #bdced7;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.widget ul li a:hover {
  padding-left: 45px;
  color: #bdced7;
}
.widget ul li a:hover::before {
  left: 30px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  width: 10px;
}
.widget ul li a span {
  float: right;
}
.widget.link-widget li {
  background: #f6f6f6;
  display: block;
  margin-bottom: 2px;
  font-size: 18px;
}
.widget.link-widget li a {
  display: inline-block;
  padding: 15px 40px;
}
.widget.link-widget li::before {
  width: 6px;
  background-color: #bdced7;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  height: 0;
}
.widget.link-widget li:hover::before,
.widget.link-widget li.active::before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  height: 100%;
}
.widget .social-contact {
  margin-top: 10px;
}
.widget .social-contact p {
  color: #bdced7;
}
.widget .social-contact p i {
  color: #bdced7;
  font-size: 22px;
  position: relative;
  top: 6px;
  margin-right: 10px;
}
.widget.brochur-widget p {
  margin-bottom: 35px;
}
.widget.brochur-widget .custom-btn,
.widget.brochur-widget .cart-form-footer .button,
.cart-form-footer .widget.brochur-widget .button,
.widget.brochur-widget .cart_total_wrap .button,
.cart_total_wrap .widget.brochur-widget .button {
  padding: 15px;
}
.widget.brochur-widget .custom-btn img,
.widget.brochur-widget .cart-form-footer .button img,
.cart-form-footer .widget.brochur-widget .button img,
.widget.brochur-widget .cart_total_wrap .button img,
.cart_total_wrap .widget.brochur-widget .button img {
  margin-right: 5px;
}
.widget.brochur-widget .custom-btn:last-child,
.widget.brochur-widget .cart-form-footer .button:last-child,
.cart-form-footer .widget.brochur-widget .button:last-child,
.widget.brochur-widget .cart_total_wrap .button:last-child,
.cart_total_wrap .widget.brochur-widget .button:last-child {
  background: #bdced7;
  margin-top: 20px;
}
.widget.search-widget {
  background: transparent;
  margin-bottom: 30px;
}
.widget.search-widget form {
  position: relative;
}
.widget.search-widget form input {
  width: 100%;
  padding: 14px 20px;
  border: 0;
  border: 1px solid #ebebeb;
  color: #b7b7b7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.widget.search-widget form input::placeholder {
  color: #b7b7b7;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.widget.search-widget form button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 72px;
  line-height: 52px;
  background: #bdced7;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.widget.search-widget form button i {
  position: relative;
  top: 2px;
}
.widget.search-widget form button i::before {
  color: #fff;
}
.widget.recent-post {
  background: #fff;
}
.widget.tag-widget .tagclouds a {
  display: inline-block;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #455359;
  border-radius: 30px;
  padding: 10px 25px;
  margin: 5px 5px 5px 0px;
  text-transform: capitalize;
  background: #f6f6f6;
}
.widget.tag-widget .tagclouds a:hover {
  background: #bdced7;
  color: #fff;
}
.widget.recent-post .single-feature {
  margin-bottom: 25px;
}
.widget.recent-post .single-feature:after {
  content: "";
  display: table;
  clear: both;
}
.widget.recent-post .single-feature .figure-thumb {
  float: left;
  overflow: visible;
}
.widget.recent-post .single-feature .figure-thumb img {
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.widget.recent-post .single-feature .sf-text {
  margin-left: 95px;
}
.widget.recent-post .single-feature .sf-text h4 {
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 20px;
  font-weight: 600;
}
.widget.recent-post .single-feature .sf-text h4 a {
  color: #455359;
}
.widget.recent-post .single-feature .sf-text h4:hover a {
  color: #bdced7;
}
.widget.recent-post .single-feature .sf-text .sf-meta a {
  margin-right: 10px;
  font-size: 14px;
  color: #979797;
}
.widget.recent-post .single-feature .sf-text .sf-meta a:hover {
  color: #bdced7;
}
.widget.recent-post .single-feature:hover img {
  -webkit-transform: rotate(5deg) scale(1.1);
  transform: rotate(5deg) scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget .widget-title {
    font-size: 22px;
  }
  .widget.link-widget li a {
    padding: 12px 20px;
    font-size: 16px;
  }
}

/* ------------------------------------
18. Contact
--------------------------------------- */
.contact-wrap {
  max-width: 90%;
  margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-wrap {
    max-width: 97%;
  }
}

form .form-group {
  margin-bottom: 20px;
}
form .form-group:after {
  content: "";
  display: table;
  clear: both;
}
form .form-group.half-form {
  width: 48%;
  float: left;
}
form .form-group.half-form:nth-child(even) {
  float: right;
}
form .form-group input,
form .form-group textarea {
  background: #f6f6f6;
  padding: 16px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
form .form-group .custom-btn,
form .form-group .cart-form-footer .button,
.cart-form-footer form .form-group .button,
form .form-group .cart_total_wrap .button,
.cart_total_wrap form .form-group .button {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  form .form-group.half-form {
    width: 100%;
    float: none;
  }
}

#google-map {
  height: 450px;
  width: 100%;
}

.contact-widget {
  background: #f6f6f6;
  padding: 30px 25px 10px;
  margin-bottom: 20px;
}
.contact-widget .cw-inner .cw-item {
  margin-bottom: 15px;
}
.contact-widget .cw-inner .cw-item > i {
  float: left;
  color: #bdced7;
  font-size: 24px;
}
.contact-widget .cw-inner .cw-item .cw-txt {
  margin-left: 45px;
  display: block;
}
.contact-widget .cw-inner .cw-item .cw-txt h5 {
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.contact-widget .cw-inner .cw-item .cw-txt P {
  color: #b9b9b9;
  max-width: 90%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-widget {
    padding: 30px 15px 10px;
  }
}

.social-share span {
  width: 40px;
  height: 40px;
  background: transparent;
  display: inline-table;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.social-share span a {
  display: table-cell;
  vertical-align: middle;
  color: #bdced7;
  font-size: 18px;
  line-height: 1;
}
.social-share span:hover,
.social-share span.active {
  background: #bdced7;
}
.social-share span:hover a,
.social-share span.active a {
  color: #fff;
}

/* -------------------------------------
19. Error 404 
--------------------------------------- */
.error-txt {
  max-width: 60%;
  text-align: center;
  margin: 50px auto 0;
}
.error-txt h2 {
  font-size: 34px;
  margin-bottom: 30px;
}
.error-txt p {
  font-size: 18px;
}
.error-txt .custom-btn,
.error-txt .cart-form-footer .button,
.cart-form-footer .error-txt .button,
.error-txt .cart_total_wrap .button,
.cart_total_wrap .error-txt .button {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .error-txt {
    max-width: 90%;
  }
}

/* -------------------------------------
20. Error 404 
--------------------------------------- */
.shop-header {
  margin-bottom: 45px;
}
.shop-header p {
  float: left;
}
.shop-header select {
  float: right;
  padding: 8px;
  border: 1px solid #dddddd;
  position: relative;
  outline: 0 none;
}
.shop-header select option {
  background-color: #bdced7;
  font-size: 15px;
  padding: 5px;
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.product {
  position: relative;
  border: 1px solid #dddddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 20px 30px;
  margin-bottom: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.product .product-img {
  position: relative;
  display: block;
  margin-bottom: 15px;
}
.product .product-img .add_to_cart_button {
  position: absolute;
  width: 51px;
  height: 51px;
  right: 25px;
  bottom: -20px;
  text-align: center;
  line-height: 51px;
  text-align: center;
  background-color: #bdced7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.product .product-img .onsale {
  position: absolute;
  background-color: #bdced7;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  left: 20px;
  top: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 15px;
}
.product .product-summery {
  padding-top: 30px;
}
.product .product-summery h2 {
  font-size: 24px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .product .product-summery h2 {
    font-size: 20px;
  }
}
.product .product-summery h2 a {
  color: #bdced7;
}
.product .product-summery .product-meta {
  margin: 0px 0 10px;
}
.product .product-summery .product-meta a {
  color: #626f74;
}
.product .product-summery .product-meta a:hover {
  color: #bdced7;
}
.product .product-summery .price {
  color: #bdced7;
  font-weight: 600;
  font-size: 20px;
}
.product:hover {
  border: 1px solid transparent;
  transform: translateY(-7px);
}
.product:hover .product-summery h2 a {
  color: #bdced7;
}

.pager {
  margin: 30px 0 15px;
}

.pager a,
.pager span {
  margin: 0 10px;
  display: inline-table;
  color: #747474;
  font-weight: 500;
  text-align: center;
  font-size: 20px;
}
.pager a:hover,
.pager span:hover {
  color: #bdced7;
}

.pager a.next-btn,
.pager a.prev-btn,
.pager span.next-btn,
.pager span.prev-btn {
  border: 1px solid #dddddd;
  width: 40px;
  height: 33px;
  line-height: 33px;
  border-radius: 50%;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.pager a.next-btn:hover,
.pager a.prev-btn:hover,
.pager span.next-btn:hover,
.pager span.prev-btn:hover {
  background: #bdced7;
  border: 1px solid #bdced7;
}
.pager a.next-btn:hover i::before,
.pager a.prev-btn:hover i::before,
.pager span.next-btn:hover i::before,
.pager span.prev-btn:hover i::before {
  color: #fff;
}

.pager a.next-btn i::before,
.pager a.prev-btn i::before,
.pager span.next-btn i::before,
.pager span.prev-btn i::before {
  font-size: 14px;
  color: #747474;
}

/* -------------------------------------
21. Single Product
--------------------------------------- */
.product-gallery {
  padding-right: 50px;
}

.single-product {
  padding: 100px 0 70px;
}

.entry-summery .product-meta span {
  font-size: 22px;
  font-weight: 600;
}

.entry-summery .product-price {
  font-size: 28px;
  font-weight: 600;
  margin: 20px 0;
}
.entry-summery .product-price ins {
  text-decoration: none;
}
.entry-summery .product-price del.old-price {
  opacity: 0.5;
  margin-right: 12px;
}

.entry-summery h1.product-title {
  font-size: 28px;
  margin: 20px 0px;
}

.entry-summery .product-ratings {
  display: flex;
  margin-top: 5px;
}
.entry-summery .product-ratings .star-rating {
  margin-right: 20px;
}
.entry-summery .product-ratings .star-rating span {
  margin-right: 5px;
  color: #fe8b36;
}

.entry-summery button.custom-btn,
.entry-summery .cart-form-footer button.button,
.cart-form-footer .entry-summery button.button,
.entry-summery .cart_total_wrap button.button,
.cart_total_wrap .entry-summery button.button {
  width: 320px;
  padding: 17px 0;
  text-transform: uppercase;
  font-size: 18px;
}

.entry-summery .product-share {
  margin-top: 30px;
}
.entry-summery .product-share span {
  color: #bdced7;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
  margin-right: 10px;
}
.entry-summery .product-share a {
  color: #7e8283;
  padding-right: 10px;
}
.entry-summery .product-share a:hover {
  color: #bdced7;
}

.pro-qty {
  width: 320px;
  position: relative;
  margin: 20px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.pro-qty .form-control {
  border: 1px solid #dddddd;
  height: 60px;
  width: 320px;
  text-align: center;
  font-size: 22px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-weight: 500;
}
.pro-qty .qty-btn {
  position: absolute;
  width: 70px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  top: 50%;
  border: 1px solid #dddddd;
  transform: translateY(-50%);
  background: #f8f8f8;
  left: 0;
  line-height: 59px;
  font-size: 22px;
  padding-left: 27px;
  cursor: pointer;
}
.pro-qty .qty-btn.dec {
  left: auto;
  right: 0;
}

.tabs.wc-tabs {
  padding-right: 50px;
}
.tabs.wc-tabs .nav {
  text-align: center;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 15px;
}
.tabs.wc-tabs .nav .nav-item {
  margin-right: 80px;
}
.tabs.wc-tabs .nav .nav-item:last-child {
  margin-right: 0;
}
.tabs.wc-tabs .nav button.nav-link {
  color: #747474;
  border: none;
  padding: 0px;
  font-weight: 600;
  font-size: 26px;
  text-transform: capitalize;
  background: none;
  font-family: "Fira Sans", sans-serif;
}
.tabs.wc-tabs .nav button.nav-link::before {
  height: 1px;
  top: 40px;
  width: 30%;
  background: #bdced7;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tabs.wc-tabs .nav button.nav-link.active,
.tabs.wc-tabs .nav button.nav-link:hover {
  color: #bdced7;
}
.tabs.wc-tabs .nav button.nav-link.active::before,
.tabs.wc-tabs .nav button.nav-link:hover::before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  width: 100%;
}
.tabs.wc-tabs .nav span.count {
  padding-left: 10px;
}
.tabs.wc-tabs .tab-content {
  padding-top: 20px;
}
.tabs.wc-tabs .tab-content ul.more-info {
  margin: 25px 0;
}
.tabs.wc-tabs .tab-content ul.more-info li {
  line-height: 34px;
  font-weight: 500;
}
.tabs.wc-tabs .tab-content h4 {
  margin-bottom: 20px;
}

table.shop-table {
  width: 100%;
}
table.shop-table td,
table.shop-table th {
  padding: 10px 20px;
  border: 1px solid #ececec;
  vertical-align: middle;
}

.reviews .comment-list {
  list-style: none;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .reviews .comment-list {
    padding: 20px 0 0px;
  }
}
.reviews .comment-list .comment-thumb {
  float: left;
}
@media only screen and (max-width: 767px) {
  .reviews .comment-list .comment-thumb {
    width: 100%;
    float: none;
  }
}
.reviews .comment-list .comment-entry {
  margin-left: 120px;
}
@media only screen and (max-width: 767px) {
  .reviews .comment-list .comment-entry {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.reviews .comment-list .comment-entry .star-rating span i::before {
  color: #f95259;
}
.reviews .comment-list .comment-entry h4 {
  font-size: 16px;
  color: #455359;
  display: inline;
}
.reviews .comment-list .comment-entry span {
  color: #656565;
  font-size: 14px;
}

.respond-form {
  margin-top: 60px;
}
.respond-form .respond-title {
  font-size: 18px;
  color: #455359;
}
.respond-form .star-rating span {
  cursor: pointer;
}
.respond-form .star-rating span i::before {
  color: #f95259;
}
.respond-form .star-rating.hover-state span i::before {
  color: #455359;
}
.respond-form .star-rating.hover-state span.active i::before {
  color: #f95259;
}
.respond-form form {
  margin-top: 30px;
}
.respond-form form input,
.respond-form form textarea {
  border: none;
  background: #f8f8f8;
  font-size: 14px;
  color: #b5b5b5;
}
.respond-form form input::placeholder,
.respond-form form textarea::placeholder {
  color: #b5b5b5;
}
.respond-form form textarea {
  height: 180px;
}
.respond-form form p.comment-form-cookies-consent {
  color: #b7b6b6;
  font-size: 14px;
}
.respond-form
  form
  p.comment-form-cookies-consent
  input#wp-comment-cookies-consent {
  width: auto;
  margin-right: 5px;
}
.respond-form form p.comment-form-cookies-consent label,
.respond-form
  form
  p.comment-form-cookies-consent
  .cart_total_wrap
  .cart-collaterals
  h2,
.cart_total_wrap
  .cart-collaterals
  .respond-form
  form
  p.comment-form-cookies-consent
  h2 {
  cursor: pointer;
}
.respond-form form .custom-btn,
.respond-form form .cart-form-footer .button,
.cart-form-footer .respond-form form .button,
.respond-form form .cart_total_wrap .button,
.cart_total_wrap .respond-form form .button {
  border: none;
  padding: 14px 42px;
  margin-top: 20px;
}

.related-products {
  padding: 45px 0 215px;
}
.related-products h2.related-title {
  margin-bottom: 50px;
  border-top: 1px solid #dddddd;
  padding-top: 45px;
}
.related-products .product-summery h2.product-title {
  margin-bottom: 5px;
}
.related-products .product-summery .product-meta {
  margin-bottom: 20px;
}
.related-products .product-summery .star-rating {
  margin-top: 20px;
}

/* -------------------------------------
14. Shop Sidebar
--------------------------------------- */
.range-widget input#amount {
  color: #bdced7;
  font-size: 20px;
  font-weight: 600;
  padding: 5px 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  border: 1px solid #bdced7;
  background: #bdced7;
  border-radius: 50%;
}

.ui-widget-header {
  border: none;
  background: #bdced7;
}

.ui-slider-horizontal {
  height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -8px;
  width: 18px;
  height: 18px;
}

.ui-widget.ui-widget-content {
  background: #fbc4bc;
  border: none;
}

/* -------------------------------------
22. Error 404 
--------------------------------------- */
@media only screen and (max-width: 767px) {
  .woocommerce .woocommerce-cart-form {
    overflow-x: auto;
    margin-bottom: 30px;
    overflow-y: visible;
  }
}

.woocommerce .shop_table {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 5px;
}
.woocommerce .shop_table thead {
  background-color: #bdced7;
  color: #fff;
}
.woocommerce .shop_table thead tr th {
  padding: 20px 10px 20px 0;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .woocommerce .shop_table thead tr th {
    font-size: 18px;
    padding: 20px;
  }
}
.woocommerce .shop_table thead tr th:first-child {
  text-align: right;
}
.woocommerce
  .shop_table
  tbody
  tr.woocommerce-cart-form__cart-item.cart_item
  td.product-thumbnail {
  width: 15%;
  padding: 20px 15px 20px 20px;
}
@media only screen and (max-width: 767px) {
  .woocommerce
    .shop_table
    tbody
    tr.woocommerce-cart-form__cart-item.cart_item
    td.product-thumbnail {
    width: 150px;
  }
}

.woocommerce th {
  font-weight: 700;
  padding: 9px 12px;
  line-height: 1.5em;
}

.woocommerce td.product-quantity input {
  width: 80px;
  padding: 10px;
}

.woocommerce td.product-remove {
  padding-left: 28px;
}
.woocommerce td.product-remove a i::before {
  font-size: 24px;
}

.woocommerce .cart td.actions .coupon {
  float: left;
}

.woocommerce .cart td.actions {
  padding: 20px;
}
.woocommerce .cart td.actions .input-text {
  width: 200px;
  margin-right: 10px;
  padding: 5px 20px;
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .cart-collaterals {
    margin-top: 40px;
  }
}

td.product-name a,
td.product-price,
td.product-subtotal span,
td.product-quantity .quantity input {
  font-weight: 700;
  color: #bdced7;
}

td.product-remove a i::before {
  color: #bdced7;
}

.woocommerce .cart td.actions a,
.woocommerce .cart td.actions button {
  display: inline;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .woocommerce .cart td.actions a,
  .woocommerce .cart td.actions button {
    display: inline-block;
    margin: 0 0 30px;
    text-align: left;
  }
}

.wc-proceed-to-checkout a.button {
  padding: 16px 40px;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .wc-proceed-to-checkout a.button {
    padding: 15px 30px;
  }
}

form.woocommerce-cart-form table {
  padding-bottom: 12px;
}

.cart-form-footer {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .cart-form-footer {
    text-align: left;
  }
}
.cart-form-footer .custom-btn,
.cart-form-footer .button {
  padding: 20px 42px;
  margin-left: 30px;
}
.cart-form-footer .button {
  border: none;
  padding: 20px 40px;
}
.cart-form-footer .button:disabled[disabled] {
  cursor: not-allowed;
}

.cart_total_wrap {
  border: 1px solid #e1e1e1;
  margin: 0;
  border-radius: 5px;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .cart_total_wrap {
    padding: 5px;
  }
}
.cart_total_wrap label,
.cart_total_wrap .cart-collaterals h2 {
  font-size: 24px;
  font-weight: 700;
  display: block;
  padding-bottom: 30px;
  color: #bdced7;
}
.cart_total_wrap input#coupon_code {
  width: 290px;
  float: left;
  border-radius: 0px;
  padding: 15px 30px;
}
@media only screen and (max-width: 767px) {
  .cart_total_wrap input#coupon_code {
    width: 100%;
    margin-bottom: 20px;
  }
}
.cart_total_wrap .button {
  border-radius: 0px;
  border: none;
  padding: 16px 20px;
}
.cart_total_wrap .cart-collaterals .cart_totals table tr {
  color: #bdced7;
  padding-bottom: 30px;
}
.cart_total_wrap .cart-collaterals .cart_totals table th {
  width: 85%;
  padding-bottom: 30px;
}
.cart_total_wrap .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  margin-top: 15px;
}

/* -------------------------------------
23. Checkout
--------------------------------------- */
section.checkout-section {
  padding: 45px 0 100px;
}

div#checkoutCouponform {
  padding: 35px 30px;
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  background: #f4f4f4;
}

.checkout-differentform {
  display: none;
  overflow: visible;
}

.checkout-coupon h6 {
  color: #455359;
  font-weight: 400;
  margin-bottom: 20px;
  font-size: 14px;
}
.checkout-coupon h6 button {
  border: none;
  background: none;
  font-size: 16px;
  color: #bdced7;
  border-bottom: 1px solid;
}

.checkout-coupon .checkout-couponform {
  max-width: 40%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .checkout-coupon .checkout-couponform {
    max-width: 100%;
  }
}
.checkout-coupon .checkout-couponform .custom-btn,
.checkout-coupon .checkout-couponform .cart-form-footer .button,
.cart-form-footer .checkout-coupon .checkout-couponform .button,
.checkout-coupon .checkout-couponform .cart_total_wrap .button,
.cart_total_wrap .checkout-coupon .checkout-couponform .button {
  border: none;
  padding: 9px 25px;
  position: absolute;
  top: 0;
  right: 0;
}

.address2-form input[type="checkbox"],
.address2-form input[type="radio"] {
  width: auto;
  float: left;
  display: table;
  margin-top: 6px;
}

.container-check {
  display: block;
  position: relative;
  padding-left: 25px;
  line-height: 1.7;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

form.form.checkout-form {
  padding-top: 60px;
}
form.form.checkout-form .section-title {
  font-size: 30px;
  margin-bottom: 40px;
}
form.form.checkout-form .form-inner {
  overflow: visible;
}
form.form.checkout-form .checkout-billingform {
  padding: 60px 30px 30px;
  background: #ececec;
  border: 1px solid #c1c1c1;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  form.form.checkout-form .checkout-billingform {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  form.form.checkout-form .checkout-billingform {
    margin-bottom: 60px;
  }
}
form.form.checkout-form .checkout-billingform .form-group.address2-form {
  margin: 0;
}
form.form.checkout-form .checkout-billingform .form-group label,
form.form.checkout-form
  .checkout-billingform
  .form-group
  .cart_total_wrap
  .cart-collaterals
  h2,
.cart_total_wrap
  .cart-collaterals
  form.form.checkout-form
  .checkout-billingform
  .form-group
  h2 {
  font-size: 16px;
  color: #747474;
  font-weight: 500;
  padding-bottom: 10px;
}
form.form.checkout-form .checkout-billingform .form-group input,
form.form.checkout-form .checkout-billingform .form-group select {
  background-color: #fff;
  border: 1px solid #cecece;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 13px 20px;
}
form.form.checkout-form .checkout-billingform .form-group select {
  padding: 13px 20px;
  width: 50%;
  display: block;
  color: #aeaeae;
  outline: 0 none;
}
@media only screen and (max-width: 767px) {
  form.form.checkout-form .checkout-billingform .form-group select {
    width: 100%;
  }
}

.order-inner {
  background: #ececec;
  border: 1px solid #c1c1c1;
  padding: 30px 40px;
}

.cart-total.pay-cart ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: space-between;
}
.cart-total.pay-cart ul li {
  font-weight: 700;
  color: #455359;
}
.cart-total.pay-cart ul.cart-list {
  display: block;
  padding: 30px 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.cart-total.pay-cart ul.cart-list li {
  display: block;
  font-weight: 500;
  color: #747474;
  font-size: 16px;
  line-height: 38px;
}
.cart-total.pay-cart ul.cart-list li span {
  float: right;
}
.cart-total.pay-cart ul:first-child li {
  font-size: 22px;
}

.cart-total.pay-cart p {
  font-size: 18px;
  color: #bdced7;
  font-weight: 500;
}
.cart-total.pay-cart p span {
  float: right;
}
.cart-total.pay-cart p:last-child {
  padding: 10px 0px;
  border-top: 1px solid #dddddd;
  font-size: 22px;
}
.cart-total.pay-cart p:last-child span {
  font-weight: 700;
}

.checkout-payment {
  padding-top: 25px;
}
.checkout-payment h4 {
  margin-bottom: 20px;
  font-size: 22px;
}
.checkout-payment input[type="radio"]:checked ~ label,
.checkout-payment
  .cart_total_wrap
  .cart-collaterals
  input[type="radio"]:checked
  ~ h2,
.cart_total_wrap
  .cart-collaterals
  .checkout-payment
  input[type="radio"]:checked
  ~ h2 {
  color: #bdced7;
}
.checkout-payment input[type="radio"]:checked ~ label::before,
.checkout-payment
  .cart_total_wrap
  .cart-collaterals
  input[type="radio"]:checked
  ~ h2::before,
.cart_total_wrap
  .cart-collaterals
  .checkout-payment
  input[type="radio"]:checked
  ~ h2::before {
  content: "";
  color: #bdced7;
  border-color: #bdced7;
}
.checkout-payment input[type="checkbox"],
.checkout-payment input[type="radio"] {
  visibility: visible;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}

.payment-checkbox {
  position: relative;
  margin-top: 10px;
}
.payment-checkbox input {
  display: inline-block;
  width: 12px;
  position: absolute;
  border: 1px solid #dddddd;
  top: 7px;
}

.place-order {
  margin-top: 30px;
}
.place-order .custom-btn,
.place-order .cart-form-footer .button,
.cart-form-footer .place-order .button,
.place-order .cart_total_wrap .button,
.cart_total_wrap .place-order .button {
  width: 100%;
  border: none;
  padding: 15px 20px;
}

.option-field {
  border-bottom: 1px solid #ebebeb;
  padding: 5px 0;
}
.option-field label,
.option-field .cart_total_wrap .cart-collaterals h2,
.cart_total_wrap .cart-collaterals .option-field h2 {
  padding-left: 25px;
  font-size: 15px;
  font-weight: 600;
}
.option-field label::before,
.option-field .cart_total_wrap .cart-collaterals h2::before,
.cart_total_wrap .cart-collaterals .option-field h2::before {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 3px solid #dddddd;
  background: transparent;
  top: 50%;
  transform: translateY(-50%);
}
.option-field .pay-option-content {
  display: none;
  padding-left: 25px;
  padding-top: 10px;
  font-weight: 400;
  font-size: 15px;
}

/* -------------------------------------
24. Form 
--------------------------------------- */
.acount-wrap {
  padding: 60px;
  border: 2px solid #bdced7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .acount-wrap {
    padding: 50px 40px;
  }
}
.acount-wrap h2 {
  margin-bottom: 40px;
  font-size: 36px;
}
.acount-wrap.login-wrap h2 {
  margin-bottom: 10px;
}
.acount-wrap.login-wrap p {
  margin-bottom: 30px;
}
.acount-wrap.login-wrap p a {
  color: #bdced7;
}
.acount-wrap form .form-group label,
.acount-wrap form .form-group .cart_total_wrap .cart-collaterals h2,
.cart_total_wrap .cart-collaterals .acount-wrap form .form-group h2 {
  font-size: 18px;
  color: #bdced7;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.acount-wrap form .form-group input {
  background: #f8f8f8;
  border: 1px solid #ccc;
}
.acount-wrap form .form-check-input[type="checkbox"] {
  margin-right: 5px;
}
.acount-wrap form .custom-btn,
.acount-wrap form .cart-form-footer .button,
.cart-form-footer .acount-wrap form .button,
.acount-wrap form .cart_total_wrap .button,
.cart_total_wrap .acount-wrap form .button {
  margin: 20px 0;
}
.acount-wrap form .login-half {
  margin-bottom: 20px;
  margin-top: 5px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.acount-wrap form .security-code {
  display: inline-block;
  border-radius: 10px;
  height: 64px;
  line-height: 64px;
  padding: 0 40px;
  font-size: 24px;
  font-weight: bold;
  background: #bce3c9;
}
.acount-wrap .form-group.alter-login {
  display: flex;
  align-items: center;
}
.acount-wrap .form-group.alter-login span {
  padding-right: 13px;
}
.acount-wrap .form-group.alter-login a {
  display: inline-table;
  width: 30px;
  height: 30px;
  text-align: center;
  margin-right: 10px;
  background: #6666cc;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.acount-wrap .form-group.alter-login a i {
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px;
}
.acount-wrap .form-group.alter-login a:nth-child(2) {
  background: #6666cc;
}
.acount-wrap .form-group.alter-login a:nth-child(3) {
  background: #6666cc;
}

.thanks-wrap {
  max-width: 55%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .thanks-wrap {
    max-width: 90%;
  }
}
.thanks-wrap h2 {
  font-size: 65px;
}
.thanks-wrap p {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.7;
}
.thanks-wrap p a {
  color: #bdced7;
}
.thanks-wrap img {
  padding: 30px 0 50px;
}

.case-entry .case-content {
  max-width: 90%;
  padding: 20px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin: -150px auto 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.case-entry .case-content::before {
  width: 100%;
  height: 0;
  border-top: 55px solid #ffffff;
  border-left: 321px solid transparent;
  background: transparent;
  top: auto;
  bottom: -55px;
  left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .case-entry .case-content::before {
    border-left: 330px solid transparent;
  }
}
.case-entry .case-content h3 {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Fira Sans", sans-serif;
  color: #bdced7;
  font-size: 30px;
  margin: 10px 0 20px;
}
@media only screen and (max-width: 767px) {
  .case-entry .case-content h3 {
    font-size: 24px;
  }
}
.case-entry .case-content span {
  color: #bdced7;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
  text-transform: uppercase;
}
.case-entry .case-content span.case-icon {
  width: 75px;
  height: 70px;
  text-align: center;
  line-height: 80px;
  font-size: 35px;
  background: #bdced7;
  display: inline-block;
  color: #fff;
  position: absolute;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: 20px;
  top: -35px;
}
.case-entry .case-content .read-more {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  padding-top: 25px;
  border-top: 1px solid #bdced7;
}
.case-entry .case-content .read-more a {
  display: inline-block;
  padding: 5px 25px;
  background-color: #bdced7;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 20px;
  border-radius: 50px;
  line-height: 1;
}
.case-entry .case-content .read-more a:hover {
  background-color: #bdced7;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .case-entry .case-content::before {
    border-left: 260px solid transparent;
  }
  .case-entry .case-content h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case-entry .case-content {
    padding: 15px;
  }
  .case-entry .case-content::before {
    border-left: 200px solid transparent;
  }
  .case-entry .case-content span.case-icon {
    width: 62px;
    height: 60px;
    line-height: 70px;
    font-size: 27px;
    right: 10px;
  }
}

.case-entry:hover .case-content {
  margin: -170px auto 0;
}

@media only screen and (max-width: 767px) {
  .case-entry {
    margin-bottom: 90px;
  }
}
/*# sourceMappingURL=style.css.map */

/* ======================================
25. Sidebar spacing
========================================*/

.sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar ul li {
    margin-bottom: 10px; /* Adjust this value as needed */
    line-height: 1;   /* Adjust this value as needed */
}

.sidebar ul li a {
    text-decoration: none;
    color: #455359; /* Adjust the color as needed */
    font-size: 16px; /* Adjust the font size as needed */
}

/* ======================================
26. Floating Image
========================================*/
  .image {
    float: right;
    width: 450px; /* Adjust the size of the image as needed */
    margin: 0 0 20px 20px;

}