/* Industrez - Industry and Factory HTML Template  */

/*********** TABLE OF CONTENTS **************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Header Style Two
6. Header Style Three
7. Sticky Header
8. Page Title
9. Section Title
10. Main Slider
11. Links Bar
12. Feature Bar
13. About Section / Two / Three / Four
14. Services Section / Two / Three / Four
15. Features Section
16. Fun Fact Section / Two
17. Funfacts And Clients
18. Clients Section
19. Video Section
20. Project Section / Two
21. Project Page Section
22. Project Details
23. Service Details
24. Call To Action / Two
25. Why Choose Us / Two / Three
26. Testimonials and Clients
27. Testimonials Section / Two / Three
28. FAQ's Section
29. FAQ's Form Section
30. Fluid Section One
31. Team Section
32. Pricing Section
33. News Section / Two / Three
34. Blog Classic
35. Blog Grid
36. Blog Detail
37. Styled Pagination
38. Contact Info Section
39. Contact Page Section
40. Contact Map Section
41. Newsletter Section
42. Main Footer
43. Sidebar Page Container
44. Comments Area
45. Comments Form
46. Shop Page
47. Product Detail
48. Related Products
49. Cart Section style
50. CheckOut Sectioon
51. Login Section

**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/

/*
font-family: 'Lato', sans-serif;
font-family: 'Fahkwang', sans-serif;
*/

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
  line-height: inherit;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
  font-size: 14px;
  color: #787878;
  line-height: 1.6em;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: "Lato", sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #e2201a;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: "Fahkwang", sans-serif;
}

textarea {
  overflow: hidden;
}

button {
  outline: none !important;
  cursor: pointer;
}

p,
.text {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  /* 	color: #848484; */
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  z-index: 9;
  overflow: hidden;
}

.auto-container {
  position: static;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

figure {
  margin-bottom: 0;
}

.theme-btn {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.theme-btn i {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin-left: 3px;
}

.centered {
  text-align: center !important;
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 60px !important;
  font-size: 17px !important;
  color: #ffffff !important;
  padding: 0 8px 0 32px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  letter-spacing: 0.02em !important;
  background-color: #e2201a !important;
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(226, 32, 26, 0.3) !important;
  margin: 0 10px 10px;
  text-decoration: none !important;
  box-sizing: border-box !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.btn-style-one:after {
  content: "\f061" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: #81120e !important;
  color: #ffffff !important;
  margin-left: 15px !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.btn-style-one:hover {
  background-color: #b71b15 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(226, 32, 26, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.btn-style-one:hover:after {
  background-color: rgba(0, 0, 0, 0.3) !important;
  transform: translateX(4px) !important;
}

/*Btn Style Two*/

.btn-style-two {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  color: #373643;
  padding: 10px 30px;
  font-weight: 600;
  overflow: hidden;
  background-color: #ffffff;
  letter-spacing: 0.02em;
}

.btn-style-two:hover {
  background-color: #373643;
  color: #ffffff;
}

/*=== Social Icon One ===*/
.social-icon-one {
  position: relative;
}

.social-icon-one li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.social-icon-one li a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  color: #e2201a;
}

/*=== List Style One ===*/

.list-style-one {
  position: relative;
}

.list-style-one li {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #373643;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 12px;
}

.list-style-one li:before {
  content: "\f186";
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  font-size: 18px;
  line-height: 26px;
  padding: 0px;
  color: #e2201a;
  font-weight: 600;
  font-family: "Flaticon";
}

.list-style-one li a:hover {
  color: #44bce2;
}

.theme_color {
  color: #e2201a;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/preloader.svg);
}

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

.dropdown-toggle::after {
  display: none;
}

.fa {
  line-height: inherit;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 30px;
  height: 60px;
  width: 60px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/*** 
====================================================================
	Banner Section
====================================================================
***/

.banner-section {
  position: relative;
}

.three-item-carousel,
.banner-slider {
  position: relative;
  height: 100% !important;
  z-index: 9;
}

.banner-section .swiper-slide {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner-section .swiper-slide:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0.5;
  content: "";
}

.banner-section .content-outer {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;
}

.banner-section .content-box {
  position: relative;
  padding: 135px 0 150px;
  min-height: 800px;
  max-width: 1000px;
  margin: 0 125px 0 125px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.banner-section .content-box .inner {
  position: relative;
  opacity: 0;
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  max-width: 820px;
}

.banner-section .swiper-slide-active .content-box .inner {
  opacity: 1;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.banner-section .content-box h1 {
  position: relative;
  display: block;
  font-size: 50px;
  color: #ffffff;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-family: "Fahkwang", sans-serif;
}

.banner-section .swiper-slide-active .content-box h1 {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  transition-delay: 800ms;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  max-width: 80%;
}

.banner-section .text {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.7em;
  color: #ffffff;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  margin-bottom: 20px;
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  /* -webkit-transform: translateX(-50px); */
  -ms-transform: translateX(-50px);
  /* transform: translateX(-50px); */
  max-width: 100%;
}

.banner-section .swiper-slide-active .text {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  /* transform: translateX(0px); */
}

.banner-section .link-box {
  padding-top: 20px;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transition-delay: 2000ms;
  -o-transition-delay: 2000ms;
  transition-delay: 2000ms;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  margin: 0 -10px;
}

.banner-section .swiper-slide-active .link-box {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.banner-section .link-box a {
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  margin: 0 10px 10px;
}

.banner-section .link-box a i {
  margin-left: 12px;
}

.banner-section .banner-slider-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.banner-section .banner-slider-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 60px;
  text-align: center;
  background: #ffffff;
  cursor: pointer;
  z-index: 9;
  margin-right: 0px;
  font-size: 15px;
  transition: 0.5s;
  border: 2px solid #fff;
  color: #333;
  border-radius: 25px 0 0 25px;
}

.banner-section .banner-slider-button-next:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}

.banner-section .banner-slider-button-next>span,
.banner-section .banner-slider-button-prev>span {
  font-weight: 700;
}

.banner-section .banner-slider-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 60px;
  text-align: center;
  background: #ffffff;
  cursor: pointer;
  z-index: 9;
  margin-left: 0px;
  font-size: 15px;
  transition: 0.5s;
  border: 2px solid #fff;
  color: #333;
  border-radius: 0 25px 25px 0;
}

.banner-section .banner-slider-button-prev:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}

.banner-shape {
  position: absolute;
  left: 0;
  bottom: -2px;
  right: 0;
  z-index: 11;
}

.banner-shape img {
  width: 100%;
}

.banner-shape-2 {
  height: 60px;
  position: absolute;
  background: #fff;
  left: -50px;
  right: -50px;
  bottom: -27px;
  z-index: 11;
  transform: rotate(-1.5deg);
}

.banner-section.style-two .content-box {
  min-height: 900px;
  padding-bottom: 240px;
}

.banner-section .link-box a,
a.btn-pill-arrow,
.btn-pill-arrow .elementor-button,
.btn-pill-arrow>a {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 60px !important;
  font-size: 17px !important;
  color: #ffffff !important;
  padding: 0 8px 0 32px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  letter-spacing: 0.02em !important;
  background-color: #e2201a !important;
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(226, 32, 26, 0.3) !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

/* Hide empty / duplicate arrow placeholders to avoid duplicates */
.banner-section .link-box a span,
.banner-section .link-box a i,
.btn-pill-arrow .elementor-align-icon,
.btn-pill-arrow .elementor-button-icon {
  display: none !important;
}

/* Create the circular icon container and arrow via pseudo-element */
.banner-section .link-box a:after,
a.btn-pill-arrow:after,
.btn-pill-arrow .elementor-button:after,
.btn-pill-arrow>a:after {
  content: "\f061" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: #81120e !important;
  color: #ffffff !important;
  margin-left: 15px !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.banner-section .link-box a:hover,
a.btn-pill-arrow:hover,
.btn-pill-arrow .elementor-button:hover,
.btn-pill-arrow>a:hover {
  background-color: #b71b15 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(226, 32, 26, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.banner-section .link-box a:hover:after,
a.btn-pill-arrow:hover:after,
.btn-pill-arrow .elementor-button:hover:after,
.btn-pill-arrow>a:hover:after {
  background-color: rgba(0, 0, 0, 0.3) !important;
  transform: translateX(4px) !important;
}

/* ── btn-pill-arrow responsive ────────────────────────────────────── */
@media (max-width: 1024px) {

  .banner-section .link-box a,
  a.btn-pill-arrow,
  .btn-pill-arrow .elementor-button,
  .btn-pill-arrow>a {
    height: 54px !important;
    font-size: 15px !important;
    padding: 0 6px 0 26px !important;
  }

  .banner-section .link-box a:after,
  a.btn-pill-arrow:after,
  .btn-pill-arrow .elementor-button:after,
  .btn-pill-arrow>a:after {
    width: 40px !important;
    height: 40px !important;
    font-size: 14px !important;
    margin-left: 12px !important;
  }
}

@media (max-width: 768px) {

  .banner-section .link-box a,
  a.btn-pill-arrow,
  .btn-pill-arrow .elementor-button,
  .btn-pill-arrow>a {
    height: 48px !important;
    font-size: 14px !important;
    padding: 0 5px 0 22px !important;
  }

  .banner-section .link-box a:after,
  a.btn-pill-arrow:after,
  .btn-pill-arrow .elementor-button:after,
  .btn-pill-arrow>a:after {
    width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
    margin-left: 10px !important;
  }
}

@media (max-width: 480px) {

  .banner-section .link-box a,
  a.btn-pill-arrow,
  .btn-pill-arrow .elementor-button,
  .btn-pill-arrow>a {
    height: 44px !important;
    font-size: 13px !important;
    padding: 0 4px 0 18px !important;
  }

  .banner-section .link-box a:after,
  a.btn-pill-arrow:after,
  .btn-pill-arrow .elementor-button:after,
  .btn-pill-arrow>a:after {
    width: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
    margin-left: 8px !important;
  }
}

/* ── Secondary button — btn-pill-arrow-secondary ──────────────────── */
a.btn-pill-arrow-secondary,
.btn-pill-arrow-secondary .elementor-button,
.btn-pill-arrow-secondary>a {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 60px !important;
  font-size: 17px !important;
  color: #fff !important;
  padding: 0 8px 0 32px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  letter-spacing: 0.02em !important;
  background-color: transparent !important;
  border: 2px solid #fff !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

.btn-pill-arrow-secondary .elementor-align-icon,
.btn-pill-arrow-secondary .elementor-button-icon {
  display: none !important;
}

a.btn-pill-arrow-secondary:after,
.btn-pill-arrow-secondary .elementor-button:after,
.btn-pill-arrow-secondary>a:after {
  content: "\f061" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  color: #1e1d27 !important;
  margin-left: 15px !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
}

a.btn-pill-arrow-secondary:hover,
.btn-pill-arrow-secondary .elementor-button:hover,
.btn-pill-arrow-secondary>a:hover {
  background-color: #1e1d27 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
  border-color: #1e1d27 !important;
}

a.btn-pill-arrow-secondary:hover:after,
.btn-pill-arrow-secondary .elementor-button:hover:after,
.btn-pill-arrow-secondary>a:hover:after {
  background-color: #e2201a !important;
  transform: translateX(4px) !important;
}

/* Secondary responsive */
@media (max-width: 1024px) {

  a.btn-pill-arrow-secondary,
  .btn-pill-arrow-secondary .elementor-button,
  .btn-pill-arrow-secondary>a {
    height: 54px !important;
    font-size: 15px !important;
    padding: 0 6px 0 26px !important;
  }

  a.btn-pill-arrow-secondary:after,
  .btn-pill-arrow-secondary .elementor-button:after,
  .btn-pill-arrow-secondary>a:after {
    width: 40px !important;
    height: 40px !important;
    font-size: 14px !important;
    margin-left: 12px !important;
  }
}

@media (max-width: 768px) {

  a.btn-pill-arrow-secondary,
  .btn-pill-arrow-secondary .elementor-button,
  .btn-pill-arrow-secondary>a {
    height: 48px !important;
    font-size: 14px !important;
    padding: 0 5px 0 22px !important;
  }

  a.btn-pill-arrow-secondary:after,
  .btn-pill-arrow-secondary .elementor-button:after,
  .btn-pill-arrow-secondary>a:after {
    width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
    margin-left: 10px !important;
  }
}

@media (max-width: 480px) {

  a.btn-pill-arrow-secondary,
  .btn-pill-arrow-secondary .elementor-button,
  .btn-pill-arrow-secondary>a {
    height: 44px !important;
    font-size: 13px !important;
    padding: 0 4px 0 18px !important;
  }

  a.btn-pill-arrow-secondary:after,
  .btn-pill-arrow-secondary .elementor-button:after,
  .btn-pill-arrow-secondary>a:after {
    width: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
    margin-left: 8px !important;
  }
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
  position: relative;
  display: block;
  width: 100%;
  z-index: 99999;
}

.main-header .header-top {
  position: relative;
  background-color: #373643;
}

/* Top Left*/

.main-header .header-top .top-left {
  position: relative;
  float: left;
}

.main-header .header-top .social-links {
  position: relative;
  float: left;
  padding: 15px 0;
}

.main-header .header-top .social-links li {
  position: relative;
  float: left;
  margin-right: 25px;
}

.main-header .header-top .social-links li a {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .header-top .social-links li a:hover {
  color: #e2201a;
}

.main-header .header-top .top-right {
  position: relative;
  float: right;
}

.main-header .header-top .search-box-outer {
  position: relative;
  float: left;
  padding: 10px 0;
}

.main-header .header-top .search-box-btn {
  line-height: 27px;
  color: #8c8f9a;
  font-size: 18px;
}

.main-header .header-top .search-box-outer .dropdown-menu {
  top: 48px !important;
}

.main-header .header-top .cart-btn {
  position: relative;
  float: left;
  margin-left: 30px;
  padding: 10px 0;
}

.main-header .header-top .cart-btn a {
  position: relative;
  font-size: 17px;
  color: #8c8f9a;
  line-height: 28px;
  font-weight: 600;
  padding-left: 30px;
  border-left: 1px dashed #474b5d;
}

.main-header .header-top .info-list {
  position: relative;
  float: right;
  padding: 10px 0;
}

.main-header .header-top .info-list li {
  position: relative;
  float: left;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px dashed #474b5d;
  font-size: 15px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}

.main-header .header-top .info-list li a {
  display: inline-block;
  font-size: 15px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .header-top .info-list li a:hover {
  color: #e2201a;
}

.main-header .header-top .info-list li i {
  margin-right: 7px;
  color: #e2201a;
  font-size: 18px;
  float: left;
  line-height: 30px;
}

/*=== Header Upper ===*/

.main-header .header-upper {
  position: relative;
}

.main-header .header-upper .logo-outer {
  position: relative;
  float: left;
}

.main-header .header-upper .logo {
  position: relative;
  padding: 25px 0;
}

.main-header .header-upper .logo img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  width: 200px;
}

.main-header .info-outer {
  position: relative;
  float: right;
  padding-top: 25px;
}

.main-header .info-outer .info-box {
  position: relative;
  float: left;
  margin-left: 85px;
  padding-left: 55px;
  margin-bottom: 30px;
}

.main-header .info-outer .info-box .icon {
  position: absolute;
  top: 15px;
  left: 0;
  font-size: 40px;
  color: #cccccc;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header .info-outer .info-box:hover .icon {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  left: 50%;
  opacity: 0.1;
}

.main-header .info-outer .info-box:first-child {
  margin-left: 0;
}

.main-header .info-outer .info-box:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 0;
  height: 56px;
  border-left: 2px dashed #cccccc;
}

.main-header .info-outer .info-box:first-child:before {
  display: none;
}

.main-header .info-outer .info-box strong {
  font-size: 17px;
  line-height: 30px;
  color: #373643;
  font-kerning: 700;
}

.main-header .info-outer .info-box .info {
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #777777;
}

.main-header .info-outer .info-box a {
  color: #777777;
}

.main-header .info-outer .info-box a:hover {
  text-decoration: underline;
  color: #e2201a;
}

/*=== Header Lower ===*/

.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #e2201a;
  margin: 7px 0px 2px;
  display: none;
}

.main-header .header-lower {
  position: relative;
}

.main-header .header-lower .nav-outer {
  position: relative;
  background: #373643;
  padding-left: 40px;
}

.main-menu {
  position: relative;
  float: left;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
}

.main-menu .navigation>li {
  position: relative;
  float: left;
  padding: 18px 0px;
  margin-right: 25px;
  padding-right: 25px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation>li:before {
  position: absolute;
  right: 0;
  top: 30px;
  height: 20px;
  width: 1px;
  background-color: #505362;
  content: "";
}

.main-menu .navigation>li:last-child:before {
  display: none;
}

.main-menu .navigation>li>a {
  position: relative;
  display: block;
  text-align: center;
  font-size: 17px;
  line-height: 30px;
  font-weight: 600;
  opacity: 1;
  color: #ffffff;
  padding: 0px;
  text-transform: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
  color: #e2201a;
}

.main-menu .navigation>li.dropdown>a {
  padding-right: 15px;
}

.main-menu .navigation>li.dropdown>a:after {
  font-family: "Flaticon";
  content: "\f11e";
  position: absolute;
  right: 0;
  top: 3px;
  display: block;
  line-height: 24px;
  font-size: 8px;
  font-weight: 900;
  z-index: 5;
}

.main-menu .navigation>li>ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 240px;
  z-index: 100;
  display: none;
  padding: 0px 0px;
  background-color: #262626;
  opacity: 0;
  border-top: 3px solid #e2201a;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation>li>ul>li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu .navigation>li>ul>li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
  position: relative;
  display: block;
  padding: 11px 25px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
  color: #ffffff;
  background-color: #e2201a;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 11px;
  display: block;
  line-height: 24px;
  font-size: 16px;
  font-weight: 900;
  z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 240px;
  z-index: 100;
  display: none;
  background-color: #262626;
  opacity: 0;
  border-top: 3px solid #e2201a;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow:
    2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
  position: relative;
  display: block;
  padding: 11px 25px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
  color: #ffffff;
  background-color: #e2201a;
}

.main-menu .navigation>li.dropdown:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 0px;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .outer-box {
  position: relative;
  float: right;
}

.main-header .outer-box .btn-box {
  position: relative;
  float: right;
  margin-left: 30px;
}

.main-header .outer-box .btn-box .theme-btn {
  padding: 24px 40px;
  text-transform: capitalize;
  float: right;
}

.main-header .outer-box .btn-box .theme-btn i {
  margin-left: 10px;
}

/*=== Cart Btn ===*/
.main-header .outer-box .cart-btn {
  position: relative;
  padding: 25px 0 22px;
  float: left;
  margin-left: 30px;
}

.main-header .outer-box .cart-btn a {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
}

/*search box btn*/

.main-header .search-box-outer {
  position: relative;
  float: left;
  padding: 25px 0px 22px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.rtl .main-header .search-box-outer {
    float: left !important;
}

.main-header .search-box-btn {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 30px;
  cursor: pointer;
  background: none;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .search-box-btn:hover {
  color: #e2201a;
}

.dropdown-toggle::after {
  display: none;
}

.main-header .search-box-outer .dropdown-menu {
  top: 52px !important;
  left: auto !important;
  right: 0;
  padding: 0px;
  width: 280px;
  border-radius: 0px;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  border-top: 3px solid #e2201a;
}

.main-header .search-panel .form-container {
  padding: 25px 20px;
}

.main-header .search-panel .form-group {
  position: relative;
  margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 7px 40px 7px 15px;
  height: 40px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
  border-color: #25262c;
}

.main-header .search-panel .search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #555555;
  font-size: 12px;
  background: none;
  cursor: pointer;
}

/*** 

====================================================================
			Header Style Two
====================================================================

***/

.header-style-two .header-upper .logo {
  padding: 15px 0;
}

.header-style-two .nav-outer {
  position: relative;
  float: right;
}

.header-style-two .main-menu .navigation>li>ul,
.header-style-three .main-menu .navigation>li>ul {
  border-top-width: 0;
}

.sticky-header .main-menu .navigation>li>ul,
.sticky-header .main-menu .navigation>li>ul {
  border-top-width: 3px;
}

.header-style-two .main-menu .navigation>li {
  margin-right: 0;
  padding: 35px 15px;
}

.header-style-two .main-menu .navigation>li:before {
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 0;
  height: 5px;
  width: 0%;
  background-color: #e2201a;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  content: "";
}

.header-style-two .main-menu .navigation>li:last-child:before {
  display: block;
}

.header-style-two .main-menu .navigation>li:hover:before,
.header-style-two .main-menu .navigation>li.current:before {
  width: 100%;
  left: 0;
}

.header-style-two .main-menu .navigation>li>a {
  font-size: 17px;
  color: #373643;
}

.header-style-two .main-menu .navigation>li:hover>a,
.header-style-two .main-menu .navigation>li.current>a {
  color: #e2201a;
}

.header-style-two .outer-box .btn-box {
  position: relative;
  padding: 30px 0;
}

.header-style-two .outer-box .btn-box .theme-btn {
  padding: 15px 30px;
}

.header-style-two .outer-box .btn-box .theme-btn i {
  margin-left: 10px;
  line-height: 28px;
}

/*** 

====================================================================
			Header Style Three
====================================================================

***/

.header-style-three {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(25, 30, 52, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 500ms ease;
}

.header-style-three .header-upper .logo {
  padding: 30px 0;
  transition: all 300ms ease;
}

.header-style-three .nav-outer {
  position: relative;
  float: right;
}

.header-style-three .main-menu .navigation>li {
  padding: 45px 0px;
  margin-right: 30px;
}

.header-style-three .main-menu .navigation>li:before {
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 0;
  height: 5px;
  width: 0%;
  background-color: #e2201a;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  content: "";
}

.header-style-three .main-menu .navigation>li:hover:before,
.header-style-three .main-menu .navigation>li.current:before {
  width: 100%;
  left: 0;
}

.header-style-three .main-menu .navigation>li>a {
  font-size: 17px;
}

.header-style-three .main-menu .navigation>li:hover>a,
.header-style-three .main-menu .navigation>li.current>a {
  color: #e2201a;
}

.header-style-three .outer-box .btn-box {
  padding: 30px 0;
  transition: all 300ms ease;
}

.header-style-three .outer-box .btn-box .theme-btn {
  padding: 14px 30px;
}

.fixed-header.header-style-three .header-top {
  transition: all 500ms ease;
  overflow: hidden;
}

.header-style-three.fixed-header {
  background-color: rgba(25, 30, 52, 1);
}

.header-style-three.fixed-header .outer-box .btn-box,
.header-style-three.fixed-header .header-upper .logo {
  padding: 10px 0;
}

.header-style-three.fixed-header .main-menu .navigation>li {
  padding: 25px 0;
}

.header-style-three.fixed-header .header-top {
  height: 0;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  z-index: -1;
  background: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: top 300ms ease;
  -moz-transition: top 300ms ease;
  -ms-transition: top 300ms ease;
  -o-transition: top 300ms ease;
  transition: top 300ms ease;
}

.fixed-header .sticky-header {
  opacity: 1;
  z-index: 99999;
  visibility: visible;
}

.fixed-header .sticky-header .logo {
  padding: 10px 0;
}

.sticky-header .main-menu .navigation>li {
  margin-left: 32px !important;
  padding: 0;
  margin-right: 0;
  background-color: transparent;
}

.sticky-header .main-menu .navigation>li.dropdown>a:after,
.sticky-header .main-menu .navigation>li:before {
  display: none;
}

.sticky-header .main-menu .navigation>li>a {
  padding: 20px 0px !important;
  line-height: 30px;
  font-size: 17px;
  font-weight: 600;
  color: #373643;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
  opacity: 1;
  color: #e2201a;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.mobile-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 280px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transition-delay: 1400ms;
  -ms-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -ms-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
}

.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  transform: translateX(101%);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  transition-delay: 700ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
}

.mobile-menu .menu-box {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  -webkit-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  transition-delay: 700ms;
}

.mobile-menu .close-btn {
  position: fixed;
  left: 0;
  left: 295px;
  top: 10px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 1400ms;
  -ms-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li>ul>li:last-child {
  border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li>a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 15px;
  color: #404040;
  text-transform: capitalize;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  color: #404040;
  cursor: pointer;
  z-index: 5;
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
  display: none;
}

/*** 

====================================================================
			Page Title
====================================================================

***/

.page-title {
  position: relative;
  padding: 190px 0 175px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-title:before {
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #373643;
  opacity: 0.7;
  position: absolute;
}

.page-title .inner-container {
  position: relative;
}

.page-title .title-box {
  position: relative;
  /* float: left; */
}

.page-title h1 {
  position: relative;
  display: block;
  font-size: 50px;
  color: #ffffff;
  line-height: 60px;
  font-weight: 600;
  margin-bottom: 20px;
}

.page-title .title {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
}

.page-title .bread-crumb {
  position: relative;
  float: left;
  padding-top: 20px;
}

.page-title .bread-crumb li {
  position: relative;
  float: left;
  font-size: 17px;
  line-height: 30px;
  color: #e2201a;
  font-weight: 500;
  text-transform: capitalize;
  cursor: default;
  padding-right: 13px;
  margin-right: 13px;
}

.page-title .bread-crumb li:before {
  position: absolute;
  top: -1px;
  right: -5px;
  font-size: 8px;
  line-height: 30px;
  color: #ffffff;
  content: "\f13f";
  font-weight: 700;
  font-family: "Flaticon";
}

.page-title .bread-crumb li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.page-title .bread-crumb li:last-child:before {
  display: none;
}

.page-title .bread-crumb li a {
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
  color: #e2201a;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title {
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
}

.sec-title .title {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #e2201a;
  font-weight: 500;
  margin-bottom: 15px;
}

.sec-title h2 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 1.28em;
  color: #373643;
  font-weight: 600;
  padding-bottom: 18px;
}

.sec-title h2:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 50px;
  height: 3px;
  background-color: #d1d2d6;
}

.sec-title .text {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-top: 35px;
}

.sec-title.light h2 {
  color: #ffffff;
}

.sec-title.text-center h2:before {
  left: 50%;
  margin-left: -25px;
}

/*** 

====================================================================
	Main Slider
====================================================================

***/

.main-slider {
  position: relative;
  top: -40px;
  margin-bottom: -40px;
}

.main-slider h2 {
  position: relative;
  display: block;
  font-size: 70px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.1em;
}

.main-slider .text {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}

.main-slider .link-box {
  position: relative;
}

.main-slider .link-box a {
  position: relative;
  padding: 15px 35px;
  letter-spacing: 1px;
}

.main-slider.style-two {
  top: 0;
  margin-bottom: 0px;
}

.main-slider.style-two h2 {
  font-weight: 600;
}

.main-slider .tp-bullets {
  opacity: 1 !important;
  display: block !important;
  text-align: center;
  width: auto !important;
}

.main-slider .hermes .tp-bullet {
  position: relative !important;
  display: inline-block !important;
  left: 0 !important;
  margin: 0px 3px;
}

/*** 

====================================================================
		Links Bar
====================================================================

***/

.rtl .links-bar {
  counter-reset: count 6;
}
.rtl .links-bar .services-links li a:before {
  counter-increment: count -1;
  margin-right: 0;
  margin-left: 7px;
}

.links-bar {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  counter-reset: count;
}

.links-bar .services-links {
  position: relative;
  display: block;
}

.links-bar .services-links li {
  position: relative;
  float: left;
  width: 20%;
  font-size: 16px;
  line-height: 30px;
  color: #848484;
  font-weight: 600;
  text-align: center;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: -1px;
}

.links-bar .services-links li:last-child {
  border-right: 1px solid #e5e5e5;
}

.links-bar .services-links li a {
  color: #848484;
  display: block;
  padding: 32px 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.links-bar .services-links li a:before {
  position: relative;
  display: inline-block;
  counter-increment: count;
  content: "0" counter(count);
  margin-right: 7px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.links-bar .services-links li a:hover:before {
  color: #e2201a;
}

.links-bar .services-links li a:hover {
  color: #373643;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

@media (max-width: 479px) {
  .rtl .links-bar .services-links {
    display: flex;
    flex-direction: column-reverse;
  }

  .rtl .links-bar .services-links li {
    float: none;
    width: 100%;
  }
}

/*** 

====================================================================
		Feature Bar
====================================================================

***/

.features-bar {
  position: relative;
  z-index: 4;
}

.features-bar .auto-container {
  position: relative;
}

.features-bar .outer-box {
  position: relative;
  margin-bottom: -90px;
  margin-top: -90px;
  background-color: #ffffff;
  padding: 65px 0 15px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.features-bar .feature-box {
  margin-bottom: 50px;
  position: relative;
}

.features-bar .feature-box .inner {
  position: relative;
  padding-left: 130px;
  min-height: 50px;
}

.features-bar .feature-box .icon {
  position: absolute;
  left: 70px;
  top: 0;
  text-align: center;
  font-size: 48px;
  line-height: 50px;
  color: #e2201a;
  font-weight: 400;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.features-bar .feature-box .inner:hover .icon-box span {
  background-color: #e2201a;
  border-color: #e2201a;
  color: #ffffff;
}

.features-bar .feature-box h3 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #373643;
  font-weight: 600;
  padding: 10px 0;
}

.features-bar .feature-box h3 a {
  display: inline-block;
  color: #373643;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.features-bar .feature-box h3 a:hover {
  color: #e2201a;
}

/*** 

====================================================================
		About Section
====================================================================

***/

.about-section {
  position: relative;
  padding: 30px 0 70px;
}

.about-section .sec-title {
  margin-bottom: 45px;
}

.about-section .content-column {
  position: relative;
  margin-bottom: 50px;
}

.about-section .content-column .inner-column {
  position: relative;
  padding-left: 30px;
}

.about-section .text {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}

.about-section .list-style-one {
  margin-bottom: 45px;
}

.about-section .btn-box {
  display: none;
  /* position: relative; */
}

.about-section .btn-box a {
  padding: 15px 50px;
}

.about-section .image-column {
  position: relative;
}

.about-section .image-column .text-layer {
  /* position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #ffffff;
    margin-top: -175px;
    font-weight: 500; */
  display: none;
}

.about-section .image-column .inner-column {
  position: relative;
  padding-left: 80px;
  padding-bottom: 80px;
}

.about-section .image-column .inner-column:before {
  position: absolute;
  left: -75px;
  top: 65px;
  height: 520px;
  width: 520px;
  background-image: url(../images/icons/circle-1.png);
  content: "";
}

.about-section .image-column .image-1 {
  position: relative;
  z-index: 2;
}

.about-section .image-column .image-2 {
  position: absolute;
  left: -50px;
  bottom: -30px;
  z-index: 3;
}

.about-section .image-column .image-2 img {
  width: 280px;
  height: auto;
}

.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img {
  box-shadow: 0 30px 50px rgba(8, 13, 62, 0.15);
  border-radius: 24px;
}

.about-section .image-column .video-link {
  position: absolute;
  left: 30px;
  top: 215px;
  z-index: 4;
}

.about-section .image-column .video-link .link {
  position: relative;
  display: block;
  font-size: 22px;
  color: #e2201a;
  font-weight: 400;
  text-align: center;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 30px 50px rgba(8, 13, 62, 0.15);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.about-section .image-column .video-link .link:hover {
  background-color: #e2201a;
  color: #ffffff;
}

/*=== About Section Style Two ===*/
.about-section.style-two:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 33.5%;
  background-color: #f2f3f5;
  content: "";
}

.about-section.style-two:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 535px;
  width: 535px;
  background-image: url(../images/icons/circle-4.png);
  z-index: -1;
  content: "";
}

.about-section.style-two .image-column .inner-column {
  padding-bottom: 215px;
  padding-left: 30px;
  padding-right: 70px;
}

.about-section.style-two .image-column .inner-column:before {
  display: none;
}

.about-section.style-two .image-column .image-2 {
  left: auto;
  right: 0;
}

.about-section.style-two .image-column .video-link {
  /* top: auto;
	bottom: 55px;
	left: 180px; */
  /* display: none; */
}

.about-section.style-two .content-column .inner-column {
  padding-left: 0;
  padding-right: 30px;
}

.about-section.style-two.alternate {
  padding-top: 0;
  padding-bottom: 70px;
}

.about-section.style-two.alternate:before {
  display: none;
}

.about-section.style-two.alternate .image-column .inner-column {
  padding: 0;
  padding-left: 30px;
}

.about-section.style-two.alternate .image-column .text-layer {
  color: #f2f3f5;
  margin-top: 0;
  right: -140px;
}

/*=== About Section Style Three ===*/

.about-section.style-three {
  padding-top: 220px;
}

.about-section.style-three:before {
  /* position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 70%;
    background-color: #f2f3f5;
    content: ""; */
  display: none;
}

.about-section.style-three:after {
  /* position: absolute;
    left: 0;
    top: 0;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-7.png);
    content: "";
    z-index: 0; */
  display: none;
}

.about-section.style-three .row {
  position: relative;
  z-index: 1;
}

.about-section.style-three .content-column .inner-column {
  padding-left: 0;
  padding-right: 40px;
}

.about-section.style-three .image-column {
  margin-bottom: 50px;
}

.about-section.style-three .image-column .inner-column {
  padding-left: 30px;
  padding-right: 0;
  padding-bottom: 0;
}

.about-section.style-three .image-column .text-layer {
  font-size: 326px;
  color: #f2f3f5;
  font-weight: 500;
  top: 380px;
  right: -140px;
}

.about-section.style-three .image-column .inner-column:before {
  display: none;
}

/*=== About Section Style Four ===*/

.about-section.style-four:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f2f3f5;
  content: "";
}

.about-section.style-four:after {
  position: absolute;
  right: 0;
  top: 0;
  height: 535px;
  width: 535px;
  background-image: url(../images/icons/circle-8.png);
  content: "";
  z-index: 0;
}

.about-section.style-four .row {
  position: relative;
  z-index: 1;
}

.about-section.style-four .image-column {
  position: relative;
  margin-bottom: 50px;
}

.about-section.style-four .image-column .inner-column {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.about-section.style-four .image-column .text-layer {
  font-size: 326px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 500;
  top: 280px;
  right: 0px;
}

.about-section.style-four .image-column .inner-column:before {
  display: none;
}

.skill-block {
  position: relative;
  margin-bottom: 30px;
}

.skill-block .inner-box {
  position: relative;
  text-align: center;
  min-height: 130px;
}

.skill-block .graph-outer {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.skill-block .graph-outer .count-box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  font-size: 34px;
  color: #e2201a;
  font-weight: 500;
  line-height: 40px;
  margin-top: -20px;
}

.skill-block h3 {
  position: relative;
  font-size: 20px;
  line-height: 24px;
  color: #373643;
  font-weight: 400;
  padding: 0 15px;
}

/*** 

====================================================================
		Services Section
====================================================================

***/

.services-section {
  position: relative;
  padding: 0 0 120px;
  background-color: #f2f3f5;
}

.services-section.alternate {
  padding-top: 120px;
}

.services-section.alternate:before {
  height: 560px;
}

.services-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 440px;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.services-section:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background-image: url(../images/icons/dotted-map.png);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  z-index: 0;
}

.service-block {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.service-block .inner-box {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.service-block .image-box {
  position: relative;
  overflow: hidden;
}

.service-block .image-box .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.service-block .image-box .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.service-block .inner-box:hover .image-box .image img {
  opacity: 0.85;
}

.service-block .lower-content {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #ffffff;
  padding: 30px 25px;
  /* Reduced padding */
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}

.service-block .lower-content .icon {
  position: relative;
  display: block;
  font-size: 42px;
  line-height: 1em;
  color: #373643;
  margin-bottom: 12px;
  flex-shrink: 0;
}

.service-block .lower-content h3 {
  position: relative;
  display: block;
  font-size: 20px;
  color: #373643;
  font-weight: 600;
  padding-bottom: 8px;
  margin-bottom: 15px;
  line-height: 1.3;
  flex-shrink: 0;
}

.service-block .lower-content h3 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 22px !important;
}

.service-block .lower-content h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
}

.service-block .lower-content:hover h3:after {
  background-color: #e2201a;
}

.service-block .lower-content h3 a:hover {
  color: #e2201a;
}

.service-block .lower-content .text {
  position: relative;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #6B7280;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.service-block .lower-content .link-box {
  position: relative;
  margin-top: auto;
  flex-shrink: 0;
}

.service-block .lower-content .link-box a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #373643;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .lower-content .link-box a:hover {
  color: #e2201a;
  text-decoration: underline;
}

.service-cards-grid {
  align-items: stretch !important;
}

/* Each widget wrapper stretches */
.service-cards-grid .elementor-widget-kingstrox_our_service,
.service-cards-grid .elementor-widget-container,
.service-cards-grid section,
.service-cards-grid .auto-container,
.service-cards-grid .row,
.service-cards-grid .service-block,
.service-cards-grid .inner-box {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Image stays fixed height */
.service-cards-grid .image-box {
  flex-shrink: 0 !important;
}

.service-cards-grid .image-box .image,
.service-cards-grid .image-box img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  margin: 0 !important;
  display: block !important;
}

/* Lower content fills remaining space */
.service-cards-grid .lower-content {
  flex: 1 !important;
}

.services-section .btn-box {
  position: relative;
  display: block;
  z-index: 9;
}

.services-section .btn-box a {
  padding: 15px 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.services-section.style-two {
  position: relative;
  padding: 120px 0 90px;
}

.services-section.style-two .service-block {
  margin-bottom: 30px;
}

.services-section.style-two:before {
  display: none;
}

/*** 

====================================================================
		Services Section Two
====================================================================

***/

.services-section-two {
  position: relative;
  padding: 115px 0 120px;
}

.services-section-two:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 592px;
  width: 596px;
  background-image: url(../images/icons/circle-6.png);
  z-index: -1;
  content: "";
}

.services-section-two .sec-title {
  margin-bottom: 50px;
}

.service-block-two {
  position: relative;
}

.service-block-two .inner-box {
  position: relative;
}

.service-block-two .image-box {
  position: relative;
}

.service-block-two .image {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .image img {
  display: block;
  width: 100%;
  height: 300px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.service-block-two .inner-box:hover .image {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.service-block-two .lower-content {
  position: relative;
  padding: 25px 0 0;
}

.service-block-two .lower-content h3 {
  position: relative;
  display: block;
  font-size: 24px;
  color: #373643;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.service-block-two .lower-content h3 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .lower-content h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
}

.service-block-two .lower-content h3 a:hover {
  color: #e2201a;
}

.service-block-two .lower-content .text {
  position: relative;
  margin-bottom: 15px;
  max-width: 300px;
}

.service-block-two .lower-content .link-box {
  position: relative;
}

.service-block-two .lower-content .link-box a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #373643;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .lower-content .link-box a:hover {
  color: #e2201a;
}

.services-section-two {
  position: relative;
}

.services-section-two .services-carousel {
  position: relative;
}

.services-section-two .owl-nav {
  display: none;
}

.services-section-two .owl-dots {
  position: relative;
  display: block;
  margin-top: 40px;
  width: 100%;
  text-align: center;
}

.services-section-two .owl-dot {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #fdd6bc;
  margin: 0 8px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.services-section-two .owl-dot.active,
.services-section-two .owl-dot:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  background-color: #e2201a;
  border-color: #e2201a;
}

/*** 

====================================================================
		Services Section Three
====================================================================

***/

.services-section-three {
  position: relative;
  padding: 120px 0 90px;
  background-color: #f5f6f7;
}

.services-section-three:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/dotted-map-3.png);
  background-repeat: no-repeat;
  background-position: center right;
  content: "";
}

.services-section-three:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 535px;
  width: 535px;
  background-image: url(../images/icons/circle-4.png);
  content: "";
}

.services-section-three .row {
  position: relative;
  z-index: 3;
}

.services-section-three .text-column {
  position: relative;
  margin-bottom: 50px;
}

.services-section-three .text-column .inner-column {
  position: relative;
  padding-right: 65px;
}

.services-section-three .text-column .sec-title {
  margin-bottom: 35px;
}

.services-section-three .text-column .sec-title .text {
  margin-top: 45px;
}

.services-section-three .text-column .btn-box a {
  padding: 15px 35px;
  line-height: 30px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.service-block-three {
  position: relative;
  margin-bottom: 30px;
}

.service-block-three .inner-box {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 70px 40px 65px;
  background-color: #ffffff;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-three .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-three .inner-box:hover:before {
  opacity: 0.7;
  background-color: #000000;
}

.service-block-three .icon {
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 1em;
  color: #e2201a;
  margin-bottom: 20px;
}

.service-block-three h3 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 23px;
}

.service-block-three h3:before {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
  margin: 0 auto;
  bottom: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-three h3 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-three .inner-box:hover h3 a {
  color: #ffffff;
}

.service-block-three .inner-box:hover h3:before {
  background-color: #ffffff;
  opacity: 0.4;
}

.service-block-three .text {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-three .inner-box:hover .text {
  color: #ffffff;
  opacity: 0.8;
}

.service-block-three .link-box {
  position: relative;
  display: block;
}

.service-block-three .link-box a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #373643;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-three .inner-box:hover .link-box a {
  color: #e2201a;
}

.service-block-three .inner-box .link-box a:hover {
  text-decoration: underline;
}

/*** 

====================================================================
		Services Section Four
====================================================================

***/

.services-section-four {
  position: relative;
  padding: 120px 0 70px;
}

.services-section-four:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 592px;
  width: 596px;
  background-image: url(../images/icons/circle-6.png);
  z-index: -1;
  content: "";
}

.services-section-four .sec-title {
  margin-bottom: 45px;
}

.services-section-four .text-column {
  position: relative;
  margin-bottom: 50px;
}

.services-section-four .text-column .inner-column {
  position: relative;
  padding-right: 70px;
}

.services-section-four .text-column .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 30px;
}

.services-tab {
  position: relative;
}

.services-tab .tab-buttons {
  position: relative;
}

.services-tab .tab-buttons li {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 28px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.services-tab .tab-buttons li:before {
  position: absolute;
  left: 0;
  top: 6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #e2201a;
  content: "";
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.services-tab .tab-buttons li.active-btn:before {
  opacity: 1;
  visibility: visible;
}

.services-tab .tab-buttons li:hover {
  color: #e2201a;
}

.services-tab .tab-buttons li.active-btn {
  padding-left: 20px;
  color: #e2201a;
}

.services-section-four .text-column .btn-box {
  position: relative;
}

.services-section-four .text-column .btn-box a {
  position: relative;
  margin-top: 15px;
  padding: 17px 40px 13px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.services-section-four .service-column {
  position: relative;
}

.services-section-four .service-column .inner-column {
  position: relative;
}

.services-section-four .service-column .image-box {
  position: relative;
  text-align: right;
}

.services-section-four .service-column .image {
  position: relative;
  margin-bottom: 0;
}

.services-section-four .service-column .image img {
  max-width: 100%;
  height: auto;
}

.services-section-four .service-block-four {
  position: absolute;
  left: 70px;
  bottom: 0;
  margin-bottom: 0;
  max-width: 370px;
  transition: all 700ms ease;
}

.services-section-four .active-tab .service-block-four {
  left: 0;
}

.service-block-four {
  position: relative;
}

.service-block-four .inner-box {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 70px 40px 65px;
  background-color: #ffffff;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-four .icon {
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 1em;
  color: #e2201a;
  margin-bottom: 20px;
}

.service-block-four h3 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 23px;
}

.service-block-four h3:before {
  position: absolute;
  left: 0;
  height: 2px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
  bottom: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-four h3:hover:before {
  background-color: #e2201a;
}

.service-block-four h3 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-four h3 a:hover {
  color: #e2201a;
}

.service-block-four .text {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-four .link-box {
  position: relative;
  display: block;
}

.service-block-four .link-box a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #373643;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-four .link-box a:hover {
  color: #e2201a;
  text-decoration: underline;
}

/*** 

====================================================================
		Features Section
====================================================================

***/

.features-section {
  position: relative;
}

.features-section:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 33.5%;
  background-color: #f2f3f5;
  content: "";
  z-index: -1;
}

.features-section .outer-box {
  margin-top: -130px;
  z-index: 2;
}

.feature-block-two {
  position: relative;
  z-index: 2;
}

.feature-block-two .inner-box {
  position: relative;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  margin: 10px;
}

.feature-block-two .upper-box {
  position: relative;
  padding: 35px 40px;
  background-color: #f2f3f5;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .upper-box {
  background-color: #373643;
}

.feature-block-two .icon-box {
  display: block;
}

.feature-block-two .upper-box .icon {
  position: relative;
  display: block;
  font-size: 58px;
  line-height: 60px;
  color: #e2201a;
  height: 60px;
  font-weight: 900;
}

.feature-block-two .lower-content {
  position: relative;
  padding: 40px 40px;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 0 0 50px 50px;
}

.feature-block-two .inner-box:hover .lower-content {
  background-color: #1f2540;
}

.feature-block-two .lower-content h4 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.3em;
  color: #373643;
  font-weight: 500;
  padding-bottom: 15px;
  margin-bottom: 33px;
}

.feature-block-two .lower-content h4 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block-two .lower-content h4:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background-color: #797c8c;
  content: "";
}

.feature-block-two .inner-box:hover .lower-content h4 a {
  color: #ffffff;
}

.feature-block-two .lower-content .text {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 25px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .lower-content .text {
  color: rgba(255, 255, 255, 0.5);
}

.feature-block-two .link-box {
  position: relative;
  display: block;
}

.feature-block-two .link-box a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 1.3em;
  color: #373643;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .link-box a {
  color: #e2201a;
}

.feature-block-two:hover .lower-content h4:before {
  background-color: #e2201a;
}

.feature-block-two .link-box a:hover {
  text-decoration: underline;
}

.features-section.style-two {
  position: relative;
  padding: 120px 0;
}

.features-section.style-two .auto-container {
  max-width: 1395px !important;
}

.features-section.style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 360px;
  width: 100%;
  background-color: #f2f3f5;
  content: "";
}

.features-section.style-two .outer-box {
  margin: 0;
}

.features-section.style-two .upper-box {
  background-color: #ffffff;
  border-radius: 50px 50px 0 0;
}

.features-section.style-two .upper-box:before {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 0;
  margin: 0 auto;
  content: "";
  border-bottom: 2px dashed #e9e9e9;
  transition: all 300ms ease;
}

.features-section.style-two .inner-box:hover .upper-box:before {
  border-bottom: 2px dashed #414556;
}

.features-section.style-two .inner-box:hover .lower-content,
.features-section.style-two .inner-box:hover .upper-box {
  background-color: #373643;
}

/*** 

====================================================================
			Fun Fact Section
====================================================================

***/

.fun-fact-section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 75px 0 30px;
}

.fun-fact-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0.6;
  content: "";
}

.counter-column {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

.counter-column .count-box {
  position: relative;
}

.counter-column .icon-box {
  position: relative;
  display: block;
}

.counter-column .icon-box .icon {
  display: inline-block;
  font-size: 46px;
  line-height: 50px;
  color: #e2201a;
  font-weight: 400;
}

.fun-fact-section .count-box {
  position: relative;
  font-size: 55px;
  color: #ffffff;
  line-height: 60px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}

.fun-fact-section .count-box .count-text {
  position: relative;
  display: block;
  font-size: 55px;
  color: #ffffff;
  line-height: 60px;
  font-weight: 400;
  margin-bottom: 10px;
}

.fun-fact-section .counter-title {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: #ffffff;
  font-family: "Lato", sans-serif;
}

/*** 

====================================================================
			Fun Fact Section Two
====================================================================

***/

.fun-fact-section-two {
  position: relative;
  padding: 120px 0 70px;
}

.fun-fact-section-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/dotted-map-4.png);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}

.fun-fact-section-two .sec-title {
  margin-bottom: 100px;
}

.fun-fact-section-two .counter-column {
  position: relative;
  margin-bottom: 50px;
}

.fun-fact-section-two .counter-column .inner {
  position: relative;
  padding-left: 80px;
  text-align: left;
}

.fun-fact-section-two .counter-column .icon-box {
  position: absolute;
  left: 0;
  top: 0;
}

.fun-fact-section-two .counter-column .icon-box .icon {
  font-size: 52px;
}

.fun-fact-section-two .counter-column .count-box {
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 1em;
  color: #161c42;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  margin-bottom: 5px;
}

.fun-fact-section-two .counter-column .count-box .count-text {
  position: relative;
  font-size: 50px;
  line-height: 1em;
  color: #161c42;
  font-weight: 600;
}

.fun-fact-section-two .counter-column .counter-title {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #161c42;
  font-weight: 500;
  font-family: "Lato", sans-serif;
}

/*** 

====================================================================
			Funfacts And Clients
====================================================================

***/

.fun-facts-and-clients {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 120px 0 0;
}

.fun-facts-and-clients:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #373643;
  content: "";
  opacity: 0.3;
}

.fun-facts-and-clients:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 140px;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.fun-facts-and-clients .row {
  position: relative;
}

.fun-facts-and-clients .funfact-column {
  position: relative;
  z-index: 3;
}

.fun-facts-and-clients .funfact-column .inner-column {
  position: relative;
  padding-right: 20px;
}

.fun-facts-and-clients .content-box {
  position: relative;
  background-color: #ffffff;
  padding: 45px 50px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}

.fun-facts-and-clients .content-box .sec-title {
  margin-bottom: 25px;
}

.fun-facts-and-clients .content-box .sec-title h2 {
  font-size: 30px;
  line-height: 1.3em;
}

.fun-facts-and-clients .content-box .text {
  font-size: 16px;
  line-height: 30px;
  color: #848484;
  margin-bottom: 40px;
}

.fun-facts-and-clients .content-box .bottom-box {
  position: relative;
  border-top: 2px dashed #dfdfdf;
  padding-top: 30px;
}

.fun-facts-and-clients .counter-column {
  position: relative;
  margin-bottom: 0;
  z-index: 9;
}

.fun-facts-and-clients .counter-column .inner {
  position: relative;
  padding-left: 70px;
  text-align: left;
  border-right: 2px dashed #dfdfdf;
}

.fun-facts-and-clients .counter-column:last-child .inner {
  border-right: 0;
}

.fun-facts-and-clients .counter-column .icon-box {
  position: absolute;
  left: 0;
  top: 0;
}

.fun-facts-and-clients .counter-column .count-box {
  position: relative;
  font-size: 34px;
  line-height: 1em;
  color: #e2201a;
  font-weight: 500;
}

.fun-facts-and-clients .counter-column .counter-title {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}

.fun-facts-and-clients .clients-column {
  position: absolute;
  bottom: 0;
  right: 0;
}

.fun-facts-and-clients .sponsors-outer {
  position: relative;
  padding: 45px 0;
}

.fun-facts-and-clients .slide-item {
  position: relative;
}

.fun-facts-and-clients .sponsors-carousel .image {
  position: relative;
  margin: 0;
  text-align: center;
}

.fun-facts-and-clients .sponsors-carousel img {
  display: inline-block;
  max-width: 100%;
  width: 90px;
  height: 90px;
  opacity: 1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) brightness(1.1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.fun-facts-and-clients .sponsors-carousel .image:hover img {
  opacity: 0.7;
}

.fun-facts-and-clients .sponsors-carousel .owl-dots,
.fun-facts-and-clients .sponsors-carousel .owl-nav {
  display: none;
}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section {
  position: relative;
  padding: 40px 0px;
  background: #e2201a;
}

.clients-section .slide-item {
  text-align: center;
}

.clients-section .slide-item a {
  position: relative;
  display: block;
}

.clients-section .slide-item img {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: auto;
  opacity: 0.5;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.clients-section .slide-item a:hover img {
  opacity: 1;
}

/*** 

====================================================================
		Video Section
====================================================================

***/

.video-section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 210px 0;
}

.video-section .content-column {
  position: relative;
}

.video-section .content-column .inner-column {
  position: relative;
  padding-left: 100px;
}

.video-section .content-column h3 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 30px;
}

.video-section .content-column .link-box {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}

.video-section .content-column .link-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background: #ffffff padding-box content-box;
  content: "";
  padding: 5px 0;
}

.video-section .content-column .link-box a {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #fefefe;
  font-weight: 500;
  margin-bottom: 5px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.video-section .content-column .link-box a:hover {
  color: #e2201a;
}

.video-section .video-link {
  position: relative;
  text-align: center;
  padding-top: 70px;
}

.video-section .video-link .link {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  height: 100px;
  width: 100px;
  line-height: 94px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.video-section .video-link .link:hover {
  background-color: #e2201a;
  border-color: #e2201a;
  color: #ffffff;
}

/*** 

====================================================================
		Project Section
====================================================================

***/

.project-section {
  position: relative;
  padding: 120px 0 90px;
}

.project-section:before {
  position: absolute;
  left: 0;
  top: 200px;
  height: 690px;
  width: 535px;
  background-image: url(../images/icons/circle-2.png);
  content: "";
}

.project-section .column {
  position: relative;
}

.project-section .sec-title {
  position: relative;
  margin-bottom: 60px;
}

.project-block {
  position: relative;
  margin-bottom: 30px;
}

.project-block .image-box {
  position: relative;
}

.project-block .image-box .image {
  position: relative;
}

.project-block .image-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

.project-block .overlay-box {
  position: absolute;
  left: 40px;
  bottom: 40px;
  right: 40px;
  overflow: hidden;
}

.project-block .overlay-box .inner {
  position: relative;
  padding: 35px 40px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
}

.project-block .image-box:hover .overlay-box .inner {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.project-block .overlay-box h3 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #373643;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.project-block .overlay-box h3:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
}

.project-block .overlay-box h3 a {
  display: inline-block;
  color: #373643;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block .overlay-box h3 a:hover {
  color: #e2201a;
}

.project-block .overlay-box .text {
  position: relative;
  margin-bottom: 20px;
}

.project-block .link-box {
  position: relative;
}

.project-block .link-box a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 1.2em;
  color: #e2201a;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block .link-box a:hover {
  color: #373643;
}

.project-link-box {
  position: relative;
  margin-bottom: 30px;
}

.project-link-box .inner {
  position: relative;
  padding: 120px 15px;
  text-align: center;
  background-color: #373643;
}

.project-link-box a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 1em;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-link-box a i {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  top: 2px;
  font-weight: 600;
}

.project-link-box a:hover {
  color: #e2201a;
}

/*** 

====================================================================
		Projects Section Two
====================================================================

***/

.project-section-two {
  position: relative;
  background-color: #f2f3f5;
  padding: 120px 0 0;
  overflow: hidden;
}

.project-section-two .projects-outer {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.project-section-two .projects-outer:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #1a1f26;
  content: "";
  opacity: 0.4;
}

.project-block-two {
  position: relative;
}

.project-block-two .inner-box {
  position: relative;
  padding: 0 50px;
  padding-top: 530px;
  padding-bottom: 60px;
  height: 100%;
}

.project-block-two .inner-box:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1500px;
  border-right: 1px solid rgba(225, 227, 226, 0.3);
}

.project-block-two:last-child .inner-box:before {
  display: none;
}

.project-block-two .count {
  position: relative;
  display: block;
  font-size: 70px;
  line-height: 1em;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.3;
  margin-bottom: 45px;
}

.project-block-two h5 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.project-block-two h5:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
}

.project-block-two h5 a {
  color: #ffffff;
  display: inline-block;
  transition: all 300ms ease;
}

.project-block-two .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #fefefe;
  margin-bottom: 20px;
}

.project-block-two .btn-box {
  display: none;
  /* position: relative; */
}

.project-block-two .btn-box a {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 28px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block-two .btn-box a:hover {
  color: #e2201a;
  background-color: #ffffff;
}

.project-block-two .overlay-box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: #e2201a;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.project-block-two .overlay-box .inner {
  position: absolute;
  left: 0;
  bottom: 20%;
  padding: 60px 55px;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.project-block-two .inner-box:hover .overlay-box,
.project-block-two.active .inner-box .overlay-box {
  opacity: 1;
}

.project-block-two .inner-box:hover .overlay-box .inner,
.project-block-two.active .inner-box .overlay-box .inner {
  bottom: 0;
}

.project-section-two.style-two {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 465px;
}

.project-section-two.style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  content: "";
  opacity: 0.6;
}

.project-section-two.style-two .auto-container {
  max-width: 1480px;
}

.project-section-two.style-two .projects-outer:before {
  display: none;
}

.project-section-two.style-two .project-block-two .inner-box {
  background-color: rgba(255, 255, 255, 0.2);
  padding-top: 70px;
  padding-bottom: 30px;
}

.project-section-two.style-two .project-block-two .count {
  opacity: 0.7;
}

.project-section-two.style-two .project-block-two .overlay-box .inner {
  background-color: #e2201a;
}

/*** 

====================================================================
		Project Page Section
====================================================================

***/

.projects-page-section {
  position: relative;
  padding: 120px 0 90px;
}

/*=== Mixitup Gallery ===*/

.projects-page-section .filters {
  margin-bottom: 45px;
  text-align: center;
}

.projects-page-section .filters .filter-tabs {
  position: relative;
  display: inline-block;
}

.projects-page-section .filters li {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 10px 0px;
  cursor: pointer;
  color: #373643;
  font-weight: 500;
  font-size: 20px;
  margin: 0 12px 0;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.projects-page-section .filters li:last-child {
  margin-right: 0;
}

.projects-page-section .filters .filter.active,
.projects-page-section .filters .filter:hover {
  color: #e2201a;
}

.mixitup-gallery .project-block-four {
  display: none;
}

.project-block-four {
  position: relative;
  margin-bottom: 30px;
}

.project-block-four .inner-box {
  position: relative;
  overflow: hidden;
}

.project-block-four .image-box {
  position: relative;
}

.project-block-four .image {
  position: relative;
  margin-bottom: 0;
}

.project-block-four .image img {
  display: block;
  width: 100%;
  height: auto;
}

.project-block-four .overlay-box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(25, 30, 52, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block-four .inner-box:hover .overlay-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.project-block-four .overlay-box .inner {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.project-block-four .overlay-box .icon-box {
  position: relative;
  display: block;
}

.project-block-four .overlay-box .icon-box a {
  position: relative;
  display: inline-block;
  font-size: 36px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 25px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 500ms ease;
}

.project-block-four .overlay-box .icon-box a:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.project-block-four .overlay-box .icon-box a .icon {
  display: inline-block;
  line-height: 40px;
}

.project-block-four .overlay-box h4 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 400;
}

.project-block-four .overlay-box h4 a {
  display: inline-block;
  color: #ffffff;
  transition: all 300ms ease;
}

.project-block-four .overlay-box h4 a:hover {
  color: #e2201a;
}

/*=== Project Block Five ===*/

.project-block-five {
  position: relative;
  margin-bottom: 30px;
}

.project-block-five .inner-box {
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.project-block-five .image-box {
  position: relative;
}

.project-block-five .image {
  position: relative;
  margin-bottom: 0;
}

.project-block-five .image img {
  display: block;
  width: 100%;
  height: auto;
}

.project-block-five .overlay-box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(25, 30, 52, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block-five .inner-box:hover .overlay-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.project-block-five .overlay-box .inner {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.project-block-five .overlay-box .icon-box {
  position: relative;
  display: block;
}

.project-block-five .overlay-box .icon-box a {
  position: relative;
  display: inline-block;
  font-size: 36px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 500ms ease;
}

.project-block-five .overlay-box .icon-box a:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.project-block-five .caption-box {
  position: relative;
  background-color: #ffffff;
  padding: 25px 30px 25px;
}

.project-block-five .caption-box h4 {
  position: relative;
  display: block;
  font-size: 24px;
  color: #373643;
  font-weight: 500;
  padding-bottom: 13px;
  margin-bottom: 25px;
}

.project-block-five .caption-box h4 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block-five .caption-box h4:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
}

.project-block-five .caption-box h4 a:hover {
  color: #e2201a;
}

.project-block-five .caption-box .text {
  position: relative;
}

/*** 

====================================================================
		Project Section Four
====================================================================

***/

.project-section-four {
  position: relative;
}

.project-section-four .column {
  position: relative;
}

.project-block-three {
  position: relative;
}

.project-block-three .inner-box {
  position: relative;
  overflow: hidden;
}

.project-block-three .inner-box .image-box {
  position: relative;
}

.project-block-three .inner-box .image-box .image {
  position: relative;
  margin-bottom: 0;
}

.project-block-three .inner-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

.project-block-three .bottom-box {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 40px;
}

.project-block-three .count {
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 1em;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.4;
  margin-bottom: 25px;
}

.project-block-three h5 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.project-block-three h5:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
}

.project-block-three h5 a {
  color: #ffffff;
  display: inline-block;
  transition: all 300ms ease;
}

.project-block-three .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #fefefe;
  margin-bottom: 20px;
}

.project-block-three .btn-box {
  position: relative;
}

.project-block-three .btn-box a {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 28px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block-three .btn-box a:hover {
  color: #e2201a;
  background-color: #ffffff;
}

.project-block-three .overlay-box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: #e2201a;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.project-block-three .overlay-box .inner {
  position: absolute;
  left: 0;
  bottom: 20%;
  padding: 40px 40px;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.project-block-three .inner-box:hover .overlay-box {
  opacity: 1;
}

.project-block-three .inner-box:hover .overlay-box .inner {
  bottom: 0;
}

/*** 

====================================================================
		Project Details
====================================================================

***/

.project-details-section {
  position: relative;
  padding: 120px 0px 90px;
}

.project-detail .image-box {
  position: relative;
  margin-bottom: 18px;
}

.project-detail .image-box .image {
  position: relative;
  margin-bottom: 50px;
}

.project-detail .image-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

.project-detail .content-box {
  position: relative;
}

.project-detail .content-column {
  position: relative;
}

.project-detail .content-column .inner-column {
  position: relative;
  padding-right: 30px;
}

.project-detail .content-box h2 {
  position: relative;
  font-size: 40px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.project-detail .content-box h2:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
}

.project-detail .content-box h4 {
  position: relative;
  font-size: 26px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 500;
  margin-bottom: 25px;
}

.project-detail .content-box p {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 26px;
}

.project-detail .two-column {
  position: relative;
}

.project-detail .two-column .image-column,
.project-detail .two-column .text-column {
  position: relative;
  margin-bottom: 50px;
}

.project-detail .two-column .image {
  position: relative;
}

.project-detail .two-column .image img {
  display: block;
  width: 100%;
  height: auto;
}

.project-detail .info-column {
  position: relative;
  margin-bottom: 50px;
}

.project-detail .info-column {
  position: relative;
}

.project-detail .info-box {
  position: relative;
  background-color: #f2f3f5;
  padding: 45px 40px 40px;
}

.project-detail .info-box h4 {
  margin-bottom: 15px;
}

.project-detail .info-box p {
  margin-bottom: 60px;
}

.project-detail .info-list {
  position: relative;
}

.project-detail .info-list li {
  position: relative;
  font-size: 15px;
  color: #848484;
  line-height: 26px;
  margin-bottom: 18px;
  padding-left: 120px;
  font-family: "Lato", sans-serif;
}

.project-detail .info-list li a {
  color: #848484;
}

.project-detail .info-list li a:hover {
  text-decoration: underline;
}

.project-detail .info-list li strong {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 17px;
  color: #373643;
  text-transform: capitalize;
  line-height: 26px;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.project-detail .info-list .social-links {
  position: relative;
  margin-top: 40px;
}

.project-detail .info-list .social-links a {
  position: relative;
  float: left;
  display: inline-block;
  margin-right: 20px;
  line-height: 24px;
  color: #1e1e1e;
}

.project-detail .info-list .social-links a:hover {
  color: #ffae11;
}

.project-detail .owl-theme .owl-dots {
  display: none;
}

.project-detail .carousel-box {
  position: relative;
  margin-bottom: 40px;
}

.project-detail .owl-theme .owl-nav .owl-next,
.project-detail .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  background: #93999a;
  color: #ffffff;
  text-align: center;
  font-size: 32px;
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-detail .owl-theme .owl-nav .owl-next {
  right: 20px;
}

.project-detail .owl-theme .owl-nav .owl-prev {
  left: 20px;
}

.project-detail .owl-theme .owl-nav .owl-prev:hover,
.project-detail .owl-theme .owl-nav .owl-next:hover {
  background: #ffae11;
}

.project-detail .post-controls {
  margin-top: 30px;
}

.post-controls {
  position: relative;
  padding: 30px 0px;
  text-align: center;
}

.post-controls .prev-post,
.post-controls .next-post {
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #25262c;
  line-height: 30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.post-controls .prev-post:hover,
.post-controls .next-post:hover {
  color: #e2201a;
}

/*** 

====================================================================
		Service Details
====================================================================

***/

.service-detail-section {
  position: relative;
  padding: 120px 0px 90px;
}

.service-detail .image-box {
  position: relative;
  margin-bottom: 18px;
}

.service-detail .image-box .image {
  position: relative;
  margin-bottom: 65px;
}

.service-detail .image-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

.service-detail .content-box {
  position: relative;
}

.service-detail .content-column {
  position: relative;
}

.service-detail .content-column .inner-column {
  position: relative;
  padding-right: 30px;
}

.service-detail .content-box h2 {
  position: relative;
  font-size: 40px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.service-detail .content-box h2:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
  background-color: #d1d2d6;
  content: "";
}

.service-detail .content-box h4 {
  position: relative;
  font-size: 26px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  margin-bottom: 25px;
}

.service-detail .content-box p {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 50px;
}

.service-detail .two-column {
  position: relative;
}

.service-detail .two-column .text-column {
  position: relative;
  margin-bottom: 40px;
}

.service-detail .two-column .text-column p {
  margin-bottom: 28px;
}

.service-detail .two-column .image-column {
  position: relative;
  margin-bottom: 40px;
}

.service-detail .two-column .image {
  position: relative;
  margin-bottom: 0;
}

.service-detail .two-column .image img {
  display: block;
  width: 100%;
}

.service-detail .feature-box {
  margin-bottom: 10px;
}

.feature-box .feature-block {
  position: relative;
}

.feature-box .feature-block .inner {
  position: relative;
  padding: 30px;
  padding-right: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  padding-left: 130px;
}

.feature-box .feature-block .icon-box {
  top: 30px;
  left: 30px;
}

.feature-box .feature-block h3 {
  font-weight: 500;
}

.feature-box .feature-block .text {
  font-family: "Fahkwang", sans-serif;
}

.services-sidebar {
  position: relative;
  padding-left: 20px;
}

.sidebar-title {
  position: relative;
  margin-bottom: 20px;
}

.sidebar-title h3 {
  position: relative;
  display: block;
  font-size: 26px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
}

/*Services Category*/

.category-list {
  position: relative;
  margin-bottom: 50px;
}

.category-list li {
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 50px;
}

.category-list li:before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #894a2a;
  content: "";
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.category-list li.active:before,
.category-list li:hover:before {
  opacity: 1;
  visibility: visible;
  border-radius: 50px;
}

.category-list li a {
  font-size: 18px;
  font-weight: 500;
  color: #373643;
  line-height: 28px;
  padding: 15px 25px;
  display: block;
  padding-left: 38px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.category-list li.active a,
.category-list li:hover a {
  color: #ffffff;
}

.category-list li a:before {
  position: absolute;
  left: 22px;
  top: 0;
  font-size: 14px;
  line-height: 56px;
  color: #373643;
  font-weight: 900;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.category-list li.active a:before,
.category-list li:hover a:before {
  color: #ffffff;
}

.category-list li a:after {
  position: absolute;
  left: -1px;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #e2201a;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition:
    transform 0.4s ease,
    -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  border-radius: 50px;
}

.category-list li.active a:after,
.category-list li:hover a:after {
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*Brochure links*/
.sidebar .links-box {
  position: relative;
  background-color: #f2f3f5;
  padding: 35px 30px;
  margin-bottom: 50px;
}

.sidebar .brochure-link {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 2px dashed #dfdfdf;
  margin-bottom: 20px;
  padding-right: 35px;
}

.sidebar .brochure-link:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar .brochure-link h5 {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 500;
}

.sidebar .brochure-link h5 a {
  position: relative;
  display: inline-block;
  color: #373643;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar .brochure-link .icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 40px;
  color: #e2201a;
  font-weight: 400;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar .brochure-link h5 a:hover {
  color: #e2201a;
}

.sidebar .brochure-link .cat {
  display: block;
  font-size: 13px;
  color: #373643;
  font-weight: 400;
}

/*brochure Box*/

.brochure-box {
  position: relative;
  background-color: #373643;
  padding: 40px 50px 40px 30px;
}

.brochure-box h6 {
  position: relative;
  display: block;
  font-size: 25px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 15px;
}

.brochure-box h6 span {
  color: #e2201a;
}

.brochure-box p {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 25px;
  opacity: 0.7;
}

.brochure-box .info-box {
  position: relative;
  margin-bottom: 30px;
}

.brochure-box .info-box li {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 8px;
  padding-left: 30px;
  border: unset;
}

.brochure-box .info-box li a {
  color: #ffffff;
  padding: 0;
}

.brochure-box .info-box li a:hover {
  text-decoration: underline;
}

.brochure-box .info-box li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #e2201a;
  line-height: 26px;
}

.brochure-box .theme-btn {
  position: relative;
  padding: 10px 40px;
}

/***

====================================================================
		Call To Action
====================================================================

***/

.call-to-action {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 140px 0 150px;
}

.call-to-action:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0.6;
  content: "";
}

.call-to-action .content-box {
  position: relative;
  text-align: center;
}

.call-to-action .content-box h2 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 40px;
}

.call-to-action .content-box .link-box {
  position: relative;
}

.call-to-action .content-box .link-box a {
  padding: 15px 60px;
}

/*** 

====================================================================
		Call To Action Two
====================================================================

***/

.call-to-action-two {
  position: relative;
  padding: 40px 0;
  background-color: #e2201a;
}

.call-to-action-two .outer-box {
  position: relative;
}

.call-to-action-two .title-box {
  position: relative;
  float: left;
}

.call-to-action-two h2 {
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 48px;
  color: #ffa970;
  font-weight: 600;
  padding: 6px 0;
}

.call-to-action-two h2 span {
  display: inline-block;
  color: #ffffff;
}

.call-to-action-two .btn-box {
  position: relative;
  float: right;
}

.call-to-action-two .btn-box a {
  position: relative;
  display: inline-block;
  padding: 17px 40px 13px;
}

/*** 

====================================================================
		Why Choose Us
====================================================================

***/

.why-choose-us {
  position: relative;
  padding: 120px 0 85px;
}

.why-choose-us:before {
  position: absolute;
  left: 0;
  top: 0px;
  height: 530px;
  width: 535px;
  /* background-image: url(../images/icons/circle-9.png); */
  z-index: -1;
  content: "";
}

/* .why-choose-us.alternate:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 1200px;
	border-bottom: 1px solid #fdd6bc;
	margin: 0 auto;
	content: "";
} */

.why-choose-us .layer-1 {
  position: absolute;
  left: 0;
  top: 400px;
  height: 690px;
  width: 535px;
  background-image: url(../images/icons/circle-2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.why-choose-us .layer-2 {
  position: absolute;
  right: 0;
  top: 275px;
  height: 655px;
  width: 470px;
  background-image: url(../images/icons/circle-3.png);
  background-repeat: no-repeat;
  background-position: center;
}

.why-choose-us .feature-column {
  position: relative;
}

.why-choose-us .text-box {
  margin-bottom: 30px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
}

.feature-block {
  position: relative;
  margin-bottom: 35px;
}

.feature-block .inner {
  position: relative;
  padding-left: 100px;
  min-height: 80px;
}

.feature-block .icon-box {
  position: absolute;
  left: 0;
  top: 0;
}

.feature-block .icon-box span {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 42px;
  color: #e2201a;
  font-weight: 400;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block .inner:hover .icon-box span {
  background-color: #e2201a;
  border-color: #e2201a;
  color: #ffffff;
}

.feature-block h3 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.3em;
  color: #373643;
  font-weight: 600;
  margin-bottom: 5px;
}

.feature-block h3 a {
  display: inline-block;
  color: #373643;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block h3 a:hover {
  color: #e2201a;
}

.feature-block .text {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
}

.why-choose-us .accordion-column {
  position: relative;
}

.why-choose-us .accordion-column .inner-column {
  padding-left: 30px;
}

.why-choose-us .accordion-column .text-box {
  margin-bottom: 30px;
}

.accordion-box {
  position: relative;
}

.accordion-box .block {
  position: relative;
  margin-bottom: 20px;
}

.accordion-box .block:last-child {
  margin-bottom: 0;
}

.accordion-box .block .acc-btn {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  color: #373643;
  font-weight: 500;
  cursor: pointer;
  padding: 15px 30px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 16px;
}

.accordion-box .block .icon {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
  font-weight: 700;
  color: #373643;
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon {
  color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon:before {
  content: "\f166";
  font-size: 13px;
  color: #ffffff;
  font-weight: 900;
}

.accordion-box .block .acc-btn.active {
  position: relative;
  background-color: #e2201a;
  color: #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
}

.accordion-box .block .content {
  position: relative;
  background-color: #ffffff;
  padding: 24px 30px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.accordion-box .block .acc-content.current {
  display: block;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.accordion-box .block .content .text {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
}

/*** 

====================================================================
		Why Choose Us Style Three
====================================================================

***/

.why-choose-us.style-three {
  position: relative;
}

/* .why-choose-us.style-three:before{
	left: auto;
    position: absolute;
    right: 0;
    top: 0;
    height: 592px;
    width: 596px;
    background-image: url(../images/icons/circle-6.png);
    z-index: -1;
    content: "";
} */

/* .why-choose-us.style-three:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	border-top: 2px dashed #fdd6bc;
	content: "";
} */

.why-choose-us.style-three.alternate:before {
  position: absolute;
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  height: 531px;
  width: 535px;
  background-image: url(../images/icons/circle-4.png);
  z-index: -1;
  content: "";
}

.why-choose-us.style-three .content-column {
  position: relative;
  margin-bottom: 50px;
}

.why-choose-us.style-three .content-column .inner-column {
  padding-right: 45px;
}

.why-choose-us.style-three .content-column .sec-title {
  position: relative;
  margin-bottom: 40px;
}

.why-choose-us.style-three .content-column .text {
  position: relative;
}

.why-choose-us.style-three .content-column .text p {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 30px;
}

.why-choose-us.style-three .content-column .btn-box {
  position: relative;
  margin-top: 40px;
}

.why-choose-us.style-three .content-column .btn-box a {
  padding: 17px 50px 13px;
  line-height: 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.why-choose-us.style-three .feature-column .inner-column {
  position: relative;
  padding-left: 40px;
}

.why-choose-us.style-three .feature-block {
  position: relative;
  padding: 30px 30px;
  background-color: #ffffff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/***

====================================================================
		Testimonials and Clients
====================================================================

***/

.testimonials-and-clients {
  position: relative;
  padding: 64px 0;
}

.testimonials-and-clients:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  content: "";
}

.testimonials-and-clients .testimonial-column {
  position: relative;
}

.testimonials-and-clients .testimonial-column .inner-column {
  position: relative;
}

.testimonials-and-clients .testimonial-column .sec-title {
  margin-bottom: 60px;
}

.testimonials-and-clients .testimonial-carousel {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
  border-radius: 24px;
}

.testimonial-block {
  position: relative;
  padding: 80px 70px 70px;
}

.testimonial-block .inner-box {
  position: relative;
}

.testimonial-block .icon {
  position: absolute;
  left: 0;
  top: -5px;
  font-size: 60px;
  color: #fef1e8;
}

.testimonial-block .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #373643;
  font-weight: 500;
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}

.testimonial-block .info-box {
  position: relative;
  min-height: 70px;
}

.testimonial-block .info-box .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  widows: 70px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.07);
}

.testimonial-block .info-box .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.testimonial-block .info-box .name {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 500;
  margin-bottom: 5px;
}

.testimonial-block .info-box .rating {
  position: relative;
  display: block;
}

.testimonial-block .info-box .rating span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #e2201a;
}

.testimonial-block .info-box .rating span.light {
  color: #d1d2d6;
}

.testimonial-carousel .owl-dots {
  display: none;
}

.testimonial-carousel .owl-nav {
  position: absolute;
  right: 70px;
  bottom: 70px;
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev {
  position: relative;
  display: inline-block;
  font-size: 36px;
  color: #e5e5e5;
  line-height: 25px;
  margin-left: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-carousel .owl-prev {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover {
  color: #e2201a;
}

.testimonials-and-clients .clients-column {
  position: relative;
}

.testimonials-and-clients .clients-column .image-box {
  position: relative;
  margin-left: -160px;
}

.testimonials-and-clients .clients-column .image-box .image {
  position: relative;
}

.testimonials-and-clients .clients-column .image-box .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}

.testimonials-and-clients .sponsors-outer {
  position: relative;
  padding: 30px 0px 0;
}

.testimonials-and-clients .slide-item {
  position: relative;
}

.testimonials-and-clients .sponsors-carousel .image {
  position: relative;
  margin: 0;
  text-align: center;
}

.testimonials-and-clients .sponsors-carousel img {
  display: inline-block;
  height: 100px;
  width: auto;
  max-width: 100%;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonials-and-clients .sponsors-carousel .image:hover img {
  opacity: 0.7;
}

.testimonials-and-clients .sponsors-carousel .owl-dots,
.testimonials-and-clients .sponsors-carousel .owl-nav {
  display: none;
}

/*** 

====================================================================
		Testimonials Section
====================================================================

***/

.testimonial-section {
  position: relative;
}

.testimonial-section .outer-box {
  position: relative;
}

.testimonial-section .testimonial-column {
  position: relative;
  float: left;
  width: 50%;
  background-color: #f2f3f5;
  padding: 115px 0;
}

.testimonial-section .testimonial-column:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/dotted-map-2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
}

.testimonial-section .testimonial-column .inner-column {
  position: relative;
  padding: 0 15px;
  max-width: 600px;
  margin: 0 auto;
}

.testimonial-section .testimonial-column .sec-title {
  margin-bottom: 40px;
}

.testimonial-section .testimonial-carousel {
  position: relative;
}

.testimonial-section .testimonial-carousel:before {
  position: absolute;
  left: -25px;
  top: 2px;
  height: 14px;
  width: 17px;
  background-image: url(../images/icons/quote-icon.png);
  content: "";
}

.testimonial-block-two {
  position: relative;
}

.testimonial-block-two .inner-box {
  position: relative;
}

.testimonial-block-two .text {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #373643;
  font-weight: 400;
  margin-bottom: 40px;
}

.testimonial-block-two .info-box {
  position: relative;
  display: block;
}

.testimonial-block-two .info-box .rating {
  position: relative;
  display: inline-block;
}

.testimonial-block-two .info-box .rating span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  color: #e2201a;
  margin-right: 4px;
}

.testimonial-block-two .info-box .rating span.light {
  color: #d1d2d6;
}

.testimonial-block-two .info-box .designation {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 1.2em;
  color: #848484;
  font-weight: 400;
  margin-left: 10px;
}

.testimonial-section .image-column {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
}

.testimonial-section .image-column .image-box {
  display: none;
}

.testimonial-section .image-column .image-box img {
  display: block;
  width: 100%;
  height: auto;
}

.testimonial-section .owl-dots {
  display: none;
}

.testimonial-section .owl-nav {
  position: relative;
  margin-top: 35px;
  left: -15px;
  bottom: 0;
}

.testimonial-section .owl-next,
.testimonial-section .owl-prev {
  position: relative;
  display: inline-block;
  font-size: 36px;
  color: #e5e5e5;
  line-height: 25px;
  margin-left: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-section .owl-prev {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.testimonial-section .owl-next:hover,
.testimonial-section .owl-prev:hover {
  color: #e2201a;
}

/*** 

====================================================================
		Testimonial Section Two
====================================================================

***/

.testimonial-section-two {
  position: relative;
  padding: 120px 0 70px;
}

.testimonial-section-two:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 592px;
  width: 596px;
  background-image: url(../images/icons/circle-6.png);
  z-index: -1;
  content: "";
}

.testimonial-section-two:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 1200px;
  border-bottom: 1px solid #fdd6bc;
  margin: 0 auto;
  content: "";
}

.testimonial-section-two .testimonial-column {
  position: relative;
  margin-bottom: 50px;
}

.testimonial-section-two .testimonial-column .sec-title {
  margin-bottom: 50px;
}

.testimonial-section-two .testimonial-column .inner-column {
  position: relative;
  padding: 55px 0 50px 40px;
}

.testimonial-block-three {
  position: relative;
}

.testimonial-block-three .inner {
  position: relative;
}

.testimonial-block-three .icon {
  position: relative;
  display: inline-block;
  height: 41px;
  width: 57px;
  background-image: url(../images/icons/quote-icon-2.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 30px;
}

.testimonial-block-three .text {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 36px;
  color: #373643;
  font-weight: 400;
  margin-bottom: 33px;
}

.testimonial-block-three .name {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 500;
}

.testimonial-section-two .owl-nav {
  position: absolute;
  left: -15px;
  right: auto;
  bottom: -70px;
}

.testimonial-section-two .image-column {
  position: relative;
  margin-bottom: 50px;
}

.testimonial-section-two .image {
  position: relative;
}

.testimonial-section-two .image img {
  width: 100%;
  height: auto;
}

/*** 

====================================================================
		Testimonial Section Three
====================================================================

***/

.testimonial-section-three {
  position: relative;
  padding: 120px 0 60px;
}

.testimonial-section-three .sec-title {
  margin-bottom: 0;
}

.testimonial-section-three .carousel-outer {
  margin: 0 -25px;
}

.testimonial-block-four {
  position: relative;
  padding: 60px 25px;
}

.testimonial-block-four .inner-box {
  position: relative;
  text-align: center;
  padding: 50px 50px 60px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.testimonial-block-four .thumb {
  position: relative;
  display: inline-block;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}

.testimonial-block-four .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.testimonial-block-four .name {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 500;
  margin-bottom: 10px;
}

.testimonial-block-four .rating {
  position: relative;
  margin-bottom: 27px;
}

.testimonial-block-four .rating span {
  display: inline-block;
  font-size: 13px;
  color: #e2201a;
  margin: 0 1px;
}

.testimonial-block-four .rating span.light {
  color: #d1d2d6;
}

.testimonial-block-four .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #373643;
  font-weight: 400;
}

.testimonial-section-three .owl-nav {
  display: none;
}

/*** 

====================================================================
		FAQ's Section
====================================================================

***/

.faq-section {
  position: relative;
  padding: 120px 0 0;
  z-index: 2;
}

.faq-section:before {
  position: absolute;
  left: 0;
  top: 0px;
  height: 530px;
  width: 535px;
  background-image: url(../images/icons/circle-9.png);
  z-index: -1;
  content: "";
}

.faq-section .sec-title {
  margin-bottom: 60px;
}

.faq-section .accordion-column .inner-column {
  position: relative;
  padding-right: 30px;
}

.accordion-box.style-two .block {
  margin-bottom: 30px;
  border: 1px solid #e7e7e7;
  transition: all 300ms ease;
}

.accordion-box.style-two .block .acc-btn {
  border: 0;
  padding: 20px 30px;
}

.accordion-box.style-two .block .icon {
  line-height: 70px;
  height: 70px;
}

.accordion-box.style-two .block.active-block {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
}

.accordion-box.style-two .block .acc-btn.active .icon:before,
.accordion-box.style-two .block .acc-btn.active {
  background-color: #ffffff;
  color: #373643;
}

.accordion-box.style-two .block .content {
  box-shadow: none;
  padding-top: 0;
}

.faq-section .image-column {
  position: relative;
}

.faq-section .image-column .image-box {
  position: relative;
  padding-left: 30px;
  margin-bottom: -70px;
}

.faq-section .image-column .image {
  position: relative;
  margin-bottom: 0;
}

.faq-section .image-column .image img {
  display: block;
  width: 100%;
  height: auto;
}

/*** 

====================================================================
	Faq Form Section
====================================================================

***/

.faq-form-section {
  position: relative;
  padding: 180px 0 120px;
  background-color: #f2f3f5;
  z-index: 1;
}

.faq-form-section .sec-title {
  margin-bottom: 40px;
}

.faq-form-section .auto-container {
  position: relative;
}

.faq-form-section .form-outer {
  position: relative;
  z-index: 10;
}

.faq-form-section .form-group {
  position: relative;
  margin-bottom: 40px;
}

.faq-form-section .form-group:last-child {
  margin-bottom: 0px;
}

.faq-form-section .form-group input[type="text"],
.faq-form-section .form-group input[type="email"],
.faq-form-section .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 20px;
  padding: 15 0px;
  color: #848484;
  border-bottom: 1px solid #d9d9d9;
  height: 35px;
  font-size: 16px;
  background: none;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.faq-form-section .form-group input[type="text"]:focus,
.faq-form-section .form-group input[type="email"]:focus,
.faq-form-section .form-group textarea:focus {
  border-color: #eb4343;
}

.faq-form-section .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 15px 0px;
  height: 90px;
  background: none;
  resize: none;
  font-size: 16px;
  font-weight: 500;
  color: #848484;
  border-bottom: 1px solid #d9d9d9;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.faq-form-section .form-group .theme-btn {
  margin-top: 20px;
  padding: 15px 50px;
}

/*** 

====================================================================
		Fluid Section One
====================================================================

***/

.fluid-section-one {
  position: relative;
  background-color: #373643;
}

.fluid-section-one .outer-container {
  position: relative;
}

.fluid-section-one .image-column {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
}

.fluid-section-one .image-column .image-box {
  position: relative;
  display: none;
}

.fluid-section-one .image-column .image-box img {
  display: block;
  width: 100%;
  height: auto;
}

.fluid-section-one .form-column {
  position: relative;
  float: right;
  width: 50%;
  background-color: #373643;
}

.fluid-section-one .map-layer {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/map-layer.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}

.fluid-section-one .form-column .inner-column {
  position: relative;
  max-width: 600px;
  width: 100%;
  float: left;
  padding: 115px 15px 120px 85px;
}

.fluid-section-one .form-column .sec-title {
  margin-bottom: 45px;
}

.contact-form {
  position: relative;
  z-index: 1;
}

.contact-form .form-group {
  position: relative;
  margin-bottom: 40px;
}

.contact-form .form-group:last-child {
  margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  height: 35px;
  padding: 4px 0;
  background-color: transparent;
  border-bottom: 1px solid #474b5d;
  font-family: "Lato", sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-form ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.contact-form ::-moz-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.contact-form ::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
  border-color: #e2201a;
}

.contact-form .form-group textarea {
  height: 100px;
  margin-bottom: 10px;
  resize: none;
  padding: 10px 0 9px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
  border-color: #ff0000 !important;
}

.contact-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 12px;
  color: #ff0000;
  font-weight: 500;
}

.contact-form .form-group input[type="submit"],
.contact-form .form-group button {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 60px !important;
  font-size: 17px !important;
  color: #ffffff !important;
  padding: 0 8px 0 32px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  letter-spacing: 0.02em !important;
  background-color: #e2201a !important;
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(226, 32, 26, 0.3) !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.contact-form .form-group input[type="submit"]:after,
.contact-form .form-group button:after {
  content: "\f061" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: #81120e !important;
  color: #ffffff !important;
  margin-left: 15px !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.contact-form .form-group input[type="submit"]:hover,
.contact-form .form-group button:hover {
  background-color: #b71b15 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(226, 32, 26, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.contact-form .form-group input[type="submit"]:hover:after,
.contact-form .form-group button:hover:after {
  background-color: rgba(0, 0, 0, 0.3) !important;
  transform: translateX(4px) !important;
}

/*** 

====================================================================
		Team Section
====================================================================

***/

.team-section {
  position: relative;
  padding: 100px 0 70px;
}

.team-section.alternate:before {
  display: none;
}

/* .team-section:before{
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-4.png);
    z-index: -1;
    content: "";
} */

.team-block {
  position: relative;
  margin-bottom: 30px;
}

.team-block .inner-box {
  position: relative;
}

.team-block .image-box {
  position: relative;
}

.team-block .image-box .social-icon-one {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box .social-icon-one li {
  margin: 0 13px;
}

.team-block .inner-box:hover .social-icon-one {
  opacity: 1;
  visibility: visible;
  bottom: 35px;
}

.team-block .image-box .image {
  position: relative;
  background-color: #373643;
  margin-bottom: 0;
  overflow: hidden;
}

.team-block .image-box .image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box:hover .image img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.2;
}

.team-block .info-box {
  position: relative;
  padding-top: 25px;
  text-align: center;
}

.team-block .info-box .name {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  margin-bottom: 10px;
}

.team-block .info-box .name a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.team-block .info-box .name a:hover {
  color: #e2201a;
}

.team-block .info-box .designation {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.team-section.style-two {
  padding: 120px 0 80px;
}

.team-section.style-two:before {
  display: none;
}

.team-section.style-two .team-block {
  margin-bottom: 40px;
}

/*** 

====================================================================
			Pricing Section
====================================================================

***/

.pricing-section {
  position: relative;
  padding: 120px 0 70px;
}

.pricing-section .row {
  margin: 0 -20px;
}

.pricing-table {
  position: relative;
  padding: 0 20px;
  margin-bottom: 40px;
}

.pricing-table .inner-box {
  position: relative;
  border: 1px solid #e5e5e5;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.pricing-table:hover .inner-box,
.pricing-table.tagged .inner-box {
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
}

.pricing-table .table-header {
  position: relative;
  padding: 45px 40px;
  padding-bottom: 40px;
  margin-bottom: 45px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.pricing-table .table-header:before {
  position: absolute;
  bottom: 0;
  border-bottom: 2px dashed #e9e9e9;
  left: 40px;
  right: 40px;
  content: "";
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.pricing-table .inner-box:hover .table-header,
.pricing-table.tagged .table-header {
  background-color: #373643;
}

.pricing-table .inner-box:hover .table-header:before,
.pricing-table.tagged .table-header:before {
  border-color: #373643;
}

.pricing-table .title {
  position: relative;
  display: block;
  font-size: 20px;
  color: #373643;
  font-weight: 400;
  margin-bottom: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.pricing-table .inner-box:hover .title,
.pricing-table.tagged .title {
  color: #ffffff;
}

.pricing-table .price {
  position: relative;
  font-size: 40px;
  line-height: 1em;
  color: #e2201a;
  font-weight: 600;
}

.pricing-table .price span {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 1.2em;
  color: #e2201a;
  font-weight: 600;
}

.pricing-table .table-content {
  position: relative;
  padding: 0px 40px;
}

.pricing-table .table-content ul {
  position: relative;
  margin-bottom: 35px;
}

.pricing-table .table-content ul li {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #373643;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 17px;
}

.pricing-table .table-content ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #e2201a;
  content: "\f193";
  font-family: "Flaticon";
}

.pricing-table .table-content ul li.false:before,
.pricing-table .table-content ul li.false {
  color: #8a8d91;
}

.pricing-table .table-content ul li.false:before {
  color: #d9d9d9;
  font-weight: 400;
}

.pricing-table .table-footer {
  position: relative;
  padding: 0 40px 50px;
}

.pricing-table .table-footer a {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  padding: 14px 33px;
  color: #373643;
  font-weight: 600;
  border: 1px solid #e7e7e7;
}

.pricing-table.tagged .table-footer a,
.pricing-table .inner-box:hover .table-footer a {
  background-color: #e2201a;
  border-color: #e2201a;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  color: #ffffff;
}

/*** 

====================================================================
		News Section
====================================================================

***/

.news-section {
  position: relative;
  padding: 115px 0 85px;
  background-color: #f2f3f5;
}

.news-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 515px;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.news-section .sec-title {
  float: left;
  margin-bottom: 50px;
}

.news-section .btn-box {
  position: relative;
  float: right;
  padding-top: 60px;
}

.news-section .btn-box a {
  padding: 15px 40px;
  line-height: 26px;
}

.news-block {
  position: relative;
  margin-bottom: 30px;
}

.news-block .inner-box {
  position: relative;
}

.news-block .image-box {
  position: relative;
}

.news-block .image-box .image {
  position: relative;
  overflow: hidden;
  background-color: #e2201a;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  margin-bottom: 25px;
}

.news-block .image-box .image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block .inner-box:hover .image-box .image a img {
  opacity: 0.7;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.news-block .lower-content {
  position: relative;
  /* padding: 25px 0 0; */
}

.news-block .lower-content .date {
  position: relative;
  display: none;
  font-size: 15px;
  line-height: 24px;
  color: #909297;
  font-weight: 500;
  margin-bottom: 10px;
}

.news-block .lower-content h3 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #373643;
  font-weight: 500;
  margin-bottom: 17px;
}

.news-block .lower-content h3 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .lower-content h3 a:hover {
  color: #e2201a;
}

.news-block .lower-content .text {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 15px;
}

.news-block .lower-content .link-box {
  position: relative;
  display: inline-block;
}

.news-block .lower-content .link-box a {
  position: relative;
  font-size: 17px;
  line-height: 30px;
  color: #e2201a;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .lower-content .link-box a:hover {
  text-decoration: underline;
}

/*** 

====================================================================
		News Section Two
====================================================================

***/

.news-section-two {
  position: relative;
  padding: 115px 0 70px;
}

.news-section-two .sec-title {
  position: relative;
  margin-bottom: 50px;
}

.news-section-two .news-column {
  position: relative;
  margin-bottom: 50px;
}

.news-section-two .news-column .inner-column {
  position: relative;
}

.news-block-two {
  position: relative;
}

.news-block-two .inner-box {
  display: flex;
  align-items: stretch;
  position: relative;
  background-color: #f7f8fa;
  border-radius: 50px;
}

.news-block-two .image-column {
  position: relative;
  display: flex;
  padding: 0;
}

.news-block-two .image-column .image {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 0;
}

.news-block-two .image-column .image a {
  display: flex;
  width: 100%;
}

.news-block-two .image-column .image img {
  border-radius: 50px 0 0 50px;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100% !important;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.rtl .news-block-two .image-column .image img {
  border-radius: 0 50px 50px 0;
}

.news-block-two .content-column {
  position: relative;
}

.news-block-two .content-column .inner {
  position: relative;
  padding: 85px 40px 30px;
}

.news-block-two .content-column .date {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #e2201a;
  font-weight: 400;
  margin-bottom: 10px;
}

.news-block-two .content-column .date span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #909297;
  font-weight: 500;
  padding-right: 20px;
  margin-right: 10px;
}

.news-block-two .content-column .date span:before {
  position: absolute;
  right: 0;
  top: 8px;
  height: 5px;
  width: 5px;
  background-color: #d1d2d6;
  border-radius: 5px;
  content: "";
}

.news-block-two .content-column h3 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #373643;
  font-weight: 500;
  margin-bottom: 15px;
}

.news-block-two .content-column h3 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .content-column h3 a:hover {
  color: #e2201a;
}

.news-block-two .content-column .text {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 25px;
}

.news-block-two .content-column .link-box {
  position: relative;
  display: block;
}

.news-block-two .content-column .link-box a {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 25px;
  color: #909297;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .content-column .link-box a:hover {
  color: #e2201a;
  text-decoration: underline;
}

/*=== News Block Two ===*/

.news-section-two .news-list {
  position: relative;
}

.news-section-two .news-list .inner-column {
  position: relative;
  padding: 0 30px;
}

.news-block-three {
  position: relative;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 2px dashed #dfdfdf;
}

.news-block-three:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.news-block-three .date {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #e2201a;
  font-weight: 400;
  margin-bottom: 8px;
}

.news-block-three .date span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #909297;
  font-weight: 500;
  padding-right: 20px;
  margin-right: 10px;
}

.news-block-three .date span:before {
  position: absolute;
  right: 0;
  top: 8px;
  height: 5px;
  width: 5px;
  background-color: #d1d2d6;
  border-radius: 5px;
  content: "";
}

.news-block-three h5 {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #373643;
  font-weight: 500;
}

.news-block-three h5 a {
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-three h5 a:hover {
  color: #e2201a;
}

.news-section-two .btn-box {
  position: relative;
  padding: 0 30px;
  margin-top: 35px;
}

.news-section-two .btn-box a {
  padding: 15px 40px;
  line-height: 25px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/*** 

====================================================================
		News Section Three
====================================================================

***/

.news-section-three {
  position: relative;
  padding: 120px 0 70px;
}

.news-section-three .sec-title {
  margin-bottom: 50px;
}

/* .news-section-three:after{
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-4.png);
    z-index: -1;
    content: "";
} */

.news-section-three .news-list {
  position: relative;
  margin-bottom: 50px;
}

.news-section-three .news-list .inner-column {
  position: relative;
  padding-right: 70px;
}

.news-block-four {
  position: relative;
  margin-bottom: 50px;
}

.news-block-four .inner-box {
  position: relative;
}

.news-block-four .image-box {
  position: relative;
}

.news-block-four .image {
  position: relative;
  margin-bottom: 0;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  background: #373643;
}

.news-block-four .image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-four .inner-box:hover .image a img {
  opacity: 0.6;
}

.news-block-four .lower-content {
  position: relative;
  padding: 40px 30px;
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 50px;
}

.news-block-four .date {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #e2201a;
  font-weight: 400;
  margin-bottom: 12px;
}

.news-block-four .date span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #909297;
  font-weight: 500;
  padding-right: 20px;
  margin-right: 10px;
}

.news-block-four .date span:before {
  position: absolute;
  right: 0;
  top: 8px;
  height: 5px;
  width: 5px;
  background-color: #d1d2d6;
  border-radius: 5px;
  content: "";
}

.news-block-four h5 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #373643;
  font-weight: 500;
}

.news-block-four h5 a {
  position: relative;
  color: #373643;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-four h5 a:hover {
  color: #e2201a;
}

.news-section-three .btn-box {
  position: relative;
  margin-top: 35px;
}

.news-section-three .btn-box a {
  padding: 15px 45px;
  line-height: 25px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/*** 

====================================================================
		Blog Classic
====================================================================

***/

.blog-classic {
  position: relative;
}

.blog-classic .news-block {
  margin-bottom: 40px;
}

.blog-classic .news-block h3 {
  font-size: 24px;
  line-height: 32px;
  color: #373643;
  font-weight: 600;
}

/*** 

====================================================================
		Blog Grid
====================================================================

***/

.blog-grid {
  position: relative;
}

.blog-grid .news-block-four {
  margin-bottom: 30px;
}

.blog-grid .styled-pagination {
  padding-top: 20px;
}

/*** 

====================================================================
	Blog Detail
====================================================================

***/

.blog-detail {
  position: relative;
}

.blog-detail .news-block-four {
  position: relative;
}

.blog-detail .news-block-four .image-box .image {
  box-shadow: none;
}

.blog-detail .news-block-four h3 {
  font-size: 30px;
  line-height: 40px;
  color: #373643;
  font-weight: 600;
  margin-bottom: 32px;
}

.blog-detail .news-block-four .lower-content {
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.blog-detail .news-block-four p {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #8a8d91;
  font-weight: 400;
  margin-bottom: 20px;
}

.blog-detail .news-block-four .two-column {
  position: relative;
}

.blog-detail .news-block-four .two-column .text-column,
.blog-detail .news-block-four .two-column .image-column {
  margin-bottom: 50px;
}

.blog-detail .news-block-four .two-column p:last-child {
  margin-bottom: 0;
}

.blog-detail blockquote {
  position: relative;
  padding: 30px 40px;
  padding-right: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-left: 5px solid #e2201a;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.blog-detail .news-block-four blockquote p {
  position: relative;
  font-size: 17px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0;
  z-index: 1;
}

.blog-detail blockquote:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #373643;
  opacity: 0.8;
  content: "";
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination {
  position: relative;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.styled-pagination li a {
  position: relative;
  display: inline-block;
  line-height: 50px;
  font-size: 17px;
  height: 50px;
  width: 50px;
  color: #848484;
  font-weight: 600;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
  color: #ffffff;
  border-color: #e2201a;
  background-color: #e2201a;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/*** 

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section {
  position: relative;
  padding: 120px 0 80px;
  background-color: #f2f3f5;
}

.contact-info-box {
  position: relative;
  margin-bottom: 40px;
}

.contact-info-box .inner {
  position: relative;
}

.contact-info-box h6 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 500;
  margin-bottom: 15px;
}

.contact-info-box .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}

.contact-info-box .text a {
  display: block;
  color: #848484;
}

.contact-info-box .text a:hover {
  color: #e2201a;
  text-decoration: underline;
}

.contact-info-box .social-icon-two {
  position: relative;
  margin-top: 10px;
}

/*** 

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section {
  position: relative;
  background-color: #f2f3f5;
}

.contact-page-section .outer-box {
  position: relative;
  background-color: #ffffff;
  padding: 95px 100px 80px;
  margin-bottom: -120px;
  z-index: 2;
}

.contact-page-section .sec-title {
  margin-bottom: 50px;
}

.contact-form.dark .form-group {
  margin-bottom: 30px;
}

.contact-form.dark .form-group input[type="text"],
.contact-form.dark .form-group input[type="email"],
.contact-form.dark .form-group input[type="tel"],
.contact-form.dark .form-group input[type="url"],
.contact-form.dark .form-group textarea,
.contact-form.dark .form-group select {
  color: #848484;
  border-color: #e5e5e5;
}

.contact-form.dark .form-group button {
  padding: 20px 40px;
  line-height: 20px;
}

.contact-form.dark .form-group input:focus,
.contact-form.dark .form-group select:focus,
.contact-form.dark .form-group textarea:focus {
  border-color: #e2201a;
}

.contact-form.dark ::-webkit-input-placeholder {
  color: inherit;
}

.contact-form.dark ::-moz-input-placeholder {
  color: inherit;
}

.contact-form.dark ::-ms-input-placeholder {
  color: inherit;
}

/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section {
  position: relative;
}

.contact-map-section .map-outer {
  position: relative;
}

.contact-map-section .map-canvas {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 620px;
}

.map-data {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
  padding: 10px;
}

.map-data h6 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  color: #121212;
}

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0px 100px;
  z-index: 1;
}

.newsletter-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #121626;
  content: "";
  opacity: 0.8;
}

.newsletter-section .title-column h2 {
  position: relative;
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  font-weight: 600;
  padding: 4px 0;
}

.newsletter-section .form-column {
  position: relative;
}

.newsletter-section .form-column .inner-column {
  position: relative;
  padding-top: 10px;
}

/*Subscribe Form*/

.subscribe-form .form-group {
  position: relative;
  display: block;
  margin: 0px;
  width: 100%;
  padding-right: 230px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 30px;
  height: 60px;
  font-size: 15px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  padding: 15px 30px 15px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 24px;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  min-width: 210px;
  text-align: center;
  font-size: 17px;
  line-height: 30px;
  font-weight: 600;
  overflow: hidden;
  letter-spacing: 0.02em;
  padding: 15px 30px 15px;
  color: #ffffff;
  background-color: #e2201a;
  border-radius: 24px;
}

.subscribe-form .form-group input[type="submit"]:hover {
  background-color: #b71b15;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

/***

==================================================================
		Main Footer
==================================================================

***/

.main-footer {
  position: relative;
  padding: 0px 0;
  background: #121626;
  color: #cdced1;
}

.main-footer:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(../images/icons/footer-shape.png) right top no-repeat;
  content: "";
}

/*=== Widgets Section ===*/

.main-footer .widgets-section {
  position: relative;
  padding: 110px 0px 50px;
}

.main-footer .footer-column {
  position: relative;
  margin-bottom: 30px;
}

.main-footer .footer-widget {
  position: relative;
}

.main-footer .widget-title {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2em;
  margin-bottom: 40px;
}

/*=== About Widget ===*/
.main-footer .about-widget {
  position: relative;
}

.main-footer .about-widget .footer-logo {
  position: relative;
  margin-top: -20px;
  margin-bottom: 25px;
}

.main-footer .about-widget .footer-logo .image {
  position: relative;
}

.main-footer .about-widget .footer-logo img {
  display: block;
  height: auto;
  max-width: 100%;
}

.main-footer .about-widget .text {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 1.7em;
  color: #cdced1;
  font-weight: 400;
  margin-bottom: 35px;
  padding-right: 100px;
}

.social-icon-colored {
  position: relative;
}

.social-icon-colored li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.social-icon-colored li a {
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #e2201a;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-colored li.google a {
  background-color: #dd4b39;
}

.social-icon-colored li.facebook a {
  background-color: #4a6fbe;
}

.social-icon-colored li.dribbble a {
  background-color: #ea4c89;
}

.social-icon-colored li.twitter a {
  background-color: #55acee;
}

.social-icon-colored li a:hover {
  background-color: #e2201a;
}

/*=== Cities Widget ===*/

.main-footer .links-widget {
  position: relative;
}

.main-footer .list {
  position: relative;
}

.main-footer .list li {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 400;
  padding-left: 15px;
  margin-bottom: 18px;
}

.main-footer .list li:before {
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 15px;
  line-height: 24px;
  color: #cdced1;
  content: "\f105";
  font-weight: 900;
  text-decoration: none !important;
  font-family: "Font Awesome 5 Free";
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.main-footer .list li a {
  display: inline-block;
  color: #cdced1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.main-footer .list li:hover:before,
.main-footer .list li a:hover {
  color: #e2201a;
  text-decoration: underline;
}

/*=== Contact Widget ===*/

.contact-widget {
  position: relative;
}

.contact-widget .text {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: #cdced1;
  font-weight: 400;
  margin-bottom: 17px;
}

.main-footer .contact-list {
  position: relative;
}

.main-footer .contact-list li {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #cdced1;
  font-weight: 400;
  margin-bottom: 7px;
}

.main-footer .contact-list li a {
  color: #cdced1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.main-footer .contact-list li a:hover {
  color: #e2201a;
  text-decoration: underline;
}

.main-footer .footer-bottom {
  width: 100%;
  background: #0c0f1a;
  padding: 20px 0px;
  line-height: 24px;
}

.main-footer .footer-bottom .auto-container {
  position: relative;
}

.main-footer .copyright-text {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #cdced1;
  font-weight: 400;
}

.main-footer .copyright-text a {
  display: inline-block;
  color: #e2201a;
}

.main-footer .copyright-text a:hover {
  text-decoration: underline;
}

.main-footer .footer-links {
  position: relative;
}

.main-footer .footer-links li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding-right: 12px;
}

.main-footer .footer-links li:last-child:before {
  display: none;
}

.main-footer .footer-links li:before {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  line-height: 24px;
  color: #cdced1;
  font-weight: 400;
  content: "|";
}

.main-footer .footer-links li a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #cdced1;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .footer-links li a:hover {
  color: #e2201a;
  text-decoration: underline;
}

.main-footer .scroll-to-top {
  position: absolute;
  top: -50px;
  right: 15px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #e2201a;
  display: block;
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .scroll-to-top .icon {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #e2201a;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
  position: relative;
  padding: 0px 0px 0px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
  /* margin-bottom:50px; */
}

.sidebar-page-container .content-side {
    padding: 0;
}

.sidebar-page-container .sidebar {
  padding-left: 20px;
}

.sidebar-page-container .sidebar-widget {
  position: relative;
  margin-bottom: 40px;
}

.sidebar-page-container .sidebar-widget:last-child {
  margin-bottom: 0;
}

/* About Widget */

.about-widget {
  position: relative;
}

.about-block {
  position: relative;
}

.about-block .inner-box {
  position: relative;
}

.about-block .thumb {
  position: relative;
  height: 150px;
  width: 150px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 20px;
}

.about-block .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.about-block .name {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  margin-bottom: 20px;
}

.about-block .text {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-bottom: 25px;
}

.about-block .signature {
  position: relative;
  /* margin-bottom: 25px; */
}

.about-block .signature img {
  max-width: 100%;
  height: auto;
}

.about-block .social-links {
  position: relative;
}

.social-icon-two {
  position: relative;
}

.social-icon-two li {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.social-icon-two li:last-child {
  margin-right: 0;
}

.social-icon-two li a {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  font-size: 17px;
  color: #373643;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  border: 1px solid #e6e6e6;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-two li a:hover {
  color: #ffffff;
  background-color: #e2201a;
}

/*Post Widget*/

.sidebar .popular-posts .post {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 2px dashed #e9e9e9;
  margin-bottom: 20px;
}

.sidebar .popular-posts .post:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar .popular-posts .post .post-inner {
  position: relative;
  padding-right: 110px;
  min-height: 100px;
}

.sidebar .popular-posts .post .post-thumb {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100px;
}

.sidebar .popular-posts .post .post-thumb img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar .popular-posts .post-info {
  position: relative;
  display: block;
  font-size: 15px;
  color: #848484;
  font-weight: 500;
  line-height: 1.2em;
  padding-top: 10px;
  margin-bottom: 12px;
}

.sidebar .popular-posts .post .text {
  position: relative;
  font-size: 20px;
  color: #373643;
  line-height: 26px;
  font-weight: 500;
  margin: 0px;
}

.sidebar .popular-posts .post .text a {
  color: #373643;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a:hover {
  color: #e2201a;
}

/*=== Shop Sidebar ===*/
.sidebar-page-container .sidebar.shop-sidebar {
  padding-left: 0;
}

.shop-sidebar .sidebar-title h3 {
  font-weight: 500;
  font-size: 24px;
}

/*Search Box Widget*/

.sidebar .search-box {
  position: relative;
}

.sidebar .search-box .form-group {
  position: relative;
  margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  position: relative;
  display: block;
  font-size: 16px;
  color: #8a8d91;
  line-height: 28px;
  padding: 10px 20px;
  height: 50px;
  width: 100%;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button {
  position: absolute;
  right: 20px;
  top: 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  font-size: 16px;
  background-color: transparent;
  color: #373643;
  font-weight: normal;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover {
  color: #e2201a;
}

.sidebar .search-box .form-group input:focus {
  border-color: #e2201a;
}

/*=== Categories ===*/

.cat-list {
  position: relative;
}

.cat-list li {
  position: relative;
  margin-bottom: 15px;
}

.cat-list li:last-child {
  margin-bottom: 0;
}

.cat-list li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: #373643;
  line-height: 30px;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.cat-list li a span {
  float: right;
}

.cat-list li:last-child a {
  border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a {
  color: #e2201a;
}

/*Sidebar Range slider */

.price-filters .sidebar-title {
  margin-bottom: 40px;
}

.range-slider-one {
  position: relative;
  min-height: 48px;
  padding-top: 10px;
  overflow: hidden;
  margin-top: -20px;
}

.range-slider-one .title {
  position: relative;
  float: left;
  color: #373643;
  font-size: 16px;
  font-weight: 400;
  margin-top: 8px;
}

.range-slider-one .title:before {
  position: absolute;
  content: "$";
  right: -14px;
  top: 0px;
  color: #373643;
  font-size: 16px;
  font-weight: 400;
}

.range-slider-one .input {
  float: right;
  left: 8px;
  max-width: 75px;
  padding-left: 8px;
  margin-top: 8px;
  position: relative;
}

.range-slider-one .input input {
  background: none;
  color: #373643;
  font-size: 16px;
  font-weight: 400;
  width: auto;
  text-align: left;
}

.range-slider-one .ui-widget.ui-widget-content {
  height: 4px;
  border: none;
  margin-bottom: 25px;
  background: #eaeceb;
}

.range-slider-one .ui-slider .ui-slider-range {
  top: 0px;
  height: 4px;
  background: #e2201a;
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default {
  top: -8px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  border: 3px solid #e2201a;
}

.range-slider-one .theme-btn {
  padding: 7px 18px 3px;
  line-height: 25px;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
}

.range-slider-one .theme-btn:before {
  display: none;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
  position: relative;
  /* margin-bottom:60px; */
  margin-top: 80px;
}

.sidebar-page-container .group-title {
  position: relative;
  margin-bottom: 30px;
  margin-top: 30px;
}

.sidebar-page-container .group-title h2 {
  position: relative;
  font-size: 26px;
  color: #373643;
  font-weight: 600;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box {
  position: relative;
  padding: 0px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 30px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment {
  position: relative;
  min-height: 75px;
  /* padding:0px 0px 0px 100px; */
  font-size: 14px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 75px;
  margin-bottom: 20px;
  overflow: hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
  width: 100%;
  display: block;
}

.sidebar-page-container .comments-area .comment-info {
  margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-box strong {
  font-size: 18px;
  font-weight: 500;
  color: #373643;
  display: block;
  line-height: 1.3em;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
  color: #8a8d91;
  font-size: 14px;
  line-height: 1.4em;
}

.sidebar-page-container .comments-area .comment-box .text {
  font-size: 16px;
  color: #848484;
  line-height: 26px;
}

.sidebar-page-container .comments-area .comment-box .reply-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.sidebar-page-container .comments-area .comment-box .reply-btn a {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  line-height: 20px;
  color: #373643;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box .reply-btn a:hover {
  background-color: #e2201a;
  color: #ffffff;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form .form-group {
  margin-bottom: 20px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 20px;
  padding: 10px 0px;
  color: #848484;
  height: 50px;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e5e5e5 !important;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border: unset;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
  border-color: #ffaa00;
}

.comment-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 20px;
  padding: 10px 0px;
  color: #848484;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e5e5e5 !important;
  height: 100px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border: unset;
}

.comment-form button {
  padding: 15px 40px;
}

/*** 

====================================================================
		Shop Page
====================================================================

 ***/

.shop-upper-box {
  position: relative;
  margin-bottom: 30px;
}

.shop-upper-box .items-label {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #848484;
  padding: 10px 0;
}

.shop-upper-box .items-label span {
  color: #373643;
}

.shop-upper-box .sort-by {
  position: relative;
}

.sort-by .ui-selectmenu-button.ui-button {
  position: relative;
  display: block;
  height: 50px;
  width: 100%;
  min-width: 220px;
  line-height: 26px;
  text-align: left;
  padding: 10px 20px;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  color: #373643;
  font-weight: 400;
  text-transform: capitalize;
  background: #ffffff;
}

.sort-by .ui-button .ui-icon {
  background: none;
  position: relative;
  top: 3px;
  text-indent: 0px;
  color: #43c3ea;
}

.sort-by .ui-button .ui-icon:before {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 20px;
  display: block;
  color: #373643;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  z-index: 5;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: #e2201a;
  border-color: #e2201a;
}

/*=== Shop Item ===*/

.shop-item {
  position: relative;
  margin-bottom: 50px;
}

.shop-item .inner-box {
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.shop-item .inner-box .image {
  position: relative;
  z-index: 11;
  text-align: center;
  background-color: #373643;
  overflow: hidden;
}

.shop-item .inner-box .image img {
  width: 100%;
  display: block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.shop-item .inner-box:hover .image img {
  opacity: 0.4;
}

.shop-item .overlay-box {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transform: scaleX(2);
  -moz-transform: scaleX(2);
  -ms-transform: scaleX(2);
  -o-transform: scaleX(2);
  transform: scaleX(2);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.shop-item .inner-box:hover .overlay-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.shop-item .option-box {
  position: relative;
}

.shop-item .option-box li {
  position: relative;
  display: inline-block;
  margin: 0 3px;
}

.shop-item .option-box li a {
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #1a224c;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.shop-item .option-box li a:hover {
  color: #ffffff;
  background-color: #e2201a;
}

.shop-item .inner-box .lower-content {
  position: relative;
  z-index: 11;
  padding: 22px 0px 0px;
}

.shop-item .inner-box .lower-content h3 {
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color: #373643;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.shop-item .inner-box .lower-content h3 a {
  color: #373643;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.shop-item .inner-box .lower-content h3 a:hover {
  color: #e2201a;
}

.shop-item .inner-box .lower-content .price {
  position: relative;
  color: #e2201a;
  font-size: 16px;
  font-weight: 500;
}

.shop-item .inner-box .lower-content .price .discount {
  position: relative;
  color: #777777;
  margin-left: 8px;
  text-decoration: line-through;
}

/*** 

====================================================================
		Product Detail
====================================================================

***/

.product-details {
  position: relative;
  padding: 120px 0 100px;
}

.product-details .basic-details {
  position: relative;
  margin-bottom: 70px;
}

.product-details .image-column,
.product-details .info-column {
  margin-bottom: 50px;
}

.product-details .image-column .image-box {
  position: relative;
  padding-right: 20px;
}

.product-details .image-column .image {
  position: relative;
  margin-bottom: 0;
}

.product-details .image-column .image img {
  position: relative;
  display: block;
  width: 100%;
}

.product-details .image-column .image-box .icon {
  position: absolute;
  right: 40px;
  top: 20px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ffffff;
  color: #373643;
  font-size: 16px;
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-details .image-column .image-box .icon:hover {
  color: #ffffff;
  background-color: #373643;
}

.product-details .basic-details .info-column {
  position: relative;
}

.product-details .basic-details .info-column .inner-column {
  position: relative;
  padding-left: 20px;
}

.product-details .basic-details .details-header {
  position: relative;
  margin-bottom: 40px;
}

.product-details .basic-details .details-header h4 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2em;
  color: #373643;
  margin-bottom: 15px;
}

.product-details .basic-details .details-header h4 a {
  color: #373643;
}

.product-details .basic-details .details-header .item-price {
  font-size: 20px;
  font-weight: 500;
  color: #e2201a;
}

.product-details .basic-details .text {
  font-size: 15px;
  line-height: 26px;
  color: #8a8d91;
  font-weight: 400;
  margin-bottom: 45px;
}

.product-details .basic-details .other-options {
  margin-bottom: 20px;
}

.product-details .basic-details .item-quantity .field-label {
  float: left;
  font-weight: 700;
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
  padding-right: 20px;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner {
  line-height: 24px;
  padding: 13.5px 15px !important;
  height: 56px !important;
  box-shadow: none !important;
}

.cart-section .bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 99;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn {
  padding: 13.5px 10px;
  background: #f4f5f6;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
  top: 6px;
  font-weight: 900;
}

.product-details .basic-details .item-quantity {
  position: relative;
  float: left;
  width: 75px;
  margin-bottom: 25px;
  margin-right: 25px;
}

.product-details .basic-details .item-quantity .field-label {
  float: left;
  font-weight: 700;
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
  padding-right: 20px;
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #373643;
  padding: 10px 15px !important;
  height: 60px !important;
  box-shadow: none !important;
  text-align: center;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical>.btn {
  padding: 14.5px 10px;
  background: #f4f5f6;
  border-radius: 0px;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i {
  top: 8px;
}

.product-details .basic-details .add-to-cart {
  float: left;
  margin-left: 20px;
  line-height: 38px;
  margin-bottom: 25px;
}

.product-details .basic-details .like-btn a {
  float: left;
  height: 60px;
  width: 60px;
  line-height: 60px;
  padding: 0;
  text-align: center;
  border: 1px solid #dddddd;
  margin-left: 20px;
  margin-bottom: 25px;
}

.product-details .basic-details .catergory {
  position: relative;
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 400;
}

.product-details .basic-details .catergory span {
  color: #373643;
  margin-right: 10px;
}

.product-details .basic-details .catergory a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #848484;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-details .basic-details .catergory a:hover {
  color: #e2201a;
}

.social-icon-three {
  position: relative;
}

.social-icon-three li {
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.social-icon-three li:last-child {
  margin-right: 0;
}

.social-icon-three li a {
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
  border: 1px solid #e6e6e6;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 16px;
  color: #8a8d91;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-three li a:hover {
  background-color: #3b5999;
  color: #ffffff;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.product-details .prod-tabs {
  position: relative;
}

.product-details .prod-tabs .tab-btns {
  position: relative;
  z-index: 1;
}

.product-details .prod-tabs .tab-btns .tab-btn {
  position: relative;
  display: block;
  float: left;
  font-size: 17px;
  line-height: 30px;
  color: #8a8d91;
  font-weight: 500;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 10px 35px;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-details .prod-tabs .tab-btns .tab-btn:hover,
.product-details .prod-tabs .tab-btns .tab-btn.active-btn {
  color: #ffffff;
  background: #e2201a;
  border-color: #e2201a;
}

.product-details .prod-tabs .tabs-content {
  position: relative;
  padding-top: 30px;
  margin-top: 25px;
  border-top: 1px dashed #e9e9e9;
}

.product-details .prod-tabs .tabs-content .tab {
  position: relative;
  display: none;
  border-top: 0px;
}

.product-details .prod-tabs .tabs-content .tab.active-tab {
  display: block;
}

.product-details .prod-tabs .tabs-content .tab .content {
  position: relative;
}

.product-details .prod-tabs .tabs-content .tab .content p {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  color: #8a8d91;
  margin-bottom: 30px;
}

.product-details .prod-tabs .tabs-content .tab .content p:last-child {
  margin-bottom: 0px;
}

.product-details .prod-tabs .tabs-content .tab .title {
  position: relative;
  color: #373643;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 25px;
}

/*Comment Form*/

.shop-comment-form {
  position: relative;
  margin-top: 50px;
}

.shop-comment-form h2 {
  position: relative;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}

.shop-comment-form .mail-text {
  position: relative;
  color: #777777;
  font-size: 16px;
  margin-bottom: 15px;
}

.shop-comment-form .group-title {
  margin-bottom: 20px;
}

.shop-comment-form .rating-box {
  position: relative;
  margin-bottom: 20px;
}

.shop-comment-form .rating-box .text {
  position: relative;
  font-size: 16px;
  color: #333333;
  margin-bottom: 15px;
}

.shop-comment-form .rating-box .rating {
  position: relative;
  margin-right: 10px;
  display: inline-block;
}

.shop-comment-form .rating-box .rating .fa {
  position: relative;
  margin-right: 5px;
  display: inline-block;
}

.shop-comment-form .rating-box .rating a {
  position: relative;
  color: #cccccc;
  font-size: 14px;
  display: inline-block;
}

.shop-comment-form .rating-box .rating a:hover {
  color: #e2201a;
}

.shop-comment-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

.shop-comment-form .form-group label {
  position: relative;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}

.shop-comment-form .form-group:last-child {
  margin-bottom: 0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 28px;
  padding: 10px 15px;
  border: 1px solid #dddddd;
  height: 50px;
  color: #848484;
  font-weight: 300;
  background: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus {
  border-color: #e2201a;
}

.shop-comment-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 10px 15px;
  color: #848484;
  border: 1px solid #dddddd;
  height: 120px;
  font-weight: 300;
  background: #ffffff;
  resize: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.shop-comment-form button {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 32px;
  margin-top: 10px;
  text-transform: uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus {
  border-color: #f06529;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.product-details .comments-area {
  position: relative;
  margin-bottom: 70px;
}

.product-details .comments-area .comment-box {
  position: relative;
  margin-bottom: 56px;
}

.product-details .comments-area .comment-box.reply-comment {
  margin-left: 100px;
}

.product-details .comments-area .comment-box.reply-comment.reply {
  margin-left: 200px;
}

.product-details .comments-area .comment-box:last-child {
  margin-bottom: 0;
}

.product-details .comments-area .comment {
  position: relative;
  min-height: 80px;
  padding-top: 0px;
  padding-left: 100px;
}

.product-details .comments-area .comment-box .author-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 75px;
  width: 75px;
  overflow: hidden;
  border-radius: 50%;
}

.product-details .comments-area .comment-box .author-thumb img {
  width: 100%;
  display: block;
}

.product-details .comments-area .comment-info {
  position: relative;
  display: block;
}

.product-details .comments-area .comment-box .name {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 500;
  color: #373643;
  margin-bottom: 7px;
}

.product-details .comments-area .comment-box .date {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #bbbbbb;
  font-weight: 400;
}

.product-details .comments-area .comment-box .text {
  font-size: 14px;
  line-height: 28px;
  color: #777777;
  font-weight: 400;
}

.product-details .comments-area .comment-box .rating {
  position: relative;
  display: block;
  font-size: 14px;
  color: #e2201a;
  line-height: 20px;
}

.product-details .comments-area .comment-box .reply-btn {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 15px;
  line-height: 25px;
  color: #e2201a;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-details .comments-area .comment-box .reply-btn:hover {
  color: #373643;
}

/*** 

====================================================================
		Related Products
====================================================================

***/

.related-products {
  position: relative;
  padding: 0 0 70px;
}

.related-products .sec-title {
  margin-bottom: 50px;
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section {
  position: relative;
  padding: 120px 0px 90px;
}

.cart-section .cart-outer {
  position: relative;
}

.cart-section .cart-outer .table-column {
  position: relative;
}

.cart-section .cart-outer .table-column .inner-column {
  position: relative;
  padding-right: 20px;
}

.cart-section .table-outer {
  position: relative;
  width: 100%;
}

.cart-section .cart-table {
  width: 100%;
  min-width: 750px;
  border: 1px solid #e7e7e7;
}

.cart-table .cart-header {
  position: relative;
  width: 100%;
  text-transform: capitalize;
  font-size: 15px;
  background: #f2f3f5;
  color: #ffffff;
}

.cart-table thead tr th {
  font-size: 17px;
  color: #848484;
  line-height: 25px;
  padding: 15px 15px;
  min-width: 120px;
  font-weight: 400;
  text-align: center;
}

.cart-table thead tr th.prod-column {
  text-align: left;
  padding-left: 30px;
}

.cart-table tbody tr {
  border-bottom: 2px dashed #f2f2f2;
}

.cart-table tbody tr:last-child {
  border-bottom: 0;
}

.cart-table tbody tr td {
  line-height: 24px;
  padding: 30px 10px 35px;
  min-width: 50px;
  text-align: center;
}

.cart-table tbody tr td.price {
  font-size: 16px;
  font-weight: 400;
  color: #848484;
}

.cart-table tbody tr .qty .quantity-spinner {
  background: #f5f5f5;
  width: 70px;
  text-align: left;
}

.cart-table tbody tr .prod-column .column-box h3 {
  font-size: 17px;
  color: #373643;
  font-weight: 500;
  margin-bottom: 5px;
}

.cart-table tbody tr .prod-column .column-box {
  position: relative;
  min-height: 70px;
  padding-left: 100px;
  padding-top: 30px;
  text-align: left;
  min-width: 250px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
  position: absolute;
  width: 80px;
  left: 0px;
  top: 0px;
  border: 1px solid #f0f0f0;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
  display: block;
  width: 100%;
}

.cart-table tbody tr .prod-column .column-box h4 {
  font-size: 16px;
  color: #373643;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.cart-table tbody tr .sub-total {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #e2201a;
}

.cart-table tbody tr td.remove {
  position: relative;
}

.cart-table tbody tr .remove-btn {
  position: relative;
  font-size: 10px;
  color: #8a8d91;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.cart-table tbody tr .remove {
  text-align: center;
}

.cart-table tbody tr .remove-btn:hover {
  color: #e2201a;
  border-color: #e2201a;
}

.cart-table tbody tr td .quantity-spinner {
  padding: 5px 0px 5px 20px;
  line-height: 24px;
  height: 34px;
  display: block;
  width: 100%;
  position: relative;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"] {
  position: relative;
  line-height: 46px;
  height: 46px;
  background: #ffffff;
}

/*=== Counper Outer ===*/

.cart-section .coupon-outer {
  position: relative;
  border: 1px solid #dddddd;
  margin-top: 50px;
  margin-bottom: 30px;
}

.cart-section .coupon-outer .title-box {
  position: relative;
  background-color: #f2f3f5;
  padding: 15px 30px;
  line-height: 25px;
  font-size: 20px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
}

.cart-section .coupon-outer .content-box {
  position: relative;
  padding: 28px 30px 20px;
}

.cart-section .coupon-outer .content-box .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #373643;
  font-weight: 400;
  margin-bottom: 8px;
}

.cart-section .coupon-outer .cart-btn {
  display: block;
  font-size: 17px;
  color: #8a8d91;
  line-height: 30px;
  padding: 14px 38px;
  font-weight: 600;
  text-transform: capitalize;
  background-color: #ffffff;
  border: 1px solid #fdd6bc;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.cart-section .coupon-outer .cart-btn:hover {
  color: #ffffff;
  background-color: #e2201a;
}

.cart-section .apply-coupon {
  position: relative;
}

.cart-section .apply-coupon .form-group {
  position: relative;
  float: left;
  margin-right: 10px;
}

.cart-section .apply-coupon .form-group .coupon-btn {
  padding: 15px 30px;
  line-height: 30px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #8a8d91;
  padding: 14px 20px;
  border: 1px solid #e5e5e5;
  height: 60px;
  width: 270px;
  background: none;
}

.cart-section .apply-coupon .form-group input[type="text"]:focus {
  border-color: #e2201a;
}

.cart-section .totals-column {
  position: relative;
  margin-bottom: 30px;
}

.cart-section .totals-column .inner {
  position: relative;
}

.cart-total {
  position: relative;
  border: 1px solid #e7e7e7;
  border-top: 0;
  padding-bottom: 50px;
}

.cart-total .title {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 600;
  padding: 15px 30px;
  background-color: #373643;
}

.cart-section .totals-table {
  position: relative;
  padding: 40px 30px 30px;
}

.cart-section .totals-table .col {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  width: 50%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #848484;
  text-align: right;
}

.cart-section .totals-table .col strong {
  font-weight: 500;
  color: #373643;
  font-size: 17px;
}

.cart-section .totals-table .col-title {
  font-size: 17px;
  color: #373643;
  font-weight: 500;
  text-align: left;
}

.cart-section .totals-table li {
  position: relative;
  padding-bottom: 23px;
  margin-bottom: 25px;
  border-bottom: 2px dashed #e7e7e7;
}

.cart-section .totals-table li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.cart-section .totals-table .radio-option {
  position: relative;
  display: block;
}

.cart-section .totals-table .radio-option input {
  position: absolute;
  left: 0;
  top: 3px;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.3;
  background-color: #ffffff;
}

.cart-section .totals-table .total-price {
  font-size: 20px;
  font-weight: 500;
  color: #e2201a;
}

.cart-section .cart-total .btn-box {
  position: relative;
  text-align: center;
  padding: 0 30px;
}

.cart-section .cart-total .btn-box .theme-btn {
  display: block;
  width: 100%;
  padding: 15px 30px;
}

/*** 

====================================================================
	CheckOut Sectioon
====================================================================

***/

.checkout-page {
  position: relative;
  padding: 120px 0px 70px;
}

.checkout-page .default-links {
  position: relative;
}

.checkout-page .default-links li {
  position: relative;
  font-size: 15px;
  line-height: 30px;
  padding: 14px 30px;
  color: #373643;
  background: #ffffff;
  font-weight: 400;
  border: 1px solid #e5e5e5;
  border-left: 2px solid #e2201a;
  margin-bottom: 30px;
}

.checkout-page .default-links li a {
  color: #e2201a;
  text-decoration: underline;
}

.checkout-title {
  position: relative;
  font-size: 20px;
  line-height: 25px;
  padding: 14px 30px;
  color: #373643;
  background: #ffffff;
  font-weight: 600;
  border: 1px solid #e5e5e5;
}

.billing-detail {
  position: relative;
  border: 1px solid #e7e7e7;
  padding: 25px 30px 5px;
  border-top: 0;
  margin-bottom: 30px;
}

.checkout-form {
  position: relative;
}

.checkout-form .form-group {
  position: relative;
  margin-bottom: 25px;
}

.checkout-form .form-group .field-label {
  display: block;
  line-height: 24px;
  margin-bottom: 3px;
  text-transform: capitalize;
  color: #373643;
  font-size: 16px;
  font-weight: 400;
}

.checkout-form .form-group .field-label sup {
  top: -1px;
  font-size: 16px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
  position: relative;
  display: block;
  width: 100%;
  background: #ffffff;
  line-height: 23px;
  padding: 10px 15px;
  height: 45px;
  font-size: 16px;
  color: #808080;
  font-weight: 400;
  border: 1px solid #e7e7e7;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.checkout-form textarea {
  resize: none;
  width: 100%;
  height: 120px !important;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
  border-color: #e2201a;
}

.checkout-form .form-group.address input {
  margin-bottom: 10px;
}

.checkout-form .form-group.address input:last-child {
  margin-bottom: 0;
}

.checkout-page .check-box {
  line-height: 24px;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
}

.checkout-page .check-box label {
  position: relative;
  top: -1px;
  font-weight: 400;
  padding: 0px;
  font-size: 16px;
  cursor: pointer;
  color: #373643;
}

.checkout-page .Additional-info {
  position: relative;
  border: 1px solid #e7e7e7;
  padding: 25px 30px 5px;
  border-top: 0;
  margin-bottom: 50px;
}

.order-detail {
  position: relative;
  border: 1px solid #e7e7e7;
  padding: 0 30px 0;
  border-top: 0;
  margin-bottom: 30px;
}

.order-detail .cart-outer {
  position: relative;
}

.order-detail .cart-table {
  width: 100%;
  min-width: 300px;
}

.order-detail .cart-table .sub-total {
  position: relative;
  text-align: right;
  font-size: 15px;
  line-height: 30px;
  color: #848484;
  font-weight: 400;
}

.order-detail .cart-table .col {
  text-align: right;
  width: 50%;
}

.order-detail .cart-table .col-title {
  position: relative;
  text-align: left;
  padding: 0px 10px;
  font-size: 17px;
  font-weight: 600;
  color: #373643;
}

.order-detail .cart-table .col.total {
  font-size: 20px;
  color: #e2201a;
  font-weight: 600;
}

/*Payment Option*/

.checkout-page .payment-options {
  position: relative;
  padding: 30px 30px 40px;
  background-color: #f2f3f5;
  margin-bottom: 50px;
}

.checkout-page .payment-options h3 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #373643;
  font-weight: 600;
  margin-bottom: 30px;
}

.checkout-page .payment-options li {
  position: relative;
  margin-bottom: 5px;
}

.checkout-page .payment-options li .radio-option {
  position: relative;
}

.checkout-page .payment-options li .radio-option label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  text-transform: capitalize;
  color: #333333;
  cursor: pointer;
}

.checkout-page .payment-options li .radio-option label strong {
  color: #373643;
  font-weight: 500;
  font-size: 17px;
}

.checkout-page .payment-options li .radio-option label strong a {
  font-size: 15px;
  color: #e2201a;
  margin-left: 25px;
  font-weight: 400;
  text-decoration: underline;
}

.checkout-page .payment-options li .radio-option input[type="radio"] {
  position: absolute;
  left: 0px;
  top: 3px;
  opacity: 0.5;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.checkout-page .payment-options li .radio-option label .small-text {
  position: relative;
  display: none;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: normal;
  font-size: 15px;
  color: #848484;
  line-height: 24px;
  padding: 15px 20px;
  margin-top: 10px;
  background-color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 15px;
}

.checkout-page .payment-options li .radio-option input:checked+label .small-text {
  display: block;
}

.checkout-page .payment-options li .radio-option label .small-text:before {
  position: absolute;
  content: "";
  left: 30px;
  top: -8px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #ffffff;
}

.checkout-page .payment-options li .radio-option label img {
  position: relative;
  top: -3px;
  display: inline-block;
  max-width: 100%;
  padding-left: 30px;
}

.checkout-page .payment-options .btn-box {
  position: relative;
  text-align: right;
  margin-top: 30px;
}

.checkout-page .payment-options .theme-btn {
  padding: 15px 55px;
  font-weight: 600;
}

/*** 

====================================================================
	Login Section
====================================================================

***/

.login-section {
  position: relative;
  padding: 120px 0px 80px;
}

.login-form.register-form {
  padding-bottom: 47px;
}

.login-section h2 {
  position: relative;
  color: #373643;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 25px;
}

.login-form {
  position: relative;
  padding: 30px 40px 25px;
  background-color: #f9f9f9;
  margin-bottom: 40px;
}

.login-form .form-group {
  position: relative;
  margin-bottom: 16px;
}

.login-form .form-group.check-box {
  margin-bottom: 0px;
}

.login-form .form-group:nth-child(2) {
  margin-bottom: 25px;
}

.login-section.style-two .login-form .form-group:nth-child(2) {
  margin-bottom: 15px;
}

.login-form .form-group label {
  position: relative;
  top: -1px;
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
}

.login-form .form-group.no-margin {
  margin-bottom: 0px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 28px;
  padding: 10px 20px;
  height: 50px;
  color: #666666;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus {
  border-color: #ff8a00;
}

.login-form button {
  top: 0px;
  margin-top: 0px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 36px;
  line-height: 25px;
  color: #ffffff;
  text-transform: uppercase;
}

.login-form .psw {
  display: inline-block;
  position: relative;
  color: #666666;
  font-size: 16px;
}

.login-form .psw:hover {
  text-decoration: underline;
}

.kingstrox .elementor-widget-wrap.elementor-element-populated {
  padding: 0 !important;
}

.kingstrox .service-block .lower-content span {
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 1em;
  color: #373643;
  margin-bottom: 20px;
}

.kingstrox input.wpcf7-form-control.has-spinner.wpcf7-submit {
  background-color: #e2201a;
  position: relative;
  display: inline-block;
  font-size: 17px;
  color: #ffffff;
  font-weight: 600;
  overflow: hidden;
  letter-spacing: 0.02em;
  border-radius: 24px 0 24px 0;
  box-shadow: 0 4px 12px rgba(226, 32, 26, 0.3);
}

.kingstrox input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background-color: #b71b15;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(226, 32, 26, 0.4);
}

.kingstrox .elementor-widget-container .elementor-icon-wrapper .elementor-icon:hover {
  border-color: #e2201a !important;
}

.kingstrox .elementor-icon-list-item a:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.kingstrox .elementor-icon-box-title a:hover {
  color: #e2201a;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.kingstrox .swiper-slide .swiper-slide-inner img {
  opacity: 0.5;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.kingstrox .swiper-slide .swiper-slide-inner img:hover {
  opacity: 1;
}

.kingstrox .elementor-counter .elementor-counter-number-prefix {
  display: none;
}

.kingstrox .elementor-icon-box-title span:hover {
  color: #e2201a !important;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.kingstrox .elementor-widget-container p {
  color: #ffffff;
  opacity: 0.7;
}

.kingstrox .elementor-widget-container span a:hover {
  color: #e2201a;
  text-decoration: underline;
}

.kingstrox .elementor-social-icons-wrapper.elementor-grid .elementor-grid-item a:hover {
  background-color: #e2201a;
}

.kingstrox .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text:hover {
  text-decoration: underline;
}

.kingstrox .elementor-widget-container .elementor-heading-title.elementor-size-default a:hover {
  text-decoration: underline;
}

.kingstrox .elementor-widget-container .elementor-heading-title.elementor-size-default a:hover {
  color: #e2201a;
  text-decoration: underline;
}

.kingstrox-1 .elementor-widget-container .elementor-heading-title.elementor-size-default a:before {
  position: absolute;
  right: -10px;
  top: 0;
  font-size: 15px;
  line-height: 24px;
  color: #cdced1;
  font-weight: 400;
  content: "|";
}

.kingstrox-1 .elementor-widget-container .elementor-heading-title.elementor-size-default a:hover {
  color: #e2201a;
  text-decoration: underline;
}

.scroll-to-top {
  position: absolute;
  bottom: 75px;
  right: 30px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #e2201a;
  display: block;
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top .icon {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #e2201a;
}

.brochure-box .info-box li.active:before,
.brochure-box .info-box li:hover:before {
  opacity: 0;
}

.brochure-box .info-box li a:before,
.brochure-box .info-box li:hover a:before {
  opacity: 0;
}

.blog-classic .news-block h3 {
  font-size: 24px;
  line-height: 32px;
  color: #373643;
  font-weight: 600;
}

.fixed-header .sticky-header img {
  width: 160px;
}

/* Hide sticky mobile toggler on desktop */
.sticky-mobile-nav-toggler {
  display: none;
}

.admin-bar header.main-header.header-style-three {
  top: 32px;
}

.banner-section.three .content-box {
  padding: 230px 15px 170px;
}

/* ========================================
   Custom Style Modifications
   ======================================== */

/* 1. About Section Style Two - Two Images with Video Button Between */
.about-section.style-two .image-column .inner-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  padding-bottom: 0 !important;
  align-items: stretch;
}

.about-section.style-two .image-column .image-1 {
  flex: 1;
  position: relative !important;
  min-height: 320px;
}

.about-section.style-two .image-column .image-1 img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  display: block;
}

.about-section.style-two .image-column .image-2 {
  flex: 1;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  min-height: 320px;
  animation-name: fadeInDown !important;
}

.about-section.style-two .image-column .image-2 img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  display: block;
}

.about-section.style-two .image-column .video-link {
  position: absolute !important;
  left: 5%;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10;
}

/* 2. About Section Style Three - Full Width Image */
.about-section.style-three .image-column .inner-column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.about-section.style-three .image-column img {
  width: 100%;
  height: auto;
  display: block;
}

/* 3. Banner Section - Hide link-box on About pages only */
.page-id-4273 .banner-section .link-box,
.page-id-1421 .banner-section .link-box {
  display: none !important;
}

/* 4. Project Section Two - 5 Items Per Row */
.project-section-two .projects-outer .project-block-two {
  flex: 0 0 20%;
  max-width: 20%;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .project-section-two .projects-outer .project-block-two {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/* ── About section — 1024 px laptops ─────────────────────────────────
   HTML: col-lg-12 full-width, image-1 natural ratio ≈ 1:1 (1500×1555)
   → at 1024px the image rendered ~960px tall, overflowing the section.
   image-2 is position:absolute left:-50px which also clipped off-screen.
   ───────────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    
    .testimonials-and-clients .clients-column {
        top: 65px;
    }
    
  /* Reduce padding so images have more breathing room */
  .about-section .image-column .inner-column {
    padding-left: 40px !important;
    /* keep bottom padding so absolutely-positioned image-2 clears the edge */
    padding-bottom: 60px !important;
  }

  /* Scale the decorative background circle down */
  .about-section .image-column .inner-column:before {
    width: 380px !important;
    height: 380px !important;
    left: -40px !important;
    top: 50px !important;
  }

  /* Constrain image-1 height — without this it fills ~960px at 1024px width
     due to the near-square 1500/1555 aspect ratio */
  .about-section .image-column .image-1 img {
    width: 100% !important;
    height: 480px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }

  /* Pull image-2 back inside the viewport — base has left:-50px which
     at this breakpoint clips the image against the container edge */
  .about-section .image-column .image-2 {
    left: 0 !important;
    bottom: -20px !important;
  }

  .about-section .image-column .image-2 img {
    width: 200px !important;
    height: auto !important;
  }

  /* Re-centre the play button vertically on the new 480px image height
     (base top:215px was calibrated for full natural-height image) */
  .about-section .image-column .video-link {
    left: 20px !important;
    top: 200px !important;
  }

  /* Scale the circular button to match the smaller image */
  .about-section .image-column .video-link .link {
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 768px) {
  .project-section-two .projects-outer .project-block-two {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .testimonials-and-clients .clients-column {
      top: 0 !important;
  }

  .about-section.style-two .image-column .inner-column {
    flex-direction: column;
    height: auto;
  }

  .about-section.style-two .image-column .image-1,
  .about-section.style-two .image-column .image-2 {
    /* flex: 1 1 auto; */
    width: 100%;
    height: 400px;
  }
}

@media (max-width: 480px) {
  .project-section-two .projects-outer .project-block-two {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .rtl .news-block-two .image-column .image img {
     border-radius: 50px 50px 0 0;
    }
}

/* Elementor Banner Section - Full width replacement for traditional banner */
.elementor-banner-section {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove parent padding when banner is inside sidebar-page-container */
/* .sidebar-page-container .elementor-banner-section {
	margin-top: -120px !important;
	margin-bottom: -120px !important;
} */

/* Ensure content inside banner section respects auto-container */
.elementor-banner-section .auto-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100% !important;
}

.full-w-container {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.full-w-container .auto-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.zero-paddings {
  padding: 0 !important;
}

.card-with-tags .card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}

.card-with-tags .card-tag {
  display: inline-block;
  padding: 6px 16px;
  background: #f8f9fa;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
  color: #5a5a5a;
  transition: all 0.3s ease;
}

.card-with-tags:hover .card-tag {
  background: #e9ecef;
  color: #373643;
}

/* ========================================
   ENHANCED HOME PAGE CONTACT FORM
   ======================================== */

/* Modern Contact Form - Add "modern-form" class to contact-form div */
.contact-form.modern-form {
  background: #ffffff;
  border-radius: 24px;
  padding: 48px 44px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
}

/* Form Group Spacing */
.contact-form.modern-form .form-group {
  margin-bottom: 24px;
}

/* Input Fields */
.contact-form.modern-form input[type="text"],
.contact-form.modern-form input[type="email"],
.contact-form.modern-form input[type="tel"],
.contact-form.modern-form textarea {
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #373643;
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  transition: all 0.3s ease;
  font-family: "Lato", sans-serif;
}

.contact-form.modern-form input[type="text"]:focus,
.contact-form.modern-form input[type="email"]:focus,
.contact-form.modern-form input[type="tel"]:focus,
.contact-form.modern-form textarea:focus {
  background: #ffffff;
  border-color: #e2201a;
  outline: none;
  box-shadow: 0 0 0 4px rgba(226, 32, 26, 0.1);
}

/* Placeholder Styling */
.contact-form.modern-form input::placeholder,
.contact-form.modern-form textarea::placeholder {
  color: #9ca3af;
  font-size: 15px;
}

/* Textarea */
.contact-form.modern-form textarea {
  min-height: 140px;
  resize: vertical;
}

/* Submit Button */
.contact-form.modern-form input[type="submit"],
.contact-form.modern-form button[type="submit"] {
  width: 100%;
  padding: 18px 32px;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(135deg, #e2201a 0%, #b71b15 100%);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 12px rgba(226, 32, 26, 0.3);
}

.contact-form.modern-form input[type="submit"]:hover,
.contact-form.modern-form button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(226, 32, 26, 0.4);
  background: linear-gradient(135deg, #b71b15 0%, #e2201a 100%);
}

/* Compact Form Variant - For 3 fields only */
.contact-form.compact-form {
  background: #f8f9fa;
  border-radius: 20px;
  padding: 40px 36px;
}

.contact-form.compact-form .row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.contact-form.compact-form .form-group {
  margin-bottom: 0;
}

.contact-form.compact-form input[type="text"],
.contact-form.compact-form input[type="email"],
.contact-form.compact-form input[type="tel"] {
  padding: 14px 18px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}

.contact-form.compact-form input[type="submit"] {
  width: auto;
  min-width: 180px;
  padding: 14px 32px;
}

/* Inline Form - All fields in one row */
.contact-form.inline-form .row {
  display: flex;
  gap: 12px;
  align-items: flex-end;
}

.contact-form.inline-form .form-group {
  flex: 1;
  margin-bottom: 0;
}

.contact-form.inline-form .form-group:last-child {
  flex: 0 0 auto;
}

.contact-form.inline-form input[type="submit"] {
  width: auto;
  min-width: 160px;
  padding: 16px 28px;
}

/* Two Column Layout Enhancement */
.contact-form.modern-form .row {
  margin: 0 -12px;
}

.contact-form.modern-form .form-group {
  padding: 0 12px;
}

/* Minimal Form - Clean & Simple */
.contact-form.minimal-form {
  background: transparent;
  padding: 0;
}

.contact-form.minimal-form input,
.contact-form.minimal-form textarea {
  background: transparent;
  border: none;
  border-bottom: 2px solid #e0e0e0;
  border-radius: 0;
  padding: 12px 0;
}

.contact-form.minimal-form input:focus,
.contact-form.minimal-form textarea:focus {
  background: transparent;
  border-bottom-color: #e2201a;
  box-shadow: none;
}

/* Card Form with Icon */
.contact-form.card-form {
  background: #ffffff;
  border-radius: 20px;
  padding: 44px 40px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  position: relative;
}

.contact-form.card-form:before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #e2201a 0%, #b71b15 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(226, 32, 26, 0.3);
}

/* Form Title Styling */
.contact-form.modern-form .form-title,
.contact-form.card-form .form-title {
  text-align: center;
  margin-bottom: 32px;
}

.contact-form.modern-form .form-title h3,
.contact-form.card-form .form-title h3 {
  font-size: 32px;
  font-weight: 700;
  color: #373643;
  margin-bottom: 12px;
}

.contact-form.modern-form .form-title p,
.contact-form.card-form .form-title p {
  font-size: 16px;
  color: #6b7280;
  margin: 0;
}

/* Success/Error Messages */
.contact-form .wpcf7-response-output {
  margin-top: 20px;
  padding: 16px 20px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
}

.contact-form .wpcf7-mail-sent-ok {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #6ee7b7;
}

.contact-form .wpcf7-validation-errors,
.contact-form .wpcf7-mail-sent-ng {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}

/* Validation Styling */
.contact-form.modern-form .wpcf7-not-valid {
  border-color: #ef4444 !important;
}

.contact-form.modern-form .wpcf7-not-valid-tip {
  color: #dc2626;
  font-size: 13px;
  margin-top: 6px;
  display: block;
}

/* Loading Spinner */
.contact-form.modern-form .wpcf7-spinner {
  margin-left: 12px;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
  .contact-form.modern-form {
    padding: 36px 28px;
    border-radius: 20px;
  }

  .contact-form.modern-form .form-group {
    margin-bottom: 20px;
  }

  .contact-form.modern-form input,
  .contact-form.modern-form textarea {
    padding: 14px 18px;
    font-size: 15px;
  }

  .contact-form.modern-form input[type="submit"] {
    padding: 16px 28px;
    font-size: 16px;
  }

  /* Stack inline form on mobile */
  .contact-form.inline-form .row {
    flex-direction: column;
    gap: 16px;
  }

  .contact-form.inline-form .form-group:last-child {
    flex: 1;
  }

  .contact-form.inline-form input[type="submit"] {
    width: 100%;
  }

  .contact-form.compact-form {
    padding: 32px 24px;
  }

  .contact-form.card-form {
    padding: 40px 28px;
  }

  .contact-form.modern-form .form-title h3,
  .contact-form.card-form .form-title h3 {
    font-size: 28px;
  }
}

/* Dark Form Variant */
.contact-form.dark-form {
  background: #1f2937;
  border-color: #374151;
}

.contact-form.dark-form input,
.contact-form.dark-form textarea {
  background: #374151;
  border-color: #4b5563;
  color: #ffffff;
}

.contact-form.dark-form input::placeholder,
.contact-form.dark-form textarea::placeholder {
  color: #9ca3af;
}

.contact-form.dark-form input:focus,
.contact-form.dark-form textarea:focus {
  background: #4b5563;
  border-color: #e2201a;
}

.contact-form.dark-form .form-title h3 {
  color: #ffffff;
}

.contact-form.dark-form .form-title p {
  color: #d1d5db;
}

/* ====================================================================
   Solution Card (Widget Class: solution-card)
   ==================================================================== */
.solution-card {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: 100%;
}

/* Card Wrapper - Left-aligned layout */
.solution-card .elementor-icon-box-wrapper {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 18px;
  padding: 28px 24px 28px 24px;
  text-align: left;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  -webkit-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Card Hover */
.solution-card:hover .elementor-icon-box-wrapper {
  border-color: rgba(226, 32, 26, 0.2);
  box-shadow:
    0 16px 40px rgba(226, 32, 26, 0.09),
    0 2px 8px rgba(0, 0, 0, 0.04);
}

.solution-card:hover .elementor-icon-box-wrapper:before {
  height: 100%;
  border-radius: 18px 0 0 18px;
  opacity: 0.12;
}

/* ── Icon: top-left, compact size ── */
.solution-card .elementor-icon-box-icon {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  align-self: flex-start !important;
}

.solution-card .elementor-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #e2201a, #b71b15) !important;
  box-shadow: 0 6px 16px rgba(226, 32, 26, 0.22) !important;
  -webkit-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.solution-card .elementor-icon svg {
  width: 28px !important;
  height: 28px !important;
  fill: #ffffff !important;
}

.solution-card:hover .elementor-icon {
  transform: scale(1.06) rotate(4deg) !important;
  box-shadow: 0 10px 22px rgba(226, 32, 26, 0.32) !important;
}

/* ── Content block: full width ── */
.solution-card .elementor-icon-box-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100% !important;
  text-align: left !important;
}

/* ── Title ── */
.solution-card .elementor-icon-box-title {
  font-size: 17px !important;
  line-height: 1.35em !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.solution-card .elementor-icon-box-title a {
  color: #1e1d27 !important;
  text-decoration: none !important;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.solution-card:hover .elementor-icon-box-title a {
  color: #e2201a !important;
}

/* ── Technology Tags Row (the div inside description) ── */
.solution-card .elementor-icon-box-content>div {
  margin: 20px auto !important;
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #e2201a !important;
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  border: none !important;
  opacity: 0.85;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-align: center;
}

.solution-card:hover .elementor-icon-box-content>div {
  opacity: 1;
  background-color: transparent !important;
  color: #e2201a !important;
  border-color: transparent !important;
}

/* Thin separator below tags */
.solution-card .elementor-icon-box-content>div:after {
  content: "";
  display: block;
  margin-top: 10px;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
}

/* ── Card Description ── */
.solution-card .card-description {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #666373 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.15px !important;
  margin: 0 !important;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-align: center;
}

.solution-card:hover .card-description {
  color: #3a3944 !important;
}

/* ── RTL Support ── */
.rtl .solution-card .elementor-icon-box-wrapper {
  text-align: right !important;
  align-items: flex-end !important;
}

.rtl .solution-card .elementor-icon-box-wrapper:before {
  left: auto !important;
  right: 0 !important;
  border-radius: 0 18px 0 0 !important;
}

.rtl .solution-card:hover .elementor-icon-box-wrapper:before {
  border-radius: 0 18px 18px 0 !important;
}

.rtl .solution-card .elementor-icon-box-content {
  text-align: right !important;
}

.rtl .solution-card .elementor-icon-box-icon {
  align-self: flex-start !important;
}

/* ====================================================================
   Feature Media Card (Widget Class: feature-media-card)
   Image → Heading → Description layout · 6 per row
   Usage: add "feature-media-card" as the CSS class on an Elementor
   Image Box widget (or a plain HTML widget with the structure below).

   Expected markup:
   <div class="feature-media-card">
     <img src="..." alt="...">
     <h3>Card Heading</h3>
     <p>Card description text goes here.</p>
   </div>
   ==================================================================== */

.feature-media-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 30px !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
  height: 100% !important;
  -webkit-transition:
    box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
    border-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition:
    box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
    border-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.feature-media-card:hover {
  box-shadow:
    0 16px 40px rgba(226, 32, 26, 0.09),
    0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.feature-media-card img {
  width: 100% !important;
  max-width: 100% !important;
  height: 200px !important;
  object-fit: fill !important;
  border-radius: 12px !important;
  display: block !important;
  margin-bottom: 20px !important;
  -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* ── Heading ── */
.feature-media-card h3,
.feature-media-card .feature-media-card__title {
  font-family: 'Fahkwang', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #1e1d27 !important;
  margin: 0 0 6px !important;
  letter-spacing: 0.02em !important;
  -webkit-transition: color 0.3s ease !important;
  transition: color 0.3s ease !important;
  color: #373643 !important;
}

/* ── Description ── */
.feature-media-card p,
.feature-media-card .feature-media-card__desc {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #777585 !important;
  margin: 0 !important;
  letter-spacing: 0.15px !important;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  max-width: 90%;
  color: #6b6e82 !important;
}

/* ── RTL support ── */
.rtl .feature-media-card {
  text-align: right;
  align-items: flex-end;
}

/* ====================================================================
   Partner Feature Item (Widget Class: partner-feature-item)
   "Why Automera" section — horizontal icon-left layout
   ==================================================================== */

/* ── Strip default Elementor widget padding/borders ── */
.partner-feature-item {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: 100%;
}

/* ── Wrapper: horizontal flex row ── */
.partner-feature-item .elementor-icon-box-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px 20px 20px 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  height: 100% !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  max-height: 350px;
}

/* ── Hover state ── */
.partner-feature-item:hover .elementor-icon-box-wrapper {
  border-color: rgba(226, 32, 26, 0.15) !important;
  box-shadow: 0 8px 24px rgba(226, 32, 26, 0.07) !important;
}

/* ── Icon: compact square, never grows ── */
.partner-feature-item .elementor-icon-box-icon {
  flex-shrink: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
}

.partner-feature-item .elementor-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: rgba(226, 32, 26, 0.08) !important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.partner-feature-item .elementor-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: #e2201a !important;
  -webkit-transition: fill 0.3s ease !important;
  transition: fill 0.3s ease !important;
}

/* Icon hover: fill solid */
.partner-feature-item:hover .elementor-icon {
  background: linear-gradient(135deg, #e2201a, #b71b15) !important;
}

.partner-feature-item:hover .elementor-icon svg {
  fill: #ffffff !important;
}

/* ── Content: takes remaining space ── */
.partner-feature-item .elementor-icon-box-content {
  flex: 1 !important;
  min-width: 0 !important;
  text-align: left !important;
}

/* ── Title ── */
.partner-feature-item .elementor-icon-box-title {
  font-size: 20px !important;
  line-height: 1.3em !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
  color: #373643 !important;
  -webkit-transition: color 0.3s ease !important;
  transition: color 0.3s ease !important;
}

.partner-feature-item .elementor-icon-box-title span,
.partner-feature-item .elementor-icon-box-title a {
  color: inherit !important;
  text-decoration: none !important;
}

.partner-feature-item:hover .elementor-icon-box-title {
  color: #e2201a !important;
}

/* ── Description ── */
.partner-feature-item .elementor-icon-box-description {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  -webkit-transition: color 0.3s ease !important;
  transition: color 0.3s ease !important;
  max-width: 80% !important;
}

.partner-feature-item:hover .elementor-icon-box-description {
  color: #4a4955 !important;
}

/* ── RTL Support ── */
.rtl .partner-feature-item .elementor-icon-box-wrapper {
  text-align: right !important;
}

.rtl .partner-feature-item .elementor-icon-box-wrapper:before {
  left: auto !important;
  right: 0 !important;
  border-radius: 0 14px 14px 0 !important;
}

.rtl .partner-feature-item .elementor-icon-box-content {
  text-align: right !important;
}

/* ────────────────────────────────────────────
   LEFT COLUMN — info side
   ──────────────────────────────────────────── */
.git-info {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* eyebrow label */
.git-info .git-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #e2201a;
  margin-bottom: 20px;
}

/* heading */
.git-info .git-heading {
  font-size: clamp(24px, 2.4vw, 40px);
  font-weight: 800;
  line-height: 1.2;
  color: #1e1d27;
  margin: 0;
  max-width: 100%;
  letter-spacing: -0.5px;
}

.git-info .git-heading .special-word {
  color: #e2201a;
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* sub-text */
.git-info .git-subtext {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  color: #888596;
  margin: 18px 0 40px;
  max-width: 100%;
}

/* info items grid — 2 columns */
.git-info .git-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
}

/* single info item */
.git-info .git-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 14px;
  padding: 16px 18px;
  text-align: left;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  -webkit-transition:
    box-shadow 0.3s ease,
    border-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.git-info .git-item:hover {
  border-color: rgba(226, 32, 26, 0.15);
  box-shadow: 0 6px 20px rgba(226, 32, 26, 0.08);
}

/* text block: label on top, value below */
.git-info .git-item-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
  min-width: 0;
  width: 100%;
  justify-content: start;
  align-items: center;
}

/* icon: fixed size, flex-shrink 0 */
.git-info .git-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: rgba(226, 32, 26, 0.08);
  flex-shrink: 0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.git-info .git-item:hover .git-item-icon {
  background: rgba(226, 32, 26, 0.14);
}

.git-info .git-item-icon svg {
  width: 19px;
  height: 19px;
  fill: #e2201a;
}

/* label: uppercase category tag */
.git-info .git-item-label {
  font-size: 13px;
  font-weight: 700;
  color: #1e1d27;
  text-transform: uppercase;
  line-height: 1.8;
}

/* value: main readable content */
.git-info .git-item-value {
  font-size: 13.5px;
  font-weight: 700;
  color: #777585 !important;
  line-height: 1.8;
}

.git-info .git-item-value a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.git-info .git-item-value a:hover {
  color: #e2201a;
}

/* row: two fields side by side */
.git-form-card .git-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

/* single field group */
.git-form-card .git-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 14px;
}

.git-form-card .git-row .git-field {
  margin-bottom: 0;
}

/* label */
.git-form-card label {
  font-size: 11.5px;
  font-weight: 700;
  color: #9ca3af;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

/* inputs & textarea */
.git-form-card input[type="text"],
.git-form-card input[type="email"],
.git-form-card input[type="tel"],
.git-form-card textarea {
  width: 100%;
  padding: 10px 14px;
  font-size: 13.5px;
  font-weight: 400;
  color: #1e1d27;
  background: #f8f9fb;
  border: 1.5px solid rgba(0, 0, 0, 0.09);
  border-radius: 9px;
  outline: none;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.git-form-card input[type="text"]:focus,
.git-form-card input[type="email"]:focus,
.git-form-card input[type="tel"]:focus,
.git-form-card textarea:focus {
  background: #ffffff;
  border-color: #e2201a;
  box-shadow: 0 0 0 3px rgba(226, 32, 26, 0.08);
}

/* placeholder */
.git-form-card input::placeholder,
.git-form-card textarea::placeholder {
  color: #c4c2cd;
  font-size: 13px;
}

/* textarea */
.git-form-card textarea {
  min-height: 100px;
  resize: vertical;
}

/* submit button */
.git-form-card .git-submit {
  width: 100%;
  padding: 13px 24px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, #e2201a 0%, #b71b15 100%);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  letter-spacing: 0.03em;
  box-shadow: 0 4px 14px rgba(226, 32, 26, 0.28);
  -webkit-transition:
    box-shadow 0.3s ease,
    background 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    background 0.3s ease;
}

.git-form-card .git-submit:hover {
  box-shadow: 0 6px 22px rgba(226, 32, 26, 0.38);
  background: linear-gradient(135deg, #cc1c16 0%, #a51810 100%);
}

.git-form-card .git-submit:active {
  box-shadow: 0 2px 8px rgba(226, 32, 26, 0.22);
}

/* ── Responsive: stack on mobile ── */
@media (max-width: 900px) {

  .git-info,
  .git-form-wrap {
    flex: none;
    max-width: 100%;
  }

  .git-form-card {
    padding: 28px 20px 32px;
  }

  .git-form-card .git-row {
    grid-template-columns: 1fr;
  }

  .git-info .git-items {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .git-info .git-items {
    grid-template-columns: 1fr;
  }
}

/* ── RTL support ── */
.rtl {
  flex-direction: row-reverse;
}

.rtl .git-info {
  align-items: flex-start;
  text-align: right;
}

.rtl .git-info .git-subtext {
  margin-right: 0;
  margin-left: auto;
}

/* ====================================================================
   Contact Form 7 — git-form-card integration
   Add "git-form-card" as CSS class on the Elementor column (Advanced tab)
   ==================================================================== */

/* White card wrapper */
.git-form-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 3px solid #e2201a;
  border-radius: 20px;
  padding: 32px 28px 36px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.09);
  box-sizing: border-box;
  height: 460px !important;
  transition: box-shadow 0.3s ease;
}

.git-form-card:hover {
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12);
}

.git-form-card .wpcf7 {
  margin: 0;
  padding: 0;
}

.git-form-card .contact-form {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.git-form-card .git-field p,
.git-form-card .git-row p {
  margin: 0 !important;
  padding: 0 !important;
}

/* .git-row: two columns side by side */
.git-form-card .git-row {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
}

.git-form-card .git-row .git-field {
  flex: 1;
  margin-bottom: 0 !important;
}

.rtl .git-form-card .git-row {
    flex-direction: row-reverse;
}

/* .git-field spacing */
.git-form-card .git-field {
  margin-bottom: 12px;
}

/* CF7 control wrap must be block to fill its column */
.git-form-card .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Override .contact-form input styles completely */
.git-form-card .contact-form input[type="text"],
.git-form-card .contact-form input[type="email"],
.git-form-card .contact-form input[type="tel"],
.git-form-card .contact-form textarea,
.git-form-card .wpcf7-text,
.git-form-card .wpcf7-email,
.git-form-card .wpcf7-tel,
.git-form-card .wpcf7-textarea {
  height: auto !important;
  color: #1e1d27 !important;
  background-color: #f8f9fb !important;
  border: 1.5px solid rgba(0, 0, 0, 0.09) !important;
  border-radius: 10px !important;
  padding: 11px 15px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  -webkit-transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

.git-form-card .contact-form input[type="text"]:focus,
.git-form-card .contact-form input[type="email"]:focus,
.git-form-card .contact-form input[type="tel"]:focus,
.git-form-card .contact-form textarea:focus,
.git-form-card .wpcf7-text:focus,
.git-form-card .wpcf7-email:focus,
.git-form-card .wpcf7-tel:focus,
.git-form-card .wpcf7-textarea:focus {
  background-color: #ffffff !important;
  border-color: #e2201a !important;
  box-shadow: 0 0 0 3px rgba(226, 32, 26, 0.13) !important;
  outline: none !important;
}

.git-form-card .contact-form input[type="text"]:hover,
.git-form-card .contact-form input[type="email"]:hover,
.git-form-card .contact-form input[type="tel"]:hover,
.git-form-card .contact-form textarea:hover {
  border-color: rgba(226, 32, 26, 0.3) !important;
}

/* Placeholder */
.git-form-card ::-webkit-input-placeholder {
  color: #d1d5db !important;
  font-size: 13.5px;
}

.git-form-card ::-moz-placeholder {
  color: #d1d5db !important;
  font-size: 13.5px;
}

.git-form-card :-ms-input-placeholder {
  color: #d1d5db !important;
  font-size: 13.5px;
}

.git-form-card ::placeholder {
  color: #d1d5db !important;
  font-size: 13.5px;
}


/* Textarea height */
.git-form-card .contact-form textarea,
.git-form-card .wpcf7-textarea {
  min-height: 110px !important;
  max-height: 200px !important;
  resize: vertical !important;
}

/* ── Invalid field ── */
.git-form-card .wpcf7-not-valid {
  border-color: #e2201a !important;
  background: #fff8f8 !important;
  box-shadow: 0 0 0 3px rgba(226, 32, 26, 0.1) !important;
}

/* ── Validation error tip ── */
.git-form-card .wpcf7-not-valid-tip {
  display: block;
  margin-top: 5px;
  font-size: 11.5px;
  font-weight: 600;
  color: #e2201a;
  letter-spacing: 0.1px;
}

.git-form-card .git-field.btn-pill-arrow {
  display: flex !important;
  margin-bottom: 0;
}

/* ── Submit button ── */
.git-form-card .contact-form input[type="submit"],
.git-form-card .wpcf7-submit {
  width: 100%;
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 60px !important;
  font-size: 19px !important;
  color: #ffffff !important;
  padding: 0 8px 0 32px !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  letter-spacing: 0.02em !important;
  background-color: #e2201a !important;
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(226, 32, 26, 0.3) !important;
  margin: 0;
  text-decoration: none !important;
  box-sizing: border-box !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.rtl .git-form-card .contact-form input[type="submit"],
.rtl .git-form-card .wpcf7-submit {
    flex-direction: row-reverse;
    padding-right: 20px !important;
    padding-left: 0 !important;
}

.rtl .git-form-card .wpcf7-submit::after {
    content: "\f060" !important;
    margin-left: 10px !important;
}

/* Arrow circle — works because PHP hook outputs <button> instead of <input> */
.git-form-card .wpcf7-submit::after {
  content: "\f061" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: #81120e !important;
  color: #ffffff !important;
  margin-left: 16px !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
  -webkit-transition:
    background 0.3s ease,
    transform 0.3s ease !important;
  transition:
    background 0.3s ease,
    transform 0.3s ease !important;
}

.git-form-card .contact-form input[type="submit"]:hover,
.git-form-card .wpcf7-submit:hover {
  background-color: #b71b15 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(226, 32, 26, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.git-form-card .wpcf7-submit:hover::after {
  background-color: rgba(0, 0, 0, 0.3) !important;
  transform: translateX(4px) !important;
}

.rtl .git-form-card .wpcf7-submit:hover::after {
  background-color: rgba(0, 0, 0, 0.3) !important;
  transform: translateX(-4px) !important;
}

.git-form-card .contact-form input[type="submit"]:active,
.git-form-card .wpcf7-submit:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(226, 32, 26, 0.22) !important;
}

/* Disabled/loading state while CF7 processes */
.git-form-card .wpcf7-submit[disabled] {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* ── Hide CF7 spinner ── */
.git-form-card .wpcf7-spinner {
  display: none !important;
}

/* ── Response output banner ── */
.git-form-card .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px 12px 44px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  border: none !important;
  line-height: 1.5;
  position: relative;
}

.git-form-card .wpcf7-response-output::before {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.git-form-card .wpcf7-mail-sent-ok {
  background: #f0fdf4;
  color: #166534;
  border-left: 3px solid #22c55e !important;
}

.git-form-card .wpcf7-mail-sent-ok::before {
  content: "✓";
  color: #22c55e;
}

.git-form-card .wpcf7-mail-sent-ng,
.git-form-card .wpcf7-validation-errors,
.git-form-card .wpcf7-acceptance-missing {
  background: #fff8f8;
  color: #991b1b;
  border-left: 3px solid #e2201a !important;
}

.git-form-card .wpcf7-mail-sent-ng::before,
.git-form-card .wpcf7-validation-errors::before,
.git-form-card .wpcf7-acceptance-missing::before {
  content: "✕";
  color: #e2201a;
}

.displaied-block {
  display: block !important;
}

/* ── Floating WhatsApp Button ── */
.whatsapp-float {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  color: #ffffff !important;
  border-radius: 50%;
  text-align: center;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(37, 211, 102, 0.35);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-decoration: none !important;
}

.whatsapp-float svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

.whatsapp-float:hover {
  background-color: #20ba5a;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 16px 32px rgba(37, 211, 102, 0.45);
}

.whatsapp-float:hover svg {
  transform: rotate(15deg);
}

/* Adjust scroll-to-top button position to stack above WhatsApp button */
.scroll-to-top {
  bottom: 110px !important;
  position: fixed !important;
  /* Force fixed so it behaves correctly as a floating element */
}

/* Responsive styling for smaller devices */
@media (max-width: 768px) {
  .whatsapp-float {
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
  }

  .whatsapp-float svg {
    width: 26px;
    height: 26px;
  }

  .scroll-to-top {
    bottom: 85px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
  }
}

/* ====================================================================
   Arabic typography — '29LT Bukra', sans-serif for all RTL text
   Placed at end of file so source-order wins over equal-specificity
   rules defined above.  Pseudo-elements (::before / ::after) that carry
   icon fonts (Font Awesome, Flaticon) are NOT matched by * and are safe.
   ==================================================================== */

/* Covers every single-class / element selector in this file */
.rtl * {
  font-family: '29LT Bukra', sans-serif !important;
}

/* Compound class + element selectors (0,2,1) */
.rtl .banner-section .content-box h1,
.rtl .feature-media-card h3,
.rtl .project-detail .info-list li {
  font-family: '29LT Bukra', sans-serif !important;
}

/* Compound two-class selectors (0,3,0) */
.rtl .banner-section .text,
.rtl .feature-block .text,
.rtl .feature-box .feature-block .text,
.rtl .fun-fact-section .count-box,
.rtl .fun-fact-section .counter-title,
.rtl .fun-fact-section-two .counter-column .count-box,
.rtl .fun-fact-section-two .counter-column .counter-title,
.rtl .main-slider .text,
.rtl .why-choose-us .text-box,
.rtl .feature-media-card .feature-media-card__title {
  font-family: '29LT Bukra', sans-serif !important;
}

/* Form inputs & textareas */
.rtl .contact-form .form-group input[type="text"],
.rtl .contact-form .form-group input[type="email"],
.rtl .contact-form .form-group input[type="tel"],
.rtl .contact-form .form-group input[type="url"],
.rtl .contact-form .form-group textarea,
.rtl .contact-form .form-group select,
.rtl .contact-form.modern-form input[type="text"],
.rtl .contact-form.modern-form input[type="email"],
.rtl .contact-form.modern-form input[type="tel"],
.rtl .contact-form.modern-form textarea,
.rtl .git-form-card input[type="text"],
.rtl .git-form-card input[type="email"],
.rtl .git-form-card input[type="tel"],
.rtl .git-form-card textarea,
.rtl .git-form-card .contact-form input[type="text"],
.rtl .git-form-card .contact-form input[type="email"],
.rtl .git-form-card .contact-form input[type="tel"],
.rtl .git-form-card .contact-form textarea {
  text-align: right;
  font-family: '29LT Bukra', sans-serif !important;
}

/* Font Awesome 5 sets font-family on the element itself (.fas, .far, .fab)
   so .rtl * breaks icons. Restore with higher-specificity rules. */
.rtl .fa,
.rtl .fas,
.rtl .far,
.rtl .fal {
  font-family: 'Font Awesome 5 Free' !important;
}

.rtl .fab {
  font-family: 'Font Awesome 5 Brands' !important;
}

/* ===================== AM Contact Page ===================== */
.am-contact-page {
    background: #ffffff;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    position: relative;
}

.am-contact-top {
  background: linear-gradient(
    180deg,
    #f0928d 0%,
    #f5b3b0 25%,
    #fad6d4 50%,
    #fdeceb 75%,
    #ffffff 100%
  );
  padding-top: 80px; 
}

.am-contact-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}


.am-contact-hero {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 56px;
}

.am-contact-hero h1 {
  font-family: 'Fahkwang', sans-serif;
  font-size: 56px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 20px !important;
}

.am-contact-subtitle {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding-top: 20px;
}

.am-contact-info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin-bottom: 64px;
}

.am-info-item {
  text-align: center;
}

.am-info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(226, 32, 26, 0.08);
  color: #E2201A;
  font-size: 19px;
  margin-bottom: 14px;
}

.am-info-icon svg {
  width: 28px;
  height: 28px;
}

.am-info-item h4 {
  font-family: 'Fahkwang', sans-serif;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #373643 !important;
  margin: 0 0 15px !important;
}

.am-info-item p {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #848484;
  margin: 0;
}

@media (max-width: 992px) {
  .am-contact-top {
    padding-top: 56px;
  }

  .am-contact-hero {
    margin: 0 auto 40px;
  }

  .am-contact-hero h1 {
    font-size: 38px !important;
  }

  .am-contact-subtitle {
    font-size: 17px;
  }

  .am-contact-info {
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
    margin-bottom: 0;
  }

  .am-contact-wrap {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .am-contact-image {
    min-height: 320px;
  }
}

@media (max-width: 560px) {
  .am-contact-top {
    padding-top: 40px;
  }

  .am-contact-hero h1 {
    font-size: 28px !important;
  }

  .am-contact-subtitle {
    font-size: 15px;
  }

  .am-contact-info {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }

  .am-info-icon {
    width: 64px;
    height: 64px;
  }

  .am-info-icon svg {
    width: 24px;
    height: 24px;
  }

  .am-form-fields .am-row {
    flex-direction: column;
    gap: 14px;
  }

  .am-form-fields .am-row .am-field {
    margin-bottom: 0;
  }

  .am-contact-form-card {
    padding: 28px 20px 32px;
  }
}

/* ---- Main wrap: form + image ---- */
.am-contact-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: stretch;
  margin-top: 64px;
  padding-bottom: 40px;
}

/* Form card */
.am-contact-form-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 36px 32px 40px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
}

.am-contact-eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #E2201A;
  margin-bottom: 10px;
}

.am-form-title {
  font-family: 'Fahkwang', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #0F0E15 !important;
  margin: 0 0 12px !important;
}

.am-form-text {
  font-size: 14px;
  line-height: 1.7;
  color: #6b7280;
  margin: 0 0 26px;
}

/* Field layout */
.am-form-fields .am-row {
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}

.am-form-fields .am-field {
  flex: 1;
  margin-bottom: 14px;
}

.am-form-fields .am-row .am-field {
  margin-bottom: 0;
}

.am-form-fields p {
  margin: 0 !important;
}

.am-form-fields .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Inputs */
.am-form-fields .wpcf7-text,
.am-form-fields .wpcf7-email,
.am-form-fields .wpcf7-tel,
.am-form-fields .wpcf7-textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-family: 'Lato', sans-serif !important;
  color: #0F0E15 !important;
  background-color: #f8f9fb !important;
  border: 1.5px solid rgba(0, 0, 0, 0.09) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

.am-form-fields .wpcf7-text:focus,
.am-form-fields .wpcf7-email:focus,
.am-form-fields .wpcf7-tel:focus,
.am-form-fields .wpcf7-textarea:focus {
  background-color: #ffffff !important;
  border-color: #E2201A !important;
  box-shadow: 0 0 0 3px rgba(226, 32, 26, 0.1) !important;
  outline: none !important;
}

.am-form-fields .wpcf7-textarea {
  min-height: 110px !important;
  max-height: 200px !important;
  resize: vertical !important;
}

.am-form-fields ::placeholder {
  color: #b9b8c2 !important;
  font-size: 13.5px !important;
}

.am-form-fields .wpcf7-not-valid {
  border-color: #E2201A !important;
  background: #fff8f8 !important;
}

.am-form-fields .wpcf7-not-valid-tip {
  display: block;
  margin-top: 5px;
  font-size: 11.5px;
  font-weight: 600;
  color: #E2201A;
}

/* Submit button */
.am-submit-wrap {
  margin-bottom: 0 !important;
}

.am-form-fields .wpcf7-submit {
  width: 100% !important;
  height: 54px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background-color: #E2201A !important;
  border: none !important;
  border-radius: 12px !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 14px rgba(226, 32, 26, 0.28) !important;
  cursor: pointer !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

.am-form-fields .wpcf7-submit:hover {
  background-color: #b71b15 !important;
  box-shadow: 0 8px 22px rgba(226, 32, 26, 0.38) !important;
}

.am-form-fields .wpcf7-spinner {
  display: none !important;
}

.am-form-fields .wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border: none !important;
}

.am-form-fields .wpcf7-mail-sent-ok {
  background: #f0fdf4 !important;
  color: #166534 !important;
  border-left: 3px solid #22c55e !important;
}

.am-form-fields .wpcf7-mail-sent-ng,
.am-form-fields .wpcf7-validation-errors {
  background: #fff8f8 !important;
  color: #991b1b !important;
  border-left: 3px solid #E2201A !important;
}

/* ---- Image side ---- */
.am-contact-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1.5px solid rgba(226, 32, 26, 0.45) !important;
  border-radius: 20px;
  box-shadow:
    0 0 0 1px rgba(226, 32, 26, 0.12),
    0 0 30px rgba(226, 32, 26, 0.18),
    0 8px 40px rgba(0, 0, 0, 0.35);
}

.am-contact-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

/* decorative dot grid, bottom-left */
.am-dots {
  position: absolute;
  bottom: 18px;
  left: 18px;
  width: 60px;
  height: 30px;
  background-image: radial-gradient(rgba(255, 255, 255, 0.85) 1.5px, transparent 1.5px);
  background-size: 10px 10px;
  pointer-events: none;
}

/* decorative diagonal stripes, top-right */
.am-diagonal {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.35) 0px,
    rgba(255, 255, 255, 0.35) 2px,
    transparent 2px,
    transparent 8px
  );
  pointer-events: none;
}

/* ---- Responsive ---- */
@media (max-width: 992px) {
  .am-contact-info {
    grid-template-columns: 1fr 1fr;
    row-gap: 36px;
  }
  .am-contact-wrap {
    grid-template-columns: 1fr;
  }
  .am-contact-image {
    min-height: 320px;
  }
}

@media (max-width: 560px) {
  .am-contact-info {
    grid-template-columns: 1fr;
  }
  .am-contact-hero h1 {
    font-size: 30px !important;
  }
  .am-form-fields .am-row {
    flex-direction: column;
    gap: 14px;
  }
  .am-form-fields .am-row .am-field {
    margin-bottom: 0;
  }
}

/* ===================== RTL ===================== */
.rtl .am-contact-page {
  direction: rtl;
  text-align: right;
}

.rtl .am-contact-hero,
.rtl .am-info-item {
  text-align: center;
}

.rtl .am-contact-form-card {
  text-align: right;
}

.rtl .am-contact-eyebrow {
  text-align: right;
}

.rtl .am-form-fields .am-row {
  flex-direction: row-reverse;
}

.rtl .am-form-fields .wpcf7-text,
.rtl .am-form-fields .wpcf7-email,
.rtl .am-form-fields .wpcf7-tel,
.rtl .am-form-fields .wpcf7-textarea {
  text-align: right !important;
}

.rtl .am-contact-wrap {
  direction: rtl;
}

/* swap form/image order so image is on the left in RTL, like the LTR version had it on the right */
.rtl .am-contact-wrap {
  flex-direction: row-reverse;
}

.rtl .am-dots {
  left: auto;
  right: 18px;
}

.rtl .am-diagonal {
  right: auto;
  left: 0;
}


.elementor-widget-image img {
  aspect-ratio: attr(width) / attr(height);
  height: auto;
}

.video-link a[href="https://www.youtube.com/watch?v=SbwVua4NmvE"],
.video-link a[href=""],
.video-link a:not([href]),
.video-link a[href="#"] {
    display: none !important;
    pointer-events: none;
}

.video-link:has(a[href="https://www.youtube.com/watch?v=SbwVua4NmvE"]),
.video-link:has(a[href=""]),
.video-link:has(a:not([href])),
.video-link:has(a[href="#"]) {
    display: none !important;
}

/* ── Hero Slider ─────────────────────────────────────────── */
.hs{position:relative !important;width:100% !important;height:800px !important;overflow:hidden !important}
.hs-slide{position:absolute !important;inset:0 !important;opacity:0 !important;transition:opacity 0.9s ease !important;display:flex !important;align-items:center !important;z-index:0 !important}
.hs-slide.is-active{opacity:1 !important;z-index:1 !important}
.hs-img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important}
.hs-overlay{position:absolute !important;inset:0 !important;background:linear-gradient(to right,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.35) 60%,rgba(0,0,0,0.1) 100%) !important}
.hs-content{position:relative !important;z-index:2 !important;padding:0 80px !important;max-width:820px !important;color:#fff !important;text-align:left !important}
.hs-content h1{font-size:clamp(28px,4.5vw,58px) !important;font-weight:700 !important;line-height:1.35 !important;margin-bottom:18px !important;color:#fff !important}
.hs-content h1 span{color:#E2201A !important}
.hs-content p{font-size:clamp(14px,1.6vw,17px) !important;line-height:1.85 !important;margin-bottom:32px !important;color:rgba(255,255,255,0.85) !important;max-width:560px !important}
.hs-arrows{position:absolute !important;bottom:36px !important;left:80px !important;z-index:10 !important;display:flex !important;gap:10px !important}
.hs-arr{width:46px !important;height:46px !important;background:rgba(255,255,255,0.12) !important;border:1px solid rgba(255,255,255,0.25) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;color:#fff !important;font-size:20px !important;transition:background .2s !important;user-select:none !important}
.hs-arr:hover{background:rgba(226,32,26,0.75) !important}

/* RTL overrides (Arabic pages – body.rtl) */
.rtl .hs{direction:rtl !important}
.rtl .hs-overlay{background:linear-gradient(to left,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.35) 60%,rgba(0,0,0,0.1) 100%) !important}
.rtl .hs-content{text-align:right !important}
.rtl .hs-arrows{left:auto !important;right:80px !important}

@media(max-width:1023px){
  .hs{height:560px !important}
  .hs-content{padding:0 40px !important}
}
@media(max-width:767px){
  .hs{height:50svh !important;min-height:480px !important}
  .hs-content{padding:0 24px !important}
  .hs-content h1{margin-bottom:12px !important}
  .hs-content p{margin-bottom:20px !important}
  .hs-arrows{left:24px !important;bottom:24px !important}
  .rtl .hs-arrows{left:auto !important;right:24px !important}
}